:not(#mainMenu) > .menu, :not(#mainMenu) > .menu div:not(.dynamicMenu){

    background-color:inherit;

}



:not(#mainMenu) > .menu{

    position:relative;

}



.menu-list{

    z-index:33;

}



.menu li{

    float:left;

}



[dir="rtl"] .menu li{

    float:right;

}



.menu a{

    float:left;

    padding-left:10px;

    padding-right:10px;

    box-sizing:border-box;

}



[dir="rtl"] .menu a{

    float:right;

}



.menu li.parentLink > ul{

    position:absolute;

    top:100%;

    left:0;

    width:200px;

    display:none;

}



[dir="rtl"] .menu li.parentLink > ul{

    right:0;

    left:auto;

}



.menu li.parentLink li a{

    width:100%;

}



.menu li.parentLink li.parentLink ul{

    float:left;

    position:relative;

    box-sizing:border-box;

    border-left:10px solid #dedede;

}



[dir="rtl"] .menu li.parentLink li.parentLink ul{

    float:right;

    border-right:10px solid #dedede;

    border-left:0;

}



#mobileAppNotify{

    position:fixed;

    z-index:9999;

}



#appNotify{

    display:flex;

    align-items:center;

}



#appLogo p{

    padding-bottom:0;

}



#appLogo img{

    max-width:100%;

    width:auto;

    height:auto;

}



#appBtn{

    white-space:nowrap;

}



.sticky .dn-sticky{

    display:none;

}



.header-wrapper{

    z-index: 10;

}



#header-wrap{


}



#header-wrap.sticky{

    position:fixed;

    top:0;

    left:0;

    z-index:999;

}






.sticky #headerTop{

    height:0;

    overflow:hidden;

}



.locationLinkWrap{

    padding: 7px 10px;

    box-sizing: border-box;

}



[dir="rtl"] #topMenu, 

[dir="rtl"] #topMenu li, 

[dir="rtl"] #topMenu a{

    float:right;

}



#topMenu a{

    line-height:30px;

    color:#545454;

    font-size:12px;

    padding-left:20px;

    padding-right:20px;

    border-right:1px solid #ddd;

}



[dir="rtl"] #topMenu a{

    border-right:0;

    border-left:1px solid #ddd;

}



#topMenu ul li:hover > span, #topMenu ul li:hover > a{

    background:#e2e2e2;

}



#headerTop select{

    height:30px;

    padding:0 30px 0 10px;

    background:url('selectArrow.png') no-repeat right center;

    border:0;

    border-left:1px solid #ddd;

    appearance:none;

    -moz-appearance:none;

    -webkit-appearance:none;

    color:#545454;

    font-size:12px;

}



[dir="rtl"] #headerTop select{

    padding:0 10px 0 30px;

    background:url('selectArrow.png') no-repeat 10px center;

    border-right:1px solid #ddd;

    border-left:0;

}



#headerTop select option{



}



#headerPhone{

    color:#545454;

    font-size:12px;

    line-height:30px;

}





#header-customer-msg .message-count{

    width:13px;

    height:13px;

    line-height:13px;

    border-radius:10px;

}



#basketList{
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: url(basket-bg.svg) no-repeat;
    z-index: 3333;
    width: 270px;
    height: 345px;
    background-size: 100%;
    border-radius: 20px;
}



#logo a{

    float: left;
    width: 100%;
    height: 60px;
    display: flex;
    align-items: flex-end;

}



.sticky #logo a{

    align-items: center;

}



#logo p,

#logo img{

    -webkit-transition-timing-function:cubic-bezier(0.200, 0.020, 0.200, 1.000);

    -moz-transition-timing-function:cubic-bezier(0.200, 0.020, 0.200, 1.000);

    -ms-transition-timing-function:cubic-bezier(0.200, 0.020, 0.200, 1.000);

    -o-transition-timing-function:cubic-bezier(0.200, 0.020, 0.200, 1.000);

    transition-timing-function:cubic-bezier(0.200, 0.020, 0.200, 1.000);

    -webkit-transition-duration:.5s;

    -moz-transition-duration:.5s;

    -ms-transition-duration:.5s;

    -o-transition-duration:.5s;

    transition-duration:.5s;

}



#logo p{

    float: left;
    width: 100%;
    height: 45px;
    display: flex;
    align-items: flex-end;
    padding-bottom: 0;

}



