@media only screen and (min-width : 1200px){
	
}
@media only screen and (max-width : 1200px){
	.banner .skdslider{height: inherit;}
	.about .img{display: none;}	
	.about .col-md-6{width: 100%;}
}
@media only screen and (min-width : 992px) and (max-width : 1200px){
	 
	.product .srv-img .blog img{width: 100%}
}
/* ipad view landsccape */
@media only screen and (min-width : 979px) and (max-width : 1200px){
	.logo img{width: 250px; height: 47px;}
	header #cssmenu > ul > li.has-sub > a::after{right: 6px;}
	header #cssmenu > ul > li.has-sub > a{padding-right: 18px;}
	header #cssmenu > ul > li > a{padding: 12px 8px 12px 6px; font-size: 11px;}
	#cssmenu{margin-top: 10px; margin-bottom: 10px;}
	footer #foot4{padding-left: 15px !important;}
	.statistic-box .value img{height: 130px;}
	#section_content{clear: both; padding-bottom: 30px;}
	footer .footer_bottom{margin-top: 35px;}
	.list div#m-cnt2 h1{font-size: 26px; padding: 0;}
	.statistic-box .text{min-height: 54px;}
	.map-img{display: none;}
	#section_content1 .cnt{width: 100%;}
	.product .blog {min-height: 270px;}
	
}
/* ipad view portrait */
@media only screen and (max-width : 979px){
	.enq-img, .map-img{display: none;}
	input#lgn-eml, input#lgn-eml2{width: 100%;}
}
@media only screen and (min-width : 768px) and (max-width : 978px){
	.list div#m-cnt2 h1{font-size: 26px; padding: 0;}
	#section_content{clear: both; padding-bottom: 30px;}
	.statistic-box .value img{height: 130px;}
	footer #foot4{padding-left: 15px !important;}
	.logo img{width: 250px; height: 47px;}
	header #cssmenu > ul > li.has-sub > a::after{right: 6px;}
	header #cssmenu > ul > li.has-sub > a{padding-right: 18px;}
	header #cssmenu > ul > li > a{padding: 12px 8px 12px 6px; font-size: 11px;}
	#cssmenu{margin-top: 20px; margin-bottom: 20px;}
}

