/* RESPONSIVE MEDIA QUERIES © Eborn Interactive */


/* Screen Widths

Tablet Portrait - 768px
Tablet Landscape - 1024px

iPhone 3,4,5 - 320px


/* iOS Specific
================================================== */

@supports (-webkit-overflow-scrolling: touch) {
	
  /* CSS specific to iOS devices */ 

}

/* ================================================ */

/* Other than iOS specific
================================================== */

@supports not (-webkit-overflow-scrolling: touch) {
	
  /* CSS for other than iOS devices */ 
  
}

/* ================================================ */


/* Responsive Width Section (General)
================================================== */

	@media only screen and (min-width: 1670px) {


		.home .hero, .topsection-startpage-block .hero  {
			margin-bottom: calc(234px + 50px);
			max-height: 718px;
		}
		
		.home .hero.nobottom, .topsection-startpage-block.nobottom {
			margin-bottom: calc(234px);
		}

		
		.hero .text h1 {
			font-size: 67px;
		}
		
		.backvideo {
		    max-height: 718px;
		}
		
		.hexagon .content1 {
			padding: 55px 25px 41.75px;
		}
		
		.hexagon .content h2 {
			font-size: 36.74px;
		}
		
		.hexagon .content2 {
			margin-top: 41.75px;
			padding: 0 25px 41.75px;
			font-size: 26.72px;
		}
		
		.hexagon .hexa-content-container .read-more {
			font-size: 19.2px;
			bottom: 71.81px;
		}
		
		.hexagon .content .number {
			font-size: 58.45px;
		}
		
		.columns .col-2 .image {
			margin-left: 100.2px;
		}
		
		.boxes .box {
			height: 784.9px;
		}
		
		.boxes .box .boxtext {
			max-width: calc(868.4px - 100px);
		}


	}

/* ================================================ */


/* Responsive Width Section (General)
================================================== */

	@media only screen and (max-width: 1230px) {


		.hexagon .hexa-content-container .read-more {
		    font-size: 14px;
		}
		
		
		.image {
		    width: 380px;
		    height: 422px;
		}
		
		.colorblock.inner.bottomtext h2 {
		    font-size: 38px;
		    /*word-break: break-all;*/
		}


	}

/* ================================================ */


/* Responsive Width Section (General)
================================================== */

	@media only screen and (max-width: 1210px) {


		.content-section.truly-model h2 {
		    margin-bottom: 20px;
		}

	}

/* ================================================ */


/* Responsive Width Section (General)
================================================== */

	@media only screen and (max-width: 1160px) {


		.colorblock.inner {
		    padding: 30px 30px 40px;
		}
		
		
		.contacts-block .contact-card {
		    width: calc(33.33333333% - 20px);
		}
		
		.contacts-block .contact-card:nth-child(4n + 1) {
			margin-left: 30px;
		}
		
		.contacts-block .contact-card:nth-child(3n + 1) {
			margin-left: 0;
		}


	}

/* ================================================ */



/* Responsive Width Section (General)
================================================== */

	@media only screen and (max-width: 1020px) {
		
		

		#main-nav {
			display: none;
		}
		
		.main-nav {
			display: block;
		}
		
		
		#responsive-menu ul ul {
		    margin-left: 0;
		    padding-top: 5px;
		    margin-bottom: -3px;
		}
		
		#responsive-menu ul ul li {
		    font-size: 16px;
		    margin-bottom: 0;
		    line-height: 1.1;
		}

		.textimage-hexagon-block .columns {
		    flex-direction: column;
		    align-items: center;
		    justify-content: center;
		}
		
		.textimage-hexagon-block .columns .col-2.quote {
		    width: 100%;
		    text-align:center;
		    padding-right: 0;
		}
		
		.textimage-hexagon-block  .columns .col-2.img {
			width: 100%;
			align-items: center;
			justify-content: center;
		}
		
		.textimage-hexagon-block  .columns .col-2 .image {
		    margin-left: 0;
		}
		
		.content-section:not('.colored-block-section') .inner-content {
		    padding: 30px 0 40px 0;
		}
		
		.text-image .columns {
		    flex-direction: column;
		}
		
		.text-image .columns .col-2 {
		    width: 100%;
		}
		
		.colorblock.inner.bottomtext.bottomlink {
		    max-width: unset;
		}
		
		.hero>img {
			height: 226px;
			width: 100%;
			object-fit:cover;
		}

	}

/* ================================================ */


