@media only screen and (max-width: 1920px) and (min-width: 1500px) {
    .container {
        max-width: 1440px;
    }
}

@media only screen and (max-width: 1600px) {
    .slideOne h3 {
        font-size: 2.96rem;
    }

    .slideOne h2 {
        font-size: 3rem;
    }

    .slideOne {
        margin-top: 8rem;
    }

    .quoteBox h3 {
        margin: 1rem 0 0.625rem 0;
    }

    .quoteForm .form-group {
        margin-bottom: 0.375rem;
    }

    .secHeading {
        font-size: 2.2rem;
    }

    .subHeading {
        font-size: 2.2rem;
    }

    .callactContent a small {
        font-size: 2.8rem;
    }

    .customerContent h3 {
        font-size: 2.8rem;
    }

    .customerContent h2 {
        font-size: 4rem;
    }

    .gallerySec {
        padding: 4rem 0;
    }

    .callactContent h3 {
        font-size: 1.6rem;
    }

    .videoSec {
        padding-top: 3rem;
    }
    .innerBanner {    
        height: 760px;    
    }
    .innerBan h2 {
        font-size: 3.375rem;
    }
    .innerBan h3 {
        font-size: 3.5rem;
    }
}

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

    .secHeading {
        font-size: 2rem;
    }

    .subHeading {
        font-size: 1.7rem;
    }

    .callactContent a small {
        font-size: 2.2rem;
    }

    .serviceSec {
        padding-top: 3.5rem;
    }

    .aboutImage {
        margin: 0 -4rem 0 -7rem;
    }

    .customerContent h2 {
        font-size: 3.5rem;
    }

    .customerContent h3 {
        font-size: 2.4rem;
    }
    .innerBanner {    
        height: 660px;    
    }
    .innerBan h2 {
        font-size: 3.125rem;
    }
    .innerBan h3 {
        font-size: 3.375rem;
    }
    .contactBox {
       padding: 4.125em 3em;
    }
}

@media only screen and (max-width: 1366px) {
    html {
        font-size: 15px;
    }

    .main-slider {
        height: 955px;
    }

    .quoteBox {
        padding: 6.5rem 3.75rem 0 3.75rem;
    }

    .videoWrap {
        margin-top: 1.5rem;
    }

    .customerSec {
        margin: 0;
        padding-top: 0;
    }

    .reviewHeading {
        margin-bottom: 1rem;
    }

    footer {
        padding-top: 3rem;
    }
    .srvBox {    
        padding: 3em;    
        margin-right: 0;
    }
    
    .serviceInner .flex-row-reverse .srvBox {
        padding: 3em;    
        margin-left: 0;
    }
    .contactBox h3 {
        font-size: 2rem;    
    }
    .contactBox input {
        height: 48px;
    }
    .contactInner .subHeading {
        font-size: 3.125rem;
    }
}

@media (max-width: 1199.98px) {
    html {
        font-size: 14px;
    }

    .slideOne h3 {
        font-size: 2.56rem;
    }

    .slideOne h2 {
        font-size: 2.5rem;
    }

    .callactSec {
        margin: 0;
        padding: 5rem 0;
    }

    .serviceIocn figure {
        width: 100px;
        height: 120px;
    }

    .serviceWraps {
        gap: 1rem;
    }

    .customerContent h2 {
        font-size: 3rem;
    }

    .customerContent h3 {
        font-size: 2rem;
    }

    .galleryWrap a img {
        width: 100%;
    }

    .reviewSec .mySwiper .swiper-slide-thumb-active .reviewImage img {
        transform: scale(1.3);
    }

    .reviewSec .swiper-button-next,
    .reviewSec .swiper-button-prev,
    .callactContent a span,
    .contactInfo figure{
        width: 50px;
        font-size: 1.375rem;
    }
    .videoSec {
        padding: 3rem 0;
    }
    .videoSec:before {    
        height: 100%;        
    }    
    .videoWrap a img {
        width: 80px;
    }
    .callactContent a small {
        font-size: 1.75rem;
    }
    .arrowImg {    
        right: -5rem;
        bottom: -2.5rem;    
        width: 180px;
    }
    .serviceListingLeft .serviceWraps:nth-child(1) {
        margin-right: -5rem;
    }
    .serviceText h3 {
        font-size: 1.25rem;    
    }
    .serviceImage {
        margin-top: 2rem;
    }
    .customerLogo img {
        width: 140px;
    }
    .footerLogo a img {
        width: 240px;
    }
    .links {    
        padding: 1.375rem 4rem;    
    }
    .contactInfo a {    
        font-size: 1rem;    
    }
    .innerBanner {
        height: 600px;
    }
    .innerBan h2 {
        font-size: 3rem;
    }
    .innerBan h3 {
        font-size: 3.125rem;
    }
}

