@media (max-width:1759px) {	


}

@media (max-width:1559px) {	

	.cookies-box{
		padding:15px;
	}

	.menu-li{
		margin:0 21px
	}
	

}

@media (max-width:1620px) {
	
	.header-wrapper{
		justify-content: space-between;
		padding:50px 0
	}

	.logo{
		position: relative;
		left:30px;
		top:0;
		transform:none
	}

	.header-right{
		position: relative;
		top:0;
		right:30px;
		transform: none;
	}

	.nav-container{
		width: 100%;
		order:4;
		justify-content: flex-end;
		margin-top:15px
	}

	.menu{
		justify-content: flex-end;
	}

	.container{
		width:100%;
	}

	.menu-li{
		margin:0 30px
	}

	.mega-menu-wrapper{
		padding:280px 0 140px 0;
	}

	.mega-list li{
		padding:0 30px
	}

}

@media (max-width:1368px) {	

	.menu-link{
		font-size:14px
	}

	.haber-item-mask {
		-webkit-mask-image: none;
		mask-image: none;
	}

}

@media (max-width:1200px) {

	.header-wrapper{
		display: none;
	}

	.mobile-header-wrapper{
		display: flex;
	}

	.toggle{
		display: block;
	}

	.mobile-logo-link img{
		max-height:40px
	}

	.mega-menu-wrapper{
		padding:60px 0 60px 0;
	}

	.childs-wrapper .owl-nav{
		top:auto;
		transform:none;
		bottom:-50px;
		justify-content: center;
	}

	.childs-wrapper .owl-prev{
		margin:0;
		margin-right:15px
	}

	.childs-wrapper .owl-next{
		margin:0;
		margin-left:15px
	}

	.footer-center-left{
		width: 100%;
		padding-right:0
	}

	.footer-center-right{
		width: 100%;
		margin-top:30px;
		padding-right:0;
		padding:0 15px
	}

	.heading-wrapper{
		min-height:auto;
		padding:90px 0
	}

	.heading{
		width: 100%;
	}

	.heading-bottom{
		position: relative;
		bottom:auto;
		margin-top:30px
	}

	.iletisim-wrapper{
		padding:30px 0
	}

	.iletisim-left{
		width:100%;
		padding-right:0;
		order:2
	}
	
	.iletisim-right{
		width:100%;
		padding-left: 0;
		order:0
	}

	.exhibition-grid-sizer{
		width:50%;
	}
	
	.exhibition-grid-item{
		width:50%;
	}

}

@media (max-width:1024px) {

	.mega-list li{
		width: 50%;
	}

	.footer-center-item{
		width: 100%;
		margin-bottom:30px
	}

	.footer-top{
		justify-content: flex-start;
	}

	.footer-top-title{
		font-size:14px
	}

	.footer-social{
		margin-top:30px;
		width: 100%;
		justify-content: flex-start;
	}

	.footer-social-item{
		margin:0;
		margin-right:20px
	}

	.haber-item-wrapper{
		width: 50%;
	}

	.etkinlik-item-wrapper{
		width: 50%;
	}

}

@media (max-width:768px) {
	.exhibition-grid-sizer{
		width:100%;
	}
	
	.exhibition-grid-item{
		width:100%;
	}
}

@media (max-width:600px) {

	.mega-list li{
		width: 100%;
	}

	.haber-item-wrapper{
		width: 100%;
	}

	.etkinlik-item-wrapper{
		width: 100%;
	}
}

@media (max-width:1200px) {

	/** components **/

	.font-10{
		font-size:10px;
		line-height:20px;
	}
	
	.font-12{
		font-size:12px;
		line-height:22px;
	}
	
	.font-14{
		font-size:14px;
		line-height:24px;
	}
	
	.font-16{
		font-size:14px;
		line-height:24px;
	}
	
	.font-18{
		font-size:18px;
		line-height:28px;
	}
	
	.font-20{
		font-size:20px;
		line-height:30px;
	}
	
	.font-22{
		font-size:22px;
		line-height: 32px;
	}
	
	.font-24{
		font-size:24px;
		line-height: 34px;
	}
	
	.font-26{
		font-size:26px;
		line-height: 36px;
	}
	
	.font-28{
		font-size:28px;
		line-height: 38px;
	}
	
	.font-30{
		font-size:30px;
		line-height: 40px;
	}
	
	.font-32{
		font-size:32px;
		line-height: 42px;
	}
	
	.font-34{
		font-size:34px;
		line-height: 44px;
	}
	
	.font-36{
		font-size:36px;
		line-height: 46px;
	}
	
	.font-38{
		font-size:38px;
		line-height: 48px;
	}
	
	.font-40{
		font-size:40px;
		line-height: 50px;
	}

	.font-48{
		font-size:35px;
		line-height: 45px;
	}

}

@media (max-width:1024px){

	/** components **/

	.font-10{
		font-size:10px;
		line-height:20px;
	}
	
	.font-12{
		font-size:12px;
		line-height:22px;
	}
	
	.font-14{
		font-size:14px;
		line-height:24px;
	}
	
	.font-16{
		font-size:14px;
		line-height:24px;
	}
	
	.font-18{
		font-size:18px;
		line-height:28px;
	}
	
	.font-20{
		font-size:20px;
		line-height:30px;
	}
	
	.font-22{
		font-size:22px;
		line-height: 32px;
	}
	
	.font-24{
		font-size:24px;
		line-height: 34px;
	}
	
	.font-26{
		font-size:26px;
		line-height: 36px;
	}
	
	.font-28{
		font-size:28px;
		line-height: 38px;
	}
	
	.font-30{
		font-size:26px;
		line-height: 36px;
	}
	
	.font-32{
		font-size:32px;
		line-height: 42px;
	}
	
	.font-34{
		font-size:34px;
		line-height: 44px;
	}
	
	.font-36{
		font-size:36px;
		line-height: 46px;
	}
	
	.font-38{
		font-size:38px;
		line-height: 48px;
	}
	
	.font-40{
		font-size:40px;
		line-height: 50px;
	}

}

@media (max-width:768px){

	/** components **/

	.font-10{
		font-size:10px;
		line-height:20px;
	}
	
	.font-12{
		font-size:12px;
		line-height:22px;
	}
	
	.font-14{
		font-size:14px;
		line-height:24px;
	}
	
	.font-16{
		font-size:14px;
		line-height:24px;
	}
	
	.font-18{
		font-size:16px;
		line-height:24px;
	}
	
	.font-20{
		font-size:18px;
		line-height:28px;
	}
	
	.font-22{
		font-size:22px;
		line-height: 32px;
	}
	
	.font-24{
		font-size:24px;
		line-height: 34px;
	}
	
	.font-26{
		font-size:26px;
		line-height: 36px;
	}
	
	.font-28{
		font-size:28px;
		line-height: 38px;
	}
	
	.font-30{
		font-size:20px;
		line-height: 30px;
	}
	
	.font-32{
		font-size:32px;
		line-height: 42px;
	}
	
	.font-34{
		font-size:34px;
		line-height: 44px;
	}
	
	.font-36{
		font-size:22px;
		line-height: 32px;
	}
	
	.font-38{
		font-size:38px;
		line-height: 48px;
	}
	
	.font-40{
		font-size:40px;
		line-height: 50px;
	}

}