*{

margin: 0;
padding: 0;
border: 0;
text-decoration: none;


}

body{
	font-family: 'Arial', Arial;
	/*background-color: #f3e9df;*/
	/*background-color: #494949;*/
	/*background-color: #e9e9e9;*/
	background-color: #ffffff;
}
h1{
font-family: 'Arial', 'Tahoma';

}

h2{
font-family: 'Arial' ;	
}

p{
font-family: 'Arial' ;	
}

a{
	text-decoration: none;
	color: #000000;
}
ul{
	list-style-type: none;
}


@media screen and (min-width: 1240px){
	
	header#anaHeaderAnasayfa{

				width: 100%;
				height: 800px;
				position: relative;
				background: url(images/arkaResimGri_ANASAYFAx480.png);
				background-size: cover;
				background-repeat: no-repeat;
				background-position: center;
			}

			header#anaHeaderHkmzd{

				width: 100%;
				height: 800px;
				position: relative;
				background: url(images/arkaResimGri_HAKKIMIZDAx480.png);
				background-size: cover;
				background-repeat: no-repeat;
				background-position: center;
				margin: auto;
			}
			header#anaHeaderiletisim320{

				width: 100%;
			height: 800px;
				position: relative;
				background: url(images/arkaResimGri_ILETISIMx480.png);
				background-size: cover;
				background-repeat: no-repeat;
				background-position: center;
				margin: auto;
			}
			header#anaHeaderFotoGaleri{

			width: 100%;
			height: 800px;
			position: relative;
			background: url(images/arkaResimGri_FOTO_GALERix480.png);
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center;
			margin: auto;
			

			}
			header#anaHeaderAtolyeden{

			width: 100%;
			height: 800px;
			position: relative;
			background: url(images/arkaResimGri_ATOLYEDENx480.png);
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center;
			margin: auto;
			}
			header#anaHeaderAhsapKosk{

			width: 100%;
			height: 800px;
			position: relative;
			background: url(images/arkaResimGri_AHSAP_KOSKx480.png);
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center;
			margin: auto;
			}

			header#anaHeaderCatiTerasBahce{

			width: 100%;
			height: 800px;
			position: relative;
			background: url(images/arkaResimGri_CATI_TERASx480.png);
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center;
			margin: auto;
		
			}
			header#anaHeaderRestKafe{

			width: 100%;
			height: 800px;
			position: relative;
			background: url(images/arkaResimGri_REST_KAFEx480.png);
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center;
			margin: auto;
			}
			header#anaHeaderVillaKonut{

			width: 100%;
			height: 800px;
			position: relative;
			background: url(images/arkaResimGri_ViLLA_KONUTx480.png);
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center;
			margin: auto;
			}
				
				/*--- *************galeriler icin*****************---*/

				div#AhsapKoskGaleri{
				width: 100%;
				height:auto;
				margin: auto;
				/*border: 1px solid red;*/

				/*--- *************resim cercevesi*****************---*/
				}
					.UstiletisimLogo img, .UstiletisimLogoMail img {
					display: none;
				}

				img {
					border: 2px solid #880000;
					border-radius: 12px;
				}
				img:hover {
					opacity: 0.8;
					border: 2px solid #ff0000;

				}

				section.bolgeUc div#CalismaKutusu 
				div.fotoCalisma1x940 img {
				border:none;
				border-radius: 0px;
				}
				section.bolgeUc div#CalismaKutusu 
				
				div.fotoCalisma2x940 img {
				border:none;
				border-radius: 0px;
				}
				section.bolgeUc div#CalismaKutusu 
				div.fotoCalisma3x940 img {
				border:none;
				border-radius: 0px;
				}

				footer #footerAlani div.footerKutu img {
				border:none;
				border-radius: 0px;
				}

				/*--- ******************************---*/

				div#FOTOLARR  {
				width: 1000px;
				height: 100%;
				float: left;
				margin-bottom: 25px;
				margin-top: 50px;

				}

				div#FOTOLARR img {
				width: 120px;
				height: 100px;

				}





				div#headerContainer{
					width: 100%
					height: 900px;
					/*border: solid 1px red;*/
					position: relative;
					margin: auto;
				}
				div#headerContainer2{
					width: 100%
					height: 900px;
					
					position: relative;
					margin: auto;

				}

				div#ulUstSol{
				width: 1000px;
				height: 50px;
				position: relative;
				}

				ul#ulUstSol{
				list-style-type: none; 
				display: inline-block;
				float: left;
				}

				ul#ulUstSol li{
				display: inline-block;
				line-height: 50px;
				/*border-right: 1px solid #1d1d1d;*/
				padding: 0 10px;
				margin-left: 15px;

				}

				ul#ulUstSol li:first-child {
				padding-left:  0;
				}

				ul#ulUstSol li:last-child {
				border-right:  0;
				}

				ul#ulUstSol li a{
					font-family: 'Arial' ;
					font-weight: bold;
					color: #ffffff;
				}

				ul#ulUstSol li a:hover{
					transition-duration: 0.5s;
				color: red;

				}

				ul#ulUstSol li ul {
				display: none;
				position: absolute;
				}
				ul#ulUstSol li:hover ul {
				display: block;


				}
				ul#ulUstSol li ul li {
				display: block;

				}
				div#UstSag{
					width: 650px;
					height: 50px;
					position: relative;
					float: right;
					margin-left: auto;
					margin-right: auto;

				}


				/*---------------------------------------------------*/
				div.UstiletisimLogo320tel{
				width: 25px;
				height: 19px;
				background: url(images/MailikonX320.png);
				margin-top: 10px;
				float: left;
				margin-left: 2px;
				}
									/*--mail ve tel yer degişti--*/
				div.UstiletisimLogo320mail{
					width: 25px;
				height: 19px;
				background: url(images/TelefonikonX320.png);
				margin-top: 10px;
				float: left;
				margin-left: 2px;
				}
				/*---------------------------------------------------*/
				div.UstiletisimLogo{
				width: 39px;
				height: 30px;
				margin-top: 10px;
				float: left;
				margin-left: 10px;
				}

				div.UstiletisimYazi{
				height: 50px;
				line-height: 50px;
				float: left;
				margin-left: 10px;
				color: #353535;

				}

				nav1 {

				width: 100%;
				height: 50px;
				position: absolute;
				background: rgba(0,0,0,0.2);
				top: 0px;
				margin: auto;

				}
				cizgiUstHkmz {
				width: 100%;
				height: 10px;
				position: absolute;
				background: rgba(0,0,0,0.65);
				top: 50px;
				margin-left: auto;
				margin-right: auto;
				display: block;
			
				}
				cizgiUstAnaS {
				width: 100%;
				height: 10px;
				position: absolute;
				background: rgba(0,0,0,0.65);
				top: 50px;
				margin-left: 0px;
				}
				cizgiUstFotoGlr {
				width: 100%;
				height: 10px;
				position: absolute;
				background: rgba(0,0,0,0.65);
				top: 50px;
				margin-left: 0px;
				}

				cizgiUstAtolye {
				width: 100%;
				height: 10px;
				position: absolute;
				background: rgba(0,0,0,0.65);
				top: 50px;
				margin-left: 0px;
				}
				cizgiUstAhsapKosk {
				width: 100%;
				height: 10px;
				position: absolute;
				background: rgba(0,0,0,0.65);
				top: 50px;
				margin-left: 0px;
				}
				cizgiUstTerasBahce {
				width: 100%;
				height: 10px;
				position: absolute;
				background: rgba(0,0,0,0.65);
				top: 50px;
				margin-left: 0px;
				}
				cizgiUstRestoranKafe {
				width: 100%;
				height: 10px;
				position: absolute;
				background: rgba(0,0,0,0.65);
				top: 50px;
				margin-left: 0px;
				}
				cizgiUstVillaKonut {
				width: 100%;
				height: 10px;
				position: absolute;
				background: rgba(0,0,0,0.65);
				top: 50px;
				margin-left: 0px;
				}
				
				cizgiUstILETiSiM {
				width: 100%;
				height: 10px;
				position: absolute;
				background: rgba(0,0,0,0.65);
				top: 50px;
				margin-left: 0px;
				margin-left: auto;
				margin-right: auto;
				display: block;
				}
			/*-----------HARİTA-----------*/

			section.harita{
			width: 900px;
			height: 350px;
			position: relative;
			border: 3px solid blue;
			margin-top: 200px;
			margin-bottom:0px;
			margin-left: auto;
			margin-right: auto;
			/*--gecici harita--*/
			background: url(harita.jpg);
			}


			/*-----------HARİTA-----------*/

				/*cizgiUst {
				width: 100%;
				height: 10px;
				position: absolute;
				background: rgba(0,0,0,0.65);
				top: 50px;

				}*/


				nav {

				width: 100%;
				height: 80px;
				margin: auto;
				position: absolute;
				background: rgba(125,114,108,0.5);
				top: 60px;

				}
				div#navContainer{

				width: 100%
				height: 80px;
				position: relative;
				/*border: 1px solid red;*/
				margin: auto;

				}
				div#navLogo{
					width: 180px;
					height: 75px;
					margin-top: 5px;
					background: url(images/LogoSonBeyaz180x75.png);
					float:left;

				}
				ul#Kategoriler{
				list-style-type: none;
				display: inline-block;
				float:right;

				}
				ul#Kategoriler li{
				display: inline-block;
				line-height:80px;
				margin-left:7px;
				border-right: 1px solid #707070 ;
				padding-right:7px;
				padding-left:0px;
				font-size: 13px;
				}

				ul#Kategoriler li:first-child {
				padding-left:  0;
				}

				ul#Kategoriler li:last-child {
				border-right:  0;
				}

				ul#Kategoriler li a{
					font-family: 'Arial' ;
				font-weight: bold;
					color:#ffffff;
				}
				ul#Kategoriler li a:hover{
					transition-duration: 0.5s;
				color: red;
				}



				div#MobilButobCizgileri {
				display: none;
				}
					

				
				ul#MobilKategoriler {
					display: none;
				}

				
				div#HeaderYazilari{
				width: 700px;
				height: 600px;
				margin-top: 100px;
				color:#000000;
				text-align: center;
				margin: auto;
				}

				div#HeaderYazilari h1{
				margin-top: 200px;
				line-height:  80px;
				font-size:35px;
				color: #ff0000;
				text-shadow: 5px 5px 5px #000000;
				text-align: center;
				}

				div#HeaderYazilari h2{
				font-family: 'Arial' ;
				margin-top: 25px;
				line-height:  30px;
				font-size: 18px;
				color:#000000;
			
				text-align: center;

				}

				div#HeaderYazilari p{
					margin-top: 40px;
				line-height:  40px;
				font-size: 20px;
				font-weight: normal;
				color:#000000;
				text-align: center;
				/*text-shadow: 1px 1px 1px #000;*/


				/*------------------------------------------------*/

				}
				div#HeaderYazilari2{
				width:1000px;
				height: 200px;
				margin-top: 350px;
				color:#000000;
				text-align: center;
				margin-left: auto;
				margin-right: auto;
				
				}

				div#HeaderYazilari2 h1{
				margin-top: 50px;
				line-height:  80px;
				font-size:35px;
				color: #ff0000;
				text-shadow: 2px 2px 2px #000000;
				text-align: center;
				margin-bottom: 50px;

				}
			/*------------------------------------------------*/
				
				div#HeaderYazilariFotoGaleri{
				width: 900px;
				height: 200px;
				margin-top: -450px;
				color:#000000;
				text-align: center;
				margin-left: auto;
				margin-right: auto;
				}

				div#HeaderYazilariFotoGaleri h1{
				margin-top: -150px;
				line-height:  80px;
				font-size:35px;
				color: #ff0000;
				text-shadow: 2px 2px 2px #000000;
				text-align: center;
				margin-bottom: 50px;
				}
				/*------------------------------------------------*/
				
				div#HeaderYazilari4iletisim{
				width: 900px;
				height: 200px;
				margin-top: 600px;
				color:#000000;
				text-align: center;
				margin-left: auto;
				margin-right: auto;
				margin-bottom: 150px;
				
				}

				div#HeaderYazilari4iletisim h1{
				margin-top: -150px;
				line-height:  80px;
				font-size:35px;
				color: #ff0000;
				text-shadow: 2px 2px 2px #000000;
				text-align: center;
				margin-bottom: 0px;
				}
				div#HeaderYazilari4iletisim p{
					margin-top: 0px;
				line-height:  20px;
				font-size: 18px;
				font-weight: normal;
				color:#000000;
				text-align: center;
				margin-bottom: 30px;
				}
				/*------------------------------------------------*/
				
				div#HeaderYazilari5{
				width: 900px;
				height: 200px;
				margin-top: 500px;
				color:#000000;
				text-align: center;
				margin-left: auto;
				margin-right: auto;
				margin-bottom: 00px;
			
					
				}

				div#HeaderYazilari5 h1{
				margin-top: -150px;
				line-height:  80px;
				font-size:35px;
				color: #ff0000;
				text-shadow: 2px 2px 2px #000000;
				text-align: center;
				margin-bottom: 150px;

				}
				div#HeaderYazilari5 h2{
				width: 650px;
				height: 300px;
				margin-top: 0px;
				line-height:  35px;
				font-size: 18px;
				

				font-weight: normal;
				color:#000000;
				text-align: center;
				margin-left: auto;
				margin-right: auto;
		
				}
			/*------------------------------------------------*/
				.iletisimKutu{

				width: 500px;
				height: 520px;
				/*border: 1px solid red;*/
				margin: auto;
				line-height: 5px;
				}

				/*-----------Section başı -----------*/

					/************bölge bir ********/
				section.bolgeBir{
				width:940px;
				height: auto;
				position: relative;
				margin: auto;
				/*border: 2px solid green;*/
				}
				section.bolgeBir h1{
				text-align: center;
				margin-top: 20px;
				margin-bottom: 30px;
				font-size: 18px;
				}
				section.bolgeBir div.slider{
					float: left;
				}

				/*section.bolgeBir img{
				width: 500px;
				height: 375px;
				border: 2px solid #ffffff;
				margin-top: 0px;
				padding: 0px;
				box-sizing: border-box;
				float: left;
				}*/

				.bolgeBir div.AnasayfaYazisi{
					/*width: 450px;
					height: 338px;
					background-image: url(images/anasayfaYazisix940.png);
				 	float: right;
				 	background-repeat: no-repeat;*/
				 	display: none;

				}
				.bolgeBir div.AnasayfaYazisi720{
					width: 450px;
					height: 380px;
					margin: auto;
					margin-top: 0px;
					margin-bottom: 180px;
					margin-left: 0px;
					text-align: center;
					background-repeat: no-repeat;
					
					float: right;


					}
					.bolgeBir div.AnasayfaYazisi720 h1{
					width: 300px;
					height: 50px;
					margin: auto;
					margin-top: 10px;
					font-family: 'Arial';
						font-size: 15px;
						text-align: center;
						font-weight: bold;
					background-repeat: no-repeat;

					}
					.bolgeBir div.AnasayfaYazisi720 h2{
						font-size: 15px;
						font-weight: normal;
						line-height: 20px;

					}

				/*section.bolgeBir article {
					width: 580px;
					height: 418px;
					margin-top: -410px;
					border: 1px solid #ff0000;
					float: right;
				}  
				   
				section.bolgeBir article p{
					font-family:'Arial';
					font-weight: bold;
					margin-top: 17px;
				}
				section.bolgeBir article h3{
					font-size: 18px;
					font-family:'Arial';
					font-weight: normal;
					margin-top: -28px;

					
				}*/
						/************bölge iki ********/
				section.bolgeiki {
					width: 940px;
					height:326px;
					/*position: relative;*/
					background: #000000;
					/*border: 1px solid #ff0000;*/
					margin: auto;
					margin-top: 10px;
				}
				/*------------------------------*/
				section.bolgeiki div#bolgeikiicfoto01 {
					width: 230px;
					height:153px;
					float: left;
					margin-left: 10px;
					margin-top: 10px;
				}
				section.bolgeiki div#bolgeikiicfoto01 img{
				width: 230px;
					height:153px;
				opacity:0.5; 
				transition: all .3s ease-in-out;
				}
				section.bolgeiki div#bolgeikiicfoto01 img:hover{
					opacity: 1;
					transform: scale(1.02);
				}
				/*-----------------*/
				section.bolgeiki div#bolgeikiicfoto02 {
				width: 230px;
					height:153px;
					float: left;
					margin-top: 10px;
				}
				section.bolgeiki div#bolgeikiicfoto02 img{
					width: 230px;
					height:153px;
				opacity:0.5; 
				transition: all .3s ease-in-out;
				}
				section.bolgeiki div#bolgeikiicfoto02 img:hover{
					opacity: 1;
					transform: scale(1.02);
				}
				/*-----------------*/
				section.bolgeiki div#bolgeikiicfoto03 {
				width: 230px;
					height:153px;
					float: left;
					margin-top: 10px;
				}
				section.bolgeiki div#bolgeikiicfoto03 img{
					width: 230px;
					height:153px;
				float: left;
				opacity:0.5; 
				transition: all .3s ease-in-out;
				}
				section.bolgeiki div#bolgeikiicfoto03 img:hover{
					opacity: 1;
					transform: scale(1.02);
				}
				/*-----------------*/
				section.bolgeiki div#bolgeikiicfoto04 {
				width: 230px;
					height:153px;
					float: left;
					margin-top: 10px;
				}
				section.bolgeiki div#bolgeikiicfoto04 img{
					width: 230px;
					height:153px;
				float: left;
				opacity:0.5; 
				transition: all .3s ease-in-out;
				}
				section.bolgeiki div#bolgeikiicfoto04 img:hover{
					opacity: 1;
					transform: scale(1.02);
				}
				/*-----------------*/
				section.bolgeiki div#bolgeikiicfoto05 {
					width: 230px;
					height:153px;
					float: left;
					margin-left: 10px;
				}
				section.bolgeiki div#bolgeikiicfoto05 img{
					width: 230px;
					height:153px;
				float: left;
				opacity:0.5; 
				transition: all .3s ease-in-out;
				}
				section.bolgeiki div#bolgeikiicfoto05 img:hover{
					opacity: 1;
					transform: scale(1.02);
				}
				/*-----------------*/
				section.bolgeiki div#bolgeikiicfoto06 {
				width: 230px;
					height:153px;
					float: left;

				}
				section.bolgeiki div#bolgeikiicfoto06 img{
					width: 230px;
					height:153px;
				float: left;
				opacity:0.5; 
				transition: all .3s ease-in-out;
				}
				section.bolgeiki div#bolgeikiicfoto06 img:hover{
					opacity: 1;
					transform: scale(1.02);
				}
				/*-----------------*/
				section.bolgeiki div#bolgeikiicfoto07 {
					width: 230px;
					height:153px;
					float: left;
				}
				section.bolgeiki div#bolgeikiicfoto07 img{
					width: 230px;
					height:153px;
				float: left;
				opacity:0.5; 
				transition: all .3s ease-in-out;
				}
				section.bolgeiki div#bolgeikiicfoto07 img:hover{
					opacity: 1;
					transform: scale(1.02);
				}
				/*-----------------*/
				section.bolgeiki div#bolgeikiicfoto08 {
					width: 230px;
					height:153px;
					float: left;
				}
				section.bolgeiki div#bolgeikiicfoto08 img{
					width: 230px;
					height:153px;
				float: left;
				opacity:0.5; 
				transition: all .3s ease-in-out;
				}
				section.bolgeiki div#bolgeikiicfoto08 img:hover{
					opacity: 1;
					transform: scale(1.02);
				}

				/*------------------------------------*/
				/*------------------------------------*/

				section.bolgeiki  div#galeriLinkKutusu{
					width: 600px;
					height: 180px;
					position: absolute;
					border: 1px solid #ffffff;
					text-align: center;
					margin-left: 170px;
					margin-top:73px;
				}
				section.bolgeiki  div#galeriLinkKutusu h1{
					color: #ffffff;
					line-height: 60px;
					margin-top:30px;
				}
				section.bolgeiki  div#galeriLinkKutusu a{
				width: 350px;
				height: 60px;
				border: 1px solid #ffffff;
				display: inline-block;
				color: #ffffff;
				line-height: 60px;
				font-size: 20px;
				transition: all .4s ease-in-out;
				}
				section.bolgeiki  div#galeriLinkKutusu a:hover{

				background: #c20000;
				}

					/************bölge iki  sonu********/
				/************bölge üç **************************/

				section.bolgeUc div#CalismaKutusu{
					width: 800px;
					height: 1100px;
					position: relative;
					
					margin-top: 20px;
						margin-bottom: 150px;
					/*border: 1px solid #ff0000;*/

					text-align: center;
					margin: auto;


					}
					section.bolgeUc div#CalismaKutusu h1{
					margin-top: 40px;	

					}

					div.fotoCalisma1x320, 
					div.fotoCalisma1x480,  
					div.fotoCalisma1x720, 
					div.fotoCalisma1x1240,
					
					div.fotoCalisma2x320, 
					div.fotoCalisma2x480,  
					div.fotoCalisma2x720, 
					div.fotoCalisma2x1240,
					
					div.fotoCalisma3x320, 
					div.fotoCalisma3x480,  
					div.fotoCalisma3x720, 
					div.fotoCalisma3x1240{
						display: none;
					}

					section.bolgeUc div#CalismaKutusu div.fotoCalisma1x940 {
						position: relative;
						width: 281px;
						height:600px;
						float: left;
						margin-left: 110px;
						overflow: hidden;
						margin-bottom: 100px;
					}
					section.bolgeUc div#CalismaKutusu div.fotoCalisma1x940 img{
						width: 281px;
						height: 500px;
						margin-top: 30px;

					}
					section.bolgeUc div#CalismaKutusu div.fotoCalisma1x940 div.fotoCalismaHover1{
					width: 281px;
					height: 500px;
					background: red;
					position: absolute;
					top: 30px;
					left: -285px;
					transition: all .5s ease;
					background: url(images/yeni01kx900.jpg);

					}

					section.bolgeUc div#CalismaKutusu div.fotoCalisma1x940:hover div.fotoCalismaHover1{
					left: 0;
					}
				/*-------------------------------------------------*/
					div.fotoCalisma2x940{
						position: relative;
						width: 243px;
						height:500px;
						margin-left: 70px;
						top:30px;
						margin-bottom:0px; 
						float: left;
						overflow: hidden;
						margin-bottom: 100px;

					}

					section.bolgeUc div#CalismaKutusu div.fotoCalisma2x940 div.fotoCalismaHover2{
					width: 243px;
						height:500px;
					background: red;
					position: absolute;
					top: 0px;
					/*left: -225px;*/
					opacity: 0;
					transition:  opacity .5s ease;
					background: url(images/yeni02kx900.jpg);

					}
					section.bolgeUc div#CalismaKutusu div.fotoCalisma2x940:hover div.fotoCalismaHover2{
					left: 0;
					opacity: 1;

					}
					
					/*--------------------------------------------*/
				

					div.fotoCalisma3x940{
						position: relative;
						width: 800px;
						height: 600px;
						float: left;
						overflow: hidden;
					
						margin: auto;
					}

					section.bolgeUc div#CalismaKutusu div.fotoCalisma3x940 div.fotoCalismaHover3{
					width: 800px;
					height: 600px;
					background: red;
					position: absolute;
					top: 0px;
					margin-bottom: 50px;
					left:820px;
					transition: all 1s ease;
					background: url(images/yeni03kx900.jpg);
					}
					section.bolgeUc div#CalismaKutusu div.fotoCalisma3x940:hover div.fotoCalismaHover3{
					left: 0;
					}

				/*--------------footer baslangıcı-----------*/

				footer{
					width: 100%;
					height: 500px;
					/*margin: auto;*/
					position: relative;
					background: url(images/footer-bg.png);
					margin-top:150px;
					margin-bottom: 0px;
					margin-left: auto;
					margin-right: auto;
					float: left;
				}
				footer div#footerAlani{
				width: 940px;
				position: relative;
				margin: auto;
				margin-top: 0px;
				 
				}

				footer div#footerAlani div.footerKutu{
					width:400px;
					position:  relative;
					float: left;
					margin-left: 40px;
				}
				footer div#footerAlani div.footerKutu a img{
					width: 50px;
					height: 50px;
					margin-top: 60px;
				}
				footer div#footerAlani div.footerKutu h1 img{
					width: 265px;
					height: 110px;
				}
				/*------------------*/
				footer div#footerAlani div.footerKutu h2{
					font-size: 30px;
					line-height: 100px;
					border-bottom: 2px solid #ffa500;
					margin-top:50px;
					text-align: center;
					color: #b40000;
					text-shadow: 2px 2px 2px #000;
				}
				footer div#footerAlani div.footerKutu p{
				line-height: 15px;
				letter-spacing: 1px;
				color: #ffffff;
				}
				footer div#copyright{
					width: 100%;
					background: #000000;
					color: #ffffff;
					font-size: 14px;
					padding-left: 20px;
					padding-top: 25px;
					padding-bottom:  25px;
					padding-right: 20px;
					margin-top: 50px;

				}
				footer div#copyright div#DesignBy{
				float: right;
				padding-right: 40px;
				}
				footer div#copyright div#DesignBy a{
				color:#1fff00
				}

				/*-----********fade slider ********-----------*/
				.slider{
				width: 450px;
					height: 338px;

				padding: 5px;
				border: 4px solid red;


				}
				.slide1,.slide2,.slide3,.slide4,.slide5{

				position: absolute;
				width: 450px;
					height: 338px;
				box-sizing: border-box;

				}
				.slide1{
				background-image: url(images/atolye01.jpg);
				background-repeat:no-repeat;
				background-size: cover;
				animation: fade1 20s infinite;
				}
				.slide2{
				background-image: url(images/atolye02.jpg);
				background-repeat:no-repeat;
				background-size: cover;
				animation: fade2 20s infinite;
				}
				.slide3{
				background-image: url(images/atolye03.jpg);
				background-repeat:no-repeat;
				background-size: cover;
				animation: fade3 20s infinite;
				}
				.slide4{
				background-image: url(images/atolye04.jpg);
				background-repeat:no-repeat;
				background-size: cover;
				animation: fade4 20s infinite;
				}
				.slide5{
				background-image: url(images/atolye05.jpg);
				background-repeat:repeat;
				background-size: cover;
				animation: fade5 20s infinite;
				}
				@keyframes fade1{
					0%{
					opacity: 0;
					}
					20%{
					opacity: 1;
					}
					40%{
					opacity: 0;
					}
					60%{
					opacity: 0;
					}
					80%{
					opacity: 0;
					}
					100%{
					opacity: 0;
					}
				}
				@keyframes fade2{
					0%{
					opacity: 0;
					}
					20%{
					opacity: 0;
					}
					40%{
					opacity: 1;
					}
					60%{
					opacity: 0;
					}
					80%{
					opacity: 0;
					}
					100%{
					opacity: 0;
					}
				}
				@keyframes fade3{
					0%{
					opacity: 0;
					}
					20%{
					opacity: 0;
					}
					40%{
					opacity: 0;
					}
					60%{
					opacity: 1;
					}
					80%{
					opacity: 0;
					}
					100%{
					opacity: 0;
					}
				}
				@keyframes fade4{
					0%{
					opacity: 1;
					}
					20%{
					opacity: 0;
					}
					40%{
					opacity: 0;
					}
					60%{
					opacity: 0;
					}
					80%{
					opacity: 1;
					}
					100%{
					opacity: 0;
					}
				}
				@keyframes fade5{
					0%{
					opacity: 1;
					}
					20%{
					opacity: 0;
					}
					40%{
					opacity: 0;
					}
					60%{
					opacity: 0;
					}
					80%{
					opacity: 0;
					}
					100%{
					opacity: 1;
					}
				}
		
	}

