@media only screen and (max-width: 1024px) {
	.is-visible-mobile {
		display: block !important;
	}

	.header-top-menu-mobile ul {
		float: left !important;
		min-width: max-content;
		padding: 0 15px !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
		line-height: 45px;
	}

	.header-top-menu-mobile-left {
		display: none;
	}

	.hidden-not-pc {
		display: none !important;
	}

	.visible-not-pc {
		display: unset !important;
	}

	.header-top-menu-mobile-right {
		-ms-flex: 0 0 100% !important;
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}

	img.menu-icon-img {
		width: 17px;
		margin-right: 5px;
	}
}

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

/* Mobil Görünüm */
@media only screen and (max-width: 767px) {
	body {
		overflow-x: hidden;
		/*margin-right: -10px;*/
	}

	img.section-pattern-donut-3 {
		display: none;
	}

	#uyeGirisi {
		margin: 0 !important;
		padding: 0px !important;
		text-align: center;
	}

	#uyeGirisi > img {
		object-fit: contain !important;
		height: 80px !important;
	}

	.post-boost-box {
		display: none !important;
		z-index: -100 !important;
	}

	.visible-only-mobile {
		display: unset !important;
	}

	.customer-links {
		margin-left: 0;
		height: 70px;
		width: 70px;
		justify-content: center;
	}

	.headerLogoClass, .headerUserClass {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.boost-container .swal2-popup {
		width: calc(100% - 30px) !important;
		max-width: calc(100% - 20px) !important;
		padding: 5px;
	}

	.boost-content .well img {
		position: relative !important;
		top: 0 !important;
		left: 0 !important;
		width: 100% !important;
		height: 100px !important;
		object-fit: contain;
		padding: 15px;
	}

	.boost-container {
		width: calc(100% + 10px);
		padding: 0;
		margin: 0;
		display: block;
	}

	.header-main {
		background: linear-gradient(45deg, rgb(53 76 108 / 77%), rgb(71 53 108 / 52%)) !important;
	}

	.ReklamAlani-Home span {
		font-size: 20px;
		top: calc(50% - 10px);
		text-shadow: 2px 2px 0 black, 0 0 10px black, 0 0 10px black, 0 0 10px black;
	}

	.ReklamAlani-Home {
		margin: 10px 0;
	}

	.header-slick {
		display: none;
	}

	img.headerLogo {
		margin: 20px 0 !important;
		height: 40px !important;
		left: 50%;
		position: absolute;
		transform: translateX(-50%);
	}

	nav.menubar {
		position: fixed !important;
		left: -100%;
		top: 0 !important;
		display: block;
		width: 60% !important;
		height: 100%;
		transition: 0.3s all ease;
		max-width: 300px;
	}

	nav.menubar.active {
		left: 0;
		padding-block: 15px;
	}

	nav ul.nav-menu-list li {
		width: 100%;
		margin: 0 !important;
		padding: 0 !important;
		border-bottom: 1px solid rgb(115 134 183 / 26%);
		border-top: none !important;
	}

	nav ul.nav-menu-list li:last-child {
		border: none;
	}

	.user-text.LoginButton {
		display: none;
	}

	.headerLoginClass {
		position: absolute;
		right: 0;
		top: 0;
		width: 70px;
		padding: 0;
	}

	.user-panel-links .user-text {
		display: none;
	}

	.customer-links .icon-user {
		margin: 0;
		margin-right: 5px;
	}

	.customer-links .user-caret-down {
		padding: 0;
		padding-right: 10px;
	}

	nav.active ul.nav-menu-list li:not(.float-right) > *:after {
		display: none;
	}

	button.searchButtonMobile {
		height: 70px;
		display: flex !important;
		justify-content: center;
		align-items: center;
		width: 70px;
		border: none;
		border-radius: 3px;
		background: none;
		color: rgb(255 255 255);
		font-size: 27px;
		position: absolute;
		left: 0;
		padding: 0 !important;
		top: 0;
	}

	.menubar.active {
		z-index: 101;
		overflow: scroll;
	}

	.home-fast-links ul {
		height: 250px !important;
		overflow: auto !important;
	}

	.sosyalGiris ul li {
		width: calc(33% - 14px);
		margin: 0 7px !important;
	}

	.eight.wide.column.modal-login-left {
		padding: 20px 30px;
	}

	.col-12.col-xl-6.col-md-6.headerSearchClass {
		background: #e49f71;
		display: none;
	}

	#searchModal .headerSearchClass {
		display: flex;
	}

	.header-main .search-bar {
		margin: 10px 0;
		top: 40px;
		position: absolute;
		width: calc(100% - 30px);
	}

	.col-xs-3 {
		-ms-flex: 0 0 25% !important;
		flex: 0 0 25% !important;
		max-width: 25% !important;
	}

	.col-xs-4 {
		-ms-flex: 0 0 33.33333% !important;
		flex: 0 0 33.33333% !important;
		max-width: 33.33333% !important;
	}

	.col-xs-6 {
		-ms-flex: 0 0 50% !important;
		flex: 0 0 50% !important;
		max-width: 50% !important;
	}

	.col-xs-12 {
		-ms-flex: 0 0 100% !important;
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}

	.hidden-xs {
		display: none;
	}

	.category-selector {
		width: calc(50% - 20px);
	}

	.mobileNavMenu img {
		width: 100%;
		position: relative;
		top: 30px;
		height: 40px;
		object-fit: contain;
		filter: drop-shadow(1px 3px 0px #222f4e);
		color: #222f4e;
	}

	.mobileNavMenu {
		display: none;
	}

	.mobileNavMenu button.navMenuCloseBtn {
		position: absolute;
		right: 0;
		top: 0;
		border: none;
		font-size: 20px;
		color: white;
		background: #86461b;
		width: 40px;
		height: 40px;
		line-height: 40px;
		border-bottom-left-radius: 20px;
	}

	.col-12.col-xl-4.col-md-4.footer-col-right {
		margin-top: 20px;
		background: linear-gradient(to bottom, rgb(28 36 56), rgb(0 0 0 / 0%));
		padding: 30px 20px;
		margin-bottom: -45px;
		text-align: center;
		border-top: 1px solid rgb(48 58 86);
	}

	.footer-col-right img.col-md-6.no-padding.mb-3 {
		width: 70%;
		margin-bottom: 25px !important;
		filter: drop-shadow(2px 4px 0px #1b1b1b);
	}

	.footer-link .sozlesmeListesi {
		margin-top: 15px;
	}



	.topImages {
		width: 100%;
		height: 60px;
		display: block;
		background-size: 300% !important;
		background-position: center center !important;
	}

	.topImages button.btn.btn-reklam {
		position: absolute;
		top: 0;
		left: 0;
		margin: 0;
		border-radius: 0;
		width: 100%;
		height: 60px;
		box-shadow: none;
		background: none;
		opacity: 0;
	}

	.topImagesBig {
		height: 220px;
		background-size: 300% !important;
	}

	.topImagesBig button.btn.btn-reklam {
		position: absolute;
		right: 5px;
		top: 5px;
		margin: 0px;
		box-shadow: none;
		padding: 0 10px;
		line-height: 29px;
	}

	div#ETBIS {
		transform: unset !important;
		position: relative !important;
		top: 0 !important;
		float: unset;
		left: 0 !important;
		width: 100% !important;
		text-align: center !important;
	}

	div#ETBIS img {
		width: 50px !important;
		height: 60px !important;
	}

	.footer-link {
		padding: 36px 0 50px !important;
	}

	.order-xs-0 {
		order: 0 !important;
	}

	.order-xs-1 {
		-ms-flex-order: 1 !important;
		order: 1 !important;
	}

	.order-xs-2 {
		-ms-flex-order: 2 !important;
		order: 2 !important;
	}

	.order-xs-3 {
		-ms-flex-order: 3 !important;
		order: 3 !important;
	}

	.order-xs-4 {
		-ms-flex-order: 4 !important;
		order: 4 !important;
	}

	.justify-content-xs-center {
		-ms-flex-pack: center !important;
		justify-content: center !important;
	}
}

