/*---------Media Query Start--------*/

@media only screen and (max-width:980px) {
	#wowslider-container1.ws_gestures{ display:block !important;}
	.bannerfla{ width:100%; margin:0 auto; display:block !important;}
	.wrapper{width:100%; margin:0 auto;}
	.header{width:98%; margin:0 auto;}
	.bodytotal{width:98%; margin:0 auto;}
	.footer_total{width:98%; margin:0 auto;}
	.footer2{width:98%; margin:0 auto;}
	.footmenu{padding-right:46px;}
	.menu_to3{ margin-left:37px;}
	.jsbut{z-index:999; top:10%;} 
	#wowslider-container1.ws_gestures{ margin-top:15px;  margin-bottom:15px;}
	.footer_inr{padding-top:12px;}
	.bann{width:100%; margin:0 auto}
	
	
	/*---------inner------*/
	.services{width:98%; margin:0 auto; float:none;}
	.total_product{width:98%; }
	.total_product ul li{width:100%; }
	.total_product ul li .pro_name{width:69%;}
	.total_product ul li .pro_content{width:69%;}
	
	.ssection{width:98%; margin:0 auto; }
	.sec1{ width:30%;}
	.sec2{ width:30%;}
	.sectop{ width:100%; text-align:center;}
	.secimg{ width:95%;}
	.secimg img{ width:100%;}
	.sechead { width:100%;}
	.seccontent { width:100%;}
	.click{ width:100%;}
	.click a{ display:block; padding:3px 0;}
	
	.formtotal{width:100%;}
	.formtotal ul li { width:98%;}
	input{ width:98%;}
	textarea{ width:98%;}
}

