@media (min-width: 1200px) {
    div#header-sections {
        position: relative;
        z-index: 2;
    }
}


/* Tablet view */
@media (max-width: 1199px) {
    body #search_mini_form button.search {
        top: 7%;
        right: 1%;
    }

    body .header-middle .header-panel-right {
        width: auto;
        flex: 1;
    }

    body .header-middle .header-panel-right .features-links {
        align-items: center;
    }

    body .header-middle .header-panel-right .features-links .nipuna-terminal {
        display: flex !important;
        height: unset;
        gap: 4px;
        width:74%;
    }

    body .header-middle .header-panel-right .features-links .nipuna-terminal span {
        white-space:nowrap;
    }

    body .header-middle .header-panel-right .features-links .nipuna-terminal ul.nipuna-store-selection {
        padding: 0;
        gap: 5px;
    }

    body .header-middle .header-panel-right .features-links .nipuna-terminal ul.nipuna-store-selection li {
        text-align: center;

    }

    body .header-middle .header-panel-right .features-links li {
        margin-left: 0 !important;
    }

    body .header-middle .header-panel-right .features-links li.cart-link {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 35px;
        width: 35px;
    }

    body .header-middle .header-panel-right .features-links li.cart-link .minicart-wrapper .cdz-dropdown {
        margin: 0 !important;
    }

    body .header-middle .header-panel-right .features-links li.cart-link .minicart-wrapper .cdz-dropdown a.showcart::before {
        margin: 0 !important;
    }

    .cart-empty div#empty_cart_content a.continue-button {
        height: 45px !important;
    }

    .cdz-horizontal-menu {
        overflow-x: auto;
    }

    input#date_of_travel,
    input#date_of_birth {
        width: 30%;
    }

    .menu-title.closebyaround {
        font-size: 12px;
    }

    .menu-title.closebyaround:before {
        margin: 0 auto;
    }

    /* horizontal menu tablet view */
    div#desk_menu-container .cdz-navigation ul.groupmenu {
        display: flex;
    }

    div#desk_menu-container .cdz-navigation ul.groupmenu li {
        white-space: nowrap;
    }

    .page-header .features-links .minicart-wrapper {
        padding-left:0!important;
    }
}

