.d-grid {
    display: grid;
}

.d-grid a, .d-grid picture {
    display: flex;
}

.box-sizing {
    box-sizing: border-box;
}

.flex-wrap {
    flex-wrap: wrap;
}

.justify-center {
    justify-content: center;
}

.pl-0 {
    padding-left: 0px !important;
}

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

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

.pl-20 {
    padding-left: 20px !important;
}

.pl-30 {
    padding-left: 30px !important;
}

.pl-40 {
    padding-left: 40px !important;
}

.pl-50 {
    padding-left: 50px !important;
}

.pl-60 {
    padding-left: 60px !important;
}

.pl-70 {
    padding-left: 70px !important;
}

.pl-80 {
    padding-left: 80px !important;
}

.pl-90 {
    padding-left: 90px !important;
}

.pl-100 {
    padding-left: 100px !important;
}

.pr-0 {
    padding-right: 0px !important;
}

.pr-5 {
    padding-right: 5px !important;
}

.pr-10 {
    padding-right: 10px !important;
}

.pr-20 {
    padding-right: 20px !important;
}

.pr-30 {
    padding-right: 30px !important;
}

.pr-40 {
    padding-right: 40px !important;
}

.pr-50 {
    padding-right: 50px !important;
}

.pr-60 {
    padding-right: 60px !important;
}

.pr-70 {
    padding-right: 70px !important;
}

.pr-80 {
    padding-right: 80px !important;
}

.pr-90 {
    padding-right: 90px !important;
}

.pr-100 {
    padding-right: 100px !important;
}

.pt-0 {
    padding-top: 0px !important;
}

.pt-10 {
    padding-top: 10px !important;
}

.pt-20 {
    padding-top: 20px !important;
}

.pt-30 {
    padding-top: 30px !important;
}

.pt-40 {
    padding-top: 40px !important;
}

.pt-50 {
    padding-top: 50px !important;
}

.pt-60 {
    padding-top: 60px !important;
}

.pt-70 {
    padding-top: 70px !important;
}

.pt-80 {
    padding-top: 80px !important;
}

.pt-90 {
    padding-top: 90px !important;
}

.pt-100 {
    padding-top: 100px !important;
}

.pb-0 {
    padding-bottom: 0px !important;
}

.pb-10 {
    padding-bottom: 10px !important;
}

.pb-20 {
    padding-bottom: 20px !important;
}

.pb-30 {
    padding-bottom: 30px !important;
}

.pb-40 {
    padding-bottom: 40px !important;
}

.pb-50 {
    padding-bottom: 50px !important;
}

.pb-60 {
    padding-bottom: 60px !important;
}

.pb-70 {
    padding-bottom: 70px !important;
}

.pb-80 {
    padding-bottom: 80px !important;
}

.pb-90 {
    padding-bottom: 90px !important;
}

.pb-100 {
    padding-top: 100px !important;
}

.grid-1 {
    grid-template-columns: repeat(1, 1fr);
}

.grid-2 {
    grid-template-columns: repeat(2, 1fr);
}

.grid-3 {
    grid-template-columns: repeat(3, 1fr);
}

.grid-4 {
    grid-template-columns: repeat(4, 1fr);
}

.grid-5 {
    grid-template-columns: repeat(5, 1fr);
}

.grid-6 {
    grid-template-columns: repeat(6, 1fr);
}

.grid-7 {
    grid-template-columns: repeat(7, 1fr);
}

.grid-8 {
    grid-template-columns: repeat(8, 1fr);
}

.grid-9 {
    grid-template-columns: repeat(9, 1fr);
}

.grid-10 {
    grid-template-columns: repeat(10, 1fr);
}

.grid-11 {
    grid-template-columns: repeat(11, 1fr);
}

.grid-12 {
    grid-template-columns: repeat(12, 1fr);
}

.row-0 {
    grid-row-gap: 0px;
}

.row-5 {
    grid-row-gap: 5px;
}

.row-10 {
    grid-row-gap: 10px;
}

.row-20 {
    grid-row-gap: 20px;
}

.row-30 {
    grid-row-gap: 30px;
}

.row-40 {
    grid-row-gap: 40px;
}

.row-50 {
    grid-row-gap: 50px;
}

.row-60 {
    grid-row-gap: 60px;
}

.row-70 {
    grid-row-gap: 70px;
}

.row-80 {
    grid-row-gap: 80px;
}

.row-90 {
    grid-row-gap: 90px;
}

.row-100 {
    grid-row-gap: 100px;
}

.column-0 {
    grid-column-gap: 0px;
}

.column-5 {
    grid-column-gap: 5px;
}

.column-10 {
    grid-column-gap: 10px;
}

.column-20 {
    grid-column-gap: 20px;
}

.column-30 {
    grid-column-gap: 30px;
}

.column-40 {
    grid-column-gap: 40px;
}

.column-50 {
    grid-column-gap: 50px;
}

.column-60 {
    grid-column-gap: 60px;
}

.column-70 {
    grid-column-gap: 70px;
}

.column-80 {
    grid-column-gap: 80px;
}

.column-90 {
    grid-column-gap: 90px;
}

.column-100 {
    grid-column-gap: 100px;
}

.fs-blog {
    padding: 40px 20px;
    box-sizing: border-box;
}

.fs-blog-item {
    padding: 0 20px;
}

.fs-blog-title {
    font-size: 20px;
    letter-spacing: .5px;
    font-weight: 600;
    margin-bottom: 20px;
    text-align: left;
    padding: 0 20px;
    box-sizing: border-box;
}

.fs-item-content i {
    font-style: normal;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: .5px;
    margin-bottom: 5px;
}

.fs-item-content span {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .5px;
}

.fs-item-content {
    padding-top: 5px;
}

.ap-tab ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    background: #fff;
    border: 0.5px solid #161616;
}

#header-wrap.sticky .ht-gif {
    display: none;
}

.hb-item.no-gap {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
}

.hb-item picture {
    display: flex;
}

