@media screen and (min-width: 720px) {
    .footer-links-ctn .nav-items {
        margin-right: 24px;
        width: calc(25% - 24px);
    }
    .footer .social-email-row {
        /* align-items: center; */
        display: flex;
        justify-content: space-between;
       
    }
}

@media screen and (min-width: 1025px) {
    /* Header  */
    .header {
        position: relative;
    }
    .header_top {
    }
    .header_top-main {
        display: flex;
    }
    .brand-switcher-item-link {
        align-items: center;
        display: flex;
        height: 48px;
        justify-content: center;
        max-width: 100px;
        padding: 11px;
    }
    .brand-switcher-item-link .brand-logo-ctn {
        padding-right: 17px;
        border-right: 1px solid #b3b3b3;
    }
    .brand-switcher-item-link .brand-logo {
        display: block;
        height: auto;
        max-width: 100%;
        width: auto;
    }
    .brand-switcher-item-link .brand-logo {
        display: block;
        height: auto;
        max-width: 100%;
        width: auto;
    }
    .brand-switcher-item-link .brand-logo.hover {
        display: none;
    }
    .brand-switcher {
        margin-right: 20px;
        width: calc(16.66667% - 20px);
        min-width: 100px;
        position: relative;
    }
    .brand-switcher-btn {
        background: none;
        border: none;
        color: #697172;
        font-size: 14px;
        height: 100%;
        line-height: 1;
        outline: none;
        padding: 11px 0;
        text-align: left;
        display: flex;
        align-items: center;
        gap: 4px;
    }
    .brand-switcher-list {
        background-color: #fff;
        display: none;
        list-style: none;
        margin: 0;
        padding: 0;
        position: absolute;
    }
    .brand-switcher-list-item {
    }
    .promo-carousel {
        margin-right: 20px;
        width: calc(50% - 20px);
    }
    .locale-selector {
        margin-right: 20px;
        width: calc(16.66667% - 20px);
    }

    .main-nav-logo {
        margin-right: 20px;
        width: calc(16.66667% - 20px);
        width: calc(22% - 20px) !important;
    }

    .header_main {
        height: 90px;
    }
    .mobile-nav-toggle {
        display: none;
    }
    .mobile-back-btn {
        display: none;
    }
    .main-menu {
        align-items: center;
        display: flex;
        flex-grow: 1;
        height: 100%;
        justify-content: center;
        width: calc(60% - 20px) !important;
        margin: 0px;
    }
    .get_menu {
        flex-grow: 1;
        justify-content: center;
        list-style: none;
        margin: 0px;
        padding: 0px;
        align-items: center;
        display: flex;
        height: 100%;
    }
    .get_menu .hasmenu {
        display: flex;
        transition: all .3s ease-in-out;
    }
    .get_menu .hasmenu:hover {
    
    }

    .get_menu .hasmenu .ic {
        display: none;
        align-items: center;
    }
    .get_menu .hasmenu .ic i {
        color: #fff;
    }
    
    .get_menu li .main-nav-item-trigger {
        color: rgb(255, 255, 255);
        cursor: pointer;
        font-size: 15px;
        font-weight: 600;
        text-transform: uppercase;
        border-radius: 18px;
        padding: 9px 15px;
        text-decoration: none;
        transition: color 0.2s linear;   transition: all .3s ease-in-out;
    }
    .get_menu li .main-nav-item-trigger:hover{
        background-color: #fff;
        color: #000; 
    }
   .not-homepage .get_menu li .main-nav-item-trigger{
        color: #2f3132;
    }
    .get_menu li.open .nav-tabs-sub {
        display: block;
    }
    .utility-nav {
        align-items: center;
        display: flex;
        justify-content: flex-end;
        margin-right: 24px;
        width: calc(22% - 20px) !important;
    }
    .not-homepage  .desktop-search-button {
        background-color: #fff !important;
        border: 1px solid #e1e2e3 !important;
        color: #000 !important;
    }
    .desktop-search-button {
        cursor: pointer;
        text-align: right;
        align-items: center !important;
        display: flex !important;
        font-family: inherit !important;
        font-size: 15px !important;
        font-weight: 300 !important;
        height: 30px !important;
        justify-content: space-between !important;
        width: 150px !important;
        padding: 6px 13px;
        border-radius: 15px !important;
        background-color: rgba(255, 255, 255, 0.3);
        color: rgb(255, 255, 255) !important;
        position: relative;
    }
    .ic-search {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 13px;
    }
    .ic-search i {
        color: #fff;
    }

    .nav-tabs-sub {
        background-color: #fff;
        box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
        display: none;
        left: 0;
        padding: 40px 0;
        position: absolute;
        top: 90px;
        width: 100%;
    }
    .my-account-trigger {
        display: none;
    }
    .nav-tabs-sub-wrap {
    }
    .nav-tabs-sub-wrap .sub_menu {
        padding-left: 0;
    }
    .nav-tabs-sub-wrap .sub_menu .nav-page {
    }
    .nav-tabs-sub-wrap .sub_menu .nav-page .nav-page-inner {
        margin-right: 20px;
        width: calc(60% - 20px);
        margin-left: 8.3333333333%;
    }
    .nav-tabs-sub-wrap .sub_menu .nav-page .nav-page-main {
        display: grid;
        gap: 0 20px;
        grid-template-columns: repeat(4, 1fr);
    }
    .nav-tabs-sub-wrap .sub_menu .nav-page .nav-page-main .nav-items {
        -webkit-column-break-inside: avoid;
        align-items: flex-start;
        break-inside: avoid;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        padding-bottom: 50px;
        padding-right: 20px;
        position: relative;
    }
    .nav-tabs-sub-wrap .sub_menu .nav-page .nav-page-main .nav-items h2,
    .nav-tabs-sub-wrap .sub_menu .nav-page .nav-page-main .nav-items .nav-items-title {
        color: #000;
        font-size: 15px;
        font-weight: 700;
        letter-spacing: normal;
        line-height: 20px;
        margin: 0;
        padding-bottom: 14px;
        text-transform: uppercase;
    }
    .nav-tabs-sub-wrap .sub_menu .nav-page .nav-page-main .nav-items h2:hover a{
        text-decoration: underline;
    }
    .nav-tabs-sub-wrap .sub_menu .nav-page .nav-page-main .nav-items .nav-items-img-ctn {
        padding-bottom: 24px;
        width: 100%;
    }
    .nav-tabs-sub-wrap .sub_menu .nav-page .nav-page-main .nav-items .nav-items-links-ctn {
    }
    .nav-tabs-sub-wrap .sub_menu .nav-page .nav-page-main .nav-items .nav-items-links-ctn ul {
        padding-left: 0;
    }
    .nav-tabs-sub-wrap .sub_menu .nav-page .nav-page-main .nav-items .nav-items-links-ctn ul .nav-item-link-item {
        margin-bottom: 2px;
    }
    .nav-tabs-sub-wrap .sub_menu .nav-page .nav-page-main .nav-items .nav-items-links-ctn ul .nav-item-link {
        color: #2f3132;
        display: inline-block;
        font-size: 14px;
        font-weight: 300;
        line-height: 18px;
        text-decoration: none;
    }
    .nav-tabs-sub-wrap .sub_menu .nav-page .nav-page-main .nav-items .nav-items-links-ctn ul .nav-item-link:hover{
        text-decoration: underline;
    }
    .close_menu {
        display: none;
    }
    /* End Header */

    /* Footer */
    .footer-links-ctn .nav-items {
        margin-right: 20px;
        width: calc(25% - 20px);
        padding-right: 8.3333333333%;
    }
    .social-and-support-row {
        align-items: center;
        display: flex;
    }
    .social-and-support-row .support-id-row {
        display: flex;
        font-size: 14px;
        gap: 6px;
    }
    /* End Footer */
}
@media screen and (max-width: 767.999px){
    .vnt-product .grid-prod .item .wrap-item .i-top .i-image{
        padding: 15px;
    }
    .vnt-product .grid-prod .item .wrap-item .i-desc .desc-left .i-title a h4{
        font-size: 15px;
    }
    .mobile-search-icon{
        display: flex;
        align-items: center;

    }
    .mobile-search-icon i { font-size: 18px;
    color:#fff;}
    .search_block .form-control{
        font-size: 20px;
    }
}