.sticky #logo p{

   align-items: center;

}

.sticky #headerMain {
    box-shadow: 0 3px 6px 1px rgb(0 0 0 / 10%);
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center
}

#logo img{

    display:inherit;

    max-height:100%;

    max-width:100%;

    width:auto;

}



#searchListWrap{

    position:relative;

}



#live-search{

    height:36px;

    line-height:14px;

}



#live-search-box{

    top:100%;

    left:-1px;

    z-index:999;

}



#FormAra{
    height: 50px;
    background: #fff;
    box-sizing: border-box;
    box-shadow: 0 2px 2px rgb(102 102 102 / 7%);
    border: 1px solid #f0f0f0;
    border-radius: 25px;
    display: flex;
    align-items: center;
}



[dir="rtl"] #FormAra{

    left: 0;

    right: auto;

}



.sticky #FormAra{

    top:calc(50% - 20px);

    height:40px;

}





.forDesktop #FormAra{

    width:100%;

}



.forDesktop #FormAra.focus:before{

    content:'';

}



.forDesktop #FormAra:not(.focus):before{

    display:block;

    position:absolute;

    top:0;

    right:48px;

    line-height:48px;

    font-size:14px;

    color:#5e5e5e;

    font-weight:700;

    text-transform:uppercase;

    cursor:pointer;

}



[dir="rtl"] .forDesktop #FormAra:not(.focus):before{

    left: 48px;

    right: auto;

}



.sticky .forDesktop #FormAra:not(.focus):before{

    right:38px;

    line-height:38px;

}



[dir="rtl"] .sticky .forDesktop #FormAra:not(.focus):before{

    left: 38px;

    right: auto;

}



/* .forDesktop #FormAra:not(.focus):after{

    content:'\e811';

    display:block;

    position:absolute;

    top:0;

    right:0;

    width:48px;

    line-height:48px;

    color:#e35252;

    font-size:13px;

    font-family:'tsoft';

    font-size:20px;

    text-align:center;

    text-transform:uppercase;

    cursor:pointer;

} */



[dir="rtl"] .forDesktop #FormAra:not(.focus):after{

    left: 0;

    right: auto;

}



.sticky .forDesktop #FormAra:not(.focus):after{

    width:38px;

    line-height:38px;

}



#FormAra input[type="text"]{

    width:calc(100% - 57px);

    height:48px;

    color:#a8a8a8;

    font-size:12px;

    border:0;

    box-sizing:border-box;

    border-radius: 25px;

}



.sticky #FormAra input[type="text"]{

    width:calc(100% - 38px);

    height:38px;

}



#FormAra input[type="text"]:focus{

    box-shadow:none;

}






.sticky #FormAra button[type="submit"]{

    width:38px;

    height:38px;

}



/* #FormAra.focus input[type="text"],

#mobileWrapper #FormAra input[type="text"],

#FormAra.focus button[type="submit"],

#mobileWrapper #FormAra.focus button[type="submit"]{

    display:block;

} */



#live-search{

    height:36px;

    line-height:14px;

}



#live-search-box{

    position: absolute;
    background-clip: padding-box;
    border-top: 20px solid rgb(0 0 0 / 0%) !important;
    top: 100%;
    width: calc(100% + 2px);
    background: #fff;
    z-index: 999;
    max-height: 310px;
    overflow: auto;
    box-shadow: 0 2px 2px rgb(102 102 102 / 7%);

}



#live-search-box ul{

    float:left;

    width:100%;


}



#live-search-box li{

    float:left;

    width:100%;

    box-sizing:border-box;

}



#live-search-box a{

    float:left;

    width:100%;

    font-weight:600;

    display:flex;

    align-items:center;

}


.sticky #live-search-box a {
    float: left;
    width: 100%;
    font-weight: 600;
    display: flex;
    align-items: center;
    font-size: 10px;
    line-height: normal;
    padding-bottom: 10px;
    padding-top: 10px;
}
#live-search-box:not([data-callback]) span,

#live-search-box div.search-image{

    width:5%;

    height:0;

    padding-bottom:5%;

    margin-top:5px;

    margin-right:15px;

    margin-bottom:5px;

    margin-left:5px;

    overflow:hidden;

}



#live-search-box[data-callback] span{

    padding: 0 10px;

    box-sizing: border-box;

}



#live-search-box img{

    margin:0 auto;

}