@media screen and (min-width: 960px) and (max-width: 1239px){
	
	header#anaHeaderAnasayfa{

				width: 100%;
				height: 800px;
				position: relative;
				background: url(images/arkaResimGri_ANASAYFAx480.png);
				background-size: cover;
				background-repeat: no-repeat;
				background-position: center;
			}

			header#anaHeaderHkmzd{

				width: 100%;
				height: 800px;
				position: relative;
				background: url(images/arkaResimGri_HAKKIMIZDAx480.png);
				background-size: cover;
				background-repeat: no-repeat;
				background-position: center;
				margin: auto;
			}
			header#anaHeaderiletisim320{

				width: 100%;
			height: 800px;
				position: relative;
				background: url(images/arkaResimGri_ILETISIMx480.png);
				background-size: cover;
				background-repeat: no-repeat;
				background-position: center;
				margin: auto;
			}
			header#anaHeaderFotoGaleri{

			width: 100%;
			height: 800px;
			position: relative;
			background: url(images/arkaResimGri_FOTO_GALERix480.png);
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center;
			margin: auto;
			

			}
			header#anaHeaderAtolyeden{

			width: 100%;
			height: 800px;
			position: relative;
			background: url(images/arkaResimGri_ATOLYEDENx480.png);
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center;
			margin: auto;
			}
			header#anaHeaderAhsapKosk{

			width: 100%;
			height: 800px;
			position: relative;
			background: url(images/arkaResimGri_AHSAP_KOSKx480.png);
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center;
			margin: auto;
			}

			header#anaHeaderCatiTerasBahce{

			width: 100%;
			height: 800px;
			position: relative;
			background: url(images/arkaResimGri_CATI_TERASx480.png);
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center;
			margin: auto;
		
			}
			header#anaHeaderRestKafe{

			width: 100%;
			height: 800px;
			position: relative;
			background: url(images/arkaResimGri_REST_KAFEx480.png);
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center;
			margin: auto;
			}
			header#anaHeaderVillaKonut{

			width: 100%;
			height: 800px;
			position: relative;
			background: url(images/arkaResimGri_ViLLA_KONUTx480.png);
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center;
			margin: auto;
			}
				
				/*--- *************galeriler icin*****************---*/

				div#AhsapKoskGaleri{
				width: 100%;
				height:auto;
				margin: auto;
				/*border: 1px solid red;*/

				/*--- *************resim cercevesi*****************---*/
				}
				.UstiletisimLogo img, .UstiletisimLogoMail img {
					display: none;
				}

				img {
					border: 2px solid #880000;
					border-radius: 12px;
				}
				img:hover {
					opacity: 0.8;
					border: 2px solid #ff0000;

				}

				section.bolgeUc div#CalismaKutusu 
				div.fotoCalisma1x940 img {
				border:none;
				border-radius: 0px;
				}
				section.bolgeUc div#CalismaKutusu 
				
				div.fotoCalisma2x940 img {
				border:none;
				border-radius: 0px;
				}
				section.bolgeUc div#CalismaKutusu 
				div.fotoCalisma3x940 img {
				border:none;
				border-radius: 0px;
				}

				footer #footerAlani div.footerKutu img {
				border:none;
				border-radius: 0px;
				}

				/*--- ******************************---*/

				div#FOTOLARR  {
				width: 900px;
				height: 100%;
				float: left;
				margin-bottom: 25px;
				margin-top: 50px;

				}

				div#FOTOLARR img {
				width: 120px;
				height: 100px;

				}





				div#headerContainer{
					width: 100%
					height: 900px;
					/*border: solid 1px red;*/
					position: relative;
					margin: auto;
				}
				div#headerContainer2{
					width: 100%
					height: 900px;
					
					position: relative;
					margin: auto;

				}

				div#ulUstSol{
				width: 1000px;
				height: 50px;
				position: relative;
				}

				ul#ulUstSol{
				list-style-type: none; 
				display: inline-block;
				float: left;
				}

				ul#ulUstSol li{
				display: inline-block;
				line-height: 50px;
				/*border-right: 1px solid #1d1d1d;*/
				padding: 0 10px;
				margin-left: 15px;

				}

				ul#ulUstSol li:first-child {
				padding-left:  0;
				}

				ul#ulUstSol li:last-child {
				border-right:  0;
				}

				ul#ulUstSol li a{
					font-family: 'Arial' ;
					font-weight: bold;
					color: #ffffff;
				}

				ul#ulUstSol li a:hover{
					transition-duration: 0.5s;
				color: red;

				}

				ul#ulUstSol li ul {
				display: none;
				position: absolute;
				}
				ul#ulUstSol li:hover ul {
				display: block;


				}
				ul#ulUstSol li ul li {
				display: block;

				}
				div#UstSag{
					width: 600px;
					height: 50px;
					position: relative;
					float: right;
					margin-left: auto;
					margin-right: auto;

				}

				
			/*---------------------------------------------------*/
			div.UstiletisimLogo320tel{
		width: 25px;
		height: 19px;
		background: url(images/MailikonX320.png);
		margin-top: 10px;
		float: left;
		margin-left: 2px;
		}
									/*--mail ve tel yer degişti--*/
		div.UstiletisimLogo320mail{
		width: 25px;
		height: 19px;
		background: url(images/TelefonikonX320.png);
		margin-top: 10px;
		float: left;
		margin-left: 2px;
		}
		/*---------------------------------------------------*/

				div.UstiletisimLogo{
				width: 39px;
				height: 30px;
				margin-top: 10px;
				float: left;
				margin-left: 10px;
				}

				div.UstiletisimYazi{
				height: 50px;
				line-height: 50px;
				float: left;
				margin-left: 10px;
				color: #353535;

				}

				nav1 {

				width: 100%;
				height: 50px;
				position: absolute;
				background: rgba(0,0,0,0.2);
				top: 0px;
				margin: auto;

				}
				cizgiUstHkmz {
				width: 100%;
				height: 10px;
				position: absolute;
				background: rgba(0,0,0,0.65);
				top: 50px;
				margin-left: auto;
				margin-right: auto;
				display: block;
			
				}
				cizgiUstAnaS {
				width: 100%;
				height: 10px;
				position: absolute;
				background: rgba(0,0,0,0.65);
				top: 50px;
				margin-left: 0px;
				}
				cizgiUstFotoGlr {
				width: 100%;
				height: 10px;
				position: absolute;
				background: rgba(0,0,0,0.65);
				top: 50px;
				margin-left: 0px;
				}

				cizgiUstAtolye {
				width: 100%;
				height: 10px;
				position: absolute;
				background: rgba(0,0,0,0.65);
				top: 50px;
				margin-left: 0px;
				}
				cizgiUstAhsapKosk {
				width: 100%;
				height: 10px;
				position: absolute;
				background: rgba(0,0,0,0.65);
				top: 50px;
				margin-left: 0px;
				}
				cizgiUstTerasBahce {
				width: 100%;
				height: 10px;
				position: absolute;
				background: rgba(0,0,0,0.65);
				top: 50px;
				margin-left: 0px;
				}
				cizgiUstRestoranKafe {
				width: 100%;
				height: 10px;
				position: absolute;
				background: rgba(0,0,0,0.65);
				top: 50px;
				margin-left: 0px;
				}
				cizgiUstVillaKonut {
				width: 100%;
				height: 10px;
				position: absolute;
				background: rgba(0,0,0,0.65);
				top: 50px;
				margin-left: 0px;
				}
				
				cizgiUstILETiSiM {
				width: 100%;
				height: 10px;
				position: absolute;
				background: rgba(0,0,0,0.65);
				top: 50px;
				margin-left: 0px;
				margin-left: auto;
				margin-right: auto;
				display: block;
				}
			/*-----------HARİTA-----------*/

			section.harita{
			width: 900px;
			height: 350px;
			position: relative;
			border: 3px solid blue;
			margin-top: 200px;
			margin-bottom:0px;
			margin-left: auto;
			margin-right: auto;
			}


			/*-----------HARİTA-----------*/

				/*cizgiUst {
				width: 100%;
				height: 10px;
				position: absolute;
				background: rgba(0,0,0,0.65);
				top: 50px;

				}*/


				nav {

				width: 100%;
				height: 80px;
				margin: auto;
				position: absolute;
				background: rgba(125,114,108,0.5);
				top: 60px;

				}
				div#navContainer{

				width: 100%
				height: 80px;
				position: relative;
				/*border: 1px solid red;*/
				margin: auto;

				}
				div#navLogo{
					width: 180px;
					height: 75px;
					margin-top: 5px;
					background: url(images/LogoSonBeyaz180x75.png);
					float:left;

				}
				ul#Kategoriler{
				list-style-type: none;
				display: inline-block;
				float:right;

				}
				ul#Kategoriler li{
				display: inline-block;
				line-height:80px;
				margin-left:7px;
				border-right: 1px solid #707070 ;
				padding-right:7px;
				padding-left:0px;
				font-size: 13px;
				}

				ul#Kategoriler li:first-child {
				padding-left:  0;
				}

				ul#Kategoriler li:last-child {
				border-right:  0;
				}

				ul#Kategoriler li a{
					font-family: 'Arial' ;
				font-weight: bold;
					color:#ffffff;
				}
				ul#Kategoriler li a:hover{
					transition-duration: 0.5s;
				color: red;
				}



				div#MobilButobCizgileri {
				display: none;
				}
					

				
				ul#MobilKategoriler {
					display: none;
				}

				
				div#HeaderYazilari{
				width: 700px;
				height: 600px;
				margin-top: 100px;
				color:#000000;
				text-align: center;
				margin: auto;
				}

				div#HeaderYazilari h1{
				margin-top: 200px;
				line-height:  80px;
				font-size:35px;
				color: #ff0000;
				text-shadow: 5px 5px 5px #000000;
				text-align: center;
				}

				div#HeaderYazilari h2{
				font-family: 'Arial' ;
				margin-top: 25px;
				line-height:  30px;
				font-size: 18px;
				color:#000000;
			
				text-align: center;

				}

				div#HeaderYazilari p{
					margin-top: 40px;
				line-height:  40px;
				font-size: 20px;
				font-weight: normal;
				color:#000000;
				text-align: center;
				/*text-shadow: 1px 1px 1px #000;*/


				/*------------------------------------------------*/

				}
				div#HeaderYazilari2{
				width:900px;
				height: 200px;
				margin-top: 350px;
				color:#000000;
				text-align: center;
				margin-left: auto;
				margin-right: auto;
				
				}

				div#HeaderYazilari2 h1{
				margin-top: 50px;
				line-height:  80px;
				font-size:35px;
				color: #ff0000;
				text-shadow: 2px 2px 2px #000000;
				text-align: center;
				margin-bottom: 50px;

				}
			/*------------------------------------------------*/
				
				div#HeaderYazilariFotoGaleri{
				width: 900px;
				height: 200px;
				margin-top: -450px;
				color:#000000;
				text-align: center;
				margin-left: auto;
				margin-right: auto;
				}

				div#HeaderYazilariFotoGaleri h1{
				margin-top: -150px;
				line-height:  80px;
				font-size:35px;
				color: #ff0000;
				text-shadow: 2px 2px 2px #000000;
				text-align: center;
				margin-bottom: 50px;
				}
				/*------------------------------------------------*/
				
				div#HeaderYazilari4iletisim{
				width: 900px;
				height: 200px;
				margin-top: 600px;
				color:#000000;
				text-align: center;
				margin-left: auto;
				margin-right: auto;
				margin-bottom: 150px;
				
				}

				div#HeaderYazilari4iletisim h1{
				margin-top: -150px;
				line-height:  80px;
				font-size:35px;
				color: #ff0000;
				text-shadow: 2px 2px 2px #000000;
				text-align: center;
				margin-bottom: 0px;
				}
				div#HeaderYazilari4iletisim p{
					margin-top: 0px;
				line-height:  20px;
				font-size: 18px;
				font-weight: normal;
				color:#000000;
				text-align: center;
				margin-bottom: 30px;
				}
				/*------------------------------------------------*/
				
				div#HeaderYazilari5{
				width: 900px;
				height: 200px;
				margin-top: 500px;
				color:#000000;
				text-align: center;
				margin-left: auto;
				margin-right: auto;
				margin-bottom: 00px;
			
					
				}

				div#HeaderYazilari5 h1{
				margin-top: -150px;
				line-height:  80px;
				font-size:35px;
				color: #ff0000;
				text-shadow: 2px 2px 2px #000000;
				text-align: center;
				margin-bottom: 150px;

				}
				div#HeaderYazilari5 h2{
				width: 650px;
				height: 300px;
				margin-top: 0px;
				line-height:  35px;
				font-size: 18px;
				

				font-weight: normal;
				color:#000000;
				text-align: center;
				margin-left: auto;
				margin-right: auto;
		
				}
			/*------------------------------------------------*/
				.iletisimKutu{

				width: 500px;
				height: 520px;
				/*border: 1px solid red;*/
				margin: auto;
				line-height: 5px;
				}

				/*-----------Section başı -----------*/

					/************bölge bir ********/
				section.bolgeBir{
				width:940px;
				height: auto;
				position: relative;
				margin: auto;
				/*border: 2px solid green;*/
				}
				section.bolgeBir h1{
				text-align: center;
				margin-top: 20px;
				margin-bottom: 30px;
				font-size: 18px;
				}
				section.bolgeBir div.slider{
					float: left;
				}

				/*section.bolgeBir img{
				width: 500px;
				height: 375px;
				border: 2px solid #ffffff;
				margin-top: 0px;
				padding: 0px;
				box-sizing: border-box;
				float: left;
				}*/

				.bolgeBir div.AnasayfaYazisi{
					/*width: 450px;
					height: 338px;
					background-image: url(images/anasayfaYazisix940.png);
				 	float: right;
				 	background-repeat: no-repeat;*/
				 	display: none;

				}
				.bolgeBir div.AnasayfaYazisi720{
					width: 450px;
					height: 380px;
					margin: auto;
					margin-top: 0px;
					margin-bottom: 180px;
					margin-left: 0px;
					text-align: center;
					background-repeat: no-repeat;
					
					float: right;


					}
					.bolgeBir div.AnasayfaYazisi720 h1{
					width: 300px;
					height: 50px;
					margin: auto;
					margin-top: 10px;
					font-family: 'Arial';
						font-size: 15px;
						text-align: center;
						font-weight: bold;
					background-repeat: no-repeat;

					}
					.bolgeBir div.AnasayfaYazisi720 h2{
						font-size: 15px;
						font-weight: normal;
						line-height: 20px;

					}

				/*section.bolgeBir article {
					width: 580px;
					height: 418px;
					margin-top: -410px;
					border: 1px solid #ff0000;
					float: right;
				}  
				   
				section.bolgeBir article p{
					font-family:'Arial';
					font-weight: bold;
					margin-top: 17px;
				}
				section.bolgeBir article h3{
					font-size: 18px;
					font-family:'Arial';
					font-weight: normal;
					margin-top: -28px;

					
				}*/
						/************bölge iki ********/
				section.bolgeiki {
					width: 940px;
					height:326px;
					/*position: relative;*/
					background: #000000;
					/*border: 1px solid #ff0000;*/
					margin: auto;
					margin-top: 10px;
				}
				/*------------------------------*/
				section.bolgeiki div#bolgeikiicfoto01 {
					width: 230px;
					height:153px;
					float: left;
					margin-left: 10px;
					margin-top: 10px;
				}
				section.bolgeiki div#bolgeikiicfoto01 img{
				width: 230px;
					height:153px;
				opacity:0.5; 
				transition: all .3s ease-in-out;
				}
				section.bolgeiki div#bolgeikiicfoto01 img:hover{
					opacity: 1;
					transform: scale(1.02);
				}
				/*-----------------*/
				section.bolgeiki div#bolgeikiicfoto02 {
				width: 230px;
					height:153px;
					float: left;
					margin-top: 10px;
				}
				section.bolgeiki div#bolgeikiicfoto02 img{
					width: 230px;
					height:153px;
				opacity:0.5; 
				transition: all .3s ease-in-out;
				}
				section.bolgeiki div#bolgeikiicfoto02 img:hover{
					opacity: 1;
					transform: scale(1.02);
				}
				/*-----------------*/
				section.bolgeiki div#bolgeikiicfoto03 {
				width: 230px;
					height:153px;
					float: left;
					margin-top: 10px;
				}
				section.bolgeiki div#bolgeikiicfoto03 img{
					width: 230px;
					height:153px;
				float: left;
				opacity:0.5; 
				transition: all .3s ease-in-out;
				}
				section.bolgeiki div#bolgeikiicfoto03 img:hover{
					opacity: 1;
					transform: scale(1.02);
				}
				/*-----------------*/
				section.bolgeiki div#bolgeikiicfoto04 {
				width: 230px;
					height:153px;
					float: left;
					margin-top: 10px;
				}
				section.bolgeiki div#bolgeikiicfoto04 img{
					width: 230px;
					height:153px;
				float: left;
				opacity:0.5; 
				transition: all .3s ease-in-out;
				}
				section.bolgeiki div#bolgeikiicfoto04 img:hover{
					opacity: 1;
					transform: scale(1.02);
				}
				/*-----------------*/
				section.bolgeiki div#bolgeikiicfoto05 {
					width: 230px;
					height:153px;
					float: left;
					margin-left: 10px;
				}
				section.bolgeiki div#bolgeikiicfoto05 img{
					width: 230px;
					height:153px;
				float: left;
				opacity:0.5; 
				transition: all .3s ease-in-out;
				}
				section.bolgeiki div#bolgeikiicfoto05 img:hover{
					opacity: 1;
					transform: scale(1.02);
				}
				/*-----------------*/
				section.bolgeiki div#bolgeikiicfoto06 {
				width: 230px;
					height:153px;
					float: left;

				}
				section.bolgeiki div#bolgeikiicfoto06 img{
					width: 230px;
					height:153px;
				float: left;
				opacity:0.5; 
				transition: all .3s ease-in-out;
				}
				section.bolgeiki div#bolgeikiicfoto06 img:hover{
					opacity: 1;
					transform: scale(1.02);
				}
				/*-----------------*/
				section.bolgeiki div#bolgeikiicfoto07 {
					width: 230px;
					height:153px;
					float: left;
				}
				section.bolgeiki div#bolgeikiicfoto07 img{
					width: 230px;
					height:153px;
				float: left;
				opacity:0.5; 
				transition: all .3s ease-in-out;
				}
				section.bolgeiki div#bolgeikiicfoto07 img:hover{
					opacity: 1;
					transform: scale(1.02);
				}
				/*-----------------*/
				section.bolgeiki div#bolgeikiicfoto08 {
					width: 230px;
					height:153px;
					float: left;
				}
				section.bolgeiki div#bolgeikiicfoto08 img{
					width: 230px;
					height:153px;
				float: left;
				opacity:0.5; 
				transition: all .3s ease-in-out;
				}
				section.bolgeiki div#bolgeikiicfoto08 img:hover{
					opacity: 1;
					transform: scale(1.02);
				}

				/*------------------------------------*/
				/*------------------------------------*/

				section.bolgeiki  div#galeriLinkKutusu{
					width: 600px;
					height: 180px;
					position: absolute;
					border: 1px solid #ffffff;
					text-align: center;
					margin-left: 170px;
					margin-top:73px;
				}
				section.bolgeiki  div#galeriLinkKutusu h1{
					color: #ffffff;
					line-height: 60px;
					margin-top:30px;
				}
				section.bolgeiki  div#galeriLinkKutusu a{
				width: 350px;
				height: 60px;
				border: 1px solid #ffffff;
				display: inline-block;
				color: #ffffff;
				line-height: 60px;
				font-size: 20px;
				transition: all .4s ease-in-out;
				}
				section.bolgeiki  div#galeriLinkKutusu a:hover{

				background: #c20000;
				}

					/************bölge iki  sonu********/
				/************bölge üç **************************/

				section.bolgeUc div#CalismaKutusu{
					width: 800px;
					height: 1100px;
					position: relative;
					
					margin-top: 20px;
						margin-bottom: 150px;
					/*border: 1px solid #ff0000;*/

					text-align: center;
					margin: auto;


					}
					section.bolgeUc div#CalismaKutusu h1{
					margin-top: 40px;	

					}

					div.fotoCalisma1x320, 
					div.fotoCalisma1x480,  
					div.fotoCalisma1x720, 
					div.fotoCalisma1x1240,
					
					div.fotoCalisma2x320, 
					div.fotoCalisma2x480,  
					div.fotoCalisma2x720, 
					div.fotoCalisma2x1240,
					
					div.fotoCalisma3x320, 
					div.fotoCalisma3x480,  
					div.fotoCalisma3x720, 
					div.fotoCalisma3x1240{
						display: none;
					}

					section.bolgeUc div#CalismaKutusu div.fotoCalisma1x940 {
						position: relative;
						width: 281px;
						height:600px;
						float: left;
						margin-left: 110px;
						overflow: hidden;
						margin-bottom: 100px;
					}
					section.bolgeUc div#CalismaKutusu div.fotoCalisma1x940 img{
						width: 281px;
						height: 500px;
						margin-top: 30px;

					}
					section.bolgeUc div#CalismaKutusu div.fotoCalisma1x940 div.fotoCalismaHover1{
					width: 281px;
					height: 500px;
					background: red;
					position: absolute;
					top: 30px;
					left: -285px;
					transition: all .5s ease;
					background: url(images/yeni01kx900.jpg);

					}

					section.bolgeUc div#CalismaKutusu div.fotoCalisma1x940:hover div.fotoCalismaHover1{
					left: 0;
					}
				/*-------------------------------------------------*/
					div.fotoCalisma2x940{
						position: relative;
						width: 243px;
						height:500px;
						margin-left: 70px;
						top:30px;
						margin-bottom:0px; 
						float: left;
						overflow: hidden;
						margin-bottom: 100px;

					}

					section.bolgeUc div#CalismaKutusu div.fotoCalisma2x940 div.fotoCalismaHover2{
					width: 243px;
						height:500px;
					background: red;
					position: absolute;
					top: 0px;
					/*left: -225px;*/
					opacity: 0;
					transition:  opacity .5s ease;
					background: url(images/yeni02kx900.jpg);

					}
					section.bolgeUc div#CalismaKutusu div.fotoCalisma2x940:hover div.fotoCalismaHover2{
					left: 0;
					opacity: 1;

					}
					
					/*--------------------------------------------*/
				

					div.fotoCalisma3x940{
						position: relative;
						width: 800px;
						height: 600px;
						float: left;
						overflow: hidden;
					
						margin: auto;
					}

					section.bolgeUc div#CalismaKutusu div.fotoCalisma3x940 div.fotoCalismaHover3{
					width: 800px;
					height: 600px;
					background: red;
					position: absolute;
					top: 0px;
					margin-bottom: 50px;
					left:820px;
					transition: all 1s ease;
					background: url(images/yeni03kx900.jpg);
					}
					section.bolgeUc div#CalismaKutusu div.fotoCalisma3x940:hover div.fotoCalismaHover3{
					left: 0;
					}

				/*--------------footer baslangıcı-----------*/

				footer{
					width: 100%;
					height: 500px;
					/*margin: auto;*/
					position: relative;
					background: url(images/footer-bg.png);
					margin-top:150px;
					margin-bottom: 0px;
					margin-left: auto;
					margin-right: auto;
					float: left;
				}
				footer div#footerAlani{
				width: 940px;
				position: relative;
				margin: auto;
				margin-top: 0px;
				 
				}

				footer div#footerAlani div.footerKutu{
					width:400px;
					position:  relative;
					float: left;
					margin-left: 40px;
				}
				footer div#footerAlani div.footerKutu a img{
					width: 50px;
					height: 50px;
					margin-top: 60px;
				}
				footer div#footerAlani div.footerKutu h1 img{
					width: 265px;
					height: 110px;
				}
				/*------------------*/
				footer div#footerAlani div.footerKutu h2{
					font-size: 30px;
					line-height: 100px;
					border-bottom: 2px solid #ffa500;
					margin-top:50px;
					text-align: center;
					color: #b40000;
					text-shadow: 2px 2px 2px #000;
				}
				footer div#footerAlani div.footerKutu p{
				line-height: 15px;
				letter-spacing: 1px;
				color: #ffffff;
				}
				footer div#copyright{
					width: 100%;
					background: #000000;
					color: #ffffff;
					font-size: 14px;
					padding-left: 20px;
					padding-top: 25px;
					padding-bottom:  25px;
					padding-right: 20px;
					margin-top: 50px;

				}
				footer div#copyright div#DesignBy{
				float: right;
				padding-right: 40px;
				}
				footer div#copyright div#DesignBy a{
				color:#1fff00
				}

				/*-----********fade slider ********-----------*/
				.slider{
				width: 450px;
					height: 338px;

				padding: 5px;
				border: 4px solid red;


				}
				.slide1,.slide2,.slide3,.slide4,.slide5{

				position: absolute;
				width: 450px;
					height: 338px;
				box-sizing: border-box;

				}
				.slide1{
				background-image: url(images/atolye01.jpg);
				background-repeat:no-repeat;
				background-size: cover;
				animation: fade1 20s infinite;
				}
				.slide2{
				background-image: url(images/atolye02.jpg);
				background-repeat:no-repeat;
				background-size: cover;
				animation: fade2 20s infinite;
				}
				.slide3{
				background-image: url(images/atolye03.jpg);
				background-repeat:no-repeat;
				background-size: cover;
				animation: fade3 20s infinite;
				}
				.slide4{
				background-image: url(images/atolye04.jpg);
				background-repeat:no-repeat;
				background-size: cover;
				animation: fade4 20s infinite;
				}
				.slide5{
				background-image: url(images/atolye05.jpg);
				background-repeat:repeat;
				background-size: cover;
				animation: fade5 20s infinite;
				}
				@keyframes fade1{
					0%{
					opacity: 0;
					}
					20%{
					opacity: 1;
					}
					40%{
					opacity: 0;
					}
					60%{
					opacity: 0;
					}
					80%{
					opacity: 0;
					}
					100%{
					opacity: 0;
					}
				}
				@keyframes fade2{
					0%{
					opacity: 0;
					}
					20%{
					opacity: 0;
					}
					40%{
					opacity: 1;
					}
					60%{
					opacity: 0;
					}
					80%{
					opacity: 0;
					}
					100%{
					opacity: 0;
					}
				}
				@keyframes fade3{
					0%{
					opacity: 0;
					}
					20%{
					opacity: 0;
					}
					40%{
					opacity: 0;
					}
					60%{
					opacity: 1;
					}
					80%{
					opacity: 0;
					}
					100%{
					opacity: 0;
					}
				}
				@keyframes fade4{
					0%{
					opacity: 1;
					}
					20%{
					opacity: 0;
					}
					40%{
					opacity: 0;
					}
					60%{
					opacity: 0;
					}
					80%{
					opacity: 1;
					}
					100%{
					opacity: 0;
					}
				}
				@keyframes fade5{
					0%{
					opacity: 1;
					}
					20%{
					opacity: 0;
					}
					40%{
					opacity: 0;
					}
					60%{
					opacity: 0;
					}
					80%{
					opacity: 0;
					}
					100%{
					opacity: 1;
					}
				}
		
	}


				
