/* START 12 mån A/B-tester-1- Header*/

#mini-cart .dropdown-toggle.cover > div {
    color: white !important;
}

.um-fortis .top-links .links > li > a {
    color: white !important;
}

.sg_search {
    display: none;
}

.grid-full {
    width: 99% !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.fa.fa-check {
    color: #4ebf33 !important;
}

.sg_uspItem i.fa {
    margin-right: 4px !important;
    margin-left: 37px;
    font-size: 16px !important;
    color: #4ebf33;
}

#sg_uspContainer > ul > li:nth-child(4) > i {
    color: #69befd !important;
}

#sg_uspContainer > ul > li:nth-child(4) > p {

    font-size: 17px;
    font-weight: 600;
}

#categories_block_left > div:nth-child(1) {
    padding-top: 0px !important;
}

.overlay-show {
    margin: auto !important;
}

#root-wrapper > div > div > div.footer-container > div.footer-container2 > div.footer-primary-container.section-container > div.footer-primary.footer.container > div {
    margin-left: 0 !important;
}

.category-products .p-topbg {
    width: 100%;
}

nav.container {

    padding-left: 0 !important;
    padding-right: 0 !important;
}

.container {
    width: 100% !important;
    max-width: 1034px !important;

}

span.rewards_page, span.rewards_share {

    width: 100% !important;
    background-size: 100%;
    background-repeat: no-repeat;
}

#sg_uspContainer {
    display: none;
}

html, body {
    margin: 0;
    height: 100%;
}

#sg_uspContainer * {

    display: inline-block !important;
    font-weight: 600;
    color: white;
    font-size: 14px;
}

#sg_uspContainer p {

    font-family: Arial, Helvetica, sans-serif !important;
}

#sg_uspContainer {

    padding-top: 6px !important;
    padding-bottom: 6px !important;
    background-color: rgb(29, 28, 28);
}

i.fa.fa-check {
    margin-right: 4px !important;
    margin-left: 37px;
    font-size: 16px !important;
    color: #4ebf33 !important;
}

.user-menu {
    vertical-align: middle !important;
}

/* CRO Changes LGB-265 */
@media screen and (max-width:350px) {
    div.logo-wrapper.grid12-4.v-grid > h1 > a > img, div.logo-wrapper.grid12-4.v-grid > a > img {
        max-width: 60px !important;
        margin-top: 5px !important;
    }
}

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

    .header-container .sg_search {
        display: none !important;
    }

    .sg-start-page-usp-container {
        margin-top: 48px !important;
    }

    /*********************************************/

    .header-container .header-primary-container .grid-full {
        width: 100% !important;
    }

    .header-container .header-primary-container .logo {
        margin: 0 !important;
        padding: 0 !important;
    }

    /*********************************************/

    .header-container .mobnav-trigger-wrapper {
        height: 54px !important;
        top: 0 !important;
        left: 0 !important;
    }

    .header-container .mobnav-trigger-wrapper .mobnav-trigger {
        display: block !important;
        height: 100% !important;
    }

    /*********************************************/

    .header-container #mini-cart {
        right: 15px !important;
    }

    /*********************************************/

    .header-container .user-menu-top.clearer {
        display: block !important;
        position: absolute  !important;
        top: 60px  !important;
        background: #fff !important;
        width: 100% !important;
        left: 0 !important;
        margin: 0 !important;
        padding: 10px 15px 0 !important;
        box-sizing: border-box !important;
    }

    .sg-active .header-container .user-menu-top.clearer {
        top: 11px !important;
        padding: 0 !important;
        width: calc(100% - 200px) !important;
        left: 60px !important;
        background: transparent !important;
    }

    .header-container .user-menu-top.clearer .search-wrapper {
        margin: 0 !important;
    }

    .header-container .user-menu-top.clearer .form-search {
        max-width: none !important;
    }

    .header-container .user-menu-top.clearer .form-search .input-text {
        width: 100% !important;
        border-radius: 3px !important;
        min-width: auto !important;
        padding-right: 50px !important;
        border-color: #238bdd !important;
    }

    .sg-active .header-container .user-menu-top.clearer .form-search .input-text {
        border-color: #000 !important;
    }

    .header-container .user-menu-top.clearer .button-algolia {
        right: 0 !important;
        z-index: 1 !important;
        border-color: #238bdd !important;
    }

    .user-menu-top.clearer .button-algolia .clear-cross {
        top: 50% !important;
        right: auto !important;
        left: 50% !important;
        -webkit-transform: translate(-50%, -50%) !important;
        -moz-transform: translate(-50%, -50%) !important;
        -ms-transform: translate(-50%, -50%) !important;
        transform: translate(-50%, -50%) !important;
    }

    .sg-active .header-container .user-menu-top.clearer .button-algolia {
        width: 40px !important;
        border-color: #000 !important;

    }

    .sg-active #algolia-searchbox .magnifying-glass {
        font-size: 0 !important;
        color: transparent !important;
    }

    .sg-active .button-algolia .magnifying-glass::before {
        content: "\f002";
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: #fff;
        font-size: 16px;
    }

    /*********************************************/

    .sg-active .header-container #search_mini_form {
        display: block !important;
        background: transparent !important;
        margin: 0 !important;
        width: auto !important;
        padding: 0 !important;
    }

    /*********************************************/

    #algolia-autocomplete-container .aa-dropdown-menu {
        width: 100%!important;
        margin: 0 auto !important;
        left: 0!important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    #algolia-autocomplete-container .autocomplete-wrapper {
        overflow-y: auto !important;
    }

    #algolia-autocomplete-container .autocomplete-wrapper .col3 .other-sections {
        margin-bottom: 20px !important;
    }

    body.sg-active #algolia-autocomplete-container .aa-dropdown-menu {
        top: 48px!important;
        position: fixed !important;
    }
}
/* END CRO Changes LGB-265 */