/* Phone view */
@media (max-width: 767px) {
    .page-header {
        background-color: rgb(255, 255, 255);
    }

    .page-header .container.hello.sticky-menu.js-sticky-menu {
        display: flex;
        flex-direction: column;
        padding: 0;
    }

    .page-header .container.hello.sticky-menu.js-sticky-menu #header-sections {
        order: 2;
    }

    .page-header .container.hello.sticky-menu.js-sticky-menu .store-panel.visible-xs {
        order: 1;
        padding-left: 0 !important;
        min-height: 50px;
    }

    .page-header .container.hello.sticky-menu.js-sticky-menu .store-panel.visible-xs .nipuna-terminal {
        display: flex;
        align-items: center;    
    }

    .page-header .container.hello.sticky-menu.js-sticky-menu .store-panel.visible-xs .nipuna-terminal span {
        font-size: 15px;
        margin-right: 0;
        flex: 2;
        text-transform: uppercase;
    }

    .page-header .container.hello.sticky-menu.js-sticky-menu .store-panel.visible-xs .nipuna-terminal ul.nipuna-store-selection {
        margin-bottom: 0;
        justify-content: space-around;
        height: 100%;
        flex: 3;
        display: flex;
        border:1px solid #e21f23!important;
        padding:6px!important;
        background:#fff!important;
    }

    .page-header .container.hello.sticky-menu.js-sticky-menu .store-panel.visible-xs .nipuna-terminal ul.nipuna-store-selection li{
        height: 25px !important;
        border-radius: 12px !important;
    }

    .page-header .container.hello.sticky-menu.js-sticky-menu .store-panel.visible-xs .nipuna-terminal ul.nipuna-store-selection li {
        font-size: 14px;
        font-weight: 600;
        height: 70%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .empty-cart-text {
        font-size: 17px !important;
    }

    .cart-empty div#empty_cart_content a.continue-button {
        height: 45px !important;
    }

    #empty_cart_content .image-container img {
        height: 90% !important;
    }

    .page-header {
        min-height: unset !important;
    }

    #header-middle .header-panel-container {
        padding: 0;
    }

    #header-middle .header-panel-container .header-panel-row .header-search-wrap .header-search {
        width: 85%;
    }

    #header-middle .header-panel-container .header-panel-row .header-search-wrap .header-search .search-form {
        background: none !important;
        box-shadow: none;
        position: absolute;
        top: 0 !important;
        width: 80%;
    }

    #header-middle .header-panel-container .header-panel-row .header-search-wrap .header-search .search-form .block.block-search .block.block-content #search_mini_form .field.search .control {
        padding: 0 !important;
    }

    #header-middle .header-panel-container .header-panel-row .header-search-wrap .header-search .search-form .block.block-search .block.block-content #search_mini_form .field.search .control input#search {
        width: 100%;
        background: none !important;
        border: none;
        box-shadow: none;
        z-index:101;
    }

    #header-middle .header-panel-container .header-panel-row .header-search-wrap .header-search .search-form .block.block-search .block.block-content #search_mini_form .field.search .control #searchsuite-autocomplete {
        left: -60px !important;
        margin-top: 5px;
    }

    #header-middle .header-panel-container .header-panel-row .header-search-wrap .header-search .search-form .block.block-search .block.block-content #search_mini_form .actions {
        top: 5px;
        right: 3px !important;
    }

    #header-middle .header-panel-container .header-panel-row .header-search-wrap .header-search,
    #header-middle .header-panel-container .header-panel-row .header-search-wrap .search-form,
    #header-middle .header-panel-container .header-panel-row .header-search-wrap .block.block-search,
    #header-middle .header-panel-container .header-panel-row .header-search-wrap .block.block-content,
    #header-middle .header-panel-container .header-panel-row .header-search-wrap #search_mini_form,
    #header-middle .header-panel-container .header-panel-row .header-search-wrap .field.search,
    #header-middle .header-panel-container .header-panel-row .header-search-wrap .control,
    #header-middle .header-panel-container .header-panel-row .header-search-wrap input#search {
        height: inherit;
    }

    #header-middle .header-panel-container .header-panel-row .header-search-wrap .header-search .search-toggle {
        display:none!important;
    }

    #header-middle .header-panel-container .header-panel-row .header-search-wrap #mobi_cart-wrapper {
        top: 0;
        right: 10px;
    }

    #header-middle span.action.nav-toggle span::before {
        background: black;
        height: 1px;
    }

    #header-middle span.action.nav-toggle span::after {
        background: black;
        height: 1px;
    }

    #header-middle span.action.nav-toggle {
        left: calc(100vw - 80px);
        top: 34px;
    }

    #header-middle span.action.nav-toggle::before {
        background: black;
        height: 0.5px;
        width: 26px;
    }

    #header-middle a.logo {
        width: 65px;
        min-height: 75px;
        float: left;
    }

    .container.hello.sticky-menu.js-sticky-menu.active #header-sections {
        background-color: white;
    }

    .container.hello.sticky-menu.js-sticky-menu.active #header-sections span.action.nav-toggle {
        left: calc(100vw - 80px);
        top: 34px;
    }

    .container.hello.sticky-menu.js-sticky-menu.active #header-sections .block.block-search {
        background: linear-gradient(white, white) padding-box, linear-gradient(to right, #383266, #ff1f1f) border-box;
        border-radius: 50em;
        border: 2px solid transparent;
        box-shadow: none;
    }

    .container.hello.sticky-menu.js-sticky-menu.active #header-sections #mobi_cart-wrapper {
        top: 0;
        right: 10px;
    }

    #flight-live {
        display: none;
    }

    li.greet.welcome {
        display: none;
    }

    li.item.tablet-item.visible-tablet {
        display: none !important;
    }

    .cdz-brand-list-wrap .shop-by-brand-list {
        display: flex;
        flex-wrap: wrap;
        margin: 0 auto;
        justify-content: space-between;
    }

    .cdz-brand-list-wrap .shop-by-brand-list>* {
        width: 25% !important;
    }

    .cdz-brand-list-wrap .shop-by-brand-list>* a.brand-link.abs-img {
        background: linear-gradient(white, white) padding-box, linear-gradient(to right, #383266, #ff1f1f) border-box;
        border-radius: 5px;
        border: 2px solid transparent !important;
        box-shadow: none;
    }

    p.groupdrop-title.text-uppercase {
        display: none;
    }

    .cdz-brand-list-wrap {
        margin-top: 20px;
    }

    .cdz-tabs-wrap .cdz-block-title {
        height: 50px;
    }

    .cdz-tabs-wrap .cdz-block-title .b-title {
        position: absolute;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .cdz-tabs-wrap .cdz-block-content:nth-child(2) {
        padding-top: 0;
        margin-top: 50px;
    }

    .cdz-tabs-wrap .cdz-block-content a.mobile-toggle {
        display: none !important;
    }

    .cdz-tabs-wrap .cdz-block-content ul.box-cate-link.abs-dropdown {
        display: flex !important;
        width: 100vw;
        position: absolute;
        top: -50px;
        box-shadow: none;
        justify-content: center;
        z-index:1;
    }

    .cdz-tabs-wrap .cdz-block-content ul.box-cate-link.abs-dropdown li.item.active {
        background: none;
    }

    .cdz-tabs-wrap .cdz-block-content ul.box-cate-link.abs-dropdown li.item a.tab-title span {
        font-size: 12px;
        color: black;
    }

    .container.hello.sticky-menu.js-sticky-menu.active .header-search-wrap {
        display: block;
    }

    .container.hello.sticky-menu.js-sticky-menu.active .header-panel-right-inner ul.header.features-links.items.hidden-xs {
        justify-content: flex-end;
    }

    .container.hello.sticky-menu.js-sticky-menu.active .header-panel-right-inner ul.header.features-links.items.hidden-xs .nipuna-terminal {
        display: block !important;
    }

    #mobi_vertcial-menu-container {
        display: none !important;
    }

    input#search::-moz-placeholder {
        text-transform: inherit;
        color: gray;
    }

    input#search::placeholder {
        text-transform: inherit;
        color: gray;
    }

    .sections.nav-sections .section-items.nav-sections-items.mage-tabs-disabled .nav-sections-item-content ul.header.links.visible-xs li {
        position: relative;
    }

    .sections.nav-sections .section-items.nav-sections-items.mage-tabs-disabled .nav-sections-item-content ul.header.links.visible-xs li a::before {
        margin-right: 5px;
    }

    .sections.nav-sections .section-items.nav-sections-items.mage-tabs-disabled .nav-sections-item-content ul.header.links.visible-xs li:nth-child(1) a::before {
        content: "\e999";
        font-family: "CodazonFont";
        height: 35px;
        width: 35px;
    }

    .sections.nav-sections .section-items.nav-sections-items.mage-tabs-disabled .nav-sections-item-content ul.header.links.visible-xs li:nth-child(2) a::before {
        content: "\e985";
        font-family: "CodazonFont";
        height: 35px;
        width: 35px;
    }

    .sections.nav-sections .section-items.nav-sections-items.mage-tabs-disabled .nav-sections-item-content ul.header.links.visible-xs li:nth-child(3) a {
        margin-left: 20px;
    }

    .sections.nav-sections .section-items.nav-sections-items.mage-tabs-disabled .nav-sections-item-content ul.header.links.visible-xs li:nth-child(3) a::before {
        content: "";
        height: 16px;
        width: 13px;
        position: absolute;
        top: 8px;
        font-size: -11px;
        left: 16px;
        background-image: url("https://hdf.nipunasewa.com/media/wysiwyg/hdf-lock.png");
        background-size: 96%;
    }

    .sections.nav-sections .section-items.nav-sections-items.mage-tabs-disabled .nav-sections-item-content ul.header.links.visible-xs li:nth-child(6) a {
        margin-left: 20px;
    }

    .sections.nav-sections .section-items.nav-sections-items.mage-tabs-disabled .nav-sections-item-content ul.header.links.visible-xs li:nth-child(6) a::before {
        content: "";
        height: 16px;
        width: 15px;
        position: absolute;
        top: 8px;
        font-size: -11px;
        left: 14px;
        background-image: url("https://hdf.nipunasewa.com/media/wysiwyg/hdf-edit.png");
        background-size: 110%;
    }

    .footer-address.text-center {
        justify-content: center;
        gap: 20px;
    }

    .footer-address.text-center .hdf-empty-container {
        width: 0;
    }

    .footer-address.text-center .hdf-empty-container .switcher {
        margin-right: 0;
    }

    .ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.mage-dropdown-dialog {
        right: 30px;
    }

    input#date_of_travel,
    input#date_of_birth {
        width: 100%;
    }

    /* header panel navy blue color background fix */
    .header-panel-row.row {
        background: white;
    }

    /* mini cart logo color change */
    #mobile_mini_cart:before {
        color: black !important;
    }
    .cms-allowance div#allo_us_btm_banner_container .mgz-container>div {
        flex:none!important;
    }
}