#mainMenu .menu > li{

    height: 70px;
    display: flex;
    align-items: center;
   

}

#mainMenu ul li .m_name::after {
    content: '';
    width: 90px;
    height: 5px;
    background-color: transparent;
    box-sizing: border-box;
    display: flex;
    position: relative;
    bottom: -15px;
}

#mainMenu ul li:hover .m_name::after {
    content: '';
    width: 90px;
    height: 5px;
    background-color: #2670ad;
    box-sizing: border-box;
    display: flex;
    position: relative;
    bottom: -15px;
}

#mainMenu a{

    font-size: 12px;
    font-weight: 700;
    color: #2b2a29;
    line-height: normal;

}



.sticky #mainMenu a{

    font-size: 11px;
    text-align: center;

}

.sticky #mainMenu .menu > li {
    display: flex;
    align-items: center;
}
.sticky .menu-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: auto;
    margin-top: 0;
    border-top: 1px solid transparent;
}
#mainMenu a:hover{

    color: #2670ad;

}

.sticky #headerMain .mt20 {
    margin-top: 0;
    align-items: center;
}

.sticky .icon-search-top {
    background: url(search.png) no-repeat center center;
    width: 45px;
    background-size: 90%;
    position: relative;
}

.sticky-search {
    display: none;
}

.sticky-search {
    position: absolute;
    width: 100%;
    top: 3px;
    background: #fff;
    z-index: 99;
    height: 50px;
}

.menu li.parentLink > a{

    background-color:transparent;

}



#mainMenu .parentLink li a{

    height:auto;

    line-height:25px;

    font-size:13px;

    color: #2b2a29;

    font-weight: 400;

    border-right:0;

    padding-right:0;

    padding-left:0;

}



#mainMenu .menu > li.parentLink:hover > span > a{

    color: #2670ad;

}



.menu li:hover > a{

    color: #2670ad;

}



#mainMenu .parentLink .sublink-wrap li a{

    line-height:17px;

    color:#797979;

}



.subMenu{

    max-width:1200px;

    box-shadow:0 2px 2px 0px rgba(0,0,0,.1);

}



.subMenu *:not(.dynamicMenu){

    background-color:transparent;

}



.menuTitle{

    font-size:20px;

    padding-bottom:10px;

}



.subMenu a{

    padding-right:10px;

    padding-left:10px;

    font-size:12px;

    font-family:'Open Sans', sans-serif;

    box-sizing:border-box;

}



.subMenu li li a{

    font-size:11px;

    background-repeat:no-repeat;

    background-position:0 center;

}



.subMenu a:hover{

    background-color:#fff;

    padding-right:10px;

    padding-left:10px;

}



#mainMenu .subMenu a:hover,

#mainMenu .parentLink .sublink-wrap li a:hover{

    color: #2670ad;

}



.subMenu .dynamicMenu{

    background:#fff;

}



#headerBottom{

    height:20px;

    overflow:hidden;

}



.sticky #headerBottom{

    height:0;

}







#alterMenu a{
    color: #2b2a29;
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 10px;
}



[dir="rtl"] #alterMenu a{

    border-right:0;

    border-left:1px solid #ddd;

}



#alterMenu li:last-child a{

    border-right:0;

}



[dir="rtl"] #alterMenu li:last-child a{

    border-left:0;

}



#alterMenu .menu > li:hover a{

    color:#000;

}



#alterMenu .menu > li:hover .subMenu{

    top:29px;

    z-index:3333;

}



#alterMenu .menu > li:hover .subMenu a{

    border-right:0;

}



#alterMenu .menu > li:hover .subMenu a:hover{

    color:#f37121;

}



#alterMenu .subMenu li, #alterMenu .subMenu a{

    line-height:30px;

    border-color:#e0e0e0;

}



.sticky .col-sticky-12{

    width:100%;

}



.sticky .col-sticky-11{

    width:91.66666667%;

}



.sticky .col-sticky-10{

    width:83.33333333%;

}



.sticky .col-sticky-9{

    width:75%;

}



.sticky .col-sticky-8{

    width:66.66666667%;

}



.sticky .col-sticky-7{

    width:58.33333333%;

}



.sticky .col-sticky-6{

    width:50%;

}



.sticky .col-sticky-5{

    width:41.66666667%;

}



.sticky .col-sticky-4{

    width:33.33333333%;

}



