@media screen and (max-width: 960px) {
	body.hidden-scroll{
		overflow-y: hidden;
	}
	
	div.wrapper div.container {
    	width:100%;
	}
	div.o-grid__item{
		display: flex;
		align-items: center;
		position: relative;
		top: 0px;
		right: 0;
		z-index: 8;
	}
	
	div.content_wrapper{
		
	}
	
	header ul.nav-menu,
	header ul.nav-menu-meta {
		display: none;		
	}
	
		
	div.container header div.logo a img{
	    max-width: 100%;
		box-sizing: border-box;
	}
	ul.nav-menu-mobile {
		display: none;
		height: 100%;
		position: fixed;
		width: 100%;
		box-sizing: border-box;
		margin-left: 0;
		background-color: var(--oxara_s_a_07);
		color: #ffffff;
		right: 0;
		top: 0;
		padding: 180px 20px 50px;
		z-index: 4;
		overflow-y: scroll !important;
		
	}
	
	ul.nav-menu-mobile > li {
		padding: 5px 0;
		position: relative;
	}
	
	ul.nav-menu-mobile > li > a,
	ul.nav-menu-mobile > li > ul.level-two li a	{
		text-decoration: none;
		display: flex;
		align-items: center;
		height: 38px;
		color: #ffffff;
		text-transform: lowercase;
		font-family: 'ABCMonumentGroteskSemi-Mono-Light', Arial;
		font-size: 22px;
		font-weight: 300;
		font-stretch: normal;
		font-style: normal;
		line-height: normal;
		letter-spacing: 0.3px;
	}
	
	ul.nav-menu-mobile > li.has-children > a {
		width: calc(100% - 40px);
	}
	
	ul.nav-menu-mobile > li.has-children a.arrow {
		width: 40px;
		height: 40px;
		position: absolute;
		display: block;
		right: 0;
		top: 10px;
		padding: 0;
		background-image: url('/includes/icons/arrow-down-white.svg');
		background-repeat: no-repeat;
		background-position: center;
		background-size: 30px auto;
		cursor: pointer;
		border: 0;
	}
	ul.nav-menu-mobile > li.has-children.selected a.arrow {
		transform: rotate(180deg);
	}
		
	ul.nav-menu-mobile > li.selected > a,
	ul.nav-menu-mobile > li.active > a,
	ul.nav-menu-mobile > li > ul.level-two li.active a, 
	ul.nav-menu-mobile > li > ul.level-two li.selected a{
		text-shadow: 1px 0 0 currentColor;
	}
	
	
	ul.nav-menu-mobile ul.level-two{
		display: none;
	}
	ul.nav-menu-mobile li.selected ul.level-two {
		display: block;
	}	
	
	ul.nav-menu-mobile li.selected ul.level-two li,
	ul.nav-menu-mobile li.active ul.level-two li	{
		padding: 0 0 0 20px;
	}
	
	ul.nav-menu-mobile li ul.level-two li a{
		font-size: 16px;
	}
	
	.project-teasers {
		margin: -10px 0 6px;		
	}
	
	.project-teasers .wrap {
		padding: 0 10px;
	}
	.project-teasers .items .project {
		width: calc(100% / 2 - 20px);		
		margin: 10px;  
	}
	
	.home-news {
		padding: 50px 0 30px;
	}
	.home-news .items .news-item {
		width: calc(100% / 2);
		margin: 0 0 20px;
	}
	
	.header_content .content {
		padding: 20px;
	}
	
	
	.gallery .wrap {
		padding: 0 10px;
	}
	.gallery .img-wrap {
		margin: 10px;
	}
	
	.gallery .img-wrap,
	.gallery .img-wrap img {	
		max-height: 30vw;
	}

		
	.contact .wrap .left-col {
		padding-right: 20px;
	}
	
	.newslist .wrap .categories {
		flex-wrap: wrap;
		margin: 20px 0;
	}
	.newslist .wrap .categories li {
		margin: 0 17px 17px 0;
	}

	.newslist .items .news-item {		
		width: calc(100% / 2 - 20px);		
		margin: 20px 10px;		
	}

	.testimonials .items .position {
		font-size: 10px;
	}

}

