@media only screen

and (max-width: 1440px){

    .star-bg.fornewOffers {

        display: none;

    }



    .offers .car-caption {

        padding: 80px 40px 0px 40px;

    }



    .mfp-content img {

        height: 700px;

        width: 860px;

    }



    .newsletter-footer .social.phone {

        margin-right: 20px;

    }



  .fac-gym.fac-pool.fac-meeting .news {

    margin: 30px auto;

  }



  .story-section .news.headline {

    bottom: 0;

    right: 0;

    padding-left: 50px;

    padding-right: 50px;

    padding-top: 50px;

    padding-bottom: 50px;

    max-width: 100%;

  }



  .offer-img-first img {

    height: 470px;

  }



  .star-stn-2 {

    margin: 40px auto;

  }



  .section-story-suites.fac-sports .news {

    margin: 90px 89px;

  }



  .company-info .sep {

    display: inline-block;

  }



  .company-info .credits {

    padding-top: 10px;

    display: inline-block;

  }



  .concierge-info .concierge-link span {

    font-size: 2rem;

  }



}



@media (max-width: 1280px) {



    .newOffers .car-caption {

        position: relative;

        top: 10%;

        left: unset;

        transform: unset;

    }



    .offers .car-caption {

        padding: 90px 40px 0px 40px;

    }



    .seemore {

        margin: 10px 0 20px;

    }



    .mfp-auto-cursor .mfp-content {

        height: 70%;

    }



    .embed-responsive {

        height: 100%;

    }



  #story-slider .carousel-item img {

    width: 100%;

    min-height: 600px;

    object-fit: cover;

  }



  .navbar-dark .navbar-nav {

    width: 740px;

  }



  .privacy-policy-left {

    padding-bottom: 30px;

  }



  .privacy-policy-right {

    position: relative;

    padding-left: 15px;

  }



  .star-stn-1 .bg-left {

    flex-direction: row;

    flex-wrap: wrap;

    display: flex;

    height: 36vh;

    width: 100%;

  }



  .star-stn-1 .bg-right {

    display: none;

  }



  #random {

    height: 46vh;

  }



  .section4{

    height: auto;

  }



  .indicatorInfo{

    display: none;

  }

  .carousel-caption .content{

    text-align: center;

  }

  .carousel-caption .content .subtitle,

  .carousel-caption .content .seemore{

    display: block;

  }



  .carousel-caption .content .seemore .dashed-text{

    color: #fff;

    margin: 0 auto 0px;

  }

  .carousel-caption .content .seemore .hr-knob:after{

    background: #fff;

  }

  .section-suites .star-bg-2 {

    right: -13%;

    top: 20%;

  }



  .section-header .title {

    font-size: 14px;

  }



  .section-header .dash {

    width: 60px;

  }



  .pagination {

    text-align: center;

  }



  .offers-section .offer-img {

    padding-right: 0px;

    padding-left: 0px;

  }



  .offers-section .car-caption {

    padding-top: 20px;

  }



  .company-info .sep {

    display: inline-block;

  }



  .company-info .credits {

    padding-top: 10px;

    display: inline-block;

  }



  .suite-amenities ul li {

    min-width: 232px;

  }





}



@media (max-width: 1200px) {

  #nav-iconTab {

    display: none;

    border: none;

  }



  .nav-lang-switcher {

    margin: 0px;

    text-align: center;

  }



  .section-titles p {

    max-width: 100% !important;

    font-size: 16px;

  }



  .navbar-collapse {

    justify-content: center;

    background-color: #D00000;

    padding: 30px;

  }



  #random {

    height: 40vh;

  }



  .suites-section .car-caption {

    padding: 20px 20px 104px 20px;

  }



  .suites-section .post-offer-text {

    padding-left: 0px;

    padding-right: 0px;

  }



  .story-img-second {

    display: none;

  }





}



@media (max-width: 1199px) {



  .beyond-bg-img .head-sub {

    width: 40%;

    left: 0;

    right: 0;

    margin: auto;

  }



  .beyond-bg-img img {

    height: 500px;

    object-fit: cover;

  }



  #story-slider .carousel-caption .headline {

    min-height: 350px;

  }



  #story-slider .carousel-caption {

    position: relative;

  }



  .section-story-suites .carousel-indicators {

    top: 470px;

  }



  .story-section .news.headline {

    position: relative;

  }



  .story-img-first .relative img {

    display: none;

  }

}



@media (max-width: 1024px){





    .offer-img-first img {

        object-position: 100% 100%;

    }



    .star-vid-overlay {

        height: 500px;

    }



    #story-slider .carousel-caption .headline {

        min-height: 390px;

    }



    .mfp-content img {

        height: 640px;

        width: 770px;

    }



    .social div {

        text-align: center;

        font-size: 16px;

        line-height: 22px;

    }



    .social-text .headlinesTitle {

        text-align: center;

        justify-content: center;

    }



    .newsletter-logo {

        margin-right: 0px;

    }



    .newsletter-footer .social.phone {

        margin-right: 0px;

    }



    .newsletter-footer,

    .newsletter-footer .contact-wrap{

      flex-direction: column;

      align-items: center;

    }

    .contact-info,

    .contact-info-more{

      text-align: center;

    }

    .contact-details{

      margin-left: 0;

      margin-bottom: 30px;

    }



    .hr-list li {

        margin-top: 2vh;

    }



    .slider-nav .slick-slide {

        margin: 0px;

    }



    .section-suites .oSuites .choice {

        width: 100%;

    }



  .section-enquiry .headlines br {

    display: none;

  }



  .nav-lang-switcher {

    margin: 0px;

    text-align: center;

  }



  .story-section .star-bg-1 img {

    width: 30vw;

  }



  .section-suites .col-margins {

    padding: 10px;

  }



  .carousel-caption .content h2 {

    line-height: 5.5rem;

  }



  .carousel-caption .content .seemore .dashed-text {

    font-size: 1.6rem;

    line-height: 22px;

    border: 1px solid #FFF;

    padding: 14px 25px;

    min-width: 200px;

  }



  .section1 .content .seemore .hr-knob {

    display: none;

  }



  .the-nav .navbar {

    padding-left: 70px;

  }



  .navbar-dark .navbar-toggler {

    display: block;

    background-color: #D00000;

    border-radius: 50%;

    height: 50px;

    width: 50px;

    z-index: 999;

    box-shadow: 10px 9px 16px -4px rgba(0,0,0,0.51);

  }



  .main-nav {

    max-width: 100% !important;

  }



  .centerRes {

    float: none !important;

    text-align: -webkit-center;

    margin: auto;

    width: 50%;

  }



  .navbar-header {

    float: none;

  }

  .navbar-left,.navbar-right {

    float: none;

  }

  .navbar-dark .navbar-toggler {

    display: block;

    background-color: #D00000;

    border-radius: 50%;

    height: 50px;

    width: 50px;

    z-index: 999;

    box-shadow: 10px 9px 16px -4px rgba(0,0,0,0.51);

  }





  .navbar-collapse {

    border-top: 1px solid transparent;

    box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);

  }

  .navbar-fixed-top {

    top: 0;

    border-width: 0 0 1px;

  }

  .navbar-expand-xl .navbar-collapse {

    display: none !important;

  }



  .hidden {

    display: none;

    border: none;

  }



  .switch_lang.active {

    color: #fff;

    font-weight: 700;

  }



  .main-nav {

    padding: 20px;

  }



  .navbar-nav {

    background: transparent;

    text-align: -webkit-center;

  }



  .navbar-collapse .navbar-nav .nav-item {

    margin-bottom: 20px;

    margin-right: 0;

    border-bottom: 1px solid rgba(255, 255, 255, 0.5);

    width: 60%;

    align-self: center;

    padding-bottom: 20px;

  }



  .carousel-caption .content h2 {

    font-size: 2.7rem;

    line-height: 55px;

    margin-top: 50px;

  }



  .carousel-item > img {

    min-height: 240px;

    max-height: 500px;

    width: auto;

    object-fit: cover;

    object-position: 100% 100%;

  }



  .section-titles p {

    max-width: 100%;

    font-size: 16px;

  }



  .carousel-caption .content {

    padding: 10px;

  }



  .star-mob-logo.topPad {

    padding-top: 0px;

  }



  .newsletter-content {

    margin-left: 30px;

  }



  .newsletter-img .abs.white-frost {

    background: linear-gradient(90deg, rgba(255,255,255,0.9) 30%, rgba(255,255,255,0.5) 45%, rgba(255,255,255,0) 50%);

  }



  .newsletter-bg img {

    height: 47vh;

  }



  .star-stn-1 .bg-left {

    flex-direction: row;

    flex-wrap: wrap;

    display: flex;

    height: 22vh;

    width: 100%;

  }



  .star-stn-1 .bg-right {

    display: none;

  }



  .section-story-suites .news {

    margin: 20px 20px 40px 20px;

  }



  .story-img-second .relative img {

      height: 40vh;

  }



  .suites-section .post-offer-text {

    padding: 0;

  }



  .main-nav .menu-strip{

    display: block;

    z-index: 99;

  }



  .main-nav .float_right {

    float: left;

    box-shadow: 10px 9px 16px -4px rgba(0,0,0,0.51);

    margin-top: 8px;

  }



  .nav-btn {

    padding: 9px 15px;

  }





  .carousel-caption .content h2 {

    font-size: 5rem;

    line-height: 55px;

  }



  .carousel-item > img {

    min-height: 240px;

    max-height: 670px;

    width: auto;

    object-fit: cover;

    object-position: 100% 100%;

  }



  .section-titles p {

    max-width: 100%;

    font-size: 16px;

  }



  .carousel-caption .content {

    padding: 10px;

  }



  .star-mob-logo.topPad {

    padding-top: 0px;

  }



  .logo .logo-desk {

    display: none;

  }



  .star-mob-logo {

    display: block;

  }



  #random {

    height: 380px;

  }



  .suites-section .car-caption {

    padding: 20px 20px 20px 20px;

  }



  .privacy-policy-left {

    padding-bottom: 30px;

  }



  .privacy-policy-right {

    position: relative;

    padding-left: 15px;

  }



  .section-story-suites .rightPad {

    padding-right: 15px;

  }



  .navbar-collapse {

    background-color: #D00000;

    position: fixed;

    width: 100%;

    height: 100%;

    z-index: 1;

    overflow-y: hidden;

    -webkit-transition: max-height 0.5s ease-in-out;

    -moz-transition: max-height 0.5s ease-in-out;

    -o-transition: max-height 0.5s ease-in-out;

    transition: max-height 0.8s ease-in-out;

  }



  .star-stn-1 .bg-left {

    flex-direction: row;

    flex-wrap: wrap;

    display: flex;

    height: 36vh;

    width: 100%;

  }



  .star-stn-1 .bg-right {

    display: none;

  }



  .story-img-first .relative img {

    display: none;

  }



  .section4{

    height: auto;

  }



  .indicatorInfo{

    display: none;

  }

  .carousel-caption .content{

    text-align: center;

  }

  .carousel-caption .content .subtitle,

  .carousel-caption .content .seemore{

    display: block;

  }



  .carousel-caption .content .seemore .dashed-text{

    color: #fff;

    margin: 0 auto 0px;

  }

  .carousel-caption .content .seemore .hr-knob:after{

    background: #fff;

  }

  .section-suites .star-bg-2 {

    right: -13%;

    top: 20%;

  }



  .section-header .title {

    font-size: 14px;

  }



  .section-header .dash {

    width: 60px;

  }



  .pagination {

    text-align: center;

  }



  .offers-section .offer-img {

    padding-right: 0px;

    padding-left: 0px;

  }



  .offers-section .car-caption {

      padding-top: 20px;

      padding-bottom: 20px;

  }



  .company-info .sep {

    display: inline-block;

  }



  .company-info .credits {

    padding-top: 10px;

    display: inline-block;

  }



  .suite-amenities ul li {

    min-width: 232px;

  }

}



