@media(max-width: 1279px) {
.logo-sec:before, .logo-sec:after{ width: 35%;}
}

@media(max-width: 1199px) {
.hm-grids{ height: 100%;}	
.hm-grids aside{ padding-top: 20px;}
.hm-grids .row{ justify-content: center;}
.ft-right img{ max-width: 140px;}
.foot-top p{ font-size: 0.8em;}
}

@media(max-width: 991px) {
.app-sec h1{ font-size: 2em; max-width: 500px; margin: auto;}
.app-sec p{ margin: 15px 0 20px;}
.body-btm{ padding: 30px 30px 50px;}
.abt-cont{ padding: 60px 0;}
h3{ font-size: 1.1em;}
.hm-grid{ padding: 20px 20px 20px 110px;}
.feature-list{ max-width: 100%;}
.feature-list img{ width: 40%;}
.feature-list .cc-list{ max-width: 60%;}
.reviews-sec .review-in{ height: auto; margin: 0 0 20px;}
.foot-top{ text-align: center;}
.ft-mid{ padding-top: 20px; padding-bottom: 20px;}
.ft-right{ text-align: center;}
.logo-sec:before, .logo-sec:after{ width: 32%;}
.main-header{ position:relative; z-index: 2;}
.main-header .navbar-collapse{ position: absolute; top: 110px; width: 96%; background: var(--light-gray); left: 0; padding: 50px 40px;border-radius: 5px; right: 0; margin: auto;}
.main-header .mh-left, .main-header .navbar{ position:static;}
.main-header ul li + li a{ border-left: 0;}
.main-header ul li{ margin:0 0 10px;}
.main-header ul li a{ padding: 0; font-size: 1.5em;}
.main-header .navbar-toggler:focus{ box-shadow: none;}
}

@media(max-width: 767px) {
.container{ max-width: 100%; padding: 0 20px;}
.feature-list{ padding: 35px 25px 0;}
.feature-list .cc-list{ max-width: 100%;}
.feature-list img{ width: 80%; display: block; margin: auto; position: static;}
.bttn{ padding: 11px 16px;}
.main-header{ padding: 10px 0 0;}
.logo-sec{ margin-top: -15px;}
.logo-sec:before, .logo-sec:after{ width: 16%;}
.app-icons{ background: var(--bs-white); padding-bottom: 40px;}
.phone-sec{ margin-top: 0;}
.app-icons a{ margin: 0 10px 20px; display: block;}
.main-footer{ padding: 20px 0; text-align: center;}
.mf-right{ text-align: center; padding-top: 15px;}
.reviews-sec{ padding: 45px 0 10px;}
.phone-sec img{ max-width: 80%;}
.main-header .navbar-collapse{ top: 80px;}
.app-sec{ padding: 110px 0 0;}
}

@media(max-width: 575px) {
.ft-right a img{ margin: 0 0 10px;}
.app-icons img, .ft-right img{ max-width: 160px;}
}