/*************Responsive Styles*****************/
@media screen and ( max-width: 1366px ){
	#navbarSupportedContent li a {
	    margin: 20px 15px;
	}
	.banner-content h1 {
	    font-size: 90px;
	    line-height: 130px;
	}
	.banner-content p {
	    font-size: 22px;
	    line-height: 25px;
	}
	.home-rooms .each-room{
		padding: 30px 20px;
	}
	.home-highlight .slick-prev {
	    left: 25%;
	}
	.home-highlight .slick-next {
	    right: 25%;
	}
	.single-room-banner h1{
		font-size: 90px;
		line-height: 130px;
	}
}
@media screen and ( max-width: 1300px ){
	.carousel-sliding .swiper-container {
	    width: calc(100% - 90px) !important;
	}
	.carousel-sliding .elementor-swiper-button-prev{
		left: 0px !important;
	}
	.carousel-sliding .elementor-swiper-button-next{
		right: 0px !important;
	}
	.home-quote .slick-prev{
		left: -5px;
	}
	.home-quote .slick-next{
		right: -5px;
	}
}
@media screen and ( max-width: 1200px ){
	.home-rooms .mphb-room-type {
	    height: 450px;
	    width: 47.5%;
	}
	.home-rooms .mphb_sc_rooms-wrapper{
		column-gap: 3%;
		row-gap: 35px;
		flex-wrap: wrap;
	}
	.rooms-list .mphb-room-type-images{
		width: 45%;
	}
	.single-room-post .mphb-room-type-images{
		width: 100%;
	}
	.rooms-list .mphb-room-type-title, .rooms-list .mphb-room-type p{
		width: 48%;
	}
	.rooms-list .mphb-room-type ul.mphb-loop-room-type-attributes{
		width: 48%;
	}
	.single-room-post .mphb-room-type-title, .single-room-post .mphb-room-type p, .single-room-post .mphb-room-type-facilities{
		width: 100%;
	}
	.rooms-list .mphb_sc_rooms-wrapper .mphb-room-type:nth-child(odd) .mphb-view-details-button-wrapper {
	    margin-left: 33%;
	}
	.carousel-sliding .elementor-image-carousel.swiper-wrapper {
	    height: 250px;
	}
	.carousel-sliding .elementor-swiper-button-prev,
	.carousel-sliding .elementor-swiper-button-next{
		top: 215px;
	}
	.single-room-right {
	    padding-left: 40px;
	}
	.single-room-post .mphb-room-type ul.mphb-loop-room-type-attributes{
		width: 100%;
	}
}
@media screen and ( max-width: 1024px ){
	#navbarSupportedContent li a {
	    margin: 18px 10px;
	}
	.home-slider .slick-list {
	    height: 650px;
	}
	.home-rooms .each-room {
    	height: 350px;
    }
    .each-info-slider h3 {
	    font-size: 40px;
	    line-height: 50px;
	}
	.each-info-slider .text-content {
	    margin-right: 40px;
	}
	.home-info-slider-sec .slick-dots{
		margin: 0 0 0 0;
	}
	.home-highlight .slick-arrow {
	    bottom: 22%;
	}
	.home-highlight .slick-next {
	    right: 28%;
	}
	.home-highlight .slick-prev {
	    left: 28%;
	}
	.home-video .elementor-open-lightbox .elementor-custom-embed-image-overlay {
	    height: 400px;
	}
	.below-video{
	    height: 500px;
	}
	.below-video .elementor-open-lightbox .elementor-custom-embed-image-overlay {
	    height: 500px;
	}
	.home-highlight .each-highlight img {
	    height: 400px;
	    object-fit: cover;
	}
	.subscribe .mc4wp-form-fields input {
	    height: 60px;
	}
	.subscribe .mc4wp-form-fields input[type="email"] {
	    width: 350px;
	}
	.subscribe .mc4wp-form-fields input[type="submit"] {
	    width: 130px;
	}
	.banner-content {
	    padding: 150px 0px 50px 0px;
	}
	.navbar-brand img{
	    max-width: 150px;
	}
	.footer-top {
	    padding-top: 70px;
	}
	footer .footer-bottom .container {
	    padding-top: 30px;
	    padding-bottom: 30px;
	}
	.rooms-list .mphb-flexslider ul.slides a, .rooms-list .mphb-flexslider ul.slides span, .rooms-list .mphb-flexslider ul.slides li.gallery-item, .rooms-list .mphb-flexslider ul.slides{
		height: 450px;
	}
	.rooms-list .mphb-room-type-images{
		margin-bottom: -450px;
	}
	.rooms-list .mphb-room-type .mphb-view-details-button-wrapper{
		margin-bottom: 120px;
	}
	.single-room-post .entry {
	    margin: 60px 0px;
	}
	.single-room-post .mphb-room-type-title{
	    font-size: 40px;
	    line-height: 60px;
	}
	.single-room-right .body-content {
	    margin-bottom: 0px;
	}
	.single-room-post .extra-details {
	    margin: 60px 0px;
	}
	.single-room-post .extra-details >div {
	    font-size: 18px;
	    line-height: 33px;
	}
	.single-room-post .extra-details h6 {
	    font-size: 20px;
	    line-height: 25px;
	}
	.single-room-post .extra-details{
		row-gap: 30px;
	}
	.rooms-list .mphb-room-type p{
		margin-bottom: 20px;
	}
	.rooms-list .mphb-room-type ul.mphb-loop-room-type-attributes .mphb-room-type-bed-type{
		margin-bottom: 20px;
	}
	.below-video .elementor-open-lightbox .elementor-custom-embed-play{
	    top: 350px;
	}
}
/*******************************************/

