/* =====================================================
   HEADER - Responsive Styles (Global)
   Loaded from header.php — shared across ALL pages
   ===================================================== */

/* Base header layout */
.logo-row {
    margin-left: 22%;
}

.cd-header-buttons {
    top: 10px;
    margin-right: 24.5%;
}

.logo-2 {
    display: block;
    padding-top: 16px;
    padding-bottom: 16px;
    -webkit-transition: all .4s ease 0s;
    -o-transition: all .4s ease 0s;
    transition: all .4s ease 0s;
}

.header.affix .logo-2,
.header.affix.no-transparent .logo-2 {
    padding-top: 16px;
    padding-bottom: 16px;
}

.logo-img {
    height: auto;
}

#main-menu .navbar .nav>li>a {
    padding: 20px 16px 5px 16px;
}

.affix.header-1 #main-menu .navbar .nav>li>a {
    padding: 20px 16px 5px 16px;
}

.header-1 #main-menu .navbar .nav>li.current>a {
    padding: 20px 3px 5px 3px;
}

#main-menu .sub {
    display: none;
    margin: 0;
    padding: 10px 10px 10px 24px;
    position: absolute;
    z-index: 905;
}

.customMenuBg {
    background: rgb(255, 255, 255) !important;
    background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(206, 206, 206, 1) 50%, rgba(255, 255, 255, 1) 100%) !important;
}

.custumHeaderText {
    color: black;
    text-transform: none;
    font-size: 14px;
    font-weight: 600;
    margin: 15px 0px -6px 0px;
}

/* =====================================================
   RESPONSIVE BREAKPOINTS
   ===================================================== */

/* max-width: 1600px */
@media screen and (max-width: 1600px) {
    .logo-row {
        margin-left: 20% !important;
    }

    .cd-header-buttons {
        top: 10px;
        margin-right: 23.5%;
    }
}

/* 1380px - 1560px */
@media (min-width: 1380px) and (max-width: 1560px) {
    .logo-row {
        margin-left: 18% !important;
    }

    .cd-header-buttons {
        margin-right: 21.5%;
    }
}

/* 1280px - 1379px */
@media (min-width: 1280px) and (max-width: 1379px) {
    .logo-row {
        margin-left: 13% !important;
    }

    .cd-header-buttons {
        margin-right: 17.5%;
    }
}

/* 1025px - 1279px */
@media (min-width: 1025px) and (max-width: 1279px) {
    .logo-row {
        margin-left: 5% !important;
    }

    .cd-header-buttons {
        margin-right: 10.5%;
    }
}

/* Tablet: 768px - 1024px */
@media (min-width: 768px) and (max-width: 1024px) {
    .logo-row {
        margin-left: 1% !important;
    }

    .cd-header-buttons {
        margin-right: 15.5%;
    }
}

/* (1366x768) WXGA Display */
@media screen and (max-width: 1366px) {
    .logo-row {
        margin-left: 12% !important;
    }

    .cd-header-buttons {
        margin-right: 16.5%;
    }
}

/* Hide mobile menu on desktop */
@media (min-width: 481px) {
    .custom-mobile-menu {
        display: none !important;
    }
}

/* Mobile: max-width 480px */
@media (max-width: 480px) {
    .logo-row {
        margin-left: 0 !important;
    }

    .cd-search-trigger {
        display: none;
    }

    .logo-img {
        margin-left: -15%;
    }

    .custom-menu {
        display: none !important;
    }
}