@media (max-width: 768px) {



    #story-slider .carousel-item img {

        width: 100%;

        min-height: 540px;

        object-fit: cover;

    }



    .embed-responsive-21by9::before {

        padding-top: 200px;

    }



    .embed-responsive video {

        width: 100%;

        height: auto;

    }





  .beyond-bg-img .head-sub {

    width: 60%;

    left: 0;

    right: 0;

    margin: auto;

  }



    .mfp-content img {

        height: 600px;

        width: 660px;

        object-position: 70% 70%;

    }





    .slick-slide img {

        width: 100%;

        height: 490px;

    }



    .social-text .headlinesTitle {

        text-align: center;

        justify-content: center;

    }



    .newsletter-footer .social.phone {

        margin-right: 0px;

    }



    .top-content a {

        margin-right: 20px;

    }



    .newsletter-logo {

        margin-right: 0px;

    }



    .social.phone {

        margin-right: 0px;

    }



  .carousel-caption .content h2 {

    font-size: 4rem;

    line-height: 55px;

  }



  .the-nav .navbar {

    padding-left: 70px;

  }



  .carousel-item>img {

    min-height: 240px;

    max-height: 690px;

    width: 100%;

    object-fit: cover;

    object-position: 100% 100%;

  }



  .carousel-caption .content {

    padding: 10px;

  }



  .star-mob-logo.topPad {

    padding-top: 0px;

  }



  .logo .logo-desk {

    display: block;

  }



  .star-mob-logo {

    display: none;

  }



  .newsletter-content {

    margin-left: 30px;

    text-align: center;

  }



  .newsletter-img .abs.white-frost {

    background: rgba(255,255,255,0.8);

  }



  .newsletter-bg img {

    height: 47vh;

  }



  .star-stn-1 .bg-left {

    flex-direction: row;

    flex-wrap: wrap;

    display: flex;

    height: 22vh;

    width: 100%;

  }



  .star-stn-1 .bg-right {

    display: none;

  }



  .section-story-suites .news.headline {

    max-width: 100%;

  }



  .section-story-suites .news {

    margin: 40px 20px 40px 20px;

  }





  .story-img-second .relative img {

      height: 40vh;

  }



  .suites-section .post-offer-text {

    padding: 0;

  }



  .main-nav .menu-strip{

    display: block;

    z-index: 99;

  }



  .main-nav .float_right {

    float: right;

    box-shadow: 10px 9px 16px -4px rgba(0,0,0,0.51);

    margin-top: 8px;

  }



  .nav-btn {

    padding: 9px 15px;

  }



  .navbar-nav{

    background: #D00000;

    text-align: center;

    padding: 0px;

  }



  .footer .navbar .nav-link{

    height: auto;

  }

  .navbar-nav .nav-item:last-child{

    margin-right: 0;

  }

  .navbar-nav .nav-link{

    color: #fff;

  }

  .switch_lang.active{

    color: #fff;

    font-weight: 700;

  }

  .newsletter-footer{

    padding: 30px 0 80px;

  }

  .newsletter-logo{

    margin-top: 30px;

    margin-bottom: 30px;

  }

  .newsletter-footer,

  .newsletter-footer .contact-wrap{

    flex-direction: column;

    align-items: center;

  }

  .contact-info,

  .contact-info-more{

    text-align: center;

  }

  .contact-details{

    margin-left: 0;

    margin-bottom: 30px;

  }

  .slide-offers .offer-text {

    padding: 15px;

  }

  .footer .navbar .nav-link{

    width: auto;

  }



  #footer-nav {

    background-color: transparent;

  }



  .grid {

    padding-top: 30px;

  }

  .back-to-news-button .hr-knob {

    width: 7%;

  }



  .offers-section .post-offer-text .ribbon img {

    position: absolute;

    right: 15px;

    top: 0;

    z-index: 0;

    width: 60px;

  }



  #posts-carousel .carousel-indicators {

    top: 430px;

  }



  .company-info .sep {

    display: none;

  }



  .company-info .credits {

    padding-top: 10px;

    display: block;

  }



  .footer .navbar .nav-link {

    padding-left: 0px;

    padding-right: 0px;

  }

}



@media (max-width: 600px) {



    .offersPad {

        background-color: #F5F5F5;

    }



    .newOffers .car-caption {

        position: relative;

        top: unset;

        left: unset;

        transform: unset;

    }



    .newOffers img {

        height: 400px;

    }



    .mob-hide {

        display: none;

    }



    .mob-show {

        display: block;

    }



    .offer-img-first img {

        object-position: 90% 100%;

    }



    .company-info {

        font-size: 14px;

        line-height: 16px;

    }



    .mob-hide {

        display: none;

    }



    .beyond-bg-img.heart-city .title-headlines {

        top: 44%;

    }



    .star-vid-overlay {

        height: 280px;

    }



    #story-slider .carousel-item img {

        width: 100%;

        min-height: 270px;

        object-fit: cover;

    }



    .play-btn {

        width: 20%;

    }



    .embed-responsive-21by9::before {

        padding-top: 200px;

    }



    .embed-responsive video {

        width: 100%;

        height: auto;

    }





    #story-slider .carousel-caption .headline {

        min-height: 580px;

    }



  .beyond-bg-img .head-sub {

    width: 80%;

    left: 0;

    right: 0;

    margin: auto;

  }



  .beyond-bg-img .title-headlines {

    top: 56%;

  }



  .story-section .news.headline {

    padding-left: 30px;

    padding-right: 30px;

  }



  .storysliderimg {

    padding-bottom: 0px !important;

  }



    .beyond-bg-img h1 {

        top: 30%;

    }



    .img-desk {

        display: none;

    }



    .img-mob {

        display: block;

    }



    .mfp-content img {

        height: 360px;

        width: 420px;

    }





    .suites-section .hr-list li {

        margin-right: 32px;

    }



    .suites-section li.icon {

        text-align: center;

    }



    .suites-section li.icon span br {

        display: block;

    }



    .suites-section li.icon span {

        margin-left: 0px;

        display: flex;

    }



    .suites-section li.icon img {

        margin-bottom: 10px;

    }



    .suites-section .suite-features {

        padding-left: 0rem;

    }



    li.icon span {

        font-size: 1rem;

    }



    .img-gallery .ribbon {

        bottom: 92px;

    }



    .footer {

        padding-bottom: 90px;

    }







    .slick-slide img {

        width: 100%;

        height: 200px;

    }



    .slider.slider-nav img {

        object-position: 50% 70%;

        height: 70px;

    }



    .social-text .headlinesTitle  {

        text-align: center;

        color: #fff;

        justify-content: center;

    }





    .social.phone {

        margin-right: 0px;

        margin-bottom: 50px;

    }





  .social-btn.error-page {

    display: block;

  }



  .nav-lang-switcher {

    text-align: center;

  }



  .carousel-caption .content .seemore .dashed-text {

    min-width: 180px;

  }



  .carousel.fac-sports .carousel-item img.hello-img {

    height: 300px;

  }



  .fac-gym .star-bg {

    display: none;

  }



  .gutters {

    padding: 20px 30px;

  }



  .section-story-suites.fac-sports .news {

    margin: 20px;

  }



  .row.column-reverse {

    display: flex;

    flex-direction: column-reverse;

  }



  .indicatorSlider-gym div,

  .indicatorSlider-pool div,

  .indicatorSlider-meeting div,

  .indicatorSlider-ktv div {

    display: flex;

    position: relative;

    width: 100%;

  }



  .indicatorSlider-gym,

  .indicatorSlider-pool,

  .indicatorSlider-meeting,

  .indicatorSlider-ktv {

    margin: 0 auto;

  }



  .fac-gym.fac-karaoke .news.headline {

    margin: 40px auto;

    text-align: left;

  }



  .facilities-section .offersPad {

    padding-bottom: 0px;

  }



  .fac-gym .addPad {

    padding: 0;

    padding-bottom: 40px;

  }



  .facilities-section {

    background-color: #F5F5F5;

  }



  .fac-ktv .addPad {

    padding: 0;

    padding-right: 15px;

    padding-left: 15px;

  }



  #carouselIndi-gym .carousel-item img.slide-img,

  #carouselIndi-pool .carousel-item img.slide-img,

  #carouselIndi-karaoke .carousel-item img.slide-img,

  #carouselIndi-meeting .carousel-item img.slide-img,

  #carouselIndi-ktv .carousel-item img.slide-img {

    height: 330px;

    object-position: 50% 100%;

  }



  .pool-gutter,

  .gym-gutter,

  .meeting-gutter {

    padding-left: 15px;

    padding-right: 15px;

    padding-bottom: 10px;

  }



  .section-facilities .section-titles p {

    max-width: 85%;

  }



  .fixed-nav {

    z-index: 1;

    position: fixed;

    bottom: 0 !important;

    width: 100%;

  }



  .offers-section .post-offer-text .ribbon img {

    z-index: 0;

  }



  .carousel-caption .content h2 {

    font-size: 4.2rem;

    line-height: 45px;

    margin-top: 50px;

    text-align: left;

  }



  .section1 .carousel-indicators {

    top: 530px;

    justify-content: left;

    margin-left: 7%;

  }



  .carousel-caption .content .subtitle{

    font-size: 20px;

    line-height: 40px;

    width: 100%;

    /* margin: auto; */

  }



  .carousel-caption .content {

    text-align: left;

  }



  .top_banner {

    height: 340px;

  }



  .float_right.menu-stripTab {

    display: none;

  }



  .navbar-dark .navbar-toggler {

    display: block;

    background-color: #D00000;

    border-radius: 50%;

    height: 50px;

    width: 50px;

    z-index: 999;

    /* border: 1px solid #fff; */

    box-shadow: 10px 9px 16px -4px rgba(0,0,0,0.51);

    /* margin: 0; */

  }



  .logo .logo-desk {

    display: none;

  }



  .star-mob-logo {

    display: block;

  }



  .logo-mob {

    position: absolute;

    padding-top: 20px;

    width: 20%;

  }



  .main-nav .float_right {

    float: left;

    box-shadow: 10px 9px 16px -4px rgba(0,0,0,0.51);

    margin-top: 8px;

  }



  .logo-mob {

    position: absolute;

    padding-top: 20px;

    width: 135px;

  }



  .centerRes {

    float: left !important;

    text-align: -webkit-center;

    width: auto;

    margin: auto;

  }



  .hidden {

    display: block;

  }



  .hidden .navbar {

    padding: 0;

  }



  .navbar-toggler.navTab {

    display: none;

  }



  .main-nav {

    max-width: 320px;

  }

}



