@media screen and (max-width:1920px) {
	.container {
		max-width: 1100px;
		width: 100%;
		margin: 0px auto;
		border: 0px solid red;
	}

	.inner_container {
		max-width: 1100px;
		width: 100%;
		margin-left: auto;
		margin-left: auto;
	}

}

/**/
@media screen and (max-width:1024px) {
	#cssmenu > ul > li > a {
		padding: 25px 9px;
		font-size: 12px;
	}

	.container {
		max-width: 1100px;
		width: 90%;
		margin: 0px auto;
		border: 0px solid red;
	}

	.inner_container {
		max-width: 1100px;
		width: 90%;
		margin-left: auto;
		margin-left: auto;
		border: 0px solid red;
	}

	.contain-left {
		width: 100%;
		float: none;
	}

	.contain-right {
		float: none;
		width: 100%;
	}

	.info-boxed {
		padding: 10px;
	}

	.footer ul li {
		border-left: 1px solid #ccc !important;
		border-bottom: 1px solid #ccc !important;
		text-align: center !important;
		width: 49.7% !important;
		padding: 0px !important;
	}

	.footer ul li:nth-child(2), .footer ul li:nth-child(4) {
		border-right: 1px solid #ccc;
	}

	.place-info p {
		font-size: 13px;
		margin-top: 5px;
		line-height: 20px;
	}

	.range-wrap .place-box {
		height: 173px;
	}

	.left-padding {
		padding-left: 48px;
		padding-top: 43px;
	}

	.right-padding {
		padding-top: 43px;
		padding-right: 48px;
	}

	ul.ul-tab li {
		width: 33%;
	}

	aside.hotel-add-link {
		width: 48.8%;
	}

	.col-w-3 {
		width: 30%;
	}

	.col-w-2 {
		width: 47%;
	}

}

/**/
@media screen and (max-width:800px) {
	.room-img{
		width: 92%;
		height: auto;
	}
	.room-info-table{
		width: 88%;
	}
	ul.gallery li {
		width: 32%;
	}

	aside.hotel-add-link {
		width: 48.4%;
	}

	.col-w-4, .col-w-2, .col-w-3 {
		width: 100%;
		margin-left: 0px;
		margin-right: 0px;
	}

}

@media screen and (max-width:768px) {
	form.contact-from input {
		width: 100%;
		margin-left: 0px !important;
		margin-right: 0px !important;
	}

	.contact-from textarea {
		margin-top: 20px;
		width: 100%;
	}

	form.contact-from h4 {
		margin-bottom: 20px;
	}

	.loc-white {
		transform: none;
	}

	.range-wrap .place-box {
		height: 230px;
	}

	.range-wrap .place-box {
		width: 50%;
	}

	.place-info p {
		font-size: 14px;
		margin-top: 20px;
		line-height: 25px;
	}

	.top-container {
		margin-top: 0px;
	}

	.place-box {
		overflow: hidden;
	}

	.hotel-img {
		float: none;
		width: 90%;
		margin: 0px auto;
	}

	.about-location {
		float: none;
		width: 100%;
		padding-top: 20px;
		padding-left: 0px;
	}

	.content-boxes .item-boxed {
		width: 95%;
		margin: 0px auto;
		float: none;
		height: auto
	}

	.adve-img {
		float: none;
		width: 90%;
		margin: 0px auto;
	}

	.adve-activity {
		float: none;
		width: 100%;
		margin-bottom: 20px;
	}

	ul.ul-tab li {
		width: 32.9%;
	}

	/*inner page css */

	/*room detail*/
	.carousel {
		float: none;
		margin: 0px auto;
	}

	.room-text {
		width: 80%;
		margin: 30px auto;
		float: none;
	}

	.room-detail_ul {
		margin-top: 5px;
		text-align: center;
	}

	/*Resturent*/
	.location_time {
		width: 80%;
		margin: 0px auto;
		float: none;
	}

	.hour-location figure {
		float: none;
		margin: 0px auto;
		width: 80%;
		background-size: contain;
	}

	/*inner page css*/

	/*contact*/
	.contact-add {
		width: 60%;
		margin: 20px auto;
		float: none;
	}

	.contact-from {
		float: none;
		margin: 0px auto;
		width: 60%;
	}

	/*menu*/
	.left-aside {
		margin: 0px auto;
		float: none;
		width: 100%;
	}

	.right-figure {
		margin: 0px auto;
		float: none;
		width: 100%;
	}

	.left-figure {
		width: 40%;
		margin: 0px auto;
		float: none;
	}

	.right-aside {
		width: 100%;
		margin: 0px auto;
		float: none;
		text-align: left;
	}

}