.kayan-yazi-container {
    white-space: nowrap;
    overflow: hidden;
    height: 40px;
    background-color: rgb(195 27 1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border-top: .2px solid #000;
}

ul.kayan-yazi {
    white-space: nowrap;
    padding: 0;
    margin: 0;
    list-style: none;
    animation: kayan-liste 50s linear infinite;
    display: flex;
    justify-content: center;
    height: 40px;
    align-items: center;
}

ul.kayan-yazi li {
    position: relative;
    padding: 0 5px;
    font-size: 14px;
    letter-spacing: .4px;
    font-weight: 200;
    color: #fff;
}

@keyframes kayan-liste {
    0% {
        transform: translateX(100%)
    }

    100% {
        transform: translateX(-100%)
    }
}

.tum-ilanlar a {
    height: 40px;
    border: .5px solid #000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 300;
}

.tum-ilanlar a img {
    margin-right: 5px;
}

.tum-ilanlar {
    margin-bottom: 40px;
}

.ilan-detay {
    border: 0.5px solid #161616;
    background: #fff;
    min-height: 600px;
    padding: 35px;
    box-sizing: border-box;
}

.ilan-detay-title {
    font-size: 24px;
}

.ilan-detay-title i {
    font-style: normal;
    font-size: 14px;
    font-weight: 300;
    padding-top: 5px;
}

.ilan-detay-detay {
    font-style: normal;
    font-size: 13px;
    font-weight: 300;
}

.ilan-detay-top {
    border-bottom: .5px solid #ddd;
    padding-bottom: 20px;
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.ilan-detay-bottom ul li {
    list-style-type: circle;
    font-size: 14px;
    padding-bottom: 15px;
    font-weight: 300;
}

.ilan-detay-bottom ul {
    padding-left: 13px;
}

.ilan-detay-note {
    font-size: 14px;
    border: .5px dashed #000;
    padding: 20px;
    box-sizing: border-box;
    margin-top: 10px;
}

.ilan-detay-note a {
    font-weight: 600;
}

.ap-tab {
    padding: 30px 30px 10px 30px;
    box-sizing: border-box;
}

.ap-tab ul li {
    cursor: pointer;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    border-right: .5px solid #ddd;
    color: #171616;
    background: #fafafa;
    font-size: 14px;
}

.kariyer-page-title {
    margin-bottom: -360px;
    height: 500px;
    background: url(/Data/EditorFiles/kariyer.jpg)no-repeat center;
    text-align: center;
    color: #fff;
    border: none;
    padding: 0;
    font-size: 20px;
    font-weight: 200;
    padding-top: 100px;
    box-sizing: border-box;
}

.ap-tab ul li.active {
    background-color: #171616;
    color: #fff;
}

.ap-content .content {
    display: none;
    box-sizing: border-box;
}

.acik-pozisyonlar {
    border: .5px solid #161616;
    box-sizing: border-box;
    background: #fff;
    min-height: 600px;
}

.ap-tab ul li:last-child {
    border: none;
}

.ap-content {
    padding: 10px 30px;
    box-sizing: border-box;
}

.ap-content-title {
    display: flex;
    justify-content: space-between;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
    color: #888;
    letter-spacing: .5px;
    padding: 25px 0;
    box-sizing: border-box;
}

.ap-content ul li a {
    display: flex;
    justify-content: space-between;
    padding: 25px 0;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 400;
    border-top: .5px solid #ddd;
}

.ap-content ul li a i {
    font-style: normal;
}

.ap-content ul li a:hover span, .ap-content ul li a:hover i {
    text-decoration: underline;
}

.hb-item {
    display: grid;
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    padding: 0;
    box-sizing: border-box;
}

.slick-arrow {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    margin-right: -20px;
    border: none;
    border-radius: 100%;
    font-size: .1px;
    z-index: 9;
    cursor: pointer;
    padding: 0;
}

button.slick-prev.slick-arrow {
    left: 20px;
    background: #ffffff8c url(/Data/EditorFiles/arrow-left.svg) no-repeat center;
    background-size: 20px;
}

button.slick-next.slick-arrow {
    right: 40px;
    background: #ffffff8c url(/Data/EditorFiles/arrow-right.svg) no-repeat center;
    background-size: 20px;
}

.yeni-cat-grup li {
    width: 100%;
    margin-bottom: 20px;
}

.yeni-cat-grup {
    width: 200px;
}

.hb-item.hb-item-other {
    display: flex;
}

.home-banner a {
    display: flex;
}

.hb-text-title {
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 400;
    text-align: center;
    margin-bottom: 5px;
}

.hb-text-desc {
    font-size: 16px;
    line-height: 150%;
    font-weight: 300;
    text-align: center;
}

.hb-item.hb-text {
    padding: 50px 10%;
    box-sizing: border-box;
}

.home-banner {
    display: grid;
    grid-row-gap: 0;
    padding-top: 0;
    padding-bottom: 0;
}

.hb-item.hb-ikili {
    grid-template-columns: repeat(2,1fr);
}

.hb-item.hb-dortlu {
    grid-template-columns: repeat(4,1fr);
}

.hb-item.hb-uclu {
    grid-template-columns: repeat(3,1fr);
}

.freshscarfXME .content .item {
    padding: 5px;
    box-sizing: border-box;
}

.headerTop ul li a {
    text-align: center;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
}

.headerTop {
    height: 30px;
    overflow: hidden;
}

.freshscarfXME .content .slick-arrow {
    position: absolute;
    top: 50%;
    margin-top: -21px;
    width: 42px;
    height: 42px;
    border-radius: 100%;
    font-size: .1px;
    border: none;
    padding: 0;
    z-index: 99;
    cursor: pointer
}

.freshscarfXME .content .slick-arrow.slick-prev {
    background: url(https://www.freshscarfs.com/theme/v4-freshscarfs/sub_theme/genel/firat/v4/font/prev.svg) no-repeat center center;
    left: 20px
}

.freshscarfXME .content .slick-arrow.slick-next {
    background: url(https://www.freshscarfs.com/theme/v4-freshscarfs/sub_theme/genel/firat/v4/font/next.svg) no-repeat center center;
    right: 20px
}

.kuponlar {
    padding: 15px 0;
}

.kuponlar ul li {
    display: flex;
    justify-content: center;
    border: 2px solid #a50c0e;
    box-sizing: border-box;
    margin: 5px 0;
    flex-wrap: wrap;
    width: 125px;
    margin-right: 20px;
    height: 109px;
    flex-direction: column;
    padding: 0 12px;
    cursor: pointer;
}

.kuponlar ul li.active {
    border-color: #27ae60;
}

.kuponlar ul li span {
    font-size: 14px;
    letter-spacing: .5px;
    width: 100%;
    font-weight: 700;
    text-align: center;
}

.kuponlar ul li.active span {
    color: #27ae60;
}

.kuponlar ul li span i {
    font-style: normal;
    font-size: 11px;
    font-weight: 400;
    margin-top: 5px;
    display: block;
    color: #aaa;
}

.kuponlar ul li div {
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .5px;
    cursor: pointer;
    background: #a50c0e;
    color: #fff;
    margin-top: 8px;
    text-align: center;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: -1;
}

.kuponlar ul li.active div {
    background: #27ae60;
    z-index: 9;
}

.freshscarfXME {
    padding: 30px 0;
}

.freshscarfXME .title {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 10px;
}

form#pop-login-form {
    padding: 30px !important;
    box-sizing: border-box;
}

ul#pop-login-type {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-column-gap: 20px;
    box-sizing: border-box;
    margin-bottom: 20px;
}

ul#pop-login-type > li {
    border: 0.5px solid #bbb;
    box-sizing: border-box;
    height: 40px;
    display: flex;
    align-items: center;
    cursor: pointer;
    font-size: 13px;
    color: #888;
}

ul#pop-login-type > li label {
    display: flex;
    align-items: center;
    justify-content: center;
}