@media (min-width: 480px) {
    .user-menu-top {
        float: left;
        margin: 0px 0;
        margin-top: 8px !important;
        text-align: right;
        width: auto !important;
    }

}

@media (min-width: 768px) {
    .user-menu {
        vertical-align: middle !important;
        width: auto !important;
        min-width: 660px !important;

    }

    #sg_uspContainer {
        display: block !important;
    }

    .top-links ul {
        float: left !important;
    }

    .form-search {
        padding-left: 10px !important;
    }

    #top > div > div > div.header-primary-container > div > div > div > div.logo-wrapper.grid12-4.v-grid > h1 > a > img {
        min-width: 79px !important;
        min-height: 49px !important;
    }

}

@media (min-width: 480px) {
    .header .item-right {

        margin-left: 5px !important;
    }

    .search-wrapper-inline .form-search .input-text {
        min-width: 228px !important;
        height: 36px !important;
    }

    .price-box {

        margin-left: 9px !important;
        margin: auto !important;
        max-width: 131px !important;
        padding: 0px !important;
    }

    .main-container {
        padding-left: 10px;
    }

}
@media only screen and (max-width: 767px) and (min-width:480px){
    .search-wrapper-mobile .form-search {
        width: 100%;
        max-width: 300px;
        margin-left: auto;
        margin-right: auto;
        left: -35px;
    }
}

@media (max-width: 768px) {
    .user-menu-top {
        float: left;
        margin-top: -1px !important;
        text-align: right;
        width: auto !important;
        vertical-align: middle;
        padding-left: 10px;
    }

    .top-links {
        float: right;
        margin: auto;
        width: 50% !important;
        height: 30px !important;
        position: absolute;
        top: 111px;
        right: 26%;
    }

    .main-container {
        margin-top: 0px !important;
    }

    .um-fortis .top-links .links > li > a {

        min-width: 0px !important;
    }

    #top > div > div > div.header-primary-container > div > div > div > div.logo-wrapper.grid12-4.v-grid > h1 > a > img {

        height: 50% !important;
        width: 50% !important;
    }

}

/*@media only screen and (max-width: 768px) and (min-width: 640px) {*/

    /*.top-links {*/
        /*float: right;*/
        /*margin: auto;*/
        /*width: 100% !important;*/
        /*height: 30px !important;*/
        /*position: absolute;*/
        /*top: 91px;*/
        /*right: 371px;*/
    /*}*/

    /*.logo-wrapper.grid12-4.v-grid img {*/
        /*width: 118px !important;*/
    /*}*/

/*}*/

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

    .top-links {

        margin: auto !important;
        height: 20px !important;
        padding-bottom: 20px !important;
        width: auto !important;
        position: static !important;
        margin-left: -5% !important;

    }

    .fa.fa-search {

        font-size: 33px;
        color: white;
    }

    .sg_search {

        cursor: pointer;
        display: inline-block;
        position: absolute;
        left: 24px;
        top: 11px;
        display: block !important;
    }

    .logo-wrapper.grid12-4.v-grid {
        margin-top: 0px !important;
    }

    div.logo-wrapper.grid12-4.v-grid > h1 > a > img,
    div.logo-wrapper.grid12-4.v-grid > a > img {

        max-width: 77px !important;
        max-height: 44px !important;
        width: 100% !important;
        height: 100% !important;
    }

    #top > div > div > div.header-primary-container > div.header-primary {

        width: 100% !important;
        margin: 0 !important;
        margin-right: 0px !important;
        max-width: none !important;

    }

    #top > div > div > div.header-primary-container > div > div > div > div.logo-wrapper.grid12-4.v-grid > img {
        display: none !important;
    }

    #mini-cart {
        position: absolute !important;
        top: 3px !important;
        right: 18px !important;
    }

    .mobnav-trigger-wrapper.grid-full {

        position: absolute !important;
        top: 0 !important;
        /*left: 18% !important;*/
        width: auto !important;
    }

    .user-menu-top.clearer {
        display: none !important;
    }

    #top > div > div > div.nav-container > div > div > a > span:nth-child(2) {
        display: none !important;
    }

}

