/*RESPONSIVE*/

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
/*.navbar .nav-item {
    padding: 0rem 0.5rem;
    margin: 0;
}
#gallery .swiper-button-next {
    right: 21.9%;
}*/
  
}

@media  screen and (max-width: 1366px) {
/*.navbar .nav-item {
    padding: 0rem 0.3rem;
    margin: 0;
}
.navbar-nav {
    margin-left: 24px;
}*/


}


@media only screen 
and (min-device-width: 320px) 
and (max-device-width: 480px) { 
.navbar-brand img {
    width: 55px !important;
}
.row { margin:0px !important; }
.common-container,.comman-container { width:100%; }
#banner .banner-title {font-size: 70px;top: 32%;}
#banner .banner-title3 {font-size: 25px;line-height: 30px;top: 43%;}
.banner-links {width: 100%;top: calc(52% - 0px);}
.banner-links ul li { width:40%;margin-bottom: 20px;border-right:none; border-bottom: solid 1px #b89241; padding-bottom: 5px;}
.banner-links ul {height: 180px; }
#banner .watch-now {top: calc(83% - 0px);}

.mt-100 {
    margin-top: 30px;
}
#Hospitality {padding-top: 30px;}
.package-wrapper1 .package .pck_reveal,.package-wrapper2 { /*display:none;*/ }
.hospitality-left {
    padding: 0 10px;
}
.package-img,.package-img img { width:100%; height:auto; margin-bottom:10px;}

#gallery .gallery-box p {
    padding: 0px 20px;
}
#gallery .gallery-box .cta-bt {position: relative;margin-left: 20px;}
.small-title {padding-left: 20px;}
#gallery .swiper-button-next, #gallery .swiper-button-prev {top:30%;background-color: #FFF;}
#gallery {
    padding-top: 60px;
    padding-bottom: 0px;
}
#gallery .swiper-button-next {
    right: 2%;
}
#gallery .swiper-button-prev {
    left: 2%;
}
#gallery .gallery-slider {
    padding-top: 20px;
    padding-bottom: 10px;
}

#f-b .swiper-slide img,.f-b-box { position:relative; left: 0;top: 0; width: 100%; -ms-transform: translate(0%, 0%);
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    transform: translate(0%, 0%); opacity:1; bottom: 0;}
	#f-b .swiper-slide-active .f-b-box {  bottom: 0; }
#f-b .small-title {
    padding-left: 0px;
}

#f-b .swiper-button-prev {
    left: 24px;transform: rotate(90deg);
}

#f-b .swiper-button-next, #f-b .swiper-button-prev {top: 20%; background-color:#FFF;width: 40px;}
#f-b .swiper-button-next {
    right:6%;
    left: inherit;transform: rotate(90deg);
}

#f-b .swiper-container {
    width: 100%;
    height: auto;
}

#meet-celeb {
    padding-top: 30px;
    padding-bottom: 30px;
    position: relative;
}

.meet-celeb-box { margin-bottom:30px; }
.adventure-park-lhs {
    padding-top: 0;
	margin-bottom:30px;
}

.home-jm-lhs { margin-top:20px; }
.home-jm-lhs p.q {
    font-size: 30px;
    line-height: 34px;
    padding: 0 0px;
}

#home-jm {
    padding-top: 50px;
    padding-bottom: 70px;
}

.adventure-park-lhs p {
    line-height: 32px;
    padding: 0 10px;
}	

.order-1 {order: 0;-ms-flex-order: 0;}
.adventure-img-holder { margin-bottom:30px; }

.testimonial-box p {
    padding: 0 60px;
    line-height: 28px;
}

.rating-box {
    padding-top: 20px;
    padding-left: 20px;
}

#inner-banner {height: 80vh;background-attachment: scroll; background-size:cover; background-repeat:no-repeat;margin-top: 80px; position:relative;}
#inner-banner:before { content:''; position:absolute; height:100%; width:100%; background-color:rgba(0,0,0,0.4); left:0px; top:0px; }
#inner-banner h1 {font-size:40px; padding-top: calc(100% - 50px);}

#luxury-resort .nav-mytabs {margin-bottom: 10px;}
#luxury-resort .nav-mytabs li {
    display: inline-block;
    width: 30%;
    margin-bottom: 17px;
}

#luxury-resort {
    padding-top: 0px;
}


#luxury-resort .mytab-content {padding: 0px;}
.inner-page-title h2 {font-size: 22px;line-height: 26px;margin-bottom: 14px;padding-bottom: 9px;}
.luxury-pic { margin-bottom:10px; }