@media (max-width: 425px) {



    #story-slider .carousel-caption .headline {

        min-height: 640px;

    }



    .mfp-content img {

        height: 300px;

        width: 280px;

    }





    .company-info a, .company-info p, .company-info .sep {

        font-size: 1.2rem;

    }



  #carouselIndi-gym .carousel-item img.slide-img,

  #carouselIndi-pool .carousel-item img.slide-img,

  #carouselIndi-karaoke .carousel-item img.slide-img,

  #carouselIndi-meeting .carousel-item img.slide-img,

  #carouselIndi-ktv .carousel-item img.slide-img {

    height: 300px;

  }





  .section1 .carousel-indicators {

    top: 450px;

    justify-content: left;

    margin-left: 7%;

  }



  .carousel-caption .content h2 {

    font-size: 3.5rem;

    line-height: 4rem;

    margin-top: 50px;

    text-align: left;

  }





  .logo-mob {

    position: absolut

    padding-top: 20px;

    width: 30%;

  }



  .navbar-collapse .navbar-nav .nav-item {

    margin-bottom: 20px;

    margin-right: 0;

    border-bottom: 1px solid rgba(255, 255, 255, 0.5);

    width: 100%;

    align-self: center;

    padding-bottom: 8px;

  }



  .main-nav {

    max-width: 430px;

  }



}



@media (max-width: 320px) {



    #story-slider .carousel-caption .headline {

        min-height: 770px;

    }



  #story-slider {

    margin-top: -20px;

  }



    .slider.slider-nav img {

        object-position: 50% 70%;

        height: 60px;

    }



    .mfp-content img {

        height: 300px;

        width: 230px;

    }



    li.icon span {

        font-size: 1rem;

    }



    .hr-list li {

        margin-right: 12px;

    }

}



/* Landscape */

@media only screen

and (max-device-width: 667px)

and (orientation: landscape) {



  #random {

    height: 90vh;

  }



  .indicatorSlider-gym div,

  .indicatorSlider-pool div,

  .indicatorSlider-meeting div,

  .indicatorSlider-ktv div{

    display: flex;

    position: relative;

    width: 100%;

  }



  .facilities-section .news.headline {

    margin-top: 40px;

  }



  .indicatorSlider-gym,

  .indicatorSlider-pool,

  .indicatorSlider-meeting,

  .indicatorSlider-ktv {

    margin: 0 auto;

  }



  .indicatorSlider-karaoke .slider-thumb-karaoke > img {

      width: 100%;

      height: auto;

      padding: 2px;

  }



  .indicatorSlider-gym .slider-thumb-gym > img,

  .indicatorSlider-pool .slider-thumb-pool > img,

  .indicatorSlider-karaoke .slider-thumb-karaoke > img,

  .indicatorSlider-meeting .slider-thumb-meeting > img,

  .indicatorSlider-ktv .slider-thumb-ktv > img {

    height: 100px;

  }



  #carouselIndi-gym .carousel-item img.slide-img,

  #carouselIndi-pool .carousel-item img.slide-img,

  #carouselIndi-karaoke .carousel-item img.slide-img,

  #carouselIndi-meeting .carousel-item img.slide-img,

  #carouselIndi-ktv .carousel-item img.slide-img {

    height: 330px;

  }



  .section-facilities .section-titles p {

    max-width: 75%;

  }



  .section-story-suites .carousel-item > img {

      height: 100vh;

  }





  .section-story-suites .news {

    margin: 140px 20px 40px 20px;

  }



  .story-img-second .relative img {

    height: 100vh;

  }



  .suites-section .post-offer-text {

    padding: 0;

  }



  .concierge-info .concierge-link span {

    font-size: 17px;

    font-weight: 600;

  }



  .suite-title h1 {

    font-size: 4rem;

  }

  .carousel-caption .content h2 {

    font-size: 4rem;

  }



  .oSuites .choice .text {

    font-size: 3.5rem;

  }



  .section-header .dash {

    width: 70px;

  }



  .section-header .title {

    font-size: 18px;

  }



  .news-title {

    font-size: 16px;

  }



  .news-border {

    width: 150px;

  }



  .new-headline {

    font-size: 40px;

  }



  .new-headline p {

    line-height: 26px;

  }



  .newsletter-img img {

    width: 133vh;

    height: 110vh;

  }



  .carousel-control-next {

    right: -40px;

  }



  .carousel-control-prev {

    left: -40px;

  }



  .slide-offers .ribbon {

    display: none;

  }

  .newsletter-content {

    margin-left: 20px;

  }

  .newsletter-content h2 {

    font-size: 3rem;

  }



  .newsletter-logo img {

    margin: 0 auto;

  }



  .newsletter-content h2 {

    font-size: 2.5rem;

  }



  .newsletter-content p.submsg {

    margin: 9px 0;

  }



  .newsletter-form .form-control {

    padding: 12px 5px;

  }

  .newsletter-btn {

    padding: 10px 138px;

  }



  .section-suites .col-margins {

    padding: 0 88px;

  }



  .social {

    font-size: 16px;

  }



  #posts-carousel .carousel-indicators {

    top: 470px;

  }

  .fb-share {

    padding-bottom: 0px;

  }

  .fb-share, .twitter-share {

    width: 27%;

  }



  .offers-section .new-headline {

    font-size: 3rem;

    margin-top: 30px;

    margin-bottom: 30px;

    line-height: 49px;

  }



  #carousel2 .slide-offers .offer-wrapper {

    padding: 0 25px;

  }



  .offers-section .news-tiles:not(:first-child) {

    margin-bottom: 0px;

  }



  .offers-section .car-caption {

    padding: 25px;

  }



  .offers-section .offer-wrapper {

    padding-top: 100px;

  }



  #posts-carousel .borderLeft,

  #posts-carousel .borderRight {

    top: 40%;

  }



  .grey-overlay {

    display: none;

  }



}



/* Landscape */

@media only screen

and (max-device-width: 736px)

and (orientation: landscape) {



  #random {

    height: 90vh;

  }



  .section-facilities .section-titles p {

    max-width: 75%;

  }



  .section-story-suites .news {

    margin: 40px 20px 40px 20px;

  }



  .story-img-second .relative img {

      height: 91vh;

  }



    .star-bg-1 img {

        left: 285px;

        bottom: -803px;

    }



    .star-bg-2 img {

        left: -285px;

        top: 1157px;

    }



    #carousel2 {

        padding-left: 46px;

        padding-right: 60px;

        padding-top: 45px;

    }



    .carousel-control-prev {

        left: -30px;

    }



    .carousel-control-next {

        right: -30px;

    }





    .newsletter-img img {

        height: 85vh;

        width: 135vh;

    }



    .newsletter-content h2 {

        font-size: 2.5rem;

    }



    .newsletter-logo img {

        margin: 0 auto;

    }

    .slide-offers .ribbon{

        display: none;

    }



    .social {

        font-size: 16px;

    }



    #posts-carousel .carousel-indicators {

        top: 470px;

    }

    .fb-share {

        padding-bottom: 0px;

    }

    .fb-share, .twitter-share {

        width: 27%;

    }



    .offers-section .new-headline {

        font-size: 3rem;

        margin-top: 30px;

        margin-bottom: 30px;

        line-height: 49px;

    }



    .offer-wrapper {

        padding: 0 15px;

    }



    .offers-section .news-tiles:not(:first-child) {

        margin-bottom: 0px;

    }



    .offers-section .car-caption {

        padding: 25px;

    }





    .offers-section .offer-wrapper {

        padding-top: 90px;

    }



    .grey-overlay {

        display: none;

    }



}



