
@media only screen and (max-width: 1400px) {
.service-slider li{ max-width:410px !important;}
header .right{width:100%;}

}

@media only screen and (max-width: 1200px) {
    .contact-sec2 h1 { font-size: 25px; }

}

@media only screen and (max-width: 1035px){
.serv-block.sp {padding-bottom: 17px;}
.service-slider li{ max-width:475px !important;}
.contact-sec2 .left-sec{height:300px}
.about-sec .pic{width:26%; height:159px}
}

@media only screen and (max-width: 1024px) {
/* --- -- --- */
/* .contact-sec-lft li .error{ margin-left: 42%; width: 14%; } */
    .service-slider1 li { max-height: 208px; }
    .service-slider li h2 { font-size: 20px; }

}

@media only screen and (max-width: 960px) {
/* --- -- --- */
/* .contact-sec-lft li .error{ margin-left: 40%; width: 40%; } */


/*.sing_serv_left{
   width:100%;
}

.sing_serv_right{
   width:100%;
}*/
}

@media only screen and (max-width: 800px) {
	.service-slider1 li {width: 45%; margin-left: 2%;}
	.serv-block.sp {padding-bottom: 40px;}
	.brochure {margin-top: 12px; text-align: right;}
	.lang {margin-top: 6px;}

	.camera_caption h1 {font-size: 40px; line-height: 20px; margin: 0 0 5px 0;}
	.camera_caption h2 {font-size: 30px; -webkit-text-stroke: 1px #fff; line-height: 30px; width: 100%;}
	.camera_caption p {font-size: 10px; width: 100%; font-size: 14px; line-height: 18px;}
	.bannerCnt {padding: 10px;}

	.service-slider li{ max-width:350px !important;}

	.serv-lft{ width:100%; margin-bottom:2.5%;}
	.serv-rgt{ width:100%; padding-left:0px;}
	.serv-rgt h2{ font-size:24px;}
	.inner-cnt h2{ font-size:24px;}
	.service-slider li h2{ font-size:15px;}
        /*.service-slider li h2{ font-size:20px;}*/
	.contact-sec-lft li label{ width:100%;}
	.contact-sec-rgt li{ font-size:18px;}
	.contact-sec-lft li .txt-box, .contact-sec-lft li .txt-area{ width:93.5%;}
	.serv-detail-cnt img{ margin-bottom:2%; margin-right:3%;}
	header .right .top{padding:0}
	.contact-sec2 .left-sec{height:247px}
	.our-team ul li {margin: 10px 1% -0px 0;}

        header nav ul{width: 38%;}
	.serv-detail-cnt img {float: none;}

/* --- -- --- */
/* .contact-sec-lft li .error{ margin-left: 38%; margin-top: 5%; width: 40%; } */
.service-slider1 li { max-height: 219px; }
.contact-sec2 li { width: 33%; }

}

@media only screen and (max-width: 768px){

    .service-slider1 li { max-height: 211px; }
    .service-slider li h2 { font-size: 20px; }
        .contact-sec2 h1 { font-size: 20px; }

}

@media only screen and (max-width: 760px){

.entb { bottom: 25%; right: 50%; margin-right: -50px; }

}

@media only screen and (min-device-width : 320px) and (max-device-width : 760px) and (orientation : landscape) {

.entb  { right: 0; bottom: 40%; margin-right: 0px; }

}

@media only screen and (max-width: 736px) and (orientation : landscape)  {

/* --- -- --- */
.service-slider1 li { max-height: 206px; }
}

@media only screen and (max-width: 700px){
.service-slider li{ margin-right:3%; max-width:700px !important;}
.service-slider{ border:0px solid red; }
.contact-sec-lft li .btn{ margin-top:6%;}
header .right{width:100%}
header nav ul{top:210px; width: 40%;}
header .logo{width:50%; margin:5px auto; float:none; text-align: center;}

.camera_caption { font-size:12px !important; }
.camera_caption span{margin-left:20px !important; font-size:10px !important;}
.contact-sec2 .right-sec{width:100%; float:left; margin-top:10px}
.contact-sec2 .left-sec{width:72%}
header .right .top {width: 96%; margin: 0 auto; padding-bottom: 10px;}

}


@media only screen and (max-width: 667px) and (orientation : landscape)  {

/* --- -- --- */
/* .contact-sec-lft li .error{ margin-left: 34%; margin-top: 6%; } */
.service-slider1 li { max-height: 194px; }
.service-slider li .rm-btn { margin-top: 12px; }

}

@media only screen and (max-width: 600px) and (orientation : landscape)  {

/* --- -- --- */
    .service-slider1 li { max-height: 182px; }
    .service-slider li .rm-btn { margin-top: 0px; margin-bottom: -20px; }


}
@media only screen and (max-width: 568px) and (orientation : landscape)  {

/* --- -- --- */
/* .contact-sec-lft li .error{ margin-left: 32%; margin-top: 8%; } */
.service-slider1 li { max-height: 177px; }

}

@media only screen and (max-width: 500px){
	header .logo {width: 96%; margin: 10px auto;}
	.camera_caption p {display: none;}
	.slogan {font-size: 14px; float: left;}
	.brochure {text-align: left; font-size: 14px;}
	footer {font-size: 16px; text-align: center;}

	.service-slider li{  margin-right:0px !important; max-width:500px !important;}
	.inner-cnt p{ font-size:17px;}
	.service-slider li h2{ font-size:18px;}
	.contact-sec-rgt h3{ font-size:17px;}
	.serv-detail-cnt img{ margin-bottom:4%; margin-right:3%; }
	.service-slider li p{ font-size:13px !important;}
	.about-sec .pic{width:100%; height:225px}
	header .right .top{text-align:center}
	header .right .top .tbx{margin-top:10px}
	header .right .top .srch-icon{top:12px}
	.serv-rgt h1{font-size:12px; line-height:12px}
	.service-slider1 li {width: 96%; margin-left: 4%;}
	.service-sec {margin-top: 30px;}
	.pdfHolder {top: 10px; left: 40%;}
	header nav ul{top:200px; width: 100%;}
	header nav li a{ padding: 0px 20px !important; display: block; text-align: center;}

	#searchform_new input[type="text"]{margin-top:10px}

            .contact-sec2 h1 { font-size: 16px; }
}
@media only screen and (max-width: 478px){
.camera_caption {font-size:10px !important;
}
.camera_caption span{margin-left:10px !important; font-size:8px !important;}
.contact-sec2 .left-sec{width:93%; height:189px}
.contact-sec2 .right-sec li{font-size:12px}
.contact-sec2{padding:30px 0; margin-top:10px}
.contact-sec2 li { width: 50%; }
}

@media only screen and (max-width: 414px) {

/* --- -- --- */
/* .contact-sec-lft li .error{ margin-left: 22%; margin-top: 10%; } */
}
@media only screen and (max-width: 375px) {

/* --- -- --- */
/* .contact-sec-lft li .error{ margin-left: 20%; margin-top: 12%; } */
}

@media only screen and (max-width: 350px){
	.inner-cnt h2{ font-size:18px;}
	.inner-cnt{ padding-top:5%;}
	.contact-sec-lft{ width:100%;}
	.contact-sec-rgt{ width:100%; padding-left:0px;}
	.serv-detail-cnt img{ width:100%;}
	header .logo{width:90%; float: none;}
	.about-sec .pic{height:180px}
	.our-team ul li{float:none; display:inline-block}

        header .right .top section {margin-left: 4px;}

}

@media only screen and (max-width: 320px) {

/* --- -- --- */
/* .contact-sec-lft li .error{ margin-left: 50%; margin-top: 12%; } */
margin-left: 35%;
margin-top: 15%;
width: 60%;
}

@media only screen and (max-width: 240px) {

/* --- -- --- */
/* .contact-sec-lft li .error{ margin-left: 35%; margin-top: 15%; width: 60%; } */

}
