body * ul li.nav-item.hide {
    display: none !important;
}

a {
    color: #333;
}
/* Open Sans*/
.header-search a svg {
    color: #333;
}

.header-section.mobile .header-top .container .header-search .header-search-form a svg {
    color: #333 !important;
}
/*.header-social{
    display:none;
}*/
li a.nav-link,
li a.nav-link svg {
    color: #333;
}

    li a.nav-link.active {
        font-weight: 700;
    }

li a.nav-link {
    font-size: .9rem;
}

#main-menu #main_nav a.nav-link.exp {
    display: none !important;
}

.container, .container-fluid {
    padding-right: 0 !important;
    padding-left: 0 !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
}

#dtlst_prod.row-fluid .addtocart-button,
.addtocart-button,
#dtlst_prod.row-fluid .vipps-button,
.vipps-button {
    width: 100%;
    max-width: 400px;
    border-radius: 1rem;
    text-align: center !important;
}

.spn_antall {
    /*pt-5;*/
}

.vipps-button {
    background-color: #ff5b24;
    color: #ffffff;
    font-size: 1.1rem;
    text-align: center !important;
}

.container #dtlst_prod .vm2-nostock.nostockicon,
.container #dtlst_prod .vm2-lowstock.lowstockicon,
.container #dtlst_prod .vm2-normalstock.normalstockicon {
    background-position: 100px top;
    padding-left: 5px !important;
    display: inline-block;
}

.btncover {
    width: auto;
    height: auto;
    display: inline-block;
    padding: .2rem;
    border-radius: 2rem;
    background-color: #999999;
}

ul.nok,
ul.nokl {
    width: 100% !important;
    padding-left: 0rem;
    height: auto;
    display: inline-block;
}

.stick nav.navbar {
    width: 100% !important;
}

.border-info {
    --bs-border-opacity: 1;
    border-color: #b9b9b9 !important;
}

element.style {
}

.container.detaildescription,
.container.detaildescription .row .col-sm-3,
.container.detaildescription .row .col-sm-6,
.container.detaildescription .row .col-sm-9,
.container.detaildescription .row .col-sm-10,
.container.detaildescription .row .col-sm-12 {
    padding-left: 0 !important;
}

.header-top {
    position: relative;
}

a#myaca {
    text-align: right;
}

.header-bottom {
    background-color: #fff; /**/
}

#div_webinfo1 #div_webinfo h2 {
    font-size: 1.2rem !important;
}

/*.stick .header-bottom-wrapper {
    background-color: #000;
}*/

a#scrollUp svg {
    color: #fff;
}

.nav {
    --bs-nav-link-padding-x: 0.5rem;
    --bs-nav-link-padding-y: 0.5rem;
    --bs-nav-link-color: var(--bs-link-color);
    --bs-nav-link-hover-color: var(--bs-link-hover-color);
    --bs-nav-link-disabled-color: #6c757d;
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

@font-face {
    font-family: 'open_sansbold';
    src: url('../../userfiles/fonts/opensans/opensans_bolditalic_macroman/OpenSans-BoldItalic-webfont.eot');
    src: url('../../userfiles/fonts/opensans/opensans_bolditalic_macroman/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),url('../../userfiles/fonts/opensans/opensans_bolditalic_macroman/OpenSans-Bold-webfont.woff') format('woff'), url('OpenSans-Bold-webfont.ttf') format('truetype'), url('../../userfiles/fonts/opensans/opensans_bolditalic_macroman/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansregular';
    src: url('../../userfiles/fonts/opensans/opensans_Regular_macroman/OpenSans-Regular-webfont.eot');
    src: url('../../userfiles/fonts/opensans/opensans_Regular_macroman/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../../userfiles/fonts/opensans/opensans_Regular_macroman/OpenSans-Regular-webfont.woff') format('woff'), url('../../userfiles/fonts/opensans/opensans_Regular_macroman/OpenSans-Regular-webfont.ttf') format('truetype'), url('../../userfiles/fonts/opensans/opensans_Regular_macroman/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansitalic';
    src: url('../../userfiles/fonts/opensans/opensans_Italic_macroman/OpenSans-Italic-webfont.eot');
    src: url('../../userfiles/fonts/opensans/opensans_Italic_macroman/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'), url('../../userfiles/fonts/opensans/opensans_Italic_macroman/OpenSans-Italic-webfont.woff') format('woff'), url('../../userfiles/fonts/opensans/opensans_Regular_macroman/OpenSans-Italic-webfont.ttf') format('truetype'), url('../../userfiles/fonts/opensans/opensans_Regular_macroman/OpenSans-Italic-webfont.svg#open_sansitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

.container-fluid#tabbed_area .in {
    display: none !important;
}

.container-fluid#tabbed_area .row.in.show, .container-fluid#tabbed_area .row.show {
    display: inline-block !important;
}

.account-menu ul li a .col-sm-12 {
    min-width: 90px;
}

#promptadded {
    position: fixed;
    margin-left: auto;
    margin-right: auto;
    z-index: 10001;
    top: 10%;
    right: 20px;
}

    #promptadded .close {
        display: none;
    }

a.editz {
    position: absolute;
    left: 10px;
    top: 10px;
    width: 30px;
    height: 30px;
    display: inline-block;
    background: rgba(255,255,255,0.8);
    z-index: 99999;
    padding: 5px;
}

#locklayer {
    position: fixed;
    background: #fff;
    top: 200px;
    z-index: 9998;
}

    #locklayer h6 {
        font-size: 2rem;
    }

#menucats .panel-title > a:nth-child(2) {
    width: 16px;
    height: 16px;
    font-size: 1rem;
    display: block;
    float: right;
}

    #menucats .panel-title > a:nth-child(2) .badge {
        width: 16px;
        height: 16px;
        font-size: 1rem;
        display: block;
    }

#menucats i.bi {
    width: 16px;
    height: 16px;
    font-size: 1rem;
    display: block;
}
/* Lora*/
.floatdel {
    padding-left: 0;
    float: right;
    margin-top: 35px !important;
}

.strong {
    font-weight: 700 !important;
}