.sticky .col-sticky-3{

    width:25%;

}



.sticky .col-sticky-2{

    width:16.66666667%;

}



.sticky .col-sticky-1{

    width:8.33333333%;

}



.sticky .col-sticky-auto{
    width:auto;
}

*, *:before, *:after {	
box-sizing: border-box;  
}
     
*, *:active, *:focus, *:active {   
    outline: 0!important; 
}

#headerTop {
    background-color: #2670ad;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    
}

#header-phone,
.cargo-text {
    font-size: 10px;
    font-weight: 700;
    color: #fff;
}

.sliderTop {
    font-size: 15px;
    font-weight: 400;
    color: #fff;
    text-align: center;
}

.icon-info {
    background: url(smile.png) no-repeat center right;
    width: 30px;
    height: 40px;
    margin-right: 10px;
    display: flex;
}

.slick-track {
    display: flex !important;
}

.sliderTop .slick-next {
    border: none;
    font-size: 0;
    background: url(next-top.svg) no-repeat center center;
    width: 40px;
    height: 13px;
    position: absolute;
    right: 0;
    top: 0%;
    z-index: 2;
}

.sliderTop .slick-prev {
    border: none;
    font-size: 0;
    background: url(prev-top.svg) no-repeat center center;
    width: 40px;
    height: 13px;
    position: absolute;
    left: 0;
    top: 0%;
    z-index: 2;
}

.flex-end {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

#searchRight {
    background-color: #f0f0f0;
    border-radius: 25px;
    height: 50px;
    position: absolute;
    right: 0px;
    width: 270px;
    cursor: pointer;
}

#searchRight select {
    border: none;
    color: #2b2a29;
    font-size: 13px;
    font-weight: 400;
    background: url(menu.svg) no-repeat center right transparent;
    background-repeat: no-repeat;
    background-position: right 40px center;
    cursor: pointer;
    height: 50px;
    display: flex;
    align-items: center;
    width: 88%;
    padding-left: 10px;
    box-sizing: border-box;
}

/* .menu-icon::after {
    content: '';
    background: url(menu.svg) no-repeat center left;
    width: 14px;
    height: 14px;
    display: flex;
    position: absolute;
    right: 50px;
    top: 2px;
} */

.icon-search-top {
    background: url(search.png) no-repeat center center;
    width: 50px;
    height: 50px;
    display: flex;
    border: 0;
    cursor: pointer;
    position: absolute;
    right: 0px;
    z-index: 2;
}

.mt20 {
    margin-top: 1.25rem;
}

.icon-cart-top {
    background: url(basket.png) no-repeat center center;
    width: 40px;
    height: 40px;
    display: flex;
    cursor: pointer;
}


.sticky .icon-cart-top {
    background: url(sticky-add.svg) no-repeat center center;
    width: 45px;
    background-size: 85%;
    height: 69px;
}

.sticky .basket-bg {
    height: 45px;
}
.basket-bg {
    background-color: #f0f0f0;
    border-radius: 25px;
    height: 50px;
}

.icon-member-default-top {
    background: url(account.png) no-repeat center center;
    width: 50px;
    height: 50px;
    cursor: pointer;
}


.sticky .icon-member-default-top {
    width: 45px;
    background-size: 100%;
}
.flex-end {
    display: flex;
    align-items: flex-end;
}

.menu-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 70px;
    margin-top: 35px;
    border-top: 1px solid #f0f0f0;
}

.sticky .col-3.s-c .flex-end {
    align-items: center;
}
.account-dv {
    width: 130px;
    height: 100px;
    background: url(account-bg.svg) no-repeat #fff;
    border: none !important;
    background-clip: padding-box;
    border-top: 5px solid rgb(0 0 0 / 0%) !important;
    right: -4px;
}



.member-login {
    background-color: #2670ad;
    border-radius: 20px;
    font-weight: 700;
    color: #fff;
    font-size: 13px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 8px;
    margin-top: 20px;
}