.sub-desc,#spa .sub-desc,#Bespoke .sub-desc {padding: 0 20px;}
.mobile-pic { margin-top:15px; margin-bottom:15px; }

.padding-top-80 {padding-top: 40px;}

.mid-contact {width: 100%; padding: 10px;margin-bottom: 50px;padding-bottom: 30px;text-align: center;}

.restaurants:nth-child(even) .row .col-md-7 {
    order: 0;
}

.restaurants {
    margin-bottom: 30px;
}

.restaurants:nth-child(even) .luxury-rhs {
    text-align: left;
}

.restaurants:nth-child(even) .luxury-rhs .inner-page-title h2:before {
    left: 0;
    right:inherit;
}

.w-75 {
    width: 100%!important;
}

#nightclub {
    padding-top: 40px;
    padding-bottom: 30px;
}
.nightclub-box { margin-bottom:20px;  }
#nightclub p { padding:0 15px; }
#della-bareky {
    margin-top: 40px;
}

#meet-celeb .small-title {
    padding-left:0px;
}

/*FOOTER*/
/* #footer { text-align:center; padding-top: 30px;padding-bottom: 30px;margin-top: 40px;} */
.newsletter {margin-top: 18px;}
/* .footerlogo { margin-bottom:30px; } */
.footer-links h2:before { margin:auto; }
#footer .text-right{ text-align:center !important; } 

/*NAV*/
/* #header { background-color:#000; } */
a.navbar-brand img {width: 60px; margin-left: 10px;}
.navbar-brand {font-size: 1.85rem;}
.navbar-dark .navbar-toggler {margin-right: 15px;background-color:transparent;}
a.navbar-brand img {
width: 110px;
margin-left: 10px;
}
.navbar-nav {
margin-left: 0;
}
.navbar-nav {
margin-left: 0px !important;
background-color: #000; padding-top: 40px;
}
.navbar-dark .navbar-nav .nav-link {
color: #FFF;
}

.navbar-dark .navbar-nav .nav-link {
color: #FFF;
font-weight: 400;
padding: 0.7rem 1.1rem !important;
font-size: 14px;
border-bottom: solid 1px #2b2b2b;
}
.dropdown-toggle::after {right: 20px; top:21px; position:absolute;}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
color: #FFF;
}
.dropdown-menu a.nav-link {
padding: 0.5rem 0.3rem !important;
}
.corporate-overview-drop {height: 580px;overflow: scroll;}
#header .collapse.show { height:100vh; background-color:#000; }
.navbar .dropdown-menu div[class*="col"],.inner-glance [class*="col"],#our-brand-inner [class*="col-"],#our-presence [class*="col-"],#business-model .row.listing-style [class*="col-"],.stakeholder-container [class*="col-"],.operational-container [class*="col-"] {
    margin-bottom: 1rem;
    flex: none;
    max-width:100%;
}


.dropdown-menu.show {
    padding: 10px 15px !important;height: auto;
}

.mobile-link {
    text-align: center;
    padding: 20px 0px;width: 40%;display: inline-block;transform: translate(0px, -15px);
}
.book-bt {text-align: center;
    padding: 4px 10px;
    margin-bottom: 6px;
    width: 40%;
    display: inline-block;margin-top: 21px;}
#overlay #progstat { font-size:126px;line-height:126px; top:50%;}

/*END*/

.swiper-philosophy { margin-bottom:30px !important; }
#philosophy { padding-left:15px; padding-right:15px; }

#philosophy .swiper-button-next,#philosophy .swiper-button-prev { transform:scale(0.5) }
#treatment {}
.pl-5 {padding-left: 1rem!important;}
.pr-5 {padding-right: 1rem!important;}

#room-fa ul li { width:49%; height: auto;margin-bottom: 21px;}
#room-fa ul li p { padding-left:15px; padding-right:15px; }

#about-resorts .inner-page-title { margin-top:15px; }	
#OtherLuxury .small-title,#OtherLuxury p { padding-left: 11px;   padding-right: 11px;}
#OtherLuxury a.cta-bt { margin-left:11px; }
#special-offer .page-title h2 { margin-bottom:0px; }

.option-box { margin-bottom:20px; height: auto;}

.w-50 {
    width: 100%!important;
}
.row {}

#guest-recommend .swiper-slide p {
    padding: 0 40px;
    margin-top: 20px;
}

#inner-qouts h2 {padding: 15px 30px;}
.mobile-hide { display:none; }

#venue-slider .swiper-button-next, #venue-slider .swiper-button-prev {
    background-image: none !important;
    text-align: center;
    width: 30px;
    height: 30px;top: 57%;
}