@font-face {
    font-family: 'lorabold';
    src: url('../../userfiles/fonts/Lora/lora-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.mobile-menu .mean-bar nav ul li h4 {
    font-size: 1rem !important;
}


@font-face {
    font-family: 'lorabold_italic';
    src: url('../../userfiles/fonts/Lora/lora-bolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}




@font-face {
    font-family: 'loraitalic';
    src: url('../../userfiles/fonts/Lora/lora-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.red {
    color: #ff0000;
    text-decoration: line-through;
}

.redborder {
    border-color: #ff0000;
    border: 1px solid #ff0000;
}


@font-face {
    font-family: 'loraregular';
    src: url('../../userfiles/fonts/Lora/lora-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


/* Font Awesome */

@font-face {
    font-family: 'fontawesome-webfont';
    src: url('../../userfiles/fonts/FontAwesome/fontawesome-webfont.woff') format('woff');
}

@font-face {
    font-family: 'darker_grotesqueregular';
    src: url('../../userfiles/fonts/darkergrotesque/darkergrotesque-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}



@font-face {
    font-family: 'darker_grotesquesemibold';
    src: url('../../userfiles/fonts/darkergrotesque/darkergrotesque-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}




@font-face {
    font-family: 'darker_grotesqueblack';
    src: url('../../userfiles/fonts/darkergrotesque/darkergrotesque-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}




@font-face {
    font-family: 'darker_grotesquebold';
    src: url('../../userfiles/fonts/darkergrotesque/darkergrotesque-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}




@font-face {
    font-family: 'darker_grotesqueextrabold';
    src: url('../../userfiles/fonts/darkergrotesque/darkergrotesque-extrabold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}




@font-face {
    font-family: 'darker_grotesquelight';
    src: url('../../userfiles/fonts/darkergrotesque/darkergrotesque-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


.centr {
    vertical-align: central;
    text-align: center
}

@font-face {
    font-family: 'darker_grotesquemedium';
    src: url('../../userfiles/fonts/darkergrotesque/darkergrotesque-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

html, body {
    /*font-size: 13px !important;*/
    font-family: open_sansregular,arial,darker_grotesqueregular,Tahoma !important;
    font-size: .9rem !important;
}

.mr-0 {
    margin-right: 0 !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.ml-0 {
    margin-left: 0 !important;
}

.mt-0 {
    margin-top: 0 !important;
}


body > .row,
body > form > .row {
    padding-left: 15px;
    padding-right: 15px;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
}

.row {
    width: 100%;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

*.hide {
    display: none !important;
}

*.navbar-collapse.collapse.show,
*.show, *.collapse.show {
    display: inline-block !important;
}

.row.heading {
    font-weight: 700 !important;
}

.left {
    float: left !important;
    text-align: left !important;
}

.right {
    float: right !important;
    text-align: right !important;
}



b, strong {
    font-weight: 700 !important;
}

.bolder, .stronger {
    font-weight: 900 !important;
}

.in {
    animation-duration: 1s;
}

a:hover {
    text-decoration: none !important;
}

header ul {
    list-style-type: none;
}

.left-sidebar h4 {
    font-size: 1.2rem; /* */
    font-weight: 700;
}

section {
    margin-top: 10px;
}



a {
    transition: 300ms;
    transition-duration: .4s;
    transition-property: all;
}

#dtlst_prod h1, #dtlst_prod h2, #dtlst_prod h3, #dtlst_prod h4, #dtlst_prod h5, #dtlst_prod h6 {
    line-height: 1.2em !important;
    font-size: 1.1rem !important;
    width: auto;
    height: auto;
    display: inline;
    font-weight: 700;
}

.left-sidebar #accordian .panel-collapse.in {
    width: 100%;
}

.left-sidebar #accordian .badge {
    padding: 5px;
}

.category-products .panel-default .panel-heading {
    border: 0 none;
    padding: 5px 0px 5px 10px;
}

.p_magnifier {
    width: 235px;
    height: 30px;
    display: inline-block;
    overflow: hidden;
    font-size: .9em;
    -moz-border-radius-bottomleft: 9px;
    -webkit-border-radius-bottomleft: 9px;
    border-bottom-left-radius: 9px;
    -moz-border-radius-bottomright: 9px;
    -webkit-border-radius-bottomright: 9px;
    border-bottom-right-radius: 9px;
    position: absolute;
    z-index: 10000001;
    right: .9%;
    top: -28px;
    cursor: pointer;
}

    .p_magnifier a {
        font-size: 60%;
        width: 18px;
        height: 18px;
        display: inline-block;
        text-align: center;
        overflow: hidden;
        padding: 5px;
        margin-left: 10px;
        margin-top: 2px;
        -moz-border-radius: 14px;
        -webkit-border-radius: 14px;
        border-radius: 14px;
        float: left;
    }

        .p_magnifier a:hover {
            width: 18px;
            height: 18px;
            display: inline-block;
            text-align: center;
            overflow: hidden;
            padding: 5px;
            margin-left: 10px;
            margin-top: 2px;
            -moz-border-radius: 14px;
            -webkit-border-radius: 14px;
            border-radius: 14px;
            float: left;
        }

    .p_magnifier.anim {
        -webkit-animation-name: animz; /* Chrome, Safari, Opera */
        -webkit-animation-duration: 4s; /* Chrome, Safari, Opera */
        -webkit-animation-iteration-count: 3; /* Chrome, Safari, Opera */
        animation-name: animz;
        animation-duration: 4s;
        animation-iteration-count: 3;
    }

.header-middle .row {
    padding-top: 5px;
}

#footer a {
    font-style: italic;
}

#footer .footer-top {
    min-height: 30px;
}

#footer .footer-bottom {
    height: 30px;
}

    #footer .footer-bottom .row {
        display: inherit !important; /**/
        width: 100%;
        height: 30px;
        text-align: right;
        float: right;
    }

.footer-bottom a {
    font-style: italic;
}
/*#footer, #footer .footer-top,#footer .footer-bottom {
   width:100%;height:auto; display: flex;
}
#footer .footer-bottom .row {
    display: inherit !important;
}

    #footer .footer-bottom .row p {
        padding: 0 10px;
    }
.footer-bottom {
    padding-top: 10px;
}*/
.pull-right {
    float: right !important;
    text-align: right;
}

.blog-post-area .single-blog-post {
    position: relative;
}

    .blog-post-area .single-blog-post.col-sm-12,
    .blog-post-area .single-blog-post .col-sm-12,
    .blog-post-area .single-blog-post .col-sm-12 .container-fluid,
    .blog-post-area .single-blog-post .col-sm-12 .container {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

.blog-section .container .single-blog-post > .col-sm-12 {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

#slider .row {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

#footer .border {
    border: 0 !important;
}


#editt {
    width: 100%;
    height: 100%;
    display: block;
    position: fixed !important;
    left: 0 !important;
    top: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    margin: 0 !important;
    z-index: 10007 !important;
}

/*header css*/
#header {
    /* position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1000;*/
}

    #header .header_top {
        height: 85px;
        line-height: 35px;
        padding-top: 10px;
        font-size: 13px;
    }
        /*    #header .header-middle {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1001;
    }*/

        #header .header_top .col-sm-6 {
            width: 50% !important;
            padding-top: 5px;
        }

            #header .header_top .col-sm-6:last-child {
                float: right !important;
                text-align: right;
            }

.social-icons ul.navbar-nav li {
    position: fixed;
    z-index: 10;
    top: 180px;
    right: 0;
    padding: 0 10px;
}

#mycartico {
    position: relative;
}

    #mycartico > .count {
        position: absolute;
        width: 25px;
        height: 25px;
        line-height: 18px;
        display: inline-block;
        /*padding: 0 5px;*/
        padding: 3px 3px;
        font-size: .77rem !important;
        border-radius: 100%;
        left: 50%;
        top: -10px;
        right: 50%;
    }

        #mycartico > .count .count {
            width: auto;
            height: 20px;
            line-height: 18px;
            display: inline-block;
            font-size: 9px;
        }

.contactinfo ul.nav li a {
    padding: 0 0 0 20px;
    font-size: 0;
    min-width: 20px;
    min-height: 20px;
    display: inline-block;
    text-align: center;
    /* padding: 5px 0 5px 20px;*/
}

    .contactinfo ul.nav li a i.fas {
        padding: 0 5px 0 0;
        font-size: 1.2rem;
    }

.header-middle .navbar-nav {
    flex-direction: inherit !important;
}

.header-middle .main-menu ul li a {
    padding: 5px 0 5px 15px;
    width: 100%;
    display: inline-block;
    font-weight: 700; /* */
}

.header-section .main-menu ul li a i {
    padding: 5px 10px 5px 10px;
    float: right;
}

.collapse {
    display: none !important;
}

li.dropdown {
    position: relative;
}

.main-menu ul li ul.sub-menu {
    width: 100%;
    min-width: 240px;
    display: inline-block; /**/
    position: absolute;
    z-index: 101;
    left: 30px;
    top: 22px;
    padding-left: 0;
}

    .main-menu ul li ul.sub-menu li > .sub-menu {
        left: 180px;
    }

        .main-menu ul li ul .sub-menu li > .sub-menu > li .sub-menu {
            left: -200px;
        }

.submenu {
    background-color: rgba(200,200,200,0.2);
}

.sub-menu li {
    float: none !important;
}

.search_box {
    position: relative;
}

    .search_box input {
        border: medium none;
        font-family: 'roboto';
        font-size: 12px;
        font-weight: 300;
        height: 35px;
        outline: medium none;
        padding-left: 10px;
        min-width: 155px;
        width: 100%;
        background-image: url(../../icons/searchicon.png);
        background-repeat: no-repeat;
        background-position: right;
        border: medium none;
    }

    .search_box .searchbtn {
        width: 35px;
        height: 35px;
        position: absolute;
        top: 0;
        right: 0;
        cursor: pointer;
    }
/*header css*/


a#scrollUp {
    bottom: 0px;
    right: 10px;
    padding: 5px 9px;
    border-radius: 100%;
    /* -webkit-animation: bounce 2s ease infinite;
    animation: bounce 2s ease infinite;*/
}

    a#scrollUp i {
        font-size: 30px;
    }



/* shop css*/
.view-as {
    float: left;
    margin: 0 !important;
    font-size: 14px;
    font-weight: 300;
    line-height: 18px;
    text-shadow: none !important;
    min-height: 18px;
    list-style: none;
}

    .view-as li {
        display: inline;
        text-align: center;
        margin-left: -2px;
    }

        .view-as li a {
            -moz-transition-duration: .4s;
            -webkit-transition-duration: .4s;
            -o-transition-duration: .4s;
            -ms-transition-duration: .4s;
            transition-duration: .4s;
            -webkit-transition-property: all;
            -ms-transition-property: all;
            -o-transition-property: all;
            -moz-transition-property: all;
            transition-property: all;
            padding: 8px 9px 8px 13px;
            display: inline-block;
        }

.browse-view .spacer .action-handler .paddingtop8 {
    margin: 0 !important;
    position: absolute;
    top: -1px;
    right: 10px;
}

/*.addtocart-bar span.quantity-controls.js-recalculate .quantity-plus:before {
    content: "\f077";
    font-family: fontawesome
}
.addtocart-bar span.quantity-controls.js-recalculate .quantity-minus::before {
    content: "\f078";
    font-family: fontawesome;
}*/

.view-as li.grid a {
    -webkit-border-radius: 2px 0 0 2px;
    -moz-border-radius: 2px 0 0 2px;
    border-radius: 2px 0 0 2px;
}

.action-handler .custom-fields-panel {
    display: none;
}

.prd_small_txt {
    font-size: .7rem;
    line-height: 1.4rem;
    padding: .2rem 0;
}

select.prd_small_txt {
    font-size: 1rem;
}

.action-handler .price {
    font-weight: 700;
    font-size: 1.2rem;
    line-height: 1.4rem;
}

.spacer .addtocart-bar-handler {
    overflow: hidden;
    bottom: 20px;
    left: 20px;
    right: 20px;
    height: 38px;
    display: block;
}

    .spacer .addtocart-bar-handler .addtocart-bar {
        z-index: 9;
        width: 75%;
        height: 35px;
        display: block;
        position: relative;
        text-align: center;
        margin-left: 25%;
    }

.spacer span.quantity-box {
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
}

.addtocart-bar span.quantity-controls.js-recalculate, .spacer span.quantity-box {
    opacity: 1;
    /*transition: left 400ms;*/
}

span.quantity-box {
    height: 35px;
    width: 90px;
    display: block;
    -moz-transition-duration: .4s;
    -webkit-transition-duration: .4s;
    -o-transition-duration: .4s;
    -ms-transition-duration: .4s;
    transition-duration: .4s;
    -webkit-transition-property: all;
    -ms-transition-property: all;
    -o-transition-property: all;
    -moz-transition-property: all;
    transition-property: all;
}

.action-handler {
    text-align: left;
}

#dtlst_prod_sgrp .action-handler {
    text-align: left;
}

input.inputbox, textarea, .textarea, select.inputbox, input.validate-email, select.inputbox, .quantity-input, table.user-details input, #com-form-login-username input, select, #company_field, #title, #first_name_field, #middle_name_field, #last_name_field, #address_1_field, #address_2_field, #zip_field, #city_field, #virtuemart_country_id, #phone_1_field, #phone_2_field, #fax_field, #agreed_field, .contentpane #name, .contentpane #email, .contentpane #counter, .contact-input-box input, .form-validate input, .login-fields #username, .login-fields #password, .coupon, input.vm-default, .row .col-sm-4 input[type="text"], .row .col-sm-4 input[type="password"], .row .col-sm-4 select, .row .col-sm-4 textarea, .row .col-sm-6 input[type="text"], .row .col-sm-6 input[type="password"], .row .col-sm-6 select, .row .col-sm-6 textarea, .row .col-sm-9 input[type="text"], .row .col-sm-9 input[type="password"], .row .col-sm-9 select, .row .col-sm-9 textarea {
    width: 100%;
    margin: 2px 0;
    margin-bottom: 2px;
    padding: 5px 8px !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    vertical-align: middle;
    font-weight: 400;
    font-size: 1rem;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 1rem !important;
    border-width: 1px !important;
    height: 3rem;
}

.text-left {
    text-align: left !important;
}

.container .form .mb-3 {
    margin-bottom: 1rem !important;
}

.container .form .col-md-6 {
    padding-right: calc(var(--bs-gutter-x) * .5) !important;
    padding-left: calc(var(--bs-gutter-x) * .5) !important;
}

span.quantity-box input {
    border: none !important;
    border-top-width: medium;
    border-right-width: medium;
    border-bottom-width: medium;
    border-left-width: medium;
    padding: 0 !important;
    margin: 0 !important;
    font-weight: 400;
}

input.quantity-input {
    height: 30px;
    width: 100%;
    text-align: center;
    font-weight: 700;
    padding: 0;
    background: 0 0 !important;
}

.addtocart-bar span.quantity-controls.js-recalculate {
    position: absolute;
    top: 0;
    left: 90px;
    z-index: 3;
    height: 30px;
    width: 30px;
}

    .addtocart-bar span.quantity-controls.js-recalculate .quantity-plus {
        width: 22px;
        height: 14px;
        position: absolute;
        top: 1px;
        left: 4px;
        text-align: center;
        line-height: 14px;
        font-size: 14px;
        cursor: pointer;
    }

    .addtocart-bar span.quantity-controls.js-recalculate .quantity-minus {
        width: 22px;
        height: 14px;
        position: absolute;
        top: 13px;
        left: 4px;
        text-align: center;
        line-height: 14px;
        font-size: 14px;
        cursor: pointer;
    }

.addtocart-bar span.addtocart-button {
    position: absolute;
    top: 0;
    left: 120px;
    z-index: 9;
    /* transition: right 400ms;*/
}

    .addtocart-bar span.addtocart-button:hover {
        /* position: absolute;
    top: 0;
    left: 150px;*/
        /* z-index: 9;
    transition:right 400ms;*/
    }

.spacer .addtocart-bar span.addtocart-button .addtocart-button {
    line-height: 30px;
    margin: 0;
    padding: 3px 15px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
}
/*.addtocart-button:hover {
    animation: slideOutRight150 2s ease;

}*/
.pt-100 {
    margin-top: 10px;
}


.button,
button,
a.button,
.btn,
#com-form-login-remember input.default,
.camera_caption a.button,
a.product-details,
input.addtocart-button,
a.ask-a-question,
.highlight-button,
.vm-button-correct,
span.quantity-controls input.quantity-plus,
span.quantity-controls input.quantity-minus,
a.details {
    padding: 10px 15px;
    cursor: pointer;
    vertical-align: middle;
    font-weight: 700;
    text-decoration: none !important;
    line-height: 16px;
    border-style: solid !important;
    border-width: 0 !important;
    -moz-transition-duration: .4s;
    -webkit-transition-duration: .4s;
    -o-transition-duration: .4s;
    -ms-transition-duration: .4s;
    transition-duration: .4s;
    -webkit-transition-property: all !important;
    -ms-transition-property: all !important;
    -o-transition-property: all !important;
    -moz-transition-property: all !important;
    transition-property: all !important;
    -webkit-border-radius: .5rem !important;
    -moz-border-radius: .3rem !important;
    border-radius: .3rem !important;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: inline-block;
    text-align: center;
    margin: 5px;
    border-radius: 1rem !important;
}

.addtocart-bar span.quantity-controls.js-recalculate .quantity-plus {
    width: 22px;
    height: 14px;
    position: absolute;
    top: 1px;
    left: 4px;
    text-align: center;
    line-height: 14px;
    font-size: 14px;
    cursor: pointer
}

.addtocart-bar:hover span.addtocart-button {
    left: 120px
}

.addtocart-bar span.quantity-controls.js-recalculate,
.spacer span.quantity-box {
    /*  opacity: 0;
    transition: left 400ms*/
}

.addtocart-bar:hover span.quantity-controls.js-recalculate,
.spacer .addtocart-bar:hover span.quantity-box {
    opacity: 1
}

.spacer .addtocart-bar span.addtocart-button .addtocart-button {
    line-height: 30px;
    margin: 0;
    padding: 3px 15px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
}

.addtocart-bar span.quantity-controls.js-recalculate {
    position: absolute;
    top: 0;
    left: 90px;
    z-index: 3;
    height: 35px;
    width: 35px
}

    .addtocart-bar span.quantity-controls.js-recalculate .quantity-plus {
        width: 22px;
        height: 17px;
        position: absolute;
        top: 1px;
        left: 4px;
        text-align: center;
        line-height: 17px;
        font-size: 14px;
        cursor: pointer
    }



    .addtocart-bar span.quantity-controls.js-recalculate .quantity-minus {
        width: 22px;
        height: 17px;
        position: absolute;
        top: 17px;
        left: 4px;
        text-align: center;
        line-height: 17px;
        font-size: 14px;
        cursor: pointer
    }


.spacer-buy-area div.addtocart-bar {
    position: relative
}

    .spacer-buy-area div.addtocart-bar span.quantity-controls.js-recalculate {
        opacity: 1;
        left: 30px;
        top: 0
    }

    .spacer-buy-area div.addtocart-bar span.addtocart-button {
        right: auto;
        left: 60px;
        top: -5px;
        position: absolute
    }

    .spacer-buy-area div.addtocart-bar span.quantity-box {
        left: 0;
        right: auto;
        top: 0;
        position: absolute
    }

.slickslideshow .spacer .addtocart-bar span.addtocart-button .addtocart-button {
    font-size: 110%;
    padding: 5px 25px;
    font-weight: 300;
    text-transform: none
}

.slickslideshow .spacer span.quantity-box,
.slickslideshow .addtocart-bar span.quantity-controls.js-recalculate {
    top: 7px
}

.slickslideshow .action-handler-inner {
    position: relative
}

.slickslideshow .spacer .addtocart-bar-handler,
.slickslideshow .spacer .addtocart-bar-handler .addtocart-bar {
    height: 50px
}

.moduletable_products.quick .spacer .addtocart-bar {
    bottom: 0;
    right: 7px
}

.moduletable_products.tiles .spacer .addtocart-bar-handler {
    left: 20px;
    right: 20px
}

.spacer .addtocart-bar span.addtocart-button .addtocart-button {
    font-size: 11px
}

.addtocart-bar-handler {
    padding: 0 0;
}

#btntby .button {
    display: block;
    width: 100%;
    padding-right: 0;
    padding-left: 0;
    margin-left: 0px;
}
/* end of shop css*/

/* shopping cart*/

#UpdatePanel1 {
    width: 100%;
}

/* end of shopping cart*/





.left {
    text-align: left !important;
}



/* old style css for menu*/
ul .nav li {
    position: relative;
    width: 100% !important;
}

li.nav-item ul > li {
    width: 100% !important;
    padding-left: 5%;
}

li.nav-item ul > li {
    padding: .2rem 0 .2rem 1rem !important;
}

ul .nav li ul.sub_menu.collapse {
    display: none;
    position: absolute;
    z-index: 101;
    left: 50px;
    top: 50px;
}

    ul.nav li ul.sub_menu.collapse.in,
    ul.nav li ul.sub_menu.in
    .collapse.in,
    .in {
        display: inline-block !important;
    }
/* end of old css for menu*/
/*.container .row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  
}*/

.container {
    width: 100% !important;
    height: auto;
    display: inline-block;
}

.header-middle .container {
    /* width: 100% !important;
    max-width: 100% !important;*/
    height: 125px;
    margin-left: auto;
    margin-right: auto;
}

    .header-middle .container > .row {
        /*width: 100% !important;*/
        height: 120px;
    }


/*.col-12 {
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}*/
.header-middle .main-menu ul li {
    position: relative;
    padding-right: 20px;
    font-size: 1rem;
}

.sub-menu {
    list-style-image: none;
    list-style-type: none;
    margin: 5px 10px;
}

    .sub-menu li {
        width: 100% !important;
        height: auto;
        display: inline-block;
    }

        .sub-menu li a {
            padding: 3px 5px;
            line-height: 1.5rem;
            text-align: left;
            float: left;
        }

.header-section .main-menu ul li .fas {
    padding: 5px 0 5px 15px;
    width: 30px;
    height: 20px;
    display: block;
    text-align: center;
    line-height: 15px;
    cursor: pointer;
    z-index: 101;
    top: 0; /*5px;*/
    position: absolute;
    right: 0;
}

.account-menu .col-sm-12,
.account-menu .col-lg-12 {
    width: 100%;
    min-width: 30px !important;
    max-width: 70px !important;
}

.container .col-sm-12,
.container .col-lg-12 {
    width: 100%;
    min-width: 320px;
}

    .container .col-lg-12 .col-sm-3 {
        width: 25% !important;
        float: left;
        padding-right: 0px;
    }

    .container .col-lg-12 .col-sm-9 {
        width: 75% !important;
        padding-left: 0px;
        float: right;
    }

    .container .col-sm-12 .col-sm-3 {
        width: 25% !important;
        float: left;
        padding-right: 0px;
    }

    .container .col-sm-12 .col-sm-9 {
        width: 75% !important;
        padding-right: 5px !important;
        padding-left: 10px !important;
        float: right;
    }


#a_img_forgot_psw,
.login-form .form input,
.signup-form .form input,
.button {
    width: 95%;
}


    .button.light,
    .button.light.white,
    .button.light.black {
        border-width: 1px !important;
        border-style: solid !important;
        padding: 9px 21px !important
    }

    .button.border {
        border-width: 2px !important;
        border-style: solid !important;
        padding: 9px 21px !important;
    }

    .button.light.black {
    }

.button-arrow {
    position: relative
}

    .button-arrow:after {
        -moz-transition-duration: .4s;
        -webkit-transition-duration: .4s;
        -o-transition-duration: .4s;
        -ms-transition-duration: .4s;
        transition-duration: .4s;
        -webkit-transition-property: all !important;
        -ms-transition-property: all !important;
        -o-transition-property: all !important;
        -moz-transition-property: all !important;
        transition-property: all !important;
        position: absolute;
        right: -10px;
        top: 0;
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 18px 0 18px 10px
    }

.col-sm-4 {
    float: left;
}

#slider .container {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    max-width: 100%;
}

.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
}