/*==*/
@media screen and (max-width:736px) {
	ul.gallery li{
		width: 49%;
	}
	.top-container {
		margin-top: 0px;
	}

	.content-boxes .item-boxed {
		width: 80%;
		margin: 0px auto;
		float: none;
	}

	/*Resturent*/
	.hour-location figure {
		float: none;
		margin: 0px auto;
		width: 80%;
		background-size: contain;
	}

	/*contact*/
	.contact-add {
		width: 60%;
		margin: 20px auto;
		float: none;
	}

	.contact-from {
		float: none;
		margin: 0px auto;
		width: 60%;
	}

	/*room detail*/
	.carousel {
		float: none;
		margin: 0px auto;
	}

	.room-text {
		width: 66%;
		margin: 30px auto;
		float: none;
	}

	.room-detail_ul {
		margin-top: 5px;
		text-align: center;
	}

	/*menu*/
	.left-aside {
		margin: 0px auto;
		float: none;
		width: 100%;
	}

	.right-figure {
		margin: 0px auto;
		float: none;
		width: 100%;
	}

	.left-figure {
		width: 40%;
		margin: 0px auto;
		float: none;
	}

	.right-aside {
		width: 100%;
		margin: 0px auto;
		float: none;
		text-align: left;
	}

	aside.hotel-add-link {
		width: 90%;
		float: none;
		margin: 0px auto;
		margin-bottom: 20px;
	}

}

/*==*/
@media screen and (max-width:684px) {
	.room-img{
		width: 100%;
	}
	.footer ul li {
		border-left: 1px solid #ccc !important;
		border-bottom: 1px solid #ccc !important;
		text-align: center !important;
		width: 49.5% !important;
		padding: 0px !important;
	}

	/*contact*/
	.contact-add {
		width: 60%;
		margin: 20px auto;
		float: none;
	}

	.contact-from {
		float: none;
		margin: 0px auto;
		width: 60%;
	}

	/*room detail*/
	.carousel {
		float: none;
		margin: 0px auto;
	}

	.room-text {
		width: 66%;
		margin: 30px auto;
		float: none;
	}

	.room-detail_ul {
		margin-top: 5px;
		text-align: center;
	}

	/*menu*/
	.left-aside {
		margin: 0px auto;
		float: none;
		width: 100%;
	}

	.right-figure {
		margin: 0px auto;
		float: none;
		width: 100%;
	}

	.left-figure {
		width: 40%;
		margin: 0px auto;
		float: none;
	}

	.right-aside {
		width: 100%;
		margin: 0px auto;
		float: none;
		text-align: left;
	}

}

/**/
@media screen and (max-width:667px) {

	/*top*/
	.range-wrap .place-box {
		height: 228px;
	}

	.white-bg ul li:first-child {
		margin-right: 10px;
	}

	.contain-right ul li {
		width: 50%;
	}

	aside.room-box {
		width: 100%;
		float: none;
		margin-bottom: 25px
	}

	.content-boxes .item-boxed {
		width: 100%;
		margin: 0px auto;
		float: none;
	}

	.contain-right ul li:nth-child(3) {
		border-right: 1px solid #ccc;
	}

	.footer ul li {
		border-left: 1px solid #ccc !important;
		border-bottom: 1px solid #ccc !important;
		text-align: center !important;
		width: 49.5% !important;
		padding: 0px !important;
	}

	/*contact*/
	.contact-add {
		width: 60%;
		margin: 20px auto;
		float: none;
	}

	.contact-from {
		float: none;
		margin: 0px auto;
		width: 60%;
	}

	/*room detail*/
	.carousel {
		float: none;
		margin: 0px auto;
	}

	.room-text {
		width: 66%;
		margin: 30px auto;
		float: none;
	}

	.room-detail_ul {
		margin-top: 5px;
		text-align: center;
	}

	/*menu*/
	.left-aside {
		margin: 0px auto;
		float: none;
		width: 100%;
	}

	.right-figure {
		margin: 0px auto;
		float: none;
		width: 100%;
	}

	.left-figure {
		width: 40%;
		margin: 0px auto;
		float: none;
	}

	.right-aside {
		width: 100%;
		margin: 0px auto;
		float: none;
		text-align: left;
	}

}