.venu-box h2 { text-align:center; }
#venue-slider .tab-content {
    padding: 10px 0;
}

#venue-slider .nav-link {
    padding: 0.5rem 1rem;
    margin: 0px 0px;
}

#catering .inner-page-title h2 { margin-top:20px; }

#catering, #meet-team {
    margin-bottom: 30px;
}

#accomodation {
    padding-top: 50px;
    padding-bottom: 10px;
}

.accomodation-box img { margin-bottom:20px; }

.accomodation-box:nth-child(odd) .row .col-md-7 {
    order: 0;
}

.accomodation-box:nth-child(odd) .row .col-md-4,.text-right {
    text-align: left !important;
}

#wedding-bg {height: 285px;background-attachment: inherit;background-size: cover;}

#meet-team .p-5 {
    padding: 1rem!important;
}

#meet-team .mt-80 {
    margin-top: 0px !important;
}

#wedding-testimonial {
    padding-top: 0px;
    padding-bottom: 0px;
}
#wedding-testimonial .wedding-slider {
    padding-top: 10px;
    margin-bottom: 50px;
}

#wedding-testimonial .content {margin-left: 0px;    width: 100%;}

#wedding-testimonial .swiper-button-next,#wedding-testimonial .swiper-button-prev {top: 22%;}
#wedding-testimonial .swiper-button-next {
    right: 20px;
    background-image: none !important;
}

.mr-4 {
    margin-right:0rem!important;
}

#toTop {font-size: 10px;}

.what-on-box .media-pic {
    height: auto;
}

#gallery .swiper-slide img {
    opacity: 1;
    width: 100%;
    object-fit: contain;
    transform: translate(0px, 0px);
}
#gallery .gallery-box {width: 100%;}

#testimonial {
    padding-top: 40px;
    padding-bottom: 60px;
}

.rating-box { margin-bottom:20px; }

.footerlogo img { width:80px; }
.footer-links a {margin-bottom: 3px;}

#ota .swiper-button-next,#ota .swiper-button-prev {width: 20px;height: 40px;top: 40%;}
#ota .swiper-button-prev {left: 20px;}
#ota .swiper-ota {
    padding-bottom: 40px;
}

.luxury-pic img,#about-resorts img {object-fit: none;height: 390px;}
#room-slider .swiper-slide img,.meet-img img,.swiper-philosophy .swiper-slide img,.venue-box img { height: 400px;object-fit: cover; }

.page-title h2 {font-size: 24px;padding-left: 15px;padding-right: 15px;}

.restaurants .luxury-rhs {
    padding: 20px 10px;padding-top: 0px;
}

.contact-box {
    padding: 45px 10px;
}

#contact-form {
    width: 100%;
    margin: auto;
}

#tele-code {
    width: 30%;
}
#telephone {
    width: 68%;
}

.route { margin-bottom:20px; margin-top:20px; }

.offers-box {    padding: 15px 10px;width: 100%;width: 100%;margin-bottom: 20px;}
.offers-content {
    padding-left: 0px;
}


.offers-box .offers-img {
    position: relative;
    left:0px;
    top:0px;
	margin-bottom:15px;
}
.offers-box .offers-img img { width:100% }

.offers-box:nth-child(even) .offers-img {
    left: inherit;
    right: 0;
    top: 0;
}

.offers-box:nth-child(even) .offers-content {
    padding-left: 0px;
    padding-right:0px;
}

.fancybox-content {padding: 33px 10px !important;}

#destination #other-rest .others-box {
    height: 460px;
}

#destination #other-rest .swiper-button-next,#destination #other-rest  .swiper-button-prev {top: 65%;}

#destination #other-rest .swiper-button-next {
    right: 10px;
}

#destination #other-rest .swiper-button-prev {
    left: 20px;
}

.swiper-f-b { margin-top:20px !important; }


.remove-br br { display:none; }
.mt-80 {
    margin-top: 35px !important;
}

#experiance-24 {
    margin-top: 30px;
	margin-bottom:30px;
}

.leisure-24 .expreance-desc {
    top: inherit;bottom: 0px;opacity: 1;padding:12px 8px; height:auto;
}
.leisure-24 .expreance-desc h6 {font-size: 17px;margin-bottom: 0;}

#homeinstagram .page-title h2 {word-break: break-all;font-size: 21px;}
#homeinstagram .page-title h2 span { display:block;font-size: 16px;}