/**************iPad Landscape***************/
@media screen and ( max-width: 991px ){
	#navbarSupportedContent .navbar-nav{
		position: fixed;
		top: 0%;
		left: 0%;
		background-color: var(--color8);
	    width: 85%;
	    transition: 0s;
	    padding: 40px 15px;
	    z-index: 50;
	    height: 100vh;
	}
	.noscroll{
		overflow: hidden;
	}
	.sec-navbar .navbar-nav{
		height: 100vh;
		padding-bottom: 40px !important;
		justify-content: end;
		background-color: var(--color8) !important;
	}
	.dropdown-menu{
		display: flex;
		flex-direction: column;
		background-color: var(--color5);
		border: 0px;
		margin-left: 20px;
		padding: 0px;
	}
	.navbar-brand{
		margin: 0%;
		padding: 0px;
	}
	#navbarSupportedContent a {
	    margin: 10px 0px;
	}
	footer .row div:nth-child(1),
	footer .row div:nth-child(1){
		margin-bottom: 30px;
	}
	#navbarSupportedContent li .nav-link {
	    margin: 10px 0px;
	}
	.dropdown-toggle::after{
		display: none;
	}
	.navbar-light .navbar-toggler{
		padding: 15px;
		margin-left: auto;
	}
	.home-highlight .each-highlight .text-content {
	    margin-top: -130px;
	}
	footer .footer-packages-col{
		order: 2;
		border-width: 0px 1px 0px 0px;
	    border-style: solid;
	    border-color: var(--color4);
	}
	footer .footer-menu-col{
		order: 3;
		border-width: 0px !important;
	}
	footer .footer-quick-col{
		order: 1;
	}
	footer .footer-top .row{
		justify-content: center;
	}
	footer .footer-top .row .contact {
	    margin-top: 10px;
	}
	.carousel-sliding .elementor-image-carousel.swiper-wrapper {
	    height: 270px;
	}
	.carousel-sliding .elementor-swiper-button-prev,
	.carousel-sliding .elementor-swiper-button-next{
		top: 190px;
	}
}
/*******************************************/

/*************************iPad Portrait***************/
@media screen and (max-width: 985px){
	.home-slider .slick-list {
	    height: 500px;
	}
	.banner-content {
	    padding: 100px 0px 50px 0px;
	}
	.home-rooms .content {
	    flex-wrap: wrap;
	    row-gap: 20px;
	}
	.home-rooms .each-room {
	    width: 48%;
	}
	.each-info-slider h3 {
	    font-size: 35px;
	    line-height: 45px;
	}
	.home-highlight .each-highlight img {
	    height: 300px;
	}
	.home-highlight .each-highlight .text-content {
	    padding: 35px 30px 35px;
	}
	.home-highlight .each-highlight .text-content h3 {
	    font-size: 25px;
	}
	.home-quote-sec .each-quote {
	    padding: 35px 30px 35px;
	}
	.home-highlight .slick-prev {
	    left: 20%;
	}
	.home-highlight .slick-next {
	    right: 20%;
	}
	.single-room-post .extra-details{
		flex-direction: column;
		align-items: center;
		row-gap: 50px;
	}
	.extra-line{
		height: 1px;
		width: 100%;
	}
}
@media screen and (max-width: 800px){
	.rooms-list .mphb-room-type-images {
	    margin-bottom: 0px;
	}
	.rooms-list .mphb-room-type-images {
	    width: 100%;
	}
	.rooms-list .mphb-room-type-title, .rooms-list .mphb-room-type p, .rooms-list .mphb-room-type-facilities{
		width: 100%;
		margin-left: 0px;
	}
	.rooms-list .mphb-room-type .mphb-view-details-button-wrapper{
		width: 100%;
		margin-left: 0px;
	}
	.rooms-list .mphb_sc_rooms-wrapper .mphb-room-type:nth-child(odd) .mphb-room-type-images{
		margin-left: 0px;
	}
	.rooms-list .mphb_sc_rooms-wrapper .mphb-room-type:nth-child(odd) .mphb-view-details-button-wrapper{
		margin-left: 0px;
	}
	.rooms-list .mphb-room-type-title{
		margin-top: 30px;
	}
	.rooms-list .mphb-room-type .mphb-view-details-button-wrapper {
	    margin-bottom: 40px;
	    margin-top: -35px;
	}
	.rooms-list .mphb-room-type ul.mphb-loop-room-type-attributes{
		width: 100%;
	}
}
/*******************************************/

