@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
* {
    box-sizing: border-box;
}
body{
    margin: 0;
    overflow-x: hidden;
    font-family: 'Poppins', sans-serif;
}

.container{
    max-width: 1700px;
}
.section-slider{
    margin-bottom: 50px;
}

.man-title.red-title{
    background: linear-gradient(to right, white, #ffddf3);
}
.semi-tab{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    border-bottom: 2px solid #e7e7e7;
}
.btn-order,.btn-filter{
    position: relative;
    top:-10px;
}
.semi-to-tab{
    justify-content: center;
}
button.nav-link.active,button.nav-link:hover,button.nav-link:focus,button.nav-link:focus-visible,button.nav-link:out-of-range{
    border: none;
    color: black;
    border-bottom: 2px solid black !important;
    box-shadow: none;
}
button.nav-link i{
    font-size: 20px;
    position: relative;
    top: 2px;
}
button.nav-link{
    font-size: 16px;
    color: black;
    font-weight: bold;
    border: none !important;
    border-bottom: 2px solid #e7e7e7 !important;
    margin-bottom: -2px !important;
}
.payment-method-radio.bank_transfer:before{
    content: "\e03c";
    font-family: 'Iconly';
}
.payment-method-radio.iyzico:before,.payment-method-radio.paynet:before,.payment-method-radio.paytr_checkout:before{
    content: "\e03d";
    font-family: 'Iconly';
}

.address-radio-label.active:before {
    content: "\e03b" !important;
    font-family: 'Iconly' !important;
}

.top-banner-img img{
    max-width: 100%;
    margin: 0 auto;
}
.offer{
    background-image: url(../img/campaign.png);
    width: 100%; 
    height: 57px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 20px;
}
.offer-ribbon{
    position: absolute;
    left: 50px;
}
.offer-right{
    position: absolute;
    right: 0;
}
.span-sale{
    color: #ff0078;
}
.header-logo{
    height: 64px;
}
.nav{
    margin-top: 30px !important;
    margin-bottom: 30px !important;
    display: flex;
    align-content: center;
    align-items: center;
}
.search{
    display: flex;
    justify-content: center;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    background-repeat: no-repeat;
    background-position-x: 98%;
    background-position-y: 14px;
    border: 1px solid #dfdfdf;
    border-radius: 2px;
    margin-right: 2rem;
    padding: 1rem;
    padding-right: 2rem;
}

#searchInput{
    background-color: #f5f5f5;
    border: none;
    padding: 12px 0px 12px 35px;
    width: 620px;
    font-size: 12px;
}


.grid4 .banner-item img{
    margin: 0 auto;
    display: block;
    height: auto;
    max-width: 100%;
    object-fit: none;
}


.grid4 .banner-item{
    width: calc(100% / 4);
    margin-right: 20px;
}
.grid4 .banner-item:last-child{
    margin-right: 0;
}
.banner-area{
    display: flex;
    margin-bottom: 30px;
}

#slider-thumb .slick-slide img{
    max-height: 762px;
    width: auto;
}
.section-comment h1{
    font-size: 36px;
    font-weight: 600;
}
.desktop-flex{
    display: flex;
}
.desktop{
    display: block;
}
.mobil{
    display: none;
}
#searchInput:focus{
    outline: none;
}
.search-btn{
    border: none;
    background-color: #f8f8f8;
    cursor: pointer;
    width: 44px;
    background-color: black;
    color: white;
}
.search-btn .icon-search-1{
    font-size: 20px;
    position: relative;
    top: 2px;
}
.nav-menu{
    display: flex;
    margin-top: 0px;
    align-items: center;
    justify-content: center;
}
.nav-a{
    margin-left: auto;
    text-decoration: none;
    color: #616161;
    font-size: 16px;
    padding: 20px 0;
    display: block;
}

.btn-drop{
    color: #616161;
}

.slick-slide {
    margin: 0 10px !important;
    margin-left: 0 !important;
}

.menu .dropdown{
    font-size: 16px;
}
.nav-right{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    position: relative;
    top: 3px;
}
.nav-right i{
    display: flex;    
    justify-content: center;
    text-align: center;
}
.nav-right .icon-user{
    font-size: 26px;
    position: relative;
    color: #616161;
    top: 0px;
    margin-bottom: 0px;
}

.main-menu{
    border-top: 1px solid whitesmoke;
}
.nav-right .icon-bag{
    font-size: 26px;
    margin-bottom: 3px;
}


.basket{
    width: 100px;
    margin-top: -2px;
    cursor: pointer;
}
.basket-number{
    position: absolute;
    left: 46%;
    top: 8px;
    font-size: 13px;
    color: gray;
}
.profile{
    width: 100px;
    margin-top: 0px;
    cursor: pointer;
}
.profile p{
    margin-top: 3px;
    text-align: center;
}
.basket p{
    margin-top: 0px;
    text-align: center;
    margin-bottom: 0 !important;
    line-height: 18px;
}
.dropdown-menu.show{
    position: absolute;
    inset: 0px auto auto 0px;
    margin: 0px;
    transform: translate(0px, 40px);
    border-top: 3px solid black;
    border-radius: 0;
    border-right: none;
    border-bottom: none;
    border-left: none;
    margin-top: 18px !important;
    box-shadow: 0 3px 5px #0000000d;
}

/*  header slider*/ 
.slider-header {
    position: relative;
}
.slider-header .slide-head img{
    max-width: 100%;
}
.slick-slide {
    height: auto;
}

.slide-head {
    position: relative;
    height: 100%;
    width: 100%;
    padding: 40px 50px 60px 50px;
}

.slick-prev {
    position: absolute;
    left: 5%;
    z-index: 1000;
    cursor: pointer;
    border: 1px solid black;
    width: 45px;
    height: 70px;
}

.slick-prev::before {
    content: '';
    display: inline-block;
    width: 25px;
    height: 25px;
    background-image: url('../img/left-arrow.svg');
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    color: white;
}
.slick-next {
    position: absolute;
    right: 5%;
    z-index: 1000;
    border: 1px solid black;
    width: 45px;
    height: 70px;
}
.slick-next::before {
    content: '';
    display: inline-block;
    width: 25px;
    height: 25px;
    background-image: url('../img/right-arrows-1.svg');
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    color: transparent;
}
.slick-next:hover{
    position: absolute;
    z-index: 1000;
}

.footer-main .mobil-mt:nth-child(3):before{
    content: " ";
    display: block;
    width: 1px;
    height: 70%;
    position: absolute;
    background: #555555;
    top: 6%;
    left: -50px;
}
.footer-main .mobil-mt:nth-child(4):before{
     content: " ";
     display: block;
     width: 1px;
     height: 70%;
     position: absolute;
     background: #555555;
     top: 6%;
     left: -30px;
 }

.footer-main .mobil-mt:nth-child(5):before{
    content: " ";
    display: block;
    width: 1px;
    height: 70%;
    position: absolute;
    background: #555555;
    top: 6%;
    left: -10px;
}

.footer-main .mobil-mt{
    position: relative;
}

.slick-dots li button::before {
     font-size: 15px;
}
.slide-head h1{
    color:#000;
    width: 55%;
    font-weight: bold;
    margin-bottom: 20px;
    margin-top: 10%;
    margin-left: 10%;
}
.slide-head p{
    color: #5e5e5e;
    width: 55%;
    margin-bottom: 30px;
    margin-left: 10%;
}
.slide-head button{
    padding: 10px 15px 10px 15px;
    background-color: transparent;
    color: black;
    margin-left: 10%;
}
.slider-img{
    width: 240px;
}

.slick-slide img {
    display: block;
    margin: 0 auto;
    /*max-width: 100%;*/
    /*object-fit: none;*/
    height: auto;
}

.section-slider .slick-slide{
    margin: 0 !important;
}

#thumbnail-slider-thumb img {
    width: auto !important;
}


@media screen and (max-width: 1500px) {
    .slick-slide img {
        max-width: 100%;

    }
}