ul#pop-login-type li label img {
    margin-right: 5px;
    opacity: .8;
    margin-left: 0;
}

ul#pop-login-type li.active {
    border-color: #171616;
    color: #171616;
}

ul#pop-login-type li.active label img {
    opacity: 1;
}

button#popup-member-login {
    border: 0.5px solid #171616;
    height: 48px;
    text-transform: uppercase;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    background: 0 0;
    cursor: pointer;
}

button#popup-member-login:hover {
    background: #171616;
    color: #fff;
}

.loginPopupTitle > span {
    position: absolute;
    width: 70px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 0.5px solid #171616;
}

.loginPopTitle {
    height: 60px;
    border-bottom: 0.5px solid #171616;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 300;
    text-transform: capitalize;
}

div#headerMain {
    padding: 0px 40px;
    box-sizing: border-box;
    border-top: .5px solid #171616;
    border-bottom: .5px solid #171616;
    display: flex;
    align-items: center;
}

.slick-dots li button {
    font-size: .1px;
    width: 6px;
    height: 6px;
    background: transparent;
    border: 1px solid #171616;
    padding: 0;
    border-radius: 100%;
}

.slick-dots {
    display: flex;
    justify-content: center;
    position: absolute;
    width: 100%;
    padding: 15px;
    box-sizing: border-box;
    bottom: 0;
}

.slick-dots li {
    display: flex;
    margin: 0 2.5px;
}

.slick-dots li.slick-active button {
    background: #171616;
}

.desktopSearchOverlay {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #fff;
    top: 81px;
    z-index: 9;
    overflow: auto;
    opacity: .8;
    display: none;
}

.desktopSearchOpen .hrItem.hriSearch {
    background: url(https://cache.freshscarfs.com/elfinder/files/Newbanner/svg/close.svg) no-repeat;
    background-size: 24px;
    z-index: 999;
}

.hrItem.hriSearch {
    width: 24px;
    height: 27.75px;
    cursor: pointer;
    background: url(https://cache.freshscarfs.com/elfinder/files/Newbanner/svg/search.svg) no-repeat;
    background-size: 24px;
}

div#header-wrap {
    position: relative;
}

div#search {
    position: absolute;
    top: -5px;
    width: 350px;
    box-sizing: border-box;
    right: 160px;
    opacity: 0;
    transition: opacity 0.5s;
    visibility: hidden;
}

#FormAra input::placeholder {
    font-weight: 400;
    font-family: Helvetica;
    color: #171616;
}

form#FormAra {
    position: relative;
}

button#search-btn {
    position: absolute;
    right: 0;
    height: 35px;
    width: auto;
    padding: 0;
    background: transparent;
    border: none;
    cursor: pointer;
    display: none;
}

body.filterBodyHidden, body.mobileSearchBodyHidden, body.mobileMenuBodyHidden, body.otherColorBodyHidden, body.commentBodyHidden, body.paymentBodyHidden {
    overflow: hidden !important;
}

ul#mainMenu > li {
    font-size: 14px;
    margin-right: 20px;
    font-weight: 400;
}

.headerRight {
    display: flex;
    justify-content: end;
    position: relative;
}

.langTopTitle {
    width: 24px;
    height: 24px;
    border: .5px solid #171616;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 400;
    color: #171616;
    cursor: pointer;
}

.langTopContent {
    position: absolute;
    top: 100%;
    padding-top: 3px;
    display: none;
}

.langTopContent li {
    width: 24px;
    height: 24px;
    border: 0.5px solid #171616;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 400;
    color: #171616;
    cursor: pointer;
    background: #fff;
}

.langTop:hover .langTopContent {
    display: block;
}

.hrItem {
    position: relative;
    margin-left: 15px;
}

.cart-soft-count {
    font-size: 10px;
    font-weight: 400;
    position: absolute;
    right: 0;
    top: 6px;
    text-align: center;
    width: 24px;
}

: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;
}

[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;
}

