@media (max-width: 1920px){
	.mobileBg {
		background: url(../img/features-1.png)265px 80px no-repeat fixed;
		background-size: contain;
	}
	.mobileBg2 {
		background: url(../img/features-3.png)265px 80px no-repeat fixed;
		background-size: contain;
	}
	.mobileBg3 {
		background: url(../img/features-2.png)256px 80px no-repeat fixed;
		background-size: contain;
	}
	.row.group-2nd-rw.second{ width: 40%; margin: 84px auto -1px !important;}
	.row.six {width: 35% !important; margin: 0 auto;}
}
@media (max-width: 1630px) {
.team .card-body{min-height: 216px;}
.mobileBg {
		background: url(../img/features-1.png)180px 80px no-repeat fixed;
		background-size: contain;
	}
	.mobileBg2 {
		background: url(../img/features-3.png)180px 80px no-repeat fixed;
		background-size: contain;
	}
	.mobileBg3 {
		background: url(../img/features-2.png)180px 80px no-repeat fixed;
		background-size: contain;
	}

}

@media (max-width: 1440px) {
.smoke-heading {padding: 50px;}
.ready-box h2 {padding: 35px;}

.why-third-txt p,
.why-frst-txt p,
.why-scnd-txt p,
.why-fifth-txt p,
.why-third-txt p, .why-frst-txt p, .why-scnd-txt p, .why-fifth-txt p, .why-frth-txt p {
    font-size: 18px;
    line-height: 36px;
}


}




@media (max-width: 1366px) {
	.team .card-body{min-height: 215px;}
	.after-banner-content p{font-size: 24px !important; line-height: 40px;}
	.heres-to p {font-size: 24px !important;}
	.why-third-txt p, .why-frst-txt p, .why-scnd-txt p, .why-fifth-txt p, .why-frth-txt p {
		font-size: 16px !important;
		line-height: 30px !important;
	}
	.row.six {
		width: 44% !important;
		margin: 0 auto;
	}
}


@media (max-width: 1280px) {
.col-sm-8.mobileBgRt {padding: 57px 40px;}

.why-third-txt p,
.why-frst-txt p,
.why-scnd-txt p,
.why-fifth-txt p,
.why-frth-txt p{font-size: 18px;}
.row.six {
    width: 58% !important;
    margin: 0 auto;
}
.row.group-2nd-rw.second {
    width: 55%;
    margin: 84px auto -1px !important;
}

}
@media (max-width: 1200px) {
  .banner-about {
margin-top: 100px;}
.why-third-txt p,
.why-frst-txt p,
.why-scnd-txt p,
.why-fifth-txt p,
.why-frth-txt p{font-size: 18px;}
.footer img { width: 100%;}
	
.pt135{padding-top: 50px;}
	


}
@media (max-width: 1024px) {
	.mobileBg {
		background: url(../img/features-1.png)69px 80px no-repeat fixed;
		background-size: contain;
	}
	.mobileBg2 {
		background: url(../img/features-3.png)69px 80px no-repeat fixed;
		background-size: contain;
	}
	.mobileBg3 {
		background: url(../img/features-2.png)69px 80px no-repeat fixed;
		background-size: contain;
	}

}
	
