/* Všechna rozlišení */

.cookies-modal-body{
	max-height: calc(100vh - 10em - 145px);
    overflow-y: scroll;
}

#front-control{
	display:none;
}

/******** Kotva ********/

	#anchor{
		position: fixed;
		right: 10px;
		bottom: 10px;
		z-index: 2;
		background: #606060;
		color: #fff;
		text-align: center;
		padding: 0.5rem;
		text-transform: uppercase;
		display:none;
		cursor:pointer;
	}

	#anchor div:first-child{
		font-size: 2.5rem;
		line-height: 2rem;
	}


/******** Horní panel ********/


	.top-panel{
		padding: 0.5rem !important;
	}


/******** Ikonky sociálních sítí ********/


	.social-buttons{
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		margin-top: 10px;
		margin-bottom: 10px;
		max-width: 400px;
		margin-left: auto;
		margin-right: auto;
	}

	a.social-button{
		flex:1;
	    text-align: center;
	    background: #f3f3f3;
	    margin: 5px;
	    padding: 5px;
		text-decoration:none;
		display:block;
		height:45px;
	}

	a.social-button:hover{
		background: #d9d7d7;
	}

	.social-button-icon{
		display: flex;
		align-items: center;
		justify-content: center;
		height: 100%;
	}

	.social-button-icon img{
		max-height: 35px;
    	max-width: 100%;
	}

	.social-button-text{
		display:none;
	}


/******** Slider článků ********/


	#header-posts_slider .slick-list{
		height:100%;
	}

	#header-posts_slider .slick-track{
		height:100%;
	}

	.header-posts_slider-item{
		height:100%;
	}

	.header-posts_slider-perex{
		display:none;
	}

	.header-posts_slider-title{
		background: rgb(255 255 255 / 93%);
	}

	a.header-posts_slider-button{
		position:relative;
		top:auto !important;
		bottom:auto !important;
		font-size: 1rem;
		background: #606060;
		color: #fff !important;
		width: 100px;
		margin-left: auto;
		display: block;
		font-weight: 300;
		right:auto;
	}

	.header-posts_slider-title{
		font-size: 1.1rem;
	    line-height: 1;
		color: #404040;
	}

	.header-posts_slider-name{
	    margin-bottom: 15px;
	}

	#header-posts_slider .header-slider-prev{
		left:5px;
	}

	#header-posts_slider .header-slider-arrow{
		height: 40px;
		width: 40px;
		top: calc(50% - 20px);
		display: flex;
		align-items: center;
		justify-content: center;
	}

	#header-posts_slider .header-slider-arrow img{
		height: 10px;
	}

	#header-posts_slider .header-slider-prev img{
		transform: rotate(270deg);
	}

	#header-posts_slider .header-slider-next img{
		transform: rotate(90deg);
	}

	#header-posts_slider .header-slider-next{
		top: calc(50% - 20px) !important;
		right: 5px !important;
	}

	#header-posts_slider .slick-dots{
		bottom: 10px;
	}

	#header-posts_slider .slick-dots li{
		background: #d7d7d7;
		padding: 5px;
	    box-sizing: content-box;
		width:15px;
		height:15px;
	}

	#header-posts_slider .slick-dots li button{
		width:15px;
		height:15px;
	}

	#header-posts_slider .slick-dots li.slick-active button{
		background:#7a7a7a;
	}

	#header-posts_slider .slick-dots li button::before{
		display:none !important;
	}

	.header{
		margin-bottom:10px;
	}


/******** Vyhledávač ********/


	#lets-search{
		display:none;
	}

	.search button{
		background: #b5b5b5;
	    color: #fff !important;
	    font-weight: 500;
	    font-size: 0.9rem;
	    border-color: #fff;
	}

	.search input{
		width: calc(100vw - 207px);
	    padding: 0px 6px;
	    border: 1px solid #d5d5d5;
		max-width:360px;
	}


