@media screen and (max-width:1279px) { 
	.home-right	{  margin-right:0;  }
}


@media screen and (max-width:1023px) { 
	.menu-blue	{ margin-right:0;  }
	.home-left	{ width:100%; margin-right:0; }
	.home-right	{ float:left; margin-bottom:120px;}
	
	.about-company-left		{ width:calc(100% - 200px); }
	.about-company-right	{ max-width:150px;}
	
	.skill			{ width:100%; max-width:90%; margin:0 0 80px 0; }
	
	.services-box	{ width:100%; margin:0 0 20px 0!important; }
	
	.offer-container	{ margin-bottom:100px;}
	
	.contact		{ padding:40px 0 0 0;}
	.contact-left	{ width:100%; margin-right:0; margin-bottom:80px }
	.contact-right	{ width:100%; }
	
	.footer-right	{ width:100%; margin-top:40px } 
	.footer-text	{ margin-top:40px; margin-bottom:80px; color:#808080; }
}


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

}

/* Mobilní šířka */
@media screen and (max-width:767px) { 
	.roboto20	{ font-size:18px; line-height:26px; }
	.alegreya46	{ font-size:36px; line-height:50px; }
	.alegreya34	{ font-size:24px; line-height:40px; }
	.alegreya32 	{ font-size:22px; line-height:38px; }

	/*nav      	{  z-index:10000 } */
	menu		{ display:none; position:fixed; top:80px; left:0; margin:0; width:100%; background: white; padding:21px 0 21px 0; box-shadow: 0px 16px 16px rgba(16, 97, 137, 0.1); }
	.menu		{ float:none; display:block; text-align: center; padding:5px 0; width:fit-content; margin:auto; margin-bottom:10px }
	.menu-blue	{ margin:auto; }
	.menu-mobile	{ display:block }
	.head		{ height:100px; }
	
	.button-more { margin-bottom:60px; }

	.arrow		{ margin:50px 0 80px 0;  }
	
	.about-company	{ padding:40px 0 40px 0 }
	.about-company-left		{ width:100%; }
	.about-company-right	{ float:none; margin:auto }
	.about-company-right img	{ margin-top:50px }
	
	
	.partner		{ max-width:100px!important; margin:5px 18px 5px 18px; }
	.partner.globalblue	{ max-width:60px!important }
	.partner.mzv	{ max-width:150px!important; margin-right:3px }
	.partner.kutnahora	{ max-width:120px!important; margin-left:3px }
	.partner.koscom	{ max-width:60px!important }
	.partner.aquapalace	{ max-width:60px!important }

	.services-box 	{  padding: 20px 16px; }
	
	
	.skills 		{ margin:0px; }
	.skill 			{ margin-bottom:50px; max-width:none }

	
	.company		{ padding:40px 0 }
	
	.form			{ padding:20px 27px; z-index:1 }

	
}

@media screen and (max-width:580px) {
	.form input		{ width:100%;  }
}




@media screen and (max-width:330px) {
	html, body { font-size: 15px; line-height: 22px; }
	.alegreya46	{ font-size:32px; line-height:45px; }
	.alegreya26 	{ font-size:20px; line-height:30px; }
	h1,
	.footer-left	{ width:150px }
	
	.button { padding: 22px 40px; }
}