#desktopHeaderTpl{
    display:none;
}
#mobileTpl{
    display:block;
}
#hm,#site-slider .item,#site-slider span,.mcontext__sub,.tile>a {
    background-color: #fff
}
#site-slider{
    max-height: 350px;
}
#user-menu li,#userPopMenu .divider,#userPopMenu ul li a {
    text-overflow: ellipsis;
    white-space: nowrap
}

#f ul.show li a,#user-menu li,.tile--2x1 div,.top-search #h-bottom {
    display: block
}

#mobilemenu,.mcontext__btn__back {
    -webkit-tap-highlight-color: transparent
}

#menu_actions li,#mobileCategoryFilter .content li,#newSletter,#user-menu li a,#user-menu li select,#userPopMenu .divider,.mcontext__btn__back {
    text-transform: uppercase
}

#f ul.show li,#f-first .row,#fbanks,#h-middle,#mobilApps i {
    margin: 0
}

#categoryTopClone,#f .mbTab li:first-child,#f-first,#h-bottom i,#p-right,#toolbar,#user-menu li {
    text-align: center
}

#newSletter,#newSletterBtn,#user-menu li select {
    -webkit-appearance: none
}

#hm {
    font-size: 20px;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 12;
    border-bottom: 1px solid #d2d2d2;
    padding-top: 0
}

#hm .col {
    padding: 0
}

#mainWrapper {
    padding-top: 86.5px
}

.category-page #mainWrapper {
    padding-top: 126.5px
}

#h-middle i {
    width: 23px;
    line-height: 44px;
    height: 44px;
    font-size: 19px
}

#h-middle .ion-navicon {
    width: 22px;
    font-size: 30px;
    color: #313131
}

#h-middle .container {
    padding: 0
}

#h-middle li {
    padding-top: 0;
    padding-bottom: 0
}

#mbasket {
    position: relative;
    padding-right: 17px
}

#mbasket b {
    font-size: 11px;
    position: absolute;
    right: 0;
    top: 5px;
    font-weight: 400
}

.navFix #h-middle .logo {
    margin-top: 13px
}

.tiles {
    margin-bottom: -21px;
    margin-left: 10px;
    margin-right: 10px
}

.tile img {
    margin: auto
}

.tile {
    position: relative;
    clear: both;
    border-bottom: 1px solid #9c9c9c;
    padding-bottom: 10px;
    margin-bottom: 20px;
    width: 100%
}

.tile:last-child {
    border-bottom-color: transparent
}

.tile--2x1 div {
    position: static;
    height: auto
}

#f ul.mbTab li,#newSletterBtn i {
    display: none
}

#site-slider span {
    position: static;
    margin-top: 10px
}

.tile div {
    padding: 1.5rem
}

.tile>a {
    padding: .25rem .5rem!important
}

#newSletter {
    width: 64%
}

#newSletterBtn {
    width: 35%;
    font-size: 10px;
    border: none
}

#f {
    padding: 0
}

#f .container .col {
    flex: 0 0 auto;
    width: 100%;
    padding: 0
}

#mobilApps li {
    float: left;
    width: 50%
}

#mobilApps li:first-child {
    width: 100%;
    text-align: center
}

.mbTab:first-child {
    border-top: 1px solid #d2d2d2
}

.mbTab:last-child li:first-child {
    border: none
}

.mbTab {
    line-height: 1.5;
    font-size: 10.5px
}

#f .container:first-child {
    padding: 0 15px
}

#f .mbTab li:first-child,#f ul.show li {
    padding: 0 10px;
    border-bottom: 1px solid #d2d2d2;
    display: block;
    height: 44px
}

#h-bottom,#mobilApps {
    display: none
}

#f .mbTab li:first-child {
    line-height: 44px;
    background: #f4f4f4;
    margin: 0
}

#f ul.show li {
    line-height: 44px;
    background: #f9f9f9
}

#f-bottom,#newSletter {
    background-color: #f4f4f4
}

#f-first {
    padding-left: 15px;
    padding-right: 15px
}

#f label {
    font-size: 11.84px;
    text-align: left;
    margin-bottom: 0;
    padding-bottom: 5px
}

#newSletter {
    border: 1px solid #ccc;
    color: #ccc;
    font-size: 10px;
    height: 46px;
    border-radius: 0
}

#socials {
    width: auto;
    margin: auto
}

#fbanks {
    margin-bottom: 10px
}

#f-bottom label {
    margin: 10px 0
}

#f-bottom {
    padding-bottom: 10px
}