/* Landscape */

@media only screen

and (max-device-width: 812px)

and (orientation: landscape) {



  #random {

    height: 90vh;

  }



  .story-img-second .relative img {

      height: 91vh;

  }



  .section-facilities .section-titles p {

    max-width: 75%;

  }



  .suite-title h1 {

    font-size: 4rem;

  }

  .offers-section .grey_overlay{

    display: none;

  }

  .carousel-caption .content h2 {

    font-size: 5rem;

  }



  .carousel-indicators{

    top: 700px;

  }



  .star-bg-1 img {

    left: 461px;

    bottom: -620px;

    display: none;

  }



  .star-bg-2 img {

    display: none;

  }



  .newsletter-img img {

    height: 45vh;

  }



  .newsletter-content {

    margin-left: 30px;

  }



  .slide-offers .ribbon{

    display: none;

  }



  .social {

    font-size: 16px;

  }



  #posts-carousel .carousel-indicators {

    top: 470px;

  }

  .fb-share {

    padding-bottom: 0px;

  }

  .fb-share, .twitter-share {

    width: 27%;

  }



  #posts-carousel .borderLeft,

  #posts-carousel .borderRight {

    top: 20%;

  }



}



@media only screen

and (min-width: 320px)

and (max-width: 425px) {



  .writeup {

    margin-top: 5rem !important;

    padding-left: 2rem;

    padding-right: 2rem;

  }



  .section-story-suites .cta_button.view_suites {

    margin: 0;

  }



  .cta_button.view_suites {

    text-align: center;

    margin: 0 auto;

  }



  #output {

    top: 0;

    padding: 40px 30px;

    position: relative;

  }



  .enquiry-form .input-group .wpcf7-form-control-wrap {

    margin-bottom: 20px;

  }



  .concierge .map-img #gmap_canvas {

    height: 350px;

  }



  .news-events-posts {

    padding: 60px 20px;

  }



  .offers-section .news.headline {

    margin-bottom: 40px;

  }



  .facPad {

    padding-left: 30px;

    padding-right: 30px;

  }



  .facPad2 {

    padding-left: 15px;

    padding-right: 15px;

  }



  .fac-list .item h1 {

    margin-bottom: 3px;

  }



  .fac-list .item .last, .fac-list .item .last-gym {

    padding-top: 0px;

  }



  .fac-list .item br {

    display: none;

  }



  .fac-list .item span {

    font-size: 2.5rem;

    line-height: 3rem;

  }



  .facilities-section .headlines br {

    display: none;

  }



  .headlines {

    font-size: 3.5rem;

    line-height: 4rem;

  }



  .sectionTitles br {

    display: none;

  }



  .sectionTitles {

    font-size: 3.5rem;

    line-height: 4rem;

  }



  .section-story-suites .news {

    margin: 40px 30px 40px 30px;

  }



  .section-story-suites .headlines {

    font-size: 3.5rem;

    line-height: 4rem;

  }



  .story-section .headlines {

    font-size: 3.5rem;

    line-height: 4rem;

  }



  .section .headlines {

    font-size: 3.5rem;

    line-height: 4rem;

  }



  .story-section .news.headline {

    bottom: 0;

    right: 0;

    padding-left: 30px;

    padding-right: 30px;

    padding-top: 40px;

    padding-bottom: 40px;

    max-width: 100%;

  }



  .offers .car-caption {

    padding: 20px !important;

  }



  .suite-features .hr-list {

    width: 100%;

  }



  .suite-parent {

    margin-top: 5px;

  }



  .right-pp {

    display: none;

  }



  .topPad {

    padding-top: 0px;

  }



  .offer-img-first img {

    height: 330px;

  }



  .past-event {

    padding: 30px;

  }



  .top_banner {

    height: 340px;

  }



  .fac-gym.fac-karaoke .news.headline {

    margin: 40px auto;

    text-align: left;

  }



  .carousel.fac-sports .carousel-item img.hello-img {

    height: 200px;

  }



  .gutters {

    padding: 0px;

  }



  .fb-share, .twitter-share {

    width: 40%;

  }



  #random {

    height: 550px;

  }



  .wpcf7-form-control-wrap {

    height: auto;

  }



  .newsletter-form .form-control, .newsletter-btn {

    height: 52px;

    text-align: center;

  }



  .star-stn-1 .bg-left {

    flex-direction: row;

    flex-wrap: wrap;

    display: flex;

    height: 36vh;

    width: 100%;

  }



  .star-stn-1 .bg-right {

    display: none;

  }



  .row.column-reverse {

    display: flex;

    flex-direction: column-reverse;

  }



  .section-story-suites.fac-sports .news,

  .section-story-suites.fac-sports.fac-hall.fac-cafe .news {

    margin: 45px auto;

  }



  .fac-gym .offersPad,

  .fac-gym.fac-pool.fac-karaoke .offersPad {

    padding-top: 0px;

  }



  .fac-list .item:not(:first-child) {

    margin-top: 15px;

  }



  .fslider .slider-wrap .slide .ribbon img {

    padding: 10px;

  }



  .main-ribbon img {

    margin: 10px;

  }



  .carousel.fac-sports .carousel-item .ribbon img,

  .carousel.fac-hall .carousel-item .ribbon img,

  .carousel.fac-cafe .carousel-item .ribbon img {

    margin: 10px;

  }





  .pool-gutter,

  .gym-gutter,

  .meeting-gutter {

    padding-left: 15px;

    padding-right: 15px;

    padding-bottom: 10px;

  }



  .indicatorSlider-gym .slider-thumb-gym > img,

  .indicatorSlider-pool .slider-thumb-pool > img,

  .indicatorSlider-karaoke .slider-thumb-karaoke > img,

  .indicatorSlider-meeting .slider-thumb-meeting > img,

  .indicatorSlider-ktv .slider-thumb-ktv > img {

    padding: 2px;

  }



  .indicatorSlider-gym div,

  .indicatorSlider-pool div,

  .indicatorSlider-meeting div,

  .indicatorSlider-ktv div {

    display: flex;

    position: relative;

    width: 100%;

  }



  .facilities-section .news.headline {

    margin-top: 40px;

  }



  .indicatorSlider-gym,

  .indicatorSlider-pool,

  .indicatorSlider-meeting,

  .indicatorSlider-ktv {

    margin: 0 auto;

    position: relative;

  }



  .indicatorSlider-karaoke .slider-thumb-karaoke > img {

    width: 100%;

    height: auto;

    padding: 2px;

  }



  .indicatorSlider-gym .slider-thumb-gym > img,

  .indicatorSlider-pool .slider-thumb-pool > img,

  .indicatorSlider-meeting .slider-thumb-meeting > img,ktv

  .indicatorSlider-ktv .slider-thumb-ktv > img {

    height: 100px;

  }



  .indicatorSlider-karaoke .slider-thumb-karaoke > img {

    height: 90px;

  }





  #carouselIndi-gym .carousel-item img.slide-img,

  #carouselIndi-pool .carousel-item img.slide-img,

  #carouselIndi-karaoke .carousel-item img.slide-img,

  #carouselIndi-meeting .carousel-item img.slide-img,

  #carouselIndi-ktv .carousel-item img.slide-img {

    height: 200px;

    object-position: 50% 100%;

  }



  .section-story-suites.fac-sports .news {

    padding-left: 15px;

    padding-right: 15px;

  }



  .story-img-second .relative > img {

    display: none;

  }



  .section-story-suites .carousel-item > img {

    max-height: 100px;

  }



  .section-facilities .section-titles p {

    max-width: 75%;

  }



  .section-facilities .sectionTitles {

    text-align: left;

  }



  .section-facilities .section-titles p {

    max-width: 100%;

    text-align: left;

    margin-bottom: 30px;

  }



  .cta_button.more_facilities {

    margin-top: 30px;

    margin: auto;

  }



  .more_facilities {

    text-align: left;

  }



  .section-facilities .fac-img.no-gutters {

    padding-left: 0px;

    padding-right: 0px;

  }





  .section-story-suites .carousel-indicators {

    display: none;

  }



  .suites-section .bar {

    margin-top: 20px;

    margin-bottom: 20px;

  }



  .suites-section .post-offer-text {

    padding: 0;

  }



  .concierge-info .concierge-link img {

    width: 16px;

  }



  .concierge .map-img img {

    border: 4px solid #fff;

  }



  .concierge-info {

    margin-top: 30px;

    margin-bottom: 30px;

  }



  .concierge-info .concierge-link br {

    display: none;

  }



  .section-enquiry {

    padding: 40px 30px;



  }



  .form-sub p {

    margin-bottom: 50px;

  }



  .offers-section .post-offer-text .car-caption .title {

    margin-top: 0px;

  }



  .suite-title h1 {

    font-size: 3.5rem;

  }



  .mobShow{

    display: block;

  }

  .logo{

    position: absolute;

    top: 20px;

    left: 20px;

  }

  .main-nav{

    padding: 20px;

  }

  .navbar-dark .navbar-nav{

    width: 100%;

  }



  .thenav .navbar {

    padding: 0;

  }



  .logo img{

    width: 60px;

  }

  .carousel-caption .content{

    padding: 10px;

  }

  .carousel-item > img {

    min-height: 240px;

    max-height: 500px;

    width: 100%;

    object-fit: cover;

    object-position: 100% 100%;

  }



  .section-news .carousel-item > img {

    min-height: 200px;

    max-height: 250px;

    width: 100%;

    object-fit: cover;

    object-position: 100% 100%;

  }



  .posts-content .entry-title {

    font-size: 3.5rem;

    line-height: 4rem;

  }





  .carousel-caption .content .subtitle{

    font-size: 15px;

    line-height: 24px;

  }

  .carousel-caption .content .seemore .hr-knob{

    display: none;

  }

  .carousel-caption .content .seemore .dashed-text{

    font-size: 1.6rem;

    line-height: 2.1rem;

    border: 1px solid #FFF;

    padding: 10px 21px;

    min-width: auto;

  }



  .carousel-indicators {

    top: 450px;

  }



  .section-header .title {

    font-size: 12px;

  }



  .section-header .dash {

    width: 51px;

  }



  .star-bg-1 img {

    display: none;

  }



  .star-bg-2 img {

    display: none;

  }



  #slider {

    position: relative;

    margin: 0;

    top: 0;

    left: 0;

    right: 0;



  }



  #slider .col-side {

    width: 100%;

  }



  #slider-more-text {

    display: none;

  }



  #slider-text h6 {

    text-align: center;

  }

  .slider-more {

    text-align: center;

  }



  .bottom-text br {

    display: none;

  }



  #carousel2 {

    padding: 0 !important;

    margin-top: 50px;

  }



  .section3 img {

    display: block !important;

    width: 720px;

    height: 360px;

    margin: 0 auto;

    object-fit: cover;

    object-position: 500% 90%;

  }



  .col-xl-8 offer-img {

    padding: 0;

  }



  .new-headline {

    font-size: 35px;

    margin: 0 auto;

  }



  #car2 {

    margin: 0 auto;

  }



  .carousel-control-next {

    right: -30px;

    z-index: 0;

  }



  .carousel-control-prev {

    left: -30px;

    z-index: 0;

  }



  .section-titles p{

    max-width: 100%;

    font-size: 16px;

  }



  .cta_button button {

    border: none;

    padding: 6px 31px;

    font-weight: 700;

    font-size: 13px;

  }



  .more_offers {

    margin: 25px 0;

  }

  .car-caption{

    padding: 40px;

  }

  .slide-offers .ribbon{

    display: none;

  }

  .slide-offers .frame{

    margin: 9px;

  }

  .car-caption .title {

    font-size: 2.4rem;

    line-height: 30px;

    padding-right: 0;

    margin-bottom: 20px;

  }

  .slide-offers .offer-img{

    overflow: hidden;

  }

  .car-caption p{

    line-height: 26px;

  }

  .car-caption .seemore{

    margin-top: 30px;

    margin-bottom: 0px;

  }



  #container {

    display: none;

  }

  .section2 {

    padding-top: 0;

  }

  .suites-title {

    font-size: 13px;

    padding-top: 0px;

  }

  .suites-border {

    width: 40px;

    height: 1px;

    margin: 5px auto;

  }

  .section2 p {

    padding: 0px;

  }

  .suites-img img {

    height: auto;

    display: block;

    margin: 0 auto;

    width: 100%;

    max-width: 100%;

    padding: 0px;

  }

  .offers-title {

    font-size: 13px;

    padding-top: 30px;

  }

  .offers-border {

    width: 40px;

    height: 1px;

    margin: 5px auto;

  }



  .offer-img-wrap {

    overflow: hidden;

    margin: 0 auto;

  }

  .section4{

    height: auto;

    padding-bottom: 60px;

  }

  .section6 img {

    display: none;

  }



  .news-title {

    font-size: 16px;

    letter-spacing: 2px;

  }



  .news-content {

    position: absolute;

    z-index: 9999;

    padding: 20px;

    width: 40%;

    left: 14%;

    top: 45%;

  }



  .news-content h2 {

    font-size: 18px;

    font-family: "Times New Roman", Times, serif;

    color: #001776;

  }

  .news-row {

    background-color: #D10404;

    padding: 200px;

  }

  .news-row h1 {

    position: absolute;

    padding-top: 40px;

    font-size: 18px;

    font-family: "Times New Roman", Times, serif;

    color: #fff;

    left: 280px;

  }

  .news-row p {

    position: absolute;

    padding-top: 60px;

    font-size: 12px;

    color: #fff;

    left: 280px;

  }

  .news-img img {

    display: none;

  }

  .news-logo img{

    z-index: 9;

    width: 105px;

    display: block;

    padding: 10px;

    position: absolute;

    left: 130px;

  }

  .news-button {

    padding-bottom: 24px;

  }



  .oSuites .choice .text {

    font-size: 2.5rem;

  }



  .cta_button.view_events button {

    color: #fff;

    background-color: #BA36BF;

    padding: 6px 31px;

  }



  .section2 h1 {

    font-size: 3.5rem;

    line-height: 4rem;

  }



  .section2 p {

    font-size: 16px;

  }



  .section-offers h1 {

    font-size: 3.5rem;

    line-height: 4rem;

  }



  .newsletter-img{

    display: block;

    margin: 0 auto;

  }

  .newsletter-img img {

    width: 100%;

    height: 55vh;

    object-fit: cover;

  }

  .newsletter-img .abs.white-frost{

    background: rgba(255,255,255,0.8);

  }



  .newsletter-border {

    display: none;

  }



  .newsletter-content {

    margin-left: 0px;

    width: 80%;

    margin: 0 auto;

  }



  .newsletter-bg img {

    height: 500px;

  }



  .newsletter-content h2 {

    font-size: 3.5rem;

    line-height: 4rem;

  }

  .newsletter-content p.submsg {

    margin: 20px 0;

  }

  .newsletter-content p.submsg br{

    display: none;

  }



  .newsletter-form .input-group p{

    display: none;

  }

  .newsletter-form .input-group .input-group-append{

    position: relative;

  }

  .newsletter-form .input-group .input-group-append .ajax-loader{

    position: absolute;

    right: 11px;

    top: 14px;

    z-index: 2;

  }

  .newsletter-form .input-group .input-group-append,

  .newsletter-form .input-group .input-group-append .newsletter-btn{

    width: 100%;

    z-index: 0;

  }



  .star-contact-wrap {

    text-align: center;

  }

  .newsletter-logo img {

    margin: 20px auto;

  }

  .contact-info p{

    margin-bottom: 30px;

  }



  .contact-info br {

    display: block;

  }



  .contact-info-more div {

    padding-top: 10px;

  }



  .social {

    padding: 0px;

  }



  .section4 .news-tiles {

    padding: 0px 15px;

  }

  .section4 .news-tiles{

    margin-top: 35px;

  }



  .social div > img {

    width: 8%;

  }



  .section-suites .col-margins{

    padding: 0;

  }

  .section-suites{

    padding-top: 30px;

  }

  .section-offers{

    padding-top: 60px;

    padding-bottom: 40px;

  }



  .section4 .headlines {

    font-size: 3.5rem;

    line-height: 4rem;

  }



  .news-posts {

    padding: 30px;

  }



  .social{

    padding-left: 0;

    text-align: center;

    font-size: 16px;

    line-height: 22px;

  }

  .contact-info-more table td{

    display: block;

    width: 100%;

    text-align: center;

    margin-bottom: 20px;

  }

  .contact-info-more table td.last{

    margin-bottom: 0;

  }



  .company-info {
      font-size: 14px;
      padding-bottom: 20px;
  }


  .social {

    font-size: 16px;

  }



  .news-archive .section-header {

    display: none;

  }



  .grid-sizer,

  .grid-item {

    width: 100%;

  }



  .grid-item{

    margin-bottom: 30px;

    margin-left: auto;

    margin-right: auto;

  }



  .back-to-news-button {

    margin: 40px 20px 0px;

  }



  .back-to-news-button {

    margin: 40px 0px;

  }



  #posts-carousel .carousel-indicators {

    top: 470px;

    z-index: 0;

  }



  .offers-section .new-headline {

    font-size: 3rem;

    margin-top: 30px;

    margin-bottom: 30px;

    line-height: 49px;

  }



  .offers-section .offer-wrapper {

    padding: 0 15px;

  }



  .offers-section .news-tiles:not(:first-child) {

    margin-bottom: 30px;

  }



  .offers-section .car-caption {

    padding: 40px 30px !important;

  }



  #posts-carousel .borderLeft,

  #posts-carousel .borderRight {

    top: 40%;

  }



  .offers-section .grey_overlay {

    display: none;

  }



  .hr-list{

    justify-content: initial;

  }



  #posts-carousel .borderLeft,

  #posts-carousel .borderRight {

    top: 20%;

  }



  .suite-amenities {

    margin: 2rem;

    margin-top: 10px;

    margin-bottom: 30px;

    width: 100%;

  }



  .red-label {

    margin-left: 37px;

  }





}



