/* Všechna rozlišení */

.phone-number{
	order:2;
	font-size: 1.5rem;
	display: flex;
	align-items: center;
	margin-right: 1em;
}

.phone-number a{
	color: inherit;
}

.phone-number span{
	display:none;
}

.top-panel{
	padding:0px !important;
}

.header-slider-item-text{
	color: #fff;
    position: absolute;
    width: calc(100% - 110px);
    left: 50%;
    transform: translate(-50%);
    text-align: center;
    text-decoration: underline;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header-slider-arrow{
	background: #ffffffbf;
    color: #167760;
}

#counter{
	background: #232323;
	color:#fff;
	display:flex;
	justify-content:center;
	align-items:center;
}

.counter-value{

}

.counter-number{

}

.counter{
	display:flex;
	align-items: center;
	padding:10px 5px;
}

.counter:nth-child(2){
	background:#167760;
}

.counter img{
	height:30px;
	margin-right:5px;
}

.counter-label{
	font-size: 0.7em;
}

.last_posts .last_post{
	border:0;
	padding:0;
	display: flex;
	flex-direction: column;
}

.last_posts .last_post-name{
	order:1;
	text-transform:uppercase;
}

.last_posts .last_post-img{
	order:2;
}

.last_posts .last_post-perex{
	order:3;
	display:none;
}

.last_posts .last_post>a{
	position:relative;
	bottom:0;
	right:0;
	left:auto;
	order:4;
	margin-right:inherit;
	margin-top:15px;
	color: #167760;
	background:transparent;
	border:0;
	width:auto;
}

.last_posts .last_post>a i{
	margin-left:15px;
	font-size: 1.5rem;
}

.last_posts .last_post-name h2 {
    font-size: 1.4rem;
	text-align:center;
}

body .all-posts a.btn{
	border-radius: 35px;
	font-size: 1em;
	text-transform:none;
	font-weight: 200;
}

h1.hp-name{
	font-size: 1.4rem;
	font-weight: 600;
}

#order{
	position:relative;
	background: #eee;
	padding:20px 10px;
	margin-top:50px;
}

#order h1.hp-name{
	background: #eee;
}

#order input, #order select{
	border-radius:0;
	border: 1px solid #167760;
}


#order button{
	background-color: #167760;
    border: 1px solid #167760;
    color: #ffffff !important;
	border-radius: 35px;
	font-size: 1em;
	text-transform: none;
	font-weight: 200;
	padding: 0.5em 1em;
}

.map-div-top{
	margin-top:0 !important;
	padding-bottom:0.5rem !important;
}

.map-div h1{
	color:#232323;
	background:transparent !important;
}

.map-map p{
	margin:0;
	padding:0;
}

footer{
	padding-top:30px;
}

footer .box-head{
	text-transform:uppercase;

}

footer .box-head i{
	margin-right:10px;
}

/* Rozlišení větší nebo rovné 576px (telefony) */

@media screen and (min-width: 576px) {


	.header-slider-item-text{
		font-size:1.3rem;
		font-weight:500;
	}

	.counter{
		padding: 10px 15px;
	}

	.counter img{
		height:40px;
		margin-right:10px;
	}

	.counter-value {
    	font-size: 1.1rem;
    	font-weight: 600;
	}

	.counter-label {
    	font-size: 1.1em;
	}

	.last_posts .last_post{
		margin-bottom:0;
	}

	.last_posts .last_post-name{
		height:60px;
	}


}

/* Rozlišení větší nebo rovné 768px (větší telefony, tablety) */


@media screen and (min-width: 768px) {

	.top-panel .logo{
		flex:none;
	}

	#top-panel-navigation-desktop{
		order: 2;
		flex:1;
	}

	#top-panel-navigation-desktop ul.basic>li{
		visibility:visible;
		text-transform: uppercase;
	}

	#top-panel-navigation-desktop .priority-menu-toggler{
		display:none;
	}

	#top-panel-navigation-desktop .top-panel-navigation .top-panel-navigation-buttons>ul.basic{
		justify-content:flex-start;
	}

	.header-slider-item-text{
		font-size:2rem;
		font-weight:600;
	}

	.counter-value{
		font-size:2.5rem;
	}

	.last_posts .last_post{
		width: 370px;
	}


}

/* Rozlišení větší nebo rovné 992px (velké tablety, menší počítače) */

@media screen and (min-width: 992px) {

	.phone-number a{
		display: flex;
		align-items: center;
	}

	.phone-number span {
    	display: inline;
    	font-size: 1rem;
		margin-left: 15px;
	}

	.counter{
		padding: 20px 30px;
    	width: 330px;
	}

	.counter:not(:last-child){
		margin-right:30px;
	}

}

/* Rozlišení větší nebo rovné 1200px (standardní počítače) */

@media screen and (min-width: 1200px) {

	.last_posts .last_post{
		width: 470px;
	}

}


@media screen and (min-width: 1400px) {

	.top-panel{
		padding-left: calc((100% - 1400px) / 2 + 10px) !important;
		padding-right: calc((100% - 1400px) / 2 + 10px) !important;
	}

	#order{
		padding-left: calc((100% - 1400px) / 2 + 10px);
		padding-right: calc((100% - 1400px) / 2 + 10px);
	}

}