@media only screen and (min-width : 1050px){
    .logo-wrapper .logo {
        padding-left: 0px !important;
    }
}

@media (min-width: 641px) {
    .header .user-menu {
        width: 780px !important;
    }
}

div.user-menu-top.clearer.sg-show-search {
    display: block !important;
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {

    .um-fortis .top-links .links > li, .um-fortis .dropdown {

        margin-top: 0px !important;
    }

    .top-links {
        top: 71px !important;
    }

    #mini-cart {

        margin-top: 0px !important;
    }

    .user-menu-top {

        margin-top: 4px !important;

    }

    .top-links {
        float: right !important;
        margin: auto !important;
        width: 287px !important;
        height: 30px !important;
        position: absolute !important;
        right: 16% !important;
    }

}

@media all and (min-width: 768px) and (max-width: 914px) {

    .logo-wrapper.grid12-4.v-grid img {
        height: 56px !important;
    }

}

@media all and (min-width: 768px) and (max-width: 861px) {

    #sg_uspContainer > ul > li:nth-child(4) > i {
        color: #69befd !important;
        padding-top: 10px;
    }

}

.sg_phone {
    display: none;
}

/*@media all and (min-width: 640px) and (max-width: 767px) {*/

    /*.sg_phone * {*/

        /*display: inline-block !important;*/
        /*color: white !important;*/
        /*font-size: 20px !important;*/
        /*font-weight: bold !important;*/

    /*}*/

    /*.sg_phone .fa.fa-phone {*/
        /*padding-right: 10px !important;*/
    /*}*/

    /*.sg_phone {*/

        /*display: block !important;*/
        /*position: absolute !important;*/
        /*top: 37px !important;*/
        /*right: 18px !important;*/
    /*}*/

/*}*/

.logo {
    padding-left: 5px !important;
}

/* END 12 mån A/B-tester-1- Header*/

/* START 12 mån A/B-tester-3- Search */
.form-search .button {
    top: 0 !important;
    right: -61px !important;
}

.search-wrapper-small .form-search .button span {
    width: 60px !important;
    height: 40px !important;
    border-top: 1px solid #234007 !important;
    border-right: 1px solid #234007 !important;
    border-bottom: 1px solid #234007 !important;
    border-left: 0 !important;
    top: 12px !important;
    opacity: 1 !important;
    border-radius: 0 3px 3px 0 !important;
    line-height: 38px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #fff !important;
    background: rgb(38, 148, 236) !important;
    background: -moz-linear-gradient(rgb(38, 148, 236) 4%, rgb(21, 95, 153) 100%) !important;
    background: -webkit-linear-gradient(rgb(38, 148, 236) 4%, rgb(21, 95, 153) 100%) !important;
    background: linear-gradient(rgb(38, 148, 236) 4%, rgb(21, 95, 153) 100%) !important;
}

.search-wrapper-small .form-search .button span:hover {
    color: #d5eaff !important;
}

.search-wrapper-small .form-search .button:hover span {
    color: #d5eaff !important;
}

/*sökresultat autofill*/
.form-search .le-search-side {
    top: -30px !important;
    width: 440px !important;
    left: 2px !important;
    font-size: 1.3em !important;
}

.le-search-images {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
}

.le-search-images img {
    width: 54px !important;
}

.form-search .search-autocomplete li {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
}

.le-search-right {
    width: 80% !important;
}

.le-search-right .product-name a {
    color: #333 !important;
}

.le-search-right .product-name a:hover {
    color: #777 !important;
}

.old-price {
    display: inline-block !important;
    margin-right: 6px !important;
}

.special-price {
    display: inline-block !important;
}

#le-search-loading {
    position: absolute !important;
    top: 13px !important;
}

/*container logga*/
.grid12-4 {
    width: auto !important;
}

/*container sökruta*/
.user-menu-top {
    margin-top: 5px !important;
    margin-left: 3% !important;
    padding-left: 0 !important;
}