@media screen and (min-width: 720px) and (max-width:  959px) {
	

	header#anaHeader{

				width: 720px;
				height: 600px;
				position: relative;
				background: url(images/arkaResimGriX940.png);
				background-size: cover;
				background-repeat: no-repeat;
				background-position: center;
				margin: auto;


			}
			header#anaHeaderAnasayfa{

			width: 100%;
			height: 550px;
			position: relative;
			background: url(images/arkaResimGri_ANASAYFAx480.png);
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center;
		}

		header#anaHeaderHkmzd{

			width: 100%;
			height: 450px;
			position: relative;
			background: url(images/arkaResimGri_HAKKIMIZDAx480.png);
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center;
			margin: auto;
		}
		header#anaHeaderiletisim320{

			width: 100%;
		height: 450px;
			position: relative;
			background: url(images/arkaResimGri_ILETISIMx480.png);
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center;
			margin: auto;
		}
		header#anaHeaderFotoGaleri{

		width: 100%;
		height: 450px;
		position: relative;
		background: url(images/arkaResimGri_FOTO_GALERix480.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		margin: auto;
		
	}
		header#anaHeaderAtolyeden{

		width: 100%;
		height: 450px;
		position: relative;
		background: url(images/arkaResimGri_ATOLYEDENx480.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		margin: auto;
	}
	header#anaHeaderAhsapKosk{

		width: 100%;
		height: 450px;
		position: relative;
		background: url(images/arkaResimGri_AHSAP_KOSKx480.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		margin: auto;
	}

		header#anaHeaderCatiTerasBahce{

		width: 100%;
		height: 450px;
		position: relative;
		background: url(images/arkaResimGri_CATI_TERASx480.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		margin: auto;
	
	}
		header#anaHeaderRestKafe{

		width: 100%;
		height: 450px;
		position: relative;
		background: url(images/arkaResimGri_REST_KAFEx480.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		margin: auto;
	}
		header#anaHeaderVillaKonut{

		width: 100%;
		height: 450px;
		position: relative;
		background: url(images/arkaResimGri_ViLLA_KONUTx480.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		margin: auto;
	}
			
			/*--- *************galeriler icin*****************---*/

			div#AhsapKoskGaleri{
			width: 100%;
			height:auto;
			margin: auto;
			/*border: 1px solid red;*/

			/*--- *************resim cercevesi*****************---*/
			}
			.UstiletisimLogo img, .UstiletisimLogoMail img {
					display: none;
				}

				img {
					border: 2px solid #880000;
					border-radius: 12px;
				}
				img:hover {
					opacity: 0.8;
					border: 2px solid #ff0000;

				}

				section.bolgeUc div#CalismaKutusu 
				div.fotoCalisma1x720 img {
				border:none;
				border-radius: 0px;
				}
				section.bolgeUc div#CalismaKutusu 
				
				div.fotoCalisma2x720 img {
				border:none;
				border-radius: 0px;
				}
				section.bolgeUc div#CalismaKutusu 
				div.fotoCalisma3x720 img {
				border:none;
				border-radius: 0px;
				}

				footer #footerAlani div.footerKutu img {
				border:none;
				border-radius: 0px;
				}
			/*--- ******************************---*/
	
			

			div#FOTOLARR  {
		width: 720px;
		height: 100%;
		float: left;
		margin-bottom: 25px;
		margin-top: 50px;
		margin-left: auto;
		margin-right: auto;
		
			
		}
		/*div#FOTOLARR  {
		position: absolute; 
	top: 400px; 
	width: 700px;
		height: 100%;
	
	 margin-left:center; ; 
 border: 1px none #000000; 
	 left: 0; 
  	  right:0; 
  	  margin: auto;
  	  float: left;
	}*/


			div#FOTOLARR img {
			width: 120px;
			height: 100px;

			}

			div#headerContainer{
				width: 100%;
				height: 900px;
				/*border: solid 1px red;*/
				position: relative;
				margin: auto;
			}

			div#ulUstSol{
			width: 1000px;
			height: 50px;
			position: relative;


			}

			ul#ulUstSol{
			list-style-type: none; 
			display: inline-block;
			float: left;
			}

			ul#ulUstSol li{
			display: inline-block;
			line-height: 50px;
			/*border-right: 1px solid #1d1d1d;*/
			padding: 0 10px;
			display: none;

			}

			ul#ulUstSol li:first-child {
			padding-left:  0;
			}

			ul#ulUstSol li:last-child {
			border-right:  0;
			}

			ul#ulUstSol li a{
				font-family: 'Arial' ;
				font-weight: bold;
				color: #ffffff;
			}

			ul#ulUstSol li a:hover{
				transition-duration: 0.5s;
			color: red;

			}

			ul#ulUstSol li ul {
			display: none;
			position: absolute;
			}
			ul#ulUstSol li:hover ul {
			display: block;


			}
			ul#ulUstSol li ul li {
			display: block;

			}
			div#UstSag{
				width: 100%;
			height: 50px;
			position: relative;
			margin: auto;
			}

			/*---------------------------------------------------*/
			div.UstiletisimLogo320tel{
		width: 25px;
		height: 19px;
		background: url(images/MailikonX320.png);
		margin-top: 10px;
		float: left;
		margin-left: 2px;
		}
									/*--mail ve tel yer degişti--*/
		div.UstiletisimLogo320mail{
		width: 25px;
		height: 19px;
		background: url(images/TelefonikonX320.png);
		margin-top: 10px;
		float: left;
		margin-left: 2px;
		}
		/*---------------------------------------------------*/

			div.UstiletisimLogo{
			width: 39px;
			height: 30px;
			margin-top: 10px;
			float: left;
			margin-left: 20px;
			}

			div.UstiletisimYazi{
			height: 50px;
			line-height: 50px;
			float: left;
			margin-left: 20px;
			color: #353535;

			}

			nav1 {

			width: 100%;
			height: 50px;
			position: absolute;
			background: rgba(0,0,0,0.2);
			top: 0px;
			margin: auto;

			}
		
 			
 			cizgiUstAnaS {
			width: 100%;
			height: 10px;
			position: absolute;
			background: rgba(0,0,0,0.65);
			top: 50px;
			margin-left: 0px;
			}

			cizgiUstHkmz {
			width: 100%;
			height: 10px;
			position: absolute;
			background: rgba(0,0,0,0.65);
			top: 50px;
			margin-left: auto;
		margin-right: auto;
		display: block;
			}

		cizgiUstFotoGlr {
		width: 100%;
		height: 10px;
		position: absolute;
		background: rgba(0,0,0,0.65);
		top: 50px;
		margin-left: 0px;
		}

		cizgiUstAtolye {
		width: 100%;
		height: 10px;
		position: absolute;
		background: rgba(0,0,0,0.65);
		top: 50px;
		margin-left: 0px;
		}
		cizgiUstAhsapKosk {
		width: 100%;
		height: 10px;
		position: absolute;
		background: rgba(0,0,0,0.65);
		top: 50px;
		margin-left: 00px;
		}
		cizgiUstTerasBahce {
		width: 100%;
		height: 10px;
		position: absolute;
		background: rgba(0,0,0,0.65);
		top:50px;
		margin-left: 0px;
		}
		cizgiUstRestoranKafe {
		width: 100%;
		height: 10px;
		position: absolute;
		background: rgba(0,0,0,0.65);
		top: 50px;
		margin-left: 0px;

		}
		cizgiUstVillaKonut {
		width: 100%;
		height: 10px;
		position: absolute;
		background: rgba(0,0,0,0.65);
		top: 50px;
		margin: auto;
		margin-left: 0px;

		}
		
		cizgiUstILETiSiM {
		width: 100%;
		height: 10px;
		position: absolute;
		background: rgba(0,0,0,0.65);
		top: 50px;
		margin-left: auto;
		margin-right: auto;
		display: block;
		}

			nav {

			width: 100%;
			height: 80px;
			margin: auto;
			position: absolute;
			background: rgba(125,114,108,0.5);
			top: 60px;


			}
			div#navContainer{

			width: 100%
			height: 80px;
			position: relative;
			/*border: 1px solid red;*/
			margin: auto;

			}
		
			div#navLogo{
				width: 180px;
				height: 75px;
				margin-top: 5px;
				background: url(images/LogoSonBeyaz180x75.png);
				float:left;
			}
			/*------büyük kategori--------*/

		ul#Kategoriler{
			list-style-type: none;
			display: inline-block;
			float:right;
			display: none;

			}
			/*ul#Kategoriler li{
			display: inline-block;
			line-height:80px;
			margin-left:5px;
			border-right: 1px solid #707070 ;
			padding-right:5px;
			padding-left:0px;
			font-size: 10px;
			}

			ul#Kategoriler li:first-child {
			padding-left:  0;
			}

			ul#Kategoriler li:last-child {
			border-right:  0;
			}

			ul#Kategoriler li a{
				font-family: 'Arial' ;
			font-weight: bold;
				color:#ffffff;
			}
			ul#Kategoriler li a:hover{
				transition-duration: 0.5s;
			color: red;
			}*/
			

			/*-----------mobil butonlar -----------*/
			/*-------------------------------------*/

			div#MobilButobCizgileri{
				width: 40px;
				height: 40px;
				position: relative;
				float: right;
				background: url(images/MobilbutonCizgileriSiyah.png);
				margin-top: 20px;
				margin-right: 10px;
			}
				div#MobilButobCizgileri:hover {
				width: 40px;
				height: 40px;
				position: relative;
				float: right;
				background: url(images/MobilbutonCizgileriKirmizi.png);
				margin-top: 20px;
				margin-right: 10px;
			}

			div.mobilButonKutusu{
				width: 500px;
				height: 500px;
				margin: auto;
				margin-top: 80px;
				float: left;
				
			}

			ul#MobilKategoriler{
				width: 500px;
				margin-left: 5%;
				margin-right: 5%;
				position: absolute;
				background: red;
				display: none;
				margin-top: 80px;
				
				
			}
			ul#MobilKategoriler li{
				text-align: center;
				border-bottom: 1px solid #ffffff;
			}

				ul#MobilKategoriler li:last-child{
					border: 0;
				}
			ul#MobilKategoriler li a{
				width: 500px;
				line-height: 40px;
				color: #ffffff;
				display: block;
			}
			ul#MobilKategoriler li a:hover{
				background: #ffffff;
				color: red;
			}


			/*-------------------------------------*/

			div#HeaderYazilari{
			margin-top: 150px;
			color:#000000;
			}

			div#HeaderYazilari h1{

			line-height:  80px;
			font-size:30px;
			color: #ff0000;
			text-shadow: 5px 5px 5px #000000;
			text-align: center;
			}

			div#HeaderYazilari h2{
				width: 600px;
			font-family: 'Arial' ;
			margin-top: 25px;
			line-height:  30px;
			font-size: 18px;
			color:#000000;
			/*text-shadow: 1px 1px 3px #000000;*/
			text-align: center;
			margin-left: auto;
			margin-right: auto;

			}

			div#HeaderYazilari p{
				margin-top: 40px;
			line-height:  30px;
			font-size: 20px;
			color:#000000;
			text-align: center;
			/*text-shadow: 1px 1px 1px #000;*/
			/*display: inline-block;*/

			}
			div#HeaderYazilari2{
			width: 700px;
			height: 100%;
			margin-top: 150px;
			margin-left: auto;
			margin-right: auto;
			color:#000000;
			text-align: center;
		}

		div#HeaderYazilari2 h1{
		line-height:  60px;
		font-size:25px;
		color: #ff0000;
		text-shadow: 3px 3px 3px #000000;
		text-align: center;
		margin-left: 0px;
		}

		div#HeaderYazilari3{
				width: 100%;
				height: 100%;
			margin-top:-140px;
			color:#000000;
			text-align: center;
			float: left;
		
			margin: auto;
			}

			div#HeaderYazilari3 h1{
				line-height:  60px;
			font-size:25px;
			color: #ff0000;
			text-shadow: 3px 3px 3px #000000;
			text-align: center;
			margin-left: 10px;
			}
			div#HeaderYazilari3 h2{
				line-height:  30px;
			font-size:18px;
				color:#000000;
			font-weight: normal;
			text-align: center;
			margin-left: 10px;
			}

			div#HeaderYazilari4{
				width: 100%;
				height: 100%;
			margin-top:-100px;
			margin-bottom: 50px;
			color:#000000;
			text-align: center;
			float: left;
			margin-left: auto;
			margin-right: auto;
			}

			div#HeaderYazilari4 h1{
				line-height:  60px;
			font-size:25px;
			color: #ff0000;
			text-shadow: 3px 3px 3px #000000;
			text-align: center;
			margin-left: 10px;

			}
			div#HeaderYazilari4 h2{
				line-height:  40px;
			font-size:18px;
				color:#000000;
			font-weight: normal;
			text-align: center;
			
			}
			div#HeaderYazilari4 p{
				line-height:  50px;
			font-size:18px;
				color:#000000;
			font-weight: normal;
			text-align: center;
			
			}
			div#HeaderYazilari5{
				width: 100%;
				height: 100%;
			margin-top:180px;
			margin-bottom: -150px;
			color:#000000;
			text-align: center;
			float: left;
			margin-left: auto;
			margin-right: auto;
			}

			div#HeaderYazilari5 h1{
				line-height:  60px;
			font-size:25px;
			color: #ff0000;
			text-shadow: 3px 3px 3px #000000;
			text-align: center;
			margin-left: 10px;
			margin-bottom: 50px;

			}
			div#HeaderYazilari5 h2{
				width: 550px;
				height: 25px;
				padding-bottom: 5px;
				line-height:  40px;
			font-size:18px;
			
				color:#000000;
			font-weight: normal;
			text-align: center;
				margin-left: auto;
			margin-right: auto;
			display: inline-block;
			
			}
			div#HeaderYazilari4iletisim{
				width: 100%;
				height: 100%;
			margin-top: 150px;
			margin-bottom: 50px;
			color:#000000;
			text-align: center;
			float: left;
			margin-left: auto;
			margin-right: auto;

			}


			div#HeaderYazilari4iletisim h1{
				line-height:  60px;
			font-size:25px;
			color: #ff0000;
			text-shadow: 3px 3px 3px #000000;
			text-align: center;
			margin-left: 10px;

			}
			div#HeaderYazilari4iletisim p{
				line-height:  40px;
			font-size:18px;
				color:#000000;
			font-weight: normal;
			text-align: center;
			
			}

			div#HeaderYazilariFotoGaleri{
			width: 700px;
			height: 100%;
			margin-top: 150px;
			margin-left: auto;
			margin-right: auto;
		
			color:#000000;
			text-align: center;
		}

		div#HeaderYazilariFotoGaleri h1{
			line-height:  60px;
		font-size:25px;
		color: #ff0000;
		text-shadow: 3px 3px 3px #000000;
		text-align: center;
		margin-left: 0px;
		}

		/*-----------HARİTA-----------*/

			section.harita{
			width: 720px;
			height: 250px;
			position: relative;
			border: 3px solid blue;
			margin-top:250px;
			margin-bottom: 0px;
			margin-left: auto;
			margin-right: auto;
			}


			/*-----------HARİTA-----------*/

			.iletisimKutu{

			width: 500px;
			height: 520px;
			/*border: 1px solid red;*/
			margin: auto;
			line-height: 5px;
			}

			/*-----------Section başı -----------*/

				/************bölge bir ********/
			section.bolgeBir{
			width:720px;
			height: auto;
			position: relative;
			margin: auto;
			/*border: 2px solid green;*/
			}
			section.bolgeBir h1{
			text-align: center;
			margin-top: 20px;
			margin-bottom: 30px;
			font-size: 18px;

			}
			section.bolgeBir div.slider{
				/*float: left;*/
				margin: auto;
			}

			/*section.bolgeBir img{
			width: 500px;
			height: 375px;
			border: 2px solid #ffffff;
			margin-top: 0px;
			padding: 0px;
			box-sizing: border-box;
			float: left;
			}*/

			.bolgeBir div.AnasayfaYazisi{
				width: 450px;
				height: 338px;
				margin: auto;
				margin-top: 20px;
				
				background-image: url(images/anasayfaYazisix940.png);
			 	/*float: right;*/
			 	background-repeat: no-repeat;
			 	display: none;

			}
			.bolgeBir div.AnasayfaYazisi720{
				width: 720px;
				height: 400px;
				margin: auto;
				margin-top: 50px;
				margin-bottom: 140px;
				margin-left: 0px;
				text-align: center;
				background-repeat: no-repeat;
				


				}
				.bolgeBir div.AnasayfaYazisi720 h1{
				width: 600px;
				height: 50px;
				margin: auto;
				
					font-size: 15px;
					font-weight: bold;
				background-repeat: no-repeat;
				}
				.bolgeBir div.AnasayfaYazisi720 h2{
					width:600px;
					font-size: 15px;
					font-weight: normal;
					line-height: 25px;
					
					margin: auto;

				}

			/*section.bolgeBir article {
				width: 580px;
				height: 418px;
				margin-top: -410px;
				order: 1px solid #ff0000;
				float: right;
			}  
			   
			section.bolgeBir article p{
				font-family:'Arial';
				font-weight: bold;
				margin-top: 17px;
			}
			section.bolgeBir article h3{
				font-size: 18px;
				font-family:'Arial';
				font-weight: normal;
				margin-top: -28px;

				
			}*/
					/************bölge iki ********/
			section.bolgeiki {
				width: 720px;
				height:285px;
				position: relative;
				background: #000000;
				/*border: 1px solid #ff0000;*/
				margin: auto;
				margin-top: 20px;
			}
			/*------------------------------*/
			section.bolgeiki div#bolgeikiicfoto01 {
				width: 176px;
				height:132px;
				float: left;
				margin-left: 10px;
				margin-top: 10px;
			}
			section.bolgeiki div#bolgeikiicfoto01 img{
				width: 176px;
				height:132px;
			opacity:0.5; 
			transition: all .3s ease-in-out;
			}
			section.bolgeiki div#bolgeikiicfoto01 img:hover{
				opacity: 1;
				transform: scale(1.02);
			}
			/*-----------------*/
			section.bolgeiki div#bolgeikiicfoto02 {
				width: 176px;
				height:132px;
				float: left;
				margin-top: 10px;
			}
			section.bolgeiki div#bolgeikiicfoto02 img{
				width: 176px;
				height:132px;
			opacity:0.5; 
			transition: all .3s ease-in-out;
			}
			section.bolgeiki div#bolgeikiicfoto02 img:hover{
				opacity: 1;
				transform: scale(1.02);
			}
			/*-----------------*/
			section.bolgeiki div#bolgeikiicfoto03 {
			width: 176px;
				height:132px;
				float: left;
				margin-top: 10px;
			}
			section.bolgeiki div#bolgeikiicfoto03 img{
				width: 176px;
				height:132px;
			float: left;
			opacity:0.5; 
			transition: all .3s ease-in-out;
			}
			section.bolgeiki div#bolgeikiicfoto03 img:hover{
				opacity: 1;
				transform: scale(1.02);
			}
			/*-----------------*/
			section.bolgeiki div#bolgeikiicfoto04 {
			width: 179px;
				height:134px;
				float: left;
				margin-top: 10px;
			}
			section.bolgeiki div#bolgeikiicfoto04 img{
				width: 176px;
				height:132px;
			float: left;
			opacity:0.5; 
			transition: all .3s ease-in-out;
			}
			section.bolgeiki div#bolgeikiicfoto04 img:hover{
				opacity: 1;
				transform: scale(1.02);
			}
			/*-----------------*/
			section.bolgeiki div#bolgeikiicfoto05 {
				width: 176px;
				height:132px;
				float: left;
				margin-left: 10px;
			}
			section.bolgeiki div#bolgeikiicfoto05 img{
				width: 176px;
				height:132px;
			float: left;
			opacity:0.5; 
			transition: all .3s ease-in-out;
			}
			section.bolgeiki div#bolgeikiicfoto05 img:hover{
				opacity: 1;
				transform: scale(1.02);
			}
			/*-----------------*/
			section.bolgeiki div#bolgeikiicfoto06 {
				width: 176px;
				height:132px;
				float: left;

			}
			section.bolgeiki div#bolgeikiicfoto06 img{
				width: 176px;
				height:132px;
			float: left;
			opacity:0.5; 
			transition: all .3s ease-in-out;
			}
			section.bolgeiki div#bolgeikiicfoto06 img:hover{
				opacity: 1;
				transform: scale(1.02);
			}
			/*-----------------*/
			section.bolgeiki div#bolgeikiicfoto07 {
				width: 176px;
				height:132px;
				float: left;
			}
			section.bolgeiki div#bolgeikiicfoto07 img{
				width: 176px;
				height:132px;
			float: left;
			opacity:0.5; 
			transition: all .3s ease-in-out;
			}
			section.bolgeiki div#bolgeikiicfoto07 img:hover{
				opacity: 1;
				transform: scale(1.02);
			}
			/*-----------------*/
			section.bolgeiki div#bolgeikiicfoto08 {
				width: 176px;
				height:132px;
				float: left;
			}
			section.bolgeiki div#bolgeikiicfoto08 img{
				width: 176px;
				height:132px;
			float: left;
			opacity:0.5; 
			transition: all .3s ease-in-out;
			}
			section.bolgeiki div#bolgeikiicfoto08 img:hover{
				opacity: 1;
				transform: scale(1.02);
			}

			/*------------------------------------*/
			/*------------------------------------*/

			section.bolgeiki  div#galeriLinkKutusu{
				width: 528px;
				height: 150px;
				position: absolute;
				border: 1px solid #ffffff;
				text-align: center;
				margin-left: 90px;
				margin-top:70px;
			}
			section.bolgeiki  div#galeriLinkKutusu h1{
				color: #ffffff;
				line-height: 60px;
				margin-top:10px;
			}
			section.bolgeiki  div#galeriLinkKutusu a{
			width: 350px;
			height: 50px;
			border: 1px solid #ffffff;
			display: inline-block;
			color: #ffffff;
			line-height: 50px;
			font-size: 20px;
			transition: all .4s ease-in-out;
			}
			section.bolgeiki  div#galeriLinkKutusu a:hover{

			background: #c20000;
			}

				/************bölge iki  sonu********/
			/************bölge üç **************************/

			section.bolgeUc div#CalismaKutusu{
			width: 720px;
			height: 1100px;
			position: relative;
			
			margin-top: 20px;
				margin-bottom: 30px;
			/*border: 1px solid #ff0000;*/

			text-align: center;
			margin: auto;


			}
			section.bolgeUc div#CalismaKutusu h1{
			margin-top: 40px;	

			}

				div.fotoCalisma1x320,
				div.fotoCalisma1x480,
				div.fotoCalisma1x940,
			   	div.fotoCalisma1x1240, 

				div.fotoCalisma2x320,
			 	div.fotoCalisma2x480,
				div.fotoCalisma2x940,
				div.fotoCalisma2x1240,

				div.fotoCalisma3x320,
				div.fotoCalisma3x480,
				div.fotoCalisma3x940,
				div.fotoCalisma3x1240 {
					display: none;
			}

			section.bolgeUc div#CalismaKutusu div.fotoCalisma1x720 {
			position: relative;
				height: 430px;
				float: left;
				margin-left: 110px;
				overflow: hidden;
			}
			section.bolgeUc div#CalismaKutusu div.fotoCalisma1x720 img{

				height: 356px;
				margin-top: 30px;
			}
			section.bolgeUc div#CalismaKutusu div.fotoCalisma1x720 div.fotoCalismaHover1{
			width: 200px;
			height: 356px;
			background: red;
			position: absolute;
			top: 30px;
			left: -225px;
			transition: all .5s ease;
			background: url(images/yeni01kx700.jpg);
			}
			section.bolgeUc div#CalismaKutusu div.fotoCalisma1x720:hover div.fotoCalismaHover1{
			left: 0;
			}

			div.fotoCalisma2x720{
				position: relative;
				width: 173px;
				height: 356px;
				margin-left: 70px;
				top:30px;
				margin-bottom:0px; 
				float: left;
				overflow: hidden;

			}

			section.bolgeUc div#CalismaKutusu div.fotoCalisma2x720 div.fotoCalismaHover2{
			width: 173px;
			height: 356px;
			background: red;
			position: absolute;
			top: 0px;
			/*left: -225px;*/
			opacity: 0;
			transition:  opacity .5s ease;
			background: url(images/yeni02kx700.jpg);

			}
			section.bolgeUc div#CalismaKutusu div.fotoCalisma2x720:hover div.fotoCalismaHover2{
			left: 0;
			opacity: 1;

			}
				

			div.fotoCalisma3x720{
				position: relative;
				width: 700px;
				height: 525px;
				float: left;
				overflow: hidden;
			
				margin: auto;
			}

			section.bolgeUc div#CalismaKutusu div.fotoCalisma3x720 div.fotoCalismaHover3{
			width: 700px;
			height: 525px;
			background: red;
			position: absolute;
			top: 0px;
			margin-bottom: 50px;
			left:720px;
			transition: all 1s ease;
			background: url(images/yeni03kx700.jpg);
			}
			section.bolgeUc div#CalismaKutusu div.fotoCalisma3x720:hover div.fotoCalismaHover3{
			left: 0;
			}

			/*--------------footer baslangıcı-----------*/

			footer{
				width: 100%;
				height: 450px;
				margin-left: auto;
				margin-right: auto;

				position: relative;
				background: url(images/footer-bg.png);
				margin-top: 150px;
				float: left;
			}
			footer div#footerAlani{
			width: 100%;
			position: relative;
			margin: auto;
			margin-top: -5px;
			padding:13px 0; 
			}

			footer div#footerAlani div.footerKutu{
				width:340px;
				position:  relative;
				float: left;
				margin-left: 20px;
			}
			footer div#footerAlani div.footerKutu a img{
				width: 50px;
				height: 50px;
				margin-top: 50px;
			}
			footer div#footerAlani div.footerKutu h1 img{
				width: 250px;
				height: 100px;
			}
			/*------------------*/
			footer div#footerAlani div.footerKutu h2{
				font-size: 25px;
				line-height: 100px;
				border-bottom: 2px solid #ffa500;
				margin-top:0px;
				text-align: center;
				color: #b40000;
				text-shadow: 2px 2px 2px #000;
			}
			footer div#footerAlani div.footerKutu p{
			line-height: 15px;
			color: #ffffff;
			margin-bottom: 5px;
			}
			footer div#copyright{
				width: 100%;
				background: #000000;
				color: #ffffff;
				font-size: 14px;
				padding-left: 10px;
				padding-top: 25px;
				padding-bottom:  25px;
				padding-right: 10px;

			}
			footer div#copyright div#DesignBy{
			float: right;
			padding-right: 20px;
			}
			footer div#copyright div#DesignBy a{
			color:#1fff00
			}

			/*-----********fade slider ********-----------*/
			.slider{
			width: 450px;
				height: 338px;

			padding: 5px;
			border: 4px solid #ff0000;


			}
			.slide1,.slide2,.slide3,.slide4,.slide5{

			position: absolute;
			width: 450px;
				height: 338px;
			box-sizing: border-box;

			}
			.slide1{
			background-image: url(images/atolye01.jpg);
			background-repeat:no-repeat;
			background-size: cover;
			animation: fade1 20s infinite;
			}
			.slide2{
			background-image: url(images/atolye02.jpg);
			background-repeat:no-repeat;
			background-size: cover;
			animation: fade2 20s infinite;
			}
			.slide3{
			background-image: url(images/atolye03.jpg);
			background-repeat:no-repeat;
			background-size: cover;
			animation: fade3 20s infinite;
			}
			.slide4{
			background-image: url(images/atolye04.jpg);
			background-repeat:no-repeat;
			background-size: cover;
			animation: fade4 20s infinite;
			}
			.slide5{
			background-image: url(images/atolye05.jpg);
			background-repeat:repeat;
			background-size: cover;
			animation: fade5 20s infinite;
			}
			@keyframes fade1{
				0%{
				opacity: 0;
				}
				20%{
				opacity: 1;
				}
				40%{
				opacity: 0;
				}
				60%{
				opacity: 0;
				}
				80%{
				opacity: 0;
				}
				100%{
				opacity: 0;
				}
			}
			@keyframes fade2{
				0%{
				opacity: 0;
				}
				20%{
				opacity: 0;
				}
				40%{
				opacity: 1;
				}
				60%{
				opacity: 0;
				}
				80%{
				opacity: 0;
				}
				100%{
				opacity: 0;
				}
			}
			@keyframes fade3{
				0%{
				opacity: 0;
				}
				20%{
				opacity: 0;
				}
				40%{
				opacity: 0;
				}
				60%{
				opacity: 1;
				}
				80%{
				opacity: 0;
				}
				100%{
				opacity: 0;
				}
			}
			@keyframes fade4{
				0%{
				opacity: 1;
				}
				20%{
				opacity: 0;
				}
				40%{
				opacity: 0;
				}
				60%{
				opacity: 0;
				}
				80%{
				opacity: 1;
				}
				100%{
				opacity: 0;
				}
			}
			@keyframes fade5{
				0%{
				opacity: 1;
				}
				20%{
				opacity: 0;
				}
				40%{
				opacity: 0;
				}
				60%{
				opacity: 0;
				}
				80%{
				opacity: 0;
				}
				100%{
				opacity: 1;
				}
			

	}
}

