@media (max-width: 1795px) {

	#header .alan .logo img {
    	height: 60px;
	}
	#header .menu ul {
    	grid-column-gap: 15px;
	}
	#header .menu .link-item {
    	font-size: 14px;
	}
	
}

@media (max-width: 1585px) {
	#header .container-fluid {
    	max-width: calc(100vw - 55px);
	}
	#header .alan .logo img {
		height: 50px;
    }
	

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


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

	main {
		width:100vw;
	}
	body {
		padding-top:0px;
	}	
	.container-fluid {
		max-width:calc(100vw - 0px);	
	}
	.btn {
		padding:0px 22px;
		height:44px;
		font-size: 16px;
	}

	#header {
		display:none;
	}
	#mobilheader {
		display:flex;
	}
	#mobilmenu {
		display:block;
	}

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

	#slider .item {
		position: relative;
	}
	
	
	#slider .item .anaresim {
		object-fit: contain;
		height:auto;
		
	}

	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
		bottom: 0px;
        left: 40vw;
        right: 40vw;
        width: 100px;
        display: inline-flex;
        justify-content: flex-end;
	}
	#slider .slider-button-prev ,
	#slider .slider-button-next 
	{
		bottom: 20vh;
        left: 95vw;
		width: 30px;
		height: 30px;
		border-radius: 30px;
		font-size: 15px;
	}
	#slider .slider-button-prev {
        left: 4vw;
    }
	#slider .alt {
		padding:20px 0px;
	}
	#slider .alt .yazi1 {
		font-size: 22px;
		margin-bottom:3px;
	}
	#slider .alt .yazi2{
		font-size: 32px;
		margin-bottom:10px;
	}
	#slider .alt .yazi3{
		font-size: 22px;
	}
	#slider .slide .item .bilgi {
		transition: all 0.3s ease;
        background: rgba(0, 0, 0, 0.2);
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        padding: 1px;
        z-index: 5;
        justify-content: center;
        align-content: center;
        flex-wrap: wrap;
	}
	#slider .slide .item .bilgi .buton {
		display: none;
        padding: 6px;
        height: auto;
        color: #ffffff;
        font-size: 12px;
        font-weight: 700;
        line-height: 14px;
        border-radius: 20px;
        border: 1px solid #fff;
        transition: all 0.3s ease;
        margin: 4px;
        width: 44%;
	}
	
	#slider .slide .item:hover .bilgi .buton {
	  color: #fff;
	  background: transparent;
	  
	}
	#slider.main-slider{
		display:none;
	}
	#slider.responsive-slide{
		display:block;
	}
	#slider .slide {
		flex-wrap: wrap;
		padding-top: 4em;
	}
	#slider.responsive-slide .slide .item {
		position: relative;
		width: 50%;
		height: 50%;
		cursor: pointer;
		padding-top: 0em;
	}
	

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

	#hakkimizda {
		padding-top:20px;
	}
	#hakkimizda .yazi1 {
		font-size: 30px;
		margin-bottom:15px;
	}
	#hakkimizda .yazi2 {
		font-size: 16px;
		margin-bottom:35px;
	}
	#hakkimizda .buton {
		margin-bottom:35px;
	}
	#hakkimizda .sag {
		padding:15px;
		background:var(--anarenk);
	}
	#hakkimizda .sag .slogan {
		margin-bottom:20px;
	}
	#hakkimizda .sag .slogan img {
		width:100px;
	}
	#hakkimizda .sag .slogan .yazi  {
		font-size: 20px;
	}
	#hakkimizda .sag .yazi3 {
		font-size: 30px;
		margin-bottom:20px;
	}

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

	#hizmetler {
		padding:20px 0px;
	}
	#hizmetler .yazi {
		font-size: 20px;
		line-height: 31.5px; /* 157.5% */
		margin-bottom:20px;
	}
	#hizmetler .kutu {
		aspect-ratio:1/1;
		max-height:700px;
		margin-bottom:20px;
	}
	#hizmetler .kutu .ust {
		font-size: 16px;
		line-height: 136.5%; /* 21.84px */
	}
	#hizmetler .kutu .ust span {
		width:120px;
		height:120px;
		font-size: 40px;
		margin-right:20px;
	}
	#hizmetler .kutu .orta {
		padding:20px 20px;
		font-size: 14px;
		line-height: 136.5%; /* 21.84px */
	}
	#hizmetler .kutu .orta b {
		font-size: 20px;
		line-height: 25px; /* 156.667% */
		margin-bottom:15px;
	}
	#hizmetler .kutu .alt {
		padding:20px 20px;
	}
	#hizmetler .kutu .alt .circ{
		width:40px;
		height:40px;
		border-radius:40px;
		font-size:20px;
	}


	/*------------------referanslar----------------------*/

	#referanslar {
		padding:20px 0px;
	}
	#referanslar .ust {
		margin-bottom:20px;
		flex-direction:column;
	}
	#referanslar .ust .yazi{
		width:100%;
		margin-right:0px;
		font-size: 20px;
		text-align:center;
		margin-bottom:20px;
	}
	#referanslar .item {
		width:100%;
		aspect-ratio:600/276;
		max-height:300px;
		background: #F5F5F5;
		padding:25px 33px;
	}
	#referanslar .item .adi {
		font-size: 25px;
		line-height: 136.5%; /* 34.125px */
		margin-bottom:10px;
		text-align:center;
	}
	#referanslar .swiper {
		padding:0px 50px;
	}
	#referanslar .item .resim {
		width:100%;
		height:136px;
	}

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

	#bloglar {
		padding:20px 0px;
	}
	#bloglar .baslik {
		font-size: 27px;
		margin-bottom:15px;
	}
	#bloglar .altbaslik {
		font-size: 16px;
		line-height: 20px;
		margin-bottom:15px;
	}
	#bloglar .referans .item {
		/*height: 179px;*/
	}
	/*#bloglar .item .resim {
		aspect-ratio:560/348;
		max-height:548px;
	}*/
	#bloglar .item .alt {
		padding:20px;
	}
	#bloglar .item .alt .adi2 {
		width:100%;
		font-size: 14px;
		line-height: 30px;
	}
	#bloglar .item .alt .circ {
		width:40px;
		height:40px;
		border-radius:20px;
		font-size:20px;
	}


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

	#footer {
		padding:25px 0px 0px 0px;
	}
	#footer .logo {
		text-align:center;
		margin-bottom:25px;
	}
	#footer .logo img {
		height:56px;
	}
	#footer .menu  {
		display:none;
	}
	#footer .bas {
		font-size: 20px;
		line-height: 173%; /* 34.6px */
		margin-bottom:15px;
		text-align:center;
	}

	#footer .sosyal {
		justify-content:center;
		margin-bottom:15px;
	}
	#footer .buton {
		margin-bottom:15px;
		text-align:center;
	}
	#footer .alt {
		flex-direction:column;
	}
	#footer .alt .copy {
		margin-right:0px;
		margin-bottom:10px;
	}


	/*------------------kurumsal----------------------*/

	#kurumsal {
		padding:0px 0px 30px 0px;
	}

	#kurumsal .ust {
		padding:30px 0px 150px 0px;
	}


	#kurumsal .yazi1 {
		font-size: 25px;
		letter-spacing: 10px;
		margin-bottom:30px;
	}
	#kurumsal .yazi2 {
		font-size: 30px;
		margin-bottom:30px;
	}
	#kurumsal .yazi3 {
		font-size: 14px;
	}

	#kurumsal .resim {
		margin-top:-120px;
		margin-bottom:20px;
	}
	#kurumsal .yazi4 {
		font-size: 30px;
		margin-bottom:30px;
	}
	#kurumsal .yazi5 {
		font-size: 14px;
		margin-bottom:30px;
	}
	#kurumsal .kutu {
		padding:30px 44px;
		margin-bottom:20px;
	}
	#kurumsal .kutu:before {
		top:10px;
		left:10px;
		width:24px;
		height:24px;
	}
	#kurumsal .kutu .adi:before {
    left: 10px;
    width: 20px;
    height: 20px;
	}
	#kurumsal .kutu.gri:before {
    top: 8%;
	left: auto;
    right: 5%;
	}
	#kurumsal .kutu.gri:after {
    right: 6.32%;
	}
	#kurumsal .kutu .adi {
		font-size: 30px;
		margin-bottom:15px;
	}
	#kurumsal .kutu .desc {
		font-size: 14px;
	}
	
	/*------------------kiminicin----------------------*/

	#kiminicin {
		position:relative;
	}

	#kiminicin .ust {
		background-size:auto 60%;
		padding:30px 0px 30px 0px;
	}
	#kiminicin .ust2 {
		background-size:auto 60%;
		padding:60px 0px 30px 0px;
	}
	#kiminicin .ust .resim {
		margin-bottom:30px;
	}

	#kiminicin .alt {
		margin:15px 0px;
		padding:30px 15px;
		background:var(--anarenk);
	}
	#kiminicin .alt .resim2:before {
		right:0px;
		opacity:0.3;
	}

	#kiminicin .aciklama {
		margin-bottom:15px;
	}
	#kiminicin .aciklama h1 {
		font-size: 24px;
		line-height: 34px;
		margin-bottom:15px;
	}
	#kiminicin .aciklama ul {
		margin-bottom:15px;
	}
	#kiminicin .aciklama ul li {
		margin-bottom:10px;
	}
	#kiminicin .aciklama h2 ,
	#kiminicin .aciklama h3 ,
	#kiminicin .aciklama h4 ,
	#kiminicin .aciklama h5 
	{
		font-size: 24px;
		line-height: 36px;
		margin-bottom:15px;
	}
	#kiminicin .aciklama p 
	{
		font-size: 16px;
		line-height: 24px;
		margin-bottom:15px;
	}

	/*------------------bread----------------------*/
	#bread {
    padding-top: 65px;
	}
	#bread .anaresim {
    height: 300px;
	}
	#bread .alan .yazi1{
    font-size: 25px;
    width: calc(100% - 20px);
	}
	/*------------------hizmetdetay----------------------*/

	#hizmetdetay {
		padding: 0;
	}

	#hizmetdetay .ust {
		padding:30px 0px 0px 0px;
	}

	#hizmetdetay .hizmetkutu {
		margin-bottom:10px;
	}
	#hizmetdetay .hizmetkutu .sol {
		width: 100%;
		height: 100%;
		font-size: 30px;
	}
	#hizmetdetay .hizmetkutu .sol.mavi , 
	#hizmetdetay .hizmetkutu:hover .sol 
	{
		box-shadow: 3px 3px 5px #EADBC8;
	}
	#hizmetdetay .hizmetkutu .sag {
		width:calc(100% - 100px);
		padding:0px 20px;
		font-size: 18px;
	}
	#hizmetdetay .resimalan {
		position:relative;
		z-index:5;
		margin-top:-15px;
		margin-bottom:30px;
	}

	#hizmetdetay .resimalan img {
		height:200px;
		object-fit:cover;
	}

	#hizmetdetay .resimalan .bilgi .yazi1 {
		font-size: 20px;
		margin-bottom:3px;
	}
	#hizmetdetay .resimalan .bilgi .yazi2 {
		font-size: 50px;
	}
	
	/*------------------bloglist----------------------*/

	#bloglist {
		padding:30px 0px 30px 0px;
	}

	#bloglist .baslik {
		font-size: 25px;
		letter-spacing: 30px;
		margin-bottom:30px;
	}
	#bloglist .item .resim {
		aspect-ratio:560/348;
		max-height:548px;
	}
	#bloglist .item .alt {
		padding:20px;
	}
	#bloglist .item .alt .adi {
		width:calc(100% - 40px);
		padding-right:15px;
		font-size: 20px;
		line-height: 30px;
	}
	#bloglist .item .alt .circ {
		width:40px;
		height:40px;
		border-radius:20px;
		font-size:20px;
	}

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

	#iletisimpage {
		padding:30px 0px 30px 0px;
	}

	#iletisimpage .baslik {
		font-size: 25px;
		letter-spacing: 30px;
		letter-spacing:4px;
		margin-bottom:30px;
	}
	#iletisimpage .orta {
		margin-bottom:30px;
	}
	#iletisimpage .orta .sol {
		padding:20px 15px; 
	}
	#iletisimpage .orta iframe {
		height:300px;
	}
	#iletisimpage .bilgi {
		margin:10px 0px;
	}
	#iletisimpage .bilgi .icon {
		width: 50px;
		height: 50px;
		font-size:25px;
	}
	#iletisimpage .bilgi .yazi {
		width:calc(100% - 50px);
		padding-left:10px;
		font-size: 14px;
		line-height: 22px; /* 161.111% */
		opacity: 0.8;
	}
	#iletisimpage .form-control {
		height:50px;
		border-radius:0px;
		border: 1px solid #B2B5B5;
		background: #FFF;
		border-left:2px solid #B2B5B5 !important;
	}
	#iletisimpage .form-control:focus {
		border-left:2px solid var(--anarenk) !important;
	}
	#iletisimpage textarea.form-control {
		height:120px;
	}
	
	input#phone {
    min-width: auto;
	}
	.button-wrapper {
    top: 95%;
		
	}
	.button-wrapper::before, .button-wrapper::after, .button-wrapper .wave {
    top: -35px;
    left: 12px;
    width: 42px;
    height: 70px;
	}
	#openButton {
    width: 70px;
    height: 35px;
	font-size: 12px;
	}
}