@media (min-width: 479px) {
    /*sökruta*/
    .search-wrapper-inline .form-search .input-text {
        width: 240px !important;
        height: 42px !important;
        border: 1px solid #234007 !important;
        border-radius: 3px 0 0 3px !important;
        color: #444 !important;
        font-size: 14px !important;
    }

    .search-wrapper-inline .form-search .input-text:hover {
        color: #333 !important;
    }

    .header .item-right {
        margin-left: 0 !important;
    }
}

@media (min-width: 479px) and (max-width: 1000px) {
    /*container sökruta*/
    .user-menu-top {
        margin-left: 0 !important;
    }

    /*sökruta*/
    .search-wrapper-inline .form-search .input-text {
        min-width: 178px !important;
        width: 178px !important;
    }
}

@media (min-width: 479px) and (max-width: 767px) {
    /*sökruta*/
    .search-wrapper-inline .form-search .input-text {
        width: 300px !important;
    }
}

@media (max-width: 479px) {
    /*sökruta*/
    .search-wrapper-inline .form-search .input-text {
        border: 1px solid #234007 !important;
        border-radius: 3px 0 0 3px !important;
        color: #555 !important;
        background-color: #fff !important;
        width: 224px !important;
        height: 38px !important;
    }

    .search-wrapper-inline .form-search .input-text:hover {
        border: 1px solid #234007 !important;
        color: #555 !important;
        background-color: #fff !important;
    }

    .search-wrapper-small .form-search .button-algolia {
        height: 38px !important;
        line-height: 38px !important;
        font-size: 13px !important;
    }

    .search-wrapper-small .form-search .button-algolia {
        padding: 0 !important;
        /*right: 16px !important;*/
        top: 0 !important;
    }

    /*sökresultat autofill*/
    .form-search .le-search-side {
        font-size: 1.1em !important;
        width: 280px !important;
    }

    /*sökresultat bild*/
    .le-search-images img {
        width: 42px !important;
    }
}

/* END 12 mån A/B-tester-3- Search */

/* START 12 mån A/B-tester-7- Popup */

#j2t-overlay {
    background: #666 !important;
}

#j2t_ajax_confirm {
    position: fixed !important;
    height: auto !important;
    width: 500px !important;
    border: 2px solid black !important;
    left: 0 !important;
    right: 0 !important;
    margin: 0 auto !important;
    top: 25% !important;
}

.sg-popup-heading {
    font-size: 22px !important;
    line-height: 26px !important;
    font-weight: 600 !important;
    padding: 10px 0 !important;
    margin: 0 8px 15px 8px !important;
}

#j2t_ajax_confirm #j2t_ajax_confirm_wrapper .j2tajax-checkout-img {
    float: none !important;
    text-align: center !important;
    border: none !important;
}

#j2t_ajax_confirm #j2t_ajax_confirm_wrapper .j2tajax-checkout-txt {
    text-align: center !important;
    margin-top: 10px !important;
}

#j2t_ajax_confirm #j2t_ajax_confirm_wrapper .j2t-cart-bts {
    margin-top: 30px !important;
}

#j2t_ajax_confirm #j2t_ajax_confirm_wrapper #j2t-continue-link {
    background-color: #6a3436 !important;
    padding: 5px 0 !important;
    width: calc(50% - 20px) !important;
    font-size: 14px !important;
}

#j2t_ajax_confirm #j2t_ajax_confirm_wrapper #j2t-continue-link:hover {
    background-color: #ff3d45 !important;
}

#j2t_ajax_confirm #j2t_ajax_confirm_wrapper #j2t-continue-link span {
    background: none !important;
    padding: 4px 0 4px 0 !important;
}

#j2t_ajax_confirm #j2t_ajax_confirm_wrapper #j2t-checkout-link {
    background: none !important;
    background-color: #2d7014 !important;
    padding: 5px 0 !important;
    width: calc(50% - 20px) !important;
    font-size: 14px !important;
}

#j2t_ajax_confirm #j2t_ajax_confirm_wrapper #j2t-checkout-link:hover {
    background-color: #5dba00 !important;
}

#j2t_ajax_confirm #j2t_ajax_confirm_wrapper #j2t-checkout-link span {
    background: none !important;
    padding: 4px 0 4px 0 !important;
}

@media screen and (max-width: 500px) {
    #j2t_ajax_confirm {
        width: 280px !important;
    }

    #j2t_ajax_confirm #j2t_ajax_confirm_wrapper #j2t-checkout-link {
        font-size: 11px !important;
    }

    #j2t_ajax_confirm #j2t_ajax_confirm_wrapper #j2t-continue-link {
        font-size: 11px !important;
    }

}

/* END 12 mån A/B-tester-7- Popup */

/*START Grid for home page*/
.cms-index-index .category-products .p-topbg {
    width: 100% !important;
}

