@media only screen
    and (min-width: 1441px)
    and (max-width: 1920px) {
        .clients .logo-list { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr; }
        .clients .logo-list .item:nth-child(7n) { border-right: none; }
        .clients .logo-list .item:nth-last-child(-n+7) { border-bottom: 0; }
}

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

@media only screen
    and (min-width: 768px)
    and (max-width: 1024px)
    and (orientation: landscape) {
}

@media only screen
    and (min-width: 768px)
    and (max-width: 1024px) {
}

@media only screen
    and (min-width: 320px)
    and (max-width: 991px) {
        #main-menu { display: none !important; }
        #mobile-menu-icon { display: block; top: 50%; height: 15px; transform: translateY(-50%); }
        #header.navbar { padding: 20px 0; }
        #header.navbar.fixed { padding: 20px 0; }
        #wrapper { width: 100%; position: relative; z-index: 1; }
}


@media only screen
    and (min-width: 320px)
    and (max-width: 767px) {
        header { padding: 0; position: fixed; left: 0; right: 0; top: 0; box-shadow: 0 0 10px rgba(0,0,0,0.2); z-index: 2; background-color: #fff; }
        #header.navbar .navbar-brand img { max-width: 120px; }
        #header.navbar.active #top-links { display: flex !important; }
        #header .quick-links li { margin: 0; }
        #header .quick-links li .text { display: none; }
        #header .quick-links li .icon { width: 36px; height: 36px; }
        #header .quick-links li .icon i { transform: scale(0.9); }
        #top-links { margin: 0 !important; }
        #mobile-menu { top: 76px; }  
        #mobile-menu ul { flex-wrap: wrap; }
        #mobile-menu > ul > li:nth-child(2) { display: none; }
        .page-header { margin-top: 76px; padding-top: 1.5rem; padding-bottom: 1.5rem; }
        .page-header-nav { margin-top: 1.5rem; margin-bottom: -1.5rem; }
        .page-header-nav ul { justify-content: start; }
        .page-header-nav ul li.nav-item .nav-link { padding-bottom: 0.5rem; }
        h2.title { font-size: 3.5rem; } 
        h2.title span { font-size: 7vw; } 
        .page-header .sub-title,
        .section-header .sub-title {
            margin-top: -1rem; font-size: 1.25rem;
        }
        .portfolio .img-wrap:before, .portfolio .img-wrap img { border-radius: 10px; }
}

@media only screen
    and (min-width: 1200px)
    and (max-width: 1365px) {
        .clients .logo-list { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; }
        .clients .logo-list .item:nth-child(6n) { border-right: none; }
        .clients .logo-list .item:nth-last-child(-n+6) { border-bottom: 0; }
}

@media only screen
    and (min-width: 992px)
    and (max-width: 1199px) {
        .clients .logo-list { grid-template-columns: 1fr 1fr 1fr 1fr 1fr; }
        .clients .logo-list .item:nth-child(5n) { border-right: none; }
        .clients .logo-list .item:nth-last-child(-n+5) { border-bottom: 0; }
}

@media only screen
    and (min-width: 768px)
    and (max-width: 991px) {
        #header.navbar { height: 120px; }
        #header.navbar .container { padding: 0 15px; }
        #header.navbar .navbar-brand img { max-width: 90px; }
        #mobile-menu { top: 120px; }
        #mobile-menu ul li.last a { margin: 0 10px; }
        .clients .logo-list { grid-template-columns: 1fr 1fr 1fr 1fr; }
        .clients .logo-list .item:nth-child(4n) { border-right: none; }
        .clients .logo-list .item:nth-last-child(-n+4) { border-bottom: 0; }
}

@media only screen
    and (min-width: 576px)
    and (max-width: 767px) { 
        #header.navbar { height: 120px; }
        #header.navbar .navbar-brand img { max-width: 80px; }
        #mobile-menu { top: 120px; }
        .clients .logo-list { grid-template-columns: 1fr 1fr 1fr 1fr; }
        .clients .logo-list .item:nth-child(4n) { border-right: none; }
        .clients .logo-list .item:nth-last-child(-n+4) { border-bottom: 0; }
}

@media only screen
    and (min-width: 320px)
    and (max-width: 575px) {
        .f-48 { font-size: 2rem; }
        .f-50 { font-size: 2.25rem; }

        footer .top .container + .container { border-top: 1px solid var(--light-box-border); }
        .quick-links, .imp-links { display: none; }
        .copyright-text { text-align: center; }
        .copyright-text span { display: block; }

        #mobile-menu { display: flex; }

        .social-links { justify-content: center; }
        .social-links li { margin-right: 10px; }
        .social-links li a { padding: 7px; }
        
        .our-client-speaks .slider .img-wrapper { width: auto; height: auto; }
        .our-client-speaks .slider .quote blockquote { margin-top: 2rem; font-size: 1rem; }
        .our-client-speaks .slider .owl-nav { top: 25%; }

        .contact-us .right-contact-form { padding: 20px; margin: 0 -15px; max-width: none; background-color: #474747}

        .slick-slider .slick-dots li { width: 17px; height: 17px; margin: 0 5px; }
        .slick-slider .slick-dots li.slick-active { width: 22px; height: 22px; }
        .slick-slider .slick-dots li button { width: 14px; height: 14px; }

        .section-header { padding: 2rem 0; }

        .about-us { padding: 3rem 0; }
        .about-us .slick-slider { right: 0; margin-bottom: 5rem; }
        .about-us .slick-slider .item { margin: 0; }
        .about-us .slick-slider .slick-dots { bottom: -3rem; }
        .about-us .slick-slider .slick-dots li button { background-color: var(--color_lightgreen); }
        .about-us .slick-slider .slick-dots li.slick-active button { background-color: var(--color_white); border-color: var(--color_lightgreen); }

        .contact .left-panel { margin-bottom: 2rem; }

        .our-client-speaks { padding: 3rem 0; }
        .our-client-speaks .item .quote { text-align: center; }
        .our-client-speaks .slider .quote .caption .name { font-size: 1.25rem; }
        .our-client-speaks .item .details { margin-top: 2rem; }

        .office .slick-slider { margin-top: 0; padding-bottom: 3rem; }
        .office .slick-slider .item { margin: 0 7px; }
        .office .slick-slider .item.slick-slide.slick-current + .slick-slide img, .office .slick-slider .item.slick-slide.slick-current + .slick-slide + .slick-slide img { transform: scale(1); }
        .office .slick-slider .slick-dots { bottom: -1rem; }

        .service .slick-slider { margin-top: 2rem; }
        .service .slick-list { margin: 0; }

        .slick-slider .item .view-all .view-click .icon { width: 30px; height: 30px; }
        .slick-slider .item .view-all .view-click .icon img { transform: scale(0.5); }

        .service .about-content .big-text { font-size: 3rem; }

        .service:nth-child(even) .custom-div { margin: 0; }
        .custom-div { width: auto; margin: 0; }

        .how-reach .container-fluid { padding: 0; }
        .how-reach .map-area { padding-top: 1rem; }
        .how-reach .map { min-height: 60vh; margin-top: 2rem; z-index: 1; }

        .testimonials .slider { margin-top: -1.5rem; }
        .testimonials .slick-slider { top: 74px; padding: 1rem 0; }
        .testimonials .slick-slider .item img { border-width: 3px; }
        .testimonials .quote { padding: 1.5rem 0; }
        .testimonials .quote:last-child { padding-bottom: 0; }
        .testimonials .quote:after { margin-top: 1rem; }
        .testimonials .quote blockquote { font-weight: 400; font-size: 1rem; }
        .testimonials .quote .caption .name { font-size: 1.25rem; }

        .clients .logo-list { grid-template-columns: 1fr 1fr 1fr; }
        .clients .logo-list .item { padding: .75rem; }
        .clients .logo-list .item:nth-child(3n) { border-right: none; }
        .clients .logo-list .item:nth-last-child(-n+3) { border-bottom: 0; }
}

@media only screen
    and (min-width: 320px)
    and (max-width: 480px) {
}