@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Dancing+Script&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&family=Parisienne&display=swap');


:root { 
  --font-cursive :'Dancing Script', cursive;

}

body,html{
	width: 100%;
	height: 100%;
	top: 0px!important;
}

.row{
 	margin: 0%!important;
 	padding: 0%!important;

}

/*** covid ***/
	
	.modal-cov{

	}

	.pop-covid h2{
		font-family: 'Montserrat', sans-serif;
	    width: 100%;
	    padding: 5% 5% 3% 5%;
	    margin: 0% 0% 2% 0%;
	    font-size: 30px;
	    color: #212121;
	    font-weight: bold;
	    border-bottom: 1px solid #8a6d3b57;
	}

	.pop-covid p{
		font-family: 'Montserrat', sans-serif;
	    width: 100%;
	    padding: 1% 4%;
	    margin: 0% 0% 0% 0%;
	    font-size: 18px;
	    color: #212121;
	    text-align: justify;
	}

	.pop-covid img{
		width: 100%;
		padding: 2%;
	}

	.close-modal-01{
		position: absolute;
		right: 15px;
    	top: 5px;
		font-size: 30px;
		z-index: 5;
		cursor: pointer;
		color: #f44336ad;
	}

/*** READ MORE ***/

	.read-less-btn{
		padding: 10px 10px;
		cursor: pointer;
		color: #b5994d;
	}

	.read-more-btn{
		padding: 10px 10px;
		cursor: pointer;
		color: #b5994d;
	}

	.read-more{
		display: none;
	}

/*** TIME CDMX ***/
 	.time-cdmx{
	 	position: absolute;
	    top: 0%;
	    left: 5%;
	    z-index: 15;
	    cursor: pointer;
 	}

 	@media(max-width: 1024px){
 		.time-cdmx{
 			position: fixed;
		    left: 35%;
		    top: 2%;
 		}
 	}

 	@media(max-width: 768px){
 		.time-cdmx{
 			position: fixed;
		    left: 28%;
		    top: 1%;
 		}
 	}

 	@media(max-width: 425px){
 		.time-cdmx {
		    position: fixed;
		    left: 28%;
		    top: 1%;
		}

 		.time-cdmx img{
 			width: 80%;
 		}

 		.time-content{
		 	position: fixed;
		    top: 10%;
		    right: 0.5%;
		    z-index: 5;
		 }
 	}

/*** LANGUGE GOOGLE ***/

	.lang-google{
		position: fixed;
		top: 1%;
		left: 20%;
		width: 270px;
		display: flex;
		justify-content: flex-start;
	}

	.languaje-02{
		position: relative;
		display: flex;
	}

	.box-lang-mobile{
		display: block;
	}

	.lang-google i {
	    margin: 8px 10px;
	    font-size: 16px;
	}

	.goog-te-banner-frame {
		display: none!important;
	}

	.langs select{
		color: #111;
	}

	.langs option{

	}
	.langs span{
		display: none;
	}
	.goog-te-gadget {
	    font-family: 'Montserrat', sans-serif!important;
	    font-weight: bold;
	    letter-spacing: 1.5px;
	    cursor: pointer;
	    color: #333;
	    font-size: 0px!important;
	    color: #333!important;
	    white-space: nowrap;
	}
	.goog-te-combo, .goog-te-banner , .goog-te-ftab , .goog-te-menu , .goog-te-menu2 , .goog-te-balloon * {
		font-family: 'Montserrat', sans-serif!important;
	    font-size: 15px!important;
	    font-weight: bold;
	    letter-spacing: 1.5px;
	    cursor: pointer;
	    color: #333;
	    outline: none;
	    text-decoration: none;
	}

	@media(max-width: 1024px){
		.lang-google {
			top: 3%;
		    left: 60%;
		    z-index: 10;
		    font-size: 20px;
		}

		.lang-google i {
		    margin: auto 15px;
		    font-size: 20px;
		    color: #fff;
		}

		.langs select{
			background-color: #111;
			letter-spacing: 0.3px;
			color: #fff;
		}
	}

	@media( max-width: 768px){
		.lang-google {
		    top: 2%;
		    left: 55%;
		}
	}

	@media(max-width: 425px){

		.lang-google {
		    top: 2.5%;
		    left: 72%;
		    width: fit-content;
		}

		.languaje-02{
			position: relative;
			display: block;
		}

		.lang-google i {
		    margin: auto 0px;
		    font-size: 27px;
		    color: #d2d2d2;
		}

		.box-lang-mobile{
			display: none;
    		margin: 5% 0% 0% -40%;
		}

	}

/*** btn-booking ***/

	.btn-booking{
		font-family: 'Raleway', sans-serif;
	    margin: 5px 0px;
	    padding: 5px 37px;
	    font-size: 20px;
	    border-radius: 5px;
	    border: none;
	    font-weight: bold;
	    background-color: #ff0c;
	    outline: none;
	}

/*** HEADER PC ***/

	/*** header pt 1 ****/
	
		.header-w{
			margin: 0%;
			padding: 0% 5%;
			width: 100%;
			background-color:#fff;
			z-index: 2;
			border-bottom: 1px solid #00000029;
		}

		.header-w ul{
			width: 100%;
			margin:0%;
			padding: 0%;
			list-style: none; 
			display: flex;
			justify-content: flex-end;
		}

		.header-w li{
			font-family: 'Montserrat', sans-serif;
			font-size: 15px;
			padding: 0px 30px;
			margin: 0px 0px 0px 0px;
			display: flex;
			font-weight: bold;
			letter-spacing: 1.5px;
			cursor: pointer;
			color: #333;
		}

		.header-w li>p{
			margin: auto 0%;
			padding: 0%;
		}

		.header-w li:hover p{
			color: #c3a452;
		}

		.header-w p>i{
			font-size: 16px;
			margin-right: 5px;
		}

		/*** btn-language ***/

		.btn-language{
			font-family: 'Raleway', sans-serif;
			position: relative;
			width: 100%;
			z-index: 10;
			margin: 0%;
			padding: 0%;
			border:none;
			outline: none;
			background: #0000;
		}

		.btn-language img{
			margin: 0px 10px 3px 0px;
		}

		.btn-language i{
			font-size: 20px;
    		margin: 0px 0px 0px 10px;
    		padding-bottom: 5px;
		}

		.content-lang {
			font-family: 'Raleway', sans-serif;
		    position: absolute;
		    left: 0;
		    z-index: 3;
		    color: #333;
		    background: #fff;
		    margin: 10px 0px 0px 0px!important;
		    padding: 5% 20%!important;
		    border: 1px solid #9e9e9e5e;
		}

		.lang-off{
			display: none;
		}

	/*** header pt 2 ****/

		.head-2{
			position: sticky;
	    	width: 100%;
	    	padding: 0% 5%;
	   		top: 0%;
	    	background-color: #111;
	    	z-index: 6;
	    	display: flex;
	    	justify-content: space-between;
	    	box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
		}

		.head-2 div{
			width: 20%;
			margin: 0%;
			padding: 0%;
		}

		.head-2 div> img {
			width: 100%;
		    padding: 10px 0px;
		    margin: 0% 0% 0% 0%;
		    cursor: pointer;
		    transition: 0.4s;
		}

		.active-img {
			width: 80%!important;
			transition: 0.4s;
		}

		.head-2 ul{
			margin: 0%;
		    padding: 0%;
		    width: 80%;
		    list-style: none;
		    display: flex;
		    justify-content: flex-end;
		}

		.head-2 li{
			font-family: 'Montserrat', sans-serif;
		    margin: auto 8px;
		    font-size: 14px;
		    cursor: pointer;
		    color: #fefefe;
		    letter-spacing: 1px;
		}

		.head-2 li:hover{
			color: #cfa54b;
		}

		.menu-active {
			color: #cfa54b;
		}

	/*** dropdown-w-one ***/

		.dropdown-w-one{
			position: relative;
		}

		.dropdown-w-one div{
			position: absolute;
			width: 230px;
			padding: 0% 0% 0% 0%;
			margin: 0% 0% 0% 0%;
			background-color: #0000;
			opacity: 0;
		    visibility: hidden;
		    transition: all 0.2s ease 0s;
		    transform: translateY(15px);
		    border-radius: 0px 0px 5px 5px;
		}

		.dropdown-w-one:hover div{
			opacity: 1;
		    visibility: visible;
		    padding: 0% 0% 0% 0%;
		    transition: all 0.2s ease 0s;
		    transform: translateY(0px);
		}

		.dropdown-w-one ul{
			display: block;
		    margin: 5% 0% 0% 0%;
		    padding: 2% 2%;
		    width: 100%;
		    background-color: #111;
		    border-radius: 5px;
		}

		.dropdown-w-one li{
			font-family: 'Montserrat', sans-serif;
			width: 100%;
			padding: 2% 5%;
			margin: 0% 0% 0% 0%;
			color: #FFF;
			text-align: left;
			border-radius: 5px;
		}

		.active-dropdown li:hover {
			color: #cfa54b;
		}