.cms-index-index .minimal-price .price-label {

    color: #5b5b5b !important;
}
@media (min-width: 768px) {
    #top .grid-full {
        width: 100% !important;
    }
}
.cms-index-index .category-products .p-topbg {
    width: 100% !important;
}

.cms-index-index .category-products .products-grid .price-bottombg {
    background: none !important;
}

.cms-index-index .category-products .products-grid .price-box {

    background: none !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
    max-width: 200px !important;
    margin: auto !important;
}

.cms-index-index .price-box .price {
    color: green !important;
}

.cms-index-index .minimal-price .price-label, .cms-index-index .price-box .price {

    color: green !important;
    font-size: 14px !important;

}

.cms-index-index .p-bottombg {
    background: none !important;
}

.cms-index-index .category-products .p-midbg {
    background: none !important;
}

.cms-index-index .overlay-show {

    position: absolute !important;
    bottom: 0 !important;
    width: 87% !important;
}

.cms-index-index li.item {

    position: relative !important;
    padding-bottom: 52px !important;
    padding-left: 0% !important;
    padding-right: 0% !important;
    margin-left: 0% !important;
    margin-right: 0% !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
}

.cms-index-index .ratings-wrapper {

    position: absolute !important;
    bottom: 56px !important;
    transition: all 0.3s ease !important;
    width: 100% !important;

}

.cms-index-index .products-grid .availability {

    margin-bottom: 2px !important;
    font-style: italic !important;
    color: #dea336 !important;

}

.cms-index-index #mp {

    border: none !important;
    border-top: 1px solid #e6e6e6 !important;

}

.cms-index-index .category-products-grid.hover-effect .item:hover {
    margin-left: 0% !important;
    margin-right: 0% !important;
    padding-left: 0% !important;
    padding-right: 0% !important;
    transition: opacity 0.3s ease !important;
    box-shadow: none !important;

}

.cms-index-index .category-products-grid.hover-effect .item:hover .product-image {

    opacity: 0.5 !important;
    transition: opacity 0.3s ease !important;

}

.cms-index-index .product_homepage {
    width: 100% !important;
}

.cms-index-index .itemgrid-4col .item {
    width: 25% !important;
    margin-top: 10px !important;
    cursor: pointer;
}

.cms-index-index .products-grid.size-s .product-name {

    width: 88% !important;
    margin: auto !important;
    margin-top: 5px !important;
    padding-left: 10px;
    padding-right: 10px;
}

.cms-index-index .products-grid {
    padding-top: 10px !important;
}

.cms-index-index .products-grid .product-image-wrapper {
    max-width: 80% !important;
}



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

    .cms-index-index .itemgrid-4col .item {
        width: 50% !important;
    }

    .cms-index-index .category-products-grid.equal-height .item .actions {

        padding-left: 0px !important;
        position: absolute !important;
        bottom: 4px !important;
        width: 100% !important;;
    }

    .cms-index-index .overlay-show {

        width: 100% !important;
        position: static !important;
    }

    .cms-index-index .container {
        max-width: 94% !important;
    }

    .cms-index-index .products-grid.size-s .product-name {

        margin-bottom: 6px !important;
        font-size: 13px !important;
        font-weight: bold !important;
        line-height: 1.2307em !important;
    }

    .cms-index-index .minimal-price .price-label, .cms-index-index .price-box .price {

        font-size: 13px !important;
        font-weight: normal !important;
        font-style: italic !important;
    }

    .cms-index-index .category-products-grid.hover-effect .item .display-onhover {
        display: none !important;
    }

}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .cms-index-index .ratings-wrapper {
        bottom: 62px !important
    }
}


/*END Grid for home page*/


/*Star tester-9- Sticky header*/