/******** Nepřehlédněte ********/


	#hp-important{
		padding:10px;
		position:relative;
	}

	#hp-important h2{
		font-weight: 700;
		font-size: 1.6rem;
		margin-bottom:1rem;
	}

	#hp-important-text{
		line-height: 1.7;
    	font-weight: 400;
    	font-size: 1.1rem;
	}


/******** Aktuality  ********/


	.hp-posts{
		margin-top: 7em;
	    position: relative;
	    padding: 5px;
	    box-sizing: border-box;
		max-width:1400px;
		margin-left:auto;
		margin-right:auto;
	}

	.hp-posts .border-bottom{
		position: absolute;
		width: calc(100% - 10px);
		top: 25px;
		border-bottom:1px solid #c9c9c9 !important;
	}

	.hp-posts h1{
		color: #6a6060;
		font-size: 2rem;
		text-align: center;
		background: #fff;
		position: relative;
		width: max-content;
		margin-left: auto;
		margin-right: auto;
		padding: 0px 20px;
	}

	.hp-post{
		border: 1px solid #7a7a7a;
	    padding: 5px;
		margin-bottom:5em;
		position:relative;
	}

	.hp-post-img div{
		width: 100%;
	    padding-top: 65%;
	    background-position: center;
	    background-size: cover;
	}

	.hp-post-name{
		color:#6a6060;
		margin-top:10px;
		padding:0px 20px;
	}

	.hp-post-name h2{
		font-size: 1.7rem;
	}

	.hp-post-perex{
		padding:0px 20px;
		line-height: 1.8;
	    font-weight: 300;
	    font-size: 1.2em;
		padding-bottom:3em;
		text-align: justify;
	}

	.hp-post>a{
		position: absolute;
		color: #fff;
		background: #606060;
		padding: 0.5em 1em;
		font-size: 1.2rem;
		text-transform: uppercase;
		bottom: -24px;
		left: 0;
		right: 0;
		width: 160px;
		margin-left: auto;
		margin-right: auto;
		text-decoration:none;
	}

	.all-posts{
		margin-top:2em;
		text-align:center;
	}

	.all-posts a.btn{
		border-radius: 0;
	    font-size: 1.5em;
	    text-transform: uppercase;
	    font-weight: 500;
	    padding: 0.5em 1em;
	}

	.hp-posts-posts{
		max-width: 400px;
	    margin-left: auto;
	    margin-right: auto;
		margin-top:2em;
	}

/******** Život v naší škole  ********/


	#hp-gallery{
		margin-top: 7em;
	    position: relative;
	    padding: 5px;
	    box-sizing: border-box;
	}

	#hp-gallery h2{
		color: #6a6060;
		font-size: 2rem;
		text-align: center;
		background: #fff;
		position: relative;
		width: max-content;
		margin-left: auto;
		margin-right: auto;
		padding: 0px 20px;
		max-width:100%;
	}

	.hp-gallery-gallery{
		margin-top:2em;
	}

	.hp-gallery{
		display:none;
	}

	#hp-gallery-xs{
		display:block;
	}

	#hp-gallery a{

	}

	#hp-gallery a div{

	}