#f .botCopy {
    margin: 0 auto;
    padding-top: 15px;
    border: none
}

#toolbar,#user-menu {
    border-bottom: 1px solid #d2d2d2
}

#botPhone small {
    font-size: 13px
}

#botPhone i {
    margin: 0 10px
}

.top-search #content,.top-search #header>:not(#hm) {
    /* opacity: .35; */
    /* transition: opacity .2s ease-in-out; */
}

#h-bottom {
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    background: #f4f4f4;
    box-shadow: 0px 4px 10px #0000005c;
}

#search {
    width: 85%;
    background: 0 0!important;
    border: none;
    text-indent: 10px;
    padding: 12px;
    font-size: 1.067rem
}

#h-bottom i {
    width: 10%;
    display: inline-block;
    font-size: 25px;
    margin-top: 4px;
    float: right;
    color: #000
}

#h-bottom #searchBtn {
    width: 20%;
    max-width: none
}

#mobileMenuBar {
    position: fixed;
    top: 0;
    z-index: 100!important;
    background: #fff;
    width: 87%;
    left: 0;
    overflow-x: hidden!important;
    overflow-y: scroll;
    height: 100%;
    border-right: 1px solid #d2d2d2;
    display: none
}

#mobilemenu,.mcontext__sub {
    list-style: none;
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
    height: 100%
}

#toolbar {
    border-right: none;
    border-right: 0;
    border-left: 0;
    border-top: 0;
    position: relative;
    line-height: 29px!important;
    height: 29px!important;
    color: #313131
}

#user-menu {
    margin: 0;
    overflow: hidden;
    text-align: left;
    display: flex!important;
    top: 0;
    left: 0;
    padding: 0
}

#user-menu li {
    margin-right: 0;
    border-right: 1px solid #f4f4f4;
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    overflow: hidden
}

#user-menu li a {
    line-height: 44px;
    height: 44px;
    justify-content: center;
    align-items: center;
    font-size: 12px
}

#user-menu li select {
    appearance: none;
    border: none;
    outline: 0;
    font-weight: 700
}

.yonetim_mesaj {
    display: none
}

#mobilemenu a,.mcontext__sub li a,.mcontext__title {
    line-height: 1;
    font-size: 14.5px;
    margin: 0;
    color: #666;
    display: block;
    font-weight: 400;
    text-transform: uppercase
}

#menu_container_mobile {
    overflow: hidden!important;
    padding-bottom: 50px;
    height: 100%
}

#mobilemenu {
    margin: 0;
    padding: 0 0 60px;
    position: relative
}

.menuopen #divMainNav.mobile,.menuopen #mobilemenu {
    opacity: 1
}

.mcontext {
    margin: 0
}

#mobilemenu a,.mcontext__title {
    padding: 15px 20px;
    position: relative
}

.mcontext__sub {
    padding: 0;
    position: absolute;
    top: 73px;
    left: 0;
    right: 0;
    z-index: 1;
    transform: translateX(100%);
    transition: transform .1s linear,max-height .4s linear;
    max-height: 0;
    min-height: 100vh
}

.mcontext__btn__back:before,.mcontext__title:after {
    width: 0;
    position: absolute;
    content: ""
}

.mcontext__title:after {
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 8px;
    border-color: transparent transparent transparent #313131;
    top: 17px;
    right: 17px
}

.mcontext__sub--open {
    transform: translateX(0);
    overflow: hidden;
    background: #fff;
    max-height: 999px;
    padding-bottom: 60px;
    top: 0
}

.mcontext__sub li a {
    text-decoration: none;
    padding: 0
}

.mcontext__btn__back {
    display: none;
    position: absolute;
    border: 1px solid #d2d2d2;
    margin-bottom: 10px;
    line-height: 3;
    padding-left: 37px;
    font-size: 14px;
    top: 28px;
    left: 0;
    right: -1px;
    background: #fff;
    height: 45px;
    text-indent: -3px;
    z-index: 5000;
    border-right: none;
    border-left: none
}

#filters-sidebar-block,#userPopMenu {
    position: fixed;
    width: 80%;
    z-index: 100
}

.mcontext--backpage .mcontext__btn__back {
    display: block
}

.mcontext__btn__back:before {
    height: 0;
    border-style: solid;
    border-width: 5px 8px 5px 0;
    border-color: transparent #666 transparent transparent;
    top: 17px;
    left: 17px
}