@media (min-width: 768px) {
    #nav .nav-panel--dropdown {
        border: 6px solid #216f05;
        border-radius: 7px;
        border-bottom: 15px solid #216f05;
        box-shadow: 2px 2px 2px 0 #333;
        display: none;
        padding: 5px 5px 15px;
    }
    .um-fortis .top-links .links > li > a {
        background:none;
    }

    #mini-cart.is-not-empty {

        background: #f90!important;
        background: -moz-linear-gradient(top,#f90 0%,#f60 100%)!important;
        background: -webkit-linear-gradient(top,#f90 0%,#f60 100%)!important;
        background: linear-gradient(to bottom,#f90 0%,#f60 100%)!important;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9900', endColorstr='#ff6600',GradientType=0 ) !important;
        color:white !important;
        border-radius:3px !important;
    }

    #mini-cart.is-not-empty .price {
        color:white !important;
    }

    #mini-cart.is-not-empty .price:hover {
        color:black !important;
    }

    .sg-active #nav {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .sg-active .nav-regular {
        background: #2e5a0c !important;
        box-shadow: 0px 0px 5px #333 !important;
    }

    #top .grid-full {
        width: 100% !important;
    }

    .sg-active #nav {
        border-radius:0px !important;
    }

    #top .sg-grid-full .opt-fx-fade-inout .opt-sb0 .show .nav-mobile .acco {
        display:none !important;
    }

    .sg-active .grid-full .opt-fx-fade-inout .opt-sb0 .show .nav-mobile .acco {
        display:block !important;
    }

    #top .fa-bars {
        display:none !important;
    }

    .sg-active #top .fa-bars {
        display:block !important;
    }

    .header-primary-container {
        top:-50px !important;
        transition: top 0.9s !important;
    }

    .sg-active .header-primary-container {
        background-color: black !important;
        top:0 !important;
        z-index:100000 !important;
        margin:0 auto !important;
        width:100% !important;
        padding-top:8px !important;
        position:fixed !important;
    }

    .sg-active .top-links {
        display:none !important;
    }

    .sg-active .logo {
        display:none !important;
    }

    .sg-active .dropdown-toggle .cover {
        background:#2d570b !important;
    }

    .sg-active #mini-cart .dropdown-toggle.cover > div {
        color: white !important;
    }

    .sg-active .subtotal {
        color:white !important;
    }

    .sg-active .main-container {
        margin-top:200px !important;
    }

    .header .user-menu {
        width: 780px !important;
    }

    /*
    header > .sg-top {
    	position: absolute !important;
    	left: 20px !important;
    }
    */

    .sg-active .sg-top a.sg-menu_icon i {
        color: #fff !important;
        font-size: 40px !important;
        padding-top: 5px !important;
        transition: .2s ease !important;
        display: inline-block !important;
    }

    .sg-top a.sg-menu_icon:hover i {
        color: #fff !important;
    }


    nav.sg-menu {
        width: 100%!important;
        max-height: 40px !important;
        position: absolute !important;
        left: 0px !important;
        z-index: -1 !important;
        height: 100px !important;
        top: -200px;
    }

    nav.sg-menu > a {
        display: block !important;
        padding: 5px !important;
        margin: 15px 0 0px 20px !important;
        color: #494949 !important;
        text-transform: uppercase !important;
    }


    .sg-menu_show  {
        top: 65px !important;
        left: 436px !important;
    }

    .sg-menu_show #nav.nav-mobile {

        display:block !important;
    }

}


@media (max-width:1366px) and (min-width:1024px) {

    .sg-menu_show {
        top: 65px !important;
        left: 165px !important;
    }
}


@media (max-width:1024px) {

    .sg-top a.sg-menu_icon i {
        margin-left: 20px !important;
    }

    .sg-menu_show {
        top: 64px !important;
        left: 0px !important;
    }
}

@media (max-width: 767px) {
    .user-menu > *, .user-menu .links, .dropdown {
        float: none !important;
        display: inline-block !important;
        vertical-align: middle;
    }

    .header .logo {
        margin-right: 16px !important;
    }

    #mini-cart.is-not-empty .price {

        color:white !important;
    }

    #mini-cart.is-not-empty .price:hover {
        color:black !important;
    }

    #mini-cart.is-not-empty {
        background: #f90!important;
        background: -moz-linear-gradient(top,#f90 0%,#f60 100%)!important;
        background: -webkit-linear-gradient(top,#f90 0%,#f60 100%)!important;
        background: linear-gradient(to bottom,#f90 0%,#f60 100%)!important;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9900', endColorstr='#ff6600',GradientType=0 ) !important;
        color:white !important;
        border-radius:3px !important;
    }

    .sg-active .is-not-empty .summary {
        color:white !important;
    }

    .sg-top {
        display:none !important;
    }

    .header .user-menu {
        width: 100% !important;
        text-align: center;
    }

    .sg-active #top .top-links {
        display: none !important;
    }

    #top {
        transition: top 1s !important;
        top: -60px !important;
    }

    .sg-active #top {
        position: fixed !important;
        height: 60px !important;
        z-index: 999 !important;
        width: 100% !important;
        top: 0 !important;
        background-color: black !important;
    }

    .sg-active .main-container {
        margin-top: 60px !important;
    }

    #nav {
        width: 108% !important;
        margin-left: -10px !important;
        display: block;
        margin-bottom: -45px !important;
    }

    #nav.show {
        overflow: auto !important;
    }

    .sg-active #nav {
        margin-top: 44px !important;
        width: 101% !important;
        border-radius: 0 !important;
        margin-left: 0 !important;
    }

    .sg-active .logo {
        display:none !important;
    }

    .sg-active .dropdown-toggle .cover {
        background: #2d570b !important;
    }

    .sg-active #search_mini_form {
        background: #025417 !important;
        margin-top: 11px !important;
        width: 105% !important;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
        margin-left: -12px !important;
    }

    .mobnav-trigger .trigger-icon .line {
        background-color: #fff !important;
    }

    .mobnav-trigger:hover .trigger-icon .line {
        background-color: #fff !important;
    }

}
@media only screen and (max-width: 767px) and (min-width: 640px) {
    #nav{margin-left: -20px!important;}

    .cms-index-index .itemgrid-4col .item {
        width: 33% !important;
        margin-top: 10px !important;
    }

}