/******** Kalendář akcí  ********/


	.big-calendar{
		margin-top: 7em;
	    position: relative;
	    padding: 5px;
	    box-sizing: border-box;
		max-width:1300px;
		margin-left:auto;
		margin-right:auto;
	}

	.big-calendar .border-bottom{
		position: absolute;
		width: calc(100% - 10px);
		top: 25px;
		border-bottom:1px solid #606060 !important;
	}

	.big-calendar h1{
		color: #6a6060;
		font-size: 2rem;
		text-align: center;
		background: #fff;
		position: relative;
		width: max-content;
		margin-left: auto;
		margin-right: auto;
		padding: 0px 20px;
	}

	#big-calendar-inner{
		margin-top: 2.3em;
		background: #f9f9f9;
		padding: 1.5rem 1rem;
		position:relative;
	}

	.month-control{
		font-size: 1.3rem;
		display: flex;
		align-items: center;
	}

	.change-month{
		flex:1;
		color: #fff;
		font-size: 1.5rem;
	}

	.arrow-back{
		text-align:right;
	}

	.change-month i{
		background: #606060;
	    padding: 0.4em 0.7em;
		cursor:pointer;
	}

	.change-month i:hover{
		background: #444444;
	}

	.month-name{
		margin: 0em 2em;
		font-weight: 300;
	}

	#big-calendar-table{
		width: 100%;
	    text-align: center;
		font-weight: 300;
	    font-size: 1.1rem;
	    margin-top: 1em;
	}

	#big-calendar-table th{
		font-weight: 600;
	}

	#big-calendar-table td, #big-calendar-table th{
		border: 1px solid #d5d5d5;
	}

	#big-calendar-table td:hover{
		background:#ebebeb;
	}

	#big-calendar-table td.td-event-day{
		cursor:pointer;
	}

	.dag-info{
		height: 35px;
		display: flex;
	    align-items: center;
	    justify-content: center;
	    width: 35px;
		border-radius: 100%;
		margin-left: auto;
	    margin-right: auto;
	}

	.dag-info.today{
		background:#ebebeb;
	}

	.dag-info.event-day{
		background:#606060;
		color:#fff;
		cursor:pointer;
	}

	#big-calendar-table td:hover .dag-info.event-day{
		background: #444444;
	}

	.events-box{
		position: absolute;
	    right: 0;
	    top: 0;
	    height: 100%;
	    background: #606060;
	    color: #fff;
	    padding: 1rem;
		width:250px;
		overflow:hidden;
		display:none;
	}

	.close-box{
		position: absolute;
		right: 1rem;
		top: 0.4rem;
	    font-size: 1.8rem;
		background: #444444;
	    border-radius: 100%;
	    width: 43.19px;
	    text-align: center;
		cursor:pointer;
	}

	.close-box:hover{
		background: #2a2a2a;
	}

	.box-date{
		font-size: 1.4rem;
	    font-weight: 100;
	    border-bottom: 1px solid #fff;
	    padding-bottom: 0.5rem;
	    margin-top: 2rem;
		height: 43px;
	}

	.event-box{
		border-left: 1px solid #fff;
		padding-left: 1rem;
	}

	.box-event{
		position:relative;
		margin-bottom: 2rem;
		padding-right:1em;
		cursor:pointer;
	}

	.box-event::before{
		content: '';
		position: absolute;
		left: -26px;
		font-size: 80px;
		line-height: 15px;
		height: 20px;
		top: calc(50% - 10px);
		width: 20px;
		background: #fff;
		border-radius: 100%;
	}

	.box-event:first-child::after{
		content: '';
		background: #606060;
		height: calc(50% - 10px);
		position: absolute;
		width: 1px;
		top: 0;
		left: -17px;
	}

	.box-event:last-child::after{
		content: '';
		background: #606060;
		height: calc(50% - 10px);
		position: absolute;
		width: 1px;
		bottom: 0;
		left: -17px;
	}

	.another-scroll-element{
		height:calc(100% - 3.5rem - 43px);
		margin-top: 1.5rem;
	}

	.slimScrollDiv, .event-box-scroll{
		margin-left: -2.5rem;
	    padding-left: 2.5rem;
	}

	.event-box-scroll{
		padding-left: 3.5rem;
	}

	.slimScrollBar{
		opacity:1 !important;
	}

	.box-event-detail{
		display:none;
	}

	.box-event-detail-name{
		display:none;
	}

	.box-event-detail-close{
		display:none;
	}


