@charset "utf-8";

/*-----------------------

CSS FOR MEDIA QUERY

------------------------*/

.show-mob{display: none;}

.fr {float: right;}

.fl {float: left;}





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

.container {width: 1004px;}



.bnrcontent {padding: 0 40px;}

.btnbox:after {left: 150px;}



.sec3Box{width:30%; margin:15px;}



.ftBlock1{width:27%;}

.ftBlock2{width:23%;}

}



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

.container {width: 755px;}





/*-----CSS FOR BANNER-----*/

.banner {height: 540px;}

.bnrHeading {margin-top: 100px;font-size: 52px;}





.section-1{ padding:50px 0;}

.sectionHeading{font-size:46px; line-height:50px;}

.secPara{margin-top:30px; padding:0;}

ul.s1-left{margin-top:20px; width:100%;}

ul.s1-left li{margin:10px 0;}

.s1-img{width:70%; margin-right:15%; margin-top:40px;}



.section-2{padding:50px 0;}



.section-3{padding:50px 0;}

.sec3Box{width:45%;}



.section-4{padding:50px 0;}



.ftBlock1{width:100%;}

.ftelem{float:left;width:50%;}

.ft-testimonial{width:46%; margin-left:4%;}

.ftBlock2{width:25%; margin-top:30px; padding-left:0; margin-right:5%;}

.ftBlock3{width:33%; margin-top:30px; padding-left:0;}

}



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

.container {width: 100%;padding: 0 10px;max-width: 600px;}

.show-desk {display: none;}

.show-mob {display: block;}

.mob-mnu {position: absolute;top: -50px;right: 20px;z-index: 999;}

.top-bar {padding: 12px 0;position: relative;}

.logo {width: 80px;}

.light-menu {float: left;width: 100%;position: relative;}

.mobimenu {

	float: left;

	width: 100%;

	background: #01294f;

	border-top: 1px solid #edead3;

	}

.mobimenu li {

	float: left;

	width: 100%;

	border-bottom: 1px solid #edead3;

	}

.mobimenu li a {

	float: left;

	width: 100%;

	color: #d9d9d9;

	font-size: 15px;

	line-height: 20px;

	text-transform: uppercase;

	font-weight: 400;

	padding: 12px 15px;

	text-align: left;

	}

.mobimenu li a i {

	font-size: 15px;

	margin-right: 5px;

	}

/*-------------------------

CSS FOR BANNER

--------------------------*/

.banner {height: auto;padding-bottom: 25px;background-size: cover;}

.bnrHeading {font-size: 33px;line-height: 40px;margin-top: 30px;}

.bnr-p1 {font-size: 21px;line-height: 24px;}

.bnr-form-box, .nameflds, .btnbox {width: 100%;}

.bnr-form-box {margin: 15px 0 3px;}

.btnbox {margin-top: 12px;}

.bnrSeal {margin-top: 25px;}





.section-1{padding:40px 0;}

.sectionHeading{font-size:32px; line-height:40px;}

.secPara{font-size:20px; line-height:28px; margin-top:20px;}

.s1-img{float:left; width:90%; margin-left:5%; margin-top:30px;}

ul.s1-left{width:100%; margin-top:30px;}

ul.s1-left li span{font-size:22px;}



.section-2{padding:40px 0;}

.ctabox{width:100%; margin:30px 0 0 0;}

.ctaPara{font-size:20px; line-height:28px;}



.section-3{padding:40px 0;}

.sec3Box{height:auto; width:90%; margin:15px 0;}



.section-4{padding:40px 0;}

.t-slider{margin-top:40px;}

.slider-rw{padding:0 20px 20px 0; margin-top:20px; text-align:center;}

.t-img{position:static; display:inline-block;}

.testi-name span.stars{display:block;}



.ft-logo{ width:80px;}

.ftelem{width:100%;}

.ft-testimonial{width:100%; margin-left:0;}

.ftBlock2{width:40%; margin-right:10%;}

.ftBlock2 ul{border:none;}

.ftBlock3{width:100%;}



.s1Btn, .ctaBtn{float:none; vertical-align:middle; margin-top:20px; margin-left:0;}



}