@media only screen

and (min-device-width: 425px)

and (max-device-width: 425px) {



  .suites-section .post-offer-text {

    padding: 0;

  }



  .logo img {

    width: 60px;

  }



  .carousel-caption .content h2 {

    margin-top: 60px;

  }



  .carousel-caption .content .subtitle {

    font-size: 16px;

    line-height: 30px;

  }



  .carousel-item > img {

    height: 590px;

  }



  .section2 {

    padding-top: 0px;

  }



  .section-titles p {

    max-width: 80%;

  }



  .section-offers .star-bg-1 {

    display: none;

  }



  .slide-offers .ribbon {

    padding-right: 0px;

  }



  .car-caption {

    padding: 0px 20px 0px 40px;

  }



  .newsletter-content p.submsg {

    margin: 15px 0;

  }



  .newsletter-form .form-control, .newsletter-btn {

    height: 52px;

  }

  .newsletter-form .input-group .input-group-append, .newsletter-form .input-group .input-group-append .newsletter-btn {

    width: 100%;

  }



  div.wpcf7-response-output {

    margin: 2em 0.5em 1em;

    padding: 0.2em 1em;

    border: 2px solid #ff0000;

  }



  .newsletter-form .form-control {

    font-size: 1.6rem;

    padding: 22px 11px;

  }



  .newsletter-img .abs.white-frost {

    background: rgba(255,255,255,0.8);

  }



  .newsletter-footer .contact-wrap {

    flex-direction: column;

    align-items: center;

  }



  .contact-details {

    margin-left: 0;

    margin-bottom: 30px;

  }

  .contact-info, .contact-info-more {

    text-align: center;

  }



  .contact-info-more table td {

    display: block;

    width: 100%;

    text-align: center;

    margin-bottom: 20px;

  }



  .social {

    padding-left: 0;

    text-align: center;

    font-size: 16px;

    line-height: 22px;

  }



  .contact-info br {

    display: block;

  }



}