/*** HEADER MOBILE ***/

	.header-mobile{
		display: none;
		position: fixed;
		margin: 0%;
		top: 0;
		width: 100%;
		z-index: 10;
		background-color: #111;
		text-align: center;
	}

	.header-mobile img {
		width: 20%;
		padding: 0%;
		position: fixed;
		left: 4%;
		top: 1.5%;
	}

	.header-mobile p{
		font-family: 'Montserrat', sans-serif;
		background-color: #111;
		width: 100%;
		margin: 0%;
		padding: 2% 5% 2% 5%;
		color: #ffffffcf;
		font-weight: bold;
		font-size: 24px;
		letter-spacing: 1px;
		text-align: right;
	}

	.header-mobile span{
		font-family: 'Montserrat', sans-serif;
	    font-size: 15px;
	    letter-spacing: 1px;
	    color: #ffffffcf;
	}

	.collapse{
		border-bottom: 2px solid #ffffff26;
	}

	
	/******medias**********/

	@media(max-width: 1024px){

		.content-logo{
		width: 50%;
		margin-right: 1%;
		}

		.header-w{
			display: none;
		}

		.head-2{
			display: none;
		}

		.header-mobile{
			display: block;
		}

	}

	@media(max-width: 720px){

		.header-mobile img {
			left: 4%;
			top: 2%;
			width: 40%;
		}
	}

	@media (max-width: 320px){

		.header-mobile img {
    		left: 4%;
    		top: 1%;
    		width: 50%;
		}
	
	}

	@media (max-width: 425px){

		.header-mobile img {
		    left: 5%;
		    top: 1%;
		    width: 15%;
		}

		.header-mobile p{
			padding: 4% 5% 4% 5%;
		}
	
	}

