/*
 Table Of Contents
 1.) Media Query for Handheld Devices
 2.) Media Query for Tablet
 3.) Media Query for mobile
 ===============================================*/
/*
 1.) Media Query for Handheld Devices
 ===============================*/
@media only screen and (min-width : 1230px) 
{
    

}
@media only screen and  (max-width : 1800px) 
{
    

}
@media only screen and  (max-width : 1600px) 
{
    .upcoming-box
    {
        max-width: 329px;
        
    }
    .benefits-box
    {
        min-height: 250px;
    }
    .benefits-box h3
    {
        font-size: 30px;
        left: 15px;
    }
    .benefits-box h3
    {

    }
}
@media only screen and  (max-width : 1500px) 
{
    
}

@media only screen and  (max-width : 1400px) 
{
    .upcoming-box
    {
        max-width: 300px;
        
    }
    .width-20
    {
        width: 20px;
    }
}
@media only screen and  (max-width : 1365px)
{
    .max-box {
        max-width: 636px;
        margin: 0 auto;
    }
} 

/*
 2.) Media Query for Tablet
 ===============================*/
@media only screen and  (max-width : 1199px) 
{

    .about_right_content {
    padding-top: 27px;
    max-width: 600px;
    padding-left: 15px; 
    padding-right: 15px;
}


.sec-popup-header {
    text-align: center;
    padding: 45px 0;
    background-size: cover;
}

.sec_contact_info > div {
    width: 100%;
    float: right;
    padding-right: 1px;
}

.sec_testimonials > div {
    padding: 29px;
    width: 100%;
}
.col-sm-6.padd-0.sec_contact_info { 
    padding: 25px;}
.schedule_item { 
    min-height: 285px;}
.sec_bg img { 
    height: 598px;}


    .banner-inner
    {
        padding: 400px 0 282px;
    }
    h1
    {
        font-size: 52px;
    }
    h4
    {
        font-size: 27px;
    }
    .bad-beat-left
    {
        
        width: 317px;
        
    }
    .bad-beat-right {
     
        width: 567px;
    }
    .bad-beat-title
    {
        font-size: 45px;
    }
    .bad-beat-sub-title {
        font-size: 36px;
        letter-spacing: 19.6px;
    }
    .price
    {
        font-size: 59px;
    }
    .price-date{
        font-size: 30px;
    }
    .phone-wrap h5
    {
        font-size: 24px;
    }
    .phone-wrap .phone-no
    {
        font-size: 18px;
    }
    .phone-wrap .email
    {
        font-size: 18px;
    }
    .footer-link2 li
    {
        font-size: 12px;
    }
    .copyright
    {
        font-size: 14px;
    }
    .benefits-box h3
    {
        font-size: 16px;
    }
    .benefits-box h3 img
    {
        width: 25px;
    }
  
    .upcoming-box
    {
        margin-bottom: 20px;
    }
    .room-intro-content
    {
        padding-left: 0;
    }
    .book-wrap .more-btn
    {
        font-size: 16px;
        font-weight: 500;
        padding: 11px 40px;
    }
    .room-wrap {
        padding-top: 58px;
    }
    .ammenities-list li a
    {
        font-size: 14px;
    }
    .filter-wrap
    {
        padding: 25px 0 0 0;
    }
    .common-heading
    {
        font-size: 35px;
    }
    .event-list-fig
    {
        margin-right: 70px;
    }
    .request-appoint-content
    {
        padding: 18px 18px;
        
        width: 40%;
    }
    .form-group {
        margin-bottom: 15px;
    }
    .request-appoint-content p
    {
        margin-bottom: 15px;
    }
    .request-appoint-content h4
    {
        margin-bottom: 10px;
    }
}
@media only screen and  (max-width : 1100px) 
{
    
}
@media only screen and  (max-width : 991px) 
{

    .meetings_rooms_sec .about_right_content {
    padding-top: 21px;
}
body .dimensions_list li { 
    padding-left: 0;}
    .navbar-default .navbar-nav > li > a .nav-txt
    {
        font-size: 14px;
    }

    .buffet-introduction .room-intro-content {
    width: 98%;
}

.schedule_item {
    min-height: 307px;
}



.buffet-introduction .room-wrap {
    padding-top: 0;
}
    .navbar-nav .sixth
    {
        width: 25%;
    }
    .navbar-nav .sixth i
    {
        margin-right: 45px;
    }
    .navigation .navbar-nav > li:first-child > a {
        text-align: center;
    }
    .navbar-nav .first i
    {
        margin-left: 8px;
    }

    .slick-prev {
        left: 50px;
    }
    .slick-next {
        right: 50px;
    }
    .footer
    {
        padding: 23px 0 50px;
    }
    .price-wrap
    {
        padding: 14px 15px 18px;
    }
    .bad-beat-title
    {
      font-size: 30px;
    }
    .bad-beat-left {
        width: 293px;
    }
    .bad-beat-right {
        width: 447px;
    }
    .price {
        font-size: 42px;
    }
    .bad-beat-sub-title
    {
        font-size: 19px;
    }
    .contact-us
    {
        padding: 40px 20px;
    }
    .contact-us p
    {
        font-size: 16px;    
    }
    .contact-us {
        padding: 15px 20px;
    }
    .phone-wrap .phone-no {
        font-size: 16px;
    }
    .phone-wrap .email {
        font-size: 16px;
    }
    .phone-wrap h5 {
        font-size: 18px;
    }
    .mheight {
        height: 331px;
    }
    .benefits-box h3 img
    {
        width: 24px;
    }
    .benefits-box h3
    {
        font-size: 16px;
    }
    .benefits-box {
        min-height: 200px;
    }
    .footer-menu {
        padding-top: 18px;
        padding-bottom: 50px;
    }
    .footer-link2,.copyright
    {
        text-align: center;
        margin-bottom: 15px;
    }
   
    .contact-us-wrap .more-btn
    {

    }
    .individual-event-heading h2
    {
        font-size: 25px;
    }
    .slots-wrapper
    {
        padding: 0;
        
    }
    .individual-banner p
    {
        font-size: 18px;
        margin-bottom: 15px;
    }
    .individual-play
    {
        padding-bottom: 50px;
    }
    .eat-banner-info
    {
        padding: 100px 20px 100px;
    }
    .eat-banner-info h4
    {
        font-size: 28px;
        margin-bottom: 70px;
    }
    .common-heading
    {
        font-size: 26px;

    }
    .eat-play-info
    {
        padding: 0px 0 0 0px;
    }
    .eat-play-info p
    {
    font-size: 16px;
    letter-spacing: normal;
    }
    .play-box-content .play-heading    
    {
        width: calc(100% - 113px);
        width: -webkit-calc(100% - 113px);
    }
    .play-box-content .more-btn
    {
        padding: 8px 12px;
        font-size: 12px;
    }
    .contact-sec
    {
        padding: 50px 0 50px;
    }
    .contact-info
    {
        padding: 0px 0px;
    }
    .contact-info h4
    {
        font-size: 33px;
        margin-bottom: 12px;
        margin-right: 74px;
        padding-bottom: 10px;
        border-bottom: 7px solid #c3164a;
    }
    .contact-info .phone-wrap
    {
        width: 45%;
        margin-bottom: 14px;
    }
    .contact-info .phone-wrap h5
    {
        font-size: 20px;
    }
    .contact-content
    {
        padding-left: 0;
    }
    .map-section
    {
        padding-bottom: 70px;
    }
    .ammenities
    {
        padding-bottom: 50px;
    }
    .room-wrap {
        padding-top: 0px;
    }
    .room-intro-content
    {
        text-align: right;
        float: none;
        width: 100%;
        margin-bottom: 10px;
    }
    .book-wrap
    {
        float: none;
        width: 100%;
        text-align: right;
    }
    .spa-content
    {
        padding-left: 0;
    }
    .spa-heading
    {
        font-size: 22px;
        padding-bottom: 15px;
        border-bottom: 7px solid #c3164a;
        
        margin-bottom: 15px;
    }
    .spa-heading strong
    {
        font-size: 34px;
    }
    .spa-sec p
    {
        font-size: 18px;
		letter-spacing:normal;
    }
    .spa-hours
    {
        padding-bottom: 60px;
    }
    .stay-heading
    {
        font-size: 24px;
        
    }
    .stay-at-sec p
    {
     font-size: 18px;
    letter-spacing: normal;
    }
    .play-heading
    {
        font-size: 20px;
    }
	.select-title, .options-title {text-align:left;}
	.options-list li {
    float: left;
    display: inline-block;
}
    .play-large-content .play-heading
    {
        font-size: 25px;
    }
    .stay-at-sec {
        
        padding: 50px 0;
    }
    .select-wrap .ui-selectmenu-button.ui-button
    {
        width: 175px;
    }
    .select-wrap
    {
        margin-right: 33px;
    }
    .filter-wrap {
        padding: 0px 0 0 0;
    }
    .event-list-fig {
        margin-right: 20px;
        width: 40%;
    }
    .event-list-content
    {
        padding-top: 0;
    }
    .event-list-content h4
    {
        font-size: 25px;
    }
    .checkout-content
    {
        font-size: 28px;
    }
    .checkout-sec
    {
        margin-bottom: 70px;
    }
    .event-grid-content h4
    {
        font-size: 16px;
        margin-bottom: 10px;    
    }
    .event-grid-content .event-list-date
    {
        font-size: 14px;    
    }
    .event-grid-content .event-list-time
    {
        font-size: 14px;
        margin-bottom: 10px;    
    }
    .event-grid-content .more-btn
    {
        font-size: 14px;    
    }
    .request-appoint-fig
    {
        float: none;
        width: 100%;
    }
    .request-appoint-fig img
    {
        width: 100%;
    }
    .request-appoint-content
    {
        margin: 15px auto;
        float: none;
        width: 55%;
    }
}