#mmenublocker,.menuopen,.pagestop {
    height: 100%;
    top: 0;
    left: 0;
    position: fixed
}

.menuopen,.pagestop {
    right: 0;
    bottom: 0;
    transform: translateZ(0);
    overflow: hidden!important
}

.menuopen #mobileMenuBar {
    display: block!important;
    opacity: 1
}

.filtermenuopen #mmenublocker,.menuopen #mmenublocker,.usermenuopen #mmenublocker {
    display: block!important
}

#mmenublocker {
    display: none;
    width: 100%;
    z-index: 99;
    opacity: .3;
    transition: opacity .4s ease .4s;
    background: #000
}

.usermenuopen #userPopMenu {
    display: block
}

#userPopMenu {
    left: 40px;
    top: 78px;
    box-shadow: 0 2px 10px rgba(0,0,0,.3);
    background: #fff;
    min-width: 140px;
    display: none
}

#userPopMenu ul {
    overflow: scroll;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 15px 0
}

#userPopMenu ul li a {
    overflow: hidden;
    color: #000;
    display: block;
    padding: 10px 10px 10px 20px;
    margin: 0;
    font-size: 13px
}

#userPopMenu .divider {
    overflow: hidden;
    font-size: 10px;
    text-indent: 20px;
    line-height: 25px;
    background: rgba(0,0,0,.05)
}

#userPopMenu:before {
    content: '';
    background: inherit;
    display: block;
    width: 15px;
    height: 15px;
    position: absolute;
    z-index: 0;
    transform: rotate(45deg);
    left: 22px;
    top: -8px
}

.inner {
    display: block
}

#leftColumn,#mainColumn {
    width: 100%;
    max-width: none!important;
    float: none;
    padding: 0
}

.product-block .product h5 {
    height: 35px
}

#categoryTopContent,#categoryTopFilter .categoryPagi,#cselect .input-group-addon {
    display: none
}

div#categoryTitle {
    margin-top: 0
}

div#categoryTitle h1 {
    font-size: 14px;
    padding-top: 0
}

#categoryTopClone {
    display: block!important;
    max-width: 90%;
    margin: 15px auto 0;
    overflow: hidden;
    overflow-y: auto;
    max-height: 116px;
    color: #222
}

#categoryTopClone a {
    color: #000
}

.col-product {
    padding-left: 5px;
    padding-right: 5px
}

#catalog-middle-block-select {
    border: 1px solid #c2c2c2!important
}

#filters-sidebar-block,.block>div.title {
    border-bottom: 1px solid #ccc;
    overflow: auto
}

#filters-sidebar-block {
    top: 0;
    right: 0;
    height: 100%;
    background: #f4f4f4;
    border-left: 5px solid #f4f4f4;
    display: none
}

.filtermenuopen #filters-sidebar-block {
    display: block
}

#filters-sidebar-block .block {
    margin-top: 0;
    display: block
}

#filters-sidebar-block .block>* {
    display: none
}

#filters-sidebar-block .block.show ul {
    display: block
}

#filterCats a {
    margin-bottom: 5px
}

.block>div.title {
    display: block!important;
    display: block;
    background-color: #f4f4f4;
    border-top: 1px solid #fff;
    clear: both;
    line-height: 33px;
    font-size: .933rem;
    margin: 0;
    position: relative;
    font-weight: 400;
    padding-left: 10px
}

.block>div.title:after {
    display: inline-block;
    font-family: FontAwesome;
    position: absolute;
    top: 0;
    right: 10px;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    visibility: visible;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f107";
    height: 33px;
    line-height: 33px;
    color: #313131
}

#filterCats li a,.custom-filter label {
    font-size: 13px
}

.custom-filter span.input-wrap {
    width: 18px;
    height: 18px;
    background: #fff;
    border: 1px solid #000;
    margin-top: 0;
    float: left;
    margin-right: 10px;
    position: relative;
    top: -2px
}

#mobilFilter {
    display: block!important
}

#p-slider-nav {
    display: none
}

#p-slider-for {
    width: 100%
}

#p-slider-for img {
    max-width: 100%!important
}

#p-right {
    width: 85%;
    margin: auto
}

#otherColors {
    margin: auto;
    width: 100%
}

#otherColors li.item {
    float: none;
    display: inline-block;
    width: auto
}

#otherColors img {
    max-height: 100px
}

##p-tabs {
     margin: 0
 }

#p-tabs li {
    font-size: 10px;
    padding: 0
}

#details .col-sm-6 {
    display: block;
    text-align: left;
    width: 100%
}

