/*@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: 1200px)
 {
  .header-left {
    margin: 0 0px 0 -40px;
    width: 300px;
    height: 70px;
	}
	.header-logo {
		background-image: url(/Content/img/logo.png?v=4);
		height: 124px;
		width: 275px;
		margin-top: 0px;
		margin-left: 0px;
		background-repeat: no-repeat;
		background-size: 250px;
		background-position: center;
	}
   }
  @media only screen and (max-width: 992px) {
	.filter-box-filter {
		padding: 0px 0px;
		font-size: 14px;
		display: block;
		align-items: center;
	}
	.yatay .filter-box-block {
		width: 100%;
		display: block;
		vertical-align: top;
		justify-content: center;
	}
	.filter-box-filter-item {
		padding: 0px 0px;
	}
	 .gorunumbox {
    font-size: 25px;
    display: inline-block;
    vertical-align: middle;
    margin: auto 2px;
}
.second-menu li {
    list-style: none;
    padding: 10px 15px;
    background: #f3f3f3;
    border-bottom: 1px solid #c5c5c5;
}
.second-menu.active {
    display: block;
    border-top: 1px solid;
}
ul.second-menu {
    margin-top: 7px;
    padding: 0;
}
.second-menu li i {
    transform: rotate3d(0, 0, 1, 333deg);
    color: #787878;
}
#jsdata>li {
    list-style: none;
    font-weight: 700;
    font-size: 16px;
    border: 1px solid #f3f3f3;
    margin: 9px 0;
    padding: 10px 0;
    background: #f3f3f324 !important;
}
ul.second-menu i {
    display: inline-block;
}
	.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;
	}
	.page-left{
	
	}
	.header-bar {
		
	}
	.prbx-item .ayirici {
		display: none;
	}
	.prbx-dty .prbx-text, .prbx-dty .prbx-value {
		display: block;
		width: 100%;
	}
    .header-center-alt {
	    width: 100%;
		flex-direction: column;
		justify-content: space-evenly;
		margin: 5px auto;
	}
	.header {
		padding: 2px;
	}
	.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: 49%;
	}
	.tab-icerik .prbx-item {
		width: 50%;
	}

	.page-left {
	    width: 100%;
	}
	.page-ust-left {
		width: 100%;
		display:inline-block;
	}
	.Kategori-nav .Kategori-nav-items {
	    display: none;
	}
	.Kategori-nav-title.Aktif ~ .Kategori-nav-items {
	    display: block;
	    border: 1px solid var(--renk2);
   		border-top: 0px;
    	padding: 5px;
	}
	.Kategori-nav-title {
	    background: var(--renk1);
	    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-box-item.sepetim{
		display:none;
	}
	.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%;
		background: #fff;
	}
	.detay-sepete-bar{
		display:flex;
	}
	.detay-sepete-bar{
		margin:7px;
	}
	.dty-sepete-ekle-btn {
		padding: 8px 2px;
		height: 40px;
		margin-top: 8px;
	}
	.page-account-content {
    	width: 100%;
		padding: 0;
	}
	.page-nav{
		width: 100%;
		margin-bottom: 5px;
	}

	.pac-alt-item-box{
		width: 100%;
	}
	.filter-btn {
	    display: inline-block;
	    width: 60%;
	    margin: 1%;
	}
	.filter-number {
		width: 16%;
	}
	.search-bar-text {
		padding: 4px 0px 0;
	    text-align: center;
	}
	.search-page-bar {
		display: block;
		padding:0px;
	}
	.search-bar-text{
		width: 100%;
	}
	.resp-top-menu-title{
		display: block;
		color: #fff;
		line-height: 38px;
	}
	#mobile-left-menu {
		position: fixed;
		left: 0;
		width: 80%;
		bottom: 0;
		top: 0;
		padding: 13px;
		background: #fff;
		z-index: 99999;
		color: #000;
		font-size: 14px;
		text-align: left;
		overflow: overlay;
		padding-bottom: 40px;
	} 
	.mobile-left-back {
		background: var(--renk1);
		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: red;
		text-align: center;
		padding: 5px;
		color: #fff;
		font-weight: 300;
		font-size: 12px;
		border-radius: 5px;
		position: absolute;
		bottom: 55px;
		left: 0;
		right: 0;
	}
	#jsdata>li>ul>li:before {
		content: "•";
		color: var(--renk2);
		font-size: 16px;
		font-weight: bold;
	}
	#jsdata>li>ul>li {
		list-style: none;
	}
	#jsdata>li {
		list-style: none;
		font-weight: 700;
		font-size: 13px;
		padding: 6px;
		border: 1px solid #f3f3f3;
		margin: 9px 0;
	}	
	div#mobile-left-menu {
		list-style: none;
	}
	#mobile-left-menu li a > span {
		font-size: 13px;
		font-weight: bold;
	}

	#mobile-left-menu li:nth-child(even){
		background: none;
	}
	.mobil-left-menu-open {
		color: #fff;
		line-height: 41px;
		font-weight: 400;
	}
	.top-menu{
		display:none;
	}
	.mobil-left-menu .Kategori-nav .Kategori-nav-items {
		display: block;
		text-align: left;
	}
	.Kategori-nav-items li {
        padding: 0px 5px 5px 10px;
	}
	.active#mobile-left-menu {
		display: block;
	}
	.footer-center {
		display: inline-block;
		width: 100%;
		text-align:center;
	}
	.footer-center div {
		display: block;
		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: #fbfbfb;
		padding: 7px;
		z-index: 99999;
		border-top: 1px solid #f60;
		/* color: blue; */
	}
	.mnav-item svg {
		width: 20px;
		height: 20px;
	}
	.mnav-item {
		padding: 0px 10px;
	}
	.mnav-item.mini-cart.aktif svg {
		fill: #0d9f16;
	}
	.wp-destek {
	    left: 5px;
		bottom: 50px;
		width: 50px;
	}
	.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: inherit;
	}
	.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;
	}
	.search-result {
		overflow: overlay;
	}
	.header-bar-right .head-close{
		display:block !important;
	}
	.dty-price {
		display:block;
		margin:0 auto;
	}
	.dty-sag-sol .flat-qty{
		margin:8px;
	}
	.search-bar {
    width: 100%;
	}
	.bankaoranlari {
		display:none;
	}
	.info-popup{
		display:none;
	}
	.header-left{
		width: 30%;
		margin: 0;
		display: inline-block;
		height:43px;
	}
	.account-textbox-title {
		width: 25%;
	}

	.login-alt-bilgi{
		position:unset;
		color:black;
		margin-top:5px;
	}
	.header-top-bar-menu img{
		display:none;
	}
	.page-nav img {
		display: none;
	}

	.head-box-item-abs {
		top: -2px;
		right: 13px;
		position: absolute;
		background-color: var(--renk1);
		color: #fff;
		min-width: 15px;
		border-radius: 50%;
		font-size: 10px;
	}

	.head-box-item:hover{
		border-right: 1px solid var(--renk1);
		border-left: 1px solid var(--renk1);
	}
	.TabPageLink {
		padding: 7px 0px;
		font-size: 16px;
	}
	.login-main {
		position: unset;
		margin: auto;
	}
	.customer-blocks{
		background:#fff;
		margin:auto;
		padding:0;
	}
	.login-inputs-text {
		left: 60px;
	}
	.header-logo {
		/*background-image: url(/Content/img/mobil-logo.png);
		width: 85px;
		height: 43px;
		background-repeat: no-repeat;
		background-position: center;*/
		display:none;
	}
	#jsdata > li a img {
		display: none;
	}
	.sepetim-right {
		position: unset;
	}
	.sepet-teslimat {
		width: 100%;
		height: auto;
	}

	.sepet-kargo {
		width: 100%;
	}
	.sepet-butonlar {
		width: 100%;
	}
	.search-table{
		margin-top:20px;
	}
	.address-box{
		height:auto;
	}
	.header-bar-right,.header-bar-left.text-left {
		width: 100%;
	}
	.sepetim-right, .Siparis-right{
		width:100%;
	}
	.sepet-table{
		width:100%;
	}
	.sepet-birinci-kisim{
		display:unset;
	}
	.sepet-kargo{
		margin-left:0px;
		width: 100%;
	}
	.kargo-box,.address-box {
		width: 48% !important;
		left: 10px;
	}
	.sepet-teslimat {
		width: 100%;
	}
	.sepet-icerik{
		overflow:overlay;
		display:block;
	}
	.siparis-table{
		overflow:overlay;
	}
	.modal-dialog.modal-full-height.modal-right.modal-notify.modal-info {
		margin-bottom: 60px;
	}
	/* <Cari ekstre Detay Tablosu üst bölümü !responsive!> */
	.cari-box-bar {
		display:block;
		align-items: start;
	}
	.cari-box-bar .box {
		margin: 0;
	}
	.cari-ekstre-detay .cari-box-bar .box-val {
	    font-size: 10px;
		text-align: right;
		font-weight: bold;
		padding: 5px;
	}
	.cari-ekstre-detay .cari-box-bar .box {
		height: auto;
	}
	/* </Cari ekstre Detay Tablosu üst bölümü !responsive!> */
	.rapor-table {
		overflow: overlay;
	}
	.order-info {
		float: unset;
		margin: 0;
	}
	.order-again{
		float:unset;
	}
	.yatay .filter-box-block {
		width: 100%;
	}
	.page-account-content-alt {
	    overflow: overlay;
	}
	.siparis-bilgi-box {
		width: 100%;
	}
	.header-center {
		
		width: 100%;

	}
	.header-bilgiler{
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}
	.header-bar-left.text-left {
		display:unset;
	}
	.ayirici {
		padding: 5px !important;
	}
	.head-box-item{
		border:none;
		width:auto;
		padding: 0px;
		margin-left: 10px;
	}
	.temsilci{
		display:none;
	}
	.mobil-aciklama {
		display: inline-flex;
	}
	.adres-butonu {
		padding: 4px !important;
		font-size: 9px;
		margin: 0px;
	}
	.tab.tab_flat {
		display: flex;
		padding:10px 0px;
	}
	button.tablinks.odeme-buton {
		padding: 0px;
		font-size: 13px;
		margin: 0px;
	}
	.tahsilat-table{
		overflow:overlay;
		float:unset !important;
	}
	.header-bar-right.text-right {
		width: 49%;
	}
	.tahsilatdetay-table{
		overflow:overlay;
	}
	.second-menu{
        display:none;
    }
    .second-menu.active{
        display:block;
        border-top: 1px solid;
        padding-top: 5px;
	}
	span.menu-icon {
		background: url(/Themes/SList/Content/img/plusB2.png);
		background-repeat:no-repeat;
		background-position: center;
		background-size: 100%;
		display: inline-block;
		width: 16px;
		height: 16px;
		float: right;
		transition: 0.2s;
	}
	span.menu-icon.active {
		transform: rotate(45deg);
		transition: 0.2s;
	}
	ul.second-menu {
		margin-top: 7px;
	}
	.prbx2-sepete-ekle{
		text-align:center;
	}
	.dataTables_wrapper {
		overflow: overlay;
	}
	.dt-buttons {
		width: 100%;
	}
	.footer-root-alt {
		padding-bottom: 35px;
	}
	.only-mobile-table{
		display:table-cell !important;
	}
	.fiyatpopup{
		display:none !important; 
	}
	textarea#sepet_aciklama {
		max-width: 100% !important;
	}
	.customer-blocks {
		max-width: 100%;
		min-width: 320px;
		width: auto;
	}
	.login-left,.header-bar-right > div > span:first-child{
		display:none;
	}
	.container.head {
		flex-wrap: nowrap;
	}

	.header-bar-right > div > span:last-child {
		flex-direction: column;
	}
	.hesap-pageNav,.account-textbox,.account-textbox-item,.contact-infos,.contact-map,.hesap-no  {
		width: 100% !important;
	}
	.overflow-overlay-table {
		overflow: overlay;
	}
	.contact-page,.hesap-no {
		display: block !important;
		padding: 2px;
	}
	.search-bar.kategoriPage {
		justify-content: center;
		flex-wrap: wrap;
	}

	.search-bar-filter {
		display: inline-flex;
		margin: unset;
		width: 100%;
		justify-content: center;
	}
	.kategoriPage .search-bar-text {
		text-align: center;
	}
	.footer-root-social{ 
		display:flex !important;
		justify-content:space-between;
	}
	.footer-root-social i{
		margin:0;
	}
	.account-textbox.contact,.page-account-content-alt.address,.page-account-content-alt.password {
		display: block;
	}
	.login-ustico {
		width: 47px;
		height: 35px;
	}
}


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

	.address-box, .kargo-box {
		width: 48%;
		margin-left:0px;
	}
	.sepetim-box.item, .total-basliklar {
		width: 100%;
	}
	.overflow-overlay {
		width: 79%;
		display: inline-block;
	}
	.sepetim-box1{
		width:100%;
	}
	.kayan_yazi__bslk {
		font-size: 17px;

	}
	.kayanyazi_stili{
		vertical-align:bottom !important;
	}
	.header-bottom li {
		font-size: 12px;
	}
	.header-top-bar-menu img {
		max-width: 19px;
		min-width: 19px;
	}
	.header-bottom {
		/*background:linear-gradient(143deg,var(--renk1) 78%, var(--renk2) 52%, var(--renk2) 96%, var(--renk1) 70%);*/
	}
	.header-siteAdi {
		font-size: 13px;
		padding-left: 140px;
		text-align: left;
	}
	.header-right {
		width: 30%;
	}
	.header-siteAdi span {
		padding-right: 25px;
	}

}