@media (min-width: 600px){



  .indicatorSlider-gym .slider-thumb-gym > img,

  .indicatorSlider-pool .slider-thumb-pool > img,

  .indicatorSlider-karaoke .slider-thumb-karaoke > img,

  .indicatorSlider-meeting .slider-thumb-meeting > img,

  .indicatorSlider-ktv .slider-thumb-ktv > img {

    height: 120px;

  }





  .section-story-suites .cta_button.view_suites {

    margin: 0;

  }



  .cta_button.view_suites {

    text-align: center;

    margin: 0 auto;

  }



  .output-wrapper {

    text-align: center;

    margin: -170px auto;

    position: relative;

  }



  .navbar-dark .navbar-toggler {

    position: fixed;

    margin: 0 auto;

    left: 0;

    right: 0;

    margin-top: 20px;

  }



  .fixed-nav {

    z-index: 1;

    position: absolute;

    bottom: 0 !important;

    width: 100%;

  }



  .hidden {

    display: none;

    border: none;

  }



  .float_right.menu-stripTab {

    width: 35%;

    margin: auto;

    text-align: center;

    margin-top: 30px;

    box-shadow: 10px 9px 16px -4px rgba(0,0,0,0.51);

  }



  .thenav {

    margin-right: 100px;

  }



  .fixed-nav {

    z-index: 1;

    position: absolute;

    top: 0;

    width: 100%;

  }



  .main-nav {

    max-width: 320px;

  }



  .logo .logo-desk {

    display: block;

  }



  .star-mob-logo {

    display: none;

  }



  .main-nav .float_right {

    float: right;

    box-shadow: 10px 9px 16px -4px rgba(0,0,0,0.51);

    margin-top: 8px;

    position: fixed;

    right: 0;

    margin-right: 20px;

  }



}



@media (min-width: 601px) {



    .modal-dialog {

        max-width: 1120px;

        margin: 1.75rem auto;

    }



    .img-desk {

        display: block;

    }



    .img-mob {

        display: none;

    }

}



@media (min-width: 768px){







  .navbar-dark .navbar-toggler {

    position: fixed;

    margin: 0 auto;

    left: 0;

    right: 0;

    margin-top: 20px;

  }



  .carousel-caption .content .subtitle{

    font-size: 1.6rem;

    line-height: 2.8rem;

    width: 70%;

    margin: auto;

  }



  .navbar-nav .nav-item {

    margin-right: 20px;

  }



  #fac img {

    height: 250px;

  }



  .concierge .map-img #gmap_canvas {

      height: 560px;

  }



  .fac-list .item .last-gym {

    padding-left: 0px;

  }



  .section-story-suites .news {

    margin: 80px;

  }





  .navbar-dark .navbar-nav {

    width: 800px;

  }



  .offers-section .new-headline {

    font-size: 4rem;

    margin-top: 0;

  }



  #posts-carousel .borderLeft,

  #posts-carousel .borderRight {

    top: 14%;

  }

}



@media (min-width: 1024px) {







  #carouselIndi-gym .carousel-item img.slide-img,

  #carouselIndi-pool .carousel-item img.slide-img,

  #carouselIndi-karaoke .carousel-item img.slide-img,

  #carouselIndi-meeting .carousel-item img.slide-img,

  #carouselIndi-ktv .carousel-item img.slide-img {

    height: 560px;

  }



  .section-story-suites .carousel-item > img {

    height: 640px;

  }



  .section-story-suites .carousel-indicators {

    top: 570px;

  }



  .section-story-suites.indi .carousel-indicators {

    top: 420px;

  }





  .grid-sizer, .grid-item {

    width: 48%;

  }



  .col-md-6-1024 {

    -ms-flex: 0 0 50%;

    flex: 0 0 50%;

    max-width: 50%;

  }

}



@media (min-width: 1025px) {

    .slider.slider-nav img {

        width: 100%;

    }

}



/* Portrait */

@media only screen

and (min-device-width: 767px)

and (max-device-width: 768px)

and (orientation: portrait) {



  .section-story-suites .carousel-indicators {

    display: none;

  }



  .section-story-suites.indi .carousel-indicators {

    top: 310px;

  }



  #show-on-tab {

    display: block;

  }



  #hide-on-tab {

    display: none;

  }



  .section4.on-tab .news-tiles:not(:nth-child(2)) {

    margin-top: 0px;

  }



  .show-ktv-Tab {

    display: block;

  }



  .fac-ktv {

    display: none;

  }



  .facilities-section {

    background-color: #F5F5F5;

  }



  .star-stn-img .star-stn {

    display: none;

  }



  .star-stn-tab {

    display: block;

  }



  .fac-meeting {

    margin-bottom: 40px;

  }



  .fac-gym.fac-karaoke .news.headline {

    margin-top: 40px;

  }



  .section-story-suites.fac-sports .news.headline {

      max-width: 100%;

  }

  .section-story-suites.fac-sports .news {

    margin: 30px;

  }



  .carousel.fac-sports .carousel-item img.hello-img {

    height: 360px;

  }



  .gym-gutter {

    padding-left: 0px;

  }



  .addPad {

    padding: 0px;

  }



  .fac-gym {

    margin-bottom: 40px;

  }



  #carouselIndi-gym .carousel-item img.slide-img,

  #carouselIndi-karaoke .carousel-item img.slide-img,

  #carouselIndi-meeting .carousel-item img.slide-img,

  #carouselIndi-ktv .carousel-item img.slide-img {

    height: 360px;

  }



  #carouselIndi-pool .carousel-item img.slide-img {

      height: 480px;

  }



  .indicatorSlider-gym,

  .indicatorSlider-pool,

  .indicatorSlider-ktv {

    margin: 0px auto;

  }



  .section-story-suites .news {

    margin: 40px;

  }



  .fixed-nav {

    position: absolute;

    right: 0;

    left: 0;

    border-radius: 0;

    top: 0;

  }



  .carousel-caption .content h2 {

    font-size: 5rem;

  }



  .story-img-second .relative > img {

    display: none;

  }



  .section-facilities .section-titles p {

    max-width: 65%;

  }



  .concierge-info {

    margin-bottom: 40px;

  }

  .tabHide{display: none;}

  .ipadShow{display: block;}

  .section-header .past-event-title{

    margin-top: 0;

    text-align: left;

    font-size: 12px;

    letter-spacing: 2px;

    color: #BA36BF;

    margin-bottom: 0;

  }

  .ipad.space{

    padding: 50px 0;

  }

  .carousel-indicators {

    top: 600px;

  }



  .carousel-control-prev {

    left: -30px;

  }



  .carousel-control-next {

    right: -30px;

  }



  .car-title {

    color: #000;

    font-family: "Playfair Display";

    padding: 4px;

    font-weight: bold;

  }



  #car2 {

    background-color: #fff;

    padding: 44px;

    position: inherit;

  }



  .section-offers .star-bg-1{

    left: -31%;

  }

  .section-titles p{

    max-width: 100%;

  }



  .car-caption .title{

    font-size: 2.6rem;

    line-height: 3.5rem;

    padding-right: 30px;

    margin-bottom: 20px;

  }

  .car-caption .seemore{

    margin-top: 30px;

  }

  .car-caption p {

    line-height: 24px;

  }

  .slide-offers .ribbon{

    padding-right: 0;

    position: relative;

  }

  .slide-offers .ribbon img{

    position: absolute;

    right: 0;

    top: 0;

    z-index: 1;

    width: 60px;

  }

  .car-caption{

    padding: 20px;

    padding-right: 40px;

  }



  .section4{

    height: auto;

    padding-bottom: 6vh;

  }

  .section4 .headline{

    margin-bottom: 30px;

  }

  .section4 .news-tiles:not(:nth-child(2)){

    margin-top: 45px;

  }



  .newsletter-bg img {

    height: 30vh;

  }

  .newsletter-img img{

    height: 40vh;

  }

  .newsletter-content h2{

    font-size: 4rem;

    margin-top: 30px;

    line-height: 4.5rem;

  }

  .newsletter-content{

    margin-left: 50px;

  }

  .newsletter-logo img{

    margin: 0 auto;

  }



  .social div{

    /* display: inline-block; */

    text-align: center;

    font-size: 16px;

    line-height: 22px;

  }

  .social span{

    padding-left: 0

  }





  #posts-carousel .carousel-indicators {

    top: 340px;

    z-index: 0;

  }

  .fb-share, .twitter-share {

    width: 35%;

  }



  .fb-share {

    padding-bottom: 0px;

  }



  .navbar-dark .navbar-toggler-icon {

    width: 3.5em;

    height: 3.5em;

  }



  .suite-amenities ul li {

    min-width: 230px;

  }

}



/* Landscape */

@media only screen

and (min-width: 768px)

and (max-width: 1024px)

