@media (max-width: 1585px) {


}
@media (max-width: 1360px) {



}
@media (max-width: 960px) {

	main {
		width:100vw;
	}
	body {
		padding-top:65px;
	}
	
	.aciklama p {
		font-size: 14px;
		line-height: 22px;
		margin-bottom:14px;
	}

	.aciklama ul li ,
	.aciklama ol li 
	{
		font-size: 14px;
		line-height: 22px;
	}
	.aciklama h1 {
		font-size: 44px;
		line-height: 47.7px;
		margin-bottom:14px;
	}	

	.aciklama h2 ,
	.aciklama h3 ,
	.aciklama h4 ,
	.aciklama h5 
	{
		font-size: 34px;
		line-height: 37.7px;
		margin-bottom:20px;
	}
	.btn {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	padding:0px 20px;
	grid-gap:10px;
	height:50px;
	border-radius:30px;
	text-align: center; 
	font-family: Jost;
	font-size: 10px;
	font-style: normal;
	font-weight: 600;
	line-height: 18px; /* 150% */
	text-transform: uppercase;
}
	
	#header {
		display:none;
	}
	#mobilheader {
		display:block;
	}
	#mobilmenu {
		display:block;
	}
	

	/*------------------acilanmenu----------------------*/

	#acilanmenu {
		display:none;
	}
	
	/*------------------slider----------------------*/

	#slider {
		position:relative;
	}
	#slider .item {
		position:relative;
	}
	#slider .item .anaresim {
		width:100%;
		height:50vh;
		object-fit:cover;
	}
	#slider .item .bilgi {
		width:100%;
		height:100%;
	}
	#slider .item .bilgi .yazi1 {
		margin-bottom:5px;
	}
	#slider .item .bilgi .yazi1 span {
		font-size: 15px;
		line-height: 20px; /* 155% */
		padding:2px 9px;
		background-color:#a0802c;
	}

	#slider .item .bilgi .yazi2 {
		margin-bottom:5px;
	}
	#slider .item .bilgi .yazi2 span {
		font-size: 35px;
		line-height: 56px;
		padding:0px 11px;
	}
	

	/*------------------sliderrez----------------------*/

	#sliderrez {
		position:relative;
	}
	#sliderrez .form {
		grid-gap:5px;
		height:60px;
		border-right: 0px solid #E0DFD8;
		border-bottom: 1px solid #E0DFD8;
		padding:0px 15px;
	}
	#sliderrez label {
		font-size: 8px;
		line-height: 0px;
	}
	#sliderrez .form-control {
		font-size: 14px;
		padding:0px;
	}	
	

	/*------------------bas----------------------*/


	.bas1 span {
		width: 80px;
		height: 80px;
		font-size: 16px;
		line-height: 24px; /* 155% */
	}

	.bas1 b {
		width:calc(100% - 80px);
		padding-left:30px;
		font-size: 14px;
		line-height: 18.2px; /* 130% */
		letter-spacing: 4px;
	}
	.bas2 {
		font-size: 35px;
		line-height: 42px;
	}

	/*------------------hakkimizda----------------------*/

	#hakkimizda {
		padding:30px 0px;
	}
	#hakkimizda .bolum1 {
		margin-bottom:60px;
	}
	#hakkimizda .yazi1 {
		font-size: 18px;
		line-height: 24.1px; /* 155% */
	}
	#hakkimizda .buton {
		position:relative;
	}
	#hakkimizda .buton:before {
		top:calc(50% - 0.5px);
		width:calc(100% - 200px);
	}
	#hakkimizda .resim {
		position:relative;
	}
	#hakkimizda .resim .res {
		width:100%;
		aspect-ratio:412/473;
	}
	#hakkimizda .resim .alt {
		border-radius:0px 0px 10px 10px;
		padding:30px;
		font-size: 18px;
		line-height: 26px; /* 144.444% */
		z-index:10;
	}
	#hakkimizda .ozellik {
		grid-gap:10px;
		padding:0px 15px;
	}
	#hakkimizda .ozellik img {
		width:64px;
		height:64px;
	}
	#hakkimizda .ozellik span {
		font-size: 18px;
		line-height: 25.92px; /* 144% */
	}	