#experiance-24 .swiper-button-prev {
    left: 20px;
}
#experiance-24 .swiper-button-next {
    right: 280px;
}

.logo1 {
    padding-left: 0px;
    padding-bottom: 5px;
}

#our-client .swiper-slide { text-align:center; }

.packages {
    padding: 0px 0;
    padding-bottom: 0;
}
.packages .package-img {height: 320px;}
.packages .package-content {margin-top: 0px;max-width:100%;}
#hospitality-new .hospitality-left-new {height: 620px; padding:20px;}
.hospitality-left-inner {
    padding-top: 48px;
}

.rest-logo { position:relative;width: 140px;right: 0; margin: auto;}
.parsidhaba-logo,.crem-della-logo {width: 234px;}
#f-b .swiper-slide-active .rest-logo {bottom: 0;}

.package-img a { display:block; }
.package-img a img { display:block; position: relative; transform: scale(1);}
.packages .package-wrapper2 {
    margin-top: 0px;
}


#ed-message-acc .ui-accordion .ui-accordion-header {padding-right: 30px;}


#footer {
    background-color: #97144D;
    padding-top: 15px;
    padding-bottom: 15px; }

  #footer {
    margin-top: 20px; }


    .home-footer .col-xs-6 { width: 50%; }

    .footerlogo img {
        width: 120px;
    }

    #footer .footerlogo {
        margin-top: 0;
    }

    #footer .coryright {font-size: 11px;}

    
}

@media only screen 
and (min-device-width: 481px) 
and (max-device-width: 767px) {
.row { margin:0px !important; }
.common-container,.comman-container { width:100%; }
.home-title {font-size: 40px;}
#banner-container { height:500px;transform: scale(1.3); }
#banner .banner-title,#banner .banner-title3 {font-size: 45px;}
.banner-title .fs-50 {font-size: 34px !important;}
#banner .banner-title {top:22%;line-height: 52px;}
#banner .banner-title3 {top:30%;line-height: 55px;}
.experiance-lhs {height:auto;}
#experience { padding-top:20px; }
#experience .v-title {transform: rotate(0deg) translate(0px,0px);font-size: 50px; text-align:center; position:relative;line-height:80px;margin-bottom: 20px;}
.experience-img {margin-left: 0; margin-top: 0px;width: 100%;height: auto;}
.experience-img .experience-img-holder { width:100%; height:auto; transform: translate(0px,0px); }
.experiance-rhs {width: 100%;padding-top: 20px;margin-left: 0;}

#home-stay {padding-top: 60px;}
.home-subdesc {font-size: 24px;line-height: 29px;}
#home-stay .mt-80 {margin-top: 30px !important;}
#home-stay .tab_container {float: none;width: 95%;margin: auto;}
.resort-view { display:none; }
.front-img {
    position: relative;
    left: 0px;
    top: 0;
}
.bak-img { display:none; }
.tab-img-title {font-size: 31px;}
.front-img img { width:100%; }
#restaurant {margin-top:30px;padding-bottom: 40px;}

.experience-img-holder {
    position: relative;
    width: 100%;
    height: auto;
    overflow: visible;
}
.experience-img-holder img { width:100% }
.mobile-none { display:none; }
#restaurant .mt-40 {
    margin-top: 20px;
}
#restaurant p br { display:none; }
#restaurant .home-subdesc { padding:0px 10px; margin-bottom:20px; }
#home-discover { height:auto; padding-top: 30px; }  
.discover-box a:before { display:none; }
.discover-img,.discover-img .discover-img-holder { width:100%; height:auto; overflow:visible;}
.discover-title {
    position: relative;
    top: 0;
    left: 0;
    z-index: 2;
}
.m1-100 {
    margin-left:0px;
}

.discover-box {margin-bottom: 40px;}
.discover-img img { width:100%; }
.discover-title h2 {margin-top: 11px;font-size: 32px;}
.discover-box a p, .discover-box a .book-now {transform: translateY(0px);opacity: 1;}
.mt-100 {
    margin-top: 0px;
}

#home-offer {
    padding-top:30px;
    padding-bottom:30px;
}
#home-offer .comman-container { width:100%; }

#dellaexperience { height:auto; padding-bottom: 30px;}
.insta-pic img { width:100%; }

#tripadvisior {padding-top:30px;padding-bottom: 30px;}

.trip-testimonial {
    padding-left: 0;
    padding-top: 20px;
}
#tripadvisior .mt-60 {
    margin-top: 0;
}

.br-b {
    border-right:none; border-bottom: solid 1px #cccccc;
}
.trip-ad { padding-bottom:20px; }