/******** Naši partneři  ********/


	.our-partners{
		margin-top: 5em;
	    position: relative;
	    padding: 5px;
	    box-sizing: border-box;
		max-width:1400px;
		margin-left:auto;
		margin-right:auto;
		border-bottom: 1px solid #c9c9c9;
		margin-bottom: 7rem;
	}

	.our-partners .border-bottom{
		position: absolute;
		width: calc(100% - 10px);
		top: 25px;
		border-bottom:1px solid #c9c9c9 !important;
	}

	.our-partners h1{
		color: #6a6060;
		font-size: 2rem;
		text-align: center;
		background: #fff;
		position: relative;
		width: max-content;
		margin-left: auto;
		margin-right: auto;
		padding: 0px 20px;
	}

	#partners{
		background:#fff;
	}

	.our-partners-item img{
		height: auto;
	    max-width: 100%;
	    width: auto;
	    max-height: 150px;
	}

	#our-partners{
		width: calc(100% - 60px);
	    margin-left: auto;
	    margin-right: auto;
		margin-bottom:1.4em;
	}

	.partners-slider-arrow{
		background: #486b9a;
		color: #fff;
		height: 60px;
		font-size: 1.5rem;
		border: 0;
		width: 40px;
		position:absolute;
	}

	#our-partners .slick-prev::before{
		display:none;
	}

	#our-partners .slick-next::before{
		display:none;
	}

	#our-partners .slick-prev{
		left:-30px;
	}

	#our-partners .slick-next{
		right:-30px;
	}

	#our-partners .slick-arrow{
		background: #606060;
		color: #fff;
		font-size:1rem;
		width: 30px;
		height: 45px;
	}

	#our-partners .slick-list{

	}

	.our-partners-item{
		text-align:center;
		height:150px;
	}


/******** Patička  ********/


	footer{
		padding-top:5rem;
	}

	footer .box-name{
		font-size: 1.4rem;
		text-transform: uppercase;
		font-weight: 400;
	}

	footer .box-head{
		border-bottom:0;
	}

	footer .box-content{
		font-size: 1.1rem;
	    font-weight: 100;
	}

	footer .box-content a{
		color:#fef8a0;
	}


/******** Napište nám  ********/


	footer .input-group-text{
		background: transparent;
	    color: #fff;
	    border: 1px solid #fff;
	    border-radius: 0;
	    width: 45px;
	    display: flex;
	    justify-content: center;
	}

	footer .form-control{
		background: transparent;
		border: 1px solid #fff;
		border-radius: 0;
		color:#fff;
		padding:1.375rem 0.75rem;
	}

	footer .form-control:focus{
		background: transparent;
		border: 1px solid #fff;
		border-radius: 0;
		color:#fff;
	}

	footer .form-control::placeholder{
		color:#ddd !important;
	}

	footer .contactform button{
		width: 100%;
	    border-radius: 0;
	    text-transform: uppercase;
	    font-weight: 400;
		background: #ea7610;
	}


/******** Mapa  ********/


	.map-div-top{
		background:#606060;
		margin-top: -5rem;
		padding-bottom:2.5rem;
	}

	.map-div{
		margin-top: 5em;
	    position: relative;
	    padding: 5px;
	    box-sizing: border-box;
		max-width:1400px;
		margin-left:auto;
		margin-right:auto;
	}

	.map-div .border-bottom{
		position: absolute;
		width: calc(100% - 10px);
		top: 25px;
	}

	.map-div h1{
		color: #fff;
		font-size: 1.8rem;
		text-align: center;
		background:#606060;
		position: relative;
		width: max-content;
		margin-left: auto;
		margin-right: auto;
		padding: 0px 20px;
	}

	.map-map iframe{
		margin-bottom:-6px;
	}


/******** Copyright  ********/


	#copyright a{
		color:#1a7dc3;
	}

	#copyright-text:after{
		display:none !important;
	}

	#copyright{
		margin-top:0;
	}

	#copyright-links{
		padding-bottom:0.7em;
	}

	#copyright-content{
		padding:12px;
	}