@media screen and (max-width: 1200px) {
    .footer-img {
        width: 270px !important;
    }
    .slick-slide img {
        max-width: 100%;

    }
    .grid4 .banner-item:nth-child(2n) {
        margin-right: 0;
    }
    .grid4 .banner-item {
        width: calc((100% - 20px) / 2);
        margin-right: 20px;
        margin-bottom: 20px;
    }
    .banner-area {
        display: flex;
        margin-bottom: 30px;
        flex-wrap: wrap;
    }

    .banner-area.grid2v8v4,.banner-area.grid2v4v8{
        flex-wrap: nowrap;
    }

}

@media (max-width:768px) {

    .banner-area {
        flex-direction: column;
    }


    .grid4 .banner-item {
        width: calc((100% - 10px) / 2);
        margin-right: 0;
        margin-bottom: 0px;
    }

    .banner-area.grid4{
        flex-direction: row;
        gap: 10px;
    }


    .slide-head h1{
        color:#000;
        width: 100%;
        font-weight: bold;
        margin-bottom: 20px;
        margin-top: 10%;
        margin-left: 10px;
    }
    .slide-head p{
        color: #5e5e5e;
        width: 100%;
        margin-bottom: 30px;
        margin-left: 10px;
    }
    .slide-head button{
        padding: 10px 15px 10px 15px;
        background-color: transparent;
        color: black;
        margin-left: 10px;
    }
    .footer-main .mobil-mt:before{
        content: none;
    }
    .desktop,.desktop-flex{
        display: none;
    }
    .mobil{
        display: block;
    }

    .slider-img{
        width: 160px;
        margin-top: 10px;
    }
    .offer span img{
        width: 20px;
    }
    .best-btnDiv,
    .woman-btnDiv,
    .man-btnDiv{
        position: relative;
        top: -4px !important;
    }

}





.footer-top{
    background-color: #f5f5f5;
    padding: 50px 0;
}
.insta-div{
    position: relative;
    top: -10px;
}
.span-content{
    font-size: 18px;
}
.span-content span{
    font-weight: bold;
}
.span-inst{
    background-color: white;
    padding: 15px;
    border-right: 2px solid black;
    font-weight: bold;
}
.instalink{
    background-color: white;
    padding: 15px;
    color: gray;
}
.btn-follow{
    padding: 13px;
    background-color: transparent;
    border: 1px solid black;
    font-weight: bold;
    margin-left: 1px;
}
.btn-follow .icon-right-arrows-1{
    font-size: 20px;
    position: relative;
    top: 1px;
    margin-left: 10px;
    font-weight: bold;
}
.footer-main{
    background-color: #1d1d1d;
    background-image: url(../img/Layer\ 12.png);
    background-repeat: no-repeat;
    background-position: calc(100% - 70px) bottom;
    color: white;
    padding: 60px 0px;
    position: relative;
}
.footer-span{
    background-color: #343434;
    padding: 5px 10px 5px 10px;
}
.footer-main a{
    color: #f0f0f0;
    text-decoration: none;
    display: block;
    margin-top: 20px;
    margin-left: 10px;
	font-size:14px;
}
.footer-main a:hover{
    font-weight: 600;
}
.footer-bottom{
    background-color: #f5f5f5;
    padding: 40px 0px 30px 0px;
}
.footer-img{
    text-align: center;
    padding: 40px 20px 0px 20px;
    background-color: #232323;
    position: absolute;
    top: -50px;
    width: 400px;
}
.footer-img div{
    margin-top: 30px;
    margin-bottom: 35px;
}
.footer-img p{
    font-size: 14px;
    margin-top: 5px;
    padding: 10px 20px 0px 20px;
}
.footer-img div a{
    text-decoration: none;
    color: gray;
    font-size: 14px;
    display: inline-block;
}

.footer-img div a:hover{
    color: white;
    font-size: 14px;
}





@media screen and (max-width: 768px) {
    .footer-img{
        text-align: center;
        padding:10px;
        background-color: #232323;
        top: 0 !important;
        position: relative !important;
        width: 100% !important;
    }

}
@media screen and (max-width: 768px) {
    .footer-main{
        background-color: #1d1d1d;
        color: white;
        padding: 0;
        position: relative;
    }
}

@media screen and (max-width: 768px) {
    .footer-bottom{
        background-color: #f5f5f5;
        padding: 10px 5px 10px 5px;
        
    }
}
.mobil-mt{
    margin-top: 0;
}
@media screen and (max-width: 768px) {
    .mobil-mt{
        margin-top: 20px !important;
        text-align: center;
    }
    .toggle-down {
        left: 0;
        right: initial;
    }
    .span-inst , .instalink{
        padding: 10px;
    }

    .payment-header ul li.address {
        width: 100px
    }

    .payment-header ul li {
        position: relative;
        list-style: none;
        float: left;
        padding: 5px;
        cursor: pointer
    }

    .badge.brand {
        font-weight: 400;
        background: 0 0!important;
        font-size: 10px
    }

    .payment-header ul li h4 {
        color: #b2b2b2;
        font-size: 11px;
        font-weight: 300;
        text-align: center;
        width: 70px
    }

    .payment-header ul li::after {
        bottom: -11px!important
    }

    .payment-header ul li::before {
        top: 30%
    }

    .cart-right .total-title {
        font-size: 17px;
        font-weight: 200;
        margin-bottom: 20px
    }

    .payment-actions .payment-header {
        display: table;
        margin: 10px auto
    }
    .payment-actions .payment-header ul li h4 {
        color: #b2b2b2;
        font-size: 11px;
        font-weight: 300;
        text-align: center;
        width: 70px;
    }


    .payment-banner, .payment-header ul li h6, .sort-link-area{
        display: none !important;
    }

    .payment-actions .payment-header ul li {
        position: relative;
        list-style: none;
        float: left;
        padding: 5px;
        cursor: pointer;
    }

    #checkout-checkout{
        margin-top: 15px;
    }

    .slider-header .slick-dots,
    .slider-review .slick-dots{
        display: block !important;
    }
	.contactbox {
    width: 100%!important;
    margin-bottom: 10px;
	}
	
	.iletisim-tr{
		float:none!important;
	}
	
	.kullanicipaneli ul li {
    width: 100%!important;
    margin-bottom: 10px;
	}
	
	button.fav-sepet-ekle {
    width: 100%!important;
	}
	
	a.fav-kaldir {
    width: 100%!important;
	}
	
	a.adres-duzenle {
    width: 100%;
	}

	a.adres-sil {
		width: 100%;
	}
	
	a.iade-et{
		width:100%;
	}
	
	nav.nav-breadcrumb {
    display: none!important;
	}
}

select option:active,select option:focus{
    background: black;
    color: white;
}
.swal2-styled.swal2-confirm {
    border-radius: 0 !important;
    background-color: black !important;
}

.swal2-styled.swal2-cancel {
    border-radius: 0 !important;
}

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

.navbar {
    background-color: #333;
    padding: 15px;
    text-align: center;
    color: white;
}

.menu-icon {
    display: none;
    cursor: pointer;
}

.menu {
    display: flex;
    justify-content: space-between;
    list-style: none;
    padding: 0;
    margin: 0;
    flex-direction: row;
    align-items: center;
    align-content: center;
    width: 100%;
}

.menu li {
    margin-left:15px;
}