#footer {padding-top: 40px; padding-bottom: 20px;text-align: center;}
.newsletter-box {width: 100%;}
.social-media {
    margin-top: 30px; margin-bottom:30px;
}
.copyright {
    margin-top: 0;
}
.navigation-container { display:none; }
.logo {width: 67px;margin-left: 0;left: 10px;}
.hamburger-menu {right: 10px;top: 38px; left:inherit;} 
#header:before, #header:after { display:none; }
.tab-img-title { display:none; }
}

@media only screen and (min-device-width :768px) and (max-device-width :1024px) and (orientation :portrait) {
.row { margin:0px !important; }
.common-container,.comman-container { width:100%; }
.home-title {font-size: 40px;}
#banner-container { height:500px;transform: scale(1.3); }
#banner .banner-title,#banner .banner-title3 {font-size: 45px;}
.banner-title .fs-50 {font-size: 34px !important;}
#banner .banner-title {top:22%;line-height: 52px;}
#banner .banner-title3 {top:30%;line-height: 55px;}
.experiance-lhs {height:auto;}
#experience { padding-top:20px; }
#experience .v-title {transform: rotate(0deg) translate(0px,0px);font-size: 50px; text-align:center; position:relative;line-height:80px;margin-bottom: 20px;}
.experience-img {margin-left: 0; margin-top: 0px;width: 100%;height: auto;}
.experience-img .experience-img-holder { width:100%; height:auto; transform: translate(0px,0px); }
.experiance-rhs {width: 100%;padding-top: 20px;margin-left: 0;}

#home-stay {padding-top: 60px;}
.home-subdesc {font-size: 24px;line-height: 29px;}
#home-stay .mt-80 {margin-top: 30px !important;}
#home-stay .tab_container {float: none;width: 95%;margin: auto;}
.resort-view { display:none; }
.front-img {
    position: relative;
    left: 0px;
    top: 0;
}
.bak-img { display:none; }
.tab-img-title {font-size: 31px;}
.front-img img { width:100%; }
#restaurant {margin-top:30px;padding-bottom: 40px;}

.experience-img-holder {
    position: relative;
    width: 100%;
    height: auto;
    overflow: visible;
}
.experience-img-holder img { width:100% }
.mobile-none { display:none; }
#restaurant .mt-40 {
    margin-top: 20px;
}
#restaurant p br { display:none; }
#restaurant .home-subdesc { padding:0px 10px; margin-bottom:20px; }
#home-discover { height:auto; padding-top: 30px; }  
.discover-box a:before { display:none; }
.discover-img,.discover-img .discover-img-holder { width:100%; height:auto; overflow:visible;}
.discover-title {
    position: relative;
    top: 0;
    left: 0;
    z-index: 2;
}
.m1-100 {
    margin-left:0px;
}

.discover-box {margin-bottom: 40px;}
.discover-img img { width:100%; }
.discover-title h2 {margin-top: 11px;font-size: 32px;}
.discover-box a p, .discover-box a .book-now {transform: translateY(0px);opacity: 1;}
.mt-100 {
    margin-top: 0px;
}

#home-offer {
    padding-top:30px;
    padding-bottom:30px;
}
#home-offer .comman-container { width:100%; }

#dellaexperience { height:auto; padding-bottom: 30px;}
.insta-pic img { width:100%; }

#tripadvisior {padding-top:30px;padding-bottom: 30px;}

.trip-testimonial {
    padding-left: 0;
    padding-top: 20px;
}
#tripadvisior .mt-60 {
    margin-top: 0;
}

.br-b {
    border-right:none; border-bottom: solid 1px #cccccc;
}
.trip-ad { padding-bottom:20px; }

#footer {padding-top: 40px; padding-bottom: 20px;text-align: center;}
.newsletter-box {width: 100%;}
.social-media {
    margin-top: 30px; margin-bottom:30px;
}
.copyright {
    margin-top: 0;
}
.navigation-container { display:none; }
.logo {width: 67px;margin-left: 0;left: 10px;}
.hamburger-menu {right: 10px;top: 38px; left:inherit;} 
#header:before, #header:after { display:none; }
.tab-img-title { display:none; }
}


@media only screen and (min-device-width :768px) and (max-device-width :1024px) and (orientation :landscape) {
.row { margin:0px; }
.common-container { width:100%; }
}


@media only screen and (min-device-width :1024px) and (max-device-width :1366px) and (orientation :landscape) {
}

@media (max-width: 320px) {
}

/* (1920x1080) Full HD Display */
@media screen and (min-width: 1900px){

}