@media (max-width: 991px) {
.banner-about h4 {font-size: 22px; line-height: 1.5;}
.team .card-body{min-height: 200px;}
}
@media (max-width: 768px) {


.banner-about { 
 height: 100% !important;
	padding: 50px 15px;}

.banner-scnd-h h4{padding-top: 10px;}

.why-third-txt p,
.why-frst-txt p,
.why-scnd-txt p,
.why-fifth-txt p,
.why-frth-txt p{font-size: 18px;}
	
.push-md-6 {left:0%;}
.pull-md-6 {right:0%;}
.push-md-5 {left:0%;}
.pull-md-4 {right: 0%;}

.team .card-body{min-height: 180px;}
.plr40.abt {padding-right: 10px; padding-left: 10px; height: 200px; margin-bottom: 100px;}

	.mobileBg {
		background: url(../img/features-1.png)20px 80px no-repeat fixed;
		background-size: contain;
	}
	.mobileBg2 {
		background: url(../img/features-3.png)20px 80px no-repeat fixed;
		background-size: contain;
	}
	.mobileBg3 {
		background: url(../img/features-2.png)20px 80px no-repeat fixed;
		background-size: contain;
	}
	.row.six {
		width: 77% !important;
		margin: 0 auto;
	}
	.row.group-2nd-rw.second {
    width: 70%;
    margin: 84px auto -1px !important;
	}
	.team .card-body {
		min-height: 195px;
	}
}
@media (max-width: 767px) {
	.mobileBg,.mobileBg2,.mobileBg3{background: none;}
.fourth-group .line{display: none;}

.why-frst-img,
.why-scnd-img,
.why-third-img,
.why-frth-img,
.why-fifth-img{border-radius: 10px; margin-bottom: 20px;}
	
.why-frst-img img,
.why-scnd-img img,
.why-third-img img,
.why-frth-img img,
.why-fifth-img img{width: 100%;margin: 0px !important;}

.why-fifth-txt h5{padding: 0 !important;}
.why-we-r-fifth{margin: 0 !important;}

.info .smoke-heading {font-size: 26px;}

.col-sm-7.mobileBgRt{-ms-flex: 0 0 100%; flex: 0 0 100%; max-width:100%;}
.col-sm-7.mobileBgRt .info{margin: 0;}
.col-sm-7.mobileBgRt .info p{width: 100%;}
.live-smoke {margin-top: 0 !important;}
.about-page .img-text{position: relative; left: 0 !important; top: 0 !important; padding: 20px}
.about-left {padding-top: 0;}
.introduced-quitx .itqp {font-size: 16px;}

.team .card-body{min-height: 200px;}



}
@media (max-width: 640px) {
.banner-about {padding-top: 40px;}
.banner-about h4 {font-size: 16px;  padding-top: 0px !important;}
	

/*---------------*/
ul.fourth-group li .fa {
    padding: 15px;
    display: block;
    font-size: 20px;
}
.fourth-group li {
     float: none; 
     margin-left: 0px;
     font-size: 16px;
	 line-height: 52px;
    width: 100%;
}
li:first-child .line:after {
    width: 50%;
    top: 50%;
}
.fourth-group li:first-child .line.active:after {
    width: 1%;
    background-color: #000;
    top: 50%;
    left: 49.5%;
    height: 100%;
}
.line:after {
    content: "";
    width: 100%;
    height: 4px;
    background-color: #fff;
    top: 15px;
    right: 216px;
    left: 0;
    /*position: absolute;*/
	display:none;
}
ul.fourth-group p {margin-bottom: 54px;}
.header a.carousel-control-next, .header a.carousel-control-prev {width: 20px; height: 30px; background-size: contain;}

.circle-image h2 {font-size: 24px;}

.info{padding-left: 20px; padding-right: 20px;}
.info .smoke-heading {font-size: 22px;}
.info h3,
.footer h3 {font-size: 18px;}
.appLinks li {text-align: left;}
	
}
@media (max-width: 575px) {
.circle-image h2:last-child {position: absolute; bottom: 0; font-size: 17px;}
.header .carousel-inner img{margin-top: 0;}
.header .banner-btn {padding: 6px; width: 130px; font-size: 14px;}
.header .carousel-indicators {bottom: -10px;}
.footer ul li {padding-top: 15px;}
.footer ul li a {font-size: 14px;}

.team .card-body{min-height: 220px;}

}
@media (max-width: 480px) {
.footer img {width: 50%;}
.introduced-quitx {padding-top: 0px;}



}
@media (max-width: 360px) {
.row.six {width: 100% !important; margin: 0 auto;}
.reductioText h3 {text-align: center;}
.reductioText .groove-border {float: none !important;}
.reductioText p {width: 100%; padding: 0px 10px;}
	
}