@media (max-width: 768px) {
    .menu {
        display: none;
        flex-direction: column;
    }

    .menu.active {
        display: flex;
        background-color: white;
        z-index: 3333;
        position: relative;
        height: auto;
        width: 500px;
    }
    .menu.active li{
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .menu-icon {
        display: block;
        font-size: 30px;
        
    }
    .nav{
        margin-top: 0 !important;
    }
}
@media (max-width: 768px) {
    .nav-menu {
        position: absolute;
        top: 15px;
        left: 8px;
        background-color: white;
        width: 40px;
        margin: 0;
    }
    #filter-menu {
        position: absolute;
        top: 130px;
    }
    .grid4 .itemMan {
        width: calc((100% - 20px) / 2) !important;
    }
    .grid5 .itemMan {
        width: calc((100% - 20px) / 2) !important;
    }
    .dropdown-menu.show{margin-top: 10px !important;background-color: white}
    .page-lctSection{
      /*  margin-top: 10px;*/
    }

    .nav-breadcrumb{
        display: none;
    }

    .search {
        position: relative;
        top: 4px;
    }

    #thumbnail-slider-thumb{display: none !important;}

    .mobileNavbar
    {
        height: 5rem;
        width: 100vw;
    }
    .mobileMenuIcon
    {
        height: 3rem;
        margin: 1rem;
    }

    .mobileNavbarLogo
    {
        height: 4rem;
        margin-bottom: 0;
    }

    .mobileIcon
    {
        height: 2.5rem;
        margin: 1.25rem 0;
    }

    .mobileNavbarPullRight
    {
        float: right;
        display: inline-block;
    }

    .mobileNavbarPullLeft
    {
        height: 5rem;
        display: inline-block;
    }

    .mobileNavLinks
    {
        height: 100vh;
        width: 100vw;
        position: fixed;
        z-index: 100;
        background-color: white;
        top: 0;
        right: 0;
        left: 0;
        display: none;
    }

    .navigationItem{
        position: relative;
    }

    .navigationItem i.icon-down-filled-triangular-arrow{
        font-size: 16px;
        margin-left: 5px;
        position: absolute;
        top: 5px;
        right: 0;
        height: 30px;
        width: 30px;
        line-height: 30px;
        text-align: center;
    }

    .menu-active .navigationItem .icon-down-filled-triangular-arrow:before {
        content: "\E00E" !important;
    }

    .navigationItem .icon-down-filled-triangular-arrow:before {
        content: "\E00E";
    }

    .navigationClose{
        display: block;
        position: absolute;
        top: 6px;
        font-size: 30px;
        left: 10px;
    }
    .navigation {
        display: none;
        height: 100vh;
        width: 90%;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1111;
        background: #fffffff9;
        padding-top: 60px;
    }

    .mobilMenuToggle{
        line-height: 56px;
        display: inline-block;
        position: absolute;
        top: 48px;
        left: 10px;
    }
    .mobilMenuToggle i{
        font-size: 30px;
        position: relative;
        top: 4px;
        left: -5px;
    }

    .navigationList {
        display: flex;
        position: relative;
        gap: 0px;
        align-content: flex-start;
        flex-wrap: nowrap;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .navigationItem:last-child {
        border-bottom: none;
    }
    .navigationItem {
        padding: 0;
        display: block;
        width: 100%;
        border-bottom: 1px solid #f8f8f8;
    }

    .navigationButton {
        display: block;
        line-height: 40px;
        width: 100%;
        position: relative;
    }

    .navigationButton i {
        font-size: 16px;
        margin-left: 5px;
        position: absolute;
        top: 12px;
        right: 0;
    }

    .menu-active .navigationButton .icon-down-filled-triangular-arrow:before {
        content: "\e02e" !important;
    }
    .navigationButton .icon-down-filled-triangular-arrow:before {
        content: "\e02b";
    }

    .dropdown-menu {
        position: initial;
        top: 100%;
        left: 0;
        z-index: 1000;
        display: none;
        float: left;
        min-width: 160px;
        padding: 5px 0;
        margin: 0;
        text-align: initial;
        list-style: none;
        background-color: transparent;
        background-clip: padding-box;
        border: none;
        border-radius: 10px;
        -webkit-box-shadow: none;
        box-shadow: none;
        width: 100%;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        flex-wrap: wrap;
        justify-content: space-evenly;
        gap: 30px;
        padding: 10px;
        padding-top: 20px;
        overflow: auto;
        max-height: 500px;
    }
    .navigationItem.sub-menu.in-imaged.menu-active .dropdown-menu .dropdown-item {
        padding: initial;
    }

    a{
        color: black;
    }
    .navigationItem.sub-menu.in-imaged.menu-active .dropdown-menu {
        display: flex !important;
        position: initial;
        width: 100%;
        justify-content: space-between;
        gap: 0;
        padding: 10px 0;
    }

    .navigationItem.sub-menu.menu-active .dropdown-menu {
        display: block;
    }

    .navigationItem.sub-menu.in-imaged .dropdown-menu .dropdown-item {
        text-align: center;
    }
    .navigationItem.sub-menu.menu-active .dropdown-menu .dropdown-item {
        padding: initial;
        width: 50%;
        margin-bottom: 20px;
    }

    .navigationItem:hover .navigationButton:before{
        content: none;
    }

    .navigation:after{
        content: " ";
        width: 11%;
        position: absolute;
        height: 100vh;
        background: #00000070;
        right: -11%;
        top: 0;
    }

    .main {
        padding: 0;
    }

    #searchInput {
        display: none;
    }
    .search-btn{
        width: 50px;
        height: 50px;
        margin-left: 20px;
    }
    .mobile-search-content .search-btn{
        margin-left: 0;
        width: 15%;
        background: whitesmoke;
        color: black;
    }

    .section-manslider .man-title h1,.slider-bestSelling .best-title h1 {
        font-size: 20px !important;
    }

    .profile{
        margin-top: 0;
    }
    .basket{
        margin-top: 10px;
        position: absolute;
        cursor: pointer;
        right: 0px;
    }
    .basket-number{
        position: absolute;
        right: 8px;
        top: 8px;
        font-size: 13px;
        color: gray;
        left: initial;
    }

    .nav-right i {
        display: flex;
        justify-content: flex-end;
        text-align: center;
    }

    .basket-content {
        right: 20px;
    }
    .btn-profile {
        position: absolute;
        right: -25px;
        z-index: 111;
        top: -11px;
    }
        .offer{
        font-size: 12px;
    }
    .offer-ribbon, .offer-right{
        display: none;
    }
    .visa-img{
        width: 100%;
    }
    .header-logo{
        margin-left: 40px;
        height: 55px;
        margin-top: 10px;
    }
    .footer-top{
        padding: 20px;
    }
    .profile p, .basket p{
        display: none;
    }

    .slider-header img{width: 100%}
    .nav {
        margin-bottom: 0px !important;
        display: flex;
        align-content: center;
        justify-content: center;
        align-items: center;
        position: relative;
    }
    .span-content {
        font-size: 20px;
        padding-left: 0;
        margin: 0 auto;
        text-align: center;
        display: block;
    }
}
.btn-drop{
    padding: 0;
    background-color: transparent;
    border: none;
}
.btn-profile{
    padding: 0;
    background-color: transparent;
    border: none;
}
button.btn-profile.dropdown-toggle::after{
    display: none;
}
.basket {
    position: relative;
    cursor: pointer;
}

.basket-content {
    display: none;
    position: absolute;
    top: 134%;
    right: 0;
    width: 350px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    z-index: 1111;
}

