﻿
@media screen and (max-width: 1720px) {

}


@media screen and (max-width: 1170px) {


	.ortala { width: 100% !important; max-width: none; display: block; float: left; padding: 0px 20px !important; box-sizing: border-box; position: relative; box-sizing: border-box; margin: 0 !important; }
	.ortala.sld { padding: 0px; }


	.genelBaslik .Vmenu { float: left; position: relative; display: initial; margin: 0 11px 0 0; }


	main section.icerik .solBar { width: 240px; position: absolute; -webkit-box-shadow: 3px 3px 7px 0px rgba(0,0,0,0.17); -moz-box-shadow: 3px 3px 7px 0px rgba(0,0,0,0.17); box-shadow: 3px 3px 7px 0px rgba(0,0,0,0.17); top: -30px; left: 30px; z-index: 9999; background: #fff; overflow: hidden; background: transparent; transition: all .3s cubic-bezier(.645,.045,.355,1); z-index: 9999; pointer-events: none; opacity: 0; background: none; border-radius: 20px; border-top-left-radius: 0; border-top-right-radius: 0; }
	.icerik .solBar.active { opacity: 1; pointer-events: auto; visibility: visible; /* background: #ffffffd4; */ /* backdrop-filter: blur(4px); */ }
	main section.icerik .sagBar { width: 100%; float: left; padding: 0; margin: 0; }
	.YanMenu.qbr { border-top-left-radius: 0; border-top-right-radius: 0; }


	.userControl { margin-top: 0px !important; }

	.bekle { background-position: center 7px; }
	.bekle:after { margin-top: 76px; }


	main section { width: 100%; margin: 0 0 50px 0; }
	main section .ortala, main section .inner { /* opacity: 1; */ top: 0px; flex-direction: column; }
	main section .yazi { /* font-size: 15px; */ /* line-height: 21px; */ text-align-last: center; }



	.anaBaslik { margin: 0 0 30px 0; flex-direction: column; align-items: center; justify-content: center; }
	.anaBaslik.genelBaslik { flex-direction: row; }
	.anaBaslik p { font-size: 18px; line-height: 26px; font-weight: 400; text-align-last: center; margin: 20px 0 0 0; }
	.anaBaslik *.none { display: initial; }
	.anaBaslik h1 a, .anaBaslik h2 a, .anaBaslik h3 a, .anaBaslik h4 a, .anaBaslik h5 a, .anaBaslik h6 a, .anaBaslik strong a, .anaBaslik h1, .anaBaslik h2, .anaBaslik h3, .anaBaslik h4, .anaBaslik h5, .anaBaslik h6, .anaBaslik strong { padding: 0 0 8px 0; }
	.anaBaslik h1 a, .anaBaslik h2 a, .anaBaslik h3 a, .anaBaslik h4 a, .anaBaslik h5 a, .anaBaslik h6 a, .anaBaslik strong a, .anaBaslik h1, .anaBaslik h2, .anaBaslik h3, .anaBaslik h4, .anaBaslik h5, .anaBaslik h6, .anaBaslik strong { font-size: 23px; line-height: 23px; text-align: center; }
	.anaBaslik h1:after, .anaBaslik h2:after, .anaBaslik h3:after, .anaBaslik h4:after, .anaBaslik h5:after, .anaBaslik h6:after, .anaBaslik strong:after { display: none; }


	.linkler { display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; justify-content: center; margin: 30px 0 0 0; }
	.linkler a { margin: 0 0 19px 0; }
	.linkler a:last-child { margin: 0; }


	
	main section.icerik .inner { flex-direction: column; align-items: center; justify-content: center; }


	header .logo {width: 200px;}

	.yakindaWrap {padding: 0;height: 100%;position: fixed;left: 0;top: 0;}
	.yakindaWrap h1 {font-size: 30px;line-height: 30px;}
	.yakindaWrap h2 {font-size: 71px;line-height: 71px;}
	
	
	.telefon {left: 20px;bottom: 20px;}
	.telefon a {padding: 10px 23px 15px 48px;}
	.telefon a:before {width: 18px;left: 22px;}
	.telefon a:after {width: 11px;}
	.telefon a strong {font-size: 17px;line-height: 18px;}
	
	
	.kosen {width: 90px;right: 20px;}


	.talepFormuWrap .talebi .kapsul {width: calc(100% - 50px);}


	.yakindaWrap .talep {font-size: 15px;line-height: 15px;padding: 14px 20px;margin: 20px 0 0 0;}
	
}


@media screen and (max-width: 1024px) {
}

@media screen and (max-width: 980px) {
}

@media screen and (max-width: 900px) {
}

@media screen and (max-width: 768px) {

}

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

@media screen and (max-width: 714px) {

	body {background-image: url(../images/bg-mob.jpg);}

	.yakindaWrap h2 { font-size: 55px; line-height: 49px; }
}

@media screen and (max-width: 700px) {
}

@media screen and (max-width: 640px) {
}

@media screen and (max-width: 600px) {

}

@media screen and (max-width: 568px) {
}

@media screen and (max-width: 530px) {
}

@media screen and (max-width: 510px) {
}

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

}


@media screen and (max-width: 470px) {
}

@media screen and (max-width: 420px) {
}


@media screen and (max-width: 370px) {
}