@media only screen and (max-width: 1265px){
	
	.flat-qty {
		display: block;
	}
	.btn_guncelle {
		display: block;
		background: #444444;
		color: white;
		border-left: 1px solid white !important;
		width: 100%;
	}
	.login-main {
		position: unset;
		margin: auto;
	}
	.customer-blocks{
		background:#fff;
		margin:auto;
	}

	.sepet-item-adet-list {
		width: 95px !important;
	}
	.kayan_yazi__bslk {
		font-size: 16px;
		padding-left: 0px;
		width: 65px;
	}
	.kayanyazi_stili {
		vertical-align: middle;
	}
	.product-dty{
		width:100%;
	}
	.owl-theme .owl-controls .owl-buttons .owl-next {
		font-size: 0px !important;
		width: 15px !important;
		height: 15px !important;
		float: right !important;
	}
	.owl-theme .owl-controls .owl-buttons .owl-prev {
		font-size: 0px !important;
		width: 15px !important;
		height: 15px !important;
		float: left !important;
	}
	.owl-buttons {
		top: 17% !important;
	}
	.owl-theme .owl-controls .owl-page span {
		width: 5px !important;
		height: 5px !important;
		position: relative;
		top: 12px !important;
	}
	.header-siteAdi {
		display: none;
	}
	.head-box-alt-plasiyer {
		font-size: 11px;
	}
}
@media only screen and (max-width: 550px){
	.kargo-text img {
		width: 140px;
	}

}
  
