@media(min-width:1680px){
	#page-outer.white #top-logo-black-small{display: none !important;}
}
@media(max-width:1680px){
	#top-logo{display: none}
	#top-logo-black{display: none !important}

	#top-logo-small{display: block;}
	#top-logo-black-small{display: none;}
	#menu-left,#menu-right{width: 445px;}
	
	#menu-right{text-align: right}
	#call-me-btn{right: calc((100% - 1085px) / 2);}
}



@media(min-width:1115px) and (max-width:1680px){
	#top_menu ul li a{font-size:10.8px}
	
	#top-logo{width:225px;}
	#top_menu ul li .top-sub-menu-container ul{ width:1115px;}
	
	#pages-menu li{font-size: 27px; }
	
	#pages-menu li.root-menu.page_active,
	#pages-menu li.page_active{font-size: 40px;}
	
	

}
@media(max-width:1280px){
		#call-me-btn{transform: none}

}
@media(max-width:1150px){
	.team-back-link{margin-left: 25px;}
	#design-slider{padding: 0 20px;}
	#developer-content{padding: 0 25px;}
	#slide-control-wrapper{margin-right: 20px}
}

@media(max-width:1115px){
	
	#header.menu-hover #top_menu{background: transparent !important}
	#language-bar{width: auto; right: 0}
	#call-me-btn{top: 60px !important;}
	#menu-left, #menu-right{display: none;}
	
	#top-logo-small,#top-logo-black-small{transition: none;}
	
	#mobile-menu-trigger{background: url("../img/header/mobile-menu-icon.png") no-repeat center center; background-size: contain; position: absolute; left:20px; top: 20px; width:50px; height: 50px; z-index: 9999;}
	
	#call-me-btn{background-image: url("../img/header/call-mobile-btn.png"); width:48px; height: 48px; right:10px; top: 15px; z-index: 9990}
	
	#call-me-btn.lang-en{background-image: url("../img/header/call-mobile-btn.png")}

	
	#top-logo, #top-logo-small{margin-top: 0; width: 150px;}
	
	#page-outer.white #mobile-menu-trigger{background-image: url("../img/header/mobile-menu-icon-black.png")}
	#header{transition: all .3s}
	#header.mobile-menu-opened {position: absolute; z-index: 1999; width: 100%; height: 100%; background-color: #000 !important; }
	#header.mobile-menu-opened .top-sub-menu-container{display: none!important}
	#page-outer.white #header.mobile-menu-opened{height: 100% !important}
	#header.mobile-menu-opened #top_menu {display: block; position: relative; box-sizing: border-box; padding-top: calc(15.125vw + 50px); height: 100%;}
	#header.mobile-menu-opened #top_menu #top-logo-small,
	#header.mobile-menu-opened #top_menu #top-logo-black-small{position: absolute; left: 50%; transform: translateX(-50%); top: 0; border:1p solid #f00}
	
	#header.mobile-menu-opened #menu-left, 
	
	#header.mobile-menu-opened #menu-right{display: block; width:100%; text-align: left;}
	#header.mobile-menu-opened #menu-right ul,
	#header.mobile-menu-opened #menu-left ul{display: block; width:100%;}
	#header.mobile-menu-opened a{color: #908865 !important; font-size: 31.25px; font-family: "adobe-caslon-pro"; text-align: center; }
	
	#top_menu ul li a.current_page{border-bottom: 0 none; margin-bottom: 0px;}
	
	#header.mobile-menu-opened #mobile-menu-trigger{background-image: url("../img/header/mobile-menu-close-icon.png")}
}

@media(min-width:767px){
	#pages-menu{background-color: #f00; height: 100vh; box-sizing: border-box; padding-left: 60px !important; left: 0;bottom: 0; display: flex; padding-bottom: 90px; justify-content:  flex-end; flex-direction: column; background: url(../img/fs-right-bg.png) repeat-y left bottom; background-size: contain; width:500px; padding-right: 60px;}
	#pages-menu #left-btn{content: ''; position: absolute; top: 50%; margin-top: -15px; width:22px; height: 38px; left: 10px; background: url("../img/left-arrow.png"); opacity: .5; display: none;}
	#pages-menu #left-btn:hover{opacity: 1}
	
	#contact-legal{display: none;}

}