@media screen and (max-width: 768px) {
	
	header {
		min-height: 0;
		height: 98px;
	}
	header .wrap {
		padding: 16px 20px 16px;
	}
	
	.c-hamburger { 
		
	}
	
	ul.nav-menu-mobile {
		padding: 130px 20px 50px;
	}
	
	header + .nav-menu-mobile + * {
		margin-top: 98px;
	}
	
	h1,
	.h1 {		
		font-size: 45px;		
		line-height: 0.99;		
		margin-bottom: 20px;
	}
	
	div.breadcrumb {	
		margin: 15px auto;
		flex-wrap: wrap;
	}
	div.breadcrumb a,
	div.breadcrumb span	{
		line-height: 2;
	}
	
	.header_content {
		min-height: 98px;
	}

	
	.home_header .title {
		font-size: 30px;
	}
	
	.project-teasers .items {
		flex-direction: column;
		align-content: center;
	}
	.project-teasers .items .project {
		width: calc(100% - 20px);
		margin: 10px;
	}
	
	.home-news .wrap {
		padding: 0 10px;
	}
	
	.home-news .items .news-item {
		width: 100%;		
		margin: 0 0 20px;
		padding: 0 10px;
	}
	.home-news .items .image-holder {
		width: 50%;
		max-width: 207px;
	}
	
	.testimonials .wrap {
		padding: 0 20px;
	}
	.testimonials .items {
		flex-direction: column;
		align-items: center;
	}
	.testimonials .items .item {
		width: calc(100%);
		margin: 0 0 50px;
	}
	.testimonials .items .text {
		padding: 20px 0;
		margin: 0 10px;
	}
	.testimonials .items .position {
		font-size: 12px;
	}
	
	.two_images .items {
		flex-direction: column;
		align-items: center;
	}
	
	
	.two_images {
		padding: 50px 0 30px;
	}
	
	.two_images .items .item-1,
	.two_images .items .item-2 {		
		width: calc(100% - 36px);		
		margin-bottom: 20px;
	}
	


	.impact .patern {
		height: auto;
		background-repeat: repeat;
  		background-size: auto 100%;
	}
	
	.impact .wrap {
		flex-wrap: wrap;
	}
	
	.impact .item {
		width: calc(100% / 2 - 30px);
	}
	
	.impact .item .numbers,
	.impact .item .before, 
	.impact .item .after {
		
	}	
		
	.impact .item .icon {
		max-width: 60%;
	}	
	
	.partners_home .items .item {
		
	}
	
	
	div.transformer {		
		
	}
	
	div.transformer2 div.transformer-wrapper,
	div.transformer3 div.transformer-wrapper,
	div.transformer5 div.transformer-wrapper,
	div.transformer4 div.transformer-wrapper,
	div.transformer6 div.transformer-wrapper,
	div.transformer7 div.transformer-wrapper,
	div.transformer8 div.transformer-wrapper {
		flex-direction: column;
	}
	div.transformer2 div.transformer-wrapper.reverse,
	div.transformer3 div.transformer-wrapper.reverse,
	div.transformer5 div.transformer-wrapper.reverse,
	div.transformer4 div.transformer-wrapper.reverse,
	div.transformer6 div.transformer-wrapper.reverse,
	div.transformer7 div.transformer-wrapper.reverse,
	div.transformer8 div.transformer-wrapper.reverse	{
		flex-direction: column-reverse;
	}
	
	div.transformer2 .col1,
	div.transformer2 .col2,
	div.transformer3 .col1,
	div.transformer3 .col2,
	div.transformer4 .col1,
	div.transformer4 .col2,
	div.transformer5 .col1,
	div.transformer5 .col2,
	div.transformer5 .col3,
	div.transformer6 .col1,
	div.transformer6 .col2,
	div.transformer7 .col1,
	div.transformer7 .col2,
	div.transformer8 .col1,
	div.transformer8 .col2	{
		width: 100%;
		padding: 0;		
	}
	
	div.transformer2 .col1,
	div.transformer2 .reverse .col2,
	div.transformer3 .col1,
	div.transformer3 .reverse .col2,
	div.transformer4 .col1,
	div.transformer4 .reverse .col2,
	div.transformer5 .col1,
	div.transformer5 .col2,
	div.transformer5 .reverse .col3,
	div.transformer6 .col1,
	div.transformer6 .reverse .col2,
	div.transformer7 .col1,
	div.transformer7 .reverse .col2,
	div.transformer8 .col1,
	div.transformer8 .reverse .col2	{		
		margin-bottom: 20px;
	}
	
	
	div.transformer2 .reverse .col1,	
	div.transformer3 .reverse .col1,	
	div.transformer4 .reverse .col1,
	div.transformer5 .reverse .col1,
	div.transformer5 .reverse .col2,
	div.transformer6 .reverse .col1,
	div.transformer7 .reverse .col1,
	div.transformer8 .reverse .col1	{	
		margin-bottom: 0;
	}
	
	
	div.transformer3 div.transformer-image::before {
		width: 50%;
	}
	
	
	.gallery .img-wrap,
	.gallery .img-wrap img {	
		max-height: 40vw;
	}
	
	
	.booking .wrap {
		flex-direction: column;
		
	}
	
	.booking .wrap .text {
		width: 100%;
		margin-bottom: 20px;	

		font-size: 34px;		
	}
	
	.booking .wrap .buttonLink {
		width: auto;
		padding: 23px 50px 20px;
		margin-bottom: 0;
	}
	
	.banner {		
		min-height: 98px;		
		
	}
	
	.circles-wrapper {
		margin: 20px 0;
	}
	.circles-wrapper .wrap {
		padding: 0 10px;
		justify-content: center;
	}
	.circles-wrapper .wrap .circle {
		max-width: 160px;
		max-height: 160px;	
		
		width: calc(50% - 20px);
		height: auto;
		margin: 10px;
	}
	.team-teasers {
		margin: 0 0 10px;
	}

	.team-teasers .items {
		padding: 0 10px;

	}

	.team-teasers .items .team-item {
		margin: 10px;
	}

	
	.contact .wrap {
		flex-direction: column-reverse;

	}
	.contact .wrap .left-col, 
	.contact .wrap .right-col {
		width: 100%;
		padding: 0 0 30px;
	}


	.newslist .items {
		justify-content: center;
	}

	.newslist .items .news-item {		
		width: calc(100% - 20px);		
		
	}
	
	.newslist .wrap .details .block-head {
		flex-direction: column;
	}
	.newslist .wrap .details .block-head .text, 
	.newslist .wrap .details .block-head .image {
		width: 100%;
		padding: 0;
	}
	.newslist .wrap .details .block {
		width: 100%;
		padding: 0;
		align-self: flex-start;
	}	



	footer .wrap {
		flex-direction: column;
		padding: 30px 20px;
	}
	
	
	footer div.half-left, 
	footer div.half-right {
		width: 100%;
		justify-content: flex-start;
		margin: 0 0 30px;
		
	}
	
	footer .col {
		flex-grow: 1;
	}
	
	footer ul.nav-menu-meta {		
		justify-content: flex-start;
		margin: 0;		
	}
	
	
}
@media screen and (max-width: 480px) {
	h1,
	.h1 {		
		font-size: 38px;		
		line-height: 0.99;		
		margin-bottom: 20px;
	}
	
	h3 {		
		font-size: 24px;
	}
	
	a.round-button {
		margin: 10px 0 0;
	}
	
	div.transformer {
		margin: 0 auto 30px;
	}
	
	div.transformer3 div.transformer-image {		
		min-height: 226px;		
	}
	
	.home-news {
		padding: 30px 0;
	}
	
	.home-news .wrap .subtitle {
		padding: 0 10px;
		margin-bottom: 20px;
	}
	
	.two_images {
		padding: 30px 0 10px;
	}
	.two_images .top-text {
		margin-bottom: 15px;
	}
	
	.impact {		
		margin: 30px 0;
	}
	
	.impact .item {
		width: calc(100% - 30px);
		margin: 15px;
	}

	
	.testimonials {
		margin: 0;
	}
	.testimonials .items .item {		
		margin: 0 0 10px;
	}
	.partners_home {
		padding: 30px 0;
	}
	
	.project-teasers {
		padding: 0 0 14px;
	}
	
	.gallery {		
		margin: -10px 0 20px;
	}
	
	.gallery .img-wrap,
	.gallery .img-wrap img {	
		max-height: 100%;
		width: 100%;
		height: auto;
	}
	
	.booking .wrap .text {
		font-size: 28px;
	}
		
	.gallery-highslide .img-wrap,
	.newslist .gallery-news .img-wrap {
		width: calc(100% / 2 - 20px);		
		margin: 10px;		
	}
		
	.banner {
		margin: 0 0 30px;		
	}	
	
	.faq {		
		margin: 0 0 30px;		
	}
	.downloads {		
		margin: 0 0 30px;		
	}
	
	.faq .wrap,
	.downloads .wrap {
		padding: 30px 20px 25px;
	}
	
	.downloads .wrap .items .dw,
	.faq div.item div.btn .head	{
		padding: 5px 0;
	}
	
	footer div.half-left {
		flex-direction: column;
	}
	
	footer .col {
		width: 100%;		
	
		display: flex;
		flex-direction: column;
		align-items: center;
		margin: 0 0 50px;
	}
	
	footer .col ul {
		align-items: center;
	}
	footer ul.nav-menu-meta {
		justify-content: center;
		margin: 0;
	}
	
}