@media only screen and (max-width: 400px) {
	.mesajYaz {
		left: 0;
		right: 0;
		width: 87%;
		margin-left: 0;
		margin: 0 auto;
	}
	.login-page{
		/* background:none; */
	}
	.account-textbox-title {
		width: 100%;
	}
	.hesabim-menu {
		min-width:85%;
    }
	.address-box, .kargo-box {
		width: 94%;
		padding-bottom: 10px;
		left:5px;
		margin:4px 0;
	}
	.hesabim-menu {
		top: 12.2%;
	}
}
@media only screen and (max-width: 360px){
	.address-box, .kargo-box{
		padding:3px;
		width:97% !important;
	    height: auto;
	}
	.kargo-text {
		text-align: center;
	}
	button.tablinks.odeme-buton{
		padding: 8px;
	}
	.tab.tab_flat{
		display:inline-block;
	}
}
 @media only screen and (max-width: 350px) {
	.prbx-item {
	    width: 100%;
	}
	.head-search-yeni-keyw input {
		width: 100%;
		min-width: auto; 
	}
	.filter-btn{
		width:50%;
	}
	.filter-number {
		width: 19%;
	}
	.prbx-item {
		width: 100% !important;
	}
	.customer-blocks form {
		padding: 5px !important;
	 }
 }