/* Responsive Width Section (General)
================================================== */

	@media only screen and (max-width: 979px) {

		.content-section.truly-model .col-2.desc {
		    display: block;
		}
		

		.page-columns .is-layout-flex {
		    flex-direction: column;
		}
		
		.sidebar-col {
		    width: 100%;
		    max-width: unset;
		    min-width: unset;
		    margin-left: 0 !important;
		    padding-bottom: 0;
		    margin-top:30px !important;
		    
		}	
		
		.sidebar-col>.wp-block-group {
		    border-left: none;
		    padding-left: 0;
		    padding-bottom: 0;
		}	
		
		.contact-card {
		    width: calc(33.333333333% - 20px);
		    margin-left: 30px;
		}
		
		.contact-card:nth-child(3n + 1) {
			margin-left: 0;
		}
		
		.contact-cards {
			display: flex;
			flex-wrap:wrap;
		}
		
		.truly-model .columns {
			flex-direction: column;
			margin-top: 60px;
		}
		
		.truly-model .columns .col-2 {
			width: 100%;
		}
		
		.content-section.truly-model .text-section {
			margin-bottom: 30px;
		}

	}

/* ================================================ */


/* Responsive Width Section (General)
================================================== */

	@media only screen and (max-width: 870px) {


		.hexagon-container {
			display: none;
		}
		
		.hexagon-container-mobile {
			display: block;
		}
		
		.home .hero, .topsection-startpage-block {
		    margin-bottom: 0;
		}


	}

/* ================================================ */


/* Responsive Width Section (General)
================================================== */

	@media only screen and (max-width: 850px) {


		footer .col-4 {
		    padding-right: 0;
		    margin-bottom: 10px;
		}
		
		footer .col-4:last-child {
		    margin-bottom: 0;
		}
		
		footer .columns {
			flex-direction: column;
		}
		

		.contacts-block .contact-card {
		    width: calc(50% - 15px);
		}
		
		.contacts-block .contact-card:nth-child(3n + 1) {
			margin-left: 30px;
		}
		
		.contacts-block .contact-card:nth-child(2n + 1) {
			margin-left: 0;
		}


	}

/* ================================================ */


/* Responsive Width Section (General)
================================================== */

	@media only screen and (max-width: 781px) {


		.image-column-block .columns .col {
		    margin-left: 0;
		    margin-bottom: 30px;
		}
		
		.image-column-block .columns .col:last-child {
		    margin-bottom: 0;
		}
		
		.content-section.truly-model .inner-content {
		    padding: 30px;
		}
		

		.content-section.truly-model .columns {
		    flex-direction: column;
		}
		
		.content-section.truly-model {
			overflow: hidden;
		}
		
		.contact-card {
		    width: calc(50% - 15px);
		}
		
		.contact-card:nth-child(3n + 1) {
			margin-left: 30px;
		}
		
		.contact-card:nth-child(2n + 1) {
			margin-left: 0;
		}


	}

/* ================================================ */



/* Responsive Width Section (Mobile Phone)
================================================== */

	@media only screen and (max-width: 580px) {


		#main-content>.inner-content, header>.inner-content, footer>.inner-content {
		    width: calc(100% - 30px);
		}
		
		.icon-menu-icon {
		    margin-right: -5px;
		}
		
		.colorblock.inner {
		    padding: 25px 25px 35px;
		}
		
		.text-image {
		    margin-bottom: 15px;
		}
		
		.btn.simple {
		    bottom: 30px;
		    right: 20px;
		}
		
		.colorblock.inner.bottomlink {
		    padding-bottom: 60px;
		}
		
		.content-section .inner-content {
		    padding: 30px 0 40px 0;
		}
		
		.content-section.text-image .inner-content {
		    padding: 0;
		}
		
		footer .columns {
		    padding: 40px 25px 40px 25px;
		}
		
		.hero .text {
		    max-width: 70%;
		    font-size: 38px;
		    margin-top: 0;
		}
		
		header, .header-comp {
		    height: 60px;
		}
		
		header .inner-content {
		    padding: 13px 0 10px 0;
		}
		
	    #logo {
	        width: 105px;
	    }
		
		.hero .text h1 {
		    font-size: 34px;
		}
		
		.home .hero, .topsection-startpage-block {
		    height: 350px;
		    max-height: unset;
		}
		
		
		.truly-model .columns .col-2 figure {
			transform:scale(1.4);
			margin-top: 70px;
		}
		
		.content-section.truly-model h2 {
		    padding: 0;
		    margin-bottom: !important;
		}
		
		.truly-model .columns {
		    margin-top: 30px;
		}
	
				

	}

/* ================================================ */


/* Responsive Width Section (Smallest Mobile Screens)
================================================== */

	@media only screen and (max-width: 480px) {


		.contact-card {
		    width: 100%;
		    margin-left:0;
		}
		
		.contact-card:last-child, .contacts-block .contact-card:last-child {
		    margin-bottom: 0;
		}
		
		.contact-card:nth-child(3n + 1) {
			margin-left: 0;
		}
		
		.contacts-block .contact-card {
		    width: 100%;
		    margin-left:0;
		}
		
		.contacts-block .contact-card:nth-child(3n + 1) {
			margin-left: 0;
		}


	}

/* ================================================ */