/*==*/
@media screen  and (max-width:600px) {
	.destination1 {
		padding: 8% 0%;
	}

	.hotel-location {
		padding-top: 8%;
		padding-bottom: 7%;
	}

	section.visible-range, .adve-sec, .reach-how {
		padding-top: 8%;
	}

	.range-wrap .place-box {
		height: 205px;
	}

	.range-wrap .place-box {
		display: block;
		float: none;
		width: 80%;
		margin: 0px auto;
		height: 230px;
		margin-bottom: 20px;
	}

	ul.ul-tab li {
		width: 32.8%;
	}

}

@media screen and (max-width:568px) {
	.item-boxed {
		margin-bottom: 20px !important;
	}

	.view-more {
		transform: translateY(80%);
	}

	.info-boxed.info-res-box.boxed-bottom {
		overflow: hidden;
	}

	.image-boxed.img-res-box {
		height: 300px !important;
	}

	.left-padding, .right-padding {
		padding-left: 30px;
		padding-right: 30px;
	}

	ul.ul-tab li {
		width: 32.8%;
	}

	/*top*/
	.white-bg ul li:first-child {
		margin-right: 10px;
	}

	.contain-right ul li {
		width: 50%;
	}

	.contain-right ul li:nth-child(3) {
		border-right: 1px solid #ccc;
	}

	.room-box {
		width: 100%;
		float: none;
		margin-bottom: 25px
	}

	.content-boxes .item-boxed {
		width: 100%;
		margin: 0px auto;
		float: none;
	}

	/*destination*/
	.image-boxed {
		width: 100%;
		float: none;
	}

	.info-boxed {
		position: relative;
		width: 100%;
		height: 200px;
	}

	/*footer*/
	.footer ul li {
		border-left: 1px solid #ccc !important;
		border-bottom: 1px solid #ccc !important;
		text-align: center !important;
		width: 100% !important;
		padding: 0px !important;
	}

	.footer ul li:nth-child(2), .footer ul li:nth-child(3), .footer ul li:nth-child(4), .footer ul li:nth-child(1) {
		border-right: 1px solid #ccc;
	}

	.footer ul li:first-child {
		border-top: 1px solid;
	}

	/*Inner page css*/

	/*Resturent*/
	.location_time {
		width: 100%;
		margin: 0px auto;
		float: none;
	}

	.hour-location figure {
		float: none;
		margin: 0px auto;
		width: 100%;
		background-size: contain;
	}

	/*contact*/
	.contact-add {
		width: 90%;
		margin: 20px auto;
		float: none;
		padding: 0px 10px 10px 10px;
	}

	.contact-from {
		float: none;
		margin: 0px auto;
		width: 90%;
	}

	/*room detail*/
	.carousel {
		float: none;
		margin: 0px auto;
	}

	.room-text {
		width: 80%;
		margin: 30px auto;
		float: none;
	}

	.room-detail_ul {
		margin-top: 5px;
		text-align: center;
	}

	/*menu*/
	.left-aside {
		margin: 0px auto;
		float: none;
		width: 100%;
	}

	.right-figure {
		margin: 0px auto;
		float: none;
		width: 100%;
	}

	.left-figure {
		width: 40%;
		margin: 0px auto;
		float: none;
	}

	.right-aside {
		width: 100%;
		margin: 0px auto;
		float: none;
		text-align: left;
	}

}

