@media screen and (max-width: 1200px) {
    h1 {
        font-size: 80px;
    }

    h2 {
        font-size: 60px;
    }

    h3 {
        font-size: 45px;
    }

    h4 {
        font-size: 36x;
    }

    h5 {
        font-size: 22px;
    }

    h6 {
        font-size: 18px;

    }
}

@media screen and (max-width: 991px) {
    h1 {
        font-size: 70px;
    }

    h2 {
        font-size: 50px;
    }

    h3 {
        font-size: 40px;
    }

    h4 {
        font-size: 32px;
    }

    h5 {
        font-size: 20px;
    }

    .brand-standard-details p br {
        display: none;
    }
}

@media screen and (max-width: 821px) {
    h1 {
        font-size: 65px;
    }

    h2 {
        font-size: 45px;
    }

    h3 {
        font-size: 36px;
    }

    .consulting-stategies-section h3 br {
        display: none;
    }

    .stategy-section .text-center p br {
        display: none;
    }

    .creative-heading-wrapper p br {
        display: none;
    }


}

@media screen and (max-width: 768px) {
    .banner-section {
        position: relative !important;
        overflow: hidden !important;
      }
    
      #videoContainer {
        position: absolute !important;
        inset: 0 !important;           /* top/right/bottom/left = 0 */
        width: 100% !important;
        height: 100% !important;
        z-index: -1 !important;
        display: block !important;
        visibility: visible !important;
      }
    
      #videoContainer video {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;  /* fill without letterboxing */
        object-position: center !important;
        pointer-events: none !important;
      }
    h1 {
        font-size: 60px;
    }
    .banner-section h1.heading-text-animate.animate-in {
        font-size: 40px !important;
        line-height: 40px !important;
    }
    .banner-section h1.heading-text-animate.animate-in, .banner-section p.banner-para.animate-in, .banner-section .banner-btn.animate-in, .highlight-description-text h4, main * {
        text-align:left !important;
    }
    .banner-section .banner-btn.animate-in, .btn.btn-primary.banner-btn.animate-in {
        justify-content: flex-start !important;
        display: flex !important;
        width: fit-content !important;
    }
    .banner-arrow {
        display:none;
    }
    .banner-section.d-flex.flex-column.justify-content-center.align-items-center.text-center.backbgbox {
      height: 600px !important;
      min-height: 600px !important;
      padding-bottom:40px !important;
    }
    .highlight-description-text h4 {
      font-size: 36px !important;
      line-height: 36px !important;
    }
    h2 {
        font-size: 40px;
    }

    h3 {
        font-size: 32px;
    }

    h4 {
        font-size: 30px;
    }

    h5 {
        font-size: 18px;
    }

    h6 {
        font-size: 16px;
    }

    .brand-standard-details h3 br {
        display: none;
    }

    p {
        font-size: 17px;
    }

    .production-slider .owl-nav button.owl-prev {
        left: 0;
    }

    .brand-production-description-text h3 br {
        display: none;
    }

    span.arrow-direction-shape {
        display: none;
    }

    span.signature-box {
        position: relative;
        text-align: center;

    }

    span.signature-box img {
        opacity: 1;
        height: auto;
        width: 180px;
        margin: 1rem auto 2rem; 
    }
    #preloader{
        height:100vh;
    }
}

@media screen and (max-width: 591px) {
    h1 {
        font-size: 50px;
    }

    h2 {
        font-size: 36px;
    }

    h3 {
        font-size: 30px;
    }

    h4 {
        font-size: 28px;
    }

    .highlight-description-text h4 br {
        display: none;
    }

    .stategy-section {
        height: auto;
    }

    .contact-axiom-block a.btn.btn-primary {
        min-width: fit-content;
    }

    .brand-production-description-text p br {
        display: none;
    }

    .representation-box {
        background-position: right -100px center;
    }

    .representation-box::before {
        background-image: linear-gradient(to right, #000000, transparent);
    }

    .contact-axiom-block {
        flex-direction: column;
        gap: 1rem;
    }

    .production-item-block {
        flex-direction: column;
        align-items: center !important;
        text-align: center;
    }

    .production-slider .owl-nav button.owl-next {
        right: 0;
    }

    .footer-menu.d-flex {
        flex-wrap: wrap;
        gap: 15px;
    }

    .footer-menu>* {
        flex: 0 0 47%;
        max-width: 47%;
        margin-bottom: 1rem;
    }
}