.content-head{
    background-color: #000;
    color: white;
    text-align: center;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.content-head i{
    display: inline-block;
    position: absolute;
    top: 15px;
    right: 20px;
    color: #3e3e3e;
}
.content-product{
    padding: 5px;
    display: flex;
}
.product-img{
    background-color: #f5f5f5;
    padding: 70px 40px 20px 50px;
    position: relative;
    width: 25%;
}
.product-img img{
    width: 40px;
    height: 60px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.product-right{
    width: 75%;
}
.basket-title{
    font-size: 13px;
    font-weight: 500;
    padding: 5px;
    position: relative;
    padding-right: 30px;
}
.basket-title i{
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 10px;
}
.counter-container {
    display: flex;
    align-items: center;
    gap: 10px;
}
.basket-price{
    display: flex;
    padding: 15px;
}
.counter-input {
    width: 50px;
    height: 35px;
    text-align: center;
    border: 1px solid gray;
}

.counter-button {
    cursor: pointer;
    background-color: transparent;
    color: black;
    border: none;
    position: absolute;
    border-radius: 5px;
}
.counter-button2 {
    cursor: pointer;
    background-color: transparent;
    color: black;
    border: none;
    position: absolute;
    margin-left: 28px;
    border-radius: 5px;
    margin-top: 2px;
}
.basketPrice-div{
    display: inline-block;
}
.basketPrice-div span{
    display: block;
}
.basket-sale{
    text-decoration: line-through;
    color: gray;
    opacity: 0.8;
    font-size: 13px;
    margin-left: 15px;
}
.basketPrice-text{
    font-size: 15px;
    font-weight: bold;
    margin-left: 15px;
}
.basket-hr{
    width: 90%;
    margin-left: 5%;
}
.price-total{
    padding: 20px;
}

.price-total .price-right{
    float: right;
    font-weight: bold;
}
.basket-btn{
    margin: 10px;
}

a{
    text-decoration: none;
    color: black;
}
.btn-goBasket{
    width: 100%;
    height: 45px;
    background-color: #2c2c2c;
    border: none;
    color: aliceblue;
    display: block;
    text-align: center;
    line-height: 45px;
}

.btn-okey{
    width: 100%;
    height: 45px;
    background-color: transparent;
    border: 2px solid black;
    display: block;
    text-align: center;
    color: black;
    line-height: 45px;
}
.mobile-search-content {
    width: 100%;
    background-color: #fff;
    padding: 10px;
}

@media (max-width: 768px) {

    .mobile-search-content #searchInput{
        display: inline-block;
        width: 85%;
        height: 50px;
		font-size:14px;
    }
    .search input[type="search"] {
        display: none;
    }
    .user-span{
        display: none;
    }

    .grid2v8v4 .banner-item:nth-child(2) {
        width: 100% !important;
        margin-left: 0 !important;
    }
    .grid2v8v4 .banner-item:nth-child(1) {
        width: 100% !important;
    }
    .grid2v4v8 .banner-item:nth-child(1) {
        width: 100% !important;
    }

    .grid2v4v8 .banner-item:nth-child(2) {
        width: 100% !important;
        margin-left: 0 !important;
    }

    .itemWoman,
    .item{
        width: 100% !important;
    }
}
.footer-imga{
    color: #f0f0f0;
    display: block;
    margin: 0 !important;
}
.section-info{
    text-align: center;
    padding: 20px 0px 60px 0px;
}
.div-info i{
    font-size: 50px;
    color: gray;
    padding: 10px;

}
.div-info i:hover{
    font-size: 50px;
    color: gray;
    background-color: #f5f5f5;
    border-radius: 100%;padding: 10px;
}
.div-info p{
    font-size: 14px;
    color: gray;
    padding: 15px 35px;
}

.best-title h1,.man-title h1{
    font-size: 2rem !important;
}
.div-info h6{
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 10px;
}
.action{
    display:block;
    margin:100px auto;
    width:100%;
    text-align:center;
  }
  .action a {
    display:inline-block;
    padding:5px 10px; 
    background:#f30;
    color:#fff;
    text-decoration:none;
  }
.action a:hover{
    background:#000;
}
.slick-dots{
    display: none !important;
}

.grid2v4v8 .banner-item:nth-child(2){
    width: 64%;
    margin-left: 20px;
}
.grid2v4v8 .banner-item:nth-child(1){
    width: 34%;
}

.grid2v8v4 .banner-item:nth-child(2){
    width: 34%;
    margin-left: 20px;
}
.grid2v8v4 .banner-item:nth-child(1){
    width: 64%;
}
.grid2v8v4 .banner-item img, .grid2v4v8 .banner-item img{
    width: 100%;
}
.grid2v8v4 .banner-item, .grid2v4v8 .banner-item{
    display: inline-block;
    margin-top: 20px;
}

.sliderComment{
    padding: 0 20px 0px 20px;
    background-color: #f5f5f5;
    position: relative;
    margin: 15px;
    margin-top: 35px;
}
.sliderComment div{
    background-color: white;
    text-align: center;
    padding: 15px;
    border: 1px solid #e7e7e7;
    position: relative;
    top: -30px;
    min-height: 180px;
}

.main .slider-review .slick-track{
    padding-top: 40px;
}

.sliderComment div p{
    color: #a3a3a3;
    line-height: 18px;
    font-size: 13px;
}
.sliderComment div button{
    border: none;
    background-color: transparent;
    font-weight: 500;
	font-size:12px;
}

.icon-star-solid,.icon-star{
    color: #eac600;
}
.slider-bestSelling {
    position: relative;
    overflow: hidden;
    margin: 0 auto; 
}

.slider-best {
    display: flex;
    transition: transform 0.5s ease; 
}
.slider-best .slick-list{
    width: 100%;
    margin-left: 0 !important;
}
.item {
    flex: 0 0 auto;
    width: 100%; 
}
.user-span,.basket p{
    color: #616161;
}
.button-best {
    position: relative;
    font-size: 26px;
    background: transparent;
    border: none;
    color: #333;
    cursor: pointer;
    line-height: 20px;
}

.prev-best {
    right: 5px;
}

.next-best {
    right: 10px;
}

.best-title{
    background: linear-gradient(to right, white, rgb(236, 198, 167));
    padding-left: 30px;
}

.man-title.best-title{
    background: linear-gradient(to right, white, rgb(236, 198, 167));
    padding-left: 30px;
}
.best-title h1{
    display: inline-block;
}
.best-btnDiv{
    display: inline-block;
    float: right;
    position: relative;
    top: 8px;
}
.item{
    position: relative;
    width: 250px !important;
    margin: 17px;
}
.item-best{
    background-color: #f5f5f5;
    text-align: center;
    padding: 25px 10px 65px 10px;
    position: relative;
    display: flex;
    justify-content: center;
}
.item img{
    text-align: center;
}
.item-best img{
    width: 100px;
}
.item-button {
    position: absolute;
    bottom: 15px;
    left: 10%;
    width: 80%;
    padding: 10px 15px 10px 15px;
    background-color: #000;
    color: #fff;
    border: none;
    cursor: pointer;
    display: none; 
}

.item:hover .item-button {
    display: block;
}
.item-textDiv{
    text-align: center;
    line-height: 50%;
}
.item-text{
    color: #a3a3a3;
    margin-top: 20px;
    font-size: 14px;
}
.item-price{
    font-weight: bold;
}
.item-fav{
    position: absolute;
    top: 10px;
    left: 20px;
    width: 45px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border: none;
    border-radius: 100%;
    z-index: 5;
    cursor: pointer;
}
.item-fav i{
    font-size: 17px;
    font-weight: bold;
}
.item-fav:hover{
    position: absolute;
    top: 10px;
    left: 20px;
    width: 45px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #000;
    color: #fff;
    border: none;
    border-radius: 100%;
    z-index: 5;
}
/* man slider */ 
.slider-mans {
    position: relative;
    overflow: hidden;
    margin: 0 auto; 
}

.slider-man {
    display: flex;
    transition: transform 0.5s ease; 
    margin-bottom: 50px;
}
.slider-man .slick-list{
    width: 100%;
    margin-left: 0 !important;
}


.button-man {
    position: relative;
    font-size: 26px;
    background: transparent;
    border: none;
    color: #333;
    cursor: pointer;
    line-height: 20px;
}

.prev-man:hover, .next-man:hover{
    opacity: 1;
}
.prev-man {
    right: 5px;
    opacity: 0.5;
}

.next-man {
    right: 10px;
    opacity: 0.5;
}
.man-title{
    background: linear-gradient(to right, white, rgb(185, 225, 238));
    padding-left: 30px;
}
.man-title h1{
    display: inline-block;
}
.man-btnDiv{
    display: inline-block;
    float: right;
    position: relative;
    top: 8px;
}
.itemMan{
    position: relative;
   /* width: 250px !important; */
    margin: 0px;
}
.item-man{
    background-color: #f5f5f5;
    text-align: center;
    position: relative;
    display: flex;
    justify-content: center;
}
.itemMan img{
    text-align: center;
}
.item-man img{
   width: 100%;
}
.itemMan:hover .item-button {
    display: block;
}
.item-textDiv{
    text-align: center;
    line-height: 50%;
}
.item-text{
    color: #a3a3a3;
    margin-top: 20px;
    font-size: 14px;
}
.item-price{
    font-weight: bold;
}
.item-fav{
    position: absolute;
    top: 10px;
    left: 20px;
    width: 45px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border: none;
    border-radius: 100%;
    z-index: 5;
    cursor: pointer;
}
.item-fav i{
    font-size: 17px;
    font-weight: bold;
}
.item-fav:hover{
    position: absolute;
    top: 10px;
    left: 20px;
    width: 45px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #000;
    color: #fff;
    border: none;
    border-radius: 100%;
    z-index: 5;
}
/* woman slider */ 
.slider-womans {
    position: relative;
    overflow: hidden;
    margin: 0 auto; 
}

.slider-woman {
    display: flex;
    transition: transform 0.5s ease; 
    margin-bottom: 50px;
}
.slider-woman .slick-list{
    width: 100%;
    margin-left: 0 !important;
}
.itemWoman {
    flex: 0 0 auto;
    width: 100%; 
}

.button-woman{
    position: relative;
    font-size: 24px;
    background: transparent;
    border: none;
    color: #333;
    cursor: pointer;
}

.prev-woman {
    right: 5px;
}

.next-woman {
    right: 10px;
}
.woman-title h1{
    display: inline-block;
}
.woman-title{
    background: linear-gradient(to right, white, rgb(244, 181, 191));
    padding-left: 30px;
}
.woman-btnDiv{
    display: inline-block;
    float: right;
    position: relative;
    top: 8px;
}
.itemWoman{
    position: relative;
    width: 250px !important;
    margin: 17px;
}
.item-woman{
    background-color: #f5f5f5;
    text-align: center;
    padding: 25px 10px 65px 10px;
    position: relative;
    display: flex;
    justify-content: center;
}
.itemWoman img{
    text-align: center;
}
.item-woman img{
    width: 100px;
}
.itemWoman:hover .item-button {
    display: block;
}
.item-textDiv{
    text-align: center;
    line-height: 50%;
}
.item-text{
    color: #a3a3a3;
    margin-top: 20px;
    font-size: 14px;
    line-height: 20px;
    height: 50px;
    display: block;
}

.filter-mobile{
    position: relative;
    top: 10px;
}
.itemMan .price{
    margin-bottom: 20px;
}

.item-price{
    font-weight: bold;
}
.item-fav{
    position: absolute;
    top: 10px;
    left: 20px;
    width: 45px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border: none;
    border-radius: 100%;
    z-index: 5;
    cursor: pointer;
}
.item-fav i{
    font-size: 17px;
    font-weight: bold;
}
.item-fav:hover{
    position: absolute;
    top: 10px;
    left: 20px;
    width: 45px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #000;
    color: #fff;
    border: none;
    border-radius: 100%;
    z-index: 5;
}
.section-comment .slick-list {
    width: 90%;
    margin-left: 5%;
}
.banner img{
    max-width: 100%;
}
/* Product slider*/
.slider-product {
    position: relative;
    overflow: hidden;
    margin: 0 auto; 
}
.slider-product .slider-similarProduct .slick-list{
    width: 100%;
    margin-left: 0 !important;
}
.slider-man {
    display: flex;
    transition: transform 0.5s ease; 
    margin-bottom: 50px;
}
.slider-man .slick-list{
    width: 100%;
    margin-left: 0 !important;
}


.button-similarProduct {
    position: relative;
    font-size: 24px;
    background: transparent;
    border: none;
    color: #333;
    cursor: pointer;
}

.prev-similarProduct {
    right: 5px;
}

.next-similarProduct {
    right: 10px;
}
.similarProduct-title{
    background: linear-gradient(to right, white, rgb(233, 200, 173));
    padding-left: 30px;
}
.similarProduct-title h1{
    display: inline-block;
}
.similarProduct-btnDiv{
    display: inline-block;
    float: right;
    position: relative;
    top: 8px;
}
.itemP{
    position: relative;
    width: 250px !important;
    margin: 17px;
}
.item-similarProduct{
    background-color: #f5f5f5;
    text-align: center;
    padding: 25px 10px 65px 10px;
    position: relative;
    display: flex;
    justify-content: center;
}
.itemP img{
    text-align: center;
}
.item-similarProduct img{
    width: 100px;
}
.itemP:hover .item-button {
    display: block;
}

.sale-span{
    background-color: #e00000;
    color: white;
    padding: 5px 20px 5px 20px;
    font-weight: 300;
}
.text-product{
    margin-top: 15px;
    color: #a1a1a1;
    font-size: 20px;
}
.text-price{
    font-weight: bold;
    font-size: 23px;
}
.text-code{
    font-size: 16px;
}
.value-code{
    color: #a1a1a1;
}
.video-p {
   margin-top: 20px;
}
.video-p a{
    text-decoration: none;
    color: black;
    font-weight: 600;
    font-size: 18px;
}
.video-p i{
    text-decoration: none;
    color: black;
    font-weight: bold;
    font-size: 25px;
    position: relative;
    top: 3px;
    margin-left: 10px;
}
.form-ml{
    width: 100%;
    background-color: #f5f5f5;
    color: rgb(148, 148, 148);
    text-align: center;
    border: none;
    padding: 15px;
    font-size: 13px;
}
.form-ml:focus{
outline: none;
}
.form-ml option {
    font-size: 14px;
    background-color: #fff; 
    color: #333;
    border: none;
    border-radius: 0 !important;
}
.ml-p{
    font-size: 18px;
    font-weight: 500;
    margin-top: 5px;
}
.add-basket{
    width: 100%;
    border: none;
    padding: 15px;
    text-align: center;
    font-size: 16px;
    background-color: #000;
    color: white;
}
.tel-order{
    width: 100%;
    color: #a1a1a1;
    border: 1px solid black;
    background-color: transparent;
    padding: 15px;
    text-align: center;
    font-size: 16px;
}
.counter-inputdetail{
    width: 90%;
    padding: 15px;
    text-align: center;
    background-color: #f5f5f5;
    border: none;
    color: #5e5e5e !important;
}
.counter-inputdetail:focus{
    outline: none;
}
.counter-buttondetail {
    cursor: pointer;
    background-color: transparent;
    color: black;
    border: none;
    position: absolute;
    border-radius: 5px;
    margin-left: 8px;
    color: #5e5e5e;
}
.counter-button2detail {
    cursor: pointer;
    background-color: transparent;
    color: black;
    border: none;
    position: absolute;
    margin-left: 58px;
    border-radius: 5px;
    margin-top: 2px;
    color: #5e5e5e;
}
.page-lctSection{
    height: 40px;
    background-color: black;
    color: white;
    line-height: 40px;
}
.page-lctSection p{
   font-weight: 300;
}
.notes{
   display: flex;
}
.div-explanation{
    width: 50%;
    text-align: center;
}
.div-notes{
    width: 50%;
    text-align: center;
}
.comment-payment{
    text-align: center;
}
.btn-explanation{
    width: 100%;
    background-color: transparent;
    border: none;
    border-radius: 0;
    font-weight: bold;
    padding: 10px 0 15px 0;
}
.btn-explanation i{
    font-size: 20px;
    position: relative;
    top: 2px;
}
.btn-notes{
    width: 100%;
    background-color: transparent;
    border: none;
    border-radius: 0;
    font-weight: bold;
    padding: 10px 0 15px 0;
}
.btn-notes i{
    font-size: 20px;
    position: relative;
    top: 2px;
}
.collapse-body{
    border: none !important;
    padding: 1px;
    font-size: 14px;
    color: #bab9b9;
}
.btn-evaluation{
    position: relative;
    background-color: transparent;
    border: none;
    border-radius: 0;
    font-weight: 500;
    padding-bottom: 15px;
	text-transform:uppercase;
}
.btn-evaluation::after{
    content: " ";
    display: block;
    height: 2px;
    width: 95%;
    background-color: #000;
    position: absolute;
    bottom: 0;
}
.btn-installment{
    background-color: transparent;
    border: none;
    border-radius: 0;
    font-weight: 500;
    padding-left: 35px;
}
.btn-installment::after{
    content: " ";
    display: block;
    height: 2px;
    width: 11%;
    background-color: #000;
    position: absolute;
}
.menu .dropdown-menu li .dropdown-item {
    padding: 5px 30px;
}
.menu .dropdown-menu li{
    margin: 0;
}
.piece-p{
    font-size: 18px;
    font-weight: 500;
    margin-top: 5px;
}
.nav-breadcrumb{
    display: flex;
    justify-content: flex-end;
}
.breadcrumb-item{
    color: white !important;
}
.breadcrumb-item a{
    color: white !important;
    text-decoration: none;
}
.nav-breadcrumb ol.breadcrumb li+li:before {
    color: white;
}
.div-comment{
    background-color: #f5f5f5;
    padding: 10px 10px 15px 15px;
}
.div-comment .col-md-7{
    position: relative;
    left: -30px;
}
.comment-user{
    font-size: 20px;
    font-weight: bold;
    color: #a1a1a1;
    position: relative;
    top: 3px;
}
.comment-star i{
    color: #a1a1a1;
    position: relative;
    top: -20px;
    font-size: 10px;
}
.comment-h{
    color: #a1a1a1;
}
.comment-text{
    font-size: 13px;
}
.comment-date{
    display: flex;
    justify-content: end;
}
.hr-detail{
    border: 1px solid #a1a1a1;
    margin-top: -2px !important;
    margin-bottom: 20px;
}
.collapse-scroll p{
    margin-top: 20px;
}
.collapse-scroll{
    height: 150px;
    overflow-y: auto;
}
.collapse-scroll::-webkit-scrollbar {
    width: 4px;
    border-radius: 20px;
}

.collapse-scroll::-webkit-scrollbar-thumb {
    background-color: #a1a1a1;
    border-radius: 20px;
}

.collapse-scroll::-webkit-scrollbar-track {
    background-color: #f5f5f5;
}

.item-products{
    position: relative;
    width: calc(100% / 5 - 4px);
    padding-right: 10px;
    display: inline-block;
    margin-top:3%;
}
.item-products img{
    text-align: center;
    
}
.item-products:hover .item-button {
    display: block;
}

.dropdown-item.active, .dropdown-item:active {
    color: black;
    text-decoration: none;
    background-color: #f8f9fa;
}

@media (max-width:768px) {
    .item-products{
        width: 49% !important;
        display: inline-block;
        margin-top:3%;
    }
    .item-products .item-text{
        font-size: 15px ;line-height: normal;
    }
    .filter-mobile{
        text-align: center;
        /*
        margin-top: 10px;
        display: flex;
        justify-content: center !important;

         */
    }

    .item-man img {
        width: 100%;
    }
    .address-radio-label {
        width: 95% !important;
        margin-bottom: 10px;
    }

    .search-right input {
        width: 100%;
    }
    .search-right{
        float: left !important;
        width: 100%;
    }
    .search-titles{
        font-size: 20px !important;
    }
    .footer-bottom .fw-bold{
        font-size: 14px;
    }

    .best-title h1 {
        display: inline-block;
        font-size: 20px;
        margin-top: 27px !important;
    }

    .div-gender{
        overflow: auto;
        display: flex;
        margin: 10px 0;
    }
    .form-ml{margin-right: 0}
    .counter-inputdetail{
        width: 55%;
    }
    .mt-4.filter-section{
        margin-top: 0 !important;
    }
    .tel-order, .add-basket{
        margin-top: 10px;
    }
    .btn-evaluation{
        width: 49%;
        padding-right:0 ;
    } 
    .btn-installment{
        width: 49%;
        padding-left: 0;
    }
    .div-comment{
        margin-top: 15px;
    }
}




@media screen and (max-width: 1280px) and (max-height: 960px) and (min-height: 801px) {
    .menu li {
        margin-left:10px!important;
		display:flex;
    }
	
	.menu .dropdown{
		font-size:12px!important;
	}
	
	.nav-a{
		font-size:12px!important;
	}
	
	.dropdown-item{
		font-size:12px!important;
	}
	
	.footer-main .mobil-mt:nth-child(3):before{
    content: " ";
    display: block;
    width: 1px;
    height: 70%;
    position: absolute;
    background: #555555;
    top: 6%;
    left: -19px;
	}
	
	.footer-main .mobil-mt:nth-child(4):before{
     content: " ";
     display: block;
     width: 1px;
     height: 70%;
     position: absolute;
     background: #555555;
     top: 6%;
     left: -3px;
	}

	.footer-main .mobil-mt:nth-child(5):before{
    content: " ";
    display: block;
    width: 1px;
    height: 70%;
    position: absolute;
    background: #555555;
    top: 6%;
    left: -27px;
	}
	
	.span-content{
    font-size: 16px;
	}
	
	.footer-img{
    text-align: center;
    padding: 20px 20px 0px 20px;
    background-color: #232323;
    position: absolute;
    top: -67px;
    width: 400px;
	}
	
	.address-radio-label.active{
	font-size:11px;
	}

	.address-radio-label{
	font-size:11px!important;
	}
	
	.btn-order, .btn-filter{
		margin-left:0px!important;
		padding:10px 5px!important;
	}
}


@media  screen and (max-width: 1366px) {
    .menu li {
        margin-left:15px!important;
		display:flex;
    }
	
	.menu ul li{
		margin-left:0px!important;
	}
	
	.menu .dropdown{
		font-size:14px!important;
	}
	
	.nav-a{
		font-size:14px!important;
	}
	
	.dropdown-item{
		font-size:12px!important;
	}
	
	.footer-main .mobil-mt:nth-child(3):before{
    content: " ";
    display: block;
    width: 1px;
    height: 70%;
    position: absolute;
    background: #555555;
    top: 6%;
    left: -19px;
	}
	
	.footer-main .mobil-mt:nth-child(4):before{
     content: " ";
     display: block;
     width: 1px;
     height: 70%;
     position: absolute;
     background: #555555;
     top: 6%;
     left: -3px;
	}

	.footer-main .mobil-mt:nth-child(5):before{
    content: " ";
    display: block;
    width: 1px;
    height: 70%;
    position: absolute;
    background: #555555;
    top: 6%;
    left: -27px;
	}
	
	.span-content{
    font-size: 16px;
	}
	
	.footer-img{
    text-align: center;
    padding: 20px 20px 0px 20px;
    background-color: #232323;
    position: absolute;
    top: -69px;
    width: 400px;
	}
	
	.address-radio-label.active{
	font-size:11px;
	}

	.address-radio-label{
	font-size:11px!important;
	}
	
	.btn-order, .btn-filter{
	margin-left:0px!important;
	padding:10px 5px!important;
        top: 0;
	}
}

.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active {
    color: white;
    background-color: black;
    border-color: black;
}

.btn:hover {
    color: white;
    background-color: black;
    border-color: black;
}


.pull-right .btn-primary{
    float: right;
    position: relative;
    top: -12px;
}

.campany-mail{
    border:none;
    color: #c0bebe;
    font-size: 12px;
    padding: 16px 10px 16px 40px;
    width: 70%;
}
.campany-icon{
    position: absolute;
    top: 34%;
    margin-left: 10px;
    font-size: 20px;
}
.btn-order,
.btn-filter{
    background-color: transparent;
    border: 1px solid #e5e5e5;
    padding: 10px 15px;
    font-size: 15px;
    margin-left: 5px;
}
.btn-order i,
.btn-filter i{
margin-left: 3px;
}
.btn-man,
.btn-woman,
.btn-unisex{
    background-color: transparent;
    border: 1px solid #e5e5e5;
    padding: 10px 7px 10px 7px;
    font-size: 15px;
    margin-left: 12px;
    color: black;
}

.form-check-input:checked {
    background-color: #000000;
    border-color: #000000;
}

.form-check-input:focus {
    outline: 0;
    box-shadow: none;
    border: none;
}

a,button{
    color: black;
}

#button-filter:hover{
    background-color: black;
    color: white;
}
#button-filter{
    background: white;
    color: black;
    border: 1px solid black;
    width: 90%;
    margin: 30px auto;
    margin-top: 60px;
}

