/* ==================== [ 1300px ] ==================== */
@media (min-width: 1300px) {

    /* ==================== [ Common Start ] ==================== */
    .container-fluid,
    .container {
        max-width: calc(var(--container) + (var(--container-padding) * 2));
    }

    /* ==================== [ Common End ] ==================== */
}

/* ==================== [ 1199px ] ==================== */
@media (max-width: 1199px) {

    /* The Brands Start */
    .the-brands { padding-block: 70px }
    .the-brands .section-title { margin-bottom: 40px }
    .the-brands .carouselTicker__list { gap: 60px; }
    .the-brands .carouselTicker { padding-block: 25px; }
    /* The Brands End */

    /* Contact Start */
    .contact { padding-block: 70px; }
    /* Contact End */

    /* Privacy Policy Start */
    .privacy-policy { padding-block: 150px 70px; }
    /* Privacy Policy End */

}

/* ==================== [ 991px ] ==================== */
@media (max-width: 991px) {

    /* =============== Header Start =============== */
    button.navbar-toggler { border: none; }
    .navbar-toggler { right: 0; top: 0; padding: 0; }
    .navbar-toggler { border: none; background-color: transparent; position: relative; z-index: 999; right: 0; } 
    .navbar-collapse { position: fixed; top: 0; right: -100%; max-width: 100%; width: 100%; bottom: 0; height: 100vh; overflow: auto; background-color: var(--paper); transition: 0.5s; z-index: 9; display: flex !important; flex-direction: column; justify-content: flex-start !important; align-items: flex-start; padding: 20px; opacity: 0; }
    .navbar-collapse.show { right: 0; opacity: 1;}
    .navbar-collapse.show::before { right: 0; }
    .navbar-collapse::before { content: ""; position: fixed; width: 100%; height: 125px; top: 0; right: -100%; background-color: var(--paper); transition: 0.5s; z-index: 9; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; }
    .navbar .navbar-nav { align-items: center; position: relative; }
    .header .navbar-toggler span { background-color: var(--primary); background-image: none; width: 25px; height: 2px; display: block; margin-bottom: 5px; transition: 0.5s; position: relative; }
    .header.home-header .navbar-toggler span { background-color: var(--white); }
    .navbar-toggler span:last-child {margin: 0;}
    .navbar-toggler.open span:first-child { top: 5px; transform: rotate(45deg); }
    .navbar-toggler.open span:nth-child(2) { display: none; }
    .navbar-toggler.open span:last-child { top: -2px; transform: rotate(-45deg); }
    .navbar-toggler:focus { box-shadow: none; }
    .header .navbar-expand-lg .navbar-nav { align-items: flex-start; gap: 0; padding: 0; margin-top: 110px; width: 100%; }
    .header .navbar-nav .nav-item { width: 100%; border-bottom: 1px solid var(--dark-10); padding-bottom: 10px; margin-bottom: 10px; }
    /* =============== Header End =============== */
    
    /* =============== Footer Start =============== */
    .f-list ul { justify-content: flex-start;  gap: 15px; }
    /* =============== Footer End =============== */

    /* Contact Start */
    .contact .contact-left { padding-right: 20px; }
    /* Contact End */

    
}

/* ==================== [ 767px ] ==================== */
@media (max-width: 767px) {

    /* Header Start */
    .header .navbar-brand { max-width: 200px; }
    /* Header End */

    /* The Brands Start */
    .the-brands { padding-block: 40px }
    .the-brands .section-title { margin-bottom: 30px }
    .the-brands .carouselTicker { padding-block: 20px; }
    .the-brands .carouselTicker__list { gap: 50px; }
    .the-brands .carouselTicker__item a { width: 110px; height: 26px; }
    /* The Brands End */

    /* Industries Start */
    .industries { padding-block: 40px; }
    .industries .section-title { margin-bottom: 30px; }
    /* Industries End */

    /* Contact Start */
    .contact { padding-block: 40px; }
    .contact .contact-left { padding-right: 0; }
    .contact form .form-group { padding: 10px 0; }
    /* Contact End */

    /* Privacy Policy Start */
    .privacy-policy { padding-block: 120px 40px; }
    /* Privacy Policy End */
}