#tanitim {
    position: relative;
    padding: 126px 0px;
    background-size: cover !important;
    background-position: center !important;
    display: flex
;
    align-items: center;
    justify-content: center;
    max-height: 100px;
    min-height: 100px;
}
#tanitim .play img {
    height: 100px;
    width: 100px;
    animation: rotateAnimation 30s linear infinite;
}

	/*------------------odalar----------------------*/

	#odalar {
		position:relative;
		padding:30px 0px;
	}
	#odalar .ust {
		margin-bottom:20px;
	}
	#odalar .swiper {
		padding:0px 15px;
	}
	.odaitem {
		position:relative;
	}
	.odaitem .resim {
		width:100%;
		aspect-ratio:360/400;
		border-radius:10px;
	}
	.odaitem .bilgi .odaadi {
		font-size: 56px;
		line-height: 62px;
		padding:0px 10px;
		margin:auto 0px;
	}
	.odaitem .bilgi .odadesc {
		padding:15px;
	}
	.odaitem .bilgi .odadesc span {
		font-size: 12px;
		line-height: 22px;
		padding:0px 8px;
	}
	.odaitem .fiyat {
		top:20px;
		right:20px;
		width:70px;
		height:70px;
		padding:10px;
		grid-gap:1px;
	}
	.odaitem .fiyat small {
		font-size: 8px;
		line-height: 8px; /* 100% */
		letter-spacing: 2px;
	}
	.odaitem .fiyat b {
		font-size: 12px;
		line-height: 12px; /* 125% */
		/*letter-spacing: 2px;*/
	}

	.swiper-pagination-fraction {
		justify-content:flex-start;
		grid-gap:20px;
	}

	/*------------------hizmetler----------------------*/

	#hizmetler {
		padding:30px 0px;
	}
	#hizmetler .res2 {
		display:none;
	}
	#hizmetler .res3 {
		display:none;
	}
	#hizmetler .ust {
		margin-bottom:20px;
	}
	#hizmetler .resim {
		display:none;
	}
	#hizmetler .yazi1 {
		font-size: 18px;
		line-height: 24.1px; /* 155% */
		margin-bottom:10px;
	}
	#hizmetler .linkler {
		padding:20px 0px;
		grid-gap:12px;
	}
	#hizmetler .linkler a {
		font-size: 30px;
		line-height: 40.67px;
	}

	/*------------------menuler----------------------*/

	#menuler {
		position:relative;
		padding:30px 0px;
	}
	#menuler .ust {
		margin-bottom:20px;
	}
	#menuler .yazi1 {
		font-size: 18px;
		line-height: 24.1px; /* 155% */
		margin-top:15px;
		margin-bottom:15px;
	}
	#menuler .git {
		font-size: 12px;
		line-height: 18px;
	}
	#menuler .swiper {
		padding-left:15px;
		padding-right:80px;
	}
	.menuitem {
		position:relative;
	}
	


	/*------------------yorumlar----------------------*/

	#yorumlar {
		position:relative;
		padding:30px 0px;
		background: #F2F2EC;
	}
	#yorumlar .ust {
		margin-bottom:20px;
	}
	#yorumlar .sol {
		height:100%;
		border-radius: 10px;
		padding:50px 25px;
		z-index:20;
	}
	#yorumlar .sol:before {
		position:absolute;
		content:"";
		top:-20px;
		right:-10px;
		width:110px;
		height:110px;
	}
	#yorumlar .sol .puan {
		font-size: 70px;
		line-height: 76px; /* 100.392% */
		letter-spacing: -2px;
	}
	#yorumlar .sol .yildizsayi {
		grid-gap:5px;
		margin-bottom:20px;
	}
	#yorumlar .yorumitem {
		border-radius: 10px;
		padding:31px 15px;
	}
	#yorumlar .yorumitem .yorum {
		font-size: 22px;
		line-height: 30px; /* 150% */
		padding-bottom:20px;
		margin-bottom:20px;
	}
	#yorumlar .butonlar {
		display:none;
	}
	

	/*------------------rezwidget----------------------*/

	#rezwidget {
		padding:30px 0px;
	}
	.formalan {
		height:100%;
		padding:40px 50px;
		border-radius: 10px;
	}
	.erken {
		position:relative;
		display:block;
	}
	.erken .resim {
		width:100%;
		aspect-ratio:404/510;
		object-fit:cover;
		object-position:Center;
		border-radius: 10px;
	}
	.erken .bilgi {
		padding:15px;
		border-radius: 10px;
	}
	.erken .bilgi .yazi1 {
		font-size: 14px;
		line-height: 20.22px; /* 144.429% */
		letter-spacing: 2px;
	}
	.erken .bilgi .yazi2 {
		font-size: 22px;
		line-height: 28px;
		margin-bottom:8px;
	}
	.erken .bilgi .yazi3 {
		font-size: 14px;
		line-height: 20px; /* 144.444% */
		margin-bottom:16px;
	}

	/*------------------bloglar----------------------*/

	#bloglar {
		position:relative;
		padding:30px 0px;
	}
	#bloglar .ust {
		margin-bottom:20px;
	}
	#bloglar .swiper {
		padding:0px 80px 0px 15px;
	}
	.blogitem {
		border-radius:10px;
		border-radius: 10px;
	}
	.blogitem .resim {
		width:100%;
		aspect-ratio:410/540;
		transform:translateY(-110%);
	}
	.blogitem .bilgi {
		padding:35px;
		border-radius:10px;
	}
	.blogitem .bilgi .kat {
	    color:#a0802c;
		height:24px;
		padding:3px 24px;
		border-radius: 15px;
		font-size: 12px;
		line-height: 18px; /* 150% */
		margin-bottom:17px;
	}
	.blogitem:hover .bilgi .kat {
		border-radius: 15px;
		background-color:#a0802c;
		border-color:#a0802c;
	}
	.blogitem .bilgi .adi {
		font-size: 22px;
		line-height: 28px;
		margin-bottom:17px;
	}
	.blogitem .bilgi .desc {
		font-size: 14px;
		line-height: 22px;
		margin-bottom:27px;
	}
	.blogitem .bilgi .tarih {
		font-size: 10px;
		line-height: 15px;
		padding-top:11px;
	}

	/*------------------footer----------------------*/

	#footer {
		position:relative;
	}
	#footer .ust {
		padding:30px 0px 30px 0px;
	}
	#footer .logo {
		margin-bottom:10px;
		text-align:left;
	}
	#footer .logo img {
		height:74px;
	}
	#footer .menu {
		display:none;
	}
	#footer .orta {
		position:relative;
		padding:20px 0px 20px 0px;
	}
	#footer .link1 {
		font-size: 32px;
		line-height: 37.34px;
		margin-bottom:15px;
	}
	#footer .link2 {
		font-size: 20px;
		line-height: 30px;
		margin-bottom:15px;
	}
	#footer .sosyal {
		display:flex;
		align-items:center;
		margin-top:25px;
		margin-bottom:25px;
	}
	#footer .sosyal a {
		font-size: 14px;
		line-height: 23.11px; /* 144.438% */
		padding:0px 10px;
	}
	#footer .bulten {
		margin-bottom:30px;
	}
	#footer .bilgibas {
		font-size: 24px;
		line-height: 30px; 
		margin-top:20px;
		margin-bottom:20px;
	}
	#footer .bilgiic {
		font-size: 18px;
		line-height: 26px; /* 144.444% */
	}
	#footer .alt {
		display:flex;
		align-items:center;
		flex-direction:column;
		padding:20px 0px;
	}
	#footer .alt .copy {
		font-size: 14px;
		line-height: 23.11px; /* 144.438% */
		margin-right:0px;
	}
	#footer .alt .fav {
		display:none;
	}


	/*------------------bread----------------------*/

	#bread {
		position:relative;
	}
	#bread .alan {
		padding:68px 0px 32px 0px;
	}
	#bread .baslik {
		font-size: 46px;
		line-height: 46px;
		margin-bottom:36px;
	}
	#bread .linkler {
		font-size: 12px;
		line-height: 18px;
	}
	
	/*------------------kurumsal----------------------*/

	#kurumsal {
		padding:30px 0px;
	}
	#kurumsal .resimler .res1 {
		width:100%;
		aspect-ratio:430/560;
		object-fit:cover;
		border-radius:10px;
	}
	#kurumsal .resimler .res2 {
		display:none;
	}
		
	/*------------------kurumsaltanitim----------------------*/

	#kurumsaltanitim {
		margin-top:-30px;
	}
	#kurumsaltanitim .alan {
		padding:76px 0px;
		border-radius:10px;
	}
	#kurumsaltanitim .play {
		display: block;
	}
	#kurumsaltanitim .play img {
		height: 140px;
		width: 140px;
	}

	/*------------------kurumsalozellikler----------------------*/

	#kurumsalozellikler {
		padding:30px 0px;
	}
	#kurumsalozellikler .ozellik {
		grid-gap:10px;
		padding:10px;
	}
	#kurumsalozellikler .ozellik img {
		height:44px;
		width:44px;
	}
	#kurumsalozellikler .ozellik b {
		font-size: 20px;
		line-height: 24px;
	}
	#kurumsalozellikler .ozellik small {
		font-size: 14px;
		line-height: 22px; /* 144.444% */
	}
	#kurumsalozellikler .biziara {
		font-size: 22px;
		line-height: 27.88px; 
		margin-top:50px;
	}
	/*------------------odalarpage----------------------*/

	#odalarpage {
		position:relative;
		padding:30px 0px;
	}	

	/*------------------odadetay----------------------*/

	#odadetay {
		padding:50px 0px;
	}
	#odadetay .odaadi {
		font-size: 46px;
		line-height: 46px;
		margin-bottom:30px;
	}
	#odadetay .ozellikler1 {
		margin-bottom:30px;
	}
	#odadetay .ozellikler1 .ozellik {
		grid-gap:8px;
		padding:0px 22px;
	}
	#odadetay .ozellikler1 .ozellik img {
		height:36px;
	}
	#odadetay .ozellikler1 .ozellik span {
		font-size: 14px;
		line-height: 24px; 
	}
	#odadetay .odalarresim {
		margin-bottom:50px;
		padding:0px 40px;
	}
	#odadetay .odalarresim .resim {
		position:relative;
	}
	#odadetay .odalarresim .resim img {
		width:100%;
		aspect-ratio:1070/600;
		border-radius:10px;
	}
	#odadetay .odalarresim .odalarresim-button-prev ,
	#odadetay .odalarresim .odalarresim-button-next 
	{
		display:none;
	}
	#odadetay .odaozellik {
		padding:10px 0px;
		border-top: 1px solid #E0DFD8;
	}
	#odadetay .odaozellik span {
		width:calc(100% - 30px);
		padding-right:10px;
		font-size: 14px;
		font-weight: 400;
		line-height: 20px; /* 144.444% */
	}
	#odadetay .odaozellik img {
		width:30px;
		height:30px;
	}
	#odadetay .formalan {
		padding:40px 50px;
		border-radius: 10px;
	}

	/*------------------bloglarpage----------------------*/

	#bloglarpage {
		padding:50px 0px;
	}
	#bloglarpage .katlar {
		grid-gap:10px;
		margin-bottom:30px;
	}
	#bloglarpage .katlar a {
		height: 43px;
		padding: 0px 30px;
		font-size: 18px;
		line-height: 27px; /* 150% */
	}

	/*------------------blogdetay----------------------*/

	#blogdetay {
		padding:50px 0px;
	}
	#blogdetay .kategori {
		text-align:center;
		margin-bottom:13px;
	}
	#blogdetay .kategori span {
	    background-color:#a0802c;
		height: 24px;
		padding: 0px 12px;
		border-radius: 15px;
		font-size: 12px;
		line-height: 18px;
	}
	#blogdetay .baslik {
		font-size: 44px;
		line-height: 48px;
		margin-bottom:13px;
	}
	#blogdetay .tarih {
		grid-gap:3px;
		font-size: 10px;
		line-height: 15px;
	}
	#blogdetay .tarih i {
		font-size: 14px;
	}
	#blogdetay .anaresim {
		width:100%;
		border-radius:20px;
	}
	#blogdetay .taglar {
		display:flex;
		align-items:center;
		justify-content:center;
		flex-wrap:wrap;
		grid-gap:5px;
	}
	#blogdetay .taglar span {
		padding: 2px 7px;
		font-size: 12px;
		line-height: 17.14px;
	}
	#blogdetay .sosyal {
		display:flex;
		align-items:center;
		justify-content:center;
		grid-gap:5px;
	}
	#blogdetay .sosyal span {
		font-size: 12px;
		line-height: 30px;
	}
	#blogdetay .sosyal a {
		font-size:20px;
		padding:0px 5px;
	}
	#blogdetay .navigasyon {
		grid-gap:10px;
		padding:20px 0px;
	}
	#blogdetay .navigasyon small{
		grid-gap:10px;
		font-size: 10px;
		line-height: 22px;
	}
	#blogdetay .navigasyon b {
		font-size: 18px;
		line-height: 22px; /* 125% */
	}

	/*------------------galeripage----------------------*/

	#galeripage {
		padding:50px 0px;
	}
	#galeripage .katlar {
		grid-gap:10px;
		margin-bottom:30px;
	}
	#galeripage .katlar a {
		height: 43px;
		padding: 0px 30px;
		font-size: 18px;
		line-height: 27px; /* 150% */
	}

	.galeriitem {
		display:block;
	}
	.galeriitem .resim {
		width:100%;
		object-fit:cover;
		object-position:center;
		border-radius:10px;
	}
	.galeriitem.kucuk .resim {
		aspect-ratio:630/400;
	}
	.galeriitem.buyuk .resim {
		aspect-ratio:630/400;
	}

	/*------------------hizmetlerpage----------------------*/

	#hizmetlerpage {
		position:relative;
		padding:50px 0px;
	}

	#hizmetlerpage .biziara {
		font-size: 22px;
		line-height: 27.88px; 
		margin-top:50px;
	}
		
	/*------------------hizmetdetay----------------------*/

	#hizmetdetay {
		padding:50px 0px;
	}
	#hizmetdetay .resim {
		margin-bottom:30px;
	}
	#hizmetdetay .resim img{
		width:100%;
		border-radius:10px;
	}
	#hizmetdetay .resim span {
		bottom:30px;
		right:30px;
		height:56px;
		padding: 0px 35px;
		font-size: 12px;
		line-height: 16.8px;
		border-radius: 30px;
	}
	#hizmetdetay .resim span i {
		font-size: 18px;
	}
	#hizmetdetay .menu {
		padding:40px 50px;
		border-radius: 10px;
		grid-gap:10px;
	}
	#hizmetdetay .menu a {
		font-size: 18px;
		line-height: 26px; /* 144.444% */
	}

	/*------------------iletisimpage----------------------*/

	#iletisimpage {
		padding:0px 0px 50px 0px;
	}
	#iletisimpage .sol {
		grid-gap:20px;
		padding:10% 10%;
	}
	#iletisimpage .sol .yazi1 {
		font-size: 14px;
		line-height: 18px;
	}
	#iletisimpage .sol .yazi2 {
		font-size: 36px;
		line-height: 38.8px;
	}
	#iletisimpage iframe {
		width:100%;
		height:300px;
	}
	#iletisimpage .alan {
		margin-top:50px;
	}
	#iletisimpage .alan .bilgi {
		grid-gap:10px;
		padding:5%;
	}
	#iletisimpage .alan .bilgi img {
		width:36px;
		height:36px;
	}
	#iletisimpage .alan .bilgi b {
		font-size: 32px;
		line-height: 38px; 
	}
	#iletisimpage .alan .bilgi small {
		font-size: 18px;
		line-height: 26px; /* 144.444% */
	}
	#iletisimpage .alan .form {
		grid-gap:20px;
	}
	#iletisimpage .alan .form .yazi1 {
		font-size: 14px;
		line-height: 18px;
	}
	#iletisimpage .alan .form .yazi2 {
		font-size: 33.422px;
		line-height: 37.7px;
	}
	#iletisimpage .alan .form .yazi3 {
		font-size: 18px;
		line-height: 26px; /* 144.444% */
	}
	#iletisimpage .alan .form label {
		font-size: 18px;
		line-height: 26px; /* 144.444% */
	}
}