	/* ORTA EKRAN CSS KODLARI */
	@media only screen and (max-width: 1366px) {}

	/* TABLET2 İPAD PRO CSS KODLARI */
	@media only screen and (max-width: 1024px) {


		.anasayfacarousel .owl-carousel .next-slide {
			z-index: 99;
			right: -42px;
		}

		.anasayfacarousel .owl-carousel .prev-slide {
			z-index: 99;
			left: -40px;
		}
	}

	/* TABLET İPAD  CSS KODLARI */
	@media only screen and (max-width: 769px) {
		.mobilmenu .ustheader ul {
			padding: 0;
			margin: 0;
			margin-bottom: 10px;
		}

		.mobilmenu .ustheader ul li {
			float: left;
			list-style-type: none;
			padding: 0 8px;

		}

		.mobilmenu .ustheader ul li a {
			color: white;

		}

		.slider {
			width: 100%;
			height: 400px;
		}

		.mobilmenu {
			display: block;

		}

		.genel,
		.sabit {
			display: none;
		}

		.slider .rezervasyonpaneli {
			position: relative;
			top: 3%;
			text-align: left;
		}

		.slider .rezervasyonpaneli .nav-tabs .nav-item.show .nav-link,
		.nav-tabs .nav-link {
			height: 100px;
		}

		.slider .rezervasyonpaneli .nav-tabs .nav-item.show .nav-link,
		.nav-tabs .nav-link img {
			position: relative;
			top: -30px;
		}

		.slider .transferh5 {
			position: relative;
			top: -72px;
		}

		.slider .rezervasyonpaneli .altyazi h1 {
			margin-top: 0px;
			color: white;
			font-weight: bolder;
			font-size: 45px;
		}

		.ortaalan {
			margin: 2px 0;
		}


		.ortaalan h3 {
			margin-top: 0;
			font-size: 22px;
		}

		.hizmetler .hizmet {
			color: white;
			width: 100%;
			height: 280px;
			border: 1px solid grey;
			margin: 5px 0;
		}



		.anasayfacarousel .owl-carousel .next-slide {
			z-index: 99;
			right: -31px;
		}


		.anasayfacarousel .owl-carousel .prev-slide {
			z-index: 99;
			left: -30px;
		}

		.memnuniyet {
			margin: 0px 0;
		}

	}


	/* MOBİL CSS KODLARI */
	@media only screen and (max-width: 600px) {
		.slider {
			width: 100%;
			height: 700px;
		}

		.mobilmenu {
			display: block;

		}

		.genel,
		.sabit {
			display: none;
		}

		.slider .rezervasyonpaneli {
			top: 5%;
		}

		.ortaalan ul li {
			margin: 10px 0;
			width: 100%;
		}

		.hizmetler .hizmet {
			margin: 10px 0;
		}

		.anasayfacarousel .owl-carousel .next-slide {
			display: none;
		}

		.slider .formlar .col-12 {
			margin: 5px 0;
			padding: 0 !important;
		}





		.slider .rezervasyonpaneli .nav-tabs .nav-item.show .nav-link,
		.nav-tabs .nav-link {
			width: 76px;
			height: 85px;
		}

		.slider .rezervasyonpaneli .nav-tabs .nav-item.show .nav-link,
		.nav-tabs .nav-link img {
			width: 85px;
			top: -23px;
			left: -21px;
		}

		.slider .rezervasyonpaneli .nav-tabs .nav-item.show .nav-link,
		.nav-tabs .nav-link h5 {
			margin-top: 27px;
			font-size: 11px;
		}


		.slider .rezervasyonpaneli .nav-tabs .nav-item.show .nav-link,
		.nav-tabs .nav-link.active:after {
			content: '';
			position: absolute;
			left: 26%;
			top: 90%;
			width: 0;
			height: 0;
			border-left: 20px solid transparent;
			border-right: 20px solid transparent;
			border-top: 20px solid #0080bf;
			clear: both;
		}

		.slider .rezervasyonpaneli .altyazi h1 {
			margin-top: 0px;
			color: white;
			font-weight: bolder;
			font-size: 42px;
		}


		.hizmetler .hizmet {
			color: white;
			width: 100%;
			height: 165px;
			border: 1px solid grey;
			margin: 10px 0;
		}

		.hizmetler .hizmet h3 {
			margin-top: 3px;
			font-size: 19px;
			padding-left: 5px;
		}



		.hizmetler h1 {
			margin: 10px 0;
			font-family: 'Poppins', sans-serif;
			font-weight: bold;
		}

		.memnuniyet {
			margin: 10px 0;
		}


		footer {
			padding: 10px !important;
		}

		.ozelselect2 {
			border: 1px solid #e1e1e1;
			width: 100%;
			padding: 10px 5px 10px 50px;
			color: #3e3844;
			font-size: 14px;
			border-radius: 5px;
		}

		select {
			-webkit-appearance: none;
			-moz-appearance: none;
			appearance: none;
			background-repeat: no-repeat;
			background-position: right;
			background-color: #fff;
		}

		.araclar .aracdetay .stundiv {
			display: none;
		}
		.araclar .aracdetay {
		border: 0;
		}
	}