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

	.banner-list-text-group .field--field-banner-nadpis{
		font-size: 70px;
	}

	#block-mytheme-main-menu .menu{
		right: 180px;
		gap: 20px;
	}

}


@media only screen and (max-width: 1300px){

	h3{
		font-size: 30px;
	}

	.nehnutelnost-view-teaser .view-content .views-row{
		width: calc(100% / 2 - 14px);
	}

	.banner-list-text-group .field--field-banner-nadpis{
		font-size: 60px;
	}

}

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


	.nehnutelnost-view-teaser .view-filters form {
    height: 285px;
    overflow: auto;
}
	.nehnutelnost-view-teaser .view-filters .form--inline > .form-item, 
	.nehnutelnost-view-teaser .view-filters .form--inline .js-form-wrapper > .form-item {
    margin-right: 0;
    float: none;
    width: 100%;
	}

	.view-makleri-teaser .view-content > div{
		width: calc(100% / 3 - 15px);
	}

	#header .social-icons {
    top: 65px;
	}

	.mobile-menu-trigger {
		display: flex;
		width: 28px;
		height: 26px;
		top: 20px;
		right: 15px;
		position: absolute;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		cursor: pointer;
	}

	.mobile-menu-trigger span {
			height: 2px;
			background: #585757;
			width: 100%;
			display: inline-block;
			margin: 3px 0;
			position: relative;
			transition: all 0.2s ease 0s;
	}

	.page-node-type-frontpage .mobile-menu-trigger span{
		background: white;
	}

	.menu-open .mobile-menu-trigger span:nth-child(1) {
			transform: rotate(45deg);
			top: 5px;
	}

	.menu-open .mobile-menu-trigger span:nth-child(2) {
			display: none;
	}

	.menu-open .mobile-menu-trigger span:nth-child(3) {
			transform: rotate(-45deg);
			top: -3px;
	}

	.menu-open .mobile-menu-trigger {
			top: 20px;
			right: 15px;
			z-index: 999;
	}

	.menu-overlay {
			display: block;
			position: fixed;
			right: 0;
			top: 0;
			width: 0%;
			background-color: rgba(0, 0, 0, 0.2);
			height: 100%;
			z-index: 300;
			text-indent: -10000px;
			overflow: hidden;
	}

	.menu-open .menu-overlay {
			width: 100%;
	}

	#block-mytheme-main-menu {
			position: fixed;
			top: 0;
			right: auto;
			left: 0;
			height: 100%;
			width: 0%;
			z-index: 301;
			margin: 0;
			padding: 0;
			background-color: #fff;
			-moz-box-shadow: 0 0 10px rgba(0,0,0,0.2);
			-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2);
			box-shadow: 0 0 10px rgba(0,0,0,0.2);
			overflow: hidden;
			-moz-transition: all 0.3s ease;
			-webkit-transition: all 0.3s ease;
			transition: all 0.3s ease;
	}

	.menu-open #block-mytheme-main-menu {
			width: 80%;
			overflow: auto;
			display: block;
	}

	#block-mytheme-main-menu ul.menu {
			display: block;
			position: relative;
			right: 0;
			top: 0;
	}

	#block-mytheme-main-menu .menu .menu-item span, #block-mytheme-main-menu .menu .menu-item a {
    padding: 15px 18px;
    border: none !important;
    border-bottom: 1px solid #ddd !important;
    border-radius: 0;
		display: block;
	}
	#block-mytheme-main-menu .menu .menu-item.menu-item--expanded {
		padding-bottom: 0;
	}
	#block-mytheme-main-menu .menu-item--expanded.menu-expanded-open > .menu {
    display: block;
    position: relative;
    background-color: #f8f8f8;
    left: 0;
    top: 0;
    width: auto;
    padding: 0;
    border-radius: 0;
	}
	#block-mytheme-main-menu .menu-item--expanded > .menu::before {
    display: none;
	}
	#block-mytheme-main-menu .menu-item--expanded > .menu a {
    color: inherit;
    font-size: 13px;
	}

	.page-node-type-frontpage.menu-open #block-mytheme-main-menu .menu .menu-item span, 
	.page-node-type-frontpage.menu-open #block-mytheme-main-menu .menu .menu-item a{
		color: #585757;
	}

	body.menu-open {
		overflow: hidden;
	}	

	.content-head-wrapper{
		display: block;
	}

	.content-head-wrapper .makler-links{
		margin: 25px 0;
	}

	.makler-wrapper{
		display: flex;
		flex-direction: column-reverse;
		text-align: center;
	}

	.makler-wrapper .makler-right{
		max-width: initial;
		margin: initial;
	}

	.makler-info-wrapper{
		text-align: left;
	}

}