/*#cartitm {
    font-size: .7rem;
    
}*/
.floatingcart {
    float: right;
    top: 0;
    /* position:absolute;
    right:10px;
    top:150px;*/
    /* z-index:1001;*/
}

    .floatingcart.col-sm-4 {
        width: 30%;
        min-width: 320px;
        height: calc(100% - 245px);
        display: block;
        padding: 0 !important;
        margin: 0 !important;
        top: 206px;
        right: 0;
        position: fixed; /**/
        z-index: 100000;
        background-color: #fff;
    }

    .floatingcart .col-sm-4 {
        width: 33% !important;
    }

body .floatingcart.col-sm-4 > .col-sm-12 > .col-sm-12 > .col-sm-4 > a.button {
    min-height: 40px
}

.floatingcart .fas,
.floatingcart .fas:before {
    font-size: 22px;
    vertical-align: middle;
    left: -5px;
    position: relative;
}

.floatingcart img.floatprd {
    max-width: 70px !important;
    max-height: 70px !important;
}

#floatingcart img.floatprd {
    top: 10px; /**/
    position: relative;
    left: -10px;
}

.floatingcart a img.floatprd {
    max-width: 70px !important;
    max-height: 70px !important;
}

.floatingcartitems .imageboxmobhgt a {
    max-width: 70px !important;
    max-height: 70px !important;
}


    .floatingcartitems .imageboxmobhgt a img {
        max-width: 70px !important;
        max-height: 70px !important;
    }

.lukkcart {
    font-size: 1rem;
}

.floatingcart > .col-sm-12 {
    height: 100%;
    overflow: auto;
}

    .floatingcart > .col-sm-12 > .row:nth-child(2n+1) a {
        width: auto;
        height: auto;
        display: inline;
    }

.qtyfloat {
    width: 30%;
}

.floatingcart > .col-sm-12 .row {
    padding: 5px 5px;
    font-size: 1em;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.floatingcart .row {
    width: 100%;
    min-height: 50px;
    height: auto;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.floatingcart > .col-sm-12 > .row:last-child {
    margin-bottom: 5px;
}

h5 {
    font-size: 1.1rem !important;
    line-height: 45px;
}

[class*=" icofont-"], [class^="icofont-"] {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

.contactinfo ul.nav li a i,
.contactinfo ul.nav li a i:before,
.far.fa-user {
    font-size: 1.8rem !important;
}

    .contactinfo ul.nav li a i[class*=" icofont-"], .contactinfo ul.nav li a i[class^="icofont-"] {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .contactinfo ul.nav li a i.icofont-ui-cart:before {
        font-size: 2.4rem !important;
    }

.far, .floatingcart .fas.fa-meh, .floatingcart .fas.fa-meh:before {
    font-size: 3rem;
}

.login span.col-sm-12 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.cookietag {
    font-size: .9rem !important;
}

.contactinfo ul.nav li a span {
    font-size: .9rem !important;
}

#bodydata {
    width: 100% !important;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.slim {
    width: 66.6666667% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    /* padding:0 0 0 0 !important;*/
}

.trimmed {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 0 0 0 0 !important;
}

section#slider .container .row .col-sm-12 {
    padding-left: 0;
    padding-right: 0;
}

.contactinfo .nav li,
.contactinfo .nav li .col-sm-12 {
    width: 33% !important;
    max-width: 120px !important;
    min-width: 90px !important;
}

#breadcrumb-line {
    font-weight: 700;
    font-size: 1rem !important;
}

    #breadcrumb-line h1,
    #breadcrumb-line h2,
    #breadcrumb-line h3,
    #breadcrumb-line h5,
    #breadcrumb-line h4 {
        width: auto;
        display: inline;
        font-size: 1rem !important;
    }

.vippsbtn {
    max-height: 30px;
    margin: 5px 0;
}

.login-form input.button {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}

.header-middle > .container {
    /* margin-left: 0px;
    margin-right: 0px;*/
    padding-left: 15px !important;
    padding-right: 15px !important;
}

    .header-middle > .container > .row {
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

.header-middle .row .col-md-10 .col-sm-12:last-child {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.view-as li.list {
    /* display: none;*/
}

.header-middle .container > .row .col-md-10 > .row:last-child {
    margin-top: 35px; /**/
}

input[type="checkbox"], input[type="radio"] {
    margin-right: 10px;
}
/*#grid_products .col-lg-4 .productimagebox {
    width: 100%;
    min-width: 230px;
    height: 335px;*/
/*display: inline-block;*/
/*overflow: hidden;
    border-radius: 5px;
    margin-bottom: 20px;
    text-align: center;
}*/
#grid_products .col-lg-12 > .product > .productimagebox.row {
    width: 33.333333333% !important;
    min-width: 230px;
    height: 450px;
    /*display: inline-block;*/
    overflow: hidden;
    border-radius: 5px;
    margin-bottom: 20px;
    text-align: center;
    float: left;
}

#grid_products .col-lg-12 > .product > .row {
    width: 65.666666667%;
    padding-left: 1%;
    float: left;
}

.gridlist {
    padding-left: 15px;
    padding-right: 15px;
}

    .gridlist i.fas {
        padding-left: 5px;
        padding-right: 5px;
        font-size: 2rem;
        margin: 5px;
        cursor: pointer;
    }

#grid_products .col-sm-12 .productimagebox {
    position: relative;
    overflow: hidden;
    border-radius: 5px;
}

#grid_products .productimagebox a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    #grid_products .productimagebox a img {
        max-height: 100%;
        position: absolute; /**/
        bottom: 0;
    }

#grid_products .col-sm-4 .row a h1 {
    font-size: 1.4rem !important;
    font-weight: 700;
}

#grid_products .col-sm-4 .row {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

#grid_products .col-sm-12 .row {
    margin-left: 15px !important;
    margin-right: 15px !important;
}

    #grid_products .col-sm-12 .row .col-sm-6 {
        margin-left: 0px !important;
        margin-right: 0px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

.product .row .price label {
    padding-top: .7rem;
    font-weight: 600;
}

.product .row .price,
.product .row .buttondiv {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

#grid_group .groupitem {
    height: calc(170px + 5rem);
    margin-bottom: 2rem;
}

.mb-60 {
    margin-bottom: 60px;
}

#grid_group .productimagebox {
    width: 100%;
    height: 170px;
    display: inline-block;
}

    #grid_group .productimagebox a {
        width: 100%;
        height: 170px;
        display: inline-block;
    }

#grid_group h1,
#grid_products h1 {
    font-size: 1.2rem;
    width: 100%;
    height: 3.5rem;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: .5rem 0;
    text-align: center;
    font-weight: 700;
}

.productimagebox a img {
    margin-left: auto;
    margin-right: auto;
    max-height: 170px;
}

.display-number {
    display: inline-block !important;
}

div.span7 {
    display: none !important;
}

.orderby-displaynumber {
    display: none;
}

.product .row {
    margin-right: 0 !important;
    margin-left: 0 !important;
}
/*
#grid_products .col-sm-4,
#grid_products .col-sm-12
{
    min-width:230px;
    margin-left:auto;
    margin-right:auto;
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 10px !important;
    padding-left: 10px !important;
}
.col-sm-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    
}
.blog-post-area
{
    width:100%;
    height:auto;
    display:inline-block;
}
    .blog-post-area .col-md-12 {
        width: 100%;
        height: auto;
        display: inline-block;
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
.prodname
{

}*/
/*.header-middle .col-md-10 .row:first-child{
    width:
}*/


.header-top-wrapper {
    padding: 25px 0;
    border-bottom: 1px dashed #bababa;
}

.header-logo {
    text-align: center;
}

    .header-logo .logo {
        height: 100px;
        text-align: center;
        display: inline-block;
        margin-left: auto;
        margin-right: auto;
        position: relative;
    }

        .header-logo .logo img {
            max-width: 100%;
            max-height: 100%;
            /* position:absolute;
        bottom:0;*/
        }

