@media only screen and (min-width: 576px) and (max-width: 768px)  {
}
/* MOBILE */
@media only screen and (max-width: 767px) {
	.flex-reverse{
		flex-direction:column-reverse;
	}
    .btn-white{padding: 10px 28px;font-size: 16px;}
    .mt-top {margin-top: 56px;}
    .sub-heading, .mini-heading {font-size: 30px;line-height: 36px;text-align: center;}
    p{font-size: 16px;}
    .wmark{text-align: center;font-size: 16px;}
    header{padding-top: 0;padding-bottom: 0;}
    header .topHeader, header hr, header .phoneROw{display: none!important;}
    header .navbar-toggler{padding: 0;padding-right: 10px;}
    header .stickyLogo{display: block;}
    header .logo{width: 60px;}
    header .phoneROwMobile a{display: block;width: 100%; margin-top: 12px;text-align: center;}
    .heroSec, .innerBanner{padding-top: 52px;padding-bottom: 52px;}
    .heroSec span {font-size: 18px;}
    .heroSec h1, .innerBanner h1{font-size: 32px;line-height: 38px;}
    .innerBanner .breadcumbs, .innerBanner .breadcumbs a{font-size: 18px;}
    .twoColSec p{max-width: 100%;text-align: center;}
    .twoColSec .collaspseImg .t2{right: 15px;}
    .twoColSec .accent{font-size: 20px;line-height: 25px;bottom: 14px;left: 10px;padding: 16px;}
    .twoColSec .accent img{width: 20px;margin-top: 5px;}
    .twoColSec .col-md-6:first-child{text-align: center;}
    .halfBox{padding-top: 44px;padding-bottom: 44px;}
    .halfBox .vector{width: 87%;}
    .halfBox .col-md-6:last-child{display: none;}
    .halfBox .greenBox{padding: 34px 18px;}
    .halfBox .sub-heading{text-align: left;}
    .sBox h3, .portbox .featured h3{font-size: 22px;line-height: 30px;}
    .pbox h3, .bBox h3, .reviewSec h4{font-size: 22px;}
    .counterSec .counter h3{font-size: 36px;line-height: 36px;}
    .counterSec .counter span{font-size: 20px}
    .vidoeSec p, .vidoeSec h6{text-align: center;}
    .aboutTwoCol p, .aboutTwoCol h2{text-align: left;}
    .aboutTwoCol .btn-white{padding: 10px 20px;}
    .twoColSec ul{max-width: 100%;}
    .getInTouchSec .vector{margin-top: 0px;margin-bottom: 0px;}
    .getInTouchSec h3 {font-size: 28px;text-align: center;}
    .getInTouchSec p{text-align: center;}
    .getInTouchSec .getBtn{justify-content: center;}
    .contactSec {padding-top: 46px;padding-bottom: 46px;}
    .contactSec .vector{display: none;}
    footer{padding-top: 44px;padding-bottom: 18px;}
    footer .box{margin-bottom: 16px;flex-direction: column;align-items: center;text-align: center;}
    footer .box img{width: 38px;height: 38px;padding: 3px;}
    footer .box p, footer .box a{font-size: 16px;}
    footer .middle{padding-top: 26px;padding-bottom: 26px;margin-top: 20px;text-align: center;}
    footer .middle p{font-size: 14px;line-height: 26px;}
    footer .middle ul{padding-left: 1rem !important;display: flex;justify-content: center;gap: 34px;}
    footer .middle ul li a{font-size: 14px;line-height: 22px;}
    footer .copyRightRow{text-align: center;}
    footer .copyRightRow .row{gap: 16px;}
    footer .copyRightRow .socials{justify-content: center;}
    footer .copyRightRow p{font-size: 12px;line-height: 22px;}
    footer .copyRightRow img{width: 60px;}
}
/* TABLET */
@media only screen and (min-width: 768px) and (max-width: 991px)  {
    .btn-white{padding: 10px 28px;font-size: 16px;}
    .mt-top {margin-top: 66px;}
    .sub-heading, .mini-heading {font-size: 32px;line-height: 38px;}
    p{font-size: 16px;}
    header{padding-top: 0;padding-bottom: 0;}
    header .topHeader, header hr, header .phoneROw{display: none!important;}
    header .navbar-toggler{padding: 0;padding-right: 10px;}
    header .stickyLogo{display: block;}
    header .logo{width: 60px;}
    header .phoneROwMobile a{display: block;width: 100%; margin-top: 12px;text-align: center;}
    .heroSec, .innerBanner{padding-top: 52px;padding-bottom: 52px;}
    .heroSec span {font-size: 18px;}
    .heroSec h1, .innerBanner h1{font-size: 42px;line-height: 48px;}
    .innerBanner .breadcumbs, .innerBanner .breadcumbs a{font-size: 18px;}
    .twoColSec .accent{font-size: 20px;line-height: 25px;padding: 16px;left: -30px;}
    .twoColSec .accent img{width: 20px;margin-top: 5px;}
    .sBox h3, .portbox .featured h3{font-size: 20px;line-height: 26px;}
    .pbox h3, .bBox h3, .reviewSec h4{font-size: 20px;}
    .counterSec .counter h3{font-size: 36px;line-height: 36px;}
    .counterSec .counter span{font-size: 20px}
    .getInTouchSec h3 {font-size: 22px;}
    footer{padding-top: 44px;padding-bottom: 18px;}
    footer .box{flex-direction: column;align-items: center;text-align: center;}
    footer .box img{width: 38px;height: 38px;padding: 3px;}
    footer .box p, footer .box a{font-size: 16px;}
    footer .middle{padding-top: 26px;padding-bottom: 26px;margin-top: 20px;}
    footer .middle p{font-size: 14px;line-height: 26px;}
    footer .middle ul{padding-left: 1rem !important;}
    footer .middle ul li a{font-size: 14px;line-height: 22px;}
    footer .copyRightRow p{font-size: 12px;line-height: 22px;}
    footer .copyRightRow img{width: 60px;}
}
/* LAPTOP */
@media only screen and (min-width: 992px) and (max-width: 1199px)  {
    .sub-heading, .mini-heading {font-size: 38px;line-height: 46px;}
    p{font-size: 16px;}
    header .navbar-toggler{padding: 0;padding-right: 10px;}
    .heroSec, .innerBanner{padding-top: 82px;padding-bottom: 82px;}
    .heroSec span {font-size: 20px;}
    .heroSec h1, .innerBanner h1{font-size: 46px;line-height: 52px;}
    .innerBanner .breadcumbs, .innerBanner .breadcumbs a{font-size: 20px;}
    .twoColSec .accent{font-size: 26px;line-height: 32px;padding: 26px;left: -40px;}
    .sBox h3, .portbox .featured h3{font-size: 22px;line-height: 30px;}
    .pbox h3, .bBox h3, .reviewSec h4{font-size: 20px;}
    .counterSec .counter h3{font-size: 36px;line-height: 36px;}
    .counterSec .counter span{font-size: 20px}
}
/* DESKTOP */
@media only screen and (min-width: 1200px) and (max-width: 1399px)  {
    .sub-heading, .mini-heading {font-size: 44px;line-height: 50px;}
    .heroSec, .innerBanner{padding-top: 124px;padding-bottom: 124px;}
    .heroSec span {font-size: 22px;}
    .heroSec h1, .innerBanner h1{font-size: 56px;line-height: 62px;}
    .innerBanner .breadcumbs, .innerBanner .breadcumbs a{font-size: 20px;}
    .twoColSec .accent{font-size: 28px;line-height: 30px;}
    .sBox h3, .portbox .featured h3{font-size: 22px;line-height: 30px;}
    .pbox h3, .bBox h3, .reviewSec h4{font-size: 22px;}
    .counterSec .counter h3{font-size: 36px;line-height: 36px;}
    .counterSec .counter span{font-size: 20px}
}