@media(min-width:1465px){
	.pages-menu{transform: translateX(23px)}

}
@media(max-width:1465px){
	#menu-content>ul li.user{transform: translateX(0)}
}

@media(max-width:1460px){
	#menu-content{right:0}
	#footer-ssl{padding-left: 20px;}
	
}

@media(max-width:1340px){

	#menu-content>ul li a{padding: 0 15px;}
}

@media (min-width:1024px) and (max-width:1320px){
	.event-item h2{font-size: 20px;}
}
@media(max-width:1320px){
	.item-header{min-height: 150px}
	.content-frame-body.w760{padding: 0 20px; padding-bottom: 40px;}
}

@media(max-width:1300px){
	#footer .container{width: 100%;}
	
	
}
@media(min-width:1100px) and (max-width:1365px){
	#hero-slogan-wrapper{padding-right: 70px}
}
@media(max-width:1279px){
	.content-page-frame, .team-item, #supporters-wrapper{padding:50px; }
	
	.team-item{ padding-top: 0}
	#breadcrumb .container::after{right: 0}
	#breadcrumb::before{display: none}
	#hero-image{transform-origin: left top; transform:  translateY(-28px) translateX(30px) scale(0.8);}
	#on-kisim{transform-origin: left top; transform:  translateY(-28px) translateX(30px) scale(0.8);}
}

@media(min-width:1199px){
.tournament-item-body{width:calc(50% - 80px)}
.tournament-item-image{width:calc(50% - 80px); margin-left: 160px}
.content-item-footer{transform: translateX(-100%)}
#menu-content ul li ul li a:hover{background-color: #ebe7e6;}

#menu-content>ul li.user.logged-user:hover{animation: logged_user_hover .15s ease-in; animation-fill-mode: forwards;}
#menu-content>ul li.user.logged-user:hover::after{content: ''; width: 22px; left: -1px; top: 0; height: 100%; background-color: #FFF; position: absolute; clip-path:polygon(0px 100%, 100% 0, 100% 0%, 0px 0); -webkit-clip-path:polygon(0px 100%, 100% 0, 100% 0%, 0px 0); }
#menu-content>ul li.user.logged-user:hover ul li:hover a{background-color: #F04A07;}
#menu-content>ul li:hover{background-color: #d6cfcd; background: url("../img/icons/dotted-border-white-2x.png") #d6cfcd bottom left repeat-x; background-size: 6px 3px;}
#menu-content>ul>li:hover::after{background-color: #d6cfcd;  }
#menu-content>ul>li:hover::before{ background-color: #d6cfcd;}

#menu-content>ul li:hover ul{height: auto; opacity: 1;}
#menu-content>ul li.one-level:hover{background-image: none;}

}

@media(max-width:1200px){

	.content-item.tournament.kotex{flex-direction: column}
	.content-item.tournament.kotex .tournament-item-body{width: 100%; max-width: 720px; margin: auto;}
	.content-item.tournament.kotex .tournament-item-image{width: 100%; max-width: 720px; margin: auto;}
	.kotex-video-wrapper{width: 100%;margin: auto; padding-top: 56.25%;}

	.tournament-body-wrapper h2{font-size:30px }
	body.menu-opened{overflow: hidden}
	.blog-post-body{padding: 45px; padding-bottom: 0;}
	.blog-post-body h2{font-size: 28px;}
	#menu-content{ right: 0; transform: translateX(100%);height: 100%; background-color: rgba(0,0,0,.25); position: fixed; width: 100%; z-index: 6; transition: ease-out all .2s; }
	body.menu-opened #menu-content{transform: translateX(-1px)}
	
	#menu-content ul{display: block; height: 100%; width: 85%; position: absolute; right: 0; top: 0; background-color: #FFF; box-sizing: border-box; padding: 0 20px; overflow-y: scroll; padding-bottom: 60px;}
	.pages-menu{transform: translateX(0); }
	#menu-content>ul>li::before,#menu-content>ul>li::after{display: none}
	#menu-content>ul li a{padding: 15px 0}
	#menu-content ul li ul{display: block; position: static; height: auto; opacity: 1; background-color: transparent; margin-left: 20px; font-size: 90%; padding: 0; }
	#menu-content ul li:hover ul{display: block}
	#menu-content ul li ul{transition: none;}
	#menu-content>ul li:hover{background: transparent;}
	#menu-content ul li.menu-item:nth-child(5){-webkit-clip-path:none; clip-path:none;  padding-right:0;}
	#menu-content>ul li.user{-webkit-clip-path:none; clip-path:none;}
	#menu-content>ul li.user a{padding-left: 25px;}
	#menu-content>ul li.user a br{display: none}
	#menu-content ul li ul li a{font-weight: normal; padding: 7.5px 0;}
	
	#mobile-menu-trigger{width: 40px; height: 40px; position: absolute; right: 10px; top: 0; transform: translateY(50%); border:1px solid #000; border-radius: 3px; display: flex; padding: 10px 5px; box-sizing: border-box; flex-direction: column; justify-content: space-between; z-index: 7;}
	#mobile-menu-trigger i{width: 100%; height: 4px; background-color: #000 }
	
	#login-banner img{height: auto}
	#login-banner{align-items: flex-end; display: flex; background-color: #f98f00;}
}