and (orientation: landscape) {



  .section-story-suites.indi .carousel-indicators {

    top: 310px;

  }



  #show-on-tab {

    display: block;

  }



  #hide-on-tab {

    display: none;

  }



  .show-ktv-Tab {

    display: block;

  }



  .fac-ktv {

    display: none;

  }





  .facilities-section {

    background-color: #F5F5F5;

  }





  .star-stn-img .star-stn {

    display: none;

  }



  .star-stn-tab {

    display: block;

  }



  .fac-gym.fac-karaoke .news.headline {

      margin-top: 40px;

  }



  .car-control .carousel-control-prev {

    left: -10px;

  }



  .car-control .carousel-control-next {

    right: -10px;

  }



  .section-story-suites.fac-sports .news.headline {

      max-width: 100%;

  }

  .section-story-suites.fac-sports .news {

    margin: 50px;

  }



  .carousel.fac-sports .carousel-item img.hello-img {

    height: 360px;

  }



  .gym-gutter {

    padding-left: 0px;

  }



  .addPad {

    padding: 0 0 80px;

  }



  #carouselIndi-gym .carousel-item img.slide-img,

  #carouselIndi-karaoke .carousel-item img.slide-img,

  #carouselIndi-meeting .carousel-item img.slide-img,

  #carouselIndi-ktv .carousel-item img.slide-img {

    height: 360px;

  }



 #carouselIndi-pool .carousel-item img.slide-img {

     height: 480px;

 }



  .indicatorSlider-gym,

  .indicatorSlider-pool,

  .indicatorSlider-ktv {

    margin: 0px auto;

  }



  .main-nav .menu-strip{

    display: block;

    z-index: 99;

  }



  .main-nav .float_right {

    float: right;

    box-shadow: 10px 9px 16px -4px rgba(0,0,0,0.51);

    margin-top: 8px;

  }



  .nav-btn {

    padding: 9px 15px;

  }



  .section-story-suites .news {

    margin: 60px 20px 40px 20px;

  }





  .story-img-second .relative img {

    height: 120vh;

  }



  .suites-section .post-offer-text {

    padding: 0;

  }



  .tabHide{display: none;}

  .ipadShow,.ippro{display: block;}

  .carousel-control-prev {

    left: -70px;

  }



  .carousel-control-next {

    right: -70px;

  }



  #carousel2 {

    padding: 60px;

  }



  .section-offers .slide-offers .offer-img img {

    width: 100%;

    height: auto;

    margin: 0 auto;

  }



  .section4 .news-tiles:not(:nth-child(1)){

    margin-top: 45px;

  }



  .navbar-nav{

    background: transparent;

  }

  .navbar-nav .nav-link{

    color: #fff;

    border-bottom: none;

  }



  .newsletter-logo img {

    margin: 20px auto;

  }

  .social div {

    display: block;

  }



  .grid-sizer,

  .grid-item {

    width: 330px;

  }



  .section-header .past-event-title{

    margin-top: 0;

  }

  .ipad.space{

    padding: 50px 0;

  }

  #posts-carousel .carousel-indicators {

    top: 440px;

  }

  .fb-share {

    padding-bottom: 0px;

  }

  .fb-share, .twitter-share {

    width: 20%;

  }



  .company-info .sep {

    display: inline-block;

  }



  .company-info .credits {

    padding-top: 10px;

    display: inline-block;

  }



  .slide-offers .ribbon {

    text-align: right;

    padding-right: 10px;

    margin-top: -15px;

  }



  .navbar-dark .navbar-toggler-icon {

    width: 3.5em;

    height: 3.5em;

  }



}



@media only screen

and (min-device-width: 1024px)

and (max-device-width: 1024px)

and (orientation: portrait) {



  #show-on-tab {

    display: block;

  }



  #hide-on-tab {

    display: none;

  }



  .show-ktv-Tab {

    display: block;

  }



  .fac-ktv {

    display: none;

  }





  .addPad {

    padding: 0 0 80px;

  }



  .star-stn-img .star-stn {

    display: none;

  }



  .star-stn-tab {

    display: block;

  }



  .fac-meeting {

    margin-bottom: 40px;

  }



  .fac-gym.fac-karaoke .news.headline {

    margin-top: 40px;

  }



  .section-story-suites.fac-sports .news.headline {

      max-width: 100%;

  }

  .section-story-suites.fac-sports .news {

    margin: 30px;

  }



  .carousel.fac-sports .carousel-item img.hello-img {

    height: 360px;

  }



  .gym-gutter {

    padding-left: 0px;

  }



  .addPad {

    padding: 0 0 80px;

  }



  .fac-meeting .addPad {

    padding: 0px;

  }



  #carouselIndi-gym .carousel-item img.slide-img,

  #carouselIndi-pool .carousel-item img.slide-img,

  #carouselIndi-karaoke .carousel-item img.slide-img,

   #carouselIndi-meeting .carousel-item img.slide-img,

   #carouselIndi-ktv .carousel-item img.slide-img {

    height: 360px;

  }



  .indicatorSlider-gym,

  .indicatorSlider-pool,

  .indicatorSlider-ktv {

    margin: 0px auto;

  }



  .section-story-suites .news {

    margin: 40px;

  }



  .facilities-section {

    background-color: #F5F5F5;

  }



  .fixed-nav {

    position: absolute;

    right: 0;

    left: 0;

    border-radius: 0;

    top: 0;

  }

}



@media only screen

and (min-device-width: 1024px)

and (max-device-width: 1024px){







  .main-nav {

    max-width: 340px;

  }



  .concierge .map-img #gmap_canvas {

    height: 600px;

  }



  .newsletter-bg img {

    height: 30vh;

  }



  .star-stn-1 .bg-left {

    flex-direction: row;

    flex-wrap: wrap;

    display: flex;

    height: 20vh;

    width: 100%;

  }





  .section-facilities .section-titles p {

    max-width: 65%;

  }



  .section-story-suites .news {

    margin-bottom: 110px;

  }



  .section-story-suites .news {

    margin: 40px;

  }



  .section-story-suites .carousel-item > img {

    height: 540px;

  }



  .section-story-suites .carousel-indicators {

    top: 600px;

  }



  .story-img-second .relative img {

    display: none;

  }



  .suites-section .post-offer-text {

    padding: 0;

  }



  .concierge-info .concierge-link span {

    font-size: 17px;

  }

  .news-archive.concierge .headlinesTitle {

    margin-top: 4vh;

    font-weight: 700;

  }



  .tabHide{display: none;}

  .ipadShow,.ippro{display: block;}

  .section-header .past-event-title{

    margin-top: 0;

    text-align: left;

    font-size: 12px;

    letter-spacing: 2px;

    color: #BA36BF;

    margin-bottom: 0;

  }

  .ipad.space{

    padding: 50px 0;

  }



  .grid-sizer,

  .grid-item {

    width: 330px;

  }



  .navbar-collapse {

    justify-content: center;

    background-color: #D00000;

    padding: 30px;

  }



  .navbar-nav .nav-item{

    margin-bottom: 20px;

    margin-right: 20px;

  }

  .navbar-nav .nav-item:last-child{

    margin-right: 0;

  }

  .navbar-nav .nav-link{

    color: #fff;

  }

  .switch_lang.active{

    color: #fff;

  }





  #posts-carousel .carousel-indicators {

    top: 430px;

  }



  .news-archive .concierge {

    margin-top: 0;

  }



  .newsletter-bg img{

    height: 36vh;

  }



  .section1 .carousel-indicators {

    top: 580px;

  }

  .carousel-indicators{

    top: 750px;

  }



  .section4 .news-tiles:not(:nth-child(1)){

    margin-top: 45px;

  }



  .carousel-control-prev {

    left: -90px;

  }



  .carousel-control-next {

    right: -90px;

  }



  #carousel2 {

    padding: 60px;

  }





  #posts-carousel .carousel-indicators {

    top: 300px;

  }



  .fb-share, .twitter-share {

    width: 30%;

  }



  .fb-share {

    padding-bottom: 0px;

  }



  .back-to-news-button .hr-knob {

    width: 7%;

  }



  .offersPad {

    max-width: 808px;

  }



  .offers-section .post-offer-text .ribbon {

    position: relative;

  }





  .offers-section .post-offer-text .ribbon img {

    position: relative;

    right: 0;

    top: 0;

    width: 60px;

  }



  .offers-section .offer-img img {

    /* width: 75.5vw;

    height: 52vh; */

    object-fit: cover;

    object-position: 100% 100%;

  }



  .navbar-dark .navbar-toggler-icon {

    width: 3.5em;

    height: 3.5em;

  }

}



@media only screen

and (min-device-width: 1365px)

and (max-device-width: 1366px)

and (orientation: landscape) {





  .fac-list .item {

    margin-top: 20px;

  }



  .offer-img-first img {

    height: 465px;

  }



  .concierge .map-img #gmap_canvas {

    height: 560px;

  }



  .story-img-first .relative img {

    margin-top: 50px;

  }



  .newsletter-bg img {

    max-height: 50vh;

  }



  .car-caption {

    padding: 6px 5px;

  }



  .section-story-suites .carousel-indicators {

    top: 498px;

  }





  .section-story-suites .carousel-indicators {

      top: 548px;

  }



  .section-story-suites .news {

    margin: 54px 70px;

  }



    .tabHide{display: none;}

    .ipadShow,.ippro{display: block;}

    .section-header .past-event-title{

      margin-top: 0;

      text-align: left;

      font-size: 12px;

      letter-spacing: 2px;

      color: #BA36BF;

      margin-bottom: 0;

    }



    .ipad.space{

        padding: 50px 0;

    }

    .col-xl-4.colgfull,

    .col-xl-8.colgfull{

        width: 100%;

        -ms-flex: 100%;

        flex: 100%;

        max-width: 100%;

    }



    .col-xl-12.colg2{

        -ms-flex: 0 0 16.666667%;

        flex: 0 0 16.666667%;

        max-width: 16.666667%;

    }



    .col-xl-12.colg10{

        -ms-flex: 0 0 83.333333%;

        flex: 0 0 83.333333%;

        max-width: 83.333333%;

    }





    .carousel-control-prev {

        left: -90px;

    }



    .carousel-control-next {

        right: -90px;

    }

    .section4 .news-tiles {

        padding: 30px 7px;

    }



    .indicatorInfo{

        display: none;

    }

    .carousel-caption .content{

        text-align: center;

    }

    .carousel-caption .content .subtitle,

    .carousel-caption .content .seemore{

        display: block;

    }

    .carousel-caption .content .subtitle{

        font-size: 20px;

        line-height: 40px;

        width: 70%;

        /* margin: 40px auto 40px; */

    }

    .carousel-caption .content .seemore .dashed-text{

        color: #fff;

        margin: 0 auto 0px;

    }

    .carousel-caption .content .seemore .hr-knob:after{

        background: #fff;

    }



    .social {

        display: inline-block;

    }

    #posts-carousel .carousel-indicators {

        top: 470px;

    }

    .fb-share {

        padding-bottom: 0px;

    }

    .fb-share, .twitter-share {

        width: 25%;

    }

}



@media only screen

and (min-width: 1200px)