@media only screen and (max-width: 1100px){

	.sluzby-bonus-wrapper{
		display: block;
	}

	.sluzby-bonus-wrapper .sluzby-bonus{
		width: 100%;
	}

	.sluzby-bonus-wrapper .sluzby-bonus.sluzby-bonus-item-2,
	.sluzby-bonus-wrapper .sluzby-bonus.sluzby-bonus-item-3,
	.sluzby-bonus-wrapper .sluzby-bonus.sluzby-bonus-item-4{
		margin-top: initial;
	}

	.banner-list-text-group .field--field-banner-popis{
		display: none;
	}

	.banner-list-text-group .field--field-banner-nadpis{
		font-size: 40px;
	}

}

@media only screen and (max-width: 1050px){

	.nehnutelnost-heading-gallery .field--field-obrazok{
		display: flex;
		flex-wrap: wrap;
		gap: 16px;
		justify-content: center;
	}

	.nehnutelnost-heading-gallery .field--field-obrazok > div:nth-child(2),
	.nehnutelnost-heading-gallery .field--field-obrazok > div:nth-child(3),
	.nehnutelnost-heading-gallery .field--field-obrazok > div:nth-child(4),
	.nehnutelnost-heading-gallery .field--field-obrazok > div:nth-child(5){
		width: calc(100% / 4 - 13px);
	}

}

@media only screen and (max-width: 1000px){

	.fp-onas-wrapper{
		padding-bottom: 50px;
	}



	/*.banner-list-text-group{
		position: relative;
		top: initial;
		left: initial;
		transform: initial;
		padding: 0 15px;
	}

	.banner-list-text-group .field--field-banner-nadpis{
		padding-top: 50px;
	}

	.banner-list-text-group .field--field-banner-nadpis,
	.banner-list-text-group .field--field-banner-popis{
		color: #202020;
	}

	.banner-list-text-group .field--field-banner-link a{
		color: #202020;
		border: 1px solid #202020;
	}*/

	.footer-wrapper{
		flex-wrap: wrap;
		justify-content: center;
		gap: 50px;
		flex-direction: column;
	}

	.footer-wrapper .footer-col{
		text-align: center;
	}

	.footer-wrapper .footer-col:first-child{
		width: 100%;
		text-align: center;
	}

	.footer-wrapper .footer-col li{
		text-align: center;
	}

	.footer-wrapper .footer-col li a{
		display: inline-block;
	}

	#footer{
		background-size: contain;
	}

	.kontakt-wrapper{
		flex-direction: column-reverse;
	}

	.kontakt-wrapper > div{
		width: 100%;
	}

	.kontakt-data-wrapper .field--field-e-mail-kontakt,
	.kontakt-data-wrapper .field--field-telefon-kontakt, 
	.kontakt-data-wrapper .field--field-adresa{
		max-width: 500px;
		text-align: center;
		margin: auto;
		border-bottom: initial;
	}

	.kontakt-right h1{
		padding-bottom: 40px;
		text-align: center;
	}

	.kontakt-social-links{
		justify-content: center;
	}

	.nehnutelnost-data-wrapper-inside,
	.nehnutelnost-kontakt-wrapper{
		display: block;
	}

	.nehnutelnost-detail > .field--body,
	.nehnutelnost-detail .field--field-informacie-o-nehnutelnosti,
	.nehnutelnost-data-wrapper-inside > div,
	.nehnutelnost-kontakt-wrapper > div{
		width: 100%;
	}

	.nehnutelnost-detail{
		flex-direction: column-reverse;
	}

	#footer{
		padding: 75px 15px 25px 15px;
	}

	.footer-wrapper{
		padding-bottom: 50px;
	}

	.nehnutelnost-kontakt-wrapper{
		margin-bottom: 30px;
		margin-top: 20px;
	}

	.nehnutelnost-kontakt-2{
		margin-top: 35px;
	}

	.nehnutelnost-text-wrapper{
		padding-top: 35px;
	}

	.sluzby-otazky-wrapper{
		display: block;
	}

}

@media only screen and (max-width: 900px){

	.view-makleri-teaser .view-title, 
	.nehnutelnost-view-teaser .view-title{
		padding: 75px 0;
	}

	.nehnutelnost-heading-gallery .field--field-obrazok > div:nth-child(5) a::after{
		content: '+';
		width: 30px;
		height: 30px;
		line-height: 26px;
		padding: 0;
	}

	#cboxOverlay{
		opacity: 0.95 !important;
	}

}