/**********************iPhone Landscape*************/
@media screen and (max-width: 767px){
	footer .row >div{
		margin-bottom: 30px;
	}
	.each-info-slider{
		flex-direction: column;
		align-items: flex-start;
	}
	.each-info-slider img{
		width: 90%;
		margin-bottom: 40px;
	}
	.each-info-slider p{
		margin-bottom: 40px;
	}
	.home-highlight .each-highlight .text-content {
	    width: 90%;
	}
	.home-highlight .slick-prev {
	    left: 10%;
	}
	.home-highlight .slick-next {
	    right: 10%;
	}
	.subscribe .mc4wp-form-fields input[type="submit"] {
	    width: 100%;
	}
	.subscribe .mc4wp-form-fields input[type="email"] {
	    width: 100%;
	}
	footer .footer-packages-col {
	    border-width: 1px 0px 1px 0px;
	    padding-top: 30px;
	    padding-bottom: 30px;
	}
	.footer-top{
		padding-left: 15px;
		padding-right: 15px;
	}
	footer .footer-bottom .container {
	    flex-direction: column-reverse;
	}
	.banner-content p {
	    font-size: 18px;
	    line-height: 25px;
	    width: 60%;
	}
	.banner-content h1 {
	    font-size: 60px;
	    line-height: 120px;
	    margin: 0px 0px -23px 0px;
	}
	.home-slider .slick-prev {
	    left: 10px;
	}
	.home-slider .slick-next {
	    right: 10px;
	}
	.home-rooms .mphb-room-type {
	    height: 300px;
	    width: 100%;
	}
	.home-rooms .mphb_sc_rooms-wrapper{
		column-gap: 3%;
		row-gap: 35px;
		flex-wrap: wrap;
	}
	.each-info-slider .text-content {
	    margin-right: 0px;
	}
	.carousel-sliding .elementor-image-carousel.swiper-wrapper {
	    height: 210px;
	}
	.carousel-sliding .elementor-swiper-button-prev, .carousel-sliding .elementor-swiper-button-next {
	    top: 150px;
	}
	.single-room-post .container .row{
		flex-direction: column-reverse;
	}
	.single-room-right {
	    padding-left: 0px;
	}
	.single-room-banner h1{
		font-size: 50px;
		line-height: 60px;
	}
	.single-room-post .entry {
	    margin: 0px 0px;
	}
	.gallery-page .galleries .each-gallery img{
		height: 290px;
	}

}
@media screen and (max-width: 660px){
	#menu .top-menu .container{
		flex-direction: column;
	}
	.navbar-brand{
		order: 1;
	}
	.header-call{
		order: 2;
		margin: 30px 0px 30px 0px;
	}
	.social-media-icon{
		order: 3;
		margin-bottom: 20px;
	}
	.home-rooms .each-room {
	    width: 100%;
	}
	.home-rooms .each-room {
	    height: 250px;
	}
	.contact-us-form .fname, .contact-us-form .sname, .contact-us-form .email, .contact-us-form .phone, .contact-us-form .message{
		width: 100%;
	}
	.single-room-right .mphb-room-type ul.mphb-loop-room-type-attributes .single-room-content{
		flex-direction: column;
		row-gap: 30px;
		align-items: flex-start;
	}
	.single-room-right .mphb-room-type ul.mphb-loop-room-type-attributes .single-room-content p{
		width: 100%;
	}
	.single-room-right .mphb-room-type ul.mphb-loop-room-type-attributes .single-room-content img{
		width: 100%;
		max-width: 220px;
	}
	.gallery-page .galleries{
		display: block !important;
	}
	.gallery-page .galleries .each-gallery{
		width: 100%;
		margin-bottom: 45px;
	}

}
/*******************************************/

/***************iPhone Portrait**************/
@media screen and (max-width: 479px){
	.home-highlight .slick-prev {
	    left: 5%;
	}
	.home-highlight .slick-next {
	    right: 5%;
	}
	footer .footer-top .row span.location {
	    width: 100%;
	}
	.each-info-slider img {
	    width: 100%;
	}
	.each-info-slider h3{
		font-size: 30px;
	}
	.carousel-sliding .elementor-image-carousel.swiper-wrapper {
	    height: 250px;
	}
	.carousel-sliding .elementor-swiper-button-prev, .carousel-sliding .elementor-swiper-button-next {
	    top: 180px;
	}
	.below-video .elementor-open-lightbox .elementor-custom-embed-play {
        top: 390px;
    }

}
/*******************************************/