@media only screen and (max-width: 1730px){
	.menu > ul > li > a{
		padding: 0 15px;
	}
	.menu > ul > li > a span{
		display: none;
	}
	.footer_bottom_right{
		margin-right: 60px;
	}
}
@media only screen and (max-width: 1480px){
	.header{
		padding:0 20px;
	}
}
@media only screen and (max-width: 1440px) {
	.header{
		height: 80px;
	}
	.header .logo img{
		height: 40px;
	}
	.header:before{
		height: 100%;
	}
	.grid{
		width: 100%;
	}
	.grid_content{
		padding:40px 20px 0px 20px;
	}
  #arm h1 {
    font-size: 36px;
    line-height: 42px;
    -webkit-text-stroke: 1px #cefa4c;
  }
}
@media only screen and (max-width: 1320px){
	.menu > ul > li > a{
		font-size: 14px;
	}
}
/* breakpoint for mobile menu */
@media only screen and (max-width: 1240px){
	.homev2 h1{
		font-size: 56px;
		line-height: 60px;
	}
	.banner_content_inner{
		width: 100%;
	}
	#spotlight{
		flex-direction: column;
	}
	#spotlights{
		width: 100%;
	}
	#newsandevents{
		width: 100%;
	}
	.menu{
		display: none;
	}
	.btn_menu{
		position: relative;
		display: block;
		background-image: url("../img/btn_menu.png");
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center center;
		width: 25px;
		height: 25px;
		cursor: pointer;
	}
	.btn_menu.active{
		background-image: url("../img/close.png");
	}
	.submenu_mobile.active{
		height:calc( 100% - 80px );
	}
	.mobile_search_container{
		position: relative;
	}
	.mobile_search_container::after{
		content:'';
		width: 20px;
		height: 20px;
		background-image: url("../img/search.png");
		background-size: contain;
		background-position: center center;
		background-repeat: no-repeat;
		position: absolute;
		right: 20px;
		top: 8px;
	}
	.mobile_search{
		width: 100%;
		height: 36px;
		border-radius: 18px;
		border:0;
		outline:0;
		background-color:#ccc;
		box-sizing: border-box;
    	padding: 0 45px 0 20px;
    	color:#757575;
    	font-size: 16px;
	}
	.submenu_mobile > ul {
		position: relative;
		margin-top: 10px;
		overflow-y: auto;
		height: calc(100% - 46px);
	}
	.submenu_mobile > ul > li{
		position: relative;
		line-height: 60px;
		margin-right: 20px;
	}
	.submenu_mobile > ul > li::after{
		position: absolute;
		left: 0;
		bottom: 0;
		content:'';
		background-color: #888;
		width: 100%;
		height: 1px;
	}
	.submenu_mobile > ul > li > a{
		position: relative;
		color:#fff !important;
		display: block;
    	line-height: 60px;
	}
	.submenu_mobile > ul > li > a.active,
	.submenu_mobile > ul > li > ul > li > a.active{
		color:#cefa4b !important;
	}
	.submenu_mobile > ul > li > a.arrow:after,
	.submenu_mobile > ul > li > ul > li > a.arrow:after{
		content:'';
		position: absolute;
		right: 0;
		top: 50%;
		margin-top: -8px;
		width: 15px;
		height: 15px;
		background-image: url("../img/arrow_down.png");
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center center;
	}
	.submenu_mobile > ul > li > a.arrow.active::after,
	.submenu_mobile > ul > li > ul > li > a.arrow.active::after{
		background-image: none;
	}
	.submenu_mobile > ul > li > ul{
	    position: relative;
		margin-left: 20px;
    	top: -10px;
    	display: none;
	}
	.submenu_mobile > ul > li > ul > li > a{
		position: relative;
		display: block;
		color:#fff !important;
		font-size: 16px;
		font-weight:900;
		line-height: 20px;
    	padding-top: 6px;
    	padding-bottom: 6px;
	}
	.submenu_mobile > ul > li > ul > li > ul{
		position: relative;
		margin-left: 20px;
		margin-bottom: 10px;
		display: none;
	}
	.submenu_mobile > ul > li > ul > li > ul > li > a{
		display: block;
		color:#fff !important;
		font-size: 16px;
		line-height: 20px;
		padding-top: 7px;
    	padding-bottom: 7px;
		font-weight:700;
	}
	#social{
		flex-direction: column;
	}
	#social > div{
		width: 100%;
		justify-content: flex-start;
	}
	.slide_content{
		padding-left: 80px;
	}
	.slide_content_left{
		width: 50%;
	}
	.slide_content_right{
		width: 50%;
	}
}
/* breakpoint for openning animation */
@media only screen and (max-width: 1024px) {
	.banners_con .swiper-pagination{
		padding: 0 40px;
	}
	.banner_content{
		padding: 40px;
	}
	#arm{
		height: auto;
		white-space: initial;
	}
	#slides_bg{
		width: 100%;
		height: 100%;
		background: linear-gradient(to right, #4b00b5 50%,#0050ff 50%);
	}
	#canvas{
		display: none;
	}
	.slide{
		width: 100%;
		height: auto;
		will-change: transform;
	}
	#slide-1{
		background-color: #4b00c5;
	}
	.mouse_right{
		display: none;
	}
	.slide_content{
		position: relative;
		height: auto;
		padding: 73px 40px;
		padding:0 40px 73px 40px;
	}
	#slide-1 .slide_content_left{
		width: 100%;
	}
	#slide-1 .slide_content_right{
		padding-left: 0;
	}
	#slide-1 .slide_content,
	#slide-2 .slide_content{
		padding:73px 40px 73px 40px;
	}
	.slide_content_left{
		justify-content: flex-start;
	}
	.slide_content img{
		height: auto;
	}
	#spotlights,
	#news,
	#events{
		padding:73px 40px;
	}
	#whatsnew{
		padding:73px 40px;
	}
	.grid-sizer,
	.grid_item{
		width: 49.5%;
	}
	#social > div{
		padding:40px;
	}
	.social_link{
		margin-right: 15px;
	}
	.footer{
		padding:80px 40px 100px 40px;
	}
	.footer_top{
		flex-wrap: wrap;
	}
	.footer_top_column{
		width: 50%;
	}
	.footer_bottom{
		flex-wrap: wrap;
		margin-top: 40px;
		border-top: 1px solid #fff;
	}
	.footer_bottom_left{
		margin-top: 40px;
	}
	.footer_bottom_left a,.footer_bottom_left span.nav-header{
		padding:0;
		display: block;
		border-right: 0;
	}
	.copyright{
		margin-top: 20px;
	}
	.btn_float{
		right: 20px;
		bottom: 20px;
		transform: scale(0.6);
		transform-origin: bottom right;
	}
	.btn_float_expand_outer{
		right: 20px;
		bottom: 20px;
		transform: scale(0.6);
		transform-origin: bottom right;
	}
}
@media only screen and (max-width: 768px) {
	.slide_content{
		flex-wrap: wrap;
	}
	#slide-1 .slide_content_left{
		width: 100%;
	}
	.slide_content_left{
		width: 70%;
		padding-top: 0;
	}
	.slide_content_left img{
		max-width: 100%;
	}
	.slide_content_right{
		width: 100%;
		padding-left: 0;
		padding-bottom: 0;
		padding-top: 40px;
	}
	.spotlight > div:nth-child(1) img{
		max-width: 100%;
		max-height: auto;
	}
}
@media only screen and (max-width: 640px) {
	.homev2 h1{
		font-size: 42px;
    	line-height: 46px;
	}
  .homev2 h2{
		font-size: 36px;
		line-height: 40px;
	}
  .homev2 p{
		font-size: 18px;
		line-height: 22px;
	}
	.spotlight{
		flex-direction: column;
	}
	.spotlight > div:nth-child(2){
		padding:40px 0;
	}
	#whatsnew{
		padding:73px 0;
	}
	.grid_item{
		width: 100%;
	}
	.footer_top_column{
		width: 100%;
		padding-right: 0;
	}
}
@media only screen and (max-width: 400px) {
	.homev2 p{
		font-size: 16px;
		line-height: 20px;
	}
	.btn_scroll{
		visibility: hidden;
	}
	.slide_content_left{
		width: 100%;
	}
	.banner_content{
		padding:20px;
	}
	.banners_con .swiper-pagination{
		padding: 0 20px;
		margin-bottom: 30px;
	}
	#slide-1 .slide_content, #slide-2 .slide_content{
		padding:73px 20px;
	}
	.slide_content{
		padding:0 20px 73px 20px;
	}
	#spotlights, #news, #events{
		padding: 73px 20px;
	}
	#whatsnew{
		padding:73px 20px;
	}
	#social > div{
		padding:40px 20px;
	}
	.footer{
		padding: 80px 20px 100px 20px;
	}
}
@media (min-aspect-ratio: 1.35) {
	#canvas{
		bottom:-4vw;
	}
}