nav#mainMenu > ul > li:hover > span > a:after {
    content: '';
    width: 100%;
    height: 2px;
    background: #171616;
    position: absolute;
    bottom: 0;
    left: 0;
}

nav#mainMenu > ul > li:hover > span > a {
    position: relative;
}

nav#mainMenu > ul > li > span > a.outlet {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 22px;
    color: #9c0000;
}

nav#mainMenu > ul > li > span > a img {
    height: 20px;
    margin-top: -4px;
}

nav#mainMenu > ul > li > a, nav#mainMenu > ul > li > span > a {
    height: 75px;
    line-height: 75px;
    font-size: 14px;
    color: #171616;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 400;
    display: flex;
    align-items: center;
}

.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.sticky {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    background: #ffffff90;
}

#headerTop {
    height: 56px;
    line-height: 55px;
    color: #5e5e5e;
    font-size: 12px;
}

.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;
}

#headerPhone {
    color: #545454;
    font-size: 12px;
    line-height: 30px;
}

ul#basketListContentItems > li {
    display: flex;
    padding-top: 20px;
}

.blcTitleClose {
    cursor: pointer;
}

.blcTitle {
    font-size: 16px;
    font-weight: 500;
    color: #171616;
    border-bottom: .5px solid #171616;
    padding-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cartPopupBtns {
    .cartPopupBtns {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 10px;
    }

    ; .cartPopupBtns {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 10px;
    }

    ; display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 10px;
    padding-top: 20px;
}

.cartPopupBtns a {
    border: .5px solid #171616;
    box-sizing: border-box;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
}

.cartPopupBtns a:nth-child(2) {
    background: #171616;
    color: #fff;
}

.cartPopupBtns a:hover {
    background: #171616;
    color: #fff;
}

.cartPopupPrice ul li {
    display: flex;
    justify-content: space-between;
    font-size: 13px;
    font-weight: 400;
    padding-top: 10px;
}

.cartPopupPrice ul li:last-child {
    font-weight: 500;
}

.cartPopupPrice {
    padding-top: 10px;
}

ul#basketListContentItems > li .ciImg {
    min-width: 100px;
    max-width: 100px;
}

ul#basketListContentItems > li .ciImg img {
    height: auto;
}

ul#basketListContentItems > li .cirtFyt {
    display: flex;
    align-items: center;
}

ul#basketListContentItems > li .cirtFyt > span {
    width: auto;
}

ul#basketListContentItems > li .cirtFyt > span.discountFyt {
    margin-right: 5px;
}

ul#basketListContentItems {
    overflow: auto;
    min-height: 100%;
    height: 100%;
}

ul#basketListContentItems::-webkit-scrollbar {
    width: 3px;
    border-radius: 0;
}

ul#basketListContentItems::-webkit-scrollbar-track {
    background: #eee;
}

ul#basketListContentItems::-webkit-scrollbar-thumb {
    background: #171616;
    border-radius: 0;
}

#basketListDesktop {
    display: none;
}

#basketListDesktop.active {
    display: block;
}

.basketListFlex {
    height: 100%;
    display: flex;
    flex-direction: column;
}

div#basketListContent, div#basketListContent > .fl {
    height: 100%;
}

.basketListTop {
    max-height: calc(100% - 120px);
    position: relative;
}

.basketListbottom {
    margin-top: 30px;
}

#basketListDesktopOne {
    position: absolute;
    top: 0;
    right: 0;
    background: #fff;
    z-index: 3333;
    width: 400px;
    border: .5px solid #171616;
    padding: 20px;
    box-sizing: border-box;
    height: 100%;
    border-top: 0;
    border-right: 0;
    border-bottom: 0;
}

.add-cart-general {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    right: 0;
    bottom: 0;
}

.add-cart-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #ffffffa3;
    left: 0;
    cursor: pointer;
}

#logo a {
    float: left;
    width: 100%;
}

#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%;
    display: flex;
    align-items: center;
    padding-bottom: 0;
    justify-content: center;
}

#logo img {
    display: inherit;
    max-height: 55px;
    max-width: 100%;
    width: auto;
}

#searchListWrap {
    position: relative;
}

#live-search-box {
    top: 100%;
    left: -1px;
    z-index: 999;
}

#FormAra input {
    width: 100%;
    border: none;
    font-size: 14px;
    font-family: Helvetica;
    font-weight: 400;
    height: 35px;
    padding: 0;
    border-bottom: .5px solid #171616;
    background: transparent;
}

[dir="rtl"] #FormAra {
    left: 0;
    right: auto;
}

.sticky #FormAra {
    top: calc(50% - 20px);
    height: 40px;
}

.forDesktop #FormAra:not(.focus) {
    border-color: transparent;
}

.forDesktop #FormAra.focus {
    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;
}

[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"]:focus {
    box-shadow: none;
}

.sticky #FormAra button[type="submit"] {
    width: 38px;
    height: 38px;
}

#live-search-box {
    position: absolute;
    top: 100%;
    width: calc(100% + 2px);
    background: #fff;
    border-bottom: 0;
    z-index: 999;
}

#live-search-box ul {
    float: left;
    width: 100%;
    border-top: 1px solid #ececec;
}

#live-search-box li {
    float: left;
    width: 100%;
    box-sizing: border-box;
    border-right: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
    border-left: 1px solid #ececec;
}

#live-search-box a {
    float: left;
    width: 100%;
    font-weight: 600;
    display: flex;
    align-items: center;
}

#live-search-box:not([data-callback]) span, #live-search-box .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 {
    box-sizing: border-box;
}

#live-search-box img {
    margin: 0 auto;
}

.thirdLevelMenu > ul > li > a {
    font-size: 14px;
    line-height: 200%;
}

.dopMenu {
    width: 60%;
}

.dopImage {
    width: 40%;
}

nav#mainMenu > ul > li {
    margin-right: 20px;
}

ul#mainMenu li > .desktopOpenMenu {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    padding: 40px;
    box-sizing: border-box;
    background: #fff;
    border-bottom: 0.5px solid #171616;
    display: flex;
}

