/************************************************Header Layout Element Responsive************************************************/

@media only screen and (min-width: 1400px){

    .header-ftc-element.header-layout-11 .header-dropdown-element .content-dropdown.menu-fix {
        top: 150px;
        padding: 100px 0;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) { 

    .hotpot-h12 .ftc-element-hotspots .ftc-hot-spot-image .item-5 {
        top: -95px;
        right: 35px;
    }
    .hotpot-h12 .ftc-element-hotspots .ftc-hot-spot-image .item-3 {
        top: -95px;
        left: 55%;
    }
}

@media only screen and (min-width: 1200px){ 

    .hotpot-h12 .ftc-element-hotspots .ftc-hot-spot-image .content {
        top: 65px;
    }
    .hotpot-h12 .ftc-hot-spot-wrap:hover {
        background-color: transparent !important;
    }

}

@media only screen and (max-width: 1199px){

    .header-ftc-element.header-layout-10 .ftc-cart-element {
        margin-right: 0;
    }
    .header-ftc-element.header-layout-11 .mega_main_menu.primary > .menu_holder > .menu_inner > ul > li.columns4 > .mega_dropdown,
    .header-ftc-element.header-layout-11 .mega_main_menu.primary > .menu_holder > .menu_inner > ul > li.columns5 > .mega_dropdown {
        transform: translateX(-50%);
    }
    .header-ftc-element.header-layout-11 .header-dropdown-element .content-dropdown.menu-fix {
        top: 100px;
    }
    .header-ftc-element.header-layout-9 .mega_main_menu.primary > .menu_holder > .menu_inner > ul > li.columns5 > .mega_dropdown,
    .header-ftc-element.header-layout-9 .mega_main_menu.primary > .menu_holder > .menu_inner > ul > li.columns4 > .mega_dropdown {
        left: 80%;
    }
    .header-ftc-element.header-layout-13 .mega_main_menu.primary > .menu_holder > .menu_inner > ul > li > .mega_dropdown {
        left: 50%;
        transform: translateX(-50%);
    }
    .header-ftc-element.header-layout-10 .mega_main_menu.primary > .menu_holder > .menu_inner > ul > li.columns5 > .mega_dropdown,
    .header-ftc-element.header-layout-10 .mega_main_menu.primary > .menu_holder > .menu_inner > ul > li.columns4 > .mega_dropdown {
        transform: translateX(-50%);
    }
    .header-ftc-element.header-layout-3 .mega_main_menu.primary > .menu_holder > .menu_inner > ul > li.columns5 > .mega_dropdown, 
    .header-ftc-element.header-layout-3 .mega_main_menu.primary > .menu_holder > .menu_inner > ul > li.columns4 > .mega_dropdown,
    .header-ftc-element.header-layout-1 .mega_main_menu.primary > .menu_holder > .menu_inner > ul > li.columns5 > .mega_dropdown, 
    .header-ftc-element.header-layout-1 .mega_main_menu.primary > .menu_holder > .menu_inner > ul > li.columns4 > .mega_dropdown {
        transform: translateX(-20%);
    }
    .header-ftc-element.header-layout-10 .header-content .preventive {
        max-width: 940px;
    }
    .header-ftc-element.header-layout-2 .mega_main_menu.primary > .menu_holder > .menu_inner > ul > li.columns4 > .mega_dropdown,
    .header-ftc-element.header-layout-2 .mega_main_menu.primary > .menu_holder > .menu_inner > ul > li.columns5 > .mega_dropdown {
        left: 0;
        transform: none;
    }


}

@media only screen and (min-width: 992px) {

    .header-ftc-element .header-mobile {
        display: none;
    }

}

@media only screen and (max-width: 991px) {

    .header-ftc-element.header-layout-11 {
        position: relative;
    }
    .hotpot-h12 .ftc-element-hotspots .ftc-hot-spot-image .item-2,
    .hotpot-h12 .ftc-element-hotspots .ftc-hot-spot-image .item-6 {
        right: auto;
    }
    .header-ftc-element.header-layout-5 {
        position: relative;
    }
    .header-ftc-element .header-mobile .mobile-button {
        width: auto;
        padding: 0;
    }
    .header-ftc-element .header-mobile .ftc-shop-cart {
        padding: 0;
    }
    .hotpot-header-12 {
        z-index: 9;
    }
    .hotpot-h12 .ftc-hot-spot-image .content .content-text {
        max-width: 230px;
        width: 100%;
        padding: 30px;
    }
    .header-ftc-element.header-layout-3,
    .header-ftc-element.header-layout-9 {
        position: relative;
    }
    .header-ftc-element .header-mobile .logo-wrapper {
        text-align: center;
    }
    .header-ftc-element .header-content {
        display: none;
    }
    .header-ftc-element .header-mobile {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 15px;
        box-shadow: none;
    }
    .header-ftc-element .header-mobile .mobile-nav,
    .header-ftc-element .header-mobile .ftc-shop-cart .cart-item > a {
        color: #333;
        font-size: 18px;
    }
    .header-ftc-element .header-mobile .ftc-shop-cart .cart-total {
        top: -20px;
    }
}

@media only screen and (max-width: 767px) {

    .hotpot-h12 .ftc-element-hotspots .ftc-hot-spot-image .item-2, 
    .hotpot-h12 .ftc-element-hotspots .ftc-hot-spot-image .item-6 {
        right: 0;
    }
    .hotpot-h12 .ftc-element-hotspots .ftc-hot-spot-image .item-2,
    .hotpot-h12 .ftc-element-hotspots .ftc-hot-spot-image .item-6,
    .hotpot-h12 .ftc-element-hotspots .ftc-hot-spot-image .item-4 {
        top: -45px;
    }
    .hotpot-h12 .ftc-element-hotspots .ftc-hot-spot-image .item-5 {
        top: -160px;
    }
    .hotpot-h12 .ftc-element-hotspots .ftc-hot-spot-image .item-3 {
        top: -110px;
        left: 0;
    }
    .hotpot-h12 .ftc-element-hotspots .ftc-hot-spot-image .ftc-hot-spot-wrap .content .content-text {
        max-width: 220px;
        padding: 15px;
    }
    .hotpot-h12 .ftc-element-hotspots .ftc-hot-spot-image .ftc-hot-spot-wrap .content {
        min-width: 220px;
    }

}

@media only screen and (max-width: 480px) {

    .hotpot-header-12 {
        z-index: 999;
    }
    .hotpot-h12 .ftc-element-hotspots .ftc-hot-spot-image .item-3 {
        top: -50px;
    }
    .hotpot-h12 .ftc-element-hotspots .ftc-hot-spot-image .item-5 {
        top: -50px;
        right: -40px;
    }
    .hotpot-h12 .ftc-element-hotspots .ftc-hot-spot-image .item-2 {
        top: -15px;
        right: 0;
    }

}