@media screen and (max-width: 900px), (max-width:6in) {

	
	/* position of tel contact image in small menu scroll_button.php */
	#mscMenu_tel {
		margin-top: 10px !important;
	}
	
}
	
@media screen and (max-device-width: 6in) {


#main_content {
	display:flex; 
	flex-direction:column;
	width:100%; 
	height:100vh;
	/*background:url(../images/carbon_bcg_portrait.jpg) no-repeat #000 center center / contain;*/
	background-size:cover;
	background-attachment:fixed;
	transition: all 1s;
	 -webkit-transition:all 1s;
	-o-transition:all 1s;
	-moz-transition:all 1s;
}

.image_box {
		display:inline-block; 
		position:relative; 
		width:30vw;
		height:30vw;
}

	
#login_form {
	font-size:4vw;
	text-align:center;
	color:#fff;
	padding:50px; 
	padding-top:20px; 
	padding-bottom:20px; 
	background-color:#ccc; 
	box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
}


#login_form table tr td:first-child {
	text-align:right;
}

#login_form input[type=text], input[type=password] {
	font-size:4vw !important;
}
/*
#login_form input[type=button] {
	width:100%;
	font-size:4vw;
	border-radius: 10px;
	cursor:pointer;
	color: #fff;
	border:2px solid #fff;
}
*/
#login_form a {
	text-decoration:none;
	color:#fff;
}

	
.custom-file-upload {
	background-color: red;
  border: none;
   border-radius: 10px;
   color: #fff;
  cursor: pointer;
  display: inline-block;
	font-family: 'Poppins', sans-serif;
	font-size: 4vw;
  font-weight: 500;
  margin-bottom: 1rem;
  outline: none;
  padding: 1rem 20px;
  padding-left:50px;
  padding-right:50px;
  position: relative;
  transition: all 0.3s;
  vertical-align: middle;
  overflow: hidden;
  letter-spacing: 1px;
}
	
	.gallery_img {
		height:300px !important;
	}
	
	body { 
		font-size:4vw;
	}
	
	.logout_button {
		left:90% !important;
	}
	
	a {
		font-size:6vw !important;
		text-decoration:none;
	}
	
	.eye_button {
		width:7vw;
	}
	
	input[type=button] {
		font-size:4vw;
	}
	
	input[type=text] {
		font-size:4vw;
	}
	h1 {
		font-size:4vw;
	}

	span {
		font-size:4vw !important;
	}

	p {
		font-size:3vw;
	}
	
	a {
		font-size:3vw;
	}

	li {
		font-size:3vw;
		margin:0px;
	}
	
	#kontakt_f h1 {
		font-size:4vw;
	}
	#kontakt_f p {
		font-size:2.5vw;
	}
	#kontakt_f a {
		font-size:2.5vw;
	}
	
	#logo_bar {
		/*display:none;*/
	}

	.logo_tell {
		/*display:none;*/
	}
	
	/* position of tel contact image in small menu scroll_button.php */
	#mscMenu_tel {
		margin-top: 20px !important;
	}

	 .gallery {
		padding:0px !important;
	 }
	 
	.gallery_item {
		background:url(../images/loading.gif) no-repeat center center;
		width:98vw !important;
		box-sizing: border-box;
		text-align:center;
		opacity:1;filter:alpha(opacity=100);
		-moz-border-radius: 3px;
		border-radius: 3px;
		padding:0px; 
		border:1px solid #ccc; 
		background-color:#fff;
		box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
		transition: all 0.3s;
		display:flex;
		align-items:flex-start;
		align-self: center;
		
	}

	.gallery_item:hover {
			transform:scale(0.95);
	}

	.sub_pages {
		display:flex; 
		flex-direction:column;
		text-align:center; 
		width:100%; 
		margin:0px; 
		margin-top:30px;
		margin-bottom:0px; 
		padding:0px;
		background: rgba(0, 0, 0, 0.5);

	}
	
	
	#produkty_main p {
		font-size: 4vw; 
	}

	.produkty {
		background-color:#fff;
		width:100vw;
		margin:5px;
		border:1px solid #ccc;
		-moz-border-radius: 3px;
		border-radius: 3px;
		box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
		font-size: 1.3vw; 
		color:#fff;
		transition: all 0.3s;
		display:flex;
		flex-direction:column;
		justify-content: space-between;
		align-content: center;
		align-items: center;
	}

	.fotogaleria_item {
		width:100vw !important;
		text-align:center;
		opacity:1;filter:alpha(opacity=100);
		-moz-border-radius: 3px;
		border-radius: 3px;
		padding:2px; 
		margin:5px; 
		border:1px solid #ccc; 
		background-color:#fff;
		box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
		display:flex;
		flex-direction:column;
		justify-content: space-between;
		align-content: center;
		align-items: center;
		transition: all 0.3s;
	}

	.gallery_item_font {
		font-family:'FontAwesome';
		font-size:4vw;
		color:#404040;
		align-self: center;
	}


	.sub_pages div {
		padding-left:10px;
		padding-right:10px;
	}

