@media only screen and (max-width: 900px), only screen and (min-width: 768px) and (max-width: 1023px) {
body { min-width: 760px; }
img{ width: 100%;}
.wrap{ width:auto;  }
#header { padding-bottom:0; border-bottom:solid 1px #fff;}
#mainmenu { float:none; width:auto; overflow:hidden; margin:0; }
#logo { float:none; margin:28px auto; display:block; }
#menu { display:block; }
#mainmenu ul { display:none; }
#mainmenu ul li { float:none; border-top:solid 1px #e1e2e3;  line-height:38px;  padding:0; background:#212424;  }
#mainmenu ul li a { border:0; padding:0 15px; border-radius:0; color:#fff; }
#mainmenu ul li a span { color:#fff;}
#mainmenu ul li a:hover, #mainmenu ul li.active a { background:#f2b111; color:#fff;}
#mainmenu ul ul { position:static; left:auto; top:auto; width:auto; border-radius:0; box-shadow:none; padding:0; }
#mainmenu ul ul a { padding:0 20px;}
#mainmenu li ul li a:hover{ color:#fff; box-shadow:none; }
#mainmenu li ul li a.active { color:#fff; box-shadow:none; background:#f2b111;  }
.banner_content { width:auto; padding:20px; position:static; left:0; top:0; margin:0; }
.videobox { float:none; width:420px; height:auto; margin:0 auto; }
#bannerslider .bnr_pic { position:absolute; left:0; top:0; width:auto; height:100%; }
.banner_content aside  { float:none; width:auto; position:relative; padding:25px 0 0 0; text-align:center;  }
.wllogo { display:block; text-align:center;}
#bannerslider .slides .wllogo img { width:auto; display:inline-block; }
.callto_act { padding:20px;}
.callto_act p { padding:0 0 20px;}
.callto_list dd{ padding:0 40px;}
.callto_list dd.inte { padding:0 112px;}
#wc_benefit .btm_shed{ padding:15px 20px 25px; }
#wc_benefit h2 { padding-top:10px;}
.benefite_list dd { width:31%; margin:0 1%;}
#tesimonials { padding:20px;}
.testmon_data { padding:10px 25px 0 }
.quote_left { left:-4px}
.quote_right { right:0;}
#inquirybox .wrap { padding:20px; text-align:center; }
.inc_btn { float:none; display:inline-block; margin-top:15px; }
#footer { padding:15px 20px; }
.address_col { float:none; width:auto;}
.que_col { float:none; width:auto; }
.social { float:none; width:auto; clear:both; text-align:left; line-height:38px; color:#F2B111; padding-top:6px; }
.address_col strong, .address_col h5 { color:#F2B111;  }
.social ul { display:inline-block; margin-left:10px;}
.social ul li, .social ul li a { float:none; display:inline-block; }
.backtotop { display:none; }
.copyright { text-align:center; padding:15px 20px; }
.footernav { float:none; font-size:15px; }
.footernav a { margin:0 12px;}
.copyright span, .copyright span.designby{ display:block; margin:0;  float:none; }
#titleblock { padding:0 15px; }
#container .content { padding:20px; }
.aboutlist li .callto_list dd { padding:0 1%;}
.aboutlist li .callto_list dd.inte { padding:0 8%; }
.aboutlist li .callto_list dd em { right:-38px; }
.aboutlist li .callto_list dd.inte em { right:15px; }	
.tannav li a { width:134px; font-size:14px; }

.comparebox p { padding:15px 0; width:auto; float:none;  }
.comparebox p .yellow-btn {margin-left:15px}
.comparebox p br { display:none; }
.comparepic { float:none; width:auto; }
.datatable img { width:auto; } 

.cntcol { float:none; width:auto; padding-bottom:30px; }
.formcol { float:none; width:auto;  }
.oveerview_list li.mid { padding:0 32px;}
#ig_list dd.view_ig { width:auto; float:none; margin:0 1.5% 22px 1.5%; background-size:100% 100%;  }
#ig_list dd.nomargin, #ig_list dd { margin:0 1.5% 18px; width:30.3%; }  
.gal_list { margin-left:-3%; }
.gal_list li { width:30%; margin-left:3% }
.pp_gallery { display:none !important; }
.mapbox iframe {width:100%;}
.cnt_mapbox iframe { width:100%; }
}
/*==========================================================================================================*/
@media only screen and (max-width: 767px), only screen and (max-device-width: 600px)  {


}
/*==========================================================================================================*/
@media only screen and (max-width: 767px), only screen and (max-device-width: 480px), only screen and (max-width: 767px) {
body { min-width: 320px;}
.flex-prev { left:10px;}
.flex-next { right:10px; }
.callto_list dd{ padding:0 3%;}
.callto_list dd.inte { padding:0 14%;}
.benefite_list dd h3 { margin:0 10px 15px; font-size:16px; padding:15px 0;}
.address_col {  }
.que_col { font-size:16px;}
.que_col span { font-size:20px; display:inline-block; }
.mapbox { width:auto; float:none; margin:0; margin-bottom:15px; margin-top:5px; }
.aboutlist li .callto_list dd { padding:0;}
.aboutlist li .callto_list dd.inte { padding:0 8%; }
.aboutlist li .callto_list dd em { display:none; }
.aboutlist li h3 { width:auto; float:none; border:0;  border-bottom:2px solid #F2B111; margin:0 0 10px 0; min-height:4px; padding-bottom:10px;  }
.aboutlist li { padding-bottom:5px; }
.aboutlist li .callto_list {  padding-bottom:0; }
.tannav { padding:0; border-top:solid 1px #515757; }
.tannav li { display:block; line-height:38px; padding:0; border-bottom:solid 1px #515757;}
.tannav li a { width:auto; font-size:14px; display:block; border-radius:0; font-size:17px; border:0; line-height:38px; } 
.tannav li a:hover {  background:#212424; color:#f2b111; }
.tannav li a:hover, .tannav li a.active {  background:#212424; color:#f2b111;  }
.datatable th, .datatable td { font-size:14px; line-height:15px;}
.download_list dd { text-align:center; padding:15px; font-size:16px; line-height:20px; }
.downbtn {  float:none;  clear:both; margin:12px auto 0; display:block; width:120px; }
.oveerview_list li, .oveerview_list li.mid{ width:27%; padding:0 3%}
.viewdown { padding:15px;}
.viewdown p { padding-bottom:10px; }
.viewdown .inc_btn { font-size:13px; padding:0 12px; margin:10px 0 0 8px; float:none; display:inline-block;  }
}
/*==========================================================================================================*/
/* only iphone4 landscape & Potriat 300 by 480*/
@media only screen and (min-width: 300px) and (max-width: 480px) {
.gal_list li { width:47%; margin-left:3% }

}
/*==========================================================================================================*/
/* only iphone4 landscape 340 by 478*/
@media only screen and (min-width: 340px) and (max-width: 480px) {
	
.videobox { width:300px; }
.callto_list dd { padding:0 ;}
#bannerslider .slides .wllogo img { width:100%; }
.callto_list dd.inte { padding:0 12%; }
.benefite_list dd h3 { min-height:30px; }
.inc_btn { margin-top:7px;}
#inquirybox .wrap { padding:10px 20px;}
.banner_content .common_btn, .downloadbtn { padding:0 15px;}
.wllogo { padding:0 60px 10px }
#bannerslider .slides .wllogo img { width:100%; }
.advantage_list dd figure { width:140px; margin-right:20px; }
.viewdown { font-size:24px; line-height:26px;} 
.viewdown .inc_btn, .viewdown .inc_btn.first {  margin:3px 7px 7px 5px; line-height:30px;  }

}
/*==========================================================================================================*/
/* only iphone portrait 300 by 479*/
@media only screen and (min-width: 300px) and (max-width: 479px) {
	
#logo { width:280px; background-size:100% 100%; height:48px; margin:18px auto; }
.videobox { width:260px; }
.banner_content aside p { font-size:13px; }
.flex-direction-nav { margin-top:-66px; }
.wllogo { padding:0 52px 14px }
#bannerslider .slides .wllogo img { width:100%; }
.downloadbtn { margin:15px 0 0 0; }
.callto_list dd em { display:none; }
.callto_list dd.inte, .callto_list dd { padding:10px 0; float:none; width:auto; text-align:center;  }
.callto_list dd a { margin:0 auto; }
.benefite_list dd { width:auto; margin:0; float:none; }
.tes_auther { font-size:12px;}
#inquirybox { height:auto; background-size:400% 100%;}
.social li { padding:0 3px;}
.footernav { font-size:13px; padding-bottom:6px;  }
.footernav a { margin:0 5px;}
#titleblock h1 span { font-size:24px;}
#titleblock h1 { font-size:28px;}
.advantage_list dd figure { float:none; width:auto; margin:0 0 15px ; text-align:center; }
.advantage_list dd figure img { width:auto; }
.advantage_list dd.last figure, .formcol p br { display:none; }
.datatable th, .datatable td { padding:2px 4px; } 
.oveerview_list { padding-bottom:0; }
.oveerview_list li, .oveerview_list li.mid { float:none; width:auto; padding:0 0 0 12px; margin-bottom:35px;  } 
#ig_list dd.view_ig { height:auto; background-size:300% 100%; }
#ig_list dd.view_ig, #ig_list dd, #ig_list dd.nomargin { float:none; width:auto; margin:0 0 12px; border:1px solid #6E6B6C; }
#ig_list dd.view_ig img, #ig_list dd img, #ig_list dd.nomargin img { border:0; }
.viewdown .inc_btn, .viewdown .inc_btn.first { margin:0 0 10px 0; line-height:32px; display:block;  }
.viewdown p { padding-bottom:15px; font-size:22px; line-height:24px;}

}

/*==========================================================================================================*/
/* only Small tablet portrait 600 by 800*/
@media only screen and (min-width: 599px) and (max-width: 600px) {

}

/*==========================================================================================================*/
/* Small tablet Landscape 800 by 600*/
@media only screen and (min-width: 799px) and (max-width: 800px) {
	
}
/*==========================================================================================================*/
@media only screen and (min-width: 481px) and (max-width: 568px) {

.callto_list dd { padding:0 2%;}
.videobox { width:366px; }

}