#mainMenu > li > a {
    height: 75px;
    line-height: 75px;
    font-size: 14px;
    color: #171616;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.menu li.parentLink > a {
    background-color: transparent;
}

.secondLevelMenu > ul > li > a {
    font-size: 14px;
    line-height: 200%;
    font-weight: 500;
    margin-bottom: 5px;
}

.secondLevelMenu > ul {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

#mainMenu .parentLink li a i {
    position: absolute;
    top: -20px;
    left: 0;
    font-style: normal;
    font-size: 12px;
    letter-spacing: 1px;
}

.secondLevelMenu {
    width: 100%;
    padding-right: 40px;
    box-sizing: border-box;
}

#mainMenu .parentLink li a {
    height: auto;
    line-height: 25px;
    font-size: 13px;
    color: #171616;
    border-right: 0;
    padding-right: 0;
    padding-left: 0;
    position: relative;
}

#mainMenu .menu > li.parentLink:hover > span > a {
    color: inherit;
}

.subMenu .dynamicMenu > ul > li > .link-wrap > .bottomMenuContent > .sublink-wrap {
    max-width: fit-content;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    padding-right: 40px;
    box-sizing: border-box;
}

.link-wrap {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

.menu li:hover > a {
    color: #e35252;
}

#mainMenu .parentLink .sublink-wrap li a {
    color: #666;
}

.subMenu {
    padding: 40px !important;
    border-bottom: .5px solid #171616;
}

.subMenu .dynamicMenu > ul {
    display: flex;
    grid-column-gap: 30px;
    grid-row-gap: 20px;
}

.menu-1370 .subMenu > .dynamicMenu > ul > li {
    width: fit-content;
}

.menu-1370 .subMenu .dynamicMenu > ul {
    flex-wrap: wrap;
    grid-column-gap: 40px;
}

.subMenu .dynamicMenu > ul > li > .link-wrap > .bottomMenuContent {
    padding-top: 10px;
    display: flex;
}

.subMenu *:not(.dynamicMenu) {
    background-color: transparent;
}

.menuTitle {
    font-size: 20px;
    padding-bottom: 10px;
}

.subMenu a {
    padding-right: 10px;
    padding-left: 10px;
    font-size: 12px;
    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: #171616;
}

.subMenu .dynamicMenu {
    background: #fff;
    padding: 0;
}

#headerBottom {
    height: 20px;
    overflow: hidden;
}

.sticky #headerBottom {
    height: 0;
}

#alterMenu.menu > li:before {
    content: '.';
    float: left;
    line-height: 20px;
    font-size: 25px;
    margin-top: -17px;
}

#alterMenu a {
    line-height: 20px;
    font-size: 11px;
    color: #5e5e5e;
}

[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;
}