@media (max-width: 479px) {
    .search-wrapper-small .form-search .button span {
        height: 36px !important;
        line-height: 36px !important;
        font-size: 13px !important;
    }
    .search-wrapper-small .form-search .button {
        padding: 0 !important;
        right: 15px !important;
        top: 0 !important;
    }
}

/* CRO Header/Menu Changes LGB-267 */
@media screen and (min-width:960px) {
    #nav > .nav-item--only-subcategories > ul a {
        font-size:14px !important;
        line-height: 1.6666em;
    }

    #nav > .nav-item--only-subcategories > ul.level0{
        display:none !important;
    }

    #nav > .nav-item--only-subcategories.sg-show-menu ul.level0 {
        display:block !important;
    }

    #nav > .nav-item--only-subcategories:hover > a {
        background: none !important;
        color: #caedbe !important;
    }

    #nav .nav-item.level0 > ul.level0 {
        padding:0 !important;
        min-height:450px;
        min-width:292px;
        max-height:90vh;
        padding-bottom:55px !important;
    }

    .nav-regular .nav-item.level0.active > a {
        background:none !important;
        color:white;
    }

    #nav .nav-item.level0.parent.active > a .caret {
        border-top-color: #ffffff;
        opacity: 0.3;
    }

    #nav .nav-item.level0 > ul.level0 > .level1:first-child {
        padding-top:5px !important;
    }

    #nav > .nav-item.level0:nth-child(2) > ul.level0 > li:first-child > .nav-panel--dropdown {
        display:block !important;
    }

    #nav .nav-item.level1 {
        position:static;
        padding-left: 15px;
        padding-right: 15px;
    }

    #nav .nav-item.level1 > a > .caret {
        border-color: transparent transparent transparent #fff;
        opacity: 1;
        display: block !important;
    }

    #nav .nav-item.level1 > .nav-panel--dropdown {
        opacity:1 !important;
        left: 100% !important;

    }

    #nav .nav-item.level1 ul.level1.nav-panel--dropdown {
        top:0 !important;
        background: #bbd8bb;
        border: none;
        box-shadow: none;
        border-radius: 0;
        padding: 0 0 65px 0;
        min-height:450px;
        min-width:292px;
        max-height:90vh;
    }

    #nav .nav-item.level1 ul.level1.nav-panel--dropdown > .level2 {
        padding-left: 15px;
        padding-right: 15px;
    }

    #nav .nav-item.level1 ul.level1.nav-panel--dropdown > .level2:first-child {
        padding-top:5px !important;
    }

    #nav .nav-item.level1 ul.level1.nav-panel--dropdown > .level2 > a {
        color:black;
        transition: color 450ms ease-in-out, background-color 450ms ease-in-out;
    }

    #nav .nav-item.level1 ul.level1.nav-panel--dropdown > .level2 > a:hover {
        color: #5dba00;
    }

    #nav .nav-item.level1:first-child > div.nav-panel--dropdown {
        border:none !important;
        box-shadow:none !important;
        background:none !important;
    }

    #nav .nav-item.level1.sg-show-mega-menu > .nav-panel--dropdown {
        display: block;
    }

    #nav .nav-item.level1.sg-show-mega-menu:first-child > div.nav-panel--dropdown ul.level1 {
        display: block;
        left: 0;
    }

    .sg-top-bar-container {
        background-color: rgb(29, 28, 28);
    }

    #sg_uspContainer {
        width: 100%!important;
        max-width: 1034px !important;
        margin: 0 auto !important;
        text-align: left !important;
    }

    #sg_uspContainer .top-links .links li {
        line-height:normal !important;
    }

    #sg_uspContainer .top-links .links  li:first-child {
        display:inline-block !important;
    }

    #sg_uspContainer .top-links .links  li a {
        line-height:normal !important;
    }

    #sg_uspContainer .top-links #top-link-blog {
        display:none !important;
    }

    #nav > li:nth-child(6), #nav > li:nth-child(7), #nav > li:nth-child(8) {
        float:right !important;
    }

    #nav > li > .level0 {
        background: black;
        border: none;
        border-radius: 0;
        box-shadow: none;
    }

    #nav > li > .level0 > li > a {
        color:white;
    }


    #nav .sg-view-all {
        padding-left: 15px;
        padding-right: 15px;
        margin-top:10px;
    }

    #nav .sg-view-all a {
        padding-top:5px;
        color: black;
    }


    #nav ul.level1 > .sg-view-all {
        position: absolute;
        bottom: 10px;
        width: calc(100% - 20px);
        padding: 0;
        left: 10px;
    }

    #nav ul.level1 > .sg-view-all a {
        display: block !important;
        padding: 8px 10px !important;
        background: #544646;
        color: white !important;
        text-align: center !important;
    }
}