@media(max-width:768px){
	.content-page#contact-div{margin-top: 150px !important;}
	#contact-legal{padding-top: 10px;}
	#contact-legal a{display: inline-block; padding: 10px 0; margin: 0 5px; color: #FFF; text-decoration: none; letter-spacing: 1px; font-size: 10px;}

	#footer-links{display: none;}
	
	#pages-menu a{white-space: normal}
	#page-bottom-bg{background: url("../img/fs-bottom-bg.png") repeat-x left bottom; background-size: contain; height: 100%;}
	
	#page-outer.ekip #footer-links.ekip{display: none;}

	#pages-menu{padding: 0; width:calc(100% - 60px); left: 0; box-sizing: border-box; max-width: 500px; left:50%;  transform: translateX(-50%)}
	#pages-menu li{text-align: center;}
	#pages-menu li.root-menu{display: inline-block; margin-left: 50%; transform: translateX(-50%);}
	#pages-menu li.root-menu.page_active{margin-left: 0; transform: none; display: block}
	
	#developer-content{display: flex; flex-direction: row; align-items: flex-start; padding: 0 15px;}
	#developer-image{display: none;}
	#developer-image img{width:100%; display: block;}
	#developer-desc{width:100%;}
	#developer-desc h1{ font-size: 40px; line-height: 100%; margin-bottom: 20px; }
	#developer-desc h1 small{display: block; font-size:75%; }
	
	.team-logo{display: none}
	.team-item h3{ font-size: 30px; margin-bottom: 0;} 
	.gallery-wrapper h2{margin-bottom: 10px}
	
	#design-slider{margin-top: 0 !important}
	#footer-text{width:100%;}
	#page-outer.contact #footer-text{bottom:30px}
	
	#page-outer.contact #footer-links{text-align: center; width:100%;}

.team-back-link{font-weight: normal; letter-spacing: 2px; padding-left: 20px; line-height: 100%;}
	
	.slide-desc{right: 0; display: none;}
	
	.footer-left{position: absolute; left: 5px;}
	.footer-left img{width:75px;}
	.footer-right{position: absolute; right: 5px;}
	.footer-right img{width:56px;}
	 #footer-links{text-align: center;}
}


@media(max-height:800px){
	.team-item{ line-height: normal;}
	
}


@media(max-height:700px){
	.team-item{ font-size: 14px; line-height: 135%;}
	h3{line-height: 150%;}
	#designer-prior-link img{width:15px;}
	#designer-next-link img{width:15px;}
	
	#developer-desc{line-height:120%; font-size: 80%; }
	#page-outer.ekip .content-page{margin-top: 150px;}
	
}


@media(max-width:620px){
#gallery-thumbs a{padding: 30px 10px; }


	
}

@media(max-width:520px){
	.gallery-item-wrapper a{width:calc(50% - 20px);}
	.gallery-item-wrapper a h3{font-size: 5.75vw; }
	.gallery-item-wrapper a h3 small{line-height: 200%; margin-bottom: 10px; }
	#gallery-thumbs{flex-direction: column;}
	#gallery-thumbs a:nth-child(1){border-right: none; border-bottom:1px solid rgba(255,255,255,.1); margin-bottom: 30px;}
	#gallery-thumbs a{padding: 10px 35px; text-align: center !important; }


	
}
@media(max-width:500px){
	#header.mobile-menu-opened a{font-size: 5.45vw}
	#pages-menu li.root-menu.page_active{font-size: 9vw}
	#pages-menu li{font-size: 6vw}
	#pages-menu li.page_active{font-size: 9vw}
	#pages-menu li.root-menu{font-size: 2.4vw; padding-left: 4.5vw}
	#header.mobile-menu-opened #top_menu{padding-top:calc(15.125vw + 80px)}
	#mobile-menu-trigger{width:30px; height: 30px; background-size: contain}
}