@media screen and (max-width: 1230px) {
    #header-info {
        border-left: 0;
    }

    #headerMain {
        padding-right: 20px;
        padding-left: 20px;
    }

    #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 (max-width: 768px) {
    .secondLevel > li > a i {
        font-style: normal;
        text-transform: capitalize;
        font-size: 12px;
        font-weight: 600;
        top: -6px;
        position: relative;
    }

    .langTopTitle {
        width: auto;
        height: auto;
        border: none;
    }

    .mobileMenuLanguage {
        padding: 15px;
        box-sizing: border-box;
    }

    .langTop:hover .langTopContent {
        display: grid;
    }

    .langTopContent {
        position: relative;
        padding-top: 5px;
        width: 100%;
        display: grid;
        grid-template-columns: repeat(2,1fr);
        grid-column-gap: 15px;
        grid-row-gap: 15px;
    }

    .langTopContent li {
        width: 100%;
        margin: 0;
        border: .5px solid #171616;
        height: 45px;
        padding: 0 15px;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        justify-content: space-between;
        color: #171616;
        text-transform: uppercase;
        font-weight: 300;
        border-radius: 0;
        font-size: 13px;
    }

    .hrItem.langTop {
        width: 100%;
        margin: 0;
    }

    .mobile-cart-success {
        height: 35px;
        background: #171616;
        color: #fff;
        font-weight: 400;
        font-size: 11px;
        text-transform: uppercase;
        line-height: 35px;
        text-align: center;
        display: none;
    }

    .mobile-cart-success.active {
        display: flex;
        visibility: visible;
        opacity: 1;
    }

    #FormAra input[type="text"]::placeholder {
        color: #171616;
        font-weight: 400;
        font-family: Helvetica;
        font-size: 13px;
    }

    #FormAra button[type="submit"] img {
        width: 18px;
        height: 18px;
        min-width: 18px;
        min-height: 18px;
        max-width: 18px;
        max-height: 18px;
    }

    .mobileMenuLogin > ul > li > a {
        background: #171616;
        height: 45px;
        padding: 0 15px;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        justify-content: space-between;
        color: #fff;
        text-transform: uppercase;
        font-weight: 300;
    }

    .mobileMenuLogin > ul {
        padding: 15px;
        box-sizing: border-box;
        border-bottom: .5px solid #ccc;
    }

    .mobileMenuLogin > ul > li:first-child {
        padding-right: 7.5px;
        box-sizing: border-box;
    }

    .mobileMenuLogin > ul > li:last-child {
        padding-left: 7.5px;
        box-sizing: border-box;
    }

    .mobileMenuContent > ul > li > a img {
        height: 19px;
    }

    .mobileMenuContent > ul > li > a, .mobileMenuContent > ul > li > span {
        height: 45px;
        line-height: 45px;
        font-size: 13px;
        text-transform: uppercase;
        font-weight: 300;
        background: url(https://cache.freshscarfs.com/elfinder/files/Newbanner/svg/arrowright.svg) no-repeat right;
        display: flex;
        align-items: center;
    }

    .mobileMenuContent > ul > li > a.outlet {
        font-family: 'Bebas Neue', sans-serif;
        font-size: 22px;
        color: #9c0000;
    }

    .secondLevel::-webkit-scrollbar {
        width: 3px;
        border-radius: 0;
    }

    .secondLevel::-webkit-scrollbar-track {
        background: #eee;
        border-radius: 0;
    }

    .secondLevel::-webkit-scrollbar-thumb {
        background: #171616;
        border-radius: 0;
    }

    .thirdLevel::-webkit-scrollbar {
        width: 3px;
        border-radius: 0;
    }

    .thirdLevel::-webkit-scrollbar-track {
        background: #eee;
        border-radius: 0;
    }

    .thirdLevel::-webkit-scrollbar-thumb {
        background: #171616;
        border-radius: 0;
    }

    .secondLevel {
        position: fixed;
        width: calc(100% - 60px);
        height: calc(100% - 51px);
        background: #fff;
        top: 71px;
        z-index: 999;
        transition: left 0.5s;
        overflow: auto;
        left: -100%;
        border-right: 0.5px solid #171616;
    }

    .mobileMenuContent > ul > li > span.firstLevelClick.active + .secondLevel {
        left: 0;
    }

    .secondLevel > li {
        padding: 0 15px;
        box-sizing: border-box;
        border-bottom: 0.5px solid #ccc;
    }

    .secondLevel > li > a, .secondLevel > li > span {
        height: 45px;
        line-height: 45px;
        font-size: 13px;
        text-transform: uppercase;
        font-weight: 300;
        background: url(https://cache.freshscarfs.com/elfinder/files/Newbanner/svg/arrowright.svg) no-repeat right;
    }

    .seconLevelTitle {
        padding: 0 15px;
        box-sizing: border-box;
        border-bottom: 0.5px solid #ccc;
        height: 45px;
        line-height: 45px;
        font-size: 13px;
        text-transform: uppercase;
        font-weight: 300;
        display: flex;
        justify-content: space-between;
    }

    .seconLevelTitle a {
        font-size: 11px;
        background: url(/Data/EditorFiles/Devux/svg/arrowright.svg) no-repeat right;
        padding-right: 15px;
    }

    .thirdLevel {
        position: fixed;
        width: calc(100% - 60px);
        height: calc(100% - 51px);
        background: #fff;
        top: 71px;
        z-index: 999;
        transition: left 0.5s;
        overflow: auto;
        left: -100%;
        border-right: 0.5px solid #171616;
    }

    .thirdLevelTitle {
        padding: 0 15px;
        box-sizing: border-box;
        border-bottom: 0.5px solid #ccc;
        height: 45px;
        line-height: 45px;
        font-size: 13px;
        text-transform: uppercase;
        font-weight: 300;
        display: flex;
        justify-content: space-between;
    }

    .thirdLevelTitle a {
        font-size: 11px;
        background: url(/Data/EditorFiles/Devux/svg/arrowright.svg) no-repeat right;
        padding-right: 15px;
    }

    .mobileMenuBackGoThird {
        background: url(/Data/EditorFiles/Devux/svg/arrowleft.svg) no-repeat left;
        padding-left: 15px;
        white-space: nowrap;
        text-overflow: ellipsis;
        width: 50%;
        overflow: hidden;
    }

    .thirdLevel li {
        padding: 0 15px;
        box-sizing: border-box;
        border-bottom: 0.5px solid #ccc;
    }

    .thirdLevel li a, .thirdLevel li span {
        height: 45px;
        line-height: 45px;
        font-size: 13px;
        text-transform: uppercase;
        font-weight: 300;
        background: url(https://cache.freshscarfs.com/elfinder/files/Newbanner/svg/arrowright.svg) no-repeat right;
        white-space: nowrap;
        text-overflow: ellipsis;
        width: 100%;
        overflow: hidden;
        padding-right: 20px;
        box-sizing: border-box;
    }

    .secondLevelClick.active + .thirdLevel {
        left: 0;
    }

    .mobileMenuBackGo {
        background: url(/Data/EditorFiles/Devux/svg/arrowleft.svg) no-repeat left;
        padding-left: 15px;
    }

    .mobileMenuContent > ul > li {
        padding: 0 15px;
        box-sizing: border-box;
        border-bottom: .5px solid #ccc;
    }

    .mobileMenuOverlay {
        position: fixed;
        width: 100%;
        height: 100%;
        background: #fff;
        top: 71px;
        z-index: 99;
        overflow: auto;
        opacity: .8;
        display: none;
    }

    .mobileMenuOpen div#mobileMenuBtn {
        background: url(https://cache.freshscarfs.com/elfinder/files/Newbanner/svg/close.svg) no-repeat center;
    }

    .mobileMenuContent {
        position: fixed;
        width: calc(100% - 60px);
        height: calc(100% - 51px);
        background: #fff;
        top: 71px;
        z-index: 999;
        transition: left 0.5s;
        overflow: auto;
        left: -100%;
        border-right: 0.5px solid #171616;
    }

    .searchContent {
        position: fixed;
        width: 100%;
        height: 100%;
        background: #fff;
        top: 71px;
        z-index: 999;
        transition: left 0.5s;
        overflow: auto;
        left: -100%;
    }

    .cart-soft-count {
        font-size: 9px;
        position: absolute;
        width: 60px;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        top: 0;
        padding-top: 3px;
        box-sizing: border-box;
    }

    .mobileHeaderItem {
        width: 60px;
        height: 50px;
    }

    .mobileHeaderLeft ,.mobileHeaderRight {
        display: flex;
    }

    .mobileSearchOpen div#mobileSearch {
        background: url(https://cache.freshscarfs.com/elfinder/files/Newbanner/svg/close.svg) no-repeat center;
        background-size: 18px;
    }

    div#mobileSearch {
        background: url(https://cache.freshscarfs.com/elfinder/files/Newbanner/svg/search.svg) no-repeat center;
        background-size: 18px;
    }

    a#bookmarkMobile {
        background: url(https://cache.freshscarfs.com/elfinder/files/Newbanner/svg/bookmark.svg) no-repeat center;
        background-size: 18px;
    }

    a#cartMobile {
        background: url(https://cache.freshscarfs.com/elfinder/files/Newbanner/svg/cart.svg) no-repeat center;
        background-size: 18px;
        position: relative;
    }

    .mobileHeaderLeft > div {
        border-right: .5px solid #171616;
        box-sizing: border-box;
    }

    .mobileHeaderRight > a {
        border-left: 0.5px solid #171616;
        box-sizing: border-box;
    }

    div#headerMain {
        padding: 0;
        display: flex;
        justify-content: space-between;
    }

    .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;
    }

    #mobileMenuBtn {
        background: url(https://cache.freshscarfs.com/elfinder/files/Newbanner/svg/menu.svg) no-repeat center;
    }

    [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: #fff;
        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: 40px;
    }

    #logo p {
        height: 40px;
    }

    #logo a img {
        width: auto;
        display: inline;
        vertical-align: middle;
    }

    div#search {
        width: 100%;
        border-bottom: .5px solid #171616;
        display: block;
        opacity: 1;
        position: relative;
        top: 0;
        padding: 0;
        min-height: auto;
        visibility: visible;
        right: 0;
    }

    #FormAra {
        position: relative;
        height: 50px;
        padding-left: 20px;
        box-sizing: border-box;
    }

    #FormAra:before {
        content: '';
    }

    #FormAra input[type="text"] {
        display: block;
        font-size: 13px;
        width: 100%;
        height: 50px;
        border: none;
        font-weight: 400;
        padding: 0;
        font-family: Helvetica;
    }

    #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;
        background: transparent;
        border: none;
        position: absolute;
        right: 0;
        padding: 0;
        width: 60px;
        height: 50px;
        top: 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;
    }
}

