/*@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: 1450px){
	.offer-card{
		width: 30.98%;
	}
}
@media only screen and (max-width: 1265px){
	.header-bar-left, .header-bar-right, .page-content.sepetim, .sepetim-btn-box, .sepet-item-container, .tabcontent{
		flex-wrap: wrap;
	}
	.header-bar-left, .header-bar-right{
		gap: 0;
	}
	.sepetim-left{
		margin-bottom: 20px;
	}
	.header-bilgiler {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		width: 210px;
	}
	.sepet-stock-row, .sepetim-right{
		width: 100%;
	}
}
@media only screen and (max-width: 1025px){
	.mobil-none{
		display: none !important;
	}
	.search-result .prbx-item {
		width: calc(94% / 3);
	}
	.liste-gorunumu-boxs{
		width: 100%;
	}
	.page-left {
		display: none;
	}
	.mobil-block{
		display: block;
	}
	.header-right{
		padding: 0;
	}
	.footer-bottom{
		padding-bottom: 25%;
	}
	.header-bottom{
		display: none;
	}
	.content-w{
		width: 100%;
	}
	.sepet-value{
		width: 100%;
	}
	/*prbx stokboxs2 görünüm baş*/

	.liste-gorunumu-boxs-sol{
		width: 20%;
		align-content: center;
	}
	.liste-gorunumu-boxs .prbx2-content{
		width: 100%;
	}
	.liste-gorunumu-boxs .prbx2-box-ust{
		font-size: 9px;
	}
	.liste-gorunumu-boxs .prbx2-box-resim{
		height: auto;
	}
	.liste-gorunumu-boxs .box-content{
		font-size: 9px;
	}
	.liste-gorunumu-boxs .prbx2-alt{
		font-size: 8px;
	}
	.liste-gorunumu-boxs .sepet-icon-ekle{
		width: 20px;
		height: 20px;
	}
	.liste-gorunumu-boxs .prbx2-box-ust-sol, .liste-gorunumu-boxs .sepet-icon-ekle i, .liste-gorunumu-boxs .liste-gorunumu-boxs .list-sepet-icon-ekle i{
		font-size: 9px;
	}
	.liste-gorunumu-boxs .sepeteekle{
		font-size: 10px;
		width: 75px;
		line-height: 15px;
	}
	.liste-gorunumu-boxs .prbx2-alt{
		padding: 0 10px 5px 10px;
	}
	.liste-gorunumu-boxs .dty-sepete-ekle-input-style{
		width: 50px;
	}
	.liste-gorunumu-boxs .flat-qty-ic{
		width: 85px;
		height: 15px;
		font-weight: 700;
	}
	/*prbx stokboxs2 görünüm son*/
	.offer-card{
		width: 48%;
	}
	.yatay .filter-box-block{
		flex-wrap: nowrap;
		gap: 10px;
	 }
	 .login-mobil-link{
		position: static;
		margin-bottom: 40px;
	 }
	.search-page-bar, .filter-box-filter{
		flex-direction: column;
	 }
	 .prbx2-alt{
		flex-wrap: wrap;
	 }
	.filter-box-filter{
		align-items: stretch;
	 }
	#backToTop.openned{
        bottom: 10%;
        right: 1%;
	}
	.kategori-list-icon{
		justify-content: space-between;
		flex-direction: row-reverse;
	}
	.tarih-box-stok-favori{
		font-size: 8px;
	}
	.Kategori-nav-title .line{
		stroke: var(--renk8);
	}
	.sepet-mobil-content-center{
		display: flex;
		align-items: center;
	}
	.sepet-item-resim{
		width: 50px;
		height: 100%;
	}
	.sepet-item-box{
		border: 1px solid var(--renk1);
		border-radius: 10px;
		margin: 10px 0;
		overflow: hidden;
        background: #eee;
        box-shadow: rgba(0, 0, 0, 0.24) 0px 5px 20px 0px;
	}
	.sepet-item-box-title{
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 5px 10px;
		background: var(--renk1);
		color: #fff;
		font-size: 9px;
        font-weight: 900;
	}
	.sepet-box-container{
		padding: 5px;
        width: 100%;
	}
	.sepet-box-content{
		display: flex;
		font-size: 10px;
	}
	.sepet-item-box .sepetim-btn-box{
		padding: 5px 0;
		display: flex;
		align-items: center;
        justify-content: space-around;
	}
	.adress-item, .kargo-box{
		width: calc(96% / 2);
		font-size: 11px;
	}
	.mobil-nav{
		display: block;
		position: fixed;
		bottom:0;
		left: 0;
		right: 0;
		width: 100%;
		background: #efefef;
        box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
		border-radius: 15px 15px 0 0;
		z-index: 1000;
		padding: 8px 0;
	}
	.mobil-nav nav ul{
		position: relative;
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        padding: 0;
		
	}
	.mobil-nav nav ul li {
		width: 20%;
	}
	.mobil-nav nav ul li a {
        display: flex;
        flex-direction: column;
		justify-content: center;
        align-items: center;
        color: #333;
        font-size: 11px;
        font-weight: 600;
        transition: all 0.3s ease;
		gap: 5px;
	}
	.mobil-nav nav ul li a i {
		color: var(--renk1);
		font-size: 20px;
		transition: all 0.3s ease;
	}
	.mobil-nav nav ul .search-btn a i{
		color: #fff;
		font-size: 16px;
	}
	.mobil-nav nav ul li a:hover i {
		transform: scale(1.2);
		color: var(--renk2);
	}
	.mobil-menu-nokta{
		text-align: center;
		color: var(--renk2);
		font-size: 21px;
		font-weight: 900;
	}
	.mobil-nav .search-btn{
		position: absolute;
		bottom: 80px;
		width: 100%;
		height: 0;
	}
	.mobil-nav .search-btn a{
		width: 65px;
        height: 65px;
		background: var(--renk2);
		color: var(--renk8);
		border-radius: 100px;
		margin: auto;
		box-shadow: 0px 0px 15px var(--renk2);
	}
	.mobil-nav .search-btn a:hover i{
		color: var(--renk1);
	}
	#mobile-left-menu{
		width: 80%;
	}
	.Kategori-nav{
		display: none;
	}
	#jsdata{
		border-radius: 10px;
		overflow: hidden;
	}
	#jsdata > .Kategori-nav-title{
		padding: 10px;
        background: var(--renk2);
        color: var(--renk8);
	}
	#jsdata > .Kategori-nav-items{
		display: block;
		position: static;
		height: auto;
		overflow: visible;
		padding: 5px;
	}
	#jsdata > .Kategori-nav-items > .first-level{
		list-style: none;
		border-bottom: 1px solid #ddd;
		width: 100%;
        margin: 5px 0;
		border: none;
	}
	#jsdata > .Kategori-nav-items > .first-level > .menu-item{
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 100%;
		padding: 10px;
		border-bottom: 1px solid var(--renk2);
		font-size: 12px;
	}
 	#jsdata > .Kategori-nav-items > .first-level > .menu-item > .menu-link{
		text-decoration: none;
		color: #333;
		font-weight: bold;
		flex: 1;
	}
	#jsdata > .Kategori-nav-items .alt-open{
        font-size: 16px;
        text-align: center;
		padding: 0 10px;
		transition: transform 0.5s ease;
		color: var(--renk2);
	}
	#jsdata > .Kategori-nav-items .alt-open.active{
		transform: rotate(90deg);
	}
	#jsdata > .Kategori-nav-items > .first-level > .alt-kategori-top{
		display: none;
		position: static;
        width: 100%;
		height: auto;
	}
	#jsdata > .Kategori-nav-items > .first-level > .alt-kategori-top.active{
		display: block;
		flex-direction: column;
	}
	#jsdata > .Kategori-nav-items .alt-kategori > li > .alt-kategori{
		display: none;
	}
	#jsdata > .Kategori-nav-items .alt-kategori > li > .alt-kategori.active{
		display: block;
		border-top: 1px solid #eee;
	}
	#jsdata > .Kategori-nav-items .alt-kategori > li{
		width: 100%;
	}
	#jsdata > .Kategori-nav-items >	.first-level > .alt-kategori-top > .alt-kategori > li .alt-kategori-content a{
		padding: 10px;
		display: block;
		color: var(--renk1);
		text-align: left;
		font-size: 10px;
	}
	#jsdata .alt-kategori > li .alt-kategori-content > .alt-open{
		display: block;
	}
	/*kategori bitiş*/
	.mobil-left-menu .mobil-left-menu-content, .mobil-left-Hesabim .mobil-left-hesabim-content{
		width: 100%;
	}
	#jshesabim > li {
		border: 1px solid var(--renk1);
		margin-bottom: 10px;
		border-radius: 10px;
		overflow: hidden;
	}
	#jshesabim > li > a{
		display: inline-block;
		width: 80%;
		padding: 10px;
		color: var(--renk9);
        border-right: 1px solid var(--renk1);
		font-size: 15px !important;
		font-weight: 600;
	}
	#jshesabim > li > a > i, #jshesabim > li > .second-menu > a > li > i{
		font-size: 15px !important;
		width: 30px;
		border-right: 1px solid var(--renk2);
		color: var(--renk2);
	}
	#jshesabim > li > .menu-icon{
        width: 17%;
		cursor: pointer;
        text-align: center;
		padding: 10px;
		transition: transform 0.3s ease;
	}
	.menu-icon.active {
		transform: rotate(45deg);
	}
	#jshesabim > li > .second-menu{
		max-height: 0;
		opacity: 0;
		overflow: hidden;
		transition: all 0.5s ease-in-out;
		margin: 0;
		padding: 0;
	}
	#jshesabim > li > .second-menu.active{
		/* display: block; */
		max-height: 300px; /* Menü içeriğine göre ayarla */
		opacity: 1;
		border-top: 1px solid var(--renk1);
	}
	#jshesabim > li > .second-menu > a{
        display: block;
        border-bottom: 1px solid #eee;
	}
	#jshesabim > li > .second-menu > a:last-child{
		border: none;
	}
	#jshesabim > li > .second-menu > a > li{
        padding: 10px 10px 10px 40px;
		color: var(--renk9);
		font-size: 11px;
		font-weight: 600;
	}
	.mobile-left-cari-bilgileri{
        position: relative;
        margin: 30px 0;
        border: 1px solid var(--renk2);
        border-radius: 10px;
        width: 100%;
		padding: 15px 0;
		box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgb(0 0 0 / 50%) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
	}
	 .mobile-left-cari-bilgileri .mobil-cari-bilgileri-title{
        display: flex;
        align-items: center;
        justify-content: center;
        width: 50px;
        height: 50px;
        left: 43%;
        border-radius: 100px;
        border: 1px solid var(--renk2);
        background: var(--renk8);
        color: var(--renk1);
        font-size: 20px;
        position: absolute;
        top: -20%;
	}
	.mobile-left-cari-bilgileri-dty{
		display: flex;
        flex-direction: column;
		padding: 0 10px;
		color: #4c4c4c;
		border-bottom: 1px solid #eee;
		font-size: 12px;
	}
	.mobile-left-cari-bilgileri-dty span{
		width: 100%;
		font-weight: 900;
	}
	.mobile-left-cari-bilgileri-dty span:nth-child(2){
		color: #7f7f7f;
		font-weight: 600;
	}
	 .mobile-left-cari-bilgileri > .mobile-left-cari-bilgileri-kolon{
        font-size: 13px;
        font-weight: 600;
		width: 100%;
		overflow: hidden;
	 }
	.Arama-Filtre-Responsive{
		display: block;
	}

}