/* Container CSS */
@media only screen and (min-width: 900px) {
	.container {
		max-width: 890px !important;
	}
}

@media only screen and (min-width: 1000px) {
	.container {
		max-width: calc(100% - 40px) !important;
	}
}

@media only screen and (min-width: 1100px) {
	.container {
		max-width: calc(100% - 50px) !important;
	}
}

@media only screen and (min-width: 1200px) {
	.container {
		max-width: calc(100% - 50px) !important;
	}
}

@media only screen and (min-width: 1300px) {
	.container {
		max-width: calc(100% - 50px) !important;
	}
}

@media only screen and (min-width: 1400px) {
	.container {
		max-width: 1370px !important;
	}
}

@media only screen and (min-width: 1500px) {
	.container {
		max-width: 1470px !important;
	}
}

/* ProductBox CSS */
@media only screen and (max-width: 480px) {
	.ProductBox {
		width: calc(50% - 10px);
	}
}

@media only screen and (min-width: 481px) and (max-width: 768px) {
	.ProductBox {
		width: calc(33% - 10px);
	}
}

@media only screen and (min-width: 769px) and (max-width: 1024px) {
	.ProductBox {
		width: calc(25% - 10px);
	}
}

@media only screen and (min-width: 1025px) and (max-width: 1200px) {
	.ProductBox {
		width: calc(20% - 10px);
	}
}