.member-register {
    background-color: #ffffff;
    border-radius: 25px;
    font-size: 14px;
    font-weight: 700;
    color: #2670ad;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}


.icon-garbage-open {
    background: url(close.png) no-repeat center center;
    width: 50px;
    height: 50px;
    display: flex;
}

.icon-cart-open {
    background: url(b-open.png) no-repeat center center;
    width: 50px;
    height: 50px;
    display: flex;
}

.item-brand {
    font-size: 11px;
    font-weight: 700;
    color: #2b2a29;
}
.item-title {
    font-size: 8px;
    font-weight: 400;
    color: #2b2a29;
    line-height: 150%;
}

.remove-icon {
    background: url(remove.svg) no-repeat center center;
    width: 10px;
    height: 10px;
    display: flex;
}

.icon-minus-basket  {
    background: url(minus.svg) no-repeat center center;
    width: 15px;
    height: 15px;
    display: flex;
}

.icon-plus-basket {
    background: url(plus.svg) no-repeat center center;
    width: 15px;
    height: 15px;
    display: flex;
}

.sepet.qtyBtns  input {
    color: #231F20;
    font-size: 20px;
    width: 36px;
    background: transparent;
}


.bg-header .basketWrapper::before {
    content: '';
    background: url(icon-account.svg) no-repeat center center;
    width: 30px;
    height: 26px;
    top: -14px;
    display: flex;
    position: absolute;
    right: 43%; 
}

#basketListItems {
    max-height: 230px;
    overflow: auto;
}

.currency-sepet {
    font-weight: 400;
    font-size: 13px;
}
.c-s-text {
    font-weight: 400;
    font-size: 11px;
    color: #2b2a29;
}
.sepet.qtyBtns {
    background: transparent;
}

.sticky-open {
    display: none;
}

.sticky .sticky-open {
    display: block;
}

.sticky-none {
    display: block;
}
.sticky .sticky-none {
    display: none !important;
}

.mobil-header  {
    background-color: #2670ad;
    height: 40px;
    font-size: 11px;
    color: #ffffff;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: center;
}
.swiper-button-next:after, .swiper-button-prev:after {
    font-size: 16px !important;
    color: #fff;
}
.pos-sticky {
    position: relative;
    width: 50%;
    z-index: 9999;
    top: 0;
}
.sticky .pos-sticky {
    position: absolute;
    width: 10%;
    z-index: 22;
    top: 10px;
}

.sticky #search {
    display: none;
}

.n_name  img {
    height: 20px;
    width: 20px;
}

.sticky .n_name img {
    display: none;
}

.live-title {
    font-size: 20px;
    font-weight: 700;
    color: #060606;
}

.live-text {
    font-size: 13px;
    font-weight: 400 !important;
    color: #2b2a29;
    line-height: 150%;
}

.border-left {
    border-left: 1px solid #f0f0f0;
}

.search-brand {
   font-size: 10px;
   color: #2b2a29;
   font-weight: 700;
   text-transform: uppercase; 
}

