@media only screen and (max-width: 1399px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1280px;
    }
    .wpo-site-header #navbar > ul > li > a { 
        font-size: 16px;
        padding: 30px 15px;
    }
    .wpo-about-section .about-left-image {
        position: relative;
        z-index: 1;
        max-width: 670px;
        max-height: 781px;
        margin-left: -142px;
    }
    .service-slider .item .content h2 a {
        font-size: 16px;
    }
    .wpo-about-section .about-left-image .ab-2 { 
        right: -40px;
    }
    .video-content img {
        height: auto;
    }
    .video-content {
        max-width: 750px;
        max-height: 720px;
        padding-bottom: 10px;
        top: 50%;
        transform: translateY(-50%);
    }
    
   
    
}

@media screen and (max-width: 1280px) and (max-height: 800px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1200px;
    } 
    .wpo-site-header #navbar > ul > li > a {
        padding: 30px 10px;
        font-size: 15px;
    }
    .wpo-about-section .content h3 {
        font-size: 33px;
    }
    .wpo-about-section .about-left-image {
        position: relative;
        z-index: 1;
        max-width: 650px;
        max-height: 596px;
        margin-left: -142px;
    }
    .wpo-about-section .about-left-image .ab-2 {
        max-width: 250px;
        max-height: 250px;
        right: -59px;
        bottom: -180px;
    }
    .video-content {
        max-width: 548px;
        max-height: 400px;
        padding-bottom: 10px;
        top: 50%;
        transform: translateY(-50%);
    }
    
    .contact-info-box { 
        gap: 75px;   
    }
    .section-title h2 {
        font-size: 31px;     
    }
    .section-row {
        margin-bottom: 60px;
    }
    .our-testimonial-content {
        padding: 50px 50px;
    }
    .our-testimonials {
        
        padding: 0;
    }
    /* .section-title h1 {
        font-size: 37px; 
        width: 725px;
    } */
    
    



     
}

@media (max-width: 1024px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 950px;
    }
    .wpo-site-header #navbar {
        /* display: none !important; */
    }
    .topbar ul li {
        font-size: 9px;
        padding: 5px 10px;
    }
    .navbar-expand-lg .navbar-toggler {
        /* display: block; */
    }
    .wpo-site-header .navigation .d-lg-none {
        /* display: block !important; */
    }
    .navbar-expand-lg .navbar-toggler { 
        background-color: #fff;
    }
    .wpo-site-header .navbar-header .navbar-brand img {
        max-width: 170px;
    }
    .wpo-site-header .row {
        width: 100%;
        /* justify-content: space-between; */
    }
    .wpo-site-header .navigation .row .col-1,
    .wpo-site-header .navigation .row .col-2{
        /* display: none; */
    }
    .wpo-site-header .mobail-menu button {
        background-color: #33a884;
        width: 40px;
        height: 35px;
        border: 0;
        padding: 5px 10px;
        outline: 0;
        position: relative;
        z-index: 20;
    }
    .wpo-site-header .mobail-menu button span {
        background-color: #fff;
        width: 20px;
        display: block;
        height: 2px;
        margin-bottom: 5px;
    }
    .wpo-site-header .mobail-menu button span:last-child {
        margin: 0;
    }
    .wpo-site-header .mobail-menu{
        display: flex;
        justify-content: end;
    }
    .wpo-site-header #navbar > ul > li > a {
        padding: 19px 5px;
        font-size: 14px;
    }
   


}

@media (max-width: 991px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 950px;
    }
    .wpo-site-header .navbar-header {
        float: left;
        margin-left: -20px;
    }







    
  }

@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1386px;
    }
     
}
@media (min-width: 1700px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1550px;
    }
    .navigation.sticky-header {
        padding: 0;
    }
    .wpo-about-section .about-left-image { 
        max-width: 820px; 
    }
     

}


@media (min-width: 1920px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1700px;
    }
}