@media screen and (min-width: 480px) and (max-width: 719px){



	/*--- *************galeriler icin*****************---*/





			header#anaHeader{

				width: 100%;
				height: 600px;
				position: relative;
				background: url(images/arkaResimGriX940.png);
				background-size: cover;
				background-repeat: no-repeat;
				background-position: center;
				margin: auto;


			}
			header#anaHeaderAnasayfa{

			width: 100%;
			height: 400px;
			position: relative;
			background: url(images/arkaResimGri_ANASAYFAx480.png);
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center;
		}

		header#anaHeaderHkmzd{

			width: 100%;
			height: 400px;
			position: relative;
			background: url(images/arkaResimGri_HAKKIMIZDAx480.png);
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center;
			margin: auto;
		}
		header#anaHeaderiletisim320{

			width: 100%;
		height: 400px;
			position: relative;
			background: url(images/arkaResimGri_ILETISIMx480.png);
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center;
			margin: auto;
		}
		header#anaHeaderFotoGaleri{

		width: 100%;
		height: 400px;
		position: relative;
		background: url(images/arkaResimGri_FOTO_GALERix480.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		margin: auto;
		

	}
		header#anaHeaderAtolyeden{

		width: 100%;
		height: 400px;
		position: relative;
		background: url(images/arkaResimGri_ATOLYEDENx480.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		margin: auto;
	}
	header#anaHeaderAhsapKosk{

		width: 100%;
		height: 400px;
		position: relative;
		background: url(images/arkaResimGri_AHSAP_KOSKx480.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		margin: auto;
	}

		header#anaHeaderCatiTerasBahce{

		width: 100%;
		height: 400px;
		position: relative;
		background: url(images/arkaResimGri_CATI_TERASx480.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		margin: auto;
	
	}
		header#anaHeaderRestKafe{

		width: 100%;
		height: 400px;
		position: relative;
		background: url(images/arkaResimGri_REST_KAFEx480.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		margin: auto;
	}
		header#anaHeaderVillaKonut{

		width: 100%;				
		height: 400px;
		position: relative;
		background: url(images/arkaResimGri_ViLLA_KONUTx480.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		margin: auto;
	}
		

			div#AhsapKoskGaleri{
			width: 460px;
			
			margin-left:0px;
		}
			
			

			/*--- *************resim cercevesi*****************---*/
			
					.UstiletisimLogo img, .UstiletisimLogoMail img {
					display: none;
				}

				img {
					border: 2px solid #880000;
					border-radius: 12px;
				}
				img:hover {
					opacity: 0.8;
					border: 2px solid #ff0000;

				}

				section.bolgeUc div#CalismaKutusu 
				div.fotoCalisma1x480 img {
				border:none;
				border-radius: 0px;
				}
				section.bolgeUc div#CalismaKutusu 
				
				div.fotoCalisma2x480 img {
				border:none;
				border-radius: 0px;
				}
				section.bolgeUc div#CalismaKutusu 
				div.fotoCalisma3x480 img {
				border:none;
				border-radius: 0px;
				}

				footer #footerAlani div.footerKutu img {
				border:none;
				border-radius: 0px;
				}

			/*--- ******************************---*/
			
				div#FOTOLARR  {
			width: 450px;
			height: 100%;
			float: left;
			margin-bottom: 25px;
			margin-top: 50px;
			
			
			

		}

			div#FOTOLARR img {
			width: 120px;
			height: 100px;

			}


			ul#ulUstSol li{
			display: inline-block;
			line-height: 50px;
		
			padding: 0 10px;
			display: none;
			}

			div#UstSag{
				width: 100%;
			height: 50px;
			position: relative;
			margin: auto;
			}
			/*---------------------------------------------------*/
			div.UstiletisimLogo320tel{
		width: 25px;
		height: 19px;
		background: url(images/MailikonX320.png);
		margin-top: 10px;
		float: left;
		margin-left: 2px;
		}
									/*--mail ve tel yer degişti--*/
		div.UstiletisimLogo320mail{
		width: 25px;
		height: 19px;
		background: url(images/TelefonikonX320.png);
		margin-top: 10px;
		float: left;
		margin-left: 2px;
		}
		/*---------------------------------------------------*/
			div.UstiletisimLogo{
			width: 39px;
			height: 30px;
			margin-top: 10px;
			float: left;
			margin-left: 10px;
			}

			div.UstiletisimYazi{
			height: 40px;
			line-height: 50px;
			font-size: 12px;
			float: left;
			margin-left: 10px;
			color: #353535;

			}

			nav1 {

			width: 100%;
			height: 50px;
			position: absolute;
			background: rgba(0,0,0,0.2);
			top: 0px;
			margin: auto;

			}
			cizgiUstHkmz {
		width: 100%;
		height: 10px;
		position: absolute;
		background: rgba(0,0,0,0.65);
		top: 50px;
		margin-left: auto;
		margin-right: auto;
		display: block;
		
		}
		cizgiUstAnaS {
			width: 100%;
			height: 10px;
			position: absolute;
			background: rgba(0,0,0,0.65);
			top: 50px;
			margin-left: -0px;
			}
		cizgiUstFotoGlr {
		width: 100%;
		height: 10px;
		position: absolute;
		background: rgba(0,0,0,0.65);
		top: 50px;
		margin-left: 0px;
		}

		cizgiUstAtolye {
		width: 100%;
		height: 10px;
		position: absolute;
		background: rgba(0,0,0,0.65);
		top: 50px;
		margin-left: 0px;
		}
		cizgiUstAhsapKosk {
		width: 100%;
		height: 10px;
		position: absolute;
		background: rgba(0,0,0,0.65);
		top: 50px;
		margin-left: 0px;
		}
		cizgiUstTerasBahce {
		width: 100%;
		height: 10px;
		position: absolute;
		background: rgba(0,0,0,0.65);
		top:50px;
		margin-left: 0px;
		}
		cizgiUstRestoranKafe {
		width: 100%;
		height: 10px;
		position: absolute;
		background: rgba(0,0,0,0.65);
		top: 50px;
		margin-left: 0px;

		}
		cizgiUstVillaKonut {
		width: 100%;
		height: 10px;
		position: absolute;
		background: rgba(0,0,0,0.65);
		top: 50px;
		margin: auto;
		margin-left: 0px;
		}
		
		cizgiUstILETiSiM {
		width: 100%;
		height: 10px;
		position: absolute;
		background: rgba(0,0,0,0.65);
		top: 50px;
		margin-left: 0px;
		margin-left: auto;
		margin-right: auto;
		display: block;
		}
			

			nav {

			width: 100%;
			height: 80px;
			margin: auto;
			position: absolute;
			background: rgba(125,114,108,0.5);
			top: 60px;
			margin: auto;
			}

			div#navLogo{
				width: 180px;
				height: 75px;
				margin-top: 5px;
				background: url(images/LogoSonBeyaz180x75.png);
				float:left;
			}

			/*------büyük kategori--------*/

			ul#Kategoriler{
			list-style-type: none;
			display: inline-block;
			float:right;
			display: none;
			}

			/*-----------mobil butonlar -----------*/
			/*-------------------------------------*/
			div#MobilButobCizgileri{
				width: 40px;
				height: 40px;
				position: relative;
				float: right;
				background: url(images/MobilbutonCizgileriSiyah.png);
				margin-top: 20px;
				margin-right: 10px;
			
			}
				div#MobilButobCizgileri:hover {
				width: 40px;
				height: 40px;
				position: relative;
				float: right;
				background: url(images/MobilbutonCizgileriKirmizi.png);
				margin-top: 20px;
				margin-right: 10px;
			}
			ul#MobilKategoriler{
				width: 300px;
				margin-left: 5%;
				margin-right: 5%;
				position: absolute;
				background: red;
				display: none;
				margin-top: 80px;
			
				
			}
			ul#MobilKategoriler li{
				text-align: center;
				border-bottom: 1px solid #ffffff;
			}

				ul#MobilKategoriler li:last-child{
					border: 0;
				}
			ul#MobilKategoriler li a{
				width: 300px;
				line-height: 40px;
				color: #ffffff;
				display: block;

			}
			ul#MobilKategoriler li a:hover{
				background: #ffffff;
				color: red;
			}

			/*-------------------------------------*/

			div#HeaderYazilari{
			width: 440px;
			height: 100%;
			margin-top: 100px;
			margin-right: auto;
			margin-left: auto;
			color:#000000;
			}

			div#HeaderYazilari h1{

			line-height:  80px;
			font-size:30px;
			color: #ff0000;
			text-shadow: 5px 5px 5px #000000;
			text-align: center;
			}

			div#HeaderYazilari h2{
			font-family: 'Arial' ;
			margin-top: 25px;
			margin-left:10px;
			margin-right: 10px; 
			line-height:  40px;
			font-size: 18px;
			color:#000000;
			text-align: center;
			margin-bottom: 50px;
			}

			div#HeaderYazilari p{
				margin-top: 40px;
			line-height:  30px;
			font-size: 18px;
			color:#000000;
			text-align: center;
		 font-weight: normal;

			}
			

		div#HeaderYazilari2{
			width: 440px;
			height: 100%;
			margin-top: 150px;
			margin-left: auto;
			margin-right: auto;
		
			color:#000000;
			text-align: center;
		}

		div#HeaderYazilari2 h1{
			line-height:  60px;
		font-size:25px;
		color: #ff0000;
		text-shadow: 3px 3px 3px #000000;
		text-align: center;
		margin-left:0px;
		}
		div#HeaderYazilari3{
			width: 480px;
			height: 100%;
		margin-top:-80px;
		color:#000000;
		text-align: center;
		margin-right: auto;
		margin-left: auto;
		float: left;
		}

		div#HeaderYazilari3 h1{
			line-height:  60px;
		font-size:25px;
		color: #ff0000;
		text-shadow: 3px 3px 3px #000000;
		text-align: center;
		margin-left: 0px;

		}
		div#HeaderYazilari3 h2{
		font-family: 'Arial' ;
		margin-top: 20px;
		line-height:  25px;
		font-size: 16px;
		font-weight: normal;
		color:#000000;
		/*text-shadow: 1px 1px 3px #000000;*/
		text-align: center;
		margin-left: 0px;

		}
		/*div#HeaderYazilari4{
			width: 100%;
			height: 100%;
		margin-top:-80px;
		color:#000000;
		text-align: center;
			margin-bottom: 50px;
		float: left;
		margin-left: auto;
		margin-right: auto;
		/*border: 2px solid blue;
		}
		div#HeaderYazilari4 h1{
			line-height:  60px;
		font-size:25px;
		color: #ff0000;
		text-shadow: 3px 3px 3px #000000;
		text-align: center;
		margin-left: 10px;
		}
		div#HeaderYazilari4 h2{
			margin-top: 40px;
		line-height:  30px;
		font-size: 18px;
		font-weight: normal;
		color:#000000;
		text-align: center;
		}
		div#HeaderYazilari4 p{
				line-height:  40px;
			font-size:18px;
				color:#000000;
			font-weight: normal;
			text-align: center;
			
			}*/
			div#HeaderYazilari5{
			width: 100%;
			height: 100%;
		margin-top:150px;
		color:#000000;
		text-align: center;
			margin-bottom: -180px;
		float: left;
		margin-left: auto;
		margin-right: auto;
		/*border: 2px solid blue;*/
		}
		div#HeaderYazilari5 h1{
			line-height:  60px;
		font-size:25px;
		color: #ff0000;
		text-shadow: 3px 3px 3px #000000;
		text-align: center;
		margin-left: -10px;
		}
		div#HeaderYazilari5 h2{
			margin-top: 40px;

		line-height:  30px;
		font-size: 18px;
		font-weight: normal;
		color:#000000;
		text-align: center;
		}
		/*----------------------------------------*/
		div#HeaderYazilari4iletisim{
			width: 100%;
			height: 100%;
		margin-top:150px;
		color:#000000;
		text-align: center;
			margin-bottom: 150px;
		float: left;
		margin-left: auto;
		margin-right: auto;
		/*border: 2px solid blue;*/
		}
		div#HeaderYazilari4iletisim h1{
			line-height:  60px;
		font-size:25px;
		color: #ff0000;
		text-shadow: 3px 3px 3px #000000;
		text-align: center;
		margin-left: -10px;
		}
		div#HeaderYazilari4iletisim p{
			margin-top: 40px;
		line-height:  20px;
		font-size: 18px;
		font-weight: normal;

		color:#000000;
		text-align: center;

		}
			div#HeaderYazilariFotoGaleri{
			width: 460px;
			height: 100%;
			margin-top: -200px;
			color:#000000;
			text-align: center;
			margin-right: auto;
			margin-left: auto;
			}
			div#HeaderYazilariFotoGaleri h1{
			line-height:  60px;
			font-size:23px;
			color: #ff0000;
			text-shadow: 3px 3px 3px #000000;
			text-align: center;
			margin-left: 0px;

			}

		/*-----------HARİTA-----------*/

			section.harita{
			width: 480px;
			height: 250px;
			position: relative;
			border: 1px solid red;
			margin-top:150px;
			margin-bottom: 50px;
			margin-left: auto;
			margin-right: auto;
			}


			/*-----------HARİTA-----------*/	

			.iletisimKutu{

			width: 500px;
			height: 520px;
			/*border: 1px solid red;*/
			margin: auto;
			line-height: 5px;
			}

			/*-----------HARİTA-----------*/

			section.harita{
			width: 480px;
			height: 250px;
			position: relative;
			border: 3px solid blue;
			margin-top:350px;
			margin-bottom: 0px;
			margin-left: auto;
			margin-right: auto;
			}


			/*-----------HARİTA-----------*/
			/*-----------Section başı -----------*/

				/************bölge bir ********/
			section.bolgeBir{
			width:460px;
			height: auto;
			position: relative;
			margin: auto;
			margin-top: 200px;
			/*border: 2px solid green;*/
			}
			section.bolgeBir h1{
			text-align: center;
			margin-top: 18px;
			margin-bottom: 30px;
			font-size: 18px;

			}
			section.bolgeBir div.slider{
				/*float: left;*/
				margin: auto;
			}

			/*section.bolgeBir img{
			width: 500px;
			height: 375px;
			border: 2px solid #ffffff;
			margin-top: 0px;
			padding: 0px;
			box-sizing: border-box;
			float: left;
			}*/

			.bolgeBir div.AnasayfaYazisi{
				width: 450px;
				height: 338px;
				margin: auto;
				margin-top: 20px;
				
				background-image: url(images/anasayfaYazisix940.png);
			 	/*float: right;*/
			 	background-repeat: no-repeat;
			 	display: none;

			}
			.bolgeBir div.AnasayfaYazisi720{
				width: 470px;
				height: 450px;
				margin: auto;
				margin-top: 50px;
				margin-bottom: 120px;
				margin-left: -10px;
				text-align: center;
				background-repeat: no-repeat;
				/*border: 1px solid #ff0000;*/


				}
				.bolgeBir div.AnasayfaYazisi720 h1{
				width: 500px;
				height: 50px;

				margin: auto;
					font-size: 15px;
					font-weight: bold;
				background-repeat: no-repeat;
				}
				.bolgeBir div.AnasayfaYazisi720 h2{
					width: 470px;
					font-size: 15px;
					font-weight: normal;
					line-height: 25px;

				}

			/*section.bolgeBir article {
				width: 580px;
				height: 418px;
				margin-top: -410px;
				order: 1px solid #ff0000;
				float: right;
			}  
			   
			section.bolgeBir article p{
				font-family:'Arial';
				font-weight: bold;
				margin-top: 17px;
			}
			section.bolgeBir article h3{
				font-size: 18px;
				font-family:'Arial';
				font-weight: normal;
				margin-top: -28px;

				
			}*/

					/************bölge iki ********/
					/************bölge iki ********/
			section.bolgeiki {
				width: 280px;
				height:410px;
				/*position: relative;*/
				background: #000000;
				/*border: 1px solid #ff0000;*/
				margin: auto;
				margin-top: -10px;
			}
			/*------------------------------*/
			section.bolgeiki div#bolgeikiicfoto01 {
				width: 124px;
				height:90px;
				float: left;
				margin-left: 10px;
				margin-top: 10px;
			}
			section.bolgeiki div#bolgeikiicfoto01 img{
				width: 124px;
				height:90px;
			opacity:0.5; 
			transition: all .3s ease-in-out;
			}
			section.bolgeiki div#bolgeikiicfoto01 img:hover{
				opacity: 1;
				transform: scale(1.02);
			}
			/*-----------------*/
			section.bolgeiki div#bolgeikiicfoto02 {
				width: 124px;
				height:90px;
				float: left;
				margin-left: 10px;
				margin-top: 10px;
			}
			section.bolgeiki div#bolgeikiicfoto02 img{
				width: 124px;
				height:90px;
			opacity:0.5; 
			transition: all .3s ease-in-out;
			}
			section.bolgeiki div#bolgeikiicfoto02 img:hover{
				opacity: 1;
				transform: scale(1.02);
			}
			/*-----------------*/
			section.bolgeiki div#bolgeikiicfoto03 {
			width: 124px;
				height:90px;
				float: left;
				margin-left: 10px;
				margin-top: 10px;
			}
			section.bolgeiki div#bolgeikiicfoto03 img{
				width: 124px;
				height:90px;
			float: left;
			opacity:0.5; 
			transition: all .3s ease-in-out;
			}
			section.bolgeiki div#bolgeikiicfoto03 img:hover{
				opacity: 1;
				transform: scale(1.02);
			}
			/*-----------------*/
			section.bolgeiki div#bolgeikiicfoto04 {
			width: 124px;
				height:90px;
				float: left;
				margin-left: 10px;
				margin-top: 10px;
			}
			section.bolgeiki div#bolgeikiicfoto04 img{
				width: 124px;
				height:90px;
			float: left;
			opacity:0.5; 
			transition: all .3s ease-in-out;
			}
			section.bolgeiki div#bolgeikiicfoto04 img:hover{
				opacity: 1;
				transform: scale(1.02);
			}
			/*-----------------*/
			section.bolgeiki div#bolgeikiicfoto05 {
				width: 124px;
				height:90px;
				float: left;
				margin-left: 10px;
				margin-top: 10px;
			}
			section.bolgeiki div#bolgeikiicfoto05 img{
				width: 124px;
				height:90px;
			float: left;
			opacity:0.5; 
			transition: all .3s ease-in-out;
			}
			section.bolgeiki div#bolgeikiicfoto05 img:hover{
				opacity: 1;
				transform: scale(1.02);
			}
			/*-----------------*/
			section.bolgeiki div#bolgeikiicfoto06 {
				width: 124px;
				height:90px;
				float: left;
				margin-left: 10px;
				margin-top: 10px;

			}
			section.bolgeiki div#bolgeikiicfoto06 img{
				width: 124px;
				height:90px;
			float: left;
			opacity:0.5; 
			transition: all .3s ease-in-out;
			}
			section.bolgeiki div#bolgeikiicfoto06 img:hover{
				opacity: 1;
				transform: scale(1.02);
			}
			/*-----------------*/
			section.bolgeiki div#bolgeikiicfoto07 {
				width: 124px;
				height:90px;
				float: left;
				margin-left: 10px;
				margin-top: 10px;
			}
			section.bolgeiki div#bolgeikiicfoto07 img{
				width: 124px;
				height:90px;
			float: left;
			opacity:0.5; 
			transition: all .3s ease-in-out;
			}
			section.bolgeiki div#bolgeikiicfoto07 img:hover{
				opacity: 1;
				transform: scale(1.02);
			}
			/*-----------------*/
			section.bolgeiki div#bolgeikiicfoto08 {
				width: 124px;
				height:90px;
				float: left;
				margin-left: 10px;
				margin-top: 10px;
			}
			section.bolgeiki div#bolgeikiicfoto08 img{
				width: 124px;
				height:90px;
			float: left;
			opacity:0.5; 
			transition: all .3s ease-in-out;
			}
			section.bolgeiki div#bolgeikiicfoto08 img:hover{
				opacity: 1;
				transform: scale(1.02);
			}

			/*------------------------------------*/
			/*------------------------------------*/

			section.bolgeiki  div#galeriLinkKutusu{
				width: 200px;
				height: 150px;
				position: absolute;
				/*border: 1px solid #ffffff;*/
				text-align: center;
				margin-left: 40px;
				margin-top:50px;
			}
			section.bolgeiki  div#galeriLinkKutusu h1{
				color: #ffffff;
				line-height: 50px;
				margin-top:10px;
			}
			section.bolgeiki  div#galeriLinkKutusu a{
			width: 200px;
			height: 40px;

			border: 1px solid #ff0000;
			display: inline-block;
			color: #ffffff;
			line-height: 40px;
			font-size: 13px;
			transition: all .4s ease-in-out;
			}
			section.bolgeiki  div#galeriLinkKutusu a:hover{

			background: #c20000;
			}

				/************bölge iki  sonu********/
			/************bölge üç **************************/

			
			section.bolgeiki  div#galeriLinkKutusu{
				width: 200px;
				height: 120px;
				position: absolute;
				/*border: 1px solid #ffffff;*/
				text-align: center;
				margin-left: 40px;
				margin-top:50px;
			}
			section.bolgeiki  div#galeriLinkKutusu h1{
				color: #ffffff;
				line-height: 50px;
				margin-top:10px;
			}
			section.bolgeiki  div#galeriLinkKutusu a{
			width: 200px;
			height: 40px;

			border: 1px solid #ffffff;
			display: inline-block;
			color: #ffffff;
			line-height: 40px;
			font-size: 13px;
			transition: all .4s ease-in-out;
			}
			section.bolgeiki  div#galeriLinkKutusu a:hover{

			background: #c20000;
			}

				/************bölge iki  sonu********/
			/************bölge üç **************************/

			section.bolgeUc div#CalismaKutusu{
			width: 460px;
			height: 900px;
			position: relative;
			margin: auto;
			margin-top: 30px;
			/*border: 1px solid #ff0000;*/

			text-align: center;


			}

		
			section.bolgeUc div#CalismaKutusu h1{
			margin-top: 40px;	
			}

				div.fotoCalisma1x320,
				div.fotoCalisma1x720,
				div.fotoCalisma1x940,
			   	div.fotoCalisma1x1240, 

				div.fotoCalisma2x320,
			 	div.fotoCalisma2x720,
				div.fotoCalisma2x940,
				div.fotoCalisma2x1240,

				div.fotoCalisma3x320,
				div.fotoCalisma3x720,
				div.fotoCalisma3x940,
				div.fotoCalisma3x1240 {
					display: none;
			}

			section.bolgeUc div#CalismaKutusu div.fotoCalisma1x480 {
				position: relative;
			margin-left: 15px;

				height: 430px;
				float: left;
				overflow: hidden;
				
			}
			section.bolgeUc div#CalismaKutusu div.fotoCalisma1x480 img{

				height: 323px;
				margin-top: 30px;
				
			}
			section.bolgeUc div#CalismaKutusu div.fotoCalisma1x480 div.fotoCalismaHover1{
			width: 200px;
			height: 323px;
			background: red;
			position: absolute;
		
			top: 30px;
			left: -225px;
			transition: all .5s ease;
			background: url(images/yeni01kx430.jpg);
			}
			section.bolgeUc div#CalismaKutusu div.fotoCalisma1x480:hover div.fotoCalismaHover1{
			left: 0;
			}
		/*--------------------------------------------*/
			div.fotoCalisma2x480{
				position: relative;
				width: 157px;
				height: 323px;
				margin-left: 70px;
				margin-top:30px;
				margin-bottom:0px; 
				float: left;
				overflow: hidden;

			}

			section.bolgeUc div#CalismaKutusu div.fotoCalisma2x480 div.fotoCalismaHover2{
			width: 157px;
			height: 323px;
			background: red;
			position: absolute;
			top: 0px;
			/*left: -225px;*/
			opacity: 0;
			transition:  opacity .5s ease;
			background: url(images/yeni02kx430.jpg);

			}
			section.bolgeUc div#CalismaKutusu div.fotoCalisma2x480:hover div.fotoCalismaHover2{
			left: 0;
			opacity: 1;

			}
	/*--------------------------------------------*/
			div.fotoCalisma3x480{
				position: relative;
				width: 430px;
				height: 323px;
				float: left;
				overflow: hidden;
			}
			section.bolgeUc div#CalismaKutusu div.fotoCalisma3x480 div.fotoCalismaHover3{
			width: 430px;
			height: 323px;
			background: red;
			position: absolute;
			top: 0px;
			left: 533px;
			transition: all 1s ease;
			background: url(images/yeni03kx430.jpg);
			}
			section.bolgeUc div#CalismaKutusu div.fotoCalisma3x480:hover div.fotoCalismaHover3{
			left: 0;
			}


			/*--------------------------------------------------------------*/
			/*--------------------------------------------------------------*/

			div#HeaderYazilari{
			margin-top: 100px;
			color:#000000;
			}

			div#HeaderYazilari h1{

			line-height:  80px;
			font-size:30px;
			color: #ff0000;
			text-shadow: 5px 5px 5px #000000;
			text-align: center;
			}

		/*--------------footer baslangıcı-----------*/

			footer{
				width: 100%;
				height: 800px;
				margin-left: auto;
				margin-right: auto;
				margin-top: 130px;
				position: relative;
				background: url(images/footer-bg.png);
				float: left;
				
			}
			footer div#footerAlani{
			width: 460px;
			position: relative;
			margin: auto;
			margin-top: 30px;
			padding:20px 0;
		/*	border: 2px solid green; */


			}

			footer div#footerAlani div.footerKutu{
				width:400px;
				position:  relative;
				float: left;
				margin-left: 90px;
			}
			footer div#footerAlani div.footerKutu a img{
				width: 50px;
				height: 50px;
				margin-top: 50px;
			}
			footer div#footerAlani div.footerKutu h1 img{
				width: 250px;
				height: 100px;
			}
			/*------------------*/
			footer div#footerAlani div.footerKutu h2{
				font-size: 25px;
				line-height: 100px;
				border-bottom: 2px solid #ffa500;
				margin-top:30px;
				text-align: center;
				color: #b40000;
				text-shadow: 2px 2px 2px #000;
			}
			footer div#footerAlani div.footerKutu p{
			line-height: 15px;
			color: #ffffff;
			margin-bottom: 5px;
			}
			footer div#copyright{
				width: 100%;
				background: #000000;
				color: #ffffff;
				margin-top: 0px;
				font-size: 11px;
				padding-left: 25px;
				padding-top: 25px;
				padding-bottom:  25px;
				padding-right: 0px;
				display: inline-block;
				/*border: 2px solid blue;*/

			}
			footer div#copyright div#DesignBy{
			float: right;
			padding-right: 55px;

		
			}
			footer div#copyright div#DesignBy a{
			color:#1fff00
			}

			

	/*-----********fade slider ********-----------*/
			.slider{
			width: 450px;
				height: 338px;

			padding: 5px;
			border: 4px solid #ff0000;


			}
			.slide1,.slide2,.slide3,.slide4,.slide5{

			position: absolute;
			width: 450px;
				height: 338px;
			box-sizing: border-box;

			}
			.slide1{
			background-image: url(images/atolye01.jpg);
			background-repeat:no-repeat;
			background-size: cover;
			animation: fade1 20s infinite;
			}
			.slide2{
			background-image: url(images/atolye02.jpg);
			background-repeat:no-repeat;
			background-size: cover;
			animation: fade2 20s infinite;
			}
			.slide3{
			background-image: url(images/atolye03.jpg);
			background-repeat:no-repeat;
			background-size: cover;
			animation: fade3 20s infinite;
			}
			.slide4{
			background-image: url(images/atolye04.jpg);
			background-repeat:no-repeat;
			background-size: cover;
			animation: fade4 20s infinite;
			}
			.slide5{
			background-image: url(images/atolye05.jpg);
			background-repeat:repeat;
			background-size: cover;
			animation: fade5 20s infinite;
			}
			@keyframes fade1{
				0%{
				opacity: 0;
				}
				20%{
				opacity: 1;
				}
				40%{
				opacity: 0;
				}
				60%{
				opacity: 0;
				}
				80%{
				opacity: 0;
				}
				100%{
				opacity: 0;
				}
			}
			@keyframes fade2{
				0%{
				opacity: 0;
				}
				20%{
				opacity: 0;
				}
				40%{
				opacity: 1;
				}
				60%{
				opacity: 0;
				}
				80%{
				opacity: 0;
				}
				100%{
				opacity: 0;
				}
			}
			@keyframes fade3{
				0%{
				opacity: 0;
				}
				20%{
				opacity: 0;
				}
				40%{
				opacity: 0;
				}
				60%{
				opacity: 1;
				}
				80%{
				opacity: 0;
				}
				100%{
				opacity: 0;
				}
			}
			@keyframes fade4{
				0%{
				opacity: 1;
				}
				20%{
				opacity: 0;
				}
				40%{
				opacity: 0;
				}
				60%{
				opacity: 0;
				}
				80%{
				opacity: 1;
				}
				100%{
				opacity: 0;
				}
			}
			@keyframes fade5{
				0%{
				opacity: 1;
				}
				20%{
				opacity: 0;
				}
				40%{
				opacity: 0;
				}
				60%{
				opacity: 0;
				}
				80%{
				opacity: 0;
				}
				100%{
				opacity: 1;
				}
			

	}

}