.filter-nav{
    position: relative;
}
#filter-menu {
    position: absolute;
    top: 60px;
    display: none;
    left: 0;
    width: 100%;
    min-height: 180px;
    background-color: white;
    z-index: 999;
    box-shadow: 0px 4px 10px -10px;
}
.filter-right{
    display: flex;
    justify-content: flex-end;
}
.btn-filters{
    border: none;
    background-color: transparent;
    font-size: 18px;
    font-weight: 400;
}
.number .span-one{
    color: #a3a3a3;
}
.form-check .form-check-input {
    margin-left: -1.5em;
    float: none !important;
}
.form-check {
    display: inline-block !important;
    margin-left: 20px;
    min-width: 150px;
}
body.overlay-active {
 /*   background: #f5f5f5;*/
}
.filter-ml{
    margin-left: 30px;
}
.product-container {
    display: none;
}

.man-products {
    display: block;
}
.selected-button {
    border: 2px solid black;
}
.form-check-input[type=checkbox]{
    border-radius: 0 !important;
}
.four{
    display: inline-block;
    cursor: pointer;
    margin: 0 10px;
}
.five{
    display: inline-block;
    cursor: pointer;
    margin-left: 5px;
}

.vote{
    display: inline-block;
    width: 11px;
    height: 12px;
    background-color: #bbbbbb;
}