@media only screen and (max-width: 850px){

	/*.nehnutelnost-heading-gallery .field--field-obrazok > div:nth-child(2), 
	.nehnutelnost-heading-gallery .field--field-obrazok > div:nth-child(3), 
	.nehnutelnost-heading-gallery .field--field-obrazok > div:nth-child(4), 
	.nehnutelnost-heading-gallery .field--field-obrazok > div:nth-child(5){
		width: 30%;
	}*/

}

@media only screen and (max-width: 800px){

	.view-makleri-teaser .view-content > div{
		width: calc(100% / 2 - 11px);
	}

	.content-head h1,
	.content-head-wrapper h1,
	.paragraph--type--o-nas .field--field-nadpis,
	.makler-ponuka-wrapper h2, 
	.nehnutelnost-text-label, 
	.field--field-obrazok .field-label-info, 
	.field--field-nehnutelnosti-na-mape .field-label-info, 
	.field--field-lokalita .field-label-info,
	.kontakt-webform h2,
	.kontakt-right h1,
	.fp-ponuka h2, 
	.fp-onas-wrapper h2{
		font-size: 45px;
	}

	.paragraph--type--o-nas .field--field-zvyrazneny-text{
		font-size: 26px;
	}

	.paragraph--type--o-nas .field--field-text{
		font-size: 17px;
	}

	.makler-info-wrapper,
	.sluzby-proces-nazov .sluzby-proces-wrapper{
		display: block;
	}

	.makler-info-wrapper > div,
	.sluzby-proces-nazov .sluzby-proces-wrapper ul{
		width: 100%;
	}

	.field--field-o-nas-text-1{
		font-size: 29px;
	}

	/*.banner-list-text-group .field--field-banner-nadpis{
		font-size: 48px;
	}*/

	.scroll-down {
		bottom: 70px;
	}

}

@media only screen and (max-width: 700px){

	.cookiesjsr-banner{
		max-width: 100%;
		left: 0;
		bottom: 0;
	}

	.cookiesjsr-btn{
		width: auto;
	}

	.kontakt-data-wrapper .field--field-e-mail-kontakt, 
	.kontakt-data-wrapper .field--field-telefon-kontakt, 
	.kontakt-data-wrapper .field--field-adresa{
		font-size: 25px;
	}

	/*.nehnutelnost-heading-gallery .field--field-obrazok > div:nth-child(2), 
	.nehnutelnost-heading-gallery .field--field-obrazok > div:nth-child(3), 
	.nehnutelnost-heading-gallery .field--field-obrazok > div:nth-child(4), 
	.nehnutelnost-heading-gallery .field--field-obrazok > div:nth-child(5){
		width: 48.5%;
	}*/
	
}

@media only screen and (max-width: 650px){

	.nehnutelnost-view-teaser .view-content .views-row{
		width: 100%;
	}

	.paragraph--type--o-nas .field--field-ocislovany-text ul li{
		font-size: 22px;
	}

}

@media only screen and (max-width: 600px){

	/*.nehnutelnost-heading-gallery .field--field-obrazok > div:nth-child(2), 
	.nehnutelnost-heading-gallery .field--field-obrazok > div:nth-child(3), 
	.nehnutelnost-heading-gallery .field--field-obrazok > div:nth-child(4), 
	.nehnutelnost-heading-gallery .field--field-obrazok > div:nth-child(5){
		width: 100%;
	}

	.nehnutelnost-heading-gallery .field--field-obrazok > div:nth-child(2) img, 
	.nehnutelnost-heading-gallery .field--field-obrazok > div:nth-child(3) img, 
	.nehnutelnost-heading-gallery .field--field-obrazok > div:nth-child(4) img, 
	.nehnutelnost-heading-gallery .field--field-obrazok > div:nth-child(5) img{
		max-height: 260px;
		height: 100%;
		object-fit: cover;
	}*/

	.field--field-bannery .slick-arrow{
		background-size: 50px;
	}

	.banner-list-text-group .field--field-banner-nadpis{
		font-size: 30px;
	}

	.field--field-bannery .slick-prev.slick-arrow{
		left: 0;
	}

	.field--field-bannery .slick-next.slick-arrow{
		right: 0;
	}

}

@media only screen and (max-width: 500px){

	.field--field-nehnutelnost-text-1{
		font-size: 43px;
		padding-bottom: 25px;
	}

	.kontakt-webform h2{
		padding-bottom: 30px;
	}

	.content-head-wrapper .makler-links{
		flex-wrap: wrap;
	}

	
}

@media only screen and (max-width: 450px){

	.view-makleri-teaser .view-content > div{
		width: 100%;
	}

}

@media only screen and (max-width: 350px){
	#block-mytheme-site-branding img{
		width: 130px;
	}
}