@media (max-width: 1585px) {


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


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

	main {
		width:100vw;
	}
	body {
		padding-top:65px;
	}
	#header {
		display:none;
	}
	#mobilheader {
		display:flex;
	}
	#mobilmenu {
		display:block;
	}


	/*------------------slider----------------------*/

	#slider {
		position:relative;
	}
	#slider .solresim {
		height:100%;
	}
	#slider .solresim img {
		width:100%;
		height:100%;
	}
	#slider .sagresim {
		height:100%;
	}
	#slider .sagresim img {
		width:100%;
		height:100%;
	}
	#slider .sliderorta {
		height:100%;
		grid-gap:20px;
		padding:10% 15px;
	}
	#slider .sliderorta .yazi1 {
		line-height: 1.5rem;
		font-size: .875rem;
		padding-bottom: .25rem;
		padding-top: .25rem;
		padding-left: .75rem;
		padding-right: .75rem;
		border-radius: 9999px;
	}
	#slider .sliderorta .yazi2 {
		font-size: 1rem;
		line-height: 1.5rem;   
		font-weight: 700;
		text-align:center;
	}
	#slider .sliderorta .yazi3 {
		font-size: 32px;
		line-height: 2rem;
	}
	#slider .sliderorta .yazi4 {
		font-size: 1rem;
		line-height: 1.25rem;
	}
    
    #slider .sliderorta .form {
    	min-width:100%;
    	display:flex;
    	flex-direction:column;
    	grid-gap:10px;
    }
    #slider .sliderorta .form input {
    	text-align:center;
    	width:100%;
    }
    #slider .sliderorta .form button {
    	width:100%;
    }
	/*------------------slideralt----------------------*/

	#slideralt {
		padding:30px 15px;
		display:none;
	}
	#slideralt .adimlar {
		border-radius:20px;
		padding:10px 20px;
		margin-top:-50px;	
		margin-bottom:20px;
	}
	#slideralt .adimlar img {
		width:100%; 
	}
	#slideralt .fiyat {
		color: #1b145d;
		font-weight: 700;
		font-size: 3rem;
		line-height: 1;
	}
	#slideralt .saat {
		display:flex;
		align-items:center;
	}
	#slideralt .saat b {
		color: #1b145d;
		font-weight: 700;
		font-size: 3rem;
		line-height: 1;
	}
	#slideralt .saat small {
		color: #1b145d;
		font-weight: 700;
		font-size: 1rem;
		line-height: 1;
	}

	/*------------------ornekler----------------------*/

	#ornekler {
		position:relative;
		padding:40px 0px;
	}
	#ornekler .yazi1 {
		font-size:18px;
		line-height:28px;
		margin-bottom:20px;
	}
	#ornekler .yazi2 {
		font-size:28px;
		line-height:34px;
		margin-bottom:40px;
	}
	#ornekler .yazi3 {
		font-size:16px;
		line-height:24px;
		margin-bottom:10px;
	}
	#ornekler .yazi3 b {
		font-size:16px;
		line-height:24px;
		margin-bottom:10px;
	}
	#ornekler .res1 {
		height:62px;
	}
	#ornekler .ok {
		height:42px;
	}
	#ornekler .res2 {
		width:100%;
		aspect-ratio:1024/832;
		object-fit:cover;
		object-position:center;
		border-radius:6px;
	}

	/*------------------beforeafter----------------------*/

	#beforeafter {
		position:relative;
		padding:40px 0px;
	}
	#beforeafter .yazi1 {
		font-size:28px;
		line-height:34px;
		margin-bottom:20px;
	}
	#beforeafter .yazi2 {
		font-size:20px;
		line-height:28px;
		margin-bottom:40px;
	}
	#beforeafter .beforeafteric {
		padding:25px;
	}
	#beforeafter .twentytwenty-container {
		border-radius:10px;
	}

	/*------------------ozellikler----------------------*/

	#ozellikler {
		padding:40px 0px;
	}
	#ozellikler .yazi0 {
		font-size:16px;
		line-height:24px;
		margin-bottom:20px;
	}
	#ozellikler .yazi1 {
		font-size:28px;
		line-height:34px;
		margin-bottom:20px;
	}
	#ozellikler .yazi2 {
		font-size:16px;
		line-height:22px;
		margin-bottom:40px;
	}

	.ozellikitem {
		padding:15px;
	}
	.ozellikitem .resim {
		width:120px;
		aspect-ratio:486/384;
		border-radius:10px;
	}
	.ozellikitem .bilgi {
		width:calc(100% - 120px);
		padding-left:14px;
	}
	.ozellikitem .bilgi .adi {
		font-size:16px;
		line-height:22px;
		margin-bottom:8px;
	}
	.ozellikitem .bilgi .desc {
		font-size:14px;
		line-height:20px;
	}

	/*------------------paketler----------------------*/

	#paketler {
		padding:40px 0px;
	}
	#paketler .yazi0 {
		font-size:16px;
		line-height:24px;
		margin-bottom:20px;
	}
	#paketler .yazi1 {
		font-size:28px;
		line-height:34px;
		margin-bottom:20px;
	}
	#paketler .yazi2 {
		font-size:20px;
		line-height:28px;
		margin-bottom:40px;
	}
	.paketitem {
		border-radius:20px;
	}
	.paketitem.active {
		border-radius:20px;
	}
	.paketitem .ust {
		padding:5px 10px;
		border-radius:20px;
		font-size:14px;
	}
	.paketitem .katman1 {
		padding:20px;
	}
	.paketitem .adi {
		font-size:14px;
		line-height:24px;
		margin-bottom:16px;
	}
	.paketitem .fiyat {
		font-size:40px;
		line-height:24px;
		margin-bottom:16px;
	}
	.paketitem .desc {
		font-size:14px;
		line-height:20px;
	}
	.paketitem .katman2 {
		padding:20px;
	}
	.paketitem .katman2 ul {
		margin-bottom:20px;
	}

	.paketitem .katman2 ul li {
		padding-left:20px;
		font-size:14px;
		font-weight:400;
		line-height:16px;
		margin-bottom:10px;
	}
	
	/*------------------sss----------------------*/

	#sss {
		padding:40px 0px;
	}
	#sss .yazi0 {
		font-size:16px;
		line-height:24px;
		margin-bottom:20px;
	}
	#sss .yazi1 {
		font-size:28px;
		line-height:34px;
		margin-bottom:20px;
	}
	#sss .yazi2 {
		font-size:14px;
		line-height:22px;
		margin-bottom:40px;
	}

	/*------------------avantajlar----------------------*/

	#avantajlar {
		padding:40px 0px;
	}
	#avantajlar .yazi1 {
		font-size:28px;
		line-height:34px;
		margin-bottom:40px;
	}
	#avantajlar .yazi2 {
		font-size:20px;
		line-height:28px;
		margin-bottom:20px;
	}

	.avantajitem {
		border-radius:20px;
		padding:20px;
		grid-gap:10px;
		height:100%;
	}
	.avantajitem .icon {
		height:40px;
	}
	.avantajitem .adi {
		font-size: 20px;
		line-height: 36px;
	}
	.avantajitem .desc {
		font-size: 16px;
		line-height: 24px;
	}

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

	#footer {
		position:relative;
		background:#18181b;
	}
	#footer .ust {
		position:relative;
		padding:20px 0px;
	}
	#footer .ust .logo {
		margin-bottom:10px;
	}
	#footer .ust .logo img{
		height:32px;
	}
	#footer .ust .footeryazi {
		font-size:18px;
		line-height:28px;
	}
	#footer .orta {
		position:relative;
		padding:20px 0px;
	}

	#footer .menubas {
		position:relative;
		font-size: 16px;
		text-align:left;
		padding-right:40px;
		margin-bottom:10px;
	}
	#footer .menubas:before {
		position:absolute;
		content:"\f105";
		top:0px;
		right:0px;
		height:100%;
		width:30px;
		font-size:20px;
		color:var(--pembe);
		font-family: 'Line Awesome Free';
		font-weight: 900;
	}
	#footer .menualan {
		display:none;
		padding-bottom:0px;
	}
	#footer .menulink {
		font-size: 12px;
		text-align:left;
	}	
	#footer .alt {
		position:relative;
		padding:20px 0px;
		font-size:18px;
		line-height:28px;
	}

}