#slider-thumb {
    display: flex;
    width: 100%;
    height: 762px;
    position: relative;
}
#thumbnail-slider-thumb {
    width: 22%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}
#main-slider-thumb {
    width: 78%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
}

.thumbnail-thumb {
    width: 100%;
    cursor: pointer;
    margin-bottom: 5px;
}

.main-image-thumb {
    width: 100%;
    height: auto;
    margin-left: 0;
    margin-top: 0;
}
.slick-prev:hover::before {
    background-image: url(../img/left-arrow-white.svg);
}

.slick-next:hover::before {
    background-image: url(../img/right-arrow-white.svg);
}

.slick-prev:hover, .slick-next:hover {
    background-color: black;
}
.slick-prev, .slick-next {
    top: 50%;
    transform: translateY(-50%);
}
.slick-initialized .main-image-thumb.slick-slide{
    padding: 5%;
}
.product-number{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 13px;
}
.product-number .number{
    display: flex;
    align-items: center;
    position: relative;
    top:-3px;
    padding-right: 10px;
}
#thumbnail-slider-thumb img{
/*    width: 90px !important;
    height: 130px;
  */
}
.thumb-img-div{
    width: 130px !important;
    padding: 12%;
    background-color: #f5f5f5;
    margin: 7px;
}
#slider-thumb .item-fav{
    position: absolute;
    top: 15px;
    left: 30px;
    width: 55px;
    height: 55px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border: none;
    border-radius: 100%;
    cursor: pointer;
}
#slider-thumb .item-fav:hover{
    position: absolute;
    top: 15px;
    left: 30px;
    width: 55px;
    height: 55px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #000;
    border: none;
    border-radius: 100%;
    z-index: 5;
    cursor: pointer;
}
#slider-thumb .item-fav .icon-heart{
  font-size: 23px;
}
#slider-thumb .slick-list{
  /*  height: 600px; */
}
@media (max-width:768px){
#slider-thumb {
    display: flex;
    width: 100%;
    height: auto;
    margin-top: -30px;
    margin-bottom: 20px;
}

    .item-text {
        height: 65px;
    }