#vaatler,.catalog-footer,.zoomContainer {
    display: none
}

.product-block div.product {
    margin-right: 0
}

.product-block div.product-items {
    max-height: none
}

div#p-right,div#p-slider-for {
    padding-top: 5px
}

#vaatler {
    font-size: 12px
}

.product-block .showcase li img {
    visibility: visible!important;
    opacity: 1!important
}

#content>.inner {
    margin: 0!important
}

.col-product {
    padding: 0;
    max-width: 50%;
    flex: none
}

#otherColors {
    display: block!important;
    white-space: nowrap;
    overflow: hidden;
    overflow-x: scroll
}

.product-block h2 {
    background: 0 0;
    width: 100%;
    text-align: center
}

.msg-buttons button {
    font-size: 11px;
    width: 100%;
    margin-bottom: 4px
}

.HelpL,.HelpR {
    width: 100%!important
}

.msg-content {
    padding: 30px 15px!important
}

#mex_bag_close {
    font-size: 18px!important
}

div.msg-content li label,div.msg-content p {
    font-size: 10px!important
}

div.msg-content li label {
    width: 100%!important;
    margin-bottom: 5px!important
}

div.msg-content {
    width: 90%
}

div.msg-buttons button {
    font-size: 11px;
    width: 100%;
    margin-bottom: 4px;
    padding: 0 5px!important
}

#df-tabs .tab {
    display: none!important
}

div#df-tabs>ol {
    position: static;
    right: inherit;
    bottom: inherit;
    margin: 0;
    padding: 0;
    width: 100%;
    display: flex;
    height: auto
}

#goTop,#mclose {
    position: fixed
}

div#df-tabs>ol a {
    text-align: center;
    width: 100%
}

div#df-tabs {
    display: block;
    border: none;
    padding: 0
}

div#df-right {
    padding: 21px 11px;
    position: static;
    max-width: 100%
}

#df {
    margin-top: 0!important
}

#df-right>div {
    text-align: left
}

#mclose,#menu_actions,#menu_actions li,#soldOutProduct {
    text-align: center
}

#df-ucontrol .row {
    margin-bottom: 20px
}

#df-ucontrol button {
    width: 100%!important
}

#df-ucontrol button.addBasket {
    margin-bottom: 10px
}

#df-ucontrol button.wishList {
    background: #eee;
    color: #222;
    border-color: #ccc
}

#priceOffer {
    padding: 5px 0 10px;
    font-size: 15px
}

#df-bottom #df-tabs li {
    width: 100%;
    margin-right: 0;
    border-width: 1px
}

#content {
    padding: 0
}

ul#df-tabs {
    padding-top: 10px;
    display: block;
    border: none
}

div#df-bottom {
    padding: 0 10px
}

ul#df-tabs li.active {
    border-color: #ccc;
    color: #000
}

#df ul.slick-dots {
    width: 100%;
    left: inherit;
    right: inherit
}

#breadcrumb,#df .slick-arrow {
    display: none!important
}

#goTop,.webview .goback {
    right: 30px;
    bottom: 45px;
    visibility: visible;
    cursor: pointer;
    opacity: 1;
    display: none;
    color: #fff;
    z-index: 99999;
    font-size: 37px;
    background-color: rgba(0,0,0,.46);
    border-radius: 6px;
    padding: 0 11px
}

.menuopen #mclose {
    display: block
}

#mobileCategoryFilter .content:not(.active) {
    display: none
}

#mobileCategoryFilter .content {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 320px;
    display: block;
    border-bottom: 1px solid #ccc;
    background-color: #f4f4f4
}

.filters #selectedFilters {
    border-bottom: 1px solid #d2d2d2;
    text-align: center;
    display: inline-block;
    width: 100%;
    white-space: nowrap;
    background-color: #f4f4f4;
    overflow: hidden;
    overflow-x: auto
}

#cartDetail .block-header .block-title,#df-info {
    text-align: center!important
}

#selectedFilters li {
    border: 1px solid #d2d2d2;
    padding: 0;
    display: inline-block;
    margin: 7px 5px 7px 0;
    background-color: #fff;
    border-radius: 3px;
    font-size: 12px
}

#selectedFilters li a {
    position: relative;
    font-size: 10px;
    padding: 7px 7px 7px 16px;
    display: block
}

#selectedFilters li a:before {
    content: '\f00d';
    font-family: FontAwesome;
    margin-right: 5px
}

#mobileCategoryFilter .block-cats {
    display: none!important
}