@media(max-width:1100px){
	#home-hero{height: calc(100vh - 255px)}
	#hero-image{transform-origin: left top; transform:  translateY(-28px) translateX(65px) scale(0.7);}
	#on-kisim{transform-origin: left top; transform:  translateY(-28px) translateX(65px) scale(0.7);}
	#hero-slogan-wrapper{padding-right: 50px;}
	.supporters-list{flex-wrap: wrap}
	.logo-item{width: 150px;}
	
	.blog-post-image{width: 200px; }
	.blog-post-body{width: calc(100% - 210px)}
	
}

@media(min-width:1024px) and (max-width:1200px){
		#menu-content ul{width: 50%;}
	
	
}
@media(min-width:1024px) and (max-width:1280px){
	
	.home-news-text{clip-path:none; -webkit-clip-path:none;}
	
	#home-news-bar .container{transform: none}
	.home-news-text-wrapper{padding-left: 75px;}
	.home-news-img{}

}
	
@media(max-width:1023px){
	#cta-wrapper a:nth-child(1),
	#cta-wrapper a:nth-child(2),
	#cta-wrapper a:nth-child(3){transform: translateX(10px);}
	
	#cta-wrapper a:nth-child(3){transform: translateX(0);}
	
	/*#cta-wrapper{width: 100%;}
	#cta-wrapper a{width: 33.33%; box-sizing: border-box; }
	#cta-wrapper a:nth-child(2),#cta-wrapper a:nth-child(3){transform: none; }
	#cta-wrapper a:nth-child(3){background-color: #f0f; clip-path:polygon(0% 100%, 100% 100%, 100% 0, 40px 0); -webkit-clip-path:polygon(0% 100%, 100% 100%, 100% 0, 40px 0);}
	#cta-wrapper a:nth-child(2){ }*/
	
	
	
	
	#header.home #header-logo{width: 205px;}
	
	
	.blog-post-item-wrapper{padding-right: 0; padding-bottom: 15px;}
	.content-flex{flex-direction: column}
	a.blog-post-item{flex-direction: column; margin-bottom: 0;}
	.blog-post-body{width: 100%;}
	.blog-post-image{width: 100%; height: auto; max-height: none}
	.blog-post-body{padding: 20px;}
	.content-flex .content-cell{width: 100% !important; margin-right: 0;}
	.content-flex.c2 .content-cell{margin-right: 0; margin-bottom: 10px;}
	.content-flex.c2 .content-cell:nth-last-child(-n+2){margin-bottom: 10px;}
	.content-flex.c2 .content-cell:nth-child(2n){margin-left: 0}
	#right-menu-wrapper{width: 100%;  margin: auto;}
	.content-frame-section h2{font-size: 28px;}
	.generic-blue{font-size: 28px; padding-bottom: 15px; margin-bottom: 15px;}
	.avatar-with-name h2{font-size: 24px;}
	.hero-image-wrapper{}
	#hero-image{transform: none; width: calc(100% - 20px); left: 10px; min-height: auto; background-color: #F00; display: none}
	#on-kisim{transform: none; width: calc(100% - 20px); left: 10px; min-height: auto; background-color: #F00; display: none}
	#home-events-list .container{flex-wrap: wrap}
	.event-item{width: calc(50% - 20px); margin-bottom: 20px;}
	#legal-links-wrapper{flex-direction: column; align-items: center; justify-content: center; padding-top: 20px;}
	.legal-link-item{padding:10px 0}
	.legal-link-item:nth-child(2){order: 1}
	.legal-link-item:nth-child(1){order: 2}
	.legal-link-item:nth-child(3){order: 3}
	#legal-links-wrapper a:last-child{margin-right: 0}
	
	#content-header{height: 310px;}
	#content-header img{height: 100%; width: 100%; object-fit: cover}
	
	#mobile-menu-trigger{width: 30px; height: 30px; padding: 7px 5px;}
	#mobile-menu-trigger i{width: 100%; height: 2px; background-color: #000 }
}

@media(max-width:1000px){
	#third-party{ height: auto}
	#third-party .container{display: block; width: 100%;}
	#footer-ssl{width:100%;  align-items: center; justify-content: center; margin: auto; padding: 10px; -webkit-clip-path:none; clip-path:none; box-sizing: border-box;}
	#footer-3rd-logos{padding-left: 0; padding: 10px;}
	#legal-links-wrapper a{text-align: center; padding: 10px; box-sizing: border-box; margin-right: 0;}
	.legal-link-item:nth-child(1){display: flex; justify-content: center}
	.legal-link-item:nth-child(3){text-align: center; padding: 5px; padding-bottom: 50px;}
}