/* Not Pc */
@media only screen and (max-width: 1024px) {
	section.NavigationList {
		background: rgb(34 42 60);
		border-top: 1px solid rgb(64 75 102);
	}
}

/* For Tablets */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
	button#search-btn {
		display: none;
	}

	.header-main .input-group-field {
		width: calc(100%);
	}

	.container, .container-md, .container-sm {
		max-width: calc(100% - 40px) !important;
	}

	img.headerLogo {
		margin: 0 !important;
		margin-block: 19px !important;
		height: 40px !important;
	}

	.tablet-info-bar {
		text-align: center;
		width: 100%;
		padding-left: 7px;
		padding-right: 7px;
		display: flex;
		justify-content: space-evenly;
		line-height: 40px;
		background: rgb(22 28 40);
	}

	section.storySection {
		margin-inline: -15px;
	}
}

@media only screen and (max-width: 768px) {
	header {
		z-index: 2;
	}

	.container, .container-md, .container-sm {
		max-width: calc(100% - 15px) !important;
	}

	.user-panel-links {
		position: absolute;
		right: 0;
		margin: 0;
	}

	#searchModal.active .header-main-search.header-main {
		background: none;
	}

	#searchModal.active .header-main-search.header-main {
		background: none;
		height: 100%;
	}

	#searchModal.active .nonSearchResultComp .col-12.col-xl-3.col-md-4.col-lg-20 {
		-ms-flex: 0 0 33.33%;
		flex: 0 0 33.33%;
		max-width: 33.33%;
		margin-bottom: 10px;
	}

	#searchModal.active .row.nonSearchResultComp {
		justify-content: center;
	}

}

/* Col 105 */
@media only screen and (min-width: 1150px) and (max-width: 1336px) {
	.col-105 {
		-ms-flex: 0 0 16.66% !important;
		flex: 0 0 16.66% !important;
		max-width: 16.66% !important;
	}
}

@media only screen and (min-width: 900px) and (max-width: 1150px) {
	.col-105 {
		-ms-flex: 0 0 20% !important;
		flex: 0 0 20% !important;
		max-width: 20% !important;
	}
}

@media only screen and (min-width: 768px) and (max-width: 900px) {
	.col-105 {
		-ms-flex: 0 0 25% !important;
		flex: 0 0 25% !important;
		max-width: 25% !important;
	}
}

@media only screen and (min-width: 600px) and (max-width: 768px) {
	.col-105 {
		-ms-flex: 0 0 33.33% !important;
		flex: 0 0 33.33% !important;
		max-width: 33.33% !important;
	}
}

#searchModal .header-main .search-bar {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 0;
	margin-top: 15px;
}

#searchModal .header-main .search-bar .input-group-field {
	background-color: #12192a;
}

#searchModal .header-main .input-group-field {
	color: #6c7175;
	padding: 9px 15px 9px;
	width: calc(100% - 50px);
	border: none;
	line-height: 35px;
	border-radius: 3px 0 0 3px;
}

#searchModal .header-main .icon-search {
	color: #2a5ee1;
	background: #445a8f;
}

@media screen and (max-width: 767px) {
	.side-menu-search {
		display: block !important;
		background: rgba(0, 0, 0, 0.35);
	}

	.headerSearchClass {
		background: none !important;
	}

	.header-main-search {
		position: absolute;
		width: 100%;
		top: 0;
		height: 100px;
	}

	.headerSearchClass {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
	}

	.search-bar {
		width: 100%;
	}

	.search-close {
		position: absolute !important;
		color: rgb(255 255 255);
		top: 15px !important;
		right: 15px !important;
		font-size: 20px !important;
		width: 35px;
		height: 35px;
		background: rgb(197 90 90);
		text-align: center;
		line-height: 35px !important;
		border-radius: 10px;
	}

	.searchBoxPanel {
		overflow-y: scroll;
		width: calc(100% - 30px);
		height: auto;
		max-height: calc(100% - 120px);
		position: absolute;
		left: 15px;
		top: 120px;
		display: block !important;
	}

	li.visible-only-mobile.searchButtonMobile:hover {
		background: none !important;
		position: unset !important;
	}
}

@media screen and (min-width: 768px) {
	#search-btn {
		display: block !important;
	}
}

@media screen and (max-width: 1024px) {
	#msg-button {
		display: none !important;
	}

	.headerUserClass .user-panel-links a.btn.btn-message-page {
		display: none;
	}

	#searchModal.active div#searchBoxPanel {
		display: block;
	}
}