@media only screen and (max-width: 1279px) {
/*//////////////////// BASICS ////////////////////*/
	body {
		word-break: break-word;
 		word-wrap: break-word;
 		font-size: 14px;
	}
	
	.flex { 
		display: block;
	}

	.showDesktop { display: none !important }
	.showMobile { display: block }
	
	div.switch {
		display: block;	
	}

	section, section.content {
	  margin: 60px auto;
	}

  .content {
    max-width: 300px;
    margin: auto;
  }
  
  section.shade-01, section.shade-02, section.shade-03 {
		padding: 60px 0;
	}
  
	/*//////////////////// TEXT //////////////////////*/
	/* TEXT --------------------------------*/
	h1 {
		font-size: 3rem;
	}
	
	h2 {
		font-size: 2rem;
	}
	
	h3 {
		font-size: 1.7rem;
	}
	
	h4 {
		font-size: 1.4rem;
	}
	
	h5 {
		font-size: 1.2rem;
	}
	
	/*///////////////////// TEXT /////////////////////*/
	/* POPUP -------------------------------*/
		.popUp {
			display: block;
			overflow: scroll;
		}	
		
		.popUpContent {
			width: 300px;
			margin: 20px auto;
			padding: 40px;
		}
	/*/////////////////// OVERLAY ///////////////////*/	
	/* TOOLBAR -----------------------------*/
	.toolbar {
		bottom: 20px;
	 	left: 0;
	 	right: 0;
	 	width: fit-content;
		margin: auto;
 	}
	
	
	/*//////////////////// LAYOUT ///////////////////*/	

	/* COLUMNS -----------------------------*/
	.cols {
		display: block;
		margin: 0;
		overflow-x: hidden;
	}

	.cols .col {
		padding 0;
	}

	.cols .col.d1,	.cols .col.d12, .cols .col.d22,
	.cols .col.d13, .cols .col.d23, .cols .col.d33,
	.cols .col.d14, .cols .col.d24, .cols .col.d34, .cols .col.d44,
	.cols .col.d15, .cols .col.d25, .cols .col.d35, .cols .col.d45, .cols .col.d55,
	.cols .col.d16, .cols .col.d26, .cols .col.d36, .cols .col.d46, .cols .col.d56, .cols .col.d66,
	.cols .col.d110, .cols .col.d210,	.cols .col.d310, .cols .col.d410, .cols .col.d510, .cols .col.d610, .col.d710, .col.d810, .col.d910 {
		width: 100%;
	}
	
	/* BREAKER -----------------------------*/
	.photoFade img.photoFadeImage {
		height: 100%;
		margin: auto;
	}

	/*//////////////////// HEADER ////////////////////*/

	/* NAVIGATION --------------------------*/
	nav {
		display: block;
		height:	71px;
		padding: 0;
	}
	
	nav:before {
		left: 0;
		width: 140%;
	}
	
	nav .logo {
	  display: flex;
	  align-content: center;
	  width: fit-content;
	  height: 100%;
	  margin: 0 10px;
	}
	
	nav .logo img {
	  width: 175px;
	}
	
	nav.flat .logo img {
		width: 125px;
	}

  div.switch.flat {
  	width: 50px;
  	height: 50px;
  }
  
  div.switch.flat span {
    left: 12px;
    width: 25px;
    height: 2px;
  }
	
	div.switch.flat.active span {
		left: 9px;
	}
	
	div.switch.flat span:nth-child(1) {
    top: 14px;
	}
	
	div.switch.flat span:nth-child(2) {
    top: 24px;
	}
	
	div.switch.flat span:nth-child(3) {
    top: 24px;
	}
	
	div.switch.flat span:nth-child(4) {
    top: 34px;
	}	
	
	nav ul {
    display: none;
    width: 100%;
    margin: 0;    
    padding: 10px !important;
    background: var(--primary);
    color: #fff;
	}
	
  nav ul li a {
  	color: #fff;
  }

	/* IMAGES ------------------------------*/
	.has-caption figcaption {
 		margin-bottom: 2px;
  	margin-left: 8px;
	}
	/*///////////////////// MAIN /////////////////////*/

	/* CARDS -------------------------------*/
	.cards {
	  display: grid;
	  grid-template-columns: 100%;
	  grid-row-gap: 40px;
	  grid-column-gap: 0;
	  width: 100%;
	  margin-bottom: 0;
	}

	/*//////////////////// FORMS ////////////////////*/	

	/*////////////////// INTERACTIVE ////////////////*/		
	/* ACCORDION ---------------------------*/
	.accordion {
		margin: 20px 0;
	}	

	/* TABS --------------------------------*/
	.tabs.vertical {
		display: block;
	}
	
	.tabs.vertical div.tabs-content,
	.tabs.vertical ul.tabs-switches {
		width: 100%;	
		padding: 0;
	}
	
	.tabs.vertical .tabContent {
		padding: 8px 0;
	}

	.tabs ul li.tabSwitch {
		width: fit-content;
		padding: 8px 0;
	}
	
	/* TESTIMONIALS ----------------------*/
	.testimonials {
		width: 100%;
	}
	
	.testimonials ul li blockquote {
	  max-width: 100%;
	  margin: 20px auto 0 auto;
	  padding: 15px 15px;
	  font-size: 1.2rem;
	}
	
	.testimonials ul li div {
		position: relative;
		inset: 0;
		max-width: 100%;
		margin-top: 5px;
	}
	
	.testimonials ul li div figure {
	  width: 50px;
	  height: 50px;
	}
	
	.bx-controls-direction {
		display: flex;
		width: 50%;
    margin: auto;
	}
	
	.bx-prev, .bx-next {
		left: 0;
		right: 0;
		position: relative;
	}
	
	.bx-prev {
		margin-right: auto;
	}
	
	
	/*//////////////////// OTHER ////////////////////*/			
	/* VIDEOS ------------------------------*/
	.video iframe {
		height: 180px;
	}
	

	/*//////////////////// FOOTER ///////////////////*/	
	footer {
		padding: 30px calc(50% - 150px) 60px calc(50% - 150px);
	}
	
	footer .cols .col {
		margin: 0 0 20px 0;
	}
}