/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
}



/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.left {
		display: none;
	}
	.logo {
		float: left;
		width: 36%;
		overflow: hidden;
		margin: 0;
		padding: 27px 8px;
		box-sizing: border-box;
	}
	.logo img {
		width: 100%;
	}
	.musterihizmetleri {
		float: left;
		width: 46%;
		overflow: hidden;
		box-sizing: border-box;
		padding: 11px;
		margin: 20px 0;
	}
	.musterihizmetleri i {
		display: none;
	}
	.right {
		right: -260px;
		transition: right ease .5s;
	}
	.mobileMenu {
		display: block !important;
		float: right;
		width: 18%;
		overflow: hidden;
		box-sizing: border-box;
		padding: 18px;
		margin: 20px 0;
		text-align: center;
	}
	.mobileMenu i {
		font-size: 24px;
	}
	.right.activeMenu {
		right: 0;
		transition: right ease .5s;
		z-index: 9999;
	}
	footer {
		text-align: center;
	}
	.katalog {
		float: none;
		margin: 0;
		margin: 0 auto;
	}
	.katalog img {
		width: 100px;
	}
	.subContainer {
		width: 100% !important;
		box-sizing: border-box;
		padding-top: 130px !important;
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
	.iletisim {
		width: 100% !important;
	}
}

.mobileMenu {
	display: none;
}


/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
}


@media only screen and (min-width : 992px) {
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
}