.seacrh-title {
   font-size: 12px;
   font-weight: 400;
   color: #000;
   text-transform: uppercase; 
}
@media screen and (min-width: 1024px){
    .mobil-header.forMobile {
        display: none !important;
    }

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

    .basket-bg {
        font-size: 11px;
    }

    #header-info{

        border-left:0;

    }

    .sliderTop {
        font-size: 11px;
    }

    #basketList {
        left: -25px;
        height: 350px;
    }

    #headerMain{

        

    }



    #mainMenu .menu > li{

        padding-right:5px;

    }



    .menu a{

        padding-right:5px;

        padding-left:5px;

    }



}



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



    .sticky .col-md-sticky-12{

        width:100%;

    }



    .sticky .col-md-sticky-11{

        width:91.66666667%;

    }



    .sticky .col-md-sticky-10{

        width:83.33333333%;

    }



    .sticky .col-md-sticky-9{

        width:75%;

    }



    .sticky .col-md-sticky-8{

        width:66.66666667%;

    }



    .sticky .col-md-sticky-7{

        width:58.33333333%;

    }



    .sticky .col-md-sticky-6{

        width:50%;

    }



    .sticky .col-md-sticky-5{

        width:41.66666667%;

    }



    .sticky .col-md-sticky-4{

        width:33.33333333%;

    }



    .sticky .col-md-sticky-3{

        width:25%;

    }



    .sticky .col-md-sticky-2{

        width:16.66666667%;

    }



    .sticky .col-md-sticky-1{

        width:8.33333333%;

    }



    .sticky .col-md-sticky-auto{

        width:auto;

    }



    .forDesktop #FormAra:before{

        content:'';

    }



    #headerTop{

        height:46px;

        line-height:45px;

    }



    #mainMenu a{

        font-size:12px;

    }



}



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



    #header-wrap:not(.sticky) *{

        transition: none !important;

    }



    .menu li.parentLink:hover > ul{

        display:block;

    }



}



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

    .icon-member-default-top {
        background: url(account.png) no-repeat center center;
        width: 44px;
        height: 44px;
        cursor: pointer;
        background-size: 100%;
    }

    #mobileMenuMain > ul {
        background-color: #fff;
        border-radius: 20px;
        margin-bottom: 25px;
    }

    #mobileMenuMain ul li  {
        background-color: #fff;
        padding: 10px 20px 0 20px;
        box-sizing: border-box;
        border-radius: 25px 0 0 25px;
    }

    #mobileMenuMain ul li.active  {
        background-color: #2670ad;
        box-shadow: 0 2px 2px rgba(102, 102, 102, 0.07);
        border-radius: 25px 0 0 25px;
        padding:20px;
        box-sizing: border-box;
    }

    #mobileMenuMain ul li.active a,
    #mobileMenuMain ul li.active p { 
        color: #fff;
    }

    #mobileMenuMain ul li.active img {
        mix-blend-mode: multiply;
    }
   

    #mobileMenuMain ul li.active ul li {
        background-color: #2670ad;
    }

    #loginMobile,
    #regisMobile {
        background-color: #2670ad;
        border-radius: 25px;
        height: 50px;
        font-size: 12px;
        font-weight: 400;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        text-transform: uppercase;
    }
    #mobileMenu {
        background-color: #f0f0f0;
    }
    .icon-cancel-top {
        background: url(close.png) no-repeat center center;
        width: 50px;
        height: 50px;
        display: flex;
    }

    .cat-mobil-name {
        color: #2b2a29;
        font-size: 16px;
        font-weight: 400;
    }

    .forDesktop {
        display: none !important;
    }

    #header-wrap #headerMain .mt20 {
        margin-top: 0;
    }

    .sticky .col-sm-sticky-12{

        width:100%;

    }



    .sticky .col-sm-sticky-11{

        width:91.66666667%;

    }



    .sticky .col-sm-sticky-10{

        width:83.33333333%;

    }



    .sticky .col-sm-sticky-9{

        width:75%;

    }



    .sticky .col-sm-sticky-8{

        width:66.66666667%;

    }



    .sticky .col-sm-sticky-7{

        width:58.33333333%;

    }



    .sticky .col-sm-sticky-6{

        width:50%;

    }



    .sticky .col-sm-sticky-5{

        width:41.66666667%;

    }



    .sticky .col-sm-sticky-4{

        width:33.33333333%;

    }



    .sticky .col-sm-sticky-3{

        width:25%;

    }



    .sticky .col-sm-sticky-2{

        width:16.66666667%;

    }



    .sticky .col-sm-sticky-1{

        width:8.33333333%;

    }



    .sticky .col-sm-sticky-auto{

        width:auto;

    }



    #mobileAppNotify{

        background-color:#e0e0e0;

    }



    #appNotify{

        position:relative;

        z-index:9999;

    }



    #appNotifyClose{

        background-color: #000;

        color: #FFF;

        font-size: 14px;

        line-height: 18px;

        text-align: center;

        width: 18px;

        min-width: 18px;

        height: 18px;

        padding: 0;

        margin-right: 10px;

        border-radius: 100%;

    }



    #appLogo{

        background-color: #FFF;

        width: 56px;

        min-width: 56px;

        height: 56px;

        border-radius: 4px;

        overflow: hidden;

        display: flex;

        align-items: center;

        justify-content: center;

        text-align: center;

    }



    #applogo *{

        margin:0px;

        padding:0px;

    }



    #appText{

        color: #000;

        font-size: 13px;

        font-weight: 500;

        line-height: 18px;

        width: calc(100% - 176px);

    }



    .menu-list, .menu-list li, .menu-list a{

        width:100%;

    }



    .menu-list.show, .menu li.parentLink ul.show{

        display:block;

    }



    .animate{

        -webkit-animation-duration: 0.5s;

        animation-duration: 0.5s;

        -webkit-animation-fill-mode: both;

        animation-fill-mode: both;

    }



    #menuBtn{

        font-size:31px;

        cursor:pointer;

    }



    [dir="rtl"] #menuBtn{

        background-position:10px center;

    }



    @-webkit-keyframes pageOverlayDefault{



        from{

            opacity:1;

        }



        to{

            opacity:0;

        }



    }



    @keyframes pageOverlayDefault{



        from{

            opacity:1;

        }



        to{

            opacity:0;

        }



    }



    #pageOverlay{

        position:fixed;

        top:0;

        right:0;

        bottom:0;

        left:0;

        background:rgba(0,0,0,.7);

        z-index:3333;

        opacity:0;

        display:none;

        -webkit-animation-duration:1.5s;

        animation-duration:1.5s;

        -webkit-animation-name:pageOverlayDefault;

        animation-name:pageOverlayDefault;

    }



    @-webkit-keyframes pageOverlay{



        from{

            opacity:0;

        }



        to{

            opacity:1;

        }



    }



    @keyframes pageOverlay{



        from{

            opacity:0;

        }



        to{

            opacity:1;

        }



    }



    .menuShow #pageOverlay{

        display:block;

        -webkit-animation-name:pageOverlay;

        animation-name:pageOverlay;

    }



    @-webkit-keyframes mobileMenuDefault{



        from{

            left:0;

        }



        to{

            left:-100%;

        }



    }



    @-webkit-keyframes mobileMenuDefaultRtl{



        from{

            right:0;

        }



        to{

            right:-100%;

        }



    }



    @keyframes mobileMenuDefault{



        from{

            left:0;

        }



        to{

            left:-100%;

        }



    }



    @keyframes mobileMenuDefaultRtl{



        from{

            right:0;

        }



        to{

            right:-100%;

        }



    }



    #mobileMenu{

        position:fixed;

        left:-100%;

        top:0;

        bottom:0;

        width:100%;

        background-color: #f0f0f0;

        overflow-y:scroll;

        -webkit-overflow-scrolling: touch;

        z-index:4444;

        -webkit-animation-name:mobileMenuDefault;

        animation-name:mobileMenuDefault;

    }



    [dir="rtl"] #mobileMenu{

        right:-100%;

        left:auto;

        -webkit-animation-name:mobileMenuDefaultRtl;

        animation-name:mobileMenuDefaultRtl;

    }



    @-webkit-keyframes mobileMenu{



        from{

            left:-100%;

        }



        to{

            left:0;

        }



    }



    @-webkit-keyframes mobileMenuRtl{



        from{

            right:-100%;

        }



        to{

            right:0;

        }



    }



    @keyframes mobileMenu{



        from{

            left:-100%;

        }



        to{

            left:0;

        }



    }



    @keyframes mobileMenuRtl{



        from{

            right:-100%;

        }



        to{

            right:0;

        }



    }



    .menuShow #mobileMenu{

        -webkit-animation-name:mobileMenu;

        animation-name:mobileMenu;

    }



    [dir="rtl"] .menuShow #mobileMenu{

        -webkit-animation-name:mobileMenuRtl;

        animation-name:mobileMenuRtl;

    }



    #mobileMenu .text-title{

        line-height:45px;

        font-size:20px;

    }



    #mobileMenuMain span, 

    #mobileMenuMain a, 

    #mobileMenuMain label, 

    #mobileMenuMain select{

        color:#666;

        font-size:17px;

        line-height:50px;

        cursor:pointer;

    }



    #mobileMenu span.active{

        color:#e35252;

        font-weight:600;

    }



    #mobileMenu li ul{

        display:none;

    }



    #mobileMenu li ul a{

        color:#999;

        font-size:15px;

        line-height:35px;

    }



    #mobileMenu select,

    [dir="rtl"] #mobileMenu select{

        background:none;

        border:0;

    }



    #headerMain{

        font-size:16px;

    }



    #logo a{

        height: 55px;
        line-height: 74px;
        align-items: center;

    }



    #logo p{

        height: 25px;
        line-height: 74px;
        align-items: center;
        justify-content: center;

    }



    #logo a img{

        width:auto;

        display:inline;

        vertical-align:middle;

    }



    #search{

        padding-left:0;

        padding-right:0;

        margin-top:0;

        margin-bottom:0;

    }



    #FormAra{

        position:relative;

        height:50px;

    }



    #FormAra:before{

        content:'';

    }



    #FormAra input[type="text"]{

        display:block;

        font-size:15px;

        padding-top:0;

        padding-bottom:0;

    }



    #FormAra input[type="text"]::-webkit-input-placeholder{

        line-height:25px;

        font-size:15px;

        color:#a8a8a8;

    }



    #FormAra input[type="text"]::-moz-placeholder{

        line-height:25px;

        font-size:15px;

        color:#a8a8a8;

    }



    #FormAra input[type="text"]:-ms-input-placeholder{

        line-height:25px;

        font-size:15px;

        color:#a8a8a8;

    }



    #FormAra input[type="text"]:-moz-placeholder{

        line-height:25px;

        font-size:15px;

        color:#a8a8a8;

    }



    #FormAra button[type="submit"]{

        display:block;

    }



