/*@media only screen and (min-width: 1400px) {
     .content-page ,.head-menu,.header-center-alt,.header-top-bar,.footer-center,.top-menu,.footer-center,.content-one{
        width: 1350px;
    }
}
  */
  @media only screen and (max-width: 945px) {
    .nos-quick-search{
        display: none;
    }
    .my10 {
        width: 10%!important;
    }

    .my20 {
        width: 20%!important;
    }

    .my30 {
        width: 30%!important;
    }

    .my40 {
        width: 40%!important;
    }

    .my50 {
        width: 50%!important;
    }

    .my60 {
        width: 60%!important;
    }

    .my70 {
        width: 70%!important;
    }

    .my80 {
        width: 80%!important;
    }

    .my90 {
        width: 90%!important;
    }

    .my100 {
        width: 100%!important;
    }

    a.vanillatop {
        background-color: #b6121b;
        border-radius: 50%;
        bottom: 180px;
        box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%), 0 3px 1px -2px rgb(0 0 0 / 20%);
        display: block;
        height: 40px;
        line-height: 40px;
        position: fixed;
        right: 37px;
        text-align: center;
        transform: translateX(120px);
        transition: 1s all;
        width: 40px;
        z-index: 9999;
    }

    .prbx-item .ayirici {
        display: none;
    }

    .prbx-dty .prbx-text, .prbx-dty .prbx-value {
        display: block;
        text-align: center;
        width: 100%;
    }

    .header-center-alt {
        width: 100%;
        flex-direction: column;
        justify-content: space-evenly;
        margin: 5px auto;
    }

    .header-center .head-search {
        width: 100%;
        padding: 5px;
        background: #000;
        display: inline-block;
        margin-top: 8px;
    }

    .head-search-yeni {
        display: block;
        background: #000;
        width: 100%;
    }

    .prbx-item {
        width: 50%;
    }

    .page-left {
        /* display: none; */
        width: 100%;
    }

    .Kategori-nav .Kategori-nav-items {
        display: none;
    }

    .Kategori-nav-title.Aktif ~ .Kategori-nav-items {
        display: block;
        border: 1px solid #999;
        border-top: 0px;
        padding: 5px;
    }

    .Kategori-nav-title {
        background: #000;
        color: #fff;
        border-radius: 5px 5px 0px 0px;
    }

    .Kategori-nav-items li:nth-child(even) {
        background: #f1f1f1;
    }

    .page-right {
        width: 100%;
    }

    .sepetim-left, .Siparis-left,.sepetim-right, .Siparis-right {
        width: 100%;
    }

    .head-search-yeni-keyw input {
        width: 100%;
        min-width: 300px;
    }

    .kitap-detay-alt tr td {
        display: grid;
        width: 100%;
    }

    .dty-sol,.dty-sag {
        width: 100%;
    }

    .page-account-content {
        width: 100%;
    }

    .page-nav {
        width: 100%;
        margin-bottom: 5px;
    }

    .page-account-content-alt {
        overflow: overlay;
    }

    .pac-alt-item-box {
        width: 100%;
    }

    .filter-btn {
        display: inline-block;
        width: 47%;
        margin: 1%;
    }

    .search-bar-text {
        width: 100%;
    }

    .resp-top-menu-title {
        display: block;
        color: #fff;
        line-height: 38px;
    }

    #mobile-left-menu {
        position: fixed;
        left: 0;
        width: calc(100% - 100px);
        bottom: 70px;
        top: 0;
        padding: 13px;
        background: #fff;
        z-index: 99999;
        color: #000;
        font-size: 14px;
        text-align: left;
        overflow: overlay;
    }
    .kategoriler:after {
        content: '';
        clear: both;
        display: table;
    }
    .mobile-left-back {
        background: #f6d258;
        color: #fff;
        padding: 10px;
        border-radius: 5px;
        font-weight: 500;
        text-align: center;
        margin-bottom: 5px;
        width: 100%;
    }

    #mobile-left-menu .cikisyap {
        display: block;
        background-color: red!important;
        text-align: center;
        padding: 5px;
        color: #fff;
        font-weight: 300;
        font-size: 12px;
        border-radius: 5px;
    
    }
    .dovizler>div {
        border: 1px solid #ffffff;
        border-radius: 4px;
    }
    .menuler li a {
        display: block;
    }
    #mobile-left-menu li:nth-child(even) {
        background: none;
    }

    .mobil-left-menu-open {
        color: #fff;
        line-height: 41px;
        font-weight: 400;
    }

    .bayraklar{
        width: 100%;
    }

    .mobil-left-menu .Kategori-nav .Kategori-nav-items {
        display: block;
        text-align: left;
    }

    .active#mobile-left-menu {
        display: block;
    }

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

    .footer-center div {
        padding: 10px;
    }

    .header-top-bar-account span {
        display: block;
        text-align: center;
        width: 100%;
    }

    .header-top-bar-menu {
        text-align: center;
    }

    .mobil-nav {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        align-content: center;
        max-width: 100%;
        margin: 0 auto;
        list-style: none;
        background: white;
        padding: 12px;
        z-index: 99999;
        border-top: 1px solid #eee;
    }

    .mnav-item svg {
        width: 20px;
        height: 20px;
    }

    .mnav-item {
        padding: 0px 10px;
    }

    .mnav-item.mini-cart.aktif svg {
        fill: #0d9f16;
    }

    .wp-destek {
        bottom: 50px;
        width: 120px;
        font-size: 12px;
    }

    .header-top-bar-menu,.head-box,.mobil-left-menu-open,.header-bottom {
        display: none;
    }

    .dty-favori-ekle-btn, .dty-sepete-ekle-btn {
        width: 100%;
        display: inline-block;
        text-align: center;
    }

    .dty-sag-sol,.dty-sag-sag {
        width: 100%;
        text-align: center;
    }

    .header-top-bar-account {
        float: none;
        width: 100%;
        text-align: center;
    }

    .head-logo img {
        max-width: 95%;
    }

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

    .mesajYaz {
        left: 0;
        right: 0;
        width: 300px;
        max-width: 100%;
        margin: 0 auto;
    }

    .category-item {
        width: 100%;
        justify-content: left;
        border: 1px solid #e4651d;
    border-radius: 5px;
    margin-bottom: 5px;
    }
    .menuler li {
        border: 1px solid #e4651d;
        border-radius: 5px;
        margin-bottom: 5px;
        list-style: none;
        text-align: center;
        padding: 5px;
        
    }
    .mobile-left-hesap {
        background: blue;
        color: #fff;
        padding: 10px;
        border-radius: 5px;
        font-weight: 500;
        text-align: center;
        margin-bottom: 5px;
        width: 100%;
        border: 1px solid blue;
        margin-top: 20px;
    }
    .menuler {
        margin-bottom: 20px;
    }
    .category-item:before {
        opacity: 0;
    }
    .header-right-wrapper div {
        text-align: center!important;
    }
    body{
        background: #ffffff;
    }
    .header-center-wrapper {
        width: 100%;
    display: flex;
    justify-content: center;
    }
    .header-left-wrapper {
        width: 100%;
        display: flex;
        justify-content: center;
    }
    
    div#custom-categorybannerblock {
        width: 100%;
        display: block;
    }
    .custom-categorybannerblock{
        display: none!important;
    }
    .header-left-wrapper{
        display: none;
    }
    

    @import url('https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800,900&display=swap'); .navigation * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        font-family: 'Poppins',sans-serif;
    }

    :root {
        --clr: #222327;
    }
    .bg-gredient:before,.bg-gredient1:before,.features-inner-part:before,.bg-gredient2:before,.bg-gredient3:before,.bg-gredient4:before {
       
    
        background: url('/Themes/SList/Content/img/footer_bg_mobil.png');
        background-size: cover;
    }
    .navigation {
        height: 70px;
        background: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 10px;
        position: fixed;
        bottom: 0px;
        z-index: 1000000;
        width: 100%;
    }

    .navigation ul {
        display: flex;
        width: 100%;
        position: relative;
    }

    .navigation ul li {
        position: relative;
        list-style: none;
        width: 33%;
        height: 70px;
        z-index: 1;
    }

    .navigation ul li a {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        width: 100%;
        text-align: center;
        font-weight: 500;
    }

    .navigation ul li a .icon {
        position: relative;
        display: block;
        line-height: 75px;
        font-size: 28px;
        transition: 0.5s;
        color: #000000;
    }

    .navigation ul li.active a .icon {
        transform: translateY(-35px);
        color: #fff;
    }
    .filter-box.yatay {
        width: 100%!important;
    }
    
    .filter-box-slider {
        width: 100%!important;
    }
    
    .page-right {
        width: 100%!important;
    }
    .tab {
        overflow: overlay;
        justify-content: flex-start;
    }
    footer#section-11 {
        padding-bottom: 120px;
    }    
    .navigation ul li a .text {
        position: absolute;
        color: #000;
        font-weight: 400;
        font-size: 14px;
        letter-spacing: 0.05em;
        transition: 0.5s;
        opacity: 0;
        transform: translateY(20px);
    }
	div#_desktop_cart {
		display: none;
	}
	
	div#_desktop_user_info {
		display: none;
	}
	
	.right-logo {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
	}
	
	div#search_widget {
		margin: 0;
		margin-bottom: 20px;
	}
	
	.main-menu .menu>ul>li>a {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	
    .navigation ul li.active a .text {
        opacity: 1;
        transform: translateY(10px);
    }

    .indicator {
        position: absolute;
        top: -50%;
        width: 70px;
        height: 70px;
        background: #e4651d;
        border-radius: 50%;
        border: 6px solid transparent;
        transition: 0.5s;
    }

    .indicator::before {
        content: "";
        position: absolute;
        top: 50%;
        left: -22px;
        width: 20px;
        height: 20px;
        background: transparent;
        border-top-right-radius: 20px;
        box-shadow: 1px -10px 0 0 transparent;
    }

    .indicator::after {
        content: "";
        position: absolute;
        top: 50%;
        right: -22px;
        width: 20px;
        height: 20px;
        background: transparent;
        border-top-left-radius: 20px;
        box-shadow: -1px -10px 0 0 transparent;
    }

    .navigation ul li:nth-child(1).active ~ .indicator {
        transform: translateX(calc(70px * 0));
    }

    .navigation ul li:nth-child(2).active ~ .indicator {
        transform: translateX(calc(70px * 1));
    }

    .navigation ul li:nth-child(3).active ~ .indicator {
        transform: translateX(calc(70px * 2));
    }

    .navigation ul li:nth-child(4).active ~ .indicator {
        transform: translateX(calc(70px * 3));
    }

    .navigation ul li:nth-child(5).active ~ .indicator {
        transform: translateX(calc(70px * 4));
    }
    .footer-root-center-logo {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    
    .footer-root-alt {
        margin-bottom: 70px;
    }
    .right-logo {
        flex-direction: column;
    }
    
    .right-logo .btn {
        margin: 0 0 10px 0!important;
    }
    .top-part-main .top-part{width:100%;max-width:100%;}
    .top-part-main .first-sec{padding-bottom:0px;}
    .top-part-main .copy-right{padding-top:20px;margin-bottom:15px;}
    .top-part-main{padding-top:40px;padding-bottom:40px;}
    .top-part-main .top-part{margin-bottom:30px;}
    .bottom-part .inner-text .copy-right{text-align:center;}
    .bottom-part .inner-text ul{flex-direction:row;justify-content:center;align-items:center;}
    .bottom-part .inner-text ul li{margin-left:0;}
    .bottom-part .inner-text .copy-right{margin-bottom:6px;}
    .bottom-part .inner-text ul li{margin-bottom:6px;}
    .top-part-main .top-part:last-child{margin-bottom:0;}
    ul.top-menu {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
    }
    .dovizler{
        display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-bottom: 6px;
    }
    .category-title {
        color: #000;
    }
    .header-right-wrapper {
        display: block!important;
        width: 100%!important;
        float: left!important;
    }
    .header_ust {
       
        padding-top: 30px;
    }
    .ust_head {
        display: flex;
        width: 100%;
        flex-direction: column;
        overflow: hidden;
    }
    
    
    
    .ust_head .text-left {
        white-space: unset!important;
        width: 80%;
        text-align: center !important;
    }
    .header-top-up>.container {
        flex-direction: column;
    }
    .search-widget {
       
        width: calc(100%);
       
    
}

@media only screen and (max-width: 400px) {
    .mesajYaz {
        left: 0;
        right: 0;
        width: 87%;
        margin-left: 0;
        margin: 0 auto;
    }
}

@media only screen and (max-width: 350px) {
    .prbx-item {
        width: 100%;
    }

    .head-search-yeni-keyw input {
        width: 100%;
        min-width: auto;
    }
}