/******** Speciální hlavička  ********/


	#special-header{
		display:none;
	}


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

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


	/******** Ikonky sociálních sítí ********/


		.social-buttons{
			max-width: 550px;
		}

		a.social-button{
			width: 100px;
			padding: 10px;
			height:auto;
		}

		.social-button-icon img{
			height:38px;
		}


	/******** Menu ********/


		#top-header-navigation-mobile .top-header-navigation-buttons{
			left: auto;
    		right: 0;
    		width: auto;
			min-width: 200px;
    		padding-right: 10px;
		}


	/******** Aktuality školy ********/


		.hp-posts-posts{
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			max-width:700px;
		}

		.hp-post:first-child{
			margin-right:5px;
		}

		.hp-post:nth-child(2){
			margin-left:5px;
		}

		.hp-post{
			width: calc(50% - 5px);
		}


	/******** Kalendář akcí ********/


		#big-calendar-table td, #big-calendar-table th{
			padding: 0.5em 0.25em;
		}

		#big-calendar-inner{
			padding: 1.5rem 1.5rem;
		}

		.dag-info{
			height: 45px;
			width: 45px;
		}

		.events-box{
			width:330px;
			padding: 1rem 2.5rem;
		}

		.slick-dots {
		    bottom: 30px;
		}

		#big-calendar-table{
		    font-size: 1.2rem;
		}

		.td-event-day{
			background: transparent;
		}

		.td-today{
			background: transparent;
		}


	/******** Život v naší škole ********/


		#hp-gallery-xs{
			display:none;
		}

		#hp-gallery-sm{
			display:block;
		}


	/******** Horní panel ********/


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


	/******** Vyhledávač ********/


		.search{
			flex:1;
		}

}

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

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


	/******** Slider článků ********/


		.header-posts_slider-title{
			top:auto;
			bottom: 20%;
			width: 340px;
		}

		a.header-posts_slider-button{
			width: 115px;
		}

		.header-posts_slider-name{
			display:none;
		}

		.header-posts_slider-perex{
			display:block;
			margin-bottom:15px;
		}


	/******** Aktuality školy ********/


		.hp-post:first-child{
			margin-right:5px;
		}

		.hp-post:nth-child(2){
			margin-left:5px;
			margin-right:5px;
		}

		.hp-post:nth-child(3){
			margin-left:5px;
		}

		.hp-post{
			width: calc(33% - 5px);
		}

		.hp-post{
			margin-bottom:2em;
		}

		.hp-posts-posts{
			max-width:900px;
		}


	/******** Kalendář akcí ********/


		.events-box{
			width:450px;
			overflow: visible !important;
		}

		.box-event{
			font-size: 1.3rem;
			font-weight: 100;
		}

		.another-scroll-element>.slimScrollDiv{
			overflow: visible!important;
		}

		.box-event-detail{
			position: absolute;
			top: -28px;
			left: -314px;
			width: 314px;
			background: #606060f5;;
			height:412px;
			padding:10px;
		}

		.box-event-detail-name{
			display:block;
			border-bottom: 1px solid #fff;
			padding-bottom: 10px;
			padding-right: 40px;
		}

		.box-event-detail-close{
			background: #444444;
			position: absolute;
			right: 5px;
			top: 5px;
			border-radius: 100%;
			width: 40px;
			height: 40px;
			display: flex;
			align-items: center;
			justify-content: center;
			cursor:pointer;
		}

		.box-event-detail-close:hover{
			background: #2a2a2a;
		}

		.box-event-detail-text{
			margin-top:10px;
			padding-right:15px;
		}

		.box-event-detail-scroll{
			height: calc(100% - 3.5rem - 20px);
			margin-top:15px;
		}

		#big-calendar-table{
		    font-size: 1.3rem;
		}


	/******** Život v naší škole ********/


		#hp-gallery-sm{
			display:none;
		}

		#hp-gallery-md{
			display:block;
		}

	/******** Ikonky sociálních sítí ********/

		.social-button-text{
			display:block
		}

		.social-buttons{
			max-width:620px;
		}

}

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

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

	.columns-one .contact{
		width:100%;
		margin-right:0px;
	}


	/******** Vypnutí standardní hlavičky  ********/


		.top-panel{
			display:none;
		}

		#top-header-navigation-mobile{
			display:none !important;
		}

		#top-header-navigation-desktop{
			display:none !important;
		}


	/******** Speciální hlavička  ********/


		#special-header{
			display:flex;
		}

		#special-header-left{
			flex:1;
			text-align: right;
		}

		#special-header-right{
			flex:1;
		}

		.logo img{
			width:120px;
		}

		.special-header-name{
			font-size: 1.6rem;
    		font-weight: 300;
			padding: 15px 0px;
		}

		.special-header-name a{
			text-decoration:none;
		}

		#special-header-middle{
			margin: 25px 30px;
		}

		.special-header-menu{
			display: flex;
			background: #ebebeb;
			padding:15px;
			list-style-type: none;
			align-items:center;
			position:relative;
		}

		#special-header-left .special-header-menu{
			justify-content: end;
			padding-right:35px;
		}

		#special-header-right .special-header-menu{
			padding-left:35px;
		}

		#special-header-left .special-header-menu::before{
			content: "";
			position: absolute;
			bottom: 0;
			right: 0;
			width: 0;
			height: 0;
			border-top: 27px solid transparent;
			border-left: 27px solid transparent;
			border-right: 27px solid white;
			clip-path: polygon(0 100%, 100% 100%, 100% 0);
		}

		#special-header-right .special-header-menu::before{
			content: "";
			position: absolute;
			top: 0;
			left: 0;
			width: 0;
			height: 0;
			border-bottom: 27px solid transparent;
			border-right: 27px solid transparent;
			border-top: 27px solid #fff;
		}

		#special-header-left .special-header-menu-item:first-child{

		}

		#special-header-left .special-header-menu-item:first-child i{
			color:#929292;
		}

		.special-header-menu-item{
			text-transform: uppercase;
			margin-left: 35px;
			font-weight: 300;
			position: relative;
		}

		.special-header-menu-item .bold-item{
			position: absolute;
			top: 0;
			left: 0;
			opacity: 0;
			font-weight:600;
		}

		.special-header-menu-item:hover .bold-item, .special-header-menu-item.active .bold-item {
			opacity: 1;
		}

		#special-header-left .special-header-menu-item:hover .bold-item i, #special-header-left .special-header-menu-item.active .bold-item i{
			color:#5e5e5e;
		}

		.special-header-menu-item:hover>a:first-child, .special-header-menu-item.active>a:first-child{
			opacity: 0;
		}

		.special-header-menu-item:not(:first-child) i{
			font-size: 0.7rem;
			margin-left:4px;
		}

		.special-header-menu-item a{
			display: flex;
    		align-items: center;
			text-decoration:none;
			cursor:pointer;
		}

		#special-header-right .special-header-menu-item:first-child{
			margin-left: 0px;
		}

		.search-input-div{
			display:none;
			position: absolute;
			right: 0;
			top: 35px;
			z-index: 2;
			background: #ebebeb;
		}

		#lets-search{
			display:block;
			color:#919191;
			cursor:pointer;
		}

		#lets-search:hover{
			color:#5e5e5e;
		}

		.search{
			flex:none;
			margin-left: 23px;
			position: relative;
		}

		.special-header-submenu{
			position: absolute;
		    top: 39px;
		    left: 0;
		    background: #ebebeb;
		    z-index: 2;
			list-style: none;
			padding:10px;
			width: max-content;
			display:none;
		}

		.special-header-submenu-item{
			padding: 10px;
		}



	/******** Tlačítka sociálních sítí  ********/

		a.social-button{
			padding: 18px 10px;
		}

		.social-buttons{
			width: 625px;
			left: 50%;
			transform: translateX(-50%);
			max-width:unset;
			margin-top:0;
			z-index:1;
			background:#fff;
			position:absolute;
			padding-bottom:10px;
		}

		.social-buttons::after{
			content: "";
			position: absolute;
			top: 0;
			right: -114px;
			width: 0;
			height: 0;
			border-bottom: 115px solid transparent;
			border-right: 115px solid transparent;
			border-top: 115px solid #fff;
		}

		.social-buttons::before{
			content: "";
			position: absolute;
			top: 0;
			left: -114px;
			width: 0;
			height: 0;
			border-left: 115px solid transparent;
			border-top: 115px solid #fff;
		}


	/******** Nepřehlédněte  ********/


		#hp-important{
			max-width:990px;
			margin-left:auto;
			margin-right:auto;
		}


	/******** Aktuality školy  ********/

		.hp-post:first-child{
			margin-right:25px;
		}

		.hp-post:nth-child(2){
			margin-left:25px;
			margin-right:25px;
		}

		.hp-post:nth-child(3){
			margin-left:25px;
		}

		.hp-post{
			width: calc(33% - 31px);
		}

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


	/******** Kalendář akcí  ********/


		#big-calendar-table th{
			padding: 1em;
		}

		#big-calendar-table td{
			padding:0.25em 0.5em;
		}

		.dag-info{
			height: 55px;
			width: 55px;
		}

		#big-calendar-table{
		    font-size: 1.4rem;
		}

		.box-event-detail{
			top: -25px;
	    	left: -514px;
	    	width: 514px;
			height: 496px;
			padding:25px;
		}

		.box-event-detail-close{
			width: 45px;
	    	height: 45px;
			top: 15px;
			right:20px;
		}

		.box-event-detail-name{
			padding-right: 50px;
		    font-size: 1.5em;
		    font-weight: 300;
		}


	/******** Život v naší škole  ********/


		#hp-gallery-md{
			display:none;
		}

		#hp-gallery-lg{
			display:block;
		}


}

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

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

	.columns-one .contact:nth-child(1n){
		width: calc(50% - 0.5em);
	}

	.columns-one .contact:nth-child(2n){
		margin-right:0px;
	}

	.columns-one .contact:nth-child(2n+1){
		margin-right:0.5em;
	}

	#front-control{
		display:flex;
	}


	/******** Nepřehlédněte  ********/


		#hp-important{
			margin-top:50px;
			max-width:1400px;
		}

		#hp-important-text{
			font-weight: 300;
	    	font-size: 1.2rem;
	    	line-height: 2;
		}


	/******** Slider článků  ********/


		.header-posts_slider-title{
			padding:1.5em 0.5em 0.5em 1.5em;
		}

		.header-posts_slider-perex{
			font-weight: 300;
    		font-size: 1.2rem;
    		line-height: 2;
			padding-right:1em;
		}


	/******** Naši partneři  ********/


		#our-partners .slick-prev{
			left:-50px;
		}

		#our-partners .slick-next{
			right:-50px;
		}

		#our-partners .slick-arrow{
			background: #606060;
			color: #fff;
			font-size:2rem;
			width: 50px;
			height: 75px;
		}

		#our-partners{
			width: calc(100% - 100px);
		}


	/******** Copyright  ********/


		#copyright-text{
			width: 100%;
		}


	/******** Život v naší škole ********/


		#hp-gallery-lg{
			display:none;
		}

		#hp-gallery-xl{
			display:block;
		}


	/******** Kalendář akcí ********/


		.box-event-detail{
			left:-560px;
			width:560px;
		}

		.close-box{
			top: 1rem;
		}

		.box-event-detail{
			left:-720px;
			width:720px;
		}


	/******** Aktuality školy ********/


		.hp-posts-posts{
			max-width:1400px;
		}


	/******** Ovládací prvky ********/


		#hp-important #front-control{
			display:block;
			top:5px;
			right:10px;
		}

		.our-partners #front-control{
			display:block;
			top:30px;
			right:10px;
		}

}