/**/
@media screen and (max-width:480px) {
	.swiper-button-next, .swiper-button-prev{
		--swiper-navigation-size: 30px;
	}
	.logo {
		padding-top: 0px !important;
		margin-top: 10px !important;
	}

	ul.gallery li {
	    width: 80%;
	}

	.logo{
		width: 57%!important;
		top: 22px!important;
		margin-top: 0px!important;
	}

}

@media screen and (max-width:475px) {
	.white-bg ul li{
		margin-right: 10px;
	}
	.white-bg ul li:last-child {
		margin-right: 0px;
	    float: none;
	}
	.logo {
		padding-top: 0px;
	}

	ul.ul-tab li {
		width: 32.7%;
	}

}

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

	ul.gallery li {
	    width: 90%;
	}

	ul.ul-tab li {
		width: 32.6%;
	}

}

@media screen and (max-width:414px) {
	.range-wrap .place-box {
		height: 225px;
	}

	/*top*/
	.white-bg ul li:first-child {
		margin-right: 10px;
	}

	.contain-right ul li {
		width: 100%;
	}

	aside.room-box {
		width: 100%;
		float: none;
		margin-bottom: 25px
	}

	.content-boxes .item-boxed {
		width: 100%;
		margin: 0px auto;
		float: none;
	}

	/*destination*/
	.image-boxed {
		width: 100%;
		float: none;
	}

	.info-boxed {
		position: relative;
		width: 100%;
		height: 200px;
	}

	/*footer*/
	.footer ul li {
		border-left: 1px solid #ccc !important;
		border-bottom: 1px solid #ccc !important;
		text-align: center !important;
		width: 100% !important;
		padding: 0px !important;
	}

	.footer ul li:nth-child(2), .footer ul li:nth-child(3), .footer ul li:nth-child(4), .footer ul li:nth-child(1) {
		border-right: 1px solid #ccc;
	}

	/*Inner page css*/

	/*Resturent*/
	.location_time {
		width: 100%;
		margin: 0px auto;
		float: none;
	}

	.hour-location figure {
		float: none;
		margin: 0px auto;
		width: 100%;
		background-size: contain;
		height: 250px;
	}

	/*contact*/
	.contact-add {
		width: 90%;
		margin: 20px auto;
		float: none;
	}

	.contact-from {
		float: none;
		margin: 0px auto;
		width: 90%;
	}

	/*room detail*/
	.carousel {
		float: none;
		margin: 0px auto;
	}

	.room-text {
		width: 80%;
		margin: 30px auto;
		float: none;
	}

	.room-detail_ul {
		margin-top: 5px;
		text-align: center;
	}

	/*menu*/
	.left-aside {
		margin: 0px auto;
		float: none;
		width: 100%;
	}

	.right-figure {
		margin: 0px auto;
		float: none;
		width: 100%;
	}

	.left-figure {
		width: 40%;
		margin: 0px auto;
		float: none;
	}

	.right-aside {
		width: 100%;
		margin: 0px auto;
		float: none;
		text-align: left;
	}

}