@media(max-width:959px){
	#call-to-action-bar{height: 55px}
	#cta-wrapper{height: 55px; width: 100%;}
	#cta-wrapper a img{height: 40px; margin-right: 10px;}
	#cta-wrapper a{padding-bottom: 0; align-items: center; font-size: 1em; padding-left: 20px; width: 33.33%;box-sizing: border-box}
	
	#login-banner{display: none !important;}
	.login-frame{width: 100% !important; box-sizing: border-box}
	
	#cta-wrapper a:nth-child(1){display: flex; justify-content: flex-end; padding-right: 30px; }
	
}


@media(max-width:768px){
	
	#hero-slogan-wrapper img{max-height: 240px}
#home-events-list{padding: 40px 0}
	.active-tournaments-wrapper{flex-wrap: wrap; justify-content: center; }
	.logo-item{width: 100px; }
	.logo-item img{max-width: calc(100% - 10px); margin: auto;}
	#content-wrapper .content-wrapper{padding: 0 20px;}
	.content-header h1{font-size: 40px;}
	.home-news-wrapper{flex-direction: column;  box-sizing: border-box}
	.home-news-text{-webkit-clip-path:none; clip-path:none; padding: 0; width: 100%; order: 2}
	.home-news-img{transform: none; -webkit-clip-path:none; clip-path:none; order: 1; width: 100%; }
	.home-news-text-wrapper{padding: 10px; }
	#home-news-bar .container{transform: none}
	.bx-wrapper .bx-controls-direction a{top: 20% !important; filter: drop-shadow(10px 10px 5px #000000);
-webkit-filter: drop-shadow(10px 10px 5px #000000);
-moz-filter: drop-shadow(10px 10px 5px #000000);}
	
	.bx-wrapper .bx-controls-direction a.bx-prev{transform: none !important;}
	
	.home-news-text-wrapper h2{font-size: 28px; margin-bottom: 10px;}
	.content-page-frame h2{font-size: 28px; padding-bottom: 15px;}
}

@media(max-width:767px){
	.blog-post-item{flex-direction: column; }
	.blog-post-image{max-width: 400px; background-color: #FFF !important; margin: auto;}
	
	
	.content-item.tournament{flex-direction: column;}
	.tournament-item-cell{width: 100%;}
	.tournament-body-wrapper{padding: 20px;}
	.tournament-body-wrapper h2{font-size: 34px;}
	.content-item-footer{position: relative; order: 2; width: 100%;}
	.tournament-item-image{display: flex;flex-direction: column;}
	
	.gallery.thumbnail{width: calc(33.33% - 20px)}
	#footer-menu ul{flex-direction: column}
	#footer-menu ul li{margin-bottom: 30px;}
	#footer-menu ul li ul li{margin-bottom: 0;}
	.content-flex.c2{flex-direction: column; }
	.content-cell{width: 100% !important;}
	.login-frame form .content-flex.c2 .content-cell{margin-bottom: 20px}
	.login-frame form .content-flex.c2 .content-cell:nth-child(2n){margin-left: 0}
	.content-flex.c2 .content-cell:nth-last-child(-n+2){margin-bottom: 10px;}
	.content-flex.c2 .content-cell{margin-bottom: 10px}
	.content-flex.c2 .content-cell:nth-child(2n){margin-left: 0}
	.content-page-frame, .team-item, #supporters-wrapper{padding: 20px;}
	#team-supporters-wrapper{height: auto;}
	.team-supporter-item{width: 100%;}
	
}

@media(max-width:720px){
	#cta-wrapper a:nth-child(2){padding-left: 40px;}
}

@media(max-width:700px){
	.event-item{width: 100%; margin: 0; margin-bottom: 20px;}
	#home-events-list .container{padding: 0 20px;}
}

@media(max-width:640px){
	#footer-3rd-logos{flex-direction: column; height: auto;}
	#footer-3rd-logos img{margin: 10px 0}
	.gallery.thumbnail{width: calc(50% - 20px)}
	
	#cta-wrapper a{clip-path:none !important; -webkit-clip-path:none !important; padding: 0 !important; display: flex; align-items: center; justify-content: center !important; transform: none !important}
}

@media(max-width:525px){
	
	#call-to-action-bar{height: 40px;}
	#cta-wrapper{height: 40px;}
	#cta-wrapper a{font-size: .8em;}
	#cta-wrapper a img{height: 30px;}
}

@media(max-width:413px){	
	.gallery.thumbnail{width: calc(100% - 20px)}
}

@media(max-width:374px){	
	#footer-ssl{min-width: auto; font-size: 13px;}
		#cta-wrapper a{font-size: .7em;}
}