@media screen and (max-width: 1024px) {
	.row {
		margin: 0;
	}
}

@media screen and (max-width: 992px) {
	header .logo a {
		font-size: 20px;
    	line-height: 20px;
	}
	
	header .logo a span {
		font-size: 9px;
		line-height: 14px;
		letter-spacing: 1px;
	}
	
	.navbar ul {
		gap: 20px !important;
	}
	
	.navbar ul a {
		font-size: 14px;
	}
	
	.navbar .btn {
		padding: 12px 15px;
	}
	
	.mySlides .text h1 {
		font-size: 45px;
		line-height: 50px;
	}

	#gallery ul.lightgallery li {
		width: calc(50% - 8px);
	}

	.references .quote p {
		font-size: 38px;
	}

	.apartments .room .inner {
		flex-direction: column;
		align-items: center;
	}

	.apartments .room .col-i, .apartments .room:nth-child(2n) .col-i {
		-webkit-order: 0;
		-ms-flex-order: 0;
		order: 0;
	}
	
	.apartments .room .text {
		padding: 20px 50px 40px 50px;
	}

	#gallery .row {
		margin: 0;
	}

	#gallery ul.lightgallery li {
		width: calc(100% - 8px);
	}

	.references .quote p {
		font-size: 22px;
	}
	
	.row {
		justify-content: center;
	}
	
	.col3, .col4 {
		width: calc(50% - 30px);
	}
	
	.col2, .page.contact .col2 {
		width: 100%;
		margin: 0;
	}
	
	.page .lightgallery li {
		width: calc(100% - 10px);
	}
	
	.about .col2 {
		text-align: center;
	}
	
	.about .sep {
		margin: 0 auto;
	}
	
	.about .image img {
		margin: 0 auto;
	}
	
	.info .left, .info .right {
		max-width: 100%;
		padding: 0 15px;
		text-align: center;
		width: 100%;
	}
	
	.info .sep {
		margin: 0 auto;
	}
	
	.subbanner {
		padding: 0 20px;
	}
	
	.apartmentSingle_page .row {
		margin: 0;
	}
	
	.apartmentSingle_page .left, .apartmentSingle_page .right {
		width: 100%;
		padding: 0;
		margin: 0;
	}
	
	.apartmentSingle_page .pctgrm {
		width: calc(50% - 20px);
	}
	
	.apartmentSingle_page .booking_apartment {
		background: transparent;
		padding: 0;
		text-align: center;
	}
	
	.apartmentSingle_page .booking_apartment h2, .apartmentSingle_page .booking_apartment #bookban {
		display: none;
	}
	
	.apartmentSingle_page .right .price {
		text-align: center;
		margin-top: 20px;
	}
	
	.apartmentSingle_page .gallery li {
		    width: calc(100% - 10px);
	}
	
	.blog .article .col2 {
		width: 100%;
	}
	
	.blog .article:nth-child(2n) .col2.image {
		-webkit-order: 0;
		-ms-flex-order: 0;
		order: 0;
	}
	
	.blog .article .text {
		padding: 30px;
	}
	
	.page .contacts {
		margin-left: 0;
	}

	.page.contact h2 a {
		font-size: 26px;
	}

	.page.contact .text {
		padding-left: 0;
	}

	.page.contact h3 {
		margin-top: 50px;
	}

	.page.contact h2 {
		margin: 10px 0;
	}

	.page.noPd .col2:last-of-type {
		padding-bottom: 40px;
	}

	.footer .col3 {
		width: calc(33.3333% - 30px);
	}

	.footer .big .text {
		font-size: 19px;
	}
}

@media screen and (max-width: 600px) {
	.navbar ul a {
		color: var(--color-dark);
	}
	
	.footer .left, .footer .right {
		width: 100%;
		padding: 0 15px;
		text-align: center;
	}
	
	.footer .right {
		margin-top: 25px;
	}
	
	.subbanner {
		height: 400px;
	}
	
	.subbanner h1 {
		font-size: 30px;
		line-height: 40px;
	}
	
	.apartments_page .text a h2 {
		font-size: 18px;
	}
	
	.apartments_page .pctgrm {
		width: calc(50% - 10px);
	}
	
	.page .contacts .item a, .page .contacts .item .address {
		font-size: 18px;
    	line-height: 20px;
	}
}

@media screen and (max-width: 559px) {
	.slideshow-container .booktoday {
		flex-wrap: wrap;
	}
	
	.slideshow-container .booktoday .item {
		width: 100%;
	}
	
	.mySlides {	
    	padding-bottom: 122px;
    	height: calc(100vh - 200px);
	}
	
	.mySlides .text h1 {
		font-size: 35px;
		line-height: 45px;
	}
	
	.mySlides .text p {
		font-size: 13px;
	}

	.mySlides .btn + .btn {
		margin-left: 0px;
		margin-top: 10px;
	}
	
	.apartments .room .text {
		padding: 20px;
		text-align: center;
	}
	
	.apartments .room .text h3 {
		font-size: 20px;
    	line-height: 27px;
	}
	
	.col3, .col4 {
		width: calc(100% - 30px);
	}

	.services {
		padding: 80px 0 40px 0;
	}
	
	.apartments, .references {
		padding: 40px 0;
	}

	.services h2, .references h2, .all_rooms h2, .apartments h2 {
		font-size: 30px;
		line-height: 38px;
	}	
	
	.references .inner .text p {
		font-size: 16px;
		line-height: 26px;
	}

	.apartments .pctgrm {
		width: calc(50% - 10px);
	}

	.apartmentSingle_page .price {
		margin-top: 0;
	}
		
	.fancybox-slide {
		padding: 44px 0px;
	}
	
	.slideshow-container .booktoday .item.date, .slideshow-container .booktoday .item.persons {
		display: none;
	}
	
	.footer {
		text-align: center;
	}

	.footer .col3 {
		width: calc(100% - 30px);
	}
}

@media screen and (max-width: 420px) {
		.mySlides .text h1 {
			font-size: 30px;
			line-height: 40px;
			letter-spacing: 5px;
		}
}

@media screen and (min-width: 601px) {
          .navbar {
              all: unset;
              display: block;
          }
          .navbar ul {
              flex-direction: row;
              gap: 30px;
          }
          .close-nav,
          .menu-bar {
              display: none;
          }
}