/*-- Header Account Menu --*/
.account-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}


    .account-menu ul {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        right: 50px;
        position: absolute;
        /*  margin: auto 0 auto auto;*/
        list-style-type: none;
        padding: 0;
        /*  margin: 0 40px auto auto;*/
    }

        .account-menu ul > li {
            margin-left: 10px;
            position: relative;
        }


            .account-menu ul > li:first-child {
                margin-left: 0;
            }

            /*.account-menu ul > li > a {
    font-size: 11px;
    line-height:35px;
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
}*/

            .account-menu ul > li > a {
                /*font-size: 11px;*/
                line-height: 35px;
                font-weight: 700;
                /*text-transform: uppercase;*/
                position: relative;
                height: 35px !important;
                width: 100%;
                display: inline-block;
            }


                /*  .account-menu ul > li > a i {
        font-size: 28px;
        margin-right: 8px;
    }*/

                .account-menu ul > li > a#mylock i {
                    font-size: 25px;
                    margin-right: 8px;
                    margin-top: 0px;
                    padding-top: 10px;
                }

                .account-menu ul > li > a i.far.fa-user {
                    font-size: 28px;
                    margin-right: 8px;
                    margin-top: 0px;
                    padding-top: 15px;
                }

                .account-menu ul > li > a i {
                    font-size: 28px;
                    margin-right: 8px;
                    margin-top: 8px;
                }

                .account-menu ul > li > a span.num {
                    position: absolute;
                    top: -4px;
                    right: 0;
                    font-size: 10px;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    line-height: 6px;
                    padding: 5px !important;
                    border-radius: 100%;
                }

/* .account-menu ul > li > a span.num {
        position: absolute;
        top: -18px;
        right: 12px;
        font-size: 10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        line-height: 14px;
        padding: 2px 5px;
        border-radius: 100%;
    }*/


.header-bottom-wrapper .header-bottom-logo {
    display: none;
    padding: 19px 0;
    min-width: 120px;
    width: 16.666666667%;
    float: left;
}

.header-bottom.stick .header-bottom-wrapper .header-bottom-logo {
    display: block;
    padding: 19px 0;
    min-width: 120px;
    width: 16.666666667%;
}

    .header-bottom.stick .header-bottom-wrapper .header-bottom-logo .logo {
        width: 100%;
        height: 100%;
        max-height: 80px;
        display: inline-block;
    }

        .header-bottom.stick .header-bottom-wrapper .header-bottom-logo .logo img {
            max-width: 100%;
            width: auto;
            max-height: 80px;
            /*  min-height:80px;*/ /*commented from surabhi*/
            display: inline-block;
        }

.header-bottom-logo .logo {
    min-width: 80px;
    width: 100%;
    /* max-width:120px !important;*/
}

    .header-bottom-logo .logo img {
        width: 100%;
    }

.header-bottom .account-menu {
    /*width: auto;*/ /*commented from surabhi*/
    width: 25%; /*imported from surabhi*/
    height: auto;
    display: none;
    position: absolute;
    z-index: 999;
    padding-top: 0 !important;
    margin-top: 0;
    /*right: 60px;*/ /*commented from surabhi*/
    right: 0px; /*imported from surabhi*/
}

.header-bottom.stick .account-menu {
    display: flex;
}


nav.sidebar {
    width: 25%;
    max-width: 330px;
    display: inline-block !important;
}

    nav.sidebar .nav {
        width: 100%;
        max-width: 330px;
        display: inline-block !important;
    }

.navbar {
    padding: .5rem 1rem !important;
}

.navbar-expand-lg .navbar-nav {
    max-width: 1200px;
    float: left;
    margin-bottom: 15px;
}

li.nav-item {
    width: 100% !important;
    height: auto;
    display: inline-block !important;
    float: left;
    /*max-height:60px;
     max-width:220px;*/
}

.header-section li.nav-item {
    width: auto !important;
    height: auto;
    display: inline-block !important;
    float: left;
    /*max-height:60px;
     max-width:220px;*/
}

li.nav-item.wchild {
    min-height: 40.3px;
    height: auto !important;
    display: inline !important;
}

.dropdown-item {
    font-size: 1rem;
    font-weight: 700;
    padding: .5rem 1.5rem !important;
    width: auto !important;
    display: inline !important;
}

header-bottom.stick .header-bottom-wrapper .header-search {
    width: 120px;
}

.search-toggle {
    padding: 5px 0 15px 0;
    float: right;
    display: inline-block;
    background-color: transparent;
    border: none;
    cursor: pointer;
    line-height: 1.5rem;
}

    .search-toggle i {
        font-size: 20px;
        line-height: 30px;
    }


.header-search-form {
    /* position: absolute;
    z-index: -9999;
    top: 50%;
    right: 0;
    opacity: 0;*/
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    visibility: hidden;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

    .header-search-form.open {
        visibility: visible;
        opacity: 1;
        z-index: 999;
        right: 30px;
    }

.header-bottom.stick, .header-section.stick {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    z-index: 998;
    min-height: 100px; /*imported from surabhi*/
}

#floatingcart .offcanvas-body img {
    width: auto;
    max-width: 70px !important;
    max-height: 70px !important;
}

.fix .floatingcartitems > .row,
.floatingcartitems > .row {
    height: 200px !important;
    margin-bottom: 1rem !important;
}

    .floatingcartitems > .row > .col-sm-10 > .row > .col-sm-8 > .row > .col-sm-12 {
        margin-top: 1rem;
        padding-left: 0px !important;
    }

        .floatingcartitems > .row > .col-sm-10 > .row > .col-sm-8 > .row > .col-sm-12 > .row > a.floatminus {
            padding-left: 0px !important;
        }

    .fix .floatingcartitems .row,
    .fix .floatingcartitems > .row > .col-sm-4,
    .fix .floatingcartitems > .row > .col-sm-8,
    .fix .floatingcartitems > .row > .col-sm-6 {
        height: 90px;
        margin-bottom: 1rem;
    }

    .floatingcartitems > .row,
    .floatingcartitems > .row > .col-sm-4,
    .floatingcartitems > .row > .col-sm-8,
    .floatingcartitems > .row > .col-sm-6 {
        height: 120px;
        margin-bottom: 1rem;
    }

#floatingcart .button:hover {
    border: 0px !important;
}

/*.superleft .header-bottom.stick, .header-section.stick {
    width: calc(100% - 199px);
}*/

.header-search-form .form {
    position: relative;
    padding-right: 30px;
}

    .header-search-form .form input {
        height: 40px;
        line-height: 24px;
        padding: 7px 15px;
        width: 250px;
        -moz-border-radius: 9px;
        -webkit-border-radius: 9px;
        border-radius: 9px;
        border: 0px;
    }

    .header-search-form .form a {
        position: absolute;
        right: 0;
        /*  top: 0;*/ /*commented from surabhi*/
        top: 10px; /*imported from surabhi*/
        width: 40px;
        height: 40px;
        border: none;
        cursor: pointer;
    }

        .header-search-form .form a i {
            font-size: 20px;
            display: block;
            line-height: 40px;
        }

.main-menu > ul > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    float: left;
    margin-right: 5px;
    position: relative;
}

    .main-menu > ul > li:first-child {
        margin-left: 10px;
    }



.main-menu li i.fas {
    line-height: 2rem !important;
    cursor: pointer;
    z-index: 101;
    top: 5px;
    position: absolute;
    right: 0;
}

.header-bottom.stick .account-menu {
    display: flex;
    top: 28px !important;
}



header-bottom-wrapper .header-search {
    padding-bottom: 10px;
}

.mean-bar .meanmenu-reveal i {
    font-size: 36px !important;
    display: block;
    line-height: 30px;
    margin-top: -3px;
}
/****************************************************/
.mobile-menu {
    position: relative;
    width: 60px;
    height: 30px;
    float: left;
}

.mean-bar {
    min-height: auto;
    padding: 0;
}

.mean-bar {
    float: left;
    width: 100%;
    /*OLD min-width: 290px; */
    min-width: 220px;
    position: absolute;
    padding: 4px 0;
    /*  min-height: 42px;*/
    z-index: 9999;
}

    .mean-bar .meanmenu-reveal {
        /* top: -49px;*/
        padding: 0;
        height: 30px;
        overflow: hidden;
    }

a.meanmenu-reveal {
    width: 22px;
    height: 22px;
    padding: 13px 13px 11px;
    position: relative;
    /*top: 0;
    right: 0;*/
    cursor: pointer;
    line-height: 22px;
    font-size: 1px;
}

.mean-nav ul li a, a.meanmenu-reveal {
    display: block;
    text-decoration: none;
}

.mean-bar .mean-nav {
    margin-top: 0 !important;
    max-height: 400px;
    overflow-y: auto;
}

.header-search-form.open {
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    border-radius: 9px;
}

#footer .container, #footer .container-sm {
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin: 0% !important;
}

    #footer .container .row, #footer .container .row .col {
        width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important; /**/
        margin-left: 0 !important;
        margin-right: 0 !important;
    }



.ucattype {
    font-size: 1rem;
    width: 100%;
}
/****************************************************/
ul.nok, ul.nok .panel, ul.nok .panel .panel-heading,
ul.nokl, ul.nokl .panel, ul.nokl .panel .panel-heading {
    width: 100%;
    height: auto;
    min-height: 10px;
}

    ul.nok .panel-title,
    ul.nokl .panel-title {
        width: 100% !important;
        height: auto;
    }

        ul.nok .panel-title > a:first-child,
        ul.nokl .panel-title > a:first-child {
            float: left;
            width: 90% !important;
        }

.mean-nav > ul > li > a:first-child {
    float: left;
    width: 90% !important;
}

.mean-nav ul li h4.panel-title a.itemc {
    float: left;
    width: 100% !important;
    max-width: 230px;
    padding: 1rem 0 !important;
    margin: 0;
    text-align: left;
    border-top: 0px solid #383838 !important;
    border-top: 0px solid rgba(255,255,255,.5) !important;
    text-transform: uppercase !important;
}

.mean-nav ul > li {
    padding: 0 .5rem !important;
}

.mean-nav ul li a {
    float: left;
    width: auto;
    padding: 1rem 0 !important;
    margin: 0 !important;
    text-align: left !important;
    border-top: 0px solid #383838;
    border-top: 0px solid rgba(255,255,255,.5);
    text-transform: uppercase;
}

#loginbox, #mailbox {
    width: 33%;
    min-width: 300px;
    position: fixed;
    z-index: 10000;
    top: 110px;
    /* background: rgba(255,255,255,0.4); */
    top: 0;
    left: 0;
}

.form-label-group input {
    height: auto;
    border-radius: 2rem;
    margin-bottom: 1rem;
}

.form-signin .btn {
    font-size: 80%;
    border-radius: 5rem !important;
    letter-spacing: .1rem;
    font-weight: bold;
    padding: 1rem;
    transition: all 0.2s;
}

.form-label-group > label {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    margin-bottom: 0;
    line-height: 2.5rem !important;
    color: #495057;
    border: 1px solid transparent;
    border-radius: .25rem;
    transition: all .1s ease-in-out;
    padding-right: 2rem;
    text-align: center;
}

.pageeditordiv {
    position: absolute;
    top: 2rem;
    /* right: -.5rem;*/
    z-index: 10002;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    padding: .3rem;
    font-size: 1.2rem;
    font-family: Lato-Black;
    background-color: #7d7d7d;
    color: #fff;
    width: 2rem;
    height: 2rem;
    line-height: 1.2rem;
    text-align: center;
}

.closelogin {
    position: absolute;
    top: 2rem;
    /* right: -.5rem;*/
    z-index: 10001;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    padding: .3rem;
    font-size: 1.2rem;
    font-family: Lato-Black;
    background-color: #7d7d7d;
    color: #fff;
    width: 2rem;
    height: 2rem;
    line-height: 1.2rem;
    text-align: center;
}

* .row-full {
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    height: auto;
    left: 50%;
}

a.mean-expand {
    width: 22px !important;
    height: 22px;
    display: block;
    float: right !important;
}

ul a.mean-expand {
    margin-top: 1px;
    width: 26px;
    height: 22px;
    padding: 12px !important;
    text-align: center;
    position: absolute;
    right: 15px;
    top: 0;
    z-index: 2;
    font-size: 1.2rem;
    font-weight: 700;
    background: rgba(255,255,255,0) !important;
    border: 0 !important;
    border-left: 0px solid rgba(255,255,255,.4) !important;
    border-bottom: 0px solid rgba(255,255,255,.2) !important;
}

.div_reg_msg_registration_popup {
    position: fixed;
    z-index: 100;
    bottom: 40%;
    background-color: #e60;
    color: #fff;
    border: 1px solid !important;
    padding: 5px;
}

.div_reg_cancel_btn {
    float: right;
}

#seladv {
    line-height: 20px;
    font-size: 14px;
    text-align: left;
}

.header-search-form.open {
    /*margin-top: 9px;*/
    background-color: #fff;
    box-shadow: 2px 0px 7px #e1e1e1;
}