@media only screen and (max-width:900px) {
	.bannerfla{ display:none;}
	.wrapper{width:100%; margin:0 auto;}
	.header{width:98%; margin:0 auto;}
	.bodytotal{width:98%; margin:0 auto; background:#fff;}
	.footer_total{width:98%; margin:0 auto;}
	.footer2{width:98%; margin:0 auto;}
	.jsbut{z-index:999; top:5%;}
	.righthead_total{ width:250px;}
	.headrtop{ width:250px;}
	.headrtop ul{overflow:hidden;}
	.indlogo{display:none;}
	.trustlogo{display:none;}
	.welcome{width:60%;}
	.footmenu{padding:0;}
	.footmenu2{padding:0 20px 0 20px;}
	#wowslider-container1.ws_gestures{ padding-bottom:15px; border-bottom:9px solid #e1e1e1; margin-bottom:15px;}
	.fmenumain3{ width:auto;}
	.ddsmoothmenu ul li a{padding:0 11px;}
	.menutotal{width:519px; margin-top:-29px;} 
	.bann{width:100%; margin:0 auto}
	
	/*---------inner------*/
	.services{width:98%; margin:0 auto; float:none;} 
	.sub_content{width:63%;}
	.sub_content ul li{width:100%;}
	.imgtotal{width:300px;}
	.imgtotal img{ width:100%; clear:both;}
}

@media only screen and (max-width:800px) {
	.jsbut{top:10%;}
	.header{width:100%; margin:0 auto;}
	#wowslider-container1.ws_gestures{ padding-bottom:15px; border-bottom:15px solid #e1e1e1; margin-bottom:15px;}
	.menu_to{width:102px;}
	.menutotal{width:100%; margin-top:-37px;}
	.fmenumain{width:auto;}
	.fmenumain ul li{float:none;}
	.footmenu2 { padding: 0 20px 73px;}
	.footer_in1{width:71%;}
	.footer_inr{padding-top:12px; width:22%; }
	#mobnav{ display:block !important; text-align:right; cursor:pointer; margin:11px 0 0; }
	#mobnav img{ margin-right:12px;}
	#smoothmenu1{display:none;}
	.ddsmoothmenu{ background:#4cb9be; display:block; width:100%; position:relative;}
	.ddsmoothmenu ul { text-align:right;}
	.ddsmoothmenu ul li{ text-align:center; padding:5px 15px;}
	/*.ddsmoothmenu ul li{ float:none !important; display:block !important; border-bottom:1px solid #4bc3c8; padding:3px 0; text-align:center;}*/
	.ddsmoothmenu ul li a{ font-size:14px;}
	.bann{width:100%; margin:0 auto}
	
	/*---------inner------*/
	.services{width:98%; margin:0 auto; float:none;}
	.sub_content {width: 56%;}
}

@media only screen and (max-width:768px) {
   .jsbut{top:12%;}
   .ddsmoothmenu ul li{ text-align:center; padding:5px 10px;}
   .welcome{width:58%;}
   .bann{width:100%; margin:0 auto}
   
   /*---------inner------*/
	.services{width:98%; margin:0 auto; float:none;}
}

@media only screen and (max-width:640px) {
   .jsbut{top:35%;}
   .ddsmoothmenu ul li{ text-align:center; padding:5px 5px;}
   .ddsmoothmenu ul li a{ font-size:12px;}
   .welcome{width:50%;}
   .fmenumain3{ float:none; width:100%;}
   .menu_to3 {border-top: 1px solid #ccc; float: left; margin-top: 15px; padding-top: 15px; width: 100%; margin-left:0px;}
   .footer_in1 { width: 51%;}
   .footer_inr {padding-top: 12px; width: 26%;}
   .bann{width:100%; margin:0 auto}
   
   /*---------inner------*/
   .welcome ul li.welcome_heading{text-align:left; line-height:35px;}
	.services{width:98%; margin:0 auto; float:none;}
	.total_product ul li .pro_name { width: 50%;}
	.total_product ul li .pro_content { width: 50%;}
	.total_product ul li .pro_but{margin-left:194px;}
	
	.sec1{ width:29%;}
	.sec2{ width:29%;}
	
	.sub_content {width:47%;}
}

@media only screen and (max-width:580px) {
   .logo{ float:none; width:100%; text-align:center; margin-bottom:15px;}
   .righthead_total{ float:none; margin:0 auto;}
   .ddsmoothmenu ul li{ text-align:center; padding:5px 3px;}
   .ddsmoothmenu ul li a{ padding:0 13px !important;}
   .welcome{ width:100%; float:none; overflow:hidden; margin-bottom:25px;}
   .latest_prototal { float:none; margin:0 auto;}
   .footer_in1{float:none; width:100%; text-align:center; padding:8px 0;}
   .footer_inr {float:none; width:100%; text-align:center; padding:5px 0;}
   
   
   .total_product ul li .pro_name { width: 50%; text-align:left; line-height:23px;}
   .sub_content {float: none;margin: 0 auto 25px; overflow: hidden;width: 100%;}
   .imgtotal{width:300px; margin:0 auto; float:none;}
   .ssection{display:block;}
   .bann{width:100%; margin:0 auto}
}


@media only screen and (max-width:480px) {
   .jsbut{top:45%;}
   .ddsmoothmenu ul li{ float:none !important; display:block !important; border-bottom:1px solid #4bc3c8; padding:3px 0; text-align:center;}
   
   /*---------inner------*/
   .welcome ul li.welcome_heading{text-align:left; line-height:35px;}
   .sec1{ width:95%; float:none; margin:0 auto 15px;}
   .sec2{ width:95%; float:none; margin:0 auto 15px;}
   .location_map2{ margin:0 auto; float:none;}
   .location_map{ margin:0 auto; float:none;}
   .bann{width:100%; margin:0 auto}
   
}

@media only screen and (max-width:360px) {
   .logo img{ width:100%;}
   .menutotal{ margin-top:0;}
   .bodytotal{width:95%; margin:0 auto; }
   .menu_to3{ width:100%;}
   .address{ width:100%;}
   .footer_total{width:95%;}
   .bann{width:100%; margin:0 auto}
   
   .services{width:100%; margin:0 auto; float:none;}
	.total_product{width:95%; }
	.total_product ul li .pro_name{ width:100%; margin-left:0px;}
	.total_product ul li .pro_content { width:100%; margin-left:0px;}
	.total_product ul li .pro_but { margin-left:0px;}
	.total_product ul li .pro_img{ width:90%; float:none; margin:0 auto;}
	.total_product ul li .pro_img img{ width:100%;}
	.services ul li.services_heading{text-align:left; line-height:23px;}
}


@media only screen and (max-width:320px) {
    .jsbut{top:27%;}
}