/** FOR MOBILE DEVICES**/
@media screen and (max-device-width: 6in) {
	body {
		font-size: 2.5vw;
	}
	
	#shopping_cart {
	 right:10px !important; 
	 top:3px !important;
	}
	#shopping_cart img {
		width: 30px !important;
	}
	
	
	#login_bar {
		right:70px !important; 
		top: 5px !important;
	}
	#login_bar img {
		width: 30px !important;
	}
	
	#logo_bar {
		height:80px;
	}
	
	h1 {
		font-size:4vw !important;
	}

	span {
		font-size:3vw !important;
	}
	strong {
		font-size:3vw !important;
	}
	p {
		font-size:3vw !important;
	}

	a {
		font-size:3vw !important;
	}

	ul {
		list-style: none !important;
		padding:0px;
		margin:0px;
	}


	li {
		font-size:1vw !important;
	}
	
	#kontakt_f h1 {
		font-size:4vw;
	}
	#kontakt_f p {
		font-size:2.5vw;
	}
	#kontakt_f a {
		font-size:2.5vw;
	}
	
	#main_content {
		/*background:url(../images/bcg_mobile.jpg) no-repeat #000 top center / contain;*/
		background-size:100%;
		background-attachment:fixed;

	}

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

	#sluzby {
		font-size:6vw;
	}
	
	#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; 
		justify-content: center;
		text-align:center; 
		width:100%; 
		background: rgba(0, 0, 0, 0.5); 
		padding:20px;
		margin-top:20px;
		box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
	}

	
	#promo_text span {
		font-size:3vw;
		line-height:3.8vw;
	}


	#load_content {
		display:flex; 
		flex-direction:column;
		margin-top:80px !important; 
		border-top:0px solid #fff; 
		border-bottom:0px solid #fff; 
		padding-top:0px; 
		padding-bottom:0px; 
		text-align:left; 
		vertical-align:center;
		width:100%;
		transition: all 1s;
		 -webkit-transition:all 1s;
		-o-transition:all 1s;
		-moz-transition:all 1s;
		transform-origin: top center;
		/*transform:scale(0);*/
		height:100%;
	}


	.gallery_item {
		width: 45% !important;
		height: auto !important;
		max-width:45% !important;
		text-align:center;
		opacity:1;filter:alpha(opacity=100);
		-moz-border-radius: 5px;
		border-radius: 5px;
		padding:2px; 
		margin:3px !important; 
		border:0px solid #ccc !important; 
		background-color:#000 !important;
		box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
		transition: all 0.3s;
	}

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