#mobileCategoryFilter .block .input-group,#mobileCategoryFilter .block ul {
    display: none
}

#mobileCategoryFilter .block.show ul {
    display: block
}

#mobileCategoryFilter .block {
    margin: 0;
    display: block
}

#mobileCategoryFilter .content ol {
    padding: 0
}

#mobileCategoryFilter .content li {
    display: block;
    background-color: #f4f4f4;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #fff;
    clear: both;
    overflow: auto;
    line-height: 25px;
    font-size: .933rem;
    color: #313131;
    padding: 5px 10px;
    font-weight: 400
}

#mclose,.category-page #mainColumn {
    padding: 0
}

#mobileCategoryFilter .content li a {
    color: #313131
}

#mobileCategoryFilter .content li:last-child {
    border-bottom: none
}

#mclose {
    top: 0;
    left: 87%;
    z-index: 101!important;
    font-size: 27px;
    color: #000;
    background-color: #fff;
    width: 35px;
    height: 29px;
    line-height: 29px;
    display: none
}

#mobileCategoryFilter {
    width: 100%;
    z-index: 98;
    transition: top .25s linear;
    position: fixed;
    top: 75px;
    display: none;
}
.category-page #mobileCategoryFilter {
    display: block!important
}

#menu_actions {
    border-bottom: 1px solid #d2d2d2;
    overflow: auto;
    background: #fff;
    position: relative;
    top: 0;
    margin: 0
}

#menu_actions li {
    border-right: 1px solid #d2d2d2;
    line-height: 40px;
    font-size: 11px;
    position: relative;
    width: 33%
}

#menu_actions li.active {
    background-color: #f4f4f4
}

#menu_actions li.active:after {
    font-family: Ionicons;
    content: "\f12a";
    margin-left: 5px
}

#menu_actions li:last-child {
    border-right: none
}

#categoryTopFilter {
    display: none
}

.product-list .row {
    display: block!important;
    margin: 0
}

.product div.product-bottom {
    padding: 10px;
    height: 143px
}

#df-left .slick-list div.item {
    padding: 0!important;
    opacity: .4
}

#df-left .slick-list div.slick-current.item {
    opacity: 1
}

#df .row {
    margin: 0!important
}

#df-right {
    padding: 20px 0
}

div#df-pop-slider-nav {
    padding-left: 0;
    left: 10px;
    width: 40px;
    opacity: .5
}

#df-pop-slider-nav .item img {
    max-width: 40px
}

#df-tab-contents div.content {
    display: block!important;
    padding-right: 15px
}

#df-tab-contents div.content .tab-content {
    display: none
}

#df-tab-contents div.content.show .tab-content {
    display: block
}

#df-tab-contents .toggle {
    display: block!important;
    border-bottom: .1rem solid #ddd;
    color: #222;
    padding: 10px 0;
    font-size: 12px
}

#df-tab-contents .toggle:after {
    content: '\f0d7';
    font-family: FontAwesome;
    float: right
}

#df-pop-slider-nav {
    display: none!important
}

#mainColumn .account-div {
    width: 100%;
    float: left;
    margin-bottom: 20px;
}

div.sizeOverlay iframe {
    padding: 0;
    margin: 0;
    width: 96%
}

div#df-foot h2 {
    font-size: 14px;
    border: none;
    padding: 0
}

div#df-foot a {
    padding: 0;
    font-size: 11px
}

div.product-block>ul li {
    margin-right: 0;
    width: 50%;
    white-space: nowrap
}

div.product-block>ul li h2 {
    font-size: 10px
}

div.product-block .product-items {
    padding-top: 5px
}

#soldOutProduct h1 {
    font-size: 14px
}

#cart-summary-sidebar-block .col-xs-6 {
    width: 49%!important
}

#cartDetail .block-content {
    width: 95%;
    margin: auto
}

.webview .goback {
    display: block!important;
    position: fixed;
    left: 22px;
    bottom: 45px;
    z-index: 12;
    right: inherit;
    width: 45px;
    text-align: center
}
.logo{
    background-image: url(../images/logo.min.svg);
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    width: 108px;
    margin: 9.75px auto !important;
    height: 19px;
    cursor: pointer;
}
.page.content-page #mainColumn{
    flex:none;
}
#content-menu-sidebar-block{
    padding: 20px 15px;
}
.tile--2x1 div>a{
    top:inherit;
    bottom:0px;
}
#sideCart{
    top:0;
    height: 100%;
    padding: 20px 20px;
}