.header-section .header-bottom.stick .header-search-form.open a .ion-ios-search-strong {
    color: #000 !important;
}

.header-search-form #searchform.form {
    width: 300px !important;
    color: #7d7d7d;
    border-bottom: 1px solid #e1e1e1 !important;
}

#seladv input[type="checkbox"] {
    width: 15px;
    height: 15px;
    display: inline-block;
    margin: 5px;
    margin-left: 20px;
}

.mb-10 {
    margin-bottom: 10px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mb-40 {
    margin-bottom: 40px;
}

.mb-50 {
    margin-bottom: 50px;
}

.mt-10 {
    margin-top: 10px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-30 {
    margin-top: 30px;
}

.mt-40 {
    margin-top: 40px;
}

.mt-50 {
    margin-top: 50px;
}

.ml-10 {
    margin-left: 10px;
}

.ml-20 {
    margin-left: 20px;
}

.ml-30 {
    margin-left: 30px;
}

.ml-40 {
    margin-left: 40px;
}

.ml-50 {
    margin-left: 50px;
}

.mr-10 {
    margin-right: 10px;
}

.mr-20 {
    margin-right: 20px;
}

.mr-30 {
    margin-right: 30px;
}

.mr-40 {
    margin-right: 40px;
}

.mr-50 {
    margin-right: 50px;
}

.p-5 {
    padding: 5px;
}

.p-10 {
    padding: 5px;
}

.p-15 {
    padding: 5px;
}

.p-20 {
    padding: 5px;
}

.p-25 {
    padding: 5px;
}

.bac-w {
    background: #fff;
}

.shad {
    box-shadow: 0 2px 6px 0 rgba(150,150,150, 0.2), 0 2px 6px 0 rgba(150,150,150, 0.2);
}

.border {
    border: 1px solid #999999 !important;
}

.rad-5 {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.rad-10 {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.rad-15 {
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
}

.paymentsection .row {
    margin-bottom: 10px;
}

    .paymentsection .row .card {
        padding: 10px;
    }

    .paymentsection .row #adrsec, .paymentsection .row #adrsec .card {
        min-height: 605px;
    }

.bg-dark {
    color: #fff;
}

.termsbtn {
    margin-left: 10%;
}


.footer-bottom p {
    padding-top: 0.5%;
}

#breadcrumb-line {
    padding: 22px;
}

@media screen and (min-width:1281px) {
    .account-menu > ul.myacz > li > a.logout {
        font-size: 0px !important;
    }

    .features_items > .browse-view > #dtlst_prod,
    .features_items > .browse-view > #dtlst_prod_sgrp,
    .features_items > .browse-view > #dtlst_prod_s2grp,
    .features_items > .browse-view > #dtlst_prod_s3grp {
        margin-top: 0.5rem !important;
    }

    .footer-top > .container.mobile {
        display: none !important;
    }

    .header-search-form.open {
        margin-top: 20px;
    }

    .search-toggle > .bi-x-circle-fill {
        margin-right: -25px;
        margin-top: 5px;
    }

    .wishlisttogglebutton {
        top: 35px !important;
        right: 10px !important;
        z-index: 1000 !important;
    }

    #breadcrumb-line {
        height: 70px;
    }

    .header-search {
        float: right;
        right: calc(33% - 250px) !important;
        top: 28px;
        position: absolute;
        z-index: 1000;
        max-width: 300px !important;
    }


    .offcanvas-body > .row.ttl > .col-sm-12 > .col-sm-4 > a.button {
        height: 40px !important;
    }

    .offcanvas-body > .row.ttl > .col-sm-12 > .row > .col-sm-8,
    .offcanvas-body > .row.ttl > .col-sm-12 > .row > .col-sm-4 {
        margin-top: 2rem !important;
    }

    .floatingcartitems {
        /* height:calc(100% - 300px);*/
        overflow: auto;
        position: relative; /* needed for footer positioning*/
        height: calc(100vh - 210px) !important; /* real browsers */
        /* min-height: 100%;*/ /* real browsers */
    }

    .fix .floatingcartitems {
        /* height:calc(100% - 300px);*/
        overflow: auto;
        position: relative; /* needed for footer positioning*/
        height: calc(100vh - 200px) !important; /* real browsers */
        /* min-height: 100%;*/ /* real browsers */
    }

    .f-60 {
        font-size: 60px !important;
    }

    .f-59 {
        font-size: 59px !important;
    }

    .f-58 {
        font-size: 58px !important;
    }

    .f-57 {
        font-size: 57px !important;
    }

    .f-56 {
        font-size: 56px !important;
    }

    .f-55 {
        font-size: 55px !important;
    }

    .f-54 {
        font-size: 54px !important;
    }

    .f-53 {
        font-size: 53px !important;
    }

    .f-52 {
        font-size: 52px !important;
    }

    .f-51 {
        font-size: 51px !important;
    }

    .f-50 {
        font-size: 50px !important;
    }

    .f-49 {
        font-size: 49px !important;
    }

    .f-48 {
        font-size: 48px !important;
    }

    .f-47 {
        font-size: 47px !important;
    }

    .f-46 {
        font-size: 46px !important;
    }

    .f-45 {
        font-size: 45px !important;
    }

    .f-44 {
        font-size: 44px !important;
    }

    .f-43 {
        font-size: 43px !important;
    }

    .f-42 {
        font-size: 42px !important;
    }

    .f-41 {
        font-size: 41px !important;
    }

    .f-40 {
        font-size: 40px !important;
    }

    .f-39 {
        font-size: 39px !important;
    }

    .f-38 {
        font-size: 38px !important;
    }

    .f-37 {
        font-size: 37px !important;
    }

    .f-36 {
        font-size: 36px !important;
    }

    .f-35 {
        font-size: 35px !important;
    }

    .f-34 {
        font-size: 34px !important;
    }

    .f-33 {
        font-size: 33px !important;
    }

    .f-32 {
        font-size: 32px !important;
    }

    .f-31 {
        font-size: 31px !important;
    }

    .f-30 {
        font-size: 30px !important;
    }

    .f-29 {
        font-size: 29px !important;
    }

    .f-28 {
        font-size: 28px !important;
    }

    .f-27 {
        font-size: 27px !important;
    }

    .f-26 {
        font-size: 26px !important;
    }

    .f-25 {
        font-size: 25px !important;
    }

    .f-24 {
        font-size: 24px !important;
    }

    .f-23 {
        font-size: 23px !important;
    }

    .f-22 {
        font-size: 22px !important;
    }

    .f-21 {
        font-size: 21px !important;
    }

    .f-20 {
        font-size: 20px !important;
    }

    .f-19 {
        font-size: 19px !important;
    }

    .f-18 {
        font-size: 18px !important;
    }

    .f-17 {
        font-size: 17px !important;
    }

    .f-16 {
        font-size: 16px !important;
    }

    .f-15 {
        font-size: 15px !important;
    }

    .f-14 {
        font-size: 14px !important;
    }

    .f-13 {
        font-size: 13px !important;
    }

    .f-12 {
        font-size: 12px !important;
    }

    .f-11 {
        font-size: 11px !important;
    }

    .f-10 {
        font-size: 10px !important;
    }

    .f-9 {
        font-size: 9px !important;
    }

    .f-8 {
        font-size: 8px !important;
    }

    .f-7 {
        font-size: 7px !important;
    }

    li a.nav-link {
        width: 85% !important;
        height: 60px;
        display: inline-block;
        overflow: hidden;
        float: left;
        font-weight: 700;
    }

    .header-section li {
        position: relative;
    }

        .header-section li a.nav-link {
            width: 100% !important; /**/
            height: 40px;
            display: inline-block;
            overflow: hidden;
            float: left;
            padding: .5rem 1.5rem !important;
        }

        .header-section li ul.submenu {
            width: 100% !important; /**/
            min-width: 240px;
            height: auto;
            display: inline-block;
            position: absolute;
            z-index: 1000;
            left: 0;
            top: 50px;
            padding: .5rem .5rem !important;
            background-color: rgba(200,200,200,1) !important;
            /*overflow: hidden;
    float: left;
    padding: .5rem 1.5rem !important;*/
        }

            .header-section li ul.submenu li {
                width: 100% !important; /**/
                height: auto;
                display: inline-block;
            }

                .header-section li ul.submenu li a.nav-link {
                    width: 100% !important; /**/
                    height: auto;
                    display: inline-block;
                    overflow: hidden;
                    text-align: left;
                    float: left;
                    padding: .5rem !important;
                }

    .wishlistitem {
        top: 28px !important;
        position: relative;
        left: 10px;
    }

    #antallpan > .row,
    #antallpan > .row > .col-sm-3,
    #antallpan > .row > .col-sm-9,
    #btn_bay > .row,
    #btn_bay > .row > .col-sm-3,
    #btn_bay > .row > .col-sm-9,
    #btn_bay > .row > .col-sm-12 {
        padding-left: 0px;
        padding-right: 0px;
    }

    /*  #btn_bay > .row > .col-sm-9 > .addtocart-button,
        #btn_bay > .row > .col-sm-12 > .addtocart-button {
            width: 100% !important;
            margin: 0px !important;
        }*/
}

span.badge {
    padding: 0;
}

.header-section li a.nav-link.exp,
li a.nav-link.exp {
    width: 10% !important;
    min-width: 30px;
    float: right;
    overflow: auto !important;
}

li ul {
    list-style-type: none;
}


ul.dropdown-menu {
    --bs-dropdown-zindex: 1000;
    --bs-dropdown-min-width: 10rem;
    --bs-dropdown-padding-x: 0;
    --bs-dropdown-padding-y: 0.5rem;
    --bs-dropdown-spacer: 0.125rem;
    --bs-dropdown-font-size: 1rem;
    --bs-dropdown-color: #fff;
    --bs-dropdown-bg: #333;
    --bs-dropdown-border-color: var(--bs-border-color-translucent);
    --bs-dropdown-border-radius: 0.375rem;
    --bs-dropdown-border-width: 1px;
    --bs-dropdown-inner-border-radius: calc(0.375rem - 1px);
    --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
    --bs-dropdown-divider-margin-y: 0.5rem;
    --bs-dropdown-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    --bs-dropdown-link-color: #212529;
    --bs-dropdown-link-hover-color: #1e2125;
    --bs-dropdown-link-hover-bg: #e9ecef;
    --bs-dropdown-link-active-color: #fff;
    --bs-dropdown-link-active-bg: #0d6efd;
    --bs-dropdown-link-disabled-color: #adb5bd;
    --bs-dropdown-item-padding-x: 1rem;
    --bs-dropdown-item-padding-y: 0.25rem;
    --bs-dropdown-header-color: #6c757d;
    --bs-dropdown-header-padding-x: 1rem;
    --bs-dropdown-header-padding-y: 0.5rem;
    position: absolute;
    z-index: var(--bs-dropdown-zindex);
    display: none;
    min-width: var(--bs-dropdown-min-width);
    padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
    margin: 0;
    font-size: var(--bs-dropdown-font-size);
    color: var(--bs-dropdown-color);
    text-align: left;
    list-style: none;
    background-color: var(--bs-dropdown-bg);
    background-clip: padding-box;
    border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
    border-radius: var(--bs-dropdown-border-radius);
}

    ul.dropdown-menu li a.dropdown-item:hover {
        color: #333 !important;
    }

    ul.dropdown-menu li a.dropdown-item:focus, ul.dropdown-menu li a.dropdown-item:hover {
        color: #fff;
        background-color: #333;
    }

    ul.dropdown-menu li a.dropdown-item.active, ul.dropdown-menu li a.dropdown-item:active {
        color: #fff;
        background-color: #333;
    }

#main_nav ul li.nav-item {
    /* padding: 0 .3rem !important;
       */
    padding: .5rem .5rem !important;
}
/*#main_nav ul li a.nav-link {
    width:100% !important;
}*/
#main_nav ul li {
    width: auto;
    height: auto;
    display: inline-block;
}

.accordion-item {
    width: 100%;
    min-height: 50px;
    height: auto;
    display: inline-block;
}

    .accordion-item h2 {
        width: 100%;
        height: auto;
        display: inline-block;
        font-size: 1.2rem;
    }

        .accordion-item h2 .badge {
            --bs-badge-color: #333;
        }

#nav_accordion .accordion-item .submenu,
#nav_accordion .nav-item .submenu {
    width: 100%;
    height: auto;
    border: 0 !important;
}

    #nav_accordion .accordion-item .submenu.show,
    #nav_accordion .nav-item .submenu.show {
        width: 100%;
        height: auto;
        display: inline-block !important;
        float: right;
    }

#menucats h1 a, #menucats h2 a, #menucats h3 a, #menucats h4 a, #menucats h5 a, #menucats h6 a {
    display: inline;
    height: auto;
    font-size: 100%;
    text-decoration: none !important;
    /* text-transform: uppercase;*/
}

