@charset "utf-8";
/* CSS Document */


@media only screen and (width : 1024px){ 
 .cont-exe { width:435px!important; }
 .xen-con.cont-exe { width:310px!important; }
 .comtrxt { width:432px!important; }
 
 
 /*============== 09-03-2016 ================*/
	
  .e_commerce_middle_top { display:table; margin:35px 0 0; padding:0 10px; width:95%; }
  .three_block { float:left; margin:35px 10px 45px; padding:0 12px 15px; width:27%; }
  .three_block p { font-size:14px; min-height:122px; width:78%; }
  .ecart { float:left; width:18%; }
  .ecart img { width:100%; }
  .features_bggr { background: #25414d; width:100%; }
  .feature_area ul { float:left; width:82%; }
  .feature_area ul li { width:45%; }
  .feature_area { padding:0 10px; width:97%; }
  .e_commerce_seo { float:left; padding:0 10px; width:49%; }
  .e_commerce_seoright { float:right; margin:120px 0 27px; padding:0 10px; width:45%; }
  .howtosrtright { float:none; padding:18px 10px; width: auto; }
  .howtostart { margin:0 10px 35px; padding:7px 4px 15px; width:88%; }
  .how_start { width:66%; }
  .e_commerce_seoright li { width:90% !important; }

}


@media only screen and (min-width : 768px) and (max-width : 1023px) {
	.welcome { left: 19%;}
	.bg-color {padding: 573px 0 0;}
	.wrapper{width:99%;}
	.wrapper_new { width:98%; margin:0 auto; }
	.banner{width:99%;}
	.banner img{width:100%;}
	.div1000{width:99%;}
	.push-the-limits{width:440px; margin-left: 10px;}
	.all-services .rubik .div1000 .all-services-part ul li{ left: 3%; width: 293px;}
	.all-services .rubik .div1000 .all-services-part ul li:hover .more{ }
	.all-services {  padding: 573px 0 0;}
	.part2 { height: 650px;}
	.content-part { padding: 158px 0 0;}
	.content-part .rubik .div1000 .content-part-part ul li {width: 356px; min-height:550px;}
	.isopart .rubik .div1000 .isopart-part .assured-quality{ width:96%; float:none; margin:0 auto; overflow: hidden;}
	.isopart .rubik .div1000 .isopart-part .check-showcase{ width:96%; float:none; margin:0 auto; overflow: hidden;}
	.top-footer .top-content-part ul li{   width: 358px;}
	.footer-buttom .office{ width:70%; text-align:center; margin:0 auto; float:none}
	.footer-buttom .right{ width:70%; text-align:center; margin:10px auto; float:none}
	#menu{width:auto; margin:15px 0 0; padding:0 20px;}
	.col_1 {width: 125px;}
	#menu li{margin-right:0;}
	.dropdown_4columns{width:306px !important;}
	.col_1, .col_2, .col_3, .col_4, .col_5{margin:0 3px;}
	.banner-full{padding-top:52px;}
	.banner-container {
    margin: 0 auto 0 90px;
    padding-top: 140px;
    width: 564px;}
	.inner-left{width:90%; padding:0 10px; float:none;}
	.inner-right{width:90%; padding:0 10px; float:none;}
	.innerbanner img{width:100%; height:auto;}
	#contact{width:100% !important;}
	.fancybox-outer, .fancybox-inner{width:101% !important; z-index:99999 !important;}
	.fancybox-wrap{width:76% !important; left:87px !important; z-index:99999 !important;}
	#contact input, #contact textarea, #contact select{width:100% !important;}
	#contact_quote input, #contact_quote textarea, #contact_quote select{width: 473px;}	
	#menu li{padding:11px 6px !important; line-height:1px !important;}
	#menu li:hover{padding:11px 6px !important; line-height:1px !important; }
	.dropdown_1column, .dropdown_2columns, .dropdown_3columns, .dropdown_4columns, .dropdown_5columns{margin:-10px auto !important;}
	.clients li{margin:0; padding:8px 15px 8px 0;  display:inline-block; width:29%; min-height:128px;}
	.request img{width:48%; height:auto;}
	
	
	/*21-12-2015*/
	.maroon.all_out > img { z-index: 100000; top:1%; }
	.cklog_inn { left:18%; margin:30px auto; padding:0 10px; position:fixed; top:8%; width:61%; z-index:100001; }
    .cont-exe { width:435px; }
	.xen-con.cont-exe { width:310px; }
	.comtrxt { width:432px; }
	
	
	/*============== 09-03-2016 ================*/
	
  .e_commerce_middle_top { display:table; margin:35px 0 0; padding:0 10px; width:95%; }
  .three_block { float:left; margin:35px 10px 45px; padding:0 12px 15px; width:27%; }
  .three_block p { font-size:14px; min-height:122px; width:78%; }
  .ecart { float:none; width:80%; }
  .features_bggr { background: #25414d; width:100%; }
  .feature_area ul { float:none; width:100%; }
  .feature_area ul li { width:45%; }
  .feature_area { padding:0 10px; width:97%; }
  .e_commerce_seo { float:left; padding:0 10px; width:49%; }
  .e_commerce_seoright { float:right; margin:120px 0 27px; padding:0 10px; width:45%; }
  .howtosrtright { float:none; padding:18px 10px; width: auto; }
  .howtostart { margin:0 10px 35px; padding:7px 4px 15px; width:88%; }
  .how_start { width:66%; }
  .e_commerce_seoright li { width:90% !important; }
	
	
	
	
	
	
	
}
@media only screen and (min-width : 480px) and (max-width : 767px) {
	
	.logo{ width:50%; float:left;}
	.welcome { left: 0; top:-6px;}
	.welcome img{width:100%;}
	.navbar .navbar-inner {margin-top: 10px;}
	.wrapper{width:99%;}
	.wrapper_new { width:98%; margin:0 auto; }
	/*--.logo {float: none; margin: 0 auto;}--*/
	#nav {height: 135px;}
	.nav{ display:none;}
	.nav2 { display:block;  width:40%; float:right; margin-top:30px;}
	.banner-full { padding-top:73px;}
	.banner{width:99%; text-align:center;}
	.banner img{width:87%;}
	.our-skills { float:none; margin:0 auto; width:80%;}
	.div1000{width:99%;}
	.push-the-limits{margin: 20px;  width: 88%;}
	.all-services .rubik .div1000 .all-services-part ul li{ left: 10%; width:69%; /*--width: 77%;--*/}
	.all-services .rubik .div1000 .all-services-part ul li:hover .more { right:0;}
	.part1 { height: 1370px;}
	.all-services .rubik {position: static;}
	.part2 { height: 2000px;}
	.content-part { padding: 450px 0 0;}
	.content-part .rubik .div1000 .content-part-part ul li {width: 99%;}
	.part3 { height: 800px;}
	.isopart {padding: 300px 0 0;	}
	.isopart .rubik .div1000 .isopart-part .assured-quality{ width:96%; float:none; margin:0 auto; overflow: hidden;}
	.isopart .rubik .div1000 .isopart-part .check-showcase{ width:96%; float:none; margin:0 auto; overflow: hidden;}
	.top-footer .top-content-part ul li {  width: 294px;}
	.footer-buttom .office{ width:70%; text-align:center; margin:0 auto; float:none}
	.footer-buttom .right{ width:209px; text-align:center; margin:10px auto; float:none}
	#menu{display:none;}
	.banner-container{width:336px; margin:0 auto 0 142px; padding-top:79px;}
	.banner{background:url(../images/ban-2.png) no-repeat center top;}
	#wrap{margin:20px 5px;}
	.inner-left{width:90%; padding:0 10px; margin:0 auto; float:none; }
	.inner-right{width:90%; padding:0 10px; float:none;}
	.innerbanner img{width:100%; height:auto;}
	#contact{width:100% !important;}
	.fancybox-outer, .fancybox-inner{width:101% !important; z-index:99999 !important;}
	.fancybox-wrap{width:76% !important; left:56px !important; z-index:99999 !important;}
	#contact input, #contact textarea, #contact select{width:100% !important;}
	#contact_quote input, #contact_quote textarea, #contact_quote select{width:266px;}
	#contact_quote .button{width:77%;}
	.partner{width:209px; margin:17px auto; padding:0; border:none; float:none;}
	.footer-buttom .office{border:none;}
	.clients li{margin:0; padding:8px 15px 8px 0;  display:inline-block; width:45%; min-height:128px;}
	.request img{width:48%; height:auto;}
	.mobile{display:block;}
	.section-threepanel li{width:95%;}
	.list-new ul li{width:100%; float:none;}
	
	
	/*21-12-2015*/
	.maroon.all_out > img { top:70%; }
	.cklog_inn { left:4%; width:87%; top:30px; }
	.hdng > h3 { width:auto; }
	.clse > img { margin-right:-11px; margin-top:-54px; width:35px; }
	.cont-exe { width:97%!important;}
	.comtrxt { width:97%!important; }
	.frgt_pass { height:180px; overflow:auto!important; }
	.xen-con.cont-exe { width:63%!important; }
	
	
	/*============== 09-03-2016 ================*/
	
  .e_commerce_middle_top { display:table; margin:35px 0 0; padding:0 10px; width:95%; }
  .three_block { float:none; margin:35px auto 45px; padding:0 19px 15px; width:80%; }
  .three_block p { width:82%; }
  .ecart { float:none; width:80%; }
  .features_bggr { background: #25414d; width:100%; }
  .feature_area ul { float:none; width:100%; }
  .feature_area ul li { width:90%; }
  .feature_area { padding:0 10px; width:90%; }
  .e_commerce_seo { float:none; padding:0 10px; width:90%; }
  .e_commerce_seoright { float:none; margin:0 0 27px; padding:0 10px; width:90%; }
  .howtosrtright { float:none; padding:18px 10px; width: auto; }
  .howtostart { margin:0 10px 35px; padding:7px 4px 15px; width:88%; }
  .how_start { width:100%; }
	
	
	
}
@media only screen and (min-width : 320px) and (max-width : 479px) {
	.welcome { left: 1%; top:-6px;}
	.welcome img{width:100%;}
	.bg-color {padding: 478px 0 0;	}
	.logo {float: none; margin: 0 auto;}
	#nav {height: 135px;}
	.nav{ display:none;}
	.nav2 { display:block;  width:80%; margin:0 auto}
	.wrapper{width:97%;}
	.wrapper_new { width:98%; margin:0 auto; }
	.banner-full { padding-top: 198px;}
	.banner{width:91%; background:url("../images/ban-3.png") no-repeat scroll center top hsla(0, 0%, 0%, 0);}
	.banner img{width:100%;}
	.our-skills { float:none; margin:0 auto; width:90%;}
	.div1000{width:99%;}
	.push-the-limits{margin: 20px;  width: 88%;}
	.part1 { height: 1200px;}
	.all-services { padding: 96px 0 0;}
	.all-services .rubik {position: static;}
	.all-services .rubik .div1000 .all-services-part ul li{ left: 3%; width: 74%;}
	.all-services .rubik .div1000 .all-services-part ul li:hover .more{ right:0;}
	.part2 { height: 1771px;}
	.content-part { padding: 50px 0 0;}
	.content-part .rubik .div1000 .content-part-part ul li {width: 95%;}
	.part3 { height: 500px;}
	.isopart {padding: 8px 0 0;	}
	.isopart .rubik .div1000 .isopart-part .assured-quality{ width:96%; float:none; margin:0 auto; overflow: hidden;}
	.isopart .rubik .div1000 .isopart-part .check-showcase{ width:96%; float:none; margin:50px auto; overflow: hidden;}
	.top-footer .top-content-part ul li {  width: 294px; margin-left: 21px;}
	.footer-buttom .office{ width:70%; text-align:center; margin:0 auto; float:none}
	.footer-buttom .right{ width:70%; text-align:center; margin:10px auto; float:none}
	#menu{display:none;}
	.banner-container{margin: 0 auto 0 53px; padding: 40px 0 0;width: 63%;}
	.banner-container img{width:90%;}
	.inner-left{width:90%; padding:0 10px; }
	.inner-right{width:90%; padding:0 10px; float:none;}
	.innerbanner img{width:100%; height:auto;}
	.contact_form{width:95%;}
	#contact{width:100% !important;}
	.fancybox-outer, .fancybox-inner{width:101% !important; z-index:99999 !important;}
	.fancybox-wrap{width:76% !important; left:39px !important; z-index:99999 !important;}
	#contact input, #contact textarea, #contact select{width:100% !important;}
	#contact_quote input, #contact_quote textarea, #contact_quote select{width:153px;}
	#contact_quote .button{width:77%;}
	.partner{width:209px; margin:17px auto; padding:0; border:none; float:none;}
	.footer-buttom .office{border:none;}
	.clients li{margin:0; padding:8px 15px 8px 0;  display:inline-block; width:100%; min-height:128px;}
	.request img{width:48%; height:auto;}
	.mobile{display:block;}
	.section-threepanel li{width:95%;}
	.list-new ul li{width:100%; float:none;}
	
	
	/*21-12-2015*/
	.maroon.all_out > img { top:68%; }
	.cklog_inn { left:4%; width:87%; top:8%; }
	.hdng > h3 { width:auto; }
	.clse > img { margin-right:-11px; margin-top:-54px; width:35px; }
	.cont-exe { width:97%!important;}
	.comtrxt { width:97%!important; }
	.frgt_pass .error { width:97%!important; }
	.xen-con.cont-exe { width:53%!important; }
	
	
  /*============== 09-03-2016 ================*/
	
  .e_commerce_middle_top { display:table; margin:35px 0 0; padding:0 10px; width:95%; }
  .three_block { float:none; margin:35px auto 45px; padding:0 19px 15px; width:80%; }
  .three_block p { width:82%; }
  .ecart { float:left; width:80%; margin:20px 0; }
  .ecart img { width:100%; }
  .features_bggr { background: #25414d; width:100%; }
  .feature_area ul { float:none; width:100%; }
  .feature_area ul li { width:90%; }
  .feature_area { padding:0 10px; width:90%; }
  .e_commerce_seo { float:none; padding:0 10px; width:90%; }
  .e_commerce_seoright { float:none; margin:0 0 27px; padding:0 10px; width:90%; }
  .howtosrtright { float:none; padding:18px 10px; width: auto; }
  .howtostart { margin:0 10px 35px; padding:7px 4px 15px; width:88%; }
  .how_start { width:100%; }
  .e_commerce_seoright li { width: 90% !important; }
	
	
	
		
}
@media only screen and (min-width : 240px) and (max-width : 319px){
	.welcome { left: 0; top:-6px;}
	.welcome img{width:100%;}
	.logo {float: none; margin: 0 auto;}
	#nav {height: 120px;}
	.nav{ display:none;}
	
	.nav2 { display:block;  width:80%; margin:0 auto}
	.wrapper{width:99%;}
	.wrapper_new { width:98%; margin:0 auto; }
	.banner{width:99%;}
	.banner img{width:100%;}
	.our-skills { float:none; margin:0 auto; width:90%;}
	.div1000{width:99%;}
	.push-the-limits{width:100%;}
	.part1 { height: 1200px;}
	.all-services { padding: 96px 0 0;}
	.all-services .rubik {position: static;}
	.all-services .rubik .div1000 .all-services-part ul li{ left: 3%; width: 77%;}
	.all-services .rubik .div1000 .all-services-part ul li:hover .more{ right:0;}
	.part2 { height: 2000px;}
	.content-part { padding: 50px 0 0;}
	.content-part .rubik .div1000 .content-part-part ul li {width: 95%;}
	
	.part3 { height: 700px;}
	.isopart {padding: 8px 0 0;	}
	.isopart .rubik .div1000 .isopart-part .assured-quality{ width:96%; float:none; margin:0 auto; overflow: hidden;}
	.isopart .rubik .div1000 .isopart-part .check-showcase{ width:96%; float:none; margin:50px auto; overflow: hidden;}
	.top-footer .top-content-part ul li {  width: 294px; margin-left: 21px;}
	.footer-buttom .office{ width:70%; text-align:center; margin:0 auto;float:none}
	.footer-buttom .right{ width:70%; text-align:center; margin:10px auto; float:none}
	#menu{display:none;}
	.banner-container{width:100%; margin:0; padding:0;}
	.banner-container img{width:90%;}
	.inner-left{width:90%; padding:0 10px;}
	.inner-right{width:90%;}
	.innerbanner img{width:100%; height:auto;}
	.clients li{margin:0; padding:8px 15px 8px 0;  display:inline-block; width:100%; min-height:128px;}
	.request img{width:48%; height:auto;}
	.list-new ul li{width:100%; float:none;}
	
	
	/*21-12-2015*/
	.maroon.all_out > img { top:68%; }
	.cklog_inn { left:4%; width:87%; top:8%; }
	.hdng > h3 { width:auto; }
	.clse > img { margin-right:-11px; margin-top:-54px; width:35px; }
	.cont-exe { width:97%!important;}
	.comtrxt { width:97%!important; }
	.frgt_pass .error { width:97%!important; }
	.xen-con.cont-exe { width:53%!important; }
	
}