@media screen and (min-width: 320px) and (max-width: 479px){

	
	


	header#anaHeader{

			width: 320px;
			height:450px;
			position: relative;
			background: url(images/arkaResimGriX320.png);
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center;
			margin-bottom: 120px;
			margin: auto;
			


		}

		header#anaHeaderAnasayfa{

			width: 100%;
			height: 400px;
			position: relative;
			background: url(images/arkaResimGri_ANASAYFA.png);
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center;
			margin: auto;
			

		}

		header#anaHeaderHkmzd{

			width: 100%;
			height: 400px;
			position: relative;
			background: url(images/arkaResimGri_HAKKIMIZDA.png);
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center;
		}
		header#anaHeaderiletisim320{

			width: 100%;
			height: 400px;
			position: relative;
			background: url(images/arkaResimGri_ILETISIM.png);
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center;
			margin: auto;
			
		}

		header#anaHeaderAtolyeden{

		width: 100%;
		height: 400px;
		position: relative;
		background: url(images/arkaResimGri_ATOLYEDEN.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		margin: auto;
		
	}

		header#anaHeaderCatiTerasBahce{

		width: 100%;
		height: 400px;
		position: relative;
		background: url(images/arkaResimGri_CATI_TERAS.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		margin: auto;
		
	
	}
		header#anaHeaderRestKafe{

		width: 100%;
		height: 400px;
		position: relative;
		background: url(images/arkaResimGri_REST_KAFE.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		margin: auto;
		
	}
		header#anaHeaderVillaKonut{

		width: 100%;
		height:400px;
		position: relative;
		background: url(images/arkaResimGri_ViLLA_KONUT.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		
		margin: auto;
	}
		header#anaHeaderAhsapKosk{

			width: 100%;
			height:400px;
			position: relative;
			background: url(images/arkaResimGri_AHSAP_KOSK.png);
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center;
			
		}
		header#anaHeaderFotoGaleri{
		width: 100%;
		height:400px;
		position: relative;
		background: url(images/arkaResimGri_FOTO_GALERi.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		margin: auto;
		
		
		}
		
		/*--- *************galeriler icin*****************---*/

		div#AhsapKoskGaleri{
		width: 280px;
		margin: auto;
		height:auto;


		
		/*border: 1px solid red;*/

		/*--- *************resim cercevesi*****************---*/
		}


			.UstiletisimLogo img, .UstiletisimLogoMail img {
					display: none;
				}


			img {
					border: 2px solid #880000;
					border-radius: 12px;
				}
				img:hover {
					opacity: 0.8;
					border: 2px solid #ff0000;

				}


			
				/*-------------------------------------*/

				section.bolgeUc div#CalismaKutusu 
				div.fotoCalisma1x320 img {
				border:none;
				border-radius: 0px;
				}
				section.bolgeUc div#CalismaKutusu 
				
				div.fotoCalisma2x320 img {
				border:none;
				border-radius: 0px;
				}
				section.bolgeUc div#CalismaKutusu 
				div.fotoCalisma3x320 img {
				border:none;
				border-radius: 0px;
				}

				footer #footerAlani div.footerKutu img {
				border:none;
				border-radius: 0px;
				}

		/*--- ******************************---*/
			div#FOTOLARR  {
		width: 300px;
		height: 100%;
		float: left;
		margin-bottom: 25px;
		margin-top: 40px;



		}

		div#FOTOLARR img {
		width: 120px;
		height: 100px;

		}





		div#headerContainer{
			width: 300px;
			height: 900px;
			/*border: solid 1px red;*/
			position: relative;
			margin: auto;
		}

		

		

		ul#ulUstSol li{
	display: none;

		}

		div#ulUstSag div.UstiletisimLogo img{


		}

		div.UstiletisimLogo{
			display: none;
		}

		div.UstiletisimLogo320tel{
		width: 25px;
		height: 19px;
		background: url(images/TelefonikonX320.png);
		margin-top: 10px;
		float: left;
		margin-left: 2px;
		}

		div.UstiletisimLogo320mail{
		width: 25px;
		height: 19px;
		background: url(images/MailikonX320.png);
		margin-top: 10px;
		float: left;
		margin-left: 2px;
		}

		div.UstiletisimYazi{
		height: 45px;
		line-height: 30px;
		font-size: 14px;
	
		margin-left: 35px;
		color: #353535;

		}

		nav1 {

		width: 100%;
		height: 90px;
		position: absolute;
		background: rgba(0,0,0,0.2);
		top: 0px;
		margin: auto;

		}
		cizgiUstAnaS {
		width: 100%;
		height: 10px;
		position: absolute;
		background: rgba(0,0,0,0.65);
		top: 90px;

		}
		cizgiUstFotoGlr {
		width: 100%;
		height: 10px;
		position: absolute;
		background: rgba(0,0,0,0.65);
		top: 90px;
		margin-left: 0px;
		}

		cizgiUstAtolye {
		width: 100%;
		height: 10px;
		position: absolute;
		background: rgba(0,0,0,0.65);
		top: 90px;
		margin-left: 0px;
		}
		cizgiUstAhsapKosk {
		width: 100%;
		height: 10px;
		position: absolute;
		background: rgba(0,0,0,0.65);
		top: 90px;
		margin-left: 00px;
		}
		cizgiUstTerasBahce {
		width: 100%;
		height: 10px;
		position: absolute;
		background: rgba(0,0,0,0.65);
		top: 90px;
		margin-left: 0px;
		}
		cizgiUstRestoranKafe {
		width: 100%;
		height: 10px;
		position: absolute;
		background: rgba(0,0,0,0.65);
		top: 90px;
		margin-left: 0px;
		}
		cizgiUstVillaKonut {
		width: 100%;
		height: 10px;
		position: absolute;
		background: rgba(0,0,0,0.65);
		top: 90px;
		margin-left: 0px;
		}
		cizgiUstHkmz {
		width: 100%;
		height: 10px;
		position: absolute;
		background: rgba(0,0,0,0.65);
		top: 90px;
		margin-left: auto;
		margin-right: auto;
		display: block;
		
		}
		
		cizgiUstILETiSiM {
		width: 100%;
		height: 10px;
		position: absolute;
		background: rgba(0,0,0,0.65);
		top: 90px;
		margin-left: 0px;
		margin-left: auto;
		margin-right: auto;
		display: block;
		}


		nav {

		width: 100%;
		height: 80px;
		margin: auto;
		position: absolute;
		background: rgba(125,114,108,0.5);
		top: 100px;

		}
	div#navContainer{

			width: 320px;
		height: 70px;
		position: relative;


		/*border: 1px solid red;*/
		margin: auto;

		}
		div#navLogo{
			width: 160px;
			height: 67px;
			margin-top: 8px;
			margin-left: 60px;
			background: url(images/LogoSonBeyaz160x67.png);
		


		}
		ul#Kategoriler{
		list-style-type: none;
		display: inline-block;
		float:right;
		display: none;

		}

			/*-----------mobil butonlar -----------*/
			/*-------------------------------------*/
			header div#MobilButobCizgileri{
				width: 40px;
				height: 40px;
				position: relative;
				float: right;
				background: url(images/MobilbutonCizgileriSiyah.png);
				margin-top: -60px;
				margin-right: 10px;

				
			
			}
				header div#MobilButobCizgileri:hover {
				width: 40px;
				height: 40px;
				position: relative;
				float: right;
				background: url(images/MobilbutonCizgileriKirmizi.png);
				margin-top: -60px;
				margin-right: 10px;
				
			}
			ul#MobilKategoriler{
				width: 200px;
				margin-left: 5%;
				margin-right: 5%;
				position: absolute;
				background: #9e0000;
				display: none;
				margin-top:-58px;

				
				
			}
			ul#MobilKategoriler li{
				text-align: center;
				border-bottom: 1px solid #ffffff;
			}

				ul#MobilKategoriler li:last-child{
					border: 0;
				}
			ul#MobilKategoriler li a{
				width: 200px;
				font-size: 15px;
				font-weight: bold;
				line-height: 34px;
				color: #ffffff;
				display: block;


			}
			ul#MobilKategoriler li a:hover{
				background: #ffffff;
				color: red;
			}

		/*ul#Kategoriler li{
		display: inline-block;
		line-height:80px;
		margin-left:7px;
		border-right: 1px solid #707070 ;
		padding-right:7px;
		padding-left:0px;
		font-size: 13px;
		}

		ul#Kategoriler li:first-child {
		padding-left:  0;
		}

		ul#Kategoriler li:last-child {
		border-right:  0;
		}

		ul#Kategoriler li a{
			font-family: 'Arial' ;
		font-weight: bold;
			color:#ffffff;
		}
		ul#Kategoriler li a:hover{
			transition-duration: 0.5s;
		color: red;
		}*/

	/*-------------------------------------------*/

		/*div#MobilButobCizgileri{
		display: none;
		}*/
			

		div.mobilButonKutusu{
			display: none;
		}

		div#HeaderYazilari{
			width: 300px;
			height: 100%;
		margin-top: 100px;
		color:#000000;
		text-align: center;
		}
		div#HeaderYazilari h1{

		line-height:  60px;
		font-size:25px;
		color: #ff0000;
		text-shadow: 3px 3px 3px #000000;
		text-align: center;
		}
		div#HeaderYazilari h2{
		font-family: 'Arial' ;
		margin-top: 20px;
		line-height:  25px;
		font-size: 15px;
		color:#000000;
		/*text-shadow: 1px 1px 3px #000000;*/
		text-align: center;
		}
		div#HeaderYazilari p{
		margin-top: 30px;
		line-height:  40px;
		font-size: 15px;
		color:#000000;
		text-align: center;
	
		}
		div#HeaderYazilari2{
		width: 300px;
		height: 100%;
		margin-top: 150px;
		color:#000000;
		text-align: center;
		margin-right: auto;
		margin-left: auto;
		}
		div#HeaderYazilari2 h1{
			line-height:  60px;
		font-size:23px;
		color: #ff0000;
		text-shadow: 3px 3px 3px #000000;
		text-align: center;
		margin-left: 30px;
		}

		div#HeaderYazilari3{
			width: 300px;
			height: 100%;
		margin-top:110px;
		color:#000000;
		text-align: center;
		float: left;
		}

		div#HeaderYazilari3 h1{
			line-height:  60px;
		font-size:25px;
		color: #ff0000;
		text-shadow: 3px 3px 3px #000000;
		text-align: center;
		margin-left: 10px;
		}
		div#HeaderYazilari3 h2{
		font-family: 'Arial' ;
		margin-top: 20px;
		line-height:  25px;
		font-size: 16px;
		color:#000000;
		/*text-shadow: 1px 1px 3px #000000;*/
		text-align: center;
		margin-left: 50px;

		}

	/*	div#HeaderYazilari4{
			width: 100%;
			height: 100%;
		margin-top:-80px;
		margin-bottom: 50px;
		color:#000000;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		float: left;
		}
		div#HeaderYazilari4 h1{
		line-height:  60px;
		font-size:25px;
		color: #ff0000;
		text-shadow: 3px 3px 3px #000000;
		text-align: center;
		margin-left: 35px;
		}
		div#HeaderYazilari4 h2{
		margin-top: 30px;
		margin-left: 30px;
		line-height:  30px;
		font-size: 18px;
		font-weight: normal;
		color:#000000;
		text-align: center;
		}
		div#HeaderYazilari4 p{
			line-height:  40px;
			font-size:16px;
			color:#000000;
			font-weight: normal;
			text-align: center;
			
			}*/
			div#HeaderYazilari4iletisim{
			width: 100%;
			height: 100%;
		margin-top:150px;
		margin-bottom: 50px;
		color:#000000;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		float: left;
		}
		div#HeaderYazilari4iletisim h1{
		line-height:  60px;
		font-size:25px;
		color: #ff0000;
		text-shadow: 3px 3px 3px #000000;
		text-align: center;
		margin-left: 5px;
		}
		div#HeaderYazilari4iletisim p{
			line-height:  40px;
			font-size:16px;
			color:#000000;
			font-weight: normal;
			text-align: center;
			
			}
			div#HeaderYazilari5{
			width: 100%;
			height: 100%;
		margin-top:150px;
		margin-bottom: -50px;
		color:#000000;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		float: left;
		
		}
		div#HeaderYazilari5 h1{
		line-height:  60px;
		font-size:25px;
		color: #ff0000;
		text-shadow: 3px 3px 3px #000000;
		text-align: center;
		margin-left:-10px;
		}
		div#HeaderYazilari5 h2{
		margin-top: 30px;
		margin-left: 0px;
		line-height:  30px;
		font-size: 18px;
		font-weight: normal;
		color:#000000;
		text-align: center;

		}

			div#HeaderYazilariFotoGaleri{
			width: 300px;
			height: 100%;
			margin-top: 150px;
			color:#000000;
			text-align: center;
			margin-right: auto;
			margin-left: auto;
			
			}
			div#HeaderYazilariFotoGaleri h1{
			line-height:  60px;
			font-size:23px;
			color: #ff0000;
			text-shadow: 3px 3px 3px #000000;
			text-align: center;
			margin-left: 30px;
			}

		/*-----------HARİTA-----------*/

			section.harita{
			width: 340px;
			height: 200px;
			position: relative;
			border: 3px solid blue;
			margin-top:300px;
			margin-bottom: 0px;
			margin-left: auto;
			margin-right: auto;
			
			}


			/*-----------HARİTA-----------*/

		div.iletisimKutu{

		width: 300px;
		height: 500px;
		/*border: 1px solid red;*/
		margin: auto;
		line-height: 0px;
		}

		

		/*-----------Section başı -----------*/

			/************bölge bir ********/
		section.bolgeBir{
		width:300px;
		height: auto;
		position: relative;
		margin: auto;
		/*border: 2px solid green;*/
		}
		section.bolgeBir h1{
		text-align: center;
		margin-top: 150px;
		margin-bottom: 30px;
		font-size: 15px;
		
		}
		section.bolgeBir div.slider{
			float: left;
		}

		/*section.bolgeBir img{
		width: 500px;
		height: 375px;
		border: 2px solid #ffffff;
		margin-top: 0px;
		padding: 0px;
		box-sizing: border-box;
		float: left;
		}*/

		.bolgeBir div.AnasayfaYazisi{
			width: 300px;
			height: 338px;
			margin-top: 25px;
			background-image: url(images/anasayfaYazisix300.png);
		 	float: right;
		 	background-repeat: no-repeat;
		 	display: none;

		}

			.bolgeBir div.AnasayfaYazisi720{
				width: 320px;
				height: 250px;
				margin: auto;
				margin-top: 50px;
				margin-bottom: 180px;
				margin-left: -5px;
				text-align: center;
				background-repeat: no-repeat;


				}
				.bolgeBir div.AnasayfaYazisi720 h1{
				width: 320px;
				height: 50px;
				margin: auto;
				margin-top: 300px;
				font-family: 'Arial';
					font-size: 13px;
					text-align: center;
					font-weight: bold;
				background-repeat: no-repeat;
				}
				.bolgeBir div.AnasayfaYazisi720 h2{
					font-size: 15px;
					font-weight: normal;
					line-height: 20px;

				}

		
				/************bölge iki ********/
		section.bolgeiki {
			width: 280px;
				height:410px;
			/*position: relative;*/
			background: #000000;
			/*border: 1px solid #ff0000;*/
			margin: auto;
			margin-top: 10px;
		}
		/*------------------------------*/
		section.bolgeiki div#bolgeikiicfoto01 {
			width: 124px;
				height:90px;
			float: left;
			margin-left: 10px;
			margin-top: 10px;
		}
		section.bolgeiki div#bolgeikiicfoto01 img{
		width: 124px;
				height:90px;
		opacity:0.5; 
		transition: all .3s ease-in-out;
		}
		section.bolgeiki div#bolgeikiicfoto01 img:hover{
			opacity: 1;
			transform: scale(1.02);
		}
		/*-----------------*/
		section.bolgeiki div#bolgeikiicfoto02 {
		width: 124px;
				height:90px;
			float: left;
			margin-left: 10px;
			margin-top: 10px;
		}
		section.bolgeiki div#bolgeikiicfoto02 img{
			width: 124px;
				height:90px;
		opacity:0.5; 
		transition: all .3s ease-in-out;
		}
		section.bolgeiki div#bolgeikiicfoto02 img:hover{
			opacity: 1;
			transform: scale(1.02);
		}
		/*-----------------*/
		section.bolgeiki div#bolgeikiicfoto03 {
		width: 124px;
				height:90px;
			float: left;
			margin-left: 10px;
			margin-top: 10px;
		}
		section.bolgeiki div#bolgeikiicfoto03 img{
			width: 124px;
				height:90px;
		float: left;
		opacity:0.5; 
		transition: all .3s ease-in-out;
		}
		section.bolgeiki div#bolgeikiicfoto03 img:hover{
			opacity: 1;
			transform: scale(1.02);
		}
		/*-----------------*/
		section.bolgeiki div#bolgeikiicfoto04 {
		width: 124px;
				height:90px;
			float: left;
			margin-left: 10px;
			margin-top: 10px;
		}
		section.bolgeiki div#bolgeikiicfoto04 img{
			width: 124px;
				height:90px;
		float: left;
		opacity:0.5; 
		transition: all .3s ease-in-out;
		}
		section.bolgeiki div#bolgeikiicfoto04 img:hover{
			opacity: 1;
			transform: scale(1.02);
		}
		/*-----------------*/
		section.bolgeiki div#bolgeikiicfoto05 {
			width: 124px;
				height:90px;
			float: left;
			margin-left: 10px;
			margin-top: 10px;
		}
		section.bolgeiki div#bolgeikiicfoto05 img{
			width: 124px;
				height:90px;
		float: left;
		opacity:0.5; 
		transition: all .3s ease-in-out;
		}
		section.bolgeiki div#bolgeikiicfoto05 img:hover{
			opacity: 1;
			transform: scale(1.02);
		}
		/*-----------------*/
		section.bolgeiki div#bolgeikiicfoto06 {
		width: 124px;
				height:90px;
			float: left;
			margin-left: 10px;
			margin-top: 10px;

		}
		section.bolgeiki div#bolgeikiicfoto06 img{
			width: 124px;
				height:90px;
		float: left;
		opacity:0.5; 
		transition: all .3s ease-in-out;
		}
		section.bolgeiki div#bolgeikiicfoto06 img:hover{
			opacity: 1;
			transform: scale(1.02);
		}
		/*-----------------*/
		section.bolgeiki div#bolgeikiicfoto07 {
			width: 124px;
				height:90px;
			float: left;
			margin-left: 10px;
			margin-top: 10px;
		}
		section.bolgeiki div#bolgeikiicfoto07 img{
			width: 124px;
				height:90px;
		float: left;
		opacity:0.5; 
		transition: all .3s ease-in-out;
		}
		section.bolgeiki div#bolgeikiicfoto07 img:hover{
			opacity: 1;
			transform: scale(1.02);
		}
		/*-----------------*/
		section.bolgeiki div#bolgeikiicfoto08 {
			width: 124px;
				height:90px;
			float: left;
			margin-left: 10px;
			margin-top: 10px;
		}
		section.bolgeiki div#bolgeikiicfoto08 img{
			width: 124px;
				height:90px;
		float: left;
		opacity:0.5; 
		transition: all .3s ease-in-out;
		}
		section.bolgeiki div#bolgeikiicfoto08 img:hover{
			opacity: 1;
			transform: scale(1.02);
		}

		/*------------------------------------*/
		/*------------------------------------*/

		section.bolgeiki  div#galeriLinkKutusu{
			width: 210px;
			height: 120px;
			position: absolute;
			/*border: 1px solid #ffffff;*/
			text-align: center;
			margin-left: 35px;
			margin-top:135px;
		}
		section.bolgeiki  div#galeriLinkKutusu h1{
			font-size: 15px;
			color: #ffffff;
			line-height: 60px;
			margin-top:10px;
		}
		section.bolgeiki  div#galeriLinkKutusu a{
		width: 200px;
		height:40px;
			margin-top:4px;
		border: 1px solid #ffffff;
		display: inline-block;
		color: #ffffff;
		line-height: 40px;
		font-size: 13px;
		transition: all .4s ease-in-out;
		}
		section.bolgeiki  div#galeriLinkKutusu a:hover{

		background: #c20000;
		}

			/************bölge iki  sonu********/
		/************bölge üç **************************/

	section.bolgeUc div#CalismaKutusu{
			width: 300px;
			height: 1050px;
			position: relative;
			margin: auto;
			margin-top: 30px;
			/*border: 1px solid #ff0000;*/

			text-align: center;


			}

		
			section.bolgeUc div#CalismaKutusu h1{
			margin-top: 40px;	
			}

				div.fotoCalisma1x480,
				div.fotoCalisma1x720,
				div.fotoCalisma1x940,
			   	div.fotoCalisma1x1240, 

				div.fotoCalisma2x480,
			 	div.fotoCalisma2x720,
				div.fotoCalisma2x940,
				div.fotoCalisma2x1240,

				div.fotoCalisma3x480,
				div.fotoCalisma3x720,
				div.fotoCalisma3x940,
				div.fotoCalisma3x1240 {
					display: none;
			}

			section.bolgeUc div#CalismaKutusu div.fotoCalisma1x320 {
				position: relative;
			margin-left: 60px;

				height: 430px;
				float: left;
				overflow: hidden;
				
			}
			section.bolgeUc div#CalismaKutusu div.fotoCalisma1x320 img{

				height: 323px;
				margin-top: 30px;
				
			}
			section.bolgeUc div#CalismaKutusu div.fotoCalisma1x320 div.fotoCalismaHover1{
			width: 200px;
			height: 323px;
			background: red;
			position: absolute;
		
			top: 30px;
			left: -225px;
			transition: all .5s ease;
			background: url(images/yeni01kx430.jpg);
			}
			section.bolgeUc div#CalismaKutusu div.fotoCalisma1x320:hover div.fotoCalismaHover1{
			left: 0;
			}

			div.fotoCalisma2x320{
				position: relative;
				width: 157px;
				height: 323px;
				margin-left: 75px;
				margin-bottom:50px; 
				float: left;
				overflow: hidden;

			}

			section.bolgeUc div#CalismaKutusu div.fotoCalisma2x320 div.fotoCalismaHover2{
			width: 157px;
			height: 323px;
			background: red;
			position: absolute;
			top: 0px;
			/*left: -225px;*/
			opacity: 0;
			transition:  opacity .5s ease;
			background: url(images/yeni02kx430.jpg);

			}
			section.bolgeUc div#CalismaKutusu div.fotoCalisma2x320:hover div.fotoCalismaHover2{
			left: 0;
			opacity: 1;
			}

			
			
			div.fotoCalisma3x320{
				position: relative;
				width: 300px;
				height: 225px;
				float: left;
				overflow: hidden;
			}

			section.bolgeUc div#CalismaKutusu div.fotoCalisma3x320 div.fotoCalismaHover3{
			width: 300px;
			height: 225px;
			background: red;
			position: absolute;
			top: 0px;
			left: 533px;
			transition: all 1s ease;
			background: url(images/yeni03kx300.jpg);
			}
			section.bolgeUc div#CalismaKutusu div.fotoCalisma3x320:hover div.fotoCalismaHover3{
			left: 0;
			}


		/*--------------footer baslangıcı-----------*/

		footer{
			width: 100%;
			height: 800px;
			margin: auto;
			margin-top: 150px;
			position: relative;
			float: left;
			background: url(images/footer-bg.png);
		}
		footer div#footerAlani{
		width: 320px;
		position: relative;
		margin: auto;
		margin-top: 50px;
		padding:40px 0; 

		}

		footer div#footerAlani div.footerKutu{
			width:200px;
			position:  relative;
			float: left;
			margin-left: 20px;
		}
		footer div#footerAlani div.footerKutu a img{
			width: 40px;
			height: 40px;
			margin-top: 40px;
		}
		footer div#footerAlani div.footerKutu h1 img{
			width: 200px;
			height:80px;
		}
		/*------------------*/
		footer div#footerAlani div.footerKutu h2{
			font-size: 20px;
			line-height: 100px;
			border-bottom: 2px solid #ffa500;
			margin-top:30px;
			text-align: center;
			color: #b40000;
			text-shadow: 2px 2px 2px #000;
		}
		footer div#footerAlani div.footerKutu p{
			font-size: 15px;
		line-height: 15px;
		color: #ffffff;
		}
		footer div#copyright{
			width: 100%;
			height: 50px;
			margin: auto;
			margin-top: 10px;
			background: #000000;
			color: #ffffff;
			font-size: 11px;
			padding-left: 0px;
			padding-top: 15px;
			padding-bottom:  25px;
			padding-right: 0px;
			text-align: center;

		}
		footer div#copyright div#DesignBy{
			font-size: 10px;
	margin-top: 20px;

		padding-right: 0px;
		text-align: center;
		
		}
		footer div#copyright div#DesignBy a{
		color:#1fff00

		}

		/*-----********fade slider ********-----------*/
		.slider{
			width: 290px;
			height: 218px;
			padding: 5px;
			border: 4px solid #ff0000;


		}
		.slide1,.slide2,.slide3,.slide4,.slide5{

		position: absolute;
		width: 290px;
			height: 218px;
		box-sizing: border-box;

		}
		.slide1{
		background-image: url(images/atolye01.jpg);
		background-repeat:no-repeat;
		background-size: cover;
		animation: fade1 20s infinite;
		}
		.slide2{
		background-image: url(images/atolye02.jpg);
		background-repeat:no-repeat;
		background-size: cover;
		animation: fade2 20s infinite;
		}
		.slide3{
		background-image: url(images/atolye03.jpg);
		background-repeat:no-repeat;
		background-size: cover;
		animation: fade3 20s infinite;
		}
		.slide4{
		background-image: url(images/atolye04.jpg);
		background-repeat:no-repeat;
		background-size: cover;
		animation: fade4 20s infinite;
		}
		.slide5{
		background-image: url(images/atolye05.jpg);
		background-repeat:repeat;
		background-size: cover;
		animation: fade5 20s infinite;
		}
		@keyframes fade1{
			0%{
			opacity: 0;
			}
			20%{
			opacity: 1;
			}
			40%{
			opacity: 0;
			}
			60%{
			opacity: 0;
			}
			80%{
			opacity: 0;
			}
			100%{
			opacity: 0;
			}
		}
		@keyframes fade2{
			0%{
			opacity: 0;
			}
			20%{
			opacity: 0;
			}
			40%{
			opacity: 1;
			}
			60%{
			opacity: 0;
			}
			80%{
			opacity: 0;
			}
			100%{
			opacity: 0;
			}
		}
		@keyframes fade3{
			0%{
			opacity: 0;
			}
			20%{
			opacity: 0;
			}
			40%{
			opacity: 0;
			}
			60%{
			opacity: 1;
			}
			80%{
			opacity: 0;
			}
			100%{
			opacity: 0;
			}
		}
		@keyframes fade4{
			0%{
			opacity: 1;
			}
			20%{
			opacity: 0;
			}
			40%{
			opacity: 0;
			}
			60%{
			opacity: 0;
			}
			80%{
			opacity: 1;
			}
			100%{
			opacity: 0;
			}
		}
		@keyframes fade5{
			0%{
			opacity: 1;
			}
			20%{
			opacity: 0;
			}
			40%{
			opacity: 0;
			}
			60%{
			opacity: 0;
			}
			80%{
			opacity: 0;
			}
			100%{
			opacity: 1;
			}
		}
}