#filter-menu {

}
#thumbnail-slider-thumb {
    width: 30%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}
#main-slider-thumb {
    width: 100%;
    box-sizing: border-box;
    background-color: #f5f5f5;
    display: flex;
    align-items: center;
    justify-content: center;
}

.thumbnail-thumb {
    width: 100%;
    cursor: pointer;
    margin-bottom: 5px;
}

.main-image-thumb {
    width: 100%;
    height: auto;
    margin-left: 0;
}
.slick-prev, .slick-next {
    top: 50%;
    transform: translateY(-50%);
}
.slick-initialized .main-image-thumb.slick-slide{
    padding: 4%;
}
.product-number{
    display: none;
}
#thumbnail-slider-thumb img{
    width: 70px !important;
    height: 95px;
    
}
.thumb-img-div{
    width: 90px !important;
    padding: 10px;
    background-color: #f5f5f5;
    margin: 7px;
}
#slider-thumb .item-fav{
    position: absolute;
    top: 0;
    left: 20px;
    width: 45px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border: none;
    border-radius: 100%;
    cursor: pointer;
}
#slider-thumb .item-fav:hover{
    position: absolute;
    top: 0px;
    left: 20px;
    width: 45px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #000;
    border: none;
    border-radius: 100%;
    z-index: 5;
    cursor: pointer;
}
#slider-thumb .item-fav .icon-heart{
  font-size: 23px;
}
#slider-thumb .slick-list{
    height: auto !important;
}
.mobile-top{
    margin-top: 30px;
}
}
#open-fancybox{
    position: absolute;
    right: 0;
    z-index: 100;
    border: none;
    background-color: transparent;
    font-size: 30px;
    font-weight: bold;
    padding: 20px 30px 20px 20px;
}

/* Stil kuralları */
.sort-options {
    display: none;
    position: absolute;
    background: white;
    top: 46px;
    z-index: 100;
    width: 17%;
    padding: 15px;
    font-size: 15px;
    border-radius: 5px;
} 
.sort-options label {
    display: block;
    margin-bottom: 8px;
}
.sort-options label input{
    position: relative;
    top: 1px;
}

.list-button.active-list span{
    background: black;
}

#product-list{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px;
    margin-top: 30px;
}

.grid4 .itemMan{
    width: calc((100% - 60px) / 4);
}

.grid5 .itemMan{
    width: calc((100% - 80px) / 5);
}

.filter-section{
    position: relative;
}
.p-relative{position: relative}

.toggle-down ul li a{
    text-decoration: none;
    color: black;
    font-size: 13px;
}
.toggle-down ul li{
    display: block;
}
.toggle-down ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.toggle-down{
    position: absolute;
    box-shadow: 0px 3px 12px -10px;
    padding: 15px;
    z-index: 111;
    background: white;
    min-width: 200px;
    right: 0;
    top: 50px;
    display: none;
}

.toggle-button{
    position: relative;
}




/* sepet */

.cart-button-area .quantity-button {
    font-size: 22px !important;
    border: none !important;
    width: auto !important;
    height: auto !important;
    border-radius: 0 !important;
}

.cart-button-area .cart-remove-button {
    border: none !important;
    width: auto !important;
    height: auto !important;
    font-size: 22px !important;
}


.desc h2, .urundetayaciklama h2 {
    font-size: 18px;
    color: #000;
    margin-top: 0;
}

.tab-title {
    font-size: 18px;
    color: #000;
    display: inline-block;
    border-bottom: 3px solid #000;
    padding-bottom: 15px;
    margin-bottom: -2px;
    font-weight: 300;
    margin-top: 20px;
}

.scroll .desc {
    height: 200px;
    overflow: hidden;
}

