@media only screen and (min-width: 991px) and (max-width: 1199px) {



}



@media only screen and (min-width: 991px) and (max-width: 1024px) {


	#covid-ads .modal-dialog {

		width: 960px;
		margin: 86px auto;
	}

	#covid-ads .modal-pop article {

		width: 90%;
	}

	#covid-ads .close {

		right: 5px;
	}



}



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


	#covid-ads .modal-dialog {

		width: 600px;

	}

	#covid-ads .modal-pop article {

		width: 90%;
	}


}



@media (max-width:768px) { 

	.blogroll .item-blog,
	.blogroll .item-blog .blog-img,
	.blogroll .item-blog .blog-content {
		display: block;
	}

	.blogroll .item-blog .blog-img {
		margin-bottom: 16px;
	}

	.blogroll .item-blog .blog-img img {
		max-width: 100%;
	}

	.blogroll .container {
		padding: 40px;
	}

}



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



}



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



	.maincontent-panel,

	.right-panel,

	.left-panel {

		width: 100%;

		height: 100%;

		display: block;

	}



	header {

		border-bottom: 1px solid #f2f2f2;

	}



	header,

	footer {

		position: relative;

	}



	.right-panel,

	.left-panel {

		padding: 40px 0 64px 0;

	}



	.right-panel .triangle,

	.left-panel .triangle {

		width: 180px;

		height: 180px;

	}



	.left-panel .triangle {

		top: auto;

		bottom: -130px;

	}



	footer img {

		display: none;

	}



	footer ul li {

		margin: 0;

	}



/*	.right-panel,

	.left-panel {

		border-top: none;

		border-left: none;

		border-right: none;

		border-bottom-width: 3px;

	}*/



	.right-panel .item-resort > a,

	.left-panel .item-resort > a {

		top: 25%;

		bottom: auto;

	}



	.img-panel:after,

	.diagline {

		display: none;

	}



}



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



	.left-panel .item-resort,

	.right-panel .item-resort {

		margin-left: auto;

		margin-right: auto;

	}


	#covid-ads .modal-dialog {

		margin : 28px;

		width: auto;
	}

	#covid-ads .modal-pop article {

		width: 100%;
	}

	#covid-ads .modal-pop .img-block {

		margin-bottom: 24px;
	}

	.blog-page header img {
	    width: auto;
	    height: 100%;
	}

	header img {
		margin-top: 40px;
	}


}



@media (max-width:360px) { 



}



@media (max-width:320px) { 



}