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

@media (max-width: 991px) {
    .video-play.vid-zone {
        right: -24px;
    }

    .about-image {
        margin-right: 42px;
        margin-top: 55%;
    }

    .page-area {
        height: 180px;
    }

    #spinner.show {
        display: none !important;
    }

    .main-menu ul.navbar-nav>li>a {
        font-size: 13px;
        padding: 30px 0px;
        margin: 0px 6px;
    }

    .logo-bg:after {
        border-top: 84px solid transparent;
        right: -99px;
    }

    .quote-button .quote-btn {
        font-size: 13px;
    }

    .image-gallery-ul li {
        width: 30%;
    }

    /* .footer-head {
        margin-top: 5%;
    } */

    .product-ul li {
        width: 30%;
    }

    .client-ul li {
        width: 47%;
    }

    .contact-us-para {
        display: block;
    }

    .about-content h4 ::after {
        width: 41%;
    }

    .section-headline::after {
        width: 34%;
    }

    .client-heading h3 {
        margin-bottom: 7%;
        margin-top: 7%;
    }

    .client-heading h3:after {
        left: 41%;
        width: 19%;
    }

    /* .footer-area {
        padding: 20px 0px;
    } */
}

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

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

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

@media (max-width: 480px) {
    .digital-box {
        display: none;
    }

    .footer-area {
        padding: 30px 0px;
    }

    .single-brand-item {
        height: 80px;
    }

    .client-heading h3:after {
        left: 34%;
        width: 34%;
    }

    .about-content h4 ::after {
        width: 40%;
    }

    .section-headline::after {
        width: 84%;
    }

    .client-heading h3 {
        margin-bottom: 10%;
        margin-top: 10%;
    }

    .about-image {
        margin-top: 0%;
    }

    .video-play.vid-zone {
        right: 40px;
    }

    .breadcrumb .section-headline h3 {
        font-size: 40px;
        margin: 0 !important;
    }

    .breadcrumb ul {
        padding: 0px;
    }

    .product-ul {
        padding-right: 19px;
        overflow: hidden;
    }

    .mobile-menu-area {
        padding: 0px;
    }

    .meanmenu-reveal {
        margin-top: 10px;
    }

    .image-container {
        padding-right: 34px !important;
    }

    .digital-box {
        margin-top: 40%;
    }

    .ab-second-img {
        right: -4px;
    }

    .image-gallery-ul li {
        width: 100%;
    }

    #spinner.show {
        display: none !important;
    }

    .slider-content {
        top: 115%;
    }

    .layer-1-2 h1 {
        font-size: 25px;
        line-height: 40px;
    }

    .about-image {
        margin-right: 0px;
    }

    .about-content {
        margin-top: 8%;
    }

    #scrollUp {
        bottom: 91px;
        right: 30px;
    }

    .call_btn {
        bottom: 57px;
        left: 5px;
    }

    .padding-box {
        padding: 0px !important;
    }

    .product-ul li {
        width: 100%;
    }

    .footer-head {
        margin-top: 8%;
    }

    .single-brand-item {
        height: 90px;
    }

    .client-ul li {
        width: 95%;
        height: 120px;
        box-shadow: 1px 4px 10px 2px #e7e7e7;
    }

    .contact-head {
        padding: 20px 30px;
    }

    .page-area {
        height: 130px;
    }

    .breadcrumb {
        padding: 35px 0px;
    }

    .contact-us-para {
        display: block;
    }

    .top-section {
        height: auto;
        padding-bottom: 5%;
    }

}

@media (max-width: 320px) {
    .digital-box {
        display: none;
    }

    .top-section {
        height: auto;
        padding-bottom: 5%;
    }

    .footer-area {
        padding: 30px 0px;
    }

    .contact-us-para {
        display: block;
    }

    .single-brand-item {
        height: 80px;
    }

    .client-heading h3 {
        margin-bottom: 10%;
        margin-top: 10%;
    }

    .client-heading h3:after {
        left: 34%;
        width: 34%;
    }

    .about-content h4 ::after {
        width: 40%;
    }

    .section-headline::after {
        width: 84%;
    }

    .about-image {
        margin-top: 0%;
    }

    .video-play.vid-zone {
        right: 40px;
    }

    .breadcrumb .section-headline h3 {
        font-size: 40px;
        margin: 0 !important;
    }

    .breadcrumb ul {
        padding: 0px;
    }

    .product-ul {
        padding-right: 19px;
        overflow: hidden;
    }

    .meanmenu-reveal {
        margin-top: 10px;
    }

    .mobile-menu-area {
        padding: 0px;
    }

    .image-container {
        padding-right: 34px !important;
    }

    .digital-box {
        margin-top: 40%;
    }

    .ab-second-img {
        right: -4px;
    }

    .product-ul li {
        width: 100%;
    }

    .padding-box {
        padding: 0px !important;
    }

    .image-gallery-ul li {
        width: 100%;
    }

    #spinner.show {
        display: none !important;
    }

    .slider-content {
        top: 115%;
    }

    .layer-1-2 h1 {
        font-size: 25px;
        line-height: 40px;
    }

    .about-image {
        margin-right: 0px;
    }

    .about-content {
        margin-top: 8%;
    }

    #scrollUp {
        bottom: 91px;
        right: 30px;
    }

    .call_btn {
        bottom: 57px;
        left: 5px;
    }


    .footer-head {
        margin-top: 8%;
    }

    .client-ul li {
        width: 95%;
        height: 120px;
        box-shadow: 1px 4px 10px 2px #e7e7e7;
    }

    .contact-head {
        padding: 20px 30px;
    }

    .page-area {
        height: 130px;
    }

    .breadcrumb {
        padding: 35px 0px;
    }


}