@media only screen and (max-width: 992px){
	.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;
	}
	.login-main{
		width: 75%;
	}
	.customer-blok{
	    flex-direction: column;
	}
	.login-logo{
		width: 100%;
		height: 120px;
	}
	.page-account-contain .ayirici{
		display: none;
	}
	.page-account-contain{
		width: 100%;
	}
	.customer-blok > form{
		width: 100%;
	}
	.cari-box-bar, .filter-bar, .product-dty{
		flex-wrap: wrap;
	}
	.dty-sol .stok-dty-miktar{
		left: 0;
		width: 100%;
	}
	.prbx-box-ust-sag{
		font-size: 9px;
	}
	.dty-icerik > .dty-items{
		font-size: 12px;
	}
	.prbx-dty-firsat{
		top: 20%;
		font-size: 13px;
	}
	.kampanyali-stok.prbx-dty-firsat{
		top: 40%;
	}
	.product-dty{
		height: auto;
	}
	.product-dty > .dty-sol{
		height: 200px   
	}
	.cari-box-bar .box{
		margin: 0;
	}
	.dt-buttons .dt-button{
		width: 48%;
	}
}
@media only screen and (min-width: 945px){
	
}

@media only screen and (max-width: 550px){
	.search-bar > input{
		padding-left: 15px;
	}
	/*footer alanı masterde komple düzenle*/
	.footer-center{
		flex-wrap: wrap;
		justify-content: center;
	}
	.footer-card{
		width: 100%;
	}
	.footer-root-alt > .footer-center > .footer-root-center > .footer-root-secure{
		width: 100%;
	}
	.footer-root-alt > .footer-center > .footer-root-center-logo{
		width: 100%;
		height: 100px;
	}
	.footer-root-content{
		flex-wrap: wrap;
	}
	.address-box{
		width: 100%;
	}
	.prbx-item, .tabcontent .prbx-item, .search-result .prbx-item {
		width: 100%;
	}
	.sepetim-title, .sepetim-devam{
		font-size: 10px;
        line-height: 20px;
        padding: 5px;
		align-content: center;
	}
	.form-iletisim{
		flex-wrap: wrap;
	}
	.prbx2-detay{
		width: 100%;
	}
	.Kategori-nav-items .alt-kategori > li ul{
		padding: 0 0 0 5px;
	}
	.product-dty.Param_True{
        flex-direction: column;
    }
	.announcements-card{
		flex-direction: column;
	}
	.offer-card{
		width: 100%;
	}
}

@media only screen and (max-width: 400px){
	.header-bilgiler{
        width: 150px;
    }



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

}

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

}