@media screen and (max-width: 959px) {
    #nav.nav-mobile ul.level0 .nav-item.current > a {
        background-color: #216f05;
        color: white;
    }

    #nav.nav-mobile ul.level0 .nav-item.current > .opener {
        background: url("https://www.lostgolfballs.com.au/skin/frontend/fortis/default/images/infortis/ultra-megamenu/opener-w.png") center center no-repeat;
    }

    #nav.nav-mobile ul.level0 .nav-item.current.item-active > .opener {
        background-image: url("https://www.lostgolfballs.com.au/skin/frontend/fortis/default/images/infortis/ultra-megamenu/opener-active-w.png");
    }

    .nav-regular .nav-item.level0.parent:hover > a, .nav-mobile .nav-item.level0.parent > a:hover {
        background-color: #216f05;
        color: white;
    }

    .nav-mobile li:hover > .opener {
        background: url("https://www.lostgolfballs.com.au/skin/frontend/fortis/default/images/infortis/ultra-megamenu/opener-w.png") center center no-repeat;
    }

    .nav-mobile li.item-active:hover > a:hover + .opener {
        background-image: url("https://www.lostgolfballs.com.au/skin/frontend/fortis/default/images/infortis/ultra-megamenu/opener-active-w.png")
    }

    #nav .sg-view-all {

    }

    #nav .sg-view-all a {
        display:block;
        padding:15px 0 15px 40px;
        color: white;
        font-size: 14px;
    }

    #search {
        z-index:1;
    }
}

@media screen and (max-width: 767px) {
    .nav.container .level1 .opener {
        display: block !important;
    }

    #top .top-links > .links {
        display:none !important;
    }

    #top {
        height:60px !important;
    }

    .sg-active #nav {
        margin-top: 0 !important;
    }

    #top .header-primary.header {
        padding-bottom:0 !important;
    }

    #top .user-menu {
        margin-top: 0 !important;
        height: 0 !important;
        line-height: normal !important;
    }

    .sg-active .nav-container {
        margin-top: 44px !important;
    }

    #nav > .sg-nav-items {
        float: left;
        clear: left;
        width:100%;
    }

    #nav > .sg-nav-items > a {
        font-size: 16px;
        text-transform: uppercase;
        color: white;
        padding: 15px 10px;
        display: block;
    }
}

@media screen and (max-width:500px) {
    .header .logo {
        width:auto;
    }
}
/* END CRO Header/Menu Changes LGB-267 */

/* CRO Mobile Header Changes LGB-271 */
.sg-delivery-icon, .sg-gift-icon, .sg-time-icon  {
    height: 20px !important;
}

@media screen and (max-width: 767px) {
    .cms-home .std > .main-banners {
        display:none !important;
    }

    #top > div > div > div.header-primary-container > div > div > div > div.logo-wrapper.grid12-4.v-grid > h1 > a > img {
        width:auto !important;
    }

    .sg-start-page-usp-container {
        background: white !important;
        padding-top: 10px !important;
    }

    .sg-start-page-usp-container > div {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex-flow: wrap !important;
    }

    .sg-start-page-usp {
        margin:2px 5px !important;
        font-weight:600 !important;
        display: flex;
        align-items: center;
    }

    .sg-start-page-usp i.fa-check {
        display:inline-block !important;
        margin-right:5px !important;
        margin-left:0 !important;
    }

    .sg-delivery-icon, .sg-gift-icon, .sg-time-icon  {
        width:25px !important;
        margin-right:3px !important;
    }

    /* fix for sticky hrader overflow */
    .container {
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
}
/* END CRO Mobile Header Changes LGB-271 */

@media screen and (max-width: 375px) {
    .sg-delivery-icon, .sg-gift-icon, .sg-time-icon {
        height: 16px !important;
    }

    .sg-start-page-usp {
        font-size: 11px;
    }
}