/* Cihazlar */
@media screen and (max-width:1920px){
	/* daha da geniş ekranlar */
}
@media screen and (max-width:1600px){
	/* daha geniş ekranlar */
}
@media screen and (max-width:1440px){
#carousel .item {
	height: 600px;
}
}
@media screen and (max-width:1280px){
#carousel .item {
	height: 500px;
}
}
@media screen and (max-width:1200px){
	/* bootstrap daralma */
}
@media screen and (max-width:1024px){
	/* big landscape tablets, laptops, and desktops */
}
@media screen and (max-width:991px){
	/* bootstrap daralma */
}
@media screen and (max-width:960px){
	/* tablet, landscape iPad, lo-res laptops ands desktops */
}
@media screen and (max-width:840px){
	/* not almışım */
}
@media screen and (max-width:767px){
	body #carousel .item .content {
		text-align: left;
		padding: 0 !important;
		margin: 0 !important;
		width: 50%;
	}
	body #carousel .item {
		height: 320px;
	}
	.layout-page-1 .top .title{
		font-size:42px;
	}
	#carousel .item .content .title {
	font-size: 28px;
	}
	#carousel .item .content .description {
	font-size: 24px;
	}
	.content .button > .btn.btn-primary {
	padding: 13px 17px !important;
	}
	.content.onde_resim {
		width: 100% !important;
	}
	.onde_resim .row > div {
		width: 50%;
	}
	body #carousel .content.onde_resim .img-fluid {
		height: 280px !important;
	}
	
	
    body #carousel .item {
    	height: unset !important;
    	background: #fff;
    }
    body #carousel .item .content {
    	width: 100%;
    	position: absolute;
        top: 10px;
    }
    #carousel .item .background {
    	position: relative;
    	left: 0;
    	top: 0px;
    }
    #carousel .item .background img {
    	object-fit:unset;
    	height: auto;
    }
    .content.arkada_resim {
	display: none!important;
    }
    #carousel .item .background.bgvar {
    	height: auto !important;
    	padding-top: 21px;
    }
    #carousel .item .background.bgvar img {
        height: auto !important;
    }
    .background.bgvar > a {
    	background: unset !important;
    }

}
@media screen and (max-width:720px){
	/* not almışım */
}
@media screen and (max-width:640px){
	/* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */
}
@media screen and (max-width:480px){
	body #carousel .item .content {
	width: 63%;
	}
	#carousel .item .content .title {
	font-size: 24px;
	}
	#carousel .item .content .description {
	font-size: 21px;
	}
}
@media screen and (max-width:360px){
	/* not almışım */
}
@media screen and (max-width:320px){
	/* smartphones, iPhone, portrait 480x320 phones */
}