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

.font20 		{ font-size:16px;}
.font42 		{ font-size:34px; }

.menu.font16 		{ font-size:14px;  }
.menu-polozka 		{  margin-left:12px }

.claim 			{ max-width:360px;}

.button { padding:12px 16px; }
}


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

  .font18 		{ font-size:16px; }
  .font24 		{ font-size:20px; }
  .font64 		{ font-size:24px; }
  .font42 		{ font-size:20px; }
  
  
  
  nav { height:85px; }
  .hamburger		{ display:block }
 
  .header-left{ width:100%; margin-top:20px; }
  .logo 		{ width:120px; }
  .logo-see { width: 60px; margin-left:20px;  margin-top:18px; }
  .logo-cors { width: 50px; margin-left:10px;  margin-top:12px; }
  
  .header-right { width:100%;  }

  .header-phone { display:none; }
  .header-email { display:none;}
  
  .menu { display:block; text-align:left; margin-top:0 }
  
  .menu-hide { position: fixed; width: 100%;  overflow-y: scroll; height: 100% !important; top: 0; right: -100%; background-color: #F0030F; 
			padding: 0; margin:0; transition: all 0.5s ease-in-out; z-index: 100;}
  .menu-hide.active 	{  right:0 }
  .menu-close { display:block;}
  .menu-close img { width:25px }
  
  
  .menu-polozka { clear:both; float:left; margin-left:0; margin-left:24px }
  .menu .menu-polozka-link  {color:#fff; background-color:transparent; padding:0; margin-top:16px;
			-webkit-border-radius:0; -moz-border-radius:0; border-radius:0 }
  .menu.font16 { font-size: 18px; }
  
  .submenu-outer { display:block; position:relative; padding-top:0 }
  .submenu { background-color:transparent; padding:0;  margin-top:16px;}
  
  .submenu a { color:#fff; margin-left:20px;  }
  .submenu a:hover { border-bottom:solid 1px transparent }
  
  
  .mutace { margin-top: 65px; margin-right:24px;}
  
	.claim 			{ max-width:300px;}
  
  .claim-position { top: 110px; }
    
  .header-img  { margin-top:85px;}
  
  h1.fontWeightMedium { font-weight: 600; }
  
  h2 { font-size:18px; margin-top:0 }
  
  .obsah { margin-top:120px }
  .obsah-text { margin-top:30px }
  
  .kontakt-obsah { margin-top: 40px; }
  .kontakt { margin-top:4px; }
  .kontakt.font42 { font-size: 24px; }
  .kontakt-left,
  .kontakt-right { width:100%; margin-top:0 }
  .kontakt-right img { float: left; width: 230px; margin-top:30px; margin-bottom:0px }
  
  .box { padding:24px; }
  .box img { width:100%!important; margin-left: 0!important; margin-right: 0!important;}
  .box img:nth-child(2),
  .box img:nth-child(3) { margin-top:30px; }
  
  .video-cont { display:block;}
  .video { margin-bottom:30px;}
  
  .footer.font16 { font-size:13px; }
  .social-icon { margin-top: 17px; }
  
  		
	.form { margin-top:20px; margin-bottom: 80px;}

	.form-title 		{ margin: 80px 0 0 0; }
	.form-blick 		{ gap:16px; margin-bottom:20px }
	.form-item			{ flex: 0 100% }
	.form input,
	.form textarea	{ padding:12px 15px; font-size:16px; margin-top:4px; }
	.form input[type="checkbox"] + label 	{ width:22px; height:22px; }
	.form .souhlas { display: inline-block; top: -28px; margin-left: 35px; }


	.form-success,
	.form-success.open	{ left: 0; right:0; margin:auto }
	.form-text	{ width: calc(100% - 40px); text-align:center; margin-left:10px }
	
	.souhlas-hide { font-size:14px; line-height:1.5em; width:calc(100% - 100px) }


	
}


/* Výška okna menší než 900px */
@media screen and (max-height:900px) { 

}

/* Mobilní šířka */
@media screen and (max-width:960px) { 

.gdpr-button		{padding:6px 12px; font-size:14px;margin-left: 10px;  }
.gdpr-button:last-child		{margin-left: 0;  }
	
.gdpr-potvrdit	{ padding:6px 12px; font-size:14px;}
}

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

	.homepage .header-img {
	    width: calc(100% + 150px);
		spect-ratio: 19/9;
	    object-position: -150px;
	    overflow: hidden;
	}

}












/** TABLETS IN PORTAIT **********************************/
/*************************************************************/
@media all and (min-device-width: 0) and (max-device-width:768px) and (orientation:portrait){	 

}

/** TABLETS IN LANDSCAPE **********************************/
/*************************************************************/
@media all and (min-device-width: 0) and (max-device-width:768px) and (orientation:landscape){  
 

}