@media screen and (max-width: 540px) {
    .fs-blog {
        padding: 30px 5px;
        box-sizing: border-box;
    }

    ul.kayan-yazi {
        height: 30px;
    }

    .kayan-yazi-container {
        height: 30px;
    }

    ul.kayan-yazi li {
        font-size: 12px;
    }

    .m-pb-0 {
        padding-bottom: 0px !important;
    }

    .m-pb-10 {
        padding-bottom: 10px !important;
    }

    .m-pb-20 {
        padding-bottom: 20px !important;
    }

    .m-pb-30 {
        padding-bottom: 30px !important;
    }

    .m-pb-40 {
        padding-bottom: 40px !important;
    }

    .m-pb-50 {
        padding-bottom: 50px !important;
    }

    .m-pb-60 {
        padding-bottom: 60px !important;
    }

    .m-pb-70 {
        padding-bottom: 70px !important;
    }

    .m-pb-80 {
        padding-bottom: 80px !important;
    }

    .m-pb-90 {
        padding-bottom: 90px !important;
    }

    .m-pb-100 {
        padding-top: 100px !important;
    }

    .m-pt-0 {
        padding-top: 0px !important;
    }

    .m-pt-10 {
        padding-top: 10px !important;
    }

    .m-pt-20 {
        padding-top: 20px !important;
    }

    .m-pt-30 {
        padding-top: 30px !important;
    }

    .m-pt-40 {
        padding-top: 40px !important;
    }

    .m-pt-50 {
        padding-top: 50px !important;
    }

    .m-pt-60 {
        padding-top: 60px !important;
    }

    .m-pt-70 {
        padding-top: 70px !important;
    }

    .m-pt-80 {
        padding-top: 80px !important;
    }

    .m-pt-90 {
        padding-top: 90px !important;
    }

    .m-pt-100 {
        padding-top: 100px !important;
    }

    .m-pl-0 {
        padding-left: 0px !important;
    }

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

    .m-pl-10 {
        padding-left: 10px !important;
    }

    .m-pl-20 {
        padding-left: 20px !important;
    }

    .m-pl-30 {
        padding-left: 30px !important;
    }

    .m-pl-40 {
        padding-left: 40px !important;
    }

    .m-pl-50 {
        padding-left: 50px !important;
    }

    .m-pl-60 {
        padding-left: 60px !important;
    }

    .m-pl-70 {
        padding-left: 70px !important;
    }

    .m-pl-80 {
        padding-left: 80px !important;
    }

    .m-pl-90 {
        padding-left: 90px !important;
    }

    .m-pl-100 {
        padding-left: 100px !important;
    }

    .m-pr-0 {
        padding-right: 0px !important;
    }

    .m-pr-5 {
        padding-right: 5px !important;
    }

    .m-pr-10 {
        padding-right: 10px !important;
    }

    .m-pr-20 {
        padding-right: 20px !important;
    }

    .m-pr-30 {
        padding-right: 30px !important;
    }

    .m-pr-40 {
        padding-right: 40px !important;
    }

    .m-pr-50 {
        padding-right: 50px !important;
    }

    .m-pr-60 {
        padding-right: 60px !important;
    }

    .m-pr-70 {
        padding-right: 70px !important;
    }

    .m-pr-80 {
        padding-right: 80px !important;
    }

    .m-pr-90 {
        padding-right: 90px !important;
    }

    .m-pr-100 {
        padding-right: 100px !important;
    }

    .m-row-0 {
        grid-row-gap: 0px;
    }

    .m-row-5 {
        grid-row-gap: 5px;
    }

    .m-row-10 {
        grid-row-gap: 10px;
    }

    .m-row-20 {
        grid-row-gap: 20px;
    }

    .m-row-30 {
        grid-row-gap: 30px;
    }

    .m-row-40 {
        grid-row-gap: 40px;
    }

    .m-row-50 {
        grid-row-gap: 50px;
    }

    .m-row-60 {
        grid-row-gap: 60px;
    }

    .m-row-70 {
        grid-row-gap: 70px;
    }

    .m-row-80 {
        grid-row-gap: 80px;
    }

    .m-row-90 {
        grid-row-gap: 90px;
    }

    .m-row-100 {
        grid-row-gap: 100px;
    }

    .m-column-0 {
        grid-column-gap: 0px;
    }

    .m-column-5 {
        grid-column-gap: 5px;
    }

    .m-column-10 {
        grid-column-gap: 10px;
    }

    .m-column-20 {
        grid-column-gap: 20px;
    }

    .m-column-30 {
        grid-column-gap: 30px;
    }

    .m-column-40 {
        grid-column-gap: 40px;
    }

    .m-column-50 {
        grid-column-gap: 50px;
    }

    .m-column-60 {
        grid-column-gap: 60px;
    }

    .m-column-70 {
        grid-column-gap: 70px;
    }

    .m-column-80 {
        grid-column-gap: 80px;
    }

    .m-column-90 {
        grid-column-gap: 90px;
    }

    .m-column-100 {
        grid-column-gap: 100px;
    }

    .m-grid-1 {
        grid-template-columns: repeat(1, 1fr);
    }

    .m-grid-2 {
        grid-template-columns: repeat(2, 1fr);
    }

    .m-grid-3 {
        grid-template-columns: repeat(3, 1fr);
    }

    .m-grid-4 {
        grid-template-columns: repeat(4, 1fr);
    }

    .m-grid-5 {
        grid-template-columns: repeat(5, 1fr);
    }

    .m-grid-6 {
        grid-template-columns: repeat(6, 1fr);
    }

    .m-grid-7 {
        grid-template-columns: repeat(7, 1fr);
    }

    .m-grid-8 {
        grid-template-columns: repeat(8, 1fr);
    }

    .m-grid-9 {
        grid-template-columns: repeat(9, 1fr);
    }

    .m-grid-10 {
        grid-template-columns: repeat(10, 1fr);
    }

    .m-grid-11 {
        grid-template-columns: repeat(11, 1fr);
    }

    .m-grid-12 {
        grid-template-columns: repeat(12, 1fr);
    }

    .fs-blog-title {
        font-size: 18px;
    }

    .fs-blog ul {
        grid-template-columns: repeat(1, 1fr);
    }

    .ilan-detay {
        padding: 20px;
    }

    .ilan-detay-top {
        flex-wrap: wrap;
        margin-bottom: 15px;
        padding-bottom: 15px;
    }

    .tum-ilanlar {
        margin-bottom: 20px;
    }

    .ilan-detay-title {
        font-size: 20px;
    }

    .ilan-detay-title i {
        font-size: 12px;
        padding-top: 0;
    }

    .ilan-detay-detay {
        font-size: 12px;
    }

    .ilan-detay-bottom ul li {
        font-size: 13px;
        padding-bottom: 10px;
    }

    .ilan-detay-note {
        padding: 15px;
        font-size: 12px;
    }

    .kariyer-page-title {
        padding-top: 35px;
        font-size: 16px;
        margin-bottom: -440px;
    }

    .ap-tab {
        padding: 20px 20px 0 20px;
    }

    .ap-tab ul li {
        width: 100%;
        border-right: 0;
        border-bottom: .5px solid #ddd;
        height: 40px;
        font-size: 13px;
    }

    .ap-tab ul {
        flex-wrap: wrap;
    }

    .ap-content {
        padding: 0 20px;
    }

    .ap-content ul li a {
        font-size: 13px;
        padding: 15px 0;
    }

    .ap-content-title {
        padding: 15px 0;
    }

    button.slick-next.slick-arrow {
        right: 30px;
    }

    button.slick-prev.slick-arrow {
        left: 10px;
    }

    .slick-arrow {
        width: 35px;
        height: 35px;
        background-size: 18px !important;
    }

    .hb-item.hb-text {
        padding: 20px;
    }

    .hb-text-title {
        font-size: 16px;
    }

    .hb-text-desc {
        font-size: 12px;
    }

    .hb-item {
        grid-column-gap: 2px;
        grid-row-gap: 2px;
        padding: 0 2px;
    }

    .home-banner {
        grid-row-gap: 2px;
        padding-top: 2px;
        padding-bottom: 2px;
    }

    .hb-item.hb-dortlu {
        grid-template-columns: repeat(2,1fr);
    }

    .headerTop {
        height: 20px;
    }

    .headerTop ul li a {
        height: 20px;
        font-size: 10px;
        line-height: 20px;
    }

    .freshscarfXME .content .item {
        padding: 2.5px;
    }

    .freshscarfXME .content .slick-dots {
        position: relative;
    }

    .kuponlar ul {
        display: flex;
        justify-content: space-between;
        padding: 0;
        box-sizing: border-box;
        flex-wrap: wrap;
    }

    .kuponlar ul li {
        margin: 0;
        padding: 10px;
        height: auto;
        width: 100%;
        display: flex;
        flex-wrap: nowrap;
        flex-direction: inherit;
        justify-content: space-between;
        margin-bottom: 10px;
    }

    .kuponlar ul li div {
        font-size: 12px;
        margin: 0;
        height: 100%;
        width: 100px;
    }

    .kuponlar ul li span i {
        font-size: 10px;
        margin-top: 0;
    }

    .kuponlar ul li span {
        font-size: 15px;
        width: auto;
        float: left;
        text-align: left;
    }

    .freshscarfXME {
        padding: 20px 2.5px;
    }

    .freshscarfXME .title {
        font-size: 18px;
        margin-bottom: 15px;
    }

    .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;
    }

    #mainMenu {
        border-radius: 0;
    }

    #closeMobileMenu {
        font-size: 14px;
    }

    #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;
    }

    #mobileMenu .text-title {
        font-size: 18px;
    }

    #mobileMenuMain span, #mobileMenuMain label, #mobileMenuMain select {
        line-height: 40px;
        font-size: 12px;
        text-transform: uppercase;
    }

    #mobileMenuMain a, #mobileMenuMain li span {
        line-height: 40px;
        font-size: 15px;
    }

    #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;
    }
}