.home_aktuality	{
		text-align:center;
		font-family:'FontAwesome';
		font-size:1.3vw;
		background-color:#000;
		cursor:pointer; 
		display:inline-block; 
		width:93%; 
		padding-top:20%; 
		padding-bottom:20%; 
		margin:10px;
		margin-top:3vw;
		box-shadow: 1px 2px 4px rgba(0, 0, 0, .5); 
		border:2px solid #fff; 
		opacity:1;
		-moz-border-radius: 3px;
		border-radius: 3px;
		transition: all 0.3s;
	}

	.home_aktuality:hover {
		transform:scale(0.95);
	}


	.home_aktuality_inbox {
		display:flex; 
		flex-direction:column; 
		width:auto; 
		height:auto; 
		vertical-align:middle; 
		background: rgba(0, 0, 0, 0.7);
		padding:10px;
	}

	.home_aktuality_title {
		font-family:'FontAwesome';
		color: #F0801E;
		text-decoration:none;
		font-weight:bold;
		font-size:4vw;
	}

	.home_aktuality_intro {
		font-family:'FontAwesome';
		font-size:3vw;
	}



	.atitle {
		font-size:5vw;
	}
	
	#box_intro span {
		font-size:4vw;
		padding:2vw;
		padding-top:0px;
	}

	#sluzby {
		font-size:6vw;
	}
	
	#objednavka_top {
		margin-top:200px;
		transform:scale(1.5);
		transform-origin:top center;
		margin-bottom:400px;
	}
	
	#objednavka h1 {
		font-size:5vw;
	}

	#kontakt_top {
		width:100%;
		height:auto;
		display:inline-block;
	}

	#kontakt {
		font-family:'FontAwesome';
		color:#666;
		font-size:2vw;
		display:flex;
		flex-direction:column;
		text-align:center;
		transition: all 0.3s;
		opacity:1;
		width:80%;
		margin:0 auto;
	}

	#kontakt h1 {
		background: rgba(0, 0, 0, 0.5);
		padding:10px;
		font-family:'FontAwesome';
		font-size:4vw;
	}

	#kontakt span {
		font-weight:bold;
		font-family:'FontAwesome';
		font-size:3vw;
		color: #fff;
		margin:10px;
	}


	#kontakt input[type=text], input[type=tel], input[type=email], input[type=number]{
		margin:0px;
		padding:5px;
		font-family:'FontAwesome';
		font-size:3vw;
		color:#666;
		border:0px solid #fff;
		-webkit-text-fill-color: #666;
		width:97%;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}

	#kontakt input[type=button], input[type=submit], input[type=reset] {
		width:auto;
		-moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
		font-family:'FontAwesome';
		font-size:4vw;
		background-color: #2d7dc4;
		-moz-border-radius: 10px;
		border-radius: 10px;
	  border: none;
	  color: white;
	  padding-top: 10px 15px;
	  text-decoration: none;
	  margin: 0px 2px;
	  cursor: pointer;
	  box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
	  transition: all 0.3s;
	}

	#kontakt input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover {
		opacity:0.8; filter:alpha(opacity=80);
		
	}

	#kontakt textarea {
		font-family:'FontAwesome';
		color: #666;
		font-size:3vw;
		padding:5px;
		margin:0px;
		resize: none; 
		width:100%; 
		height:100px;
		box-sizing: border-box;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}



	#page_bottom {
	}
	
	#page_bottom p {	/*left*/
		font-size:3vw;
	}
	#page_bottom span {
		font-size:3vw;
	}
	
	#page_bottom a {
		font-size:3vw;
	}
	
	#page_bottom li {
		font-size:3vw;
	}
	
	#page_bottom ul {
		font-size:3vw;
	}
	
	#bottom_services {
		padding-left:10px;
		display:none !important;
	}
	
	#page_bottom_middle {
		padding-left:20px;
	}
	
	#response_inner_div p {
		font-size:3vw;
	}
	
	#response_inner_div img {
		width:4vw;
	}

	.kontakt_item {
		width:80%;
		-moz-border-radius: 20px;
		border-radius: 20px;
	}
	#promo_text {
		display:flex; 
		text-align:center; 
		width:auto; 
		background: rgba(0, 0, 0, 0.5); 
		padding:20px;
	}

	
	#promo_text span {
		font-size:3vw;
		line-height:3.8vw;
	}
	
	.logo_up {
		width: 30vw;
	}
}

@media screen and (orientation: portrait) {

	.cancel_button {
		width:5vw;
	}
	
	
	.image_box {
		width: 45vw;
		height: 45vw;
	}

	.image_buttons img {
		width:70px !important;
		
	}
	
	.image_buttons span {
		font-size: 40px !important;
	}
	
	
	.img_checkbox > input:checked + span::before {
		content: '\2713';
		display: block;
		text-align: center;
		font-family: "FontAwesome";
		font-weight: 500;
		font-size:100px;
		color: #FF0000;
		position: absolute;
		right:0;
		top:0;
		border:1px solid #fff;
		text-shadow: 2px 2px 8px #000;
		border-radius:50px;
		box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
		background: rgba(0, 0, 0, 0.5);
	}


	.img_checkbox > input {
		height: 70px;
		width: 70px;
		-webkit-appearance: none;
		-moz-appearance: none;
		-o-appearance: none;
		appearance: none;
		border: 1px solid #34495E;
		border-radius: 4px;
		outline: none;
		transition-duration: 0.3s;
		background-color: #41B883;
		cursor: pointer;
		float:left;
		position:absolute;
		margin-left:0px;
		margin-top:0px;
		display:none;
	  }

}

@media screen and (orientation: landscape) {

	.addHomeScreenButton {
		font-size: 2vw;
		width: 20vw;
		text-align:center;
		position: absolute;
		left: 5px;
		top: 5px;
		padding:10px;
	}	
}