and (max-width: 1280px) {



    .suite-features .hr-list {

        padding-left: 0rem;

    }



    .slider.slider-nav img {

        height: 90px;

    }



    .img-gallery .ribbon {

        bottom: 175px;

    }



  .star-stn-1 .bg-left {

    left: -120px;

  }



  .star-stn-1 .bg-left {

    height: 126vh;

  }



  .section-offers .slide-offers .offer-img img {

    height: 360px;

  }



  .story-img-second {

    display: block;

  }



  .story-img-first .relative {

    display: block;

  }



  .story-img-second .relative > img {

    height: 450px;

  }

}



@media only screen

and (min-width: 1200px)

and (max-width: 1600px) {







  .story-img-first .relative img {

    margin-top: 40px;

  }



  .fac-list .item {

    margin-top: 20px;

  }



  .left-pp {

    width: 35%;

  }



  .fac-gym .news.headline {

    margin: 160px auto;

  }



  .fac-pool .news.headline {

    margin: 160px auto;

  }





  .carousel-control-prev {

    left: -113px;

  }



  .carousel-control-next {

    right: -110px;

  }



  .navbar-dark .navbar-nav {

    width: 900px;

    /* width: 400px; */

  }



}



@media only screen

and (min-width: 1200px)

and (max-width: 1440px) {



    .suite-features .hr-list {

        width: 100%;

    }



    .suite-features {

        padding-left: 0rem;

    }



}





@media only screen

and (min-device-width: 1440px)

and (max-device-width: 1440px) {



    .indicatorCol .box p {

        min-height: 170px;

    }



  .fac-gym.fac-pool.fac-meeting .news {

      margin: 80px auto;

  }



  .story-img-first .relative img {

    margin-top: 100px;

  }







  .fac-list .item {

    margin-top: 20px;

  }



  .left-pp {

    width: 35%;

  }



  .car-caption {

    padding: 31px 20px 0px 40px;

  }



}





@media only screen

and (min-width: 1025px)

and (max-width: 1200px) {



  .carousel-indicators {

    top: 720px;

  }



  .star-mob-logo.topPad {

    padding-top: 0px;

  }



  .logo .logo-desk {

    display: block;

  }



  .star-mob-logo {

    display: none;

  }



  .fixed-nav {

    z-index: 1;

    position: absolute;

    top: 0;

    width: 100%;

  }



  .navbar-collapse {

    background-color: #D00000;

    position: fixed;

    width: 100%;

    height: 100%;

    z-index: 1;

  }



  .main-nav .menu-strip{

    display: block;

    z-index: 99;

  }



  .main-nav .float_right {

    float: right;

    box-shadow: 10px 9px 16px -4px rgba(0,0,0,0.51);

    margin-top: 8px;

  }



  .nav-btn {

    padding: 9px 15px;

  }



  .main-nav {

    width: 100%;

  }



  .centerRes {

    float: none !important;

    text-align: -webkit-center;

    margin: auto;

    width: 50%;

  }



  .navbar-header {

    float: none;

  }

  .navbar-left,.navbar-right {

    float: none;

  }

  .navbar-dark .navbar-toggler {

    display: block;

    background-color: #D00000;

    border-radius: 50%;

    height: 50px;

    width: 50px;

    z-index: 999;

    /* border: 1px solid #fff; */

    box-shadow: 10px 9px 16px -4px rgba(0,0,0,0.51);

    /* margin: auto; */

  }





  .navbar-collapse {

    border-top: 1px solid transparent;

    box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);

  }

  .navbar-fixed-top {

    top: 0;

    border-width: 0 0 1px;

  }

  .navbar-expand-xl .navbar-collapse {

    display: none !important;

  }



  .hidden {

    display: none;

    border: none;

  }



  .switch_lang.active {

    color: #fff;

    font-weight: 700;

  }



  .main-nav {

    padding: 20px;

  }



  .navbar-nav {

    background: transparent;

    text-align: -webkit-center;

  }



  .navbar-collapse .navbar-nav .nav-item {

    margin-bottom: 20px;

    margin-right: 0;

    border-bottom: 1px solid rgba(255, 255, 255, 0.5);

    width: 60%;

    align-self: center;

    padding-bottom: 20px;

  }



}





@media only screen

and (min-width: 1025px)

and (max-width: 1280px) {





    .newsletter-logo img {

        display: none;

    }



  .navbar-dark .navbar-nav {

    width: 740px;

  }



  .main-nav {

    max-width: 900px;

  }



  .navbar-toggler {

    display: none;

  }



}



@media only screen

and (min-width: 1281px)

and (max-width: 1380px) {





  .navbar-dark .navbar-nav {

    width: 800px;

  }

}



@media (min-width: 1200px){



    .story-section  .star-video {

        height: 600px;

    }



    .gallery-suite .suite-features .hr-list {

        padding-left: 2rem;

    }



  .newsletter-content h2 {

    font-size: 4rem;

    line-height: 4.5rem;

  }





  .fixed-nav {

    z-index: 2;

    position: absolute;

    top: 0;

    width: 100%;

  }



  .thenav {

    padding-left: 0px;

  }



  #fac img {

    height: 35vh;

  }



  .suites-section .offer-img-first img {

    height: 521px;

  }



  .story-img-second .relative > img {

    height: 850px;

  }



  .news_events .grey_overlay {

    height: 420px;

  }



  .offer-img-first img {

      max-height: 480px;

      height: 480px;

      /* object-position: -520px; */

  }





  .section-offers .slide-offers .offer-img img {

      min-height: 360px;

  }



  .left-pp {

    width: 36%;

  }



  .news_events.single .grey_overlay {

    height: 360px;

  }



  .star-stn-img .relative > img {

    height: 800px;

  }



  #random {

      height: 60vh;

  }



  .fac-gym .news.headline {

    margin: 60px auto;

  }







  .fac-gym .news.headline {

    margin: 180px auto;

  }



  .fac-gym.meeting .news {

    margin: 110px auto;

  }



  .section-story-suites .news.headline {

    max-width: 530px;

  }



  .section-story-suites.fac-sports .news.headline {

    max-width: 400px;

  }



  .container.starext{

    width: 90vw;

    max-width: 1600px;

  }

  .news-events-posts .container.starext{

    max-width: 1500px;

  }

  .container.news_starext{

    width: 80vw;

    max-width: 1240px;

  }



  .carousel-indicators {

      top: 620px;

  }



}



@media (min-width: 1201px){







  .main-nav .float_right {

    float: right;

    box-shadow: 10px 9px 16px -4px rgba(0,0,0,0.51);

    margin-top: 8px;

    position: inherit;

    right: 0;

    margin-right: 20px;

  }

}



@media only screen

and (min-width: 1281px)

and (max-width: 1353px) {

    .img-gallery .ribbon {

        bottom: 175px;

    }



}



@media only screen

and (min-width: 1354px)

and (max-width: 1619px) {

    .img-gallery .ribbon {

        bottom: 155px;

    }



}



@media (min-width: 1441px){



    .offers .car-caption {

        background: #fff;

        padding: 80px 40px 0px 40px;

    }



    #carousel-indicators2 {

        top: 470px;

    }



    .offers .car-caption {

        padding: 130px 40px 0px 40px;

    }



    .mfp-content img {

        height: 950px;

        width: 1260px;

    }





    .suite-features .hr-list {

        padding-left: 0rem;

    }



    .suite-features .hr-list {

        width: 100%;

    }







  #carouselIndi-gym .carousel-item img.slide-img,

  #carouselIndi-pool .carousel-item img.slide-img,

  #carouselIndi-karaoke .carousel-item img.slide-img,

  #carouselIndi-meeting .carousel-item img.slide-img,

  #carouselIndi-ktv .carousel-item img.slide-img {

    height: 620px;

  }



  .indicatorSlider-gym .slider-thumb-gym > img,

  .indicatorSlider-pool .slider-thumb-pool > img,

  .indicatorSlider-karaoke .slider-thumb-karaoke > img,

  .indicatorSlider-meeting .slider-thumb-meeting > img,

  .indicatorSlider-ktv .slider-thumb-ktv > img {

    height: 130px;

  }



  .grid-sizer, .grid-item {

    width: 48%;

  }





  .navbar-dark .navbar-nav {

    width: 990px;

  }



  .story-img-first .relative img {

    margin-top: 100px;

  }



  .story-img-second .relative > img {

    height: 930px;

  }

}



@media (min-width: 1920px){



    .suite-features .hr-list {

        width: 90%;

    }





  .star-stn-img .relative > img {

    height: 800px;

  }



  .offer-img-first img {

      height: 530px;

      /* object-position: -540px; */

      max-height: 530px;

  }



  .left-pp {

    width: 36%;

  }



  .story-img-second .relative > img {

    height: 1000px;

  }



  .story-img-first .relative img {

    margin-top: 170px;

  }



  .facilities-section .news.headline {

    max-width: 730px;

  }



  .facilities-section .headlines {

    margin-bottom: 40px;

  }



  .indicatorSlider-gym .slider-thumb-gym > img,

  .indicatorSlider-pool .slider-thumb-pool > img,

  .indicatorSlider-karaoke .slider-thumb-karaoke > img,

  .indicatorSlider-meeting .slider-thumb-meeting > img,

  .indicatorSlider-ktv .slider-thumb-ktv > img {

    height: 150px;

  }



  .news.headline{

    max-width: 400px;

  }



  .news.headline.star-inspired {

      max-width: 600px;

  }



  .navbar-dark .navbar-nav {

    width: 1100px;

    /* width: 400px; */

  }

}



@media (min-width: 2211px){



  .story-img-second .relative > img {

    height: 1000px;

  }



  .left-pp {

    width: 38%;

  }



  .carousel-indicators {

    top: 700px;

  }

}





/* ----------- Retina Screens ----------- */

@media only screen

and (min-device-width: 1200px)

and (max-device-width: 1600px)

and (-webkit-min-device-pixel-ratio: 2)

and (min-resolution: 192dpi) {

  .newsletter-img img {

    height: 40vh;

  }





}