@charset "utf-8";
/* CSS Document */

@media (max-width:1280px){
	.bub {right: -50px;}
}

@media (max-width:1140px){
	.content{width:96%; padding-left:2%; padding-right:2%}
	.content_in{width:100%;}
	.bub {right: -150px;}
	.bub img{width:98%}
}
@media (max-width:1024px){
	.banner_heading {width: 46%;padding: 2% 0 0 0;}
	.feat_in ul{text-align:center; width:242px}
	.feat_in ul.box_two{width:222px}
	.feat_in ul.box_three{width:307px}
	.stren_in ul li{width:155px}
}
@media (max-width:768px){
.banner_heading {width: 46%;padding: 10% 0 0 0;}

.bub {right:100px;}
 .bub img{width:100%}
.feat_in ul{float:none; margin:0 auto; width:32%; display:inline-block}
.feat_in ul.box_two{width:21%; padding: 0 40px 0 30px;}
.feat_in ul.box_three{width:32%}
.feat_in ul li .feat_txt{display:block}

.stren_in{padding: 50px 0 50px;}
.strn_box{position:static}
.stren_in ul li{width:auto; padding-left:30px; width:200px}
.flt_right{float:none}

.test_in{width:90%;}
.test_box{width:100%}
.test_box_in{width:90%}
.test_in h2{padding-bottom:0}
.test_name{bottom:-60px}
.carousel .next{background-size:cover !important}
.carousel .next{width: 35px !important; height: 50px !important;}

.carousel .prev{background-size:cover !important}
.carousel .prev{width: 35px !important; height: 50px !important;}
.banner_heading{width:60%;}
.test_box{background:none;}
.test_box_in{padding: 20px 40px 40px 40px;}
}
@media (max-width:767px){
header .logo{float:none}	
header .contact{float:none; width:100%; text-align:left}
.banner_heading{width:50%; padding:20% 0 0 0}
.bub{display:none}
.form_bg{margin-top:30px}
.carousel{display:none}

.feat_in ul{width:49%; float:none; display:inline-block; text-align:center; margin:0 auto; vertical-align:top}
.feat_in ul li{font-family: 'aileronsemibold'; padding-bottom:30px; font-size:16px}
.feat_in ul li .feat_img{display:block; margin:0 auto}
.feat_in ul li .feat_txt{display:block; width:auto;}
.feat_in ul.box_two{width:49%; padding:0px}
.feat_in ul.box_two li .feat_txt{width:auto;}
.feat_in ul.box_three{width:100%}
.feat_in ul.box_three li{display:inline-block; vertical-align:top; width:49%}
.feat_in ul.box_three li .feat_txt{width:auto}

.stren_in ul li{margin:0 auto; display:inline-block; vertical-align:top; padding-left:0; height:auto; padding:0px 0 50px 0; font-size:16px; width:49%}
.strn_box.four{width:auto}
.test_name{position:static; text-align:center; padding-top:40px}
.stren_in ul li img{width:80%}

.thnx{font-size:30px;}
.thnk_img{padding:80px 0 55px}
.thnk_img img{width:40%}
.msg{font-size:16px; line-height:24px;}
}

@media (max-width:639px){
.banner_heading{width:100%; float:none; padding-top:10px; text-align:center}
.form_bg{float:none; margin:0 auto}
.form_box{  margin: 14px auto 0;padding-top: 81px;}
.head_bg{height:620px}
.test_box{height:250px}
.flex-viewport{height:300px}
.flex-viewport{padding-bottom:60px}
.error{top:111px}
}
@media (max-width:480px){
	.test_in{padding:50px 0 200px}
	.test_box_in{width:100%; padding:10px 0;}
	.content_in{width:100%}
	.feat{background-size: auto !important; background-position: 48% 100%;}
	/*header icon*/
	.mob_remove{display:none}
	header{padding:15px 0 10px 0}
	.contact .mail{padding-right:25px}
	header .logo{float:left; padding-left:10px}
	header .contact{float:right; width:auto; padding-right:10px}
	/*header icon*/
	
	.feat_in{padding: 50px 0 120px;}
	.feat_in h2{font-size:36px}
	.stren_in{padding: 50px 0 90px;}
	.stren_in h2{font-size:36px}
	.strn_bg{background: url(../images/strn_bg_ph.jpg) no-repeat bottom center;}
	.test_in h2{font-size:36px}
	.vf{padding:50px 0 160px;}
	.vf p{text-align:center}
	.vf h2{font-size:36px}
	.test_box_in p{text-align:center}
}
@media (max-width:415px){
.contact .mail{padding-bottom:15px}
.test_in{padding:50px 0 240px}
.banner_heading p{font-size:40px; line-height:50px}
.test_box{height:230px}
.flex-viewport{padding-bottom:105px}
.test_box_in{width: 99%;}
.thnx{font-size:26px;}
.thnk_img{padding:50px 0 35px}
.msg{font-size:14px; line-height:22px;}
}
@media (max-width:380px){
.flex-viewport{padding-bottom:130px}
.test_in{padding:50px 0 260px}
}

@media (max-width:360px){
.flex-viewport{padding-bottom:160px}
.test_in{padding:50px 0 290px}
}

@media (max-width:320px){
	.banner_heading p{font-size:35px; line-height:40px}
.contact .mail{padding-bottom:15px}
.test_in h2{font-size:42px}
.flex-viewport{padding-bottom:190px}
.test_in{padding:50px 0 300px}

}