/**/
@media screen and (max-width:412px) {

	/*top*/
	.white-bg ul li:first-child {
		margin-right: 10px;
	}

	.contain-right ul li {
		width: 100%;
	}

	aside.room-box {
		width: 100%;
		float: none;
		margin-bottom: 25px
	}

	.content-boxes .item-boxed {
		width: 100%;
		margin: 0px auto;
		float: none;
	}

	/*destination*/
	.image-boxed {
		width: 100%;
		float: none;
	}

	.info-boxed {
		position: relative;
		width: 100%;
		height: 200px;
	}

	/*footer*/
	.footer ul li {
		border-left: 1px solid #ccc !important;
		border-bottom: 1px solid #ccc !important;
		text-align: center !important;
		width: 100% !important;
		padding: 0px !important;
	}

	.footer ul li:nth-child(2), .footer ul li:nth-child(3), .footer ul li:nth-child(4), .footer ul li:nth-child(1) {
		border-right: 1px solid #ccc;
	}

	/*Inner page css*/

	/*Resturent*/
	.location_time {
		width: 100%;
		margin: 0px auto;
		float: none;
	}

	.hour-location figure {
		float: none;
		margin: 0px auto;
		width: 100%;
		background-size: contain;
		height: 250px;
	}

	/*contact*/
	.contact-add {
		width: 90%;
		margin: 20px auto;
		float: none;
	}

	.contact-from {
		float: none;
		margin: 0px auto;
		width: 90%;
	}

	/*room detail*/
	.carousel {
		float: none;
		margin: 0px auto;
	}

	.room-text {
		width: 80%;
		margin: 30px auto;
		float: none;
	}

	.room-detail_ul {
		margin-top: 5px;
		text-align: center;
	}

	/*menu*/
	.left-aside {
		margin: 0px auto;
		float: none;
		width: 100%;
	}

	.right-figure {
		margin: 0px auto;
		float: none;
		width: 100%;
	}

	.left-figure {
		width: 40%;
		margin: 0px auto;
		float: none;
	}

	.right-aside {
		width: 100%;
		margin: 0px auto;
		float: none;
		text-align: left;
	}

}

/**/
@media screen and (max-width:375px) {
	.left-padding, .right-padding {
	    padding-left: 23px;
	    padding-right: 23px;
	}
	.footer ul li p{
		padding: 10px 0px;
	}
	.footer{
	    padding: 18px 0px;
	}
	.loc-white{
		padding-left: 20px!important;
	}
	aside#about {
	    padding: 4%;
	}
	.con-form {
		width: 300px;
		right: -300px;
	}

	/*top*/
	.range-wrap .place-box {
		height: 204px;
	}

	.white-bg ul li:first-child {
		margin-right: 10px;
	}

	.contain-right ul li {
		width: 100%;
	}

	aside.room-box {
		width: 100%;
		float: none;
		margin-bottom: 25px
	}

	.content-boxes .item-boxed {
		width: 100%;
		margin: 0px auto;
		float: none;
	}

	/*destination*/
	.image-boxed {
		width: 100%;
		float: none;
	}

	.info-boxed {
		position: relative;
		width: 100%;
		height: 200px;
	}

	/*footer*/
	.footer ul li {
		border-left: 1px solid #ccc !important;
		border-bottom: 1px solid #ccc !important;
		text-align: center !important;
		width: 100% !important;
		padding: 0px !important;
	}

	.footer ul li:nth-child(2), .footer ul li:nth-child(3), .footer ul li:nth-child(4), .footer ul li:nth-child(1) {
		border-right: 1px solid #ccc;
	}

	/*inner page css*/

	/*Resturent*/
	.location_time {
		width: 100%;
		margin: 0px auto;
		float: none;
	}

	.hour-location figure {
		float: none;
		margin: 0px auto;
		width: 100%;
		background-size: contain;
		height: 250px;
	}

	/*contact*/
	.contact-add {
		width: 100%;
		margin: 20px auto;
		float: none;
	}

	.contact-from {
		float: none;
		margin: 0px auto;
		width: 100%;
	}

	/*room detail*/
	.carousel {
		float: none;
		margin: 0px auto;
	}

	.room-text {
		width: 80%;
		margin: 30px auto;
		float: none;
	}

	.room-detail_ul {
		margin-top: 5px;
		text-align: center;
	}

	/*menu*/
	.left-aside {
		margin: 0px auto;
		float: none;
		width: 100%;
	}

	.right-figure {
		margin: 0px auto;
		float: none;
		width: 100%;
	}

	.left-figure {
		width: 40%;
		margin: 0px auto;
		float: none;
	}

	.right-aside {
		width: 100%;
		margin: 0px auto;
		float: none;
		text-align: left;
	}

}

@media screen and (max-width:425px) {
	ul.ul-tab li {
		width: 32.4%;
	}

}

@media screen and (max-width:320px) {
	.range-wrap .place-box {
		width: 88%;
		height: 192px;
	}

}