/*
 3.) Media Query for mobile
 ===============================*/
@media only screen and (max-width : 767px)
{

    .slick-initialized .slick-slide {
    display: block;
    height:auto;
    background-size: cover !important;
}

.banner-inner {
    padding: 50px 0 !important;
}

.banner-slide {
    height: 333px;
}

.navbar-nav {
    float: none;
    display: block;
    flex-direction: unset;
    margin-left: 0px;
}

.navigation .navbar-nav li {
    text-transform: uppercase;
    width: 100%;}


    [lang="fr-FR"] .navbar-default .navbar-nav > li > a .nav-txt, .navbar-default .navbar-nav > li > a .nav-txt {
    font-size: 25px;}
    .navbar {
    position: relative;
    min-height: auto;}

    button.navbar-toggle  {
    position: absolute;
    right: 0;
    top: -160px;
}

    iframe {
    height: 2001px !important;
}

.testimonials-footer {
    overflow: hidden;
    margin-left: 0;
}

.buffet-introduction .row {
    margin: 0;
}
.buffet-introduction .room-intro-content {
    width: 100%;
    text-align: left;
}

.buffet_page a.more-btn {
    float: left;
    margin-bottom: 50px;
    margin-top: 10px;
}

.buffet-schedule .row {
    margin: 0;
}
    .meeting_event_page .row {
    margin: 0;
}

.event_me-sec img {
    margin-bottom: 25px;
}
.sec_bg img { 
    height: auto;}
    .about_right_content {
    padding: 20px 0px 0px 0px;
}

body .dimensions_list li {
    width: 100%;
    float: none;
    padding-left: 0;}

    .meetings_rooms_sec .about_right_content {
  padding: 40px 0 25px;
    max-width: 100%;
}
.meeting_event_page .widdings_sec p {
    width: 100%;}

    .about_3 img {
    margin-top: 20px;
}
    h1
    {
        font-size: 35px;
    }
    .logo
    {
        width: 118px;
    }
    .header,.social-media-icons,.franvais 
    {
        text-align: center;
    }
    .navigation
    {
        padding: 14px 0 14px;
    }
    .navbar-nav
    {
        background: #000000;
    }
    .navbar-nav .first
    {
        width: 100%;
    }
    .navbar-nav .second {
        width: 100%;
    }
    .navbar-nav .fourth {
        width: 100%;
    }
    .navbar-nav .fiveth {
        width: 100%;
    }
    .navbar-nav .sixth {
        width: 100%;
        text-align: center;
    }
    .navbar-nav .sixth i {
        margin-right: 0px;
    }
    .navbar-default .navbar-nav > li > a .nav-txt
    {
        margin-top: 5px;
    }
    .navigation .navbar-nav li
    {
        margin-bottom: 15px;
    }
    
    .bad-beat-left
    {
        float: none;
        width: 300px;
        margin: 0 auto 10px;
        text-align: center;
    }
    .bad-beat-right
    {
        width: 300px;
        margin: 0 auto;
        float: none;
    
    }
    .footer-logo
    {
        display: block;
        text-align: center;
    }
    .footer-links
    {
        -webkit-column-count:1;
            column-count: 1;
            text-align: center;
    }
    .price {
        font-size: 23px;
    }
    .banner-inner
    {
        padding: 215px 0 38px;
    }
    h2
    {
        text-align: center;
        margin-bottom: 10px;
    }
    .max-box .pull-right
    {
        float: none !important;
        margin-top: 10px;
    }
    .upcoming-box {
        max-width: 300px;
        /* margin-right: 0; */
        margin: 0 auto 20px;
        float: none;
    }
    .upcoming-box:last-child {
        margin-right: auto;
    }
     .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse
    {
        margin-right: 0;
        margin-left: 0;
    }
    .pl-15
    {
        padding-left: 0;
    }
    .slick-next,.slick-prev
    {
        display: none !important;
    }
    .individual-event
    {
        padding: 40px 0;
    }
    .individual-event-heading,.individual-event-link
    {
        width: 100%;
        float: none;
        text-align: center;
    }
    .individual-event-heading h2
    {
        padding-right: 0;
    }
    .individual-event-content
    {
        padding: 20px 15px;
    }
    .individual-event p
    {
        padding: 0 15px;
    }
    .time-date
    {
        display: block;
        text-align: center;
    }
    .individual-play .padd-0,.individual-banner .padd-0 ,.eat-play-sec .padd-0,.contact-sec .padd-0,.map-section .padd-0,
    .room-introduction .padd-0,.room-gallery .padd-0,.ammenities .padd-0,.spa-sec .padd-0,.spa-hours .padd-0,
    .stay-at-sec .padd-0,.play-banner,.event-list-sec .padd-0,.request-appoint .padd-0

    {
        padding: 0 15px;
    }   
    .individual-play h2
    {
        padding-right: 10px;
        font-size: 25px;
    }
    .individual-play-fig
    {
        text-align: center;
    }
    .slots-wrapper
    {
        padding-top: 22px;
    }
    .individual-banner h2,.common-heading 
    {
        text-align: left;
    }
    .common-heading {
        font-size: 20px;
    }
    h4 {
        font-size: 20px;
    }
    
    .play-box-content .play-heading    
    {
        width: calc(100% - 113px);
        width: -webkit-calc(100% - 113px);
    }
    .play-box-content .more-btn
    {
        padding: 8px 12px;
        font-size: 12px;
    }
    .contact-content
    {
        padding-top: 15px;
    }
  
    .room-gallery .pl-10
    {
        padding-left: 0;
    }
    .room-gallery figure img
    {
        width: 100%;
    }
    .room-wrap {
        padding-top: 25px;
    }
    .spa-figure figcaption
    {
        padding: 20px 10px;
        font-size: 28px;
    }
    .spa-figure .two-lines {
        padding: 20px 20px;
    }
    .spa-figure figcaption strong
    {
        font-size: 17px;
    }
    .spa-phone
    {
        float: none;
        width: 100%;
    }
    .spa-email
    {
        float: none;
        width: 100%;
    }
    .spa-sec p,.spa-figure
    {
        margin-bottom: 10px;
    }
    .spa-heading
    {
        text-align: left;
    }
    .spa-content
    {
        padding: 30px 0;
    }
    .spa-hours h3
    {
        font-size: 36px;
        border-bottom: 5px solid #c3164a;
        padding-bottom: 10px;
    }
    .play-box-content
    {
        padding: 10px 10px 10px;
    }
    .play-box-content .more-btn
    {
        bottom: 20px;
    }
    .play-large-content .play-heading {
        font-size: 16px;
    }
    .filter-wrap
    {
        text-align: center;
    }
    .select-wrap
    {
        margin-right: 0;
        float: none;
        margin-bottom: 15px;
    }
    .options-wrap
    {   
        float: none;
    }
    .options-list li
    {
        float: none;
        display: inline-block;
    }
    .event-list-fig
    {
        float: none;
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }
    .event-list-content
    {
        float: none;
        width: 100%;
    }
    .event-list-content h4
    {
        font-size: 18px;
        margin-bottom: 10px;
    }
    .checkout-content {
        font-size: 22px;
    }
    .request-appoint-content
    {
        margin: 0;
        width: 100%;
    }
    .request-appoint-content h4
    {
        font-size: 14px;
    }
    .form-group-wrap .form-group
    {
        float: none;
        width: 100%;
    }
    .request-appoint .container
    {
        padding-top: 15px;
    }

    .meetings_rooms_sec .about_right_content {
    max-width: 100%;
    text-align: center;
    padding-top: 32px !important;
    padding-bottom: 30px;
}


.meetings_rooms_sec span.border{ margin: 0 auto }
}
    
}