/* Custom media */
@media screen and (min-width: 1380px) and (max-width: 1426px) {
    .nipuna-terminal span:nth-child(1) {
        font-size: 12px;
    }

    .nipuna-terminal ul.nipuna-store-selection li {
        width: 48%;
    }

    .nipuna-terminal ul.nipuna-store-selection li a {
        font-size: 12px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1380px) {
    .nipuna-terminal {
        flex-direction: column;
        font-size: 12px;
        align-items: flex-start;
    }

    .nipuna-terminal span:nth-child(1) {
        font-size: 12px;
        text-align: center;
    }

    .nipuna-terminal ul.nipuna-store-selection {
        width: 100%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .header-panel-right {
        width: 45%;
    }

    .page-header .features-links .minicart-wrapper .action.showcart:before {
        margin: 0px 7px 0px 4px;
    }

    .page-header .sticky-menu:not(.active) .features-links>li {
        margin: 0px 0 0 5px;
    }

    #desk_vertcial-menu-container>div>div.menu-title.closebyaround:before {
        margin: 0 auto;
    }
}

@media only screen and (min-width: 768px) {
    body.cms-index-index .tabs-style-14 .box-cate-link {
        padding: unset !important;
    }
}

@media only screen and (max-width: 768px){
    aside.modal-popup.modal-slide._inner-scroll .modal-inner-wrap {
        min-height: unset !important;
    }

    aside.modal-popup.modal-slide._inner-scroll .modal-inner-wrap .checkout-agreements-item-content{
        overflow: unset !important;
    }

    aside.modal-popup.popup-authentication.modal-slide._inner-scroll._show .modal-inner-wrap{
        overflow: hidden;
    }

    .modal-content .block-authentication .form-login .actions-toolbar>.primary .action-login {
        width: 250px !important;
        font-size: 12px !important;
        height: 32px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 600;
    }

    .store-panel.mobile-store-panel.visible-xs{
        background: #383266;
        display: flex !important;
        align-items: center;
        height: 50px !important;
        justify-content:center;
    }
}

/* Extra Small Devices (Phones) */
@media (max-width: 575.98px) {
    .page-header .container.hello.sticky-menu.js-sticky-menu .store-panel.visible-xs .nipuna-terminal span{
        color: white;
    }

    #header-middle .header-panel-container .header-panel-row .header-search-wrap{
        margin: -2% 0;
    }
}