.accordion-item a.accordion-button {
    width: 85% !important;
    height: auto;
    display: inline-block !important;
    float: left;
}

.accordion-item a.exp {
    width: 10% !important;
    height: auto;
    display: inline-block !important;
    float: right;
}

.nok .exp,
.nokl .exp {
    color: #fff;
}

#dtlst_prod .col,
#dtlst_prod .col-sm-4,
#dtlst_prod_sgrp .col,
#dtlst_prod_s2grp .col,
#dtlst_prod_s3grp .col {
    width: 33% !important;
    margin: 0 0 15px 0;
    /* margin: 0 0 10px 1%;*/
}


#showmore {
    color: #fff !important;
    display: none;
}

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

.imageboxmobhgt {
    height: 90px !important;
}

@media screen and (min-width:1800px) {
    #dtlst_prod .col, #dtlst_prod .col-sm-4, #dtlst_prod_sgrp .col, #dtlst_prod_s2grp .col, #dtlst_prod_s3grp .col {
        width: 24% !important;
        margin: 0 0 30px 0;
    }
}

/**************************below 1280*/
.container,
.blog-section .container {
    max-width: 100% !important;
}

.header-section {
    width: 100%;
}

    .header-section.mobile {
        display: none !important;
    }

@media screen and (max-width: 1280px) {
    .footer-top > .container.desktop {
        display: none !important;
    }

    .navbar-collapse.show {
        margin-top: 0 !important;
    }

    #mobile_nav {
        position: fixed;
        top: 0;
        left: 0 !important;
        z-index: 100005;
    }

    body .menuarea .navbar-collapse.show > .row {
        top: 0px !important;
    }

    #mobile_nav .navbar-nav {
        margin-top: 50px;
    }

    body .menuarea .navbar-collapse > .row {
        position: absolute;
        z-index: 100004 !important;
        height: 54px;
        right: 0px;
    }

    .navbar-nav > .nav-item:nth-child(1) {
        margin-top: 50px;
    }

    .navbar-nav > .nav-item:last-child,
    .navbar-nav > .nav-item:last-child > .nav-item:last-child {
        margin-bottom: 50px;
    }

    .navbar-toggler {
        z-index: 100005 !important;
        position: relative;
    }

    #mylockmob, #myacamob {
        top: 60px !important;
        left: 10px !important;
        position: absolute;
    }

    #dtlst_prod > .col-sm-4 > .card > .card-footer > .row > .col-sm-6,
    #dtlst_prod > .col-sm-4 > .card > .card-footer,
    #dtlst_prod > .col-sm-4 > .card > .card-footer > .row > .col-sm-12 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .navbar-collapse > ul.navbar-nav > .nav-item > .dropdown-item {
        padding-left: 0px !important;
    }

    .floatingcartitems {
        /* height:calc(100% - 300px);*/
        overflow: auto;
        position: relative; /* needed for footer positioning*/
        height: calc(100vh - 210px) !important; /* real browsers */
        /* min-height: 100%;*/ /* real browsers */
    }

    .floatingcartmob.in {
        top: 0px !important;
        height: 100vh !important;
        padding-bottom: 30px;
    }

        .floatingcartmob.in .offcanvas-header {
            height: 70px !important;
        }

        .floatingcartmob.in .offcanvas-body {
        }

    #btn_bay > .row > .col-sm-12 > .addtocart-button {
        width: 100% !important;
        /*margin: 0px !important;*/
    }

    body .wishlistitem {
        /*  top: 35px !important;*/
        position: relative;
        left: 10px;
    }

    body #dtlst_prod .artnr {
        padding: 3% !important;
    }

    .lightbox {
        top: 200px !important;
    }

    .col-lg-9 {
        flex: 0 0 100%;
    }

    body .header-section > .header-top > #wishlistFloatermob {
        width: 40% !important;
        max-width: 40% !important;
    }

    #wishlistFloatermob .col-sm-12 {
        text-align: center;
        font-size: 14px;
    }

    .wishlistitem.row {
        padding: 5% !important;
    }

    .container, .row {
        padding: 0px !important;
        margin: 0px !important;
        margin-bottom: .5rem !important;
    }

    .wishlistitem.row .clearbtn {
        float: left;
        left: 10px;
        position: absolute;
    }

    #wishlistFloatermob .wishlistitem.row .clearbtn svg {
        color: #777777 !important;
    }

    .offcanvas-header .btn, .offcanvas-header .button, .offcanvas-body .button {
    }

    .offcanvas-body .floatingcartitems .col-sm-4 {
        width: 33.33333%;
    }

    .offcanvas-body > .row.py-5 > .col-sm-12 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

        .offcanvas-body > .row.py-5 > .col-sm-12 > .col-sm-4 {
            width: 50% !important;
            margin: 0px !important;
            padding: 0px !important;
        }

            .offcanvas-body > .row.py-5 > .col-sm-12 > .col-sm-4:nth-child(3) {
                padding-top: 3% !important;
                padding-right: 3% !important;
                text-align: right;
                float: right;
            }

    .offcanvas-body > .floatingcartitems .row {
        margin-top: 0.5rem !important;
        margin-bottom: 1rem !important;
    }

    .offcanvas-body > .floatingcartitems > .row .col-sm-1 {
        width: 10% !important;
    }

    .offcanvas-body > .floatingcartitems > .row > .col-sm-11 {
        width: 90% !important;
    }

        .offcanvas-body > .floatingcartitems > .row > .col-sm-11 > .row .col-sm-4 {
            width: 30% !important;
        }

            .offcanvas-body > .floatingcartitems > .row > .col-sm-11 > .row .col-sm-4 > img {
                max-width: 80px !important;
            }

        .offcanvas-body > .floatingcartitems > .row > .col-sm-11 > .row .col-sm-8 {
            width: 70% !important;
        }

        .offcanvas-body > .floatingcartitems > .row > .col-sm-11 > .row > .col-sm-8 > .row:nth-child(3) > .col-sm-8 > .row > .col-sm-2 {
            width: 20% !important;
        }

    .floatingcart.col-sm-4 > .col-sm-12 > .row {
        padding-top: 5% !important;
        padding-bottom: 5% !important;
    }

    #dtlst_prod .artnr {
        padding-top: 3% !important;
    }

    .navbar-collapse > ul > li.nav-item a,
    .navbar-collapse > ul > li.nav-item > ul li.nav-item a.nav-link,
    .navbar-collapse > li.nav-item > a.nav-link,
    .navbar-collapse > li.nav-item ul li.nav-item a.nav-link {
        max-width: 250px;
        height: 2.5rem;
        float: left;
        min-width: 85%;
        width: calc(100% - 45px);
    }

        .navbar-collapse > ul > li.nav-item > ul li.nav-item a.nav-link.exp,
        .navbar-collapse > li.nav-item > a.nav-link.exp,
        .navbar-collapse > li.nav-item ul li.nav-item a.nav-link.exp {
            min-width: 30px !important;
            width: 40px;
        }

    .navbar-collapse ul li.nav-item ul li.nav-item a.nav-link {
        min-height: 50px;
    }

    .navbar-collapse ul li.nav-item ul li.nav-item > ul > li.nav-item > ul > li.nav-item > a.nav-link {
        max-width: 150px !important;
        float: left;
        min-width: 80% !important;
    }

        .navbar-collapse ul li.nav-item ul li.nav-item > ul > li.nav-item > ul > li.nav-item > a.nav-link.exp {
            min-width: 30px !important;
        }

    .cookietag {
        max-width: 450px !important;
    }

        .cookietag > .col-sm-3.col-md-6.col-12 {
            width: 100% !important;
            border-radius: 10px;
        }

    .container.detaildescription,
    .container.detaildescription .row .col-sm-3,
    .container.detaildescription .row .col-sm-6,
    .container.detaildescription .row .col-sm-9,
    .container.detaildescription .row .col-sm-12 {
        padding-left: 0 !important;
        width: 49% !important;
        min-width: 120px !important;
    }

    .header-section.mobile {
        height: 140px !important;
        display: inline-block !important;
        position: fixed;
        z-index: 998;
        top: 0;
        left: 0;
    }

    #mycarticomob {
        width: 40px;
        height: 40px;
        position: fixed;
        z-index: 10002;
        right: 40px;
        top: 5px;
    }

    #mylockoutmob,
    .logoutmob {
        font-size: 9px;
        width: 40px;
        height: 40px;
        position: fixed;
        z-index: 10002;
        top: 10px;
        right: 0px !important;
    }

    #closemob {
        z-index: 10003;
        background-color: transparent !important;
        top: 15px !important;
        text-decoration: none !important;
        font-size: 25px;
        right: 5px !important;
    }

    .header-section > .header-top a.wishlisttogglebutton {
        top: 75px !important;
        right: 15px !important;
    }
    /*.offset-lg-4
    {
        margin-left:auto;
    }*/
    #mycarticomob span.num {
        position: absolute;
        top: -4px;
        right: 0;
        font-size: 10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        line-height: 14px;
        padding: 2px 5px;
        border-radius: 100%;
    }

    /* .pt-100:nth-child(1) {
        margin-top: 150px;
    } */

    .header-section.mobile .menuarea .container-fluid {
        height: auto;
        display: inline-block !important;
    }

    .navbar-toggler {
        float: left;
    }

    .header-section.mobile .navbar {
        padding: 0 !important;
    }

    .header-section.desktop {
        display: none !important;
    }

    .header-section.mobile .col-sm-3,
    .header-section.mobile .col-md-3 {
        width: 33%;
    }

    .header-section.mobile .col-md-6 {
        width: 50%;
    }

    .header-section.mobile .col-md-9 {
        width: 66%;
    }

    .header-section.mobile .header-top,
    .header-section.mobile .header-top .container {
        height: 120px;
    }

        .header-section.mobile .header-top .container > .row:nth-child(1) {
            height: 100px;
            margin-bottom: .5rem !important;
        }

        .header-section.mobile .header-top .container > .menuarea.bg-dark.row {
            padding: 0px !important;
        }

        .header-section.mobile .header-top .container a,
        .header-section.mobile .header-top .container svg {
            color: #fff !important;
        }

    .search-toggle > .bi-x-circle-fill {
        display: none;
    }

    .superstructureinit .account-menu ul li:nth-child(1) {
        position: relative;
        width: auto !important;
        height: auto;
        display: inline-block;
        float: left;
        text-align: right;
    }

    .superstructureinit .header-bottom-wrapper .header-search {
        right: 10px !important;
        top: 30px !important;
    }

    .header-section .col-12, .header-section .col-sm-6, .header-section .col-md-3 {
        width: 33%;
        display: inline-block !important;
    }

    .superleft .header-bottom.stick, .header-section.stick {
        width: 100%;
        height: 130px;
    }

    .navbar-collapse ul li.nav-item a,
    .navbar-collapse ul li.nav-item a.dropdown-item {
        color: #fff;
    }

    .superstructureinit .superleft {
        width: calc(100%) !important;
        border-right: 1px solid #e1e1e1;
        overflow-x: hidden;
        float: left;
    }

    nav.sidebar,
    nav.sidebar .nav {
        display: none !important;
    }

    #menucats {
        display: none;
    }

    .navbar-expand-lg .navbar-nav {
        max-width: auto !important; /**/
        width: 100% !important;
        display: inline-block;
        float: left;
        margin-bottom: 15px;
    }

    #main_nav ul li.nav-item {
        text-align: left;
    }

    #main_nav ul li.nav-item {
        width: 100% !important;
        padding: 0 0rem !important;
        min-height: 50px;
        display: inline-block;
        overflow: hidden;
    }

    .col-lg-9,
    .blog-section .container,
    #dtlst_prod,
    #dtlst_prod_sgrp,
    #dtlst_prod_s2grp,
    #dtlst_prod_s3grp {
        max-width: 100%;
        width: 100%;
        height: auto;
        display: inline-block;
    }

        #dtlst_prod .col,
        #dtlst_prod .col-sm-4,
        #dtlst_prod_sgrp .col,
        #dtlst_prod_s2grp .col,
        #dtlst_prod_s3grp .col {
            width: 33%;
            height: auto;
            display: inline-block;
            margin: 0 0 10px 10px;
        }

    #main_nav ul li.nav-item ul.nok,
    #main_nav ul li.nav-item ul.nokl {
        padding: .5rem 1.5rem !important;
        width: 100%;
        /* max-height: 300px;*/
        display: inline-block;
        float: left;
        overflow-y: auto;
        font-weight: inherit;
    }

    #myacamob.col-sm-6, .logout.col-sm-6 {
        width: 50% !important;
    }

    .header-section li.nav-item {
        width: 100% !important;
        height: auto;
        display: inline-block !important;
        float: left;
        /*max-height:60px;
     max-width:220px;*/
    }

    .action-handler {
        padding: 1rem !important;
    }

    #main_nav ul li.nav-item ul.nokl,
    #main_nav ul li.nav-item ul.nokl li,
    #main_nav ul li.nav-item ul.nokl li ul,
    #main_nav ul li.nav-item ul.nok,
    #main_nav ul li.nav-item ul.nok li,
    #main_nav ul li.nav-item ul.nok li ul {
        width: 100% !important;
        height: auto;
        display: inline-block;
        float: left;
    }

        #main_nav ul li.nav-item ul.nokl li a.dropdown-item,
        #main_nav ul li.nav-item ul.nok li a.dropdown-item {
            width: 85% !important;
            height: 60px;
            display: inline-block;
            overflow: hidden;
            float: left;
        }

        #main_nav ul li.nav-item ul.nokl li a.nav-link.exp,
        #main_nav ul li.nav-item ul.nokl li a.nav-link.exp svg,
        #main_nav ul li.nav-item ul.nok li a.nav-link.exp,
        #main_nav ul li.nav-item ul.nok li a.nav-link.exp svg {
            color: #fff !important;
        }

    .header-logo .logo {
        height: 60px !important;
    }

    .navbar-expand-lg .navbar-toggler {
        display: inline-block !important;
    }

    .navbar-expand-lg .navbar-collapse {
        display: none !important;
        position: absolute;
        z-index: 10000;
        top: 50px;
        left: 0;
        padding-top: 5px;
        background-color: #333;
    }

    *.navbar-collapse.collapsing,
    *.navbar-collapse.collapse.show {
        width: 100%;
        min-width: 320px;
        height: calc(100vh) !important; /*  - 250px*/
        display: inline-block !important;
        padding: 0 .5rem;
    }

    .header-section .container,
    .header-section .container .row,
    .header-section .container .row > * {
        max-width: 100% !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
        display: inline-block;
    }

    #mshopmnu {
        padding: 0 !important;
        width: calc(100vw) !important;
    }

        #mshopmnu li.nav-item {
            width: calc(100vw - 40px);
        }

    #main-wrapper .header-section .header-search {
        right: 30px !important;
        top: 28px !important;
        z-index: 100003;
        width: calc(100% - 90px);
        height: 50px;
        position: relative;
        max-width: 300px !important;
    }

    .header-search-form .form a {
        position: absolute;
        right: 12px;
        top: 10px; /*imported from surabhi*/
    }

    .mobile .collapsing {
        width: 100%;
        height: auto;
        display: inline-block;
    }

    html, body {
        height: 100%;
        /* margin-left: 0;
        margin-top: 0;
        padding-left: 0;
        padding-top: 0;*/
    }

    #main_nav {
        /* height:calc(100% - 150px);*/
    }

    .mobile .navbar-toggler.collapsed,
    .mobile .navbar-toggler {
        padding: 1%;
    }

    .blog-section:nth-child(3) {
        margin-top: 200px !important;
    }

    .navbar-toggler-icon {
        width: auto;
        height: auto;
    }

    ul.submenu {
        width: 100%;
    }


    .header-search .header-search-form #searchform.form,
    .header-search .header-search-form #searchformmob,
    .header-search .header-search-form #searchform.form input,
    .header-search .header-search-form #searchformmob.form input {
        padding-right: 40px;
    }

    #dtlst_prod .card-body > .row > .webinfo a img,
    #dtlst_prod .card-body > .row > .webinfo img {
        width: 100% !important;
        height: 100% !important;
        max-height: 70px;
        max-width: 70px;
        object-fit: contain !important;
    }

    #btn_bay #div_buy_btn.button {
        width: 100% !important;
        max-width: 100% !important;
    }
}