@media (max-width: 991.98px) {
    html {
        font-size: 13px;
    }
    header {
        padding: .5rem 0;
    }
    .navbar-brand {    
        margin: 0;
        padding: 0;    
        background: var(--white);
    }
    .navbar-brand img {
        width: 160px;
    }    
    .navbar-brand:before {
        display: none;
    }
    .navbar-nav {
        gap: 1rem;
    }
    .form-inline {
        margin-left: 0;
        justify-content: center;
        margin-top: 1rem;
    }
    .main-slider {
        height: 900px;
    }
    .quoteBox {
        padding: 6rem 2rem 0 2rem;
    }
    .aboutSec {        
        padding: 8rem 0 4rem;
    }
    .slideOne {
        margin-top: 4rem;
    }
    .slideOne h2 {
        font-size: 2.375rem;
    }
    .slideOne h3 {
        font-size: 2.375rem;
    }
    section.aboutSec.aboutInner {
        padding: 4rem 0;
    }
    section.aboutSec.aboutInner .aboutContent {
        margin-top: 0;
    }
    .innerBanner {
        height: 500px;
    }
    .innerBan h2 {
        font-size: 2.75rem;
    }
    .innerBan h3 {
        font-size: 3rem;
    }
    
    .serviceInner .row:not(:last-child) {
        margin-bottom: 2.25rem;
    }
    .srvBox,
    .serviceInner .flex-row-reverse .srvBox{
        padding: 2em;        
    }
    .contactInner .subHeading {
        font-size: 3rem;
    }
    .contactBox {
        padding: 3em;
    }
}

@media (max-width: 767.98px) {
    html {
        font-size: 12px;
    }
    .main-slider {
        height: 1000px;
    }
    .slideOne h2,
    .slideOne h3 {
        font-size: 2.25rem;
    }
    .quoteBox {
        padding: 5rem 2rem;
        width: 100%;
        height: 100%;
        margin-bottom: -5rem;
    }
    .quoteForm .form-control {    
        height: 42px;    
    }
    .customerMen {
        display: none;
    }
    .customerContent {
        margin-top: 0;
        text-align: center;
    }
    .aboutSec {
        padding: 16rem 0 4rem;
    }
    .aboutContent {
        margin-top: 0;
    }
    .serviceListingLeft .serviceWraps:nth-child(1),
    .serviceListingLeft .serviceWraps:nth-child(2),
    .serviceListingLeft .serviceWraps:nth-child(3),
    .rightSide .serviceWraps:nth-child(1){
        margin: 0;
    }    
    .serviceListingLeft .serviceWraps + .serviceWraps,
    .rightSide{
        margin-top: 2.25rem;
    }
    .serviceWraps {
        flex-direction: column-reverse;        
        text-align: center;
        justify-content: center;
        gap: 0;
    }
    .serviceIocn {
        margin-bottom: 1rem;
    }
    .serviceText h3 {
        font-size: 1.375rem;
    }
    .serviceText p {
        font-size: 1.125rem;
        margin: 0;
    }
    .serviceImage {
        display: none;
    }
    
    .rightSide .serviceWraps {
        flex-direction: column;
        text-align: center;
        justify-content: center;
    }
    .customerLogo img {
        width: 120px;
    }
    .customerContent h3 {
        font-size: 1.75rem;
    }
    .customerContent h2 {
        font-size: 2.5rem;
    }
    .galleryWrap a img {        
        aspect-ratio: 16 / 9;
        object-fit: cover;
    }
    .reviewSec .mySwiper .swiper-wrapper {
        justify-content: center;
        gap: 2rem;
    }
    .reviewSec .mySwiper .swiper-slide-thumb-active .reviewImage img {
        transform: scale(1.2);
    }
    .reviewCotnent h2,
    .callactContent a small {
        font-size: 1.5rem;    
    }
    .reviewSec .swiper-button-next, .reviewSec .swiper-button-prev, .callactContent a span, .contactInfo figure {
        width: 44px;
        font-size: 1.25rem;
    }
    .contactInfo {    
        flex-direction: column;
        gap: 1rem;    
        justify-content: center;
    }
    .links {
        padding: 1.25em 2em;
        margin: 2rem auto;
        gap: 1.5rem;
        flex-flow: wrap row;
    }
    .copyRight {            
        margin-top: 4rem;
        text-align: center;
    }
    .socialLinks {    
        justify-content: center;
        gap: 1rem;
        margin-top: 1rem;
    }
    .socialLinks li a {    
        font-size: 1.25rem;
    }
    .footerLogo a img {
        width: 200px;
    }
    .contactWraps {        
        gap: 2rem;
        flex-flow: wrap row;
    }
    .srvImage {
        margin-top: 2.25rem;
    }
    .contactBox {
        padding: 2em;
    }
    .contactBox h3 {
        font-size: 1.75rem;
    }
    .contactBox input {
        height: 44px;
    }
}

@media (max-width: 575.98px) {
    .navbar-brand img {
        width: 140px;
    }
    .main-slider {
        height: 900px;
    }
    .slideOne h2, .slideOne h3 {
        font-size: 2rem;
    }
    .quoteBox {
        padding: 4rem 1rem;        
        margin-bottom: -6rem;
    }
    .quoteBox img {
        width: 80px;
    }
    .quoteBox h3 {
        margin: 1rem 0;
        font-size: 1.5rem;
    }
    .quoteForm .form-control {
        height: 40px;
    }
    .customerLogo img {
        width: 80px;
    }    
    .videoWrap > img {    
        width: 100%;
        aspect-ratio: 1;
        object-fit: cover;
    }
    .videoWrap a img {
        width: 50px;
    }
    .reviewSec .swiper-button-next, .reviewSec .swiper-button-prev, .callactContent a span, .contactInfo figure {
        width: 40px;
        font-size: 1.125rem;
    }
    .innerBanner {
        height: 400px;
    }
    .innerBan h2 {
        font-size: 2.5rem;
    }
    .innerBan h3 {
        font-size: 2.75rem;
    }
    .contactInner .subHeading {
        font-size: 2.5rem;
    }
}

@media (max-width: 320.98px) {}