/* Všechna rozlišení */

.fancybox-opened{
	z-index: 80300 !important;
}


.popover{
	z-index:99999;
}

.top-panel{
	grid-template:"logo search" auto
				  "number number" auto / 1fr auto;
}

.phone-number{
	grid-area:number;
	padding-left:10px;
}

.classes_links-links{
	display:block;
}

.classes_links-links>div{
	display: flex;
    align-items: center;
    justify-content: center;
	flex-wrap:wrap;
}

/*
.classes_links-links>div:first-child{
	margin-bottom:10px;
}

.classes_links-links>div:nth-child(2){
	border-top:1px solid #c0c0c0;
	padding-top:5px;
}
*/
.phone-number a{
	color: #fff;
}

.top-panel .logo img{
	height:auto;
	width:100%;
	max-width:350px;
	max-height:100%;
}

.top-panel .search{

}

.hp-links-links a.hp-link{
	font-size: 1rem;
    padding: 24px;
}

.hp-links-links a.hp-link img:nth-child(2){
	display:none;
}

.hp-links-links a.hp-link:hover img:first-child{
	display:none;
}

.hp-links-links a.hp-link:hover img:nth-child(2){
	display:inline;
}



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

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


}

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


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

	.top-panel{
		grid-template:"logo number search" auto / 1fr auto auto;
	}

	.phone-number{
		display: flex;
    	align-items: center;
    	margin-right: 50px;
	}

	.top-panel a.logo{
		display: flex;
    	align-items: center;
    	height: 100%;
	}

	#univers_top_header_navigation{
		top: 100px;
	}

	.top-panel-2 .search-input-div{
		    width: 320px;
	}

	#class-content-inner{
		display: flex;
    	flex-wrap: wrap;
	}

	.columns-none #class-content-inner .gallery:nth-child(2n){
		margin-right:0.5em;
	}

	.columns-none #class-content-inner .gallery:nth-child(2n+1){
		margin-right:0em;
	}
}

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

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

	.phone-number{
		order:2;
	}

	.top-panel a.logo{
		flex:1;
	}


}

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

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

	.top-panel .logo img{
		width:auto;
	}

	.hp-links .hp-links-links {
		max-width: 1100px;
	}

	.hp-links-links a.hp-link {
    	font-size: 1.2rem;
    	padding: 40px;
	}

	.columns-none #class-content-inner .gallery:nth-child(2n+1){
		margin-right:0.5em;
	}

 	.columns-none #class-content-inner .gallery:nth-child(3n) {
		margin-right: 0.5em;
	}

	.columns-none #class-content-inner .gallery:nth-child(3n+1) {
		margin-right: 0em;
	}

}


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



}