@media screen and (min-width:1281px) {
    #main_nav ul li.nav-item > .dropdown-content#fencycontainer {
        width: 80vw !important;
        left: 0;
        top: 30px !important;
    }

    body .header-section > .header-top > #wishlistFloater {
        width: 25% !important;
        max-width: 25% !important;
    }

    .wishlistitem.row .clearbtn {
        float: left;
        left: 10px;
        position: absolute;
        right: unset !important;
    }


    #wishlistFloater .wishlistitem.row .clearbtn a {
        color: #777777 !important;
    }

    #wishlistFloater .col-sm-10 {
        text-align: center !important;
        font-size: 14px;
    }

    .wishlistitem.row {
        padding: 5% !important;
        text-align: center !important;
    }


    .cookietag {
        max-width: 500px !important;
    }

        .cookietag > .col-sm-3.col-md-6.col-12 {
            width: 100% !important;
            border-radius: 10px;
        }

    .col-lg-9 {
        flex: 0 0 auto;
        width: calc(75% + (25% - 330px - 1rem));
        padding-top: .5rem;
    }

    .superstructureinit .floatfixcart .totalrow.col-sm-12 .col-sm-12 a.button {
        font-size: 1rem;
        font-weight: normal;
        padding: 10px 15px;
        margin: 0;
    }

        .superstructureinit .floatfixcart .totalrow.col-sm-12 .col-sm-12 a.button:hover {
            padding: 10px 15px;
        }

    .superstructureinit .floatfixcart .row.item img {
        width: 69px;
        margin-top: 10px;
    }
    /*.superstructureinit .floatfixcart .row .img {
    width: 89px;
    height: 100px;
    text-align:center;
}*/
    .superstructureinit .floatfixcart .row .img p {
        width: 69px;
        height: 110px;
        text-align: center;
    }

    .superstructureinit .floatfixcart .row .img {
        width: 89px;
        height: 110px;
        display: inline-block;
        background: #fff;
        box-shadow: rgba(0,0,0,.3) 0px 0px 10px;
    }

    .superstructureinit .floatfixcart .fixedh {
        width: 189px !important;
        height: calc(100% - 180px);
        overflow: hidden;
        overflow-y: auto;
        display: inline-block;
    }

    .superstructureinit .header-search {
        top: 135px;
        right: 45% !important;
    }

    .superstructureinit .stick .header-search {
        top: 100px;
        right: 30% !important;
    }

    .superstructureinit .account-menu ul {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        right: 220px;
        position: absolute;
        list-style-type: none;
        padding: 0;
        width: auto;
        height: auto;
        float: right;
    }

        .superstructureinit .account-menu ul li {
            /*  position: relative;
        width: auto;
        height: auto;
        display: inline;
        float: left;
        text-align: right; */
            margin-left: 10px;
            position: relative;
        }

            .superstructureinit .account-menu ul li:nth-child(1) {
                position: relative;
                /*width: calc(100% - 70px);*/
                height: auto;
                display: inline-block;
                float: left;
            }

        .superstructureinit .account-menu ul > li:first-child {
            margin-left: 0;
        }

    .superstructureinit .stick .account-menu ul {
        right: 60px;
        top: 20px !important;
    }

    .superstructureinit {
        width: 100%;
        height: auto;
        display: inline-block;
    }

        .superstructureinit .superleft {
            width: calc(100% - 199px);
            border-right: 1px solid #e1e1e1;
            /*overflow-x:hidden;*/
            float: left;
        }

        .superstructureinit .floatfixcart {
            position: fixed;
            width: 199px;
            float: left;
            right: 0;
        }

            .superstructureinit .floatfixcart .totalrow {
                border-bottom: 1px solid #f1f1f1;
            }

            .superstructureinit .floatfixcart .total_row {
                width: 199px;
                height: 122px;
                display: inline-block;
                margin-bottom: 20px;
            }

            .superstructureinit .floatfixcart .row.item {
                width: 179px;
                height: 150px;
                padding: 5px;
                display: inline-block;
                position: relative;
            }

            .superstructureinit .floatfixcart .row .prd {
                position: absolute;
                bottom: 85px;
                right: 0;
            }

            .superstructureinit .floatfixcart .row .prdq {
                position: absolute;
                bottom: 0;
                text-align: center;
                left: 0;
                border-bottom: 1px solid #f1f1f1;
            }

            .superstructureinit .floatfixcart .totalrow.col-sm-12,
            .superstructureinit .floatfixcart .row.item .col-sm-12 {
                max-width: 179px;
                width: 179px;
                min-width: 179px;
                display: inline-block;
            }

                .superstructureinit .floatfixcart .totalrow.col-sm-12 .col-sm-12 {
                    max-width: 178px;
                    width: 178px;
                    min-width: 178px;
                    display: inline-block;
                    padding: 0;
                }
}

@media screen and (max-width:840px) {
    .header-section .col-12, .header-section .col-sm-6, .header-section .col-md-3 {
        width: 99%;
    }

    #dtlst_prod input.inputbox, #dtlst_prod textarea, #dtlst_prod .textarea, #dtlst_prod select.inputbox, #dtlst_prod input.validate-email, #dtlst_prod select.inputbox, #dtlst_prod .quantity-input, #dtlst_prod table.user-details input, #dtlst_prod #com-form-login-username input, #dtlst_prod select, #company_field, #dtlst_prod #title, #dtlst_prod #first_name_field, #dtlst_prod #middle_name_field,
    #dtlst_prod #last_name_field, #dtlst_prod #address_1_field, #dtlst_prod #address_2_field, #dtlst_prod #zip_field, #dtlst_prod #city_field, #dtlst_prod #virtuemart_country_id,
    #dtlst_prod #phone_1_field, #dtlst_prod #phone_2_field, #dtlst_prod #fax_field, #dtlst_prod #agreed_field, #dtlst_prod .contentpane #name, #dtlst_prod .contentpane #email,
    #dtlst_prod .contentpane #counter, #dtlst_prod .contact-input-box input, #dtlst_prod .form-validate input, #dtlst_prod .login-fields #username, #dtlst_prod .login-fields #password,
    #dtlst_prod .coupon, input.vm-default, #dtlst_prod .row .col-sm-4 input[type="text"], #dtlst_prod .row .col-sm-4 input[type="password"], #dtlst_prod .row .col-sm-4 select,
    #dtlst_prod .row .col-sm-4 textarea, #dtlst_prod .row .col-sm-6 input[type="text"], #dtlst_prod .row .col-sm-6 input[type="password"], #dtlst_prod .row .col-sm-6 select,
    #dtlst_prod .row .col-sm-6 textarea, #dtlst_prod .row .col-sm-9 input[type="text"], #dtlst_prod .row .col-sm-9 input[type="password"], #dtlst_prod .row .col-sm-9 select,
    #dtlst_prod .row .col-sm-9 textarea {
        width: 99%;
    }

    #dtlst_prod .col,
    #dtlst_prod .col-sm-4,
    #dtlst_prod_sgrp .col,
    #dtlst_prod_s2grp .col,
    #dtlst_prod_s3grp .col {
        width: 48% !important;
        height: auto;
        display: inline-block;
        padding: .5% !important;
    }
}