/* Mobile view */
@media only screen and (min-width : 768px) and (max-width : 800px){
	.menu{position: absolute !important;right: 0;}
	.menu.col-xs-6 .open, .menu.col-xs-6{width: 100%;}
	#cssmenu{position: inherit !important; width: 98% !important; left: 0 !important}
	.menu #cssmenu > ul.open{position: absolute; left:0;  top: 50px; background-color: #48aad7; z-index: 1;     margin: 0 5%;    width: 95%;}
	.menu #cssmenu > ul.open li a span{color: #fff; font-size: 13px;}
	#cssmenu #menu-button{position: absolute !important; right: 0 !important; color: #0297cf !important;}
	#cssmenu > ul > li > a{padding: 8px 25px 8px 25px !important;}
	#cssmenu > ul > li > ul::after{display: none !important;}
	#cssmenu > ul > li > ul{margin-top: 0px !important}
	#cssmenu #menu-button::before, #cssmenu #menu-button::after{border: 0 !important;}
	.menu.col-xs-4{width: 100%;}
}
@media only screen and (max-width : 767px){
	.banner .skdslider{height: inherit;}
	.list .section1 #m-sd img{margin-top: 0;}
	.list .section1 div#m-cnt2 h1{padding-top: 0; margin-top: 0;}
	.about{padding-top: 10px;}
	.about div#ser1 {margin: 20px 0 10px 0px;}
	.about .col-xs-12#ser1{padding: 0px;}
	.list{background: #efe8e8; padding: 0 15px;}
	#section_content{clear: both; padding-bottom: 30px;}
	.statistic-box{width: 50%;}
	section#statistic-section{padding: 20px 0;}
	footer{padding: 30px 0 0px;}
	footer .footer_bottom{margin-top: 35px;}
	footer #foot4{padding-left: 15px !important;}
	.header_top{position: relative; padding-bottom: 15px;}
	.header_social{position: absolute; float: none; right: 0; display: inline-flex; top: -12px; overflow: inherit;}
	.blog{max-width: 300px; margin: 20px auto; margin-top: 20px !important;}
	.enq-img{display: none;}
	#img-sit img{display: none;}
	.cnt img{margin-left: 0 !important;}
	.product div#m-cnt2 h1{margin: 0; font-size: 25px;}
	.product .blog h3{font-size: 18px;}
	.product .name-block .blog{margin: 0; width: 100%; max-width: 100%;}
	.menu{position: absolute !important;right: 0;}
	.menu.col-xs-6 .open, .menu.col-xs-6{width: 100%;}
	#cssmenu{position: inherit !important; width: 98% !important; left: 0 !important}
	.menu #cssmenu > ul.open{position: absolute; left:0;  top: 50px; background-color: #48aad7; z-index: 1;     margin: 0 5%;    width: 95%;}
	.menu #cssmenu > ul.open li a span{color: #fff;}
	#cssmenu #menu-button{position: absolute !important; right: 0 !important; color: #0297cf !important;}
	#cssmenu > ul > li > a{padding: 8px 25px 8px 25px !important;}
	#cssmenu > ul > li > ul::after{display: none !important;}
	#cssmenu > ul > li > ul{margin-top: 0px !important}
	#cssmenu #menu-button::before, #cssmenu #menu-button::after{border: 0 !important;}
	.menu.col-xs-4{width: 100%;}
	.banner img{height: 80px;}
}
@media only screen and (min-width : 641px) and (max-width : 767px){
	#section_content1 .map iframe{height: 320px !important;}
	.label-poduct .blog img{width: 100%}
	#cssmenu{margin-top: 45px !important;}
}
@media only screen and (max-width: 640px){
	.statistic-box .value img{height: 100px;}
	input#lgn-eml1{width: 100%;}
	/* .cnt img, .cnt .col-xs-4{display: none;} */
	#section_content1 .map iframe{height: 280px !important;}
	.product .srv-img .blog img{width: 100%}
	/* product .name-block .col-xs-8{width: 100%;} */
}
@media only screen and (min-width : 479px) and (max-width : 639px){
	.logo img{width: 280px; height: 53px;}
	.list .section1 #m-sd img{height: 120px;}
	#section_content .content h1{font-size: 25px;}
	.list div#m-cnt2 h1, #statistic-section1 h2.f-tit1{font-size: 25px;}	
	.statistic-box .text{font-size: 20px;}
	.header_social{top: -2px; left: 3px; display: block;}
	.header_top{padding-bottom: 30px;}
	.label-poduct .name-block .col-xs-4{width:100%; text-align: center;}
	.label-poduct .name-block .col-xs-4 .img{max-width: 250px; margin: auto;}
	.label-poduct .name-block .col-xs-8{width: 100%;}
	.label-poduct .col-xs-4{width: 50%;}
	.product .label-poduct .blog{margin: 0;}
}
@media only screen and (max-width : 480px){
	.call nav ul li{font-size: 10px;}
	.logo img{width: 265px; height: 50px;}
	.banner .skdslider {height: 130px;}
	.list .section1 #m-sd img{height: 156px; width: 280px;}
	.list .col-xs-5#m-sd, .list .col-xs-7#m-cnt2{width: 100%;}
	.list .col-xs-7#m-cnt2 h1{margin-bottom: 0; font-size: 18px; margin-top: 15px !important;}
	#section_content .content h1{font-size: 22px;}
	#slider1 .overview li{width: 170px !important;}
	#slider1 .viewport{height: 130px !important;}
	#statistic-section1 h2.f-tit1{font-size: 22px;}
	.statistic-box{width: 100%; text-align: center;}
	.statistic-box .inner-box1{max-width: 300px;}
	footer .col-xs-6{width: 100%;}
	.footer_bottom{height: inherit; padding: 10px 15px}
	.footer_bottom p{line-height: 20px;}
	.list .col-xs-5#m-sd{text-align: center;}
	#captchaimg{width: 130px;}
	#section_content1 .map iframe{height: 220px !important;}
	.product .blog h3{font-size: 16px;}
	.product .srv-img .col-xs-6{width: 100%;}
	.header_social{top: -2px; left: 3px; display: block;}
	.header_top{padding-bottom: 30px;}
	.label-poduct .col-xs-4{width: 100%;}
	.product .name-block .col-xs-8{width: 100%;} 
	.cnt img, .cnt .col-xs-4{display: none;}
	.cnt .col-xs-8{width: 100%;}
	.logo{padding: 15px 0px 30px;}
	#cssmenu{margin-top: 59px !important}
}
@media only screen and (min-device-width : 320px) and (max-device-width : 479px){}
@media only screen and (max-width : 320px){

}