/*** SLIDER ***/

	.slider-1{
		margin: 0% 0% 0% 0%;
		position: relative;
	}


	.img-mobile{
		display: none!important;
	}

	.back-4{
		width: 100%!important;
		 position: absolute;
		  left: 0;
		   background-position: center;
		    background-size: 80%
	}

	.iconslider{
		position: absolute;
	    top: 50%;
	    color: #fff;
	    font-size: 30px;
	}

	.mySlides {display:none;}


	.slider-02{
		margin: 10% 0% 0% 0%;
	}

	.content-info-slider02{
		background-color: #ffffff9e;
	    width: 40%;
	    height: 100%;
	    padding: 2% 1%;
	    position: absolute;
	    left: 10%;
	    top: 0%;
	    z-index: 3;
	    display: flex;
	}

	.content-info-slider02 h2{
		font-family: 'Montserrat', sans-serif;
		font-size: 60px;
		width: 100%;
		padding: 0%;
		margin: 0%;
	}

	.content-info-slider02 ul{
		font-family: 'Montserrat', sans-serif;
		margin: auto 0%;
		list-style: none;
	}

	.content-info-slider02 ul>li>p{
		font-family: 'Montserrat', sans-serif;
	    width: 100%;
	    margin: 10px 0px 20px 0px;
	    padding: 0% 2%;
	    font-size: 20px;
	    font-weight: bold;
	    letter-spacing: 1px;
	    text-align: left;
	    color: #111111c2;
	    text-align: left;
	}

	.content-info-slider02 ul>li>button{
		font-family: 'Montserrat', sans-serif;
	    font-size: 15px;
	    font-weight: bold;
	    padding: 5px 0px;
	    margin: 10% 10% 0% 60%;
	    width: 30%;
	    border: none;
	    background-color: #bd9f50;
	    color: #111;
	    letter-spacing: 0.5px;
	    outline: none;
	    cursor: pointer;
	    transition: 0.2s;
	}

	.content-info-slider02 ul>li>button:hover{
		background-color: #111;
	    color: #fff;
	    transition: 0.2s;
	    font-weight:normal;
	}


	.sliders-rooms img{
		border-radius: 5px;
	}


	@media(max-width: 1024px){

		.slider-1 {
		    margin: 6% 0% 0% 0%;
		}

	}

	@media(max-width: 768px){

		.slider-1{
			margin: 8% 0% 0% 0%;
		}

		.content-info-slider02 {
		    width: 65%;
		}

		.content-info-slider02 ul>li>button {
   			margin: 0% 10% 0% 60%;
   		}

	}

	@media(max-width: 425px){

		.content-info-slider02 {
		    width: 90%;
		    left: 5%;
		}

		.content-info-slider02 h2 {
		    font-size: 45px;
		}

		.content-info-slider02 ul>li>button {
		    margin: 20% 5% 0% 5%;
		    width: 80%;
		}

		.img-pc{
			display: none!important;
		}

		.img-mobile{
			display: block!important;
		}	

		#myCarousel{
			height: auto;
		}

		#myCarousel img{
			height: auto;
		}

		.EMPTY{
			display: none;
		}

	}

	@media (max-width: 320px){
		

	}

	.icons-roms{
		width: 100%;
		margin: 0%;
		padding: 0% 5%;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	.icons-roms>ol{
		width: 50%!important;
		display: inline-block!important;
	}
	.icons-roms>ol>li{
		width: 100%!important;
	    font-family: 'Montserrat', sans-serif;
	    margin: 0px 0px 0px 0px;
	    padding: 0px 0px 10px 20px;
	    font-size: 13px;
	    font-weight: bold;
	    letter-spacing: 1px;
	    text-align: left;
	    color: #111111c2;
	}

	.icons-roms>ol>li>i{
		position: absolute;
		left: 0px;
	}


/*** INDEX ***/

	.principal-container{
		background-image: url('../images/services/texture.jpg');
		background-position: right;
   		background-size: contain;
	}

	.container-sections{
		width: 100%;
		margin: 0% 0% 0% 0%;
		padding: 1% 10% 1% 10%;
		justify-content: center;
		text-align: center;
	}

	/*** box one ***/

		.box-one{
			width: 100%;
			margin: 3% 0% 0% 0%;
			padding: 0% 10% 0% 10%;
		}

		.box-one div>h1{
			font-family: 'Montserrat', sans-serif;
		    width: 100%;
		    margin: 5% 0% 0% 0%;
		    padding: 0% 0%;
		    text-align: left;
		    font-size: 26px;
		    color: #b5994d;
		}

		.box-one div>h2{
			font-family: 'Montserrat', sans-serif;
		    width: 100%;
		    margin: 10px 0px 0px 0px;
		    padding: 0% 0%;
		    text-align: left;
		    font-size: 36px;
		    color: #333;
		}

		.box-one div>p{
			font-family: 'Montserrat', sans-serif;
		    width: 100%;
		    margin: 10px 0px 20px 0px;
		    padding: 0% 0%;
		    font-size: 15px;
		    font-weight: bold;
		    letter-spacing: 1px;
		    text-align: justify;
		    color: #111111c2;
		}

		.box-one div>ul{
			width: 100%;
			margin: 2.5% 0%;
			padding: 0%;
			display: flex;
			list-style: none;
			justify-content: space-between;
		}

		.box-one div>ul>li{
			width: 32%;
			cursor: pointer;
			position: relative;
		}

		.box-one div>ul>li>img{
			width: 100%;
			border-radius: 5px;
		}
		
		.box-one div>ul>li>div{
			position: absolute;
		    bottom: 0;
		    background-color: #bea051fc;
		    width: 100%;
		    padding: 10px 10px;
		    visibility: visible;
		    transform: translateY(30px);
		    transition: 0.3s;
		    opacity: 1;
		    color: #111;
		}

		.box-one div>ul>li:hover div{
			visibility: visible;
			transition: 0.3s;
			transform: translateY(0px);
			opacity: 1;
		}


		.box-one div>ul>li>div>h3{
			font-family: 'Montserrat', sans-serif;
		    width: 100%;
		    margin: 0% 0% 0% 0%;
		    padding: 0% 0%;
		    text-align: left;
		    font-size: 21px;
		    color: #000000d9;
		    font-weight: bold;
		    letter-spacing: 0.5px;
		}

		.box-one div>ul>li>div>p{
			font-family: 'Montserrat', sans-serif;
		    width: 100%;
		    margin: 0% 0% 0% 0%;
		    padding: 0% 0%;
		    font-size: 15px;
		    color: #fff;
		    font-weight: 100;
		    letter-spacing: 1.5px;
		}

		/*** rooms ***/

		.content-rooms{
			font-family: 'Raleway', sans-serif;
			width: 100%;
			margin: 0%;
			padding: 3% 2%;
		}

		.content-rooms ul{
			margin: 0% 0% 5% 0%;
			padding: 0%;
			width: 100%;
			list-style: none;
			display: flex;
			flex-wrap: wrap;
			justify-content: space-around;
		}

		.content-rooms ul>li{
			cursor: pointer;
		    margin: 0% 0% 0% 0%;
		    padding: 2% 0%;
		    background-color: #ffffff96;
		    border-radius: 5px;
		    color: #333c;
		    letter-spacing: 1px;
		    border: 1.5px solid #33333338;
		    font-size: 18px;
		    font-weight: bold;
		    width: 45%;
		    text-align: center;
		}

		.content-rooms-info{
			width: 100%;
			margin: 0%;
			padding: 0%;
		}

		.content-rooms-info ol{
			font-family: 'Raleway', sans-serif;
			margin: 0%;
			padding: 0%;
			display: flex;
			list-style: none;
			flex-wrap: wrap;
			justify-content: space-between;
		}

		.content-rooms-info li{
			text-align: center;
			margin-bottom: 0%;
			font-size: 18px;
			padding: 3% 3%;
			width: 15%;
		}

		.content-rooms-info li>i{
			font-size: 25px;
		}

		.list-desc{
			font-family: 'Raleway', sans-serif;
			width: 100%;
			display: flex;
			flex-wrap: wrap;
			margin-top: 15px;
		}

		.list-desc div{
			width: 50%;
		}

		.list-desc div>a{
			width: 100%;
			text-decoration: none;
		    color: #333333d4;
		    font-size: 17px;
		    font-weight: bold;
		    letter-spacing: 0.5px;
		}

		.active-room{
			border: 1.5px solid #cca34aa1!important;
			box-shadow: 0px 0px 20px -10px #060606;
    		transform: scale(1.03);
		}

		.contenta-room1, .contenta-room2, .contenta-room3, .contenta-room4{
			display: block;
		}

		.contentd-room1, .contentd-room2, .contentd-room3, .contentd-room4{
			display: none;
		}

		.btn-book-rooms{
			width: 100%;
			margin: 0%;
			padding: 0%;
			text-align: center;
		}

		.btn-book-rooms button{
			font-family: 'Raleway', sans-serif;
		    margin-top: 10px;
		    padding: 2% 8%;
		    font-size: 18px;
		    border-radius: 15px;
		    border: none;
		    font-weight: bold;
		    background-color: #ff0c;
		    outline: none;
		}

		@media(max-width: 1024px){
			.content-rooms ul{
				margin-top: 15%;
			}

			.content-rooms ul>li{
				width: 95%;
				margin-bottom: 5%;
			}

		}

		@media(max-width: 768px){	
			.box-one h2 {
			    margin: 5% 0% 1% 0%;
			    font-size: 38px;
			    text-align: center;
			}

			.box-one p {
				text-align: center;
			}

			.content-rooms ul{
				margin-top: 0%;
			}

			.content-rooms ul>li{
				margin-bottom: 5%;
				padding: 2% 0%;
			}
		}

		@media(max-width: 425px){



			.box-one h1 {
				font-size: 27px;
				padding: 5% 0%;
			}

			.box-one h1>hr{
				margin-top: 10px;
				width: 15px;
		   		height: 1px;
			}

			.box-one h2 {
			    margin: 5% 0% 1% 0%;
			    font-size: 30px;
			    text-align: left;
			}

			.box-one p {
				text-align: left;
				font-size: 18px;
			}

			.content-rooms-info li{
				width: 50%;
			}

			.list-desc div{
				width: 100%;
			}
		}

		@media(max-width: 320px){

			.icons-box{
				font-size: 15px;
			}

			.box-one h1 {
				font-size: 25px;
				padding: 5% 0%;
			}

			.box-one h1>hr{
				margin-top: 10px;
				width: 15px;
		   		height: 1px;
			}

			.box-one h2 {
			    margin: 5% 0% 1% 0%;
			    font-size: 22px;
			    text-align: left;
			}

			.box-one p {
				text-align: left;
				font-size: 15px;
			}
		}

	/*** box two ***/

		.box-two{
			width: 100%;
			margin: 5% 0% 0% 0%;
			padding: 5% 10% 5% 10%;
			background-color: #0000000d;
		}

		.box-two img{
			width: 100%;
			border-radius: 5px;
		}

		.box-two h2{
			font-family: 'Raleway', sans-serif;
		    width: 100%;
		    margin: 0% 0% 0% 0%;
		    padding: 2% 0% 7% 0%;
		    text-align: center;
		    font-size: 38px;
		    color: #333;
		}

		.box-two h3{
			font-family: 'Raleway', sans-serif;
		    width: 100%;
		    margin: 0% 0% 0% 0%;
		    padding: 5% 0% 0% 0%;
		    text-align: center;
		    font-size: 20px;
		    color: #333;
		    font-weight: bold;
		}

		.box-two p{
			font-family: 'Raleway', sans-serif;
		    width: 100%;
		    margin: 0%;
		    padding: 2% 10%;
		    font-size: 15px;
		    font-weight: bold;
		    text-align: center;
		    letter-spacing: 0.5px;
		    color: #333333c9;
		}

		.box-two ul{
			font-family: 'Raleway', sans-serif;
			width: 100%;
			margin: 0%;
			padding: 2% 10%; 
			list-style: none;
			text-align: center;
		}

		.box-two li{
			padding: 2% 0% 2% 0%;
		    margin: 2% 0% 2% 0%;
		    border-top: 1px solid #00000030;
		    font-size: 13px;
		    font-weight: bold;
		    letter-spacing: 0.5px;
		    color: #333333d9;
		}

		.box-two li>span>i{
			font-size: 18px;
			color: #447bcd;
		}

		.sec-rooms{
			border-radius: 5px;
			box-shadow: 0px 0px 15px -5px #0000008c;
			margin-bottom: 10%;
			transition: 0.2s;
		}

		.sec-rooms:hover{;
			transition: 0.2s;
			transform: translateY(-10px);
			box-shadow: 0px 0px 15px -2px #447bcd;
		}

		.box-two button{
		    font-family: 'Raleway', sans-serif;
		    margin-top: 10px;
		    padding: 2% 8%;
		    font-size: 18px;
		    border-radius: 15px;
		    border: none;
		    font-weight: bold;
		    background-color: #ff0c;
		    outline: none;
		}

		.slide-hab{
			width: 100%;
			margin: 0% 0% 0% 0%;
			padding: 0% 0% 1% 0%;
			display: flex;
			justify-content: space-between;
			border-bottom: 2px solid #b3974c78;
		}

		.slide-hab h2{
			font-family: 'Raleway', sans-serif;
		    width: 100%;
		    margin: 0% 0% 0% 0%;
		    padding: 0% 0% 0% 0%;
		    text-align: left;
		    font-size: 38px;
		    color: #333;
		}

		.slide-hab ol{
			display: flex;
			margin: 0%;
			padding: 0%;
			list-style: none;
		}

		.slide-hab ol>li{
			width: 50px;
			height: 50px;
			display: flex;
			border:none;
		}

		.slide-hab ol>li>i{
			margin: auto;
			font-size: 22px;
		}

		.slide-hab ol>li:hover{
			color: #cca24a;
		}


		@media( max-width: 1024px){
			.box-two h3{
				font-size: 20px;
			}
			.box-two p{
				font-size: 15px;
			}
			.sec-rooms{
				margin-bottom: 10%;
			}
		}

		@media( max-width: 768px){
			.box-two h2{
				font-size: 38px;
			}
		}

		@media( max-width: 425px){
			.box-two h2{
				font-size: 30px;
			}
		}

		@media( max-width: 320px){
			.box-two{
				width: 100%;
				margin: 5% 0% 0% 0%;
				padding: 5% 5% 5% 5%;
				background-color: #0000000d;
			}

			.box-two h2{
				font-size: 22px;
				margin-bottom: 5%;
			}
		}

	/*** box three ***/

		.box-three{
			width: 100%;
			margin: 0% 0% 0% 0%;
			padding: 5% 10% 5% 10%;
		}

		.box-three ul{
			width: 100%;
			margin:  0%;
			padding: 0% 0% 0% 0%;
			list-style: none;
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
		}

		.box-three ul>li{
			width: 31%;
			background-color: #fff;
			margin-bottom: 3%;
		}

		.box-three ul>li>img{
			width: 100%;
		}

		.box-three ul>li>h2{
			font-family: 'Montserrat', sans-serif;
		    font-size: 60px;
		    width: 100%;
		    padding: 50px 10px 5px 10px;
		    margin: 0%;
		}

		.box-three ul>li>h3{
			font-family: 'Montserrat', sans-serif;
		    width: 100%;
		    margin: 0% 0% 0% 0%;
		    padding: 15px 10px 5px 10px;
		    text-align: left;
		    font-size: 26px;
		    color: #b5994d;
		}

		.box-three ul>li>p{
			font-family: 'Montserrat', sans-serif;
		    width: 100%;
		    margin: 0px 0px 0px 0px;
		    padding: 5px 20px 15px 20px;
		    font-size: 13px;
		    font-weight: bold;
		    letter-spacing: 1px;
		    text-align: left;
		    color: #111111c2;
		}

		.box-three ul>li>button {
		    font-family: 'Montserrat', sans-serif;
		    font-size: 15px;
		    font-weight: bold;
		    padding: 5px 0px;
		    margin: 10% 10% 0% 60%;
		    width: 30%;
		    border: none;   
		    background-color: #bd9f50;
		    color: #111;
		    letter-spacing: 0.5px;
		    outline: none;
		    cursor: pointer;
		    transition: 0.2s;
		}

		.box-three ul>li>button:hover{
			background-color: #111;
		    color: #fff;
		    transition: 0.2s;
		    font-weight:normal;
		}

		.box-three h4{
			font-family: 'Montserrat', sans-serif;
		    width: 100%;
		    margin: 5% 0% 0% 0%;
		    padding: 0% 0%;
		    text-align: left;
		    font-size: 26px;
		    color: #b5994d;
		}

		.box-three p{
			font-family: 'Montserrat', sans-serif;
		    width: 100%;
		    margin: 10px 0px 20px 0px;
		    padding: 0% 0%;
		    font-size: 15px;
		    font-weight: bold;
		    letter-spacing: 1px;
		    text-align: left;
		    color: #111111c2;
		}

		.box-three ol{
			width: 100%;
			margin:  3% 0% 0% 0%;
			padding: 0% 0% 0% 0%;
			list-style: none;
			display: flex;
			justify-content: space-between;
		}

		.box-three ol>li{
			width: 24%;
			position: relative;
		}

		.box-three ol>li>img{
			width: 100%;
		}

		.box-three ol>li>div{
			width: 100%;
			position: absolute;
			bottom: 0%;
			background-image: linear-gradient(#00000052,#000000cc, #000000d1, #000);
		}

		.box-three ol>li>div>h2{
			font-family: 'Montserrat', sans-serif;
		    font-size: 25px;
		    width: 100%;
		    padding: 10px 10px 0px 10px;
		    margin: 0%;
		    color: #ffffff;
		    font-weight: bold;
		    letter-spacing: 0.5px;
		}

		.box-three ol>li>div>p{
			font-family: 'Montserrat', sans-serif;
		    width: 100%;
		    margin: 0%;
		    padding: 10px 10px 10px 10px;
		    font-size: 15px;
		    letter-spacing: 1px;
		    text-align: left;
		    color: #fff;
		    font-weight: normal;
		}


		.box-three ol>li>div>button {
		    font-family: 'Montserrat', sans-serif;
		    font-size: 13px;
		    padding: 5px 10px;
		    margin: 0% 10% 5% 50%;
		    width: 40%;
		    border: 1.5px solid #fff;   
		    background-color: #000;
		    color: #fff;
		    letter-spacing: 1px;
		    outline: none;
		    cursor: pointer;
		    transition: 0.2s;
		}

		.box-three ol>li>div>button:hover{
			background-color: #b5994d;
			border: 1.5px solid #b5994d; 
		    color: #fff;
		    transition: 0.2s;
		}


		.sec-amenities{
			margin: 0% 0% 0% 0%;
			text-align: center;
		}

		.sec-amenities img{
			width: 60%;
		    border-radius: 100%;
		    transition: 0.2s;
		    cursor: pointer;
		    background: #cca24a;
		    padding: 2%;
		}

		.sec-amenities img:hover{
			transition: 0.2s;
			box-shadow: 0px 0px 15px -2px #447bcd;
			transform: scale(1.01);
			padding: 0.5%;
		}

		.sec-amenities p{
			font-size: 16px;
		    font-weight: bold;
		    letter-spacing: 1px;
		    color: #0000008c;
		    padding: 0% 1% 0% 1%;
		    text-align: center;
		}

		.trasport{
			width: 100%;
			text-align: center;
			position: relative;
		}

		.trasport span{
			width: 80%;
		    height: 100%;
		    position: absolute;
		    background-color: #0000002e;
		    border-radius: 5px;
		    transition: 0.3s;
		    display: flex;
		    margin-left: 10%;
		}

		.trasport span>button{
			margin: auto;
			visibility: hidden;
			font-family: 'Raleway', sans-serif;
		    padding: 1% 5%;
		    height: 40px;
		    font-size: 20px;
		    border-radius: 15px;
		    border: none;
		    font-weight: bold;
		    background-color: #ff0c;

		}

		.trasport:hover span{
			background-color: #00000080;
			transition: 0.3s;
			box-shadow: 0px 0px 15px -2px #447bcd;

		}

		.trasport:hover span>button{
			visibility: visible;
		}


		.content-certification{
			width: 100%;
			margin: 0%;
			padding: 0%;
			display: flex;
			justify-content: space-around;
			flex-wrap: wrap;
		}

		.content-certification button{
			width: 50%;
			text-align: center;
			border: none;
			background-color: #0000;
			outline: none;
			transition: 0.3s;
		}

		.content-certification:hover button {
			transform: scale(1.1);
			transition: 0.3s;

		}

		.content-certification button>img{
			width: 70%;
		}

		.icons-about{
			width: 100%;
			text-align: center;
		}

		.icons-about img{
			width: 100%;
			transform: scale(0.9);
			transition: 0.3s;
		}

		.icons-about img:hover {
			transform: scale(1);
			transition: 0.3s;
		}


		@media( max-width: 425px){
		

			.box-three ul{
				font-size: 15px;				
			}

			.box-three img {
			    margin-top: 
			    0%;
			}

			.sec-amenities p{
				font-size: 15px;
				text-align: center;
			}

			.box-three h4 {
				font-size: 25px;
			}

			.icons-about img{
				width: 60%;
			}

		}

		@media( max-width: 320px){

			.box-three h3{
				margin: 5% 0% 1% 0%;
			    font-size: 22px;
			}

			.box-three h4 {
				font-size: 22px;
			}

			.box-three p {
			    font-size: 15px;

			}
			.box-three ul{
				font-size: 15px;				
			}
		}

	/*** box four ***/

		.box-four{
			width: 100%;
			margin: 0% 0% 0% 0%;
			padding: 2.5% 10% 2.5% 10%;
			background-image: url(../images/services/paralax_1.jpg);
			background-attachment: fixed;
			background-position: center;
			background-repeat: no-repeat;
			background-size: cover;
		}


		.box-four ul{
			width: 100%;
			margin: 0%;
			padding: 0%;
			list-style: none;
			display: flex;
			justify-content: space-between;
			flex-wrap: wrap;
			background-color: #0000;
			border-radius: 5px;
		}

		.box-four ul>li{
			width: 49%;
		}

		.box-four ul>li>img{
			width: 40%;
			margin: 2% 30% 0% 30%;
		}

		.box-four ul>li>div{
		    width: 100%;
		    padding: 5%;
		    margin: 0%;
		    background: #ffffffb8;
		}

		.box-four ul>li>div>h2{
			font-family: 'Montserrat', sans-serif;
		    width: 100%;
		    margin: 0% 0% 3% 0%;
		    padding: 0% 0%;
		    text-align: left;
		    font-size: 48px;
		    color: #826e3a;
		    font-weight: bold;
		}

		.box-four ul>li>div>p {
		    font-family: 'Montserrat', sans-serif;
		    width: 100%;
		    margin: 0px 0px 0px 0px;
		    padding: 0% 0%;
		    font-size: 22px;
		    font-weight: bold;
		    letter-spacing: 1px;
		    text-align: left;
		    color: #111111;
		}

		.box-four ul>li>div>button {
		    font-family: 'Montserrat', sans-serif;
		    font-size: 15px;
		    font-weight: bold;
		    padding: 5px 0px;
		    margin: 5% 0% 0% 70%;
		    width: 30%;
		    border: none;
		    background-color: #bd9f50;
		    color: #111;
		    letter-spacing: 0.5px;
		    outline: none;
		    cursor: pointer;
		    transition: 0.2s;
		}

		.box-four ul>li>div>button:hover{
			background-color: #111;
		    color: #fff;
		    transition: 0.2s;
		    font-weight:normal;
		}

		.box-four ul>li>button{
			font-family: 'Raleway', sans-serif;
		    width: 40%;
			margin: 2% 30% 2% 30%;
		    padding: 5px 37px;
		    font-size: 20px;
		    border-radius: 5px;
		    border: none;
		    font-weight: bold;
		    background-color: #ff0c;
		    outline: none;
		}

	/*** box five ***/

		.box-five{
			width: 100%;
		    margin: 0% 0% 0% 0%;
		    padding: 8% 12% 8% 10%;
		    background-attachment: fixed;
		    background-position: center;
		    background-repeat: no-repeat;
		    background-size: cover;
		}

		.box-five h2 {
		    font-family: 'Montserrat', sans-serif;
		    width: 100%;
		    margin: 0% 0% 2% 0%;
		    padding: 0% 0% 0% 0%;
		    text-align: center;
		    font-weight: bold;
		    letter-spacing: 1px;
		    font-size: 40px;
		    color: #0000;
		}

		@media( max-width: 1024px){
			.box-five{
				margin: 7% 0% 0% 0%;
			}
			.box-five h2 {
				font-size: 30px;
			}
		}
		@media( max-width: 768px){
			.box-five{
				margin: 8% 0% 0% 0%;
			}
			.box-five h2 {
				font-size: 25px;
			}
		}
		@media( max-width: 425px){
			.box-five {
			    margin: 16% 0% 0% 0%;
			    padding: 31% 0%;
			}
			.box-five h2 {
				font-size: 20px;
			}
		}
		@media( max-width: 320px){
			.box-five{
				margin: 18% 0% 0% 0%;
			}
			.box-five h2 {
				font-size: 18px;
			}
		}

	/*** box six ***/

		.box-six{
			width: 100%;
			margin: 5% 0% 0% 0%;
			padding: 5% 10% 5% 10%;
			background-color: #0000000d;
			background-attachment: fixed;
		    background-position: center;
		    background-repeat: no-repeat;
		    background-size: cover;
		}

		.box-six h2 {
		    font-family: 'Raleway', sans-serif;
		    width: 100%;
		    margin: 0% 0% 2% 0%;
		    padding: 0% 0% 0% 0%;
		    text-align: center;
		    font-weight: bold;
		    letter-spacing: 1px;
		    font-size: 37px;
		    color: #ffffffb5;
		}

		.box-six button {
		    font-family: 'Raleway', sans-serif;
		    margin: 0% 0% 0% 0%;
		    padding: 0% 5%;
		    width: fit-content;
		    height: 40px;
		    font-size: 20px;
		    border-radius: 15px;
		    border: none;
		    font-weight: bold;
		    background-color: #ff0c;
		}

		@media( max-width: 1024px){
			.box-six h2 {
				font-size: 30px;
			}
		}
		@media( max-width: 768px){
			.box-six h2 {
				font-size: 25px;
			}
		}
		@media( max-width: 425px){
			.box-six h2 {
				font-size: 20px;
			}
		}
		@media( max-width: 320px){
			.box-six h2 {
				font-size: 18px;
			}

			.box-six button {
			    margin: 5% 0% 0% 0%;
			    padding: 0% 9%;
			    height: 28px;
			    font-size: 18px;
			}
		}

	/*** box seven ***/

		.box-seven{
			width: 100%;
			margin: 0% 0% 0% 0%;
			padding: 3% 5% 3% 5%;
		}

		.content-gallery{
			width: 100%;
			margin: 0%;
			padding: 0%;
			position: relative;
			border: none;
			background-color: #0000;
			outline: none!important;
			cursor: pointer;
			border-radius: 5px;
			transition: 0.3s;
		}

		.content-gallery img{
			width: 100%;
			border-radius: 5px;
		}

		.content-gallery a{
			font-family: 'Raleway', sans-serif;
			position: absolute;
			display: flex;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			outline: none;
			color: #fffc;
			font-size: 25px;
			font-weight: bold;
			letter-spacing: 1px;
			transition: 0.3s;
			text-decoration: none!important;
			background-color: #00000080;
			border-radius: 5px;
		}

		.content-gallery i{
			visibility: hidden;

		}

		.content-gallery:hover{
			transition: 0.3s;
			transform: translateY(-10px);
			box-shadow: 0px 0px 15px -2px #447bcd;
		}

		.content-gallery:hover i{
			visibility: visible;

		}

		.content-gallery:hover a{
			transition: 0.3s;
			color: #fff;
			background-color: #000000a1;
		}

		.content-gallery span{
			margin: auto;
		}

		.content-modal-gallery{
			padding: 2.5%;
		}

	/*** box eight ***/

		.box-eight{
			font-family: 'Montserrat', sans-serif;
			width: 100%;
			margin: 0% 0% 0% 0%;
			padding: 5% 10% 5% 10%;
		}

		.box-eight label{
	 		width: 100%;
	 		font-size: 20px;
	 		margin: 0% 0% 1% 0%;
		}

		.box-eight input, textarea{
	 		width: 80%;
		    margin: 0% 0% 3% 0%;
		    padding: 1% 1%;
		    border-radius: 5px;
		    border: solid 1.5px #9e9e9e6e;
		}


		.box-eight button {
		    font-family: 'Raleway', sans-serif;
		    margin: 3% 0% 5% 30% ;
		    padding: 1% 5%;
		    height: 40px;
		    font-size: 20px;
		    border-radius: 15px;
		    border: none;
		    font-weight: bold;
		    background-color: #ff0c;
		}

		.box-eight p{
			font-family: 'Raleway', sans-serif;
			width: 100%;
			font-size: 20px;
			cursor: pointer;
		}

		.box-eight p>i{
			margin-right: 10px;
		}

		.box-eight p:hover{
			color: #cfa54b;
		}

		@media( max-width: 768px){
			.box-eight input, textarea{
		 		width: 100%;
			    margin: 0% 0% 3% 0%;
			    padding: 1% 1%;
			    border-radius: 5px;
			    border: solid 1.5px #9e9e9e6e;
			}

			.box-eight p{
				text-align: center;
			}
		}

	/*** box nine ***/

		.box-nine{
			font-family: 'Raleway', sans-serif;
			width: 100%;
			margin: 0% 0% 0% 0%;
			padding: 2% 10% 5% 10%;
		}

		.box-nine img{
			width: 100%;
			border-radius: 5px;
			cursor: pointer;
		}

		.box-nine h1{
			font-family: 'Raleway', sans-serif;
			font-size: 22px;
			font-weight: bold;
			letter-spacing: 1px;
			color: #c9a149;
		}

		.box-nine h2{
			font-family: 'Raleway', sans-serif;
			font-size: 22px;
			font-weight: bold;
			letter-spacing: 1px;
			color: #c9a149;
		}

		.box-nine h3{
			font-family: 'Raleway', sans-serif;
			font-size: 20px;
			font-weight: bold;
			letter-spacing: 1px;
			color: #333333e8;
		}

		.box-nine h4{
			font-family: 'Raleway', sans-serif;
			font-size: 40px;
		}

		.box-nine p{
			font-family: 'Raleway', sans-serif;
		    font-size: 15px;
		    font-weight: bold;
		    letter-spacing: 1px;
		    color: #000000b0;
		    margin-top: 10px;
		}

		.content-bann-events {
			width: 100%;
			margin: 0%;
			padding:0%;
			position: relative;
		}

		.content-bann-events img{
			width: 100%;
			border-radius: 5px;
		}

		.content-bann-events h1{
			position: absolute;
			width: 100%;
			height: 100%;
			margin: 0%;
			display: flex;
			background-color: #00000073;
			border-radius: 5px;
			flex-wrap: wrap;
			cursor: pointer;
			top: 0;
		}

		.content-bann-events h1>a{
			font-family: 'Raleway', sans-serif;
			width: 100%;
			text-align: center;
			font-size: 40px;
			font-weight: bold;
			letter-spacing: 1px;
			color: #c9a149;
			margin: auto;
			transition: 0.3s;
			text-decoration: none;
		}


		@media(max-width: 1024px){
			.box-nine{
				margin-top: 8%;
			}
		}

		@media(max-width: 768px){
			.box-nine{
				margin-top: 10%;
			}
			.content-bann-events h1>a{
				font-size: 30px;
			}
		}

		@media(max-width: 425px){
			.box-nine{
				margin-top: 18%;
			}
			.content-bann-events h1>a{
				font-size: 30px;
			}

			.box-nine h4 {
			    font-family: 'Raleway', sans-serif;
			    font-size: 30px;
			}
		}

	/*** box ten ***/

		.ban-rest{
			width: 100%;
			margin: 0% 0% 0% 0%;
			padding: 0%;
			position: relative;
		}

		.ban-rest img{
			width: 100%;
		}

		.ban-rest span{
			position: absolute;
			display: flex;
			width: 100%;
			height: 100%;
		}

		.ban-rest h1{
			font-family: 'Cinzel Decorative', cursive;
			font-size: 65px;
			margin: 10% auto;
			color: #fff;
		}

		.box-ten{
			font-family: 'Raleway', sans-serif;
			width: 100%;
			margin: 0% 0% 0% 0%;
			padding: 0% 10% 0% 10%;
		}

		.content-menu{
			margin: 3% 0%;
			/*border: 2px solid #00000040;*/
			border-radius: 5px;
		}

		.content-menu h2{
			font-family: 'Raleway', sans-serif;
			width: 100%;
			font-weight: bold;
			letter-spacing: 0.5px;
			text-align: center;
			color: #000000ba;
		}

		.content-plates ul{
			width: 100%;
			margin: 0%;
			padding: 0%;
			display: flex;
			flex-wrap: wrap;
			justify-content: space-around;
			list-style: none;
		}

		.content-plates ul>li{
			font-family: 'Raleway', sans-serif;
			width: 20%;
			text-align:center;
			padding: 0.5% 0%;
			margin: 0px 0px 10px 0px;
			border-radius: 5px;
		    color: #333c;
		    letter-spacing: 1px;
		    border: 1.5px solid #33333338;
		    font-size: 18px;
		    font-weight: bold;
		    cursor: pointer;
		    transition: 0.3s;
		}

		.content-plates ul>li:hover{
			border: 1.5px solid #c79f48;
			transition: 0.3s;
		}

		.plates-active{
			border: 1.5px solid #c79f48!important;
		}

		.plates-page{
			width: 100%;
			display: flex;
			justify-content: flex-start;
			flex-wrap: wrap;
		}

		.palates-off{
			display: none;
		}

		.page-off{
			display: none;
		}

		.box-plate{
			width: 48%;
			padding: 0.5% 1%;
			margin: 1%;
			display: flex;
			justify-content: flex-start;
			flex-wrap: wrap;
			border-radius: 5px;
			transition: 0.3s;
			border: 2px solid #0000;
		}

		.box-plate:hover{
			border: 2px solid #cea44b9e;
			transition: 0.3s;
		}

		.box-plate h5{
			width: 25%;
			padding: 2%;
		}

		.box-plate img{
			border-radius: 100%;
			width: 100%;
		}

		.box-plate div{
			width: 75%; 
		}

		.box-plate div>h3{
			font-family: 'Raleway', sans-serif;
		    font-size: 20px;
		    font-weight: bold;
		    letter-spacing: 0.5px;
		    color: #333;
		    position: relative;
		}

		.box-plate div>h3>span{
			float: right;
    		color: #c89f49;
    		font-size: 20px;
		}

		.price-pc{
			display: block;
		}

		.price-mobile{
			display: none;
			color: #c89f49;
    		font-size: 20px;
    		font-weight: bold;
		}

		.box-plate div>p{
			font-family: 'Raleway', sans-serif;
		    font-size: 17px;
		    font-weight: bold;
		    letter-spacing: 0.5px;
		    color: #333333c2;
		}

		.con-num-pag{
			width: 100%;
			margin: 0%;
			padding: 0%;
		}

		.con-num-pag ol{
			width: 100%;
			margin: 0% 0% 0% 0%;
			padding: 0% 0% 0% 0%;
			list-style: none;
			display: flex;
			justify-content: center;
		}

		.con-num-pag ol>li{
			font-family: 'Raleway', sans-serif;
			padding: 10px 10px;
			margin: 0px 5px;
		    border-radius: 5px;
		    color: #333c;
		    letter-spacing: 1px;
		    border: 1.5px solid #33333338;
		    font-size: 18px;
		    font-weight: bold;
		    cursor: pointer;
		    transition: 0.3s;
		}

		.con-num-pag ol>li:hover{
			border: 1.5px solid #c79f48;
			transition: 0.3s;
		}

		.num-active{
			border: 1.5px solid #c79f48!important;
		}

		.gall-rest{
			width: 100%;
			margin: 0%;
			padding: 0%;
			display: flex;
			justify-content: flex-start;
			flex-wrap: wrap;
		}

		.gall-rest div{
			width: 25%;
			margin: 0%;
			padding: 0%;
			position: relative;
		}

		.gall-rest div>img{
			width: 100%;
		}

		.gall-rest div>span{
			width: 100%;
			height: 100%;
			position: absolute;
			display: flex;
			background-color: #0000005e;
			transition: 0.3s;
			color: #ffffff94;
		}

		.gall-rest div>span>p{
			font-family: 'Raleway', sans-serif;
		    margin: auto;
		    padding: 0% 10%;
		    font-size: 30px;
		    text-align: center;
    		letter-spacing:0.5px;
		}

		.gall-rest div>span:hover {
			background-color: #0000;
			transition: 0.3s;
			color: #fff;
		}

		@media(max-width: 1024px){

			.ban-rest {
			    margin: 7% 0% 0% 0%;
			}

			.ban-rest h1{
				font-size: 50px;
			}

			.box-plate {
    			width: 95%;
    		}
		}

		@media(max-width: 768px){

			.ban-rest {
			    margin: 8% 0% 0% 0%;
			}

			.ban-rest h1{
				font-size: 40px;
			}

			.box-plate {
    			width: 95%;
    		}

    		.content-plates ul>li{
    			width: 45%;
    		}

    		.gall-rest div>span>p {
    			font-size: 18px;
    		}
		}

		@media(max-width: 425px){

			.box-plate h5 {
			    width: 100%;
			    padding: 2%;
			}

			.ban-rest {
			    margin: 16% 0% 0% 0%;
			}

			.ban-rest h1{
				font-size: 25px;
			}

			.box-plate {
    			width: 95%;
    		}

			.content-plates ul>li{
				width: 45%;
			}

			.box-plate img {
			    width: 100%;
			    margin: auto;
			}

			.box-plate div {
			    width: 100%;
			}

			.price-pc{
				display: none;
			}

			.price-mobile{
				display: block;
				color: #c89f49;
	    		font-size: 20px;
	    		font-weight: bold;
	    		margin-bottom: 5px;
			}

			.box-plate div>h3 {
			    font-size: 18px;
			}

			.box-plate div>p {
			    font-size: 15px;
			}

			.content-plates ul>li {
				font-size: 15px;
			}

			.gall-rest div>span>p {
    			font-size: 11px;
    		}
		}

		@media(max-width: 375px){

			.ban-rest {
			    margin: 17% 0% 0% 0%;
			}

			.ban-rest h1{
				font-size: 22px;
			}

			.box-plate {
    			width: 95%;
    		}

			.content-plates ul>li{
				width: 45%;
			}

			.box-plate img {
			    width: 100%;
			    margin: auto;
			}

			.box-plate div {
			    width: 100%;
			}

			.price-pc{
				display: none;
			}

			.price-mobile{
				display: block;
				color: #c89f49;
	    		font-size: 20px;
	    		font-weight: bold;
	    		margin-bottom: 5px;
			}

			.box-plate div>h3 {
			    font-size: 18px;
			}

			.box-plate div>p {
			    font-size: 15px;
			}

			.content-plates ul>li {
				font-size: 15px;
			}
		}

		@media(max-width: 320px){

			.ban-rest {
			    margin: 17% 0% 0% 0%;
			}

			.ban-rest h1{
				font-size: 22px;
			}

			.box-plate {
    			width: 95%;
    		}

			.content-plates ul>li{
				width: 45%;
			}

			.box-plate img {
			    width: 100%;
			    margin: auto;
			}

			.box-plate div {
			    width: 100%;
			}

			.price-pc{
				display: none;
			}

			.price-mobile{
				display: block;
				color: #c89f49;
	    		font-size: 20px;
	    		font-weight: bold;
	    		margin-bottom: 5px;
			}

			.box-plate div>h3 {
			    font-size: 18px;
			}

			.box-plate div>p {
			    font-size: 15px;
			}

			.content-plates ul>li {
				font-size: 15px;
			}
		}

/*** FOOTER ***/

	.footer-W{
		width: 100%;
	    margin: 0% 0% 0% 0%;
	    padding: 2% 10% 1% 10%;
	    background-color: #111;
	    color: #ffffff8c;
	    border-top: 2px solid #bd9f50a1;
	}

	.footer-W img {
	    width: 60%;
	    margin: 0% 20%;
	}

	.list-footer{
		font-family: 'Montserrat', sans-serif;
    	width: 100%;
    	margin: 0%;
    	padding: 10px 10px 10px 10px;
    	font-size: 15px;
    	letter-spacing: 1px;
    	text-align: left;
    	font-weight: normal;
    	list-style:  none;
	}

	.list-footer li{
		position: relative;
		margin-bottom: 15px;
		cursor: pointer;
	}

	.list-footer li>i{
		position: absolute;
		left: -25px;
	}

	.list-footer li:hover{
		color: #fff;
	}

	.copyrigth{
		font-family: 'Montserrat', sans-serif;
	    width: 100%;
	    margin: 0%;
	    padding: 0%;
	    color: #ffffff40;
	    text-align: center;
	    letter-spacing: 0.5px;
	    cursor: pointer;
	    font-size: 11px;
	}

	.copyrigth:hover span{
		color: #f44336ba;
	}

	.btn-modal-none{
		margin: 0%;
		padding: 0%;
		background-color: #0000;
		border: none!important;
		outline: none!important;
	}

	.modal-content{
		height: 100%;
	}

	.modal-content iframe{
		border:none;
		overflow:scroll;
		border-radius: 5px;
	}

	.active-dropdown{
		text-align: center;
	}

	.active-dropdown p{
		font-family: 'Raleway', sans-serif;
	    font-size: 18px;
	    font-weight: bold;
	    letter-spacing: 1.5px;
	    color: #333;
	    width: fit-content;
	    background-color: #0000;
	    text-align: center;
	    margin: auto;
	    margin-bottom: 15px;
	    padding: 0% 10%;
	    border-radius: 5px;
	    border: 1.5px solid #cfa54bab;
	}

	.footer-dropdown{
		display: block;
	}

	@media(max-width: 1024px){
		.footer-W {
    		padding: 2% 1% 2% 1%;
    	}
    }

    @media(max-width: 768px){

		.footer-W {
    		padding: 5% 5% 5% 5%;
    	}
    }

	@media(max-width: 425px){

		.footer-W {
    		padding: 5% 5% 5% 5%;
    	}

		.list-footer{
			font-size: 13px;
		}

		.footer-dropdown{
			display: none;
		}

	}

/****/

.img-mobile-pc{
	display: block;
}

.img-mobile-mobile{
	display: none;
}

@media( max-width: 1024px){

	.box-three ul>li>h2 {
	    font-size: 40px;
	}

	.box-three ol {
	    flex-wrap: wrap;
	    justify-content: space-around;
	}

	.box-three ol>li {
	    width: 45%;
	    margin-bottom: 5%;
	}

	.box-four ul>li>img {
	    width: 60%;
	    margin: 10% 20% 0% 20%;
	}

	.box-four ul>li>button {
	    width: 60%;
	    margin: 2% 20% 2% 20%;
	}

}

@media( max-width: 768px){

	.box-one div>ul {
	    flex-wrap: wrap;
	    justify-content: space-around;
	}

	.box-one div>ul>li {
	    width: 45%;
	    margin-bottom: 9%;
	}

	.box-three ul {
	    flex-wrap: wrap;
	    justify-content: space-around;
	}

	.box-three ul>li {
	    width: 100%;
	    margin-bottom: 5%;
	}

	.box-three ul>li>h2 {
	    font-size: 40px;
	    padding: 50px 30px 5px 30px;
	}

	.box-three ul>li>p {
   		padding: 5px 30px 15px 35px;
   	}

   	.box-three ul>li>button {
	    margin: 2% 10% 3% 60%;
	}

}

@media( max-width: 425px){

	.img-mobile-pc{
		display: none;
	}

	.img-mobile-mobile{
		display: block;
	}

	.box-one div>h2 {
	    text-align: left;
	    font-size: 28px;
	}

	.box-one div>ul>li {
	    width: 100%;
	    margin: 10% 0%;
	}

	.box-three ul{
		padding: 5% 0% 0% 0%;
	}

	.box-three ul>li>h2 {
		font-size: 40px;
		padding: 15px 30px 10px 30px;
	}

	.box-three ul>li>p {
	    padding: 5px 30px 15px 35px;
	    font-size: 15px;
	    text-align: left;
	}

	.box-three ul>li>button {
	    margin: 2% 10% 5% 10%;
	    width: 80%;
	}

	.box-three ol>li {
	    width: 100%;
	    margin-bottom: 5%;
	}

}

/*** CALL-TO-ACTON ***/

	.calltoaction{
		position: fixed;
		right: 0%;
		top: 45%;
	}

	.calltoaction ul{
		list-style: none;
		margin: 0%;
		padding: 0%;
	}

	.calltoaction li{
		width: 50px;
		height: 50px;
		font-size: 30px;
		background-color: #4caf50;
		color: #fff;
		text-align: center;
		border-radius: 5px 0px 0px 5px;
		cursor: pointer;
	}