@media screen and (max-width:480px) {
    .f-58 {
        font-size: 27px !important;
    }

    .f-50 {
        font-size: 20px !important;
    }

    .f-40 {
        font-size: 17px !important;
    }

    .f-24, .f-14, .f-16 {
        font-size: 10px !important;
    }

    .f-20, f-36 {
        font-size: 12px !important;
    }


    .floatingcart.col-sm-4 {
        top: 140px !important;
        height: 80%;
        width: 100%;
    }

        .floatingcart.col-sm-4 > .col-sm-12 > .row > .col-sm-11 {
            width: 80% !important;
            max-width: 80% !important;
        }

            .floatingcart.col-sm-4 > .col-sm-12 > .row > .col-sm-11 > .row > .col-sm-4 {
                float: left;
                width: 30% !important;
            }

            .floatingcart.col-sm-4 > .col-sm-12 > .row > .col-sm-11 > .row > .col-sm-8 {
                width: 70% !important;
                float: right !important;
            }

                .floatingcart.col-sm-4 > .col-sm-12 > .row > .col-sm-11 > .row > .col-sm-8 > .row:nth-child(3) > .col-sm-8 {
                    float: left;
                    max-width: 60%;
                }

                .floatingcart.col-sm-4 > .col-sm-12 > .row > .col-sm-11 > .row > .col-sm-8 > .row:nth-child(3) > .col-sm-4 {
                    float: right;
                }

    body .floatingcart.col-sm-4, body .floatingcart > .col-sm-12 {
        width: 100% !important;
        padding: 0px !important;
        margin: 0px !important;
    }


    body .header-section > .header-top > #wishlistFloatermob {
        width: 100% !important;
        max-width: 100% !important;
        top: 140px !important;
        z-index: 1000000;
    }

    #wishlistFloatermob .col-sm-12 {
        text-align: center;
        font-size: 14px;
    }

    .wishlistitem.row {
        padding: 5% !important;
    }

    body .floatingcart.col-sm-4 > .col-sm-12 > .col-sm-12 > .col-sm-4 {
        width: 50% !important;
    }

        body .floatingcart.col-sm-4 > .col-sm-12 > .col-sm-12 > .col-sm-4:nth-child(3) {
            margin-bottom: 10%;
            width: 100% !important;
        }

    .cookietag {
        min-width: 100% !important;
        max-width: 220px !important;
        height: 120px !important;
    }

        .cookietag > .col-sm-3.col-md-6.col-12 {
            width: 100% !important;
            border-radius: 10px;
        }

    .header-section .col-12, .header-section .col-sm-6, .header-section .col-md-3 {
        width: 99%;
    }

    .superstructureinit .header-bottom-wrapper .header-search {
        right: 10px !important;
        top: 90px !important;
    }

    .superleft .header-bottom.stick, .header-section.stick {
        width: 100%;
        height: 120px;
    }

    #dtlst_prod .col,
    #dtlst_prod .col-sm-4,
    #dtlst_prod_sgrp .col,
    #dtlst_prod_s2grp .col,
    #dtlst_prod_s3grp .col {
        width: 98% !important;
        height: auto;
        display: inline-block;
        margin: 0 .5% 10px .5%;
    }

    /*  .account-menu ul {
        top:95px;
        right:10px;
    }*/
    /*imported from surabhi*/

    .header-section {
        height: 160px !important;
    }

    .header-bottom.section {
        height: 75px !important;
    }

    .header-section .stick.header-bottom {
        height: 180px !important;
    }

    .stick .header-bottom-wrapper {
        max-height: 160px !important;
    }

    .account-menu.col-md-3.col-12 {
        top: 100px !important;
        position: absolute;
        max-width: 280px;
        text-align: center;
        left: 100px;
    }

    .account-menu .ucattype {
        width: 150px;
        display: inline-block;
        text-align: center;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

    .account-menu ul > li:first-child {
        max-width: 150px;
    }

    /*.header-search {
        top: 100px;
    }*/

    .stick .header-search {
        top: 28px;
    }

    #main-menu .navbar {
        top: 0px;
    }

    .floatingcart > .col-sm-12 > .row a {
        width: auto;
        height: auto;
        display: inline;
    }

    .floatingcart .col-sm-1 {
        max-width: 50px;
        float: left;
    }

    .floatingcart .col-sm-11 {
        max-width: 200px;
        float: left;
    }

    .floatingcart .col-sm-4,
    .floatingcart .row,
    .floatingcart .col-sm-8,
    .floatingcart .col-sm-8 .col-sm-12,
    .floatingcart .col-sm-8 .row .col-sm-8 .row .floatminus {
        padding: 0 !important;
    }


    /* .header-section .header-bottom-wrapper nav.navbar {
        width: 180px !important;
    }*/

    .header-section .stick .header-bottom-wrapper nav.navbar {
        width: 100% !important;
        max-width: 230px;
    }

    #main_nav ul li.nav-item {
        width: 100% !important;
        min-width: 290px;
    }

    #loginbox {
        width: 100%;
        z-index: 10000;
    }

    .mobile .navbar-toggler.collapsed,
    .mobile .navbar-toggler {
        padding: 3%;
    }

    /* #main-wrapper .header-section .header-search {
        right: 10px !important;
        top: 10px !important;
        max-width: 30px !important;
        z-index: 100003;
    }*/

    .floatingcart .col-sm-2.qtyfloat {
        text-align: center;
    }

    .container .col-sm-12,
    .container .col-lg-12 {
        min-width: 220px !important;
    }


    .header-search-form.open,
    .header-search .header-search-form #searchform.form,
    .header-search .header-search-form #searchformmob,
    .header-search .header-search-form #searchform.form input,
    .header-search .header-search-form #searchformmob.form input {
        width: 100% !important;
    }

        .header-search .header-search-form #searchform.form input,
        .header-search .header-search-form #searchformmob.form input {
            width: 100% !important;
        }

    #loginbox {
        z-index: 100003 !important;
    }

    .footer-top > a:nth-child(3) {
    }

    .footer-bottom > p {
        text-align: center;
        width: 100%;
        display: inline-block;
    }

    #breadcrumb-line .module-content {
        width: 100%;
        overflow-wrap: break-word;
        max-width: 250px;
    }

    body .header-logo .logo a img {
        max-width: 250px !important;
    }

    .header-section .header-logo {
        top: 0px !important;
        position: relative !important;
    }

    .row.sk_for_kasse > .gatilkassebtnpan > #div_pay, .row.sk_for_kasse > .gatilkassebtnpan > #div_pay > a {
        text-align: center !important;
        float: none !important;
    }

    .offcanvas-header > .row > .col-sm-4 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .header-section > .header-top a.wishlisttogglebutton {
        top: 10px !important;
        right: unset !important;
        float: left !important;
        left: 15px;
    }

    body #main-wrapper .header-section .header-search {
        max-width: 100% !important;
    }
    /* end of imported from surabhi*/
}

a.poplightx {
    color: #333 !important;
}

.nav ul {
    padding-left: 0 !important;
}



.header a {
    text-decoration: none;
}

.dropdown-content {
    position: absolute;
    background-color: #fff;
    width: 100%;
    left: 0;
    top: 25px;
    height: auto !important;
    z-index: 1000;
    display: none;
}

#fencycontainer .row,
#fencymenu .row {
}

.dropdown-content .row .header {
    background: #fff;
    border-bottom: 1px dashed #999;
    padding: 16px;
    color: white;
    text-align: left;
}

a:hover .sero {
    left: 15px !important;
    transition: 1s;
}

dropdown-item:hover .dropdown-content {
    display: block;
}

.column {
    float: left;
    width: 25%;
    padding: 10px;
    height: auto;
    max-width: 320px !important;
}

    /* Style links inside the columns */
    .column a {
        float: none;
        color: black;
        padding: 16px;
        text-decoration: none;
        display: block;
        text-align: left;
    }

#fencyheader {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 50px;
}

    #fencyheader a {
        position: absolute;
        left: 0;
        width: 100%;
        height: 30px;
    }
        /* Add a background color on hover */
        #fencyheader a:hover {
            left: 15px !important;
            transition: .3s;
        }

#fencycontainer .column a,
#fencymenu .column a {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 50px;
}

    #fencycontainer .column a .mmheader,
    #fencymenu .column a .mmheader {
        position: absolute;
        left: 0;
        width: 100%;
        height: 30px;
    }
    /* Add a background color on hover */
    #fencycontainer .column a:hover .mmheader,
    #fencymenu .column a:hover .mmheader {
        left: 15px !important;
        transition: .3s;
        offset-rotate: 60deg;
    }

.bg-dibs {
    background-image: url('../../../Icons/dibs.png');
    background-repeat: no-repeat;
    background-position: 40px top;
    background-size: 100px 50px;
}

.bg-vipps {
    background-image: url('../../../Icons/icon_vipps.jpg');
    background-repeat: no-repeat;
    background-position: 40px top;
    background-size: 64px 20px;
}

.bg-faktura {
    background-image: url('../../../Icons/faktura-logo.png');
    background-repeat: no-repeat;
    background-position: 30px top;
    background-size: 64px 20px;
}

#dtlst_prod .row.bottomicons .col-sm-12 {
    min-width: 200px !important;
    padding: 0px;
}

#dtlst_prod .artnr {
    width: 100%;
    height: auto;
    display: inline-block;
    text-align: center;
}

.lgn_txt {
    text-align: center;
    font-size: 14px;
    width: 60px;
}

.myacz > li:first-child {
    text-align: center;
}

#dtlst_prod .vm2-nostock.nostockicon,
.vm2-nostock.nostockicon {
    background-image: url('https://www.pressis.com/skin/icons/Warehouse_Status_Out-Stock.JPG');
    background-repeat: no-repeat;
    background-size: 30px 30px;
    width: 100%;
    height: 30px;
    line-height: 30px;
    padding: 5px;
    padding-left: 50px !important;
    display: inline-block;
}

#dtlst_prod .vm2-lowstock.lowstockicon,
.vm2-lowstock.lowstockicon {
    background-image: url('https://www.pressis.com/skin/icons/Warehouse_Status_On-Stock.JPG');
    background-repeat: no-repeat;
    background-size: 30px 30px;
    width: 100%;
    height: 30px;
    line-height: 30px;
    padding: 5px;
    padding-left: 50px !important;
    display: inline-block;
}

#dtlst_prod .vm2-normalstock.normalstockicon,
.vm2-normalstock.normalstockicon {
    background-image: url('https://www.pressis.com/skin/icons/Warehouse_Status_On-Stock.JPG');
    background-repeat: no-repeat;
    background-size: 30px 30px;
    width: 100%;
    height: 30px;
    line-height: 30px;
    padding: 5px;
    padding-left: 50px !important;
    display: inline-block;
}

#dtlst_prod .vm2-nostock.nostockicon,
#dtlst_prod .vm2-lowstock.lowstockicon,
#dtlst_prod .vm2-normalstock.normalstockicon {
    background-position: 100px top;
    padding-left: 0 !important;
}
/* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

    /* Hide default HTML checkbox */
    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 26px;
        width: 26px;
        left: 4px;
        bottom: 4px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider {
    background-color: #2196F3;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

    .slider.round:before {
        border-radius: 50%;
    }

.hide {
    display: none !important;
}


/* #region offcanvas */

@media screen and (min-width:1281px) {
    .offcanvas.fix, .offcanvas-lg.fix, .offcanvas-md.fix, .offcanvas-sm.fix, .offcanvas-xl.fix, .offcanvas-xxl.fix {
        --bs-offcanvas-width: 320px !important;
    }
    /* .offcanvas.fix .floatingcartitems.Container-fluid {
            height: calc(100vw - 230px);
        }*/
    #main-wrapper.fix {
        width: calc(100vw - 320px);
    }

        #main-wrapper.fix .offcanvas-backdrop.fade.show {
            display: none !important;
        }

    body.fix .alert.text-center.cookiealert.show {
        width: calc(100vw - 320px);
    }
    /*.fix .header-section {
    width: calc(100vw - 200px);
}*/
    .fix .myacz {
        right: 340px !important;
    }

    .proddescskart {
        height: 100px;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        padding: 5px 0 5px 0 !important;
    }

    .fix .header-search {
        right: 540px !important;
    }

    .fix .btn.btn-error.btn-outline-danger, .fix #floatingcart .tilkassa, .fix #floatingcart .sevare {
        display: none !important;
    }
}


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

    .offcanvas.fix, .offcanvas-lg.fix, .offcanvas-md.fix, .offcanvas-sm.fix, .offcanvas-xl.fix, .offcanvas-xxl.fix,
    .offcanvas-backdrop.fade.show {
        display: none !important;
        visibility: collapse !important;
    }

        .offcanvas.fix.in, .offcanvas-lg.fix.in, .offcanvas-md.fix.in, .offcanvas-sm.fix.in, .offcanvas-xl.fix.in, .offcanvas-xxl.fix.in,
        .offcanvas-backdrop.fade.show.in {
            display: inline-block !important;
            visibility: visible !important;
        }

    .offcanvas-body > .floatingcartitems > .row > .col-sm-10 {
        width: 83.33333% !important;
    }

    .offcanvas-body > .floatingcartitems > .row > .col-sm-8 {
        width: 66.66667% !important;
    }

    .offcanvas-body > .floatingcartitems > .row > .col-sm-4 {
        width: 33.33333% !important;
    }

    .offcanvas-body > .floatingcartitems > .row .col-sm-2 {
        width: 16.666667% !important;
    }
}

.fix #floatingcart .amt {
    width: 100% !important;
}

.fix #floatingcart.hide {
    display: inline-block !important;
}

/*.floatprd*/
/*#endregion*/

.floatingcartmob {
    width: 100vw;
    position: fixed;
    z-index: 999;
    top: 140px;
    right: 0;
    display: none;
    background-color: #fff;
}

    .floatingcartmob.in {
        display: inline-block;
    }

    .floatingcartmob .col-sm-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }

    .floatingcartmob .col-sm-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }

.imageboxmobhgt, .proddescskart.imageboxmobhgt {
    height: 90px !important;
    max-height: 90px !important;
}
/*
select.form-select,
input.form-control {
    border-radius: 1rem !important;
}*/
#floatingcart .button {
    font-size: .8rem !important;
}

.floatingcartitems > .row > .col-sm-2 > .floatdel svg {
    /*margin-top: calc(50% - 10px) !important;*/
}

.offcanvas-body > .row.ttl .button {
    height: 40px !important;
}

.offcanvas.hiding, .offcanvas.show, .offcanvas.showing {
    display: inline-block !important;
}

#tabbed_area li.nav-item {
    width: auto !important;
    text-align: center;
}

    #tabbed_area li.nav-item a.nav-link {
        width: auto !important;
        height: 45px !important;
        text-align: center;
    }

#directvippsshop {
    display: none !important;
}