.tab-desc-content {
    padding-bottom: 50px;
    border-bottom: 1px solid #e5e7f2;
    position: relative;
    border-top: 1px solid #e5e7f2;
    margin-top: 1px;
    margin-bottom: 30px;
}
.desc p {
    color: #49494a;
    font-weight: 300;
    font-size: 13px;
}
.more-desc {
    border: none;
    color: #000;
    border-bottom: 2px solid #000;
    position: absolute;
    right: 0;
    bottom: -1px;
    background: 0 0;
    padding: 10px 10px 10px 0;
}

.well {
    padding: 19px 19px 40px;
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid #e3e3e3;
    border-radius: 0;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    min-height: 100px;
    margin-top: 10px
}

#account-login {
    padding-top: 30px;
    padding-bottom: 30px;
}


.girisyapbaslik{
	font-size:20px;
}

.girisyapaltbaslik strong {
    font-weight: 400;
    font-size: 14px
}

.kullanicipaneli ul li {
    width: 24.4%;
    float: left;
    text-align: center;
    line-height: 50px;
    margin-right: 5px;
    margin-left: 5px;
    background: #f7f7f7;
}

.kullanicipaneli ul li:hover {
    background: #ebebeb;
}

.kullanicipaneli ul li:first-child,.kullanicipaneli ul li:nth-child(4) {
    margin-right: 0;
    margin-left: 0
}

.kullanicipaneli ul li i {
    width: 100%;
    text-align: center;
    font-size: 45px;
    color: #000000;
}

.kullanicipaneli ul li a {
    color: #000000;
    padding: 20px 10px 10px 10px;
    width: 100%;
    float: left
}


.kpanelibulten,.kpanelihesabim,.kpaneliortaklik,.kpanelisiparis,.kpanelibulten ul {
    width: 100%;
    float: left;
	background:#fff;
}

.kullanicipaneli h2 {
    background: #fafafa;
    font-size: 16px;
    padding: 10px;
    color: #444;
	margin-top:10px;
	margin-right:5px;
	width:100%;
	float:left;
}

.girisyapaltbaslik strong {
    font-weight: 400;
    font-size: 13px
}

.kullanicipaneli {
    padding-top: 20px;
}

.pull-right{
	float: right!important;
		padding-top:15px;
}

.pull-left {
    float: left!important;
	padding-top:15px;
}


#account-edit, #account-address, #account-password, #account-wishlist, #account-order, #account-return, #account-transaction, #account-recurring, #account-newsletter{
	padding-top:20px;
}


.form-group{
	margin-bottom:15px;
}

.contactbox {
    width: 33.3%;
    float: left;
    text-align: center
}

.contact-icerik {
    margin: 5px;
    padding: 40px 30px;
    background: #f9f9f9;
    min-height: 270px;
    box-shadow: 1px 1px 1px 1px #e9e9e9;
}

.contact-icon {
    width: 70px;
    height: 70px;
    margin: 0 auto;
    background: #000000;
    border-radius: 50%
}

.contact-icon i {
    font-size: 42px;
    margin-top: 14px;
    color: #fff
}

.contact-detail iframe {
    height: 385px
}

.contactgenel {
    width: 100%;
    height: auto;
    float: left;
	margin-top:30px;
}

h2.contact-baslik{
	font-size:22px;
	margin-top:20px;
}

p.contact-aciklama{
	font-size:16px;
}

#account-account .list-group{
	margin-top:30px;
}

.confirm-title{
	position: relative;
    display: table;
    width: 100%;
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
	font-size:20px;
}

#information-information{
	padding-top:30px;
	padding-bottom:30px;
}


div#information-information h1 {
    font-size: 30px;
}

div#information-information p {
    font-size: 14px;
    color: #6a6a6a;
}


#searchInput::placeholder {
	color:#999999!important;
}


.dropdown-item{
	font-size:14px;
	font-weight:300;
}

.sliderComment h5 {
	font-weight: 500!important;
	font-size: 18px;
}


button#modal-button-tel {
    background: #000;
    width: 100%;
    text-align: center;
    color: #fff;
	border-radius:0px;
}


.modal-header {
    background: #000;
    color: #fff;
	display:flex;
}


.modal-header .btn-close{
	opacity:1!important;
	background:#fff var(--bs-btn-close-bg) center / 1em auto no-repeat!important;
}



button.fav-sepet-ekle {
	width: 48%;
	min-width: 48%;
	float: left;
	right: 10px!important;
}

a.fav-kaldir {
    width: 48%;
    padding: 9px!important;
    border-radius: 0px!important;
}


a.adres-duzenle {
    background: #000!important;
    border-color: #000!important;
    color: #fff!important;
    border-radius: 0px!important;
}


a.adres-sil {
    border-radius: 0px!important;
    background: #df1d1d!important;
}


a.adres-duzenle:hover{
	background:#fff!important;
	border-color:#000!important;
	color:#000!important;
}


a.adres-sil:hover{
	background:#fff!important;
	border-color:#df1d1d!important;
	color:#df1d1d!important;
}


a.siparis-detay{
    background: #000!important;
    border-color: #000!important;
    color: #fff!important;
    border-radius: 0px!important;
	width:100%;
}


a.iade-et {
	background:#df1d1d!important;
	border-color:#df1d1d!important;
	color:#ffffff!important;
}


.iletisim-tr{
	float:left;
	padding:15px;
	margin-top:50px;
	margin-bottom:50px;
}


.text-aciklama{
	height:190px!important;
}


.iletisim-form-buton{
	width:100%;
}



h3.contact-title {
    font-size: 25px;
    font-weight: 500;
    margin-bottom: 25px;
}


#account-register{
	padding-top:30px;
}


.hata-404-sayfa{
	text-align:center;
}


.hata-404-sayfa i{
	font-size:50px;
	padding-top:40px;
	padding-bottom:40px;
}


#common-success i{
	font-size:60px;
	padding-top:40px;
	padding-bottom:40px;
} 

.input-group .input-group-addon {
    font-size: 14px;
    height: 30px;
    border-radius: 0;
    background: 0 0;
    border: none;
    line-height: 40px;
    padding-right: 10px;
}

.desc {
	padding-top:20px;
}

.modal-footer {
    margin: 0 auto;
}

.modal-footer button.btn.btn-success {
    border-radius: 0px!important;
}

h4.modal-title{
	text-align:center;
}

.hesabim-kampanya-page{
	padding-top:30px;
	padding-bottom:30px;
}

.hesabim-kampanya-page h1{
	font-size:25px;
}


.availableofferblock button.btn.btn-primary {
    background: #339965;
    border-radius: 0px;
}

.availableofferblock button.btn.btn-primary:hover {
    border: 1px solid #339965!important;
}


.availableofferblock{
	padding:25px 20px!important;
}

span.tumUrunlar {
    font-size: 20px;
}

@media (min-width:768px) {
    #main-slider-thumb .slick-slide {
       /* width: 625px !important;*/
        max-width: 100%;
    }
}

.image-hover:hover .image1{
    display: none;
}
.image-hover:hover .image2{
    display: block;
}
.image-hover .image2{
    display: none;
}

.wpbutton,.wpbuttonmobil {
    position: fixed;
    height: 38px;
    bottom: 30px;
    background-color: #565656;
    color: #fff;
    text-align: center;
    z-index: 99999
}

.wpbutton {
    width: 38px;
    right: 30px;
    font-size: 18px;
    font-weight: 500;
    line-height: 60px
}

.wpbutton i{
    font-size: 30px!important;
    padding: 4px;
    float: left;
}



@media only screen and (min-width: 1000px) {
	.wpbutton{
		display:none!important;
	}
}

.price .price-old {
  text-decoration: line-through;
  padding-right: 10px;
  color: gray;
  font-size: 16px;
}


.price-area{
	margin:0px;
	padding:0px;
	margin-bottom:15px;
}


.price-area li p{
	margin:0px;
	padding:0px;
}


.price-area li {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
}


.price-area li .old-price {
  text-decoration: line-through;
}


span.badge.sale_badge {
    position: absolute;
    background: red;
    top: 25px;
    right: 10px;
}

.single-product .image .badges {
    display: block;
}