/*    #live-search-box{

        opacity:0;

    }*/



    #mobileOptions{

        line-height:50px;

    }



    #mobileOptions a, 

    #mobileOptions span, 

    #mobileOptions label, 

    #mobileOptions select{

        color:#363636;

        font-size:15px;

        text-transform:capitalize;

    }



    #mobileOptions select{

        height:50px;

        line-height:50px;

    }



    #header-wrap .cart-soft-count,

    .accountMessageLink .message-count{

        width:20px;

        height:20px;

        line-height:20px;

    }



}



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



    .sticky .col-xs-sticky-12{

        width:100%;

    }



    .sticky .col-xs-sticky-11{

        width:91.66666667%;

    }



    .sticky .col-xs-sticky-10{

        width:83.33333333%;

    }



    .sticky .col-xs-sticky-9{

        width:75%;

    }



    .sticky .col-xs-sticky-8{

        width:66.66666667%;

    }



    .sticky .col-xs-sticky-7{

        width:58.33333333%;

    }



    .sticky .col-xs-sticky-6{

        width:50%;

    }



    .sticky .col-xs-sticky-5{

        width:41.66666667%;

    }



    .sticky .col-xs-sticky-4{

        width:33.33333333%;

    }



    .sticky .col-xs-sticky-3{

        width:25%;

    }



    .sticky .col-xs-sticky-2{

        width:16.66666667%;

    }



    .sticky .col-xs-sticky-1{

        width:8.33333333%;

    }



    .sticky .col-xs-sticky-auto{

        width:auto;

    }



    #header{

        padding-top:120px;

    }



    #headerMain{

        position:fixed;

        top:0;

        left:0;

        background:#fff;

        box-shadow:0 3px 3px rgba(0,0,0,.1);

        z-index:999;

    }



    #menuBtn{

        font-size:25px;

    }



    #mainMenu{

        border-radius:0;

    }



    #closeMobileMenu{

        font-size:14px;

    }



    #FormAra{

        

    }



    #FormAra input[type="text"]{

        height:38px;

        font-size:13px;

    }



    #FormAra input[type="text"]::-webkit-input-placeholder{

        font-size:13px;

    }



    #FormAra input[type="text"]::-moz-placeholder{

        font-size:13px;

    }



    #FormAra input[type="text"]:-ms-input-placeholder{

        font-size:13px;

    }



    #FormAra input[type="text"]:-moz-placeholder{

        font-size:13px;

    }



    #FormAra button[type="submit"]{

     

    }



    #mobileMenu .text-title{

        font-size:18px;

    }



    #mobileMenuMain span, 

    #mobileMenuMain label, 

    #mobileMenuMain select{

        line-height:40px;

        font-size:12px;


    }



    #mobileMenuMain a,

    #mobileMenuMain li span{

        line-height: 40px;
        font-size: 13px;
        color: #2b2a29;
        font-weight: 400;

    }
  

    #mobileMenu li ul a, 

    #mobileMenu li ul span{

        line-height:30px;

        font-size:13px;

    }



    #mobileOptions a, 

    #mobileOptions span, 

    #mobileOptions label, 

    #mobileOptions select{

        font-size:13px;

    }



    .menuOverflow{

        position:relative;

    }



    .menuPrev, .menuNext{

        position:absolute;

        top:0;

        bottom:0;

        width:15px;

        height:100%;

        background-color:rgba(0,0,0,.3);

        z-index:33;

    }



    .menuPrev{

        left:0;

    }



    .menuNext{

        right:0;

    }



    .basketLink .icon-cart:before,

    .accountMessageLink .icon-email:before{

        margin-right:0;

    }



    #headerMain .icon-member-default,

    #headerMain .icon-cart{

        font-size:16px;

    }



}