﻿/* ----- Responsive styles ----- */

/*min = greater than or equal to

max = less than or equal to*/

@media (max-width:1700px) {

  .attraction_content {

    right: 6%;

  }

}

@media (max-width:1600px) {

  .attraction_content {

    right: 6%

  }

  .nav_primary a {

    padding-left: 10px;

    padding-right: 10px;

  }

  #nav_container {

    right: 90px !important;

  }

}

@media (max-width:1570px) {

  .attraction_content {

    right: 5%;

  }

}

@media (max-width:1500px) {

  .attraction_content {

    right: 5%;

  }

  .nav_primary a {

    padding-left: 6px;

    padding-right: 6px;

    letter-spacing: 0;

  }

  #nav_container {

    right: 80px !important;

  }

  .booking, .booking_ab, .booking_wrap {

    width: 160px !important

  }

}

@media (max-width:1460px) {

  .attraction_content {

    right: 5%;

  }

}

@media (max-width:1400px) {

  .attraction_content {

    right: 4%;

  }

  .hidden-md {

    display: none !important

  }

}

@media (max-width:1380px) {

  .attraction_content {

    right: 4%;

  }

  .nav_primary a {

    padding-left: 6px;

    padding-right: 6px;

    letter-spacing: 0;

    font-size: 13px;

  }

  #nav_container {

    right: 0px !important;

  }

  .logo_container_left {

    width: 190px !important;

  }

  .logo_container_left img {

    max-width: 180px !important;

  }

  .booking, .booking_ab, .booking_wrap {

    width: 150px !important

  }

  .nav_primary .hidden-md {

    display: none;

  }

}

@media (min-width:1601px) {

  .scroll_booking, .book_a_table {

    z-index: 90;

    float: right;

  }

  .scroll_booking {

    display: none;

    top: 18px;

    position: relative;

    width: 200px;

    background: #fff;

  }

  .ot_scroll {

    position: relative;

    top: 121px;

    right: -410px;

  }

}

@media (max-width:1270px) {

  .nav_primary a {

    padding: 30px 4px;

    font-size: 12px;

  }

  /*.booking_wrap,.booking_wrap .booking{width:180px !important;}*/

}

@media (max-width:1199px) {

  .slider_25 .slide_prev, .slider_25 .slide_next {

    top: 54px

  }

  .slider_33 .slide_prev, .slider_33 .slide_next {

    top: 86px

  }

  .nav_primary a {

    font-size: 75%;

    padding: 30px 5px;

  }

  div.text-content {

    left: 22px

  }

  .concierge_panel div.text-content, .concierge_panel .rounding img {

    height: 200px;

    min-width: 200px;

    width: 200px;

    margin: 0

  }

  .offer_details .right_panel {

    margin: 20px auto

  }

  .rooms_rightside {

    display: inline-block;

    margin: 20px 0;

    float: none

  }

  /* ########### OutLaws Restautrant #############   */

}

@media (min-width:992px) and (max-width:1199px) {

  .col-lg-15:nth-child(3) {

    display: none;

  }

  .attractions_page .highlights_outer h2 {

    font-size: 20px;

  }

  /* ########### OutLaws Restautrant #############   */

  .outlaws .module_list_desc {

    margin-top: 40px;

  }

}

@media (max-width:991px) {

  .slider_25 .slide_prev, .slider_25 .slide_next {

    top: 38px

  }

  .slider_33 .slide_prev, .slider_33 .slide_next {

    top: 55px

  }

  .extra_info {

    margin-top: 20px

  }

  .module_right_side {

    display: block;

    float: left;

    width: 100%

  }

  .mob-toggle {

    display: block !important;

  }

  .nav_primary ul ul {

    -webkit-transition: 1s opacity ease-in-out;

    -moz-transition: 1s opacity ease-in-out;

    transition: 1s opacity ease-in-out;

  }

  a.nav_mob_button {

    display: block;

    right: 30px;

    top: 20px;

    position: absolute;

    color: #fff;

    z-index: 1000;

    right: 10px;

    font-size: 20px;

    color: #999;

    text-shadow: none;

  }

  .booking_wrap, .booking_wrap .booking {

    display: none !important

  }

  header #nav_container {

    right: 0;

    width: 100%;

    left: 0;

    float: left;

    text-align: left;

    height: auto;

  }

  #header-2 #nav_container {

    top: 50px;

  }

  #header-2 #nav_container .nav_primary a {

    padding: 10px;

  }

  .nav_primary {

    display: none;

    /*position: fixed;*/

    top: 0;

    padding-top: 0px;

    margin: 0;

    background: #1c5872;

    left: 0;

    /*z-index: 200;*/

    width: 100%

  }

  .nav_primary ul {

    width: 100%;

    display: block

  }

  .nav_primary li {

    width: 100%;

    background: #1c5872;

    color: #fff;

    float: left;

    padding: 2px 0;

    border-bottom: 1px dotted #ccc;

    display: inline-block

  }

  .nav_primary a {

    color: #fff;

    width: 100%;

    padding: 10px;

    padding-left: 20px;

    font-size: 90%;

  }

  .nav_primary ul ul li a {

    color: #fff;

    text-transform: none;

    font-style: normal;

    background: #333;

  }

  /*.nav_primary a.dropdown:after{

	font-family: fontello;

    content: "\e800";

    cursor: pointer;

    color: #fff;

    font-size: 18px;

    height: 100%;

    position: absolute;

    right: 10px;

    text-align: center;

    top: 0;

    width: 50px;

    padding-top: 6px;

}*/

  .nav_primary ul span.mob-toggle {

    color: #fff;

    cursor: pointer;

    font-size: 15px;

    position: absolute;

    right: 10px;

    top: 0;

    height: 100%;

    padding: 10px;

  }

  .nav_primary ul ul.opened {

    display: block !important;

    opacity: 1 !important;

  }

  .nav_primary .hidden-md {

    display: block;

  }

  .nav_primary li:hover {

    background: #333

  }

  .nav_primary ul ul {

    position: relative;

    width: 100% !important;

    top: 0 !important;

    /*padding-left: 20px;*/

    background: #333;

    margin-top: 0 !important;

    font-style: italic;

    display: none !important;

  }

  .nav_primary li a:hover {

    background: #666

  }

  .nav_primary ul ul li {

    border-bottom: none;

    text-indent: 6%;

  }

  .nav_primary ul ul li:hover {

    background: #333

  }

  .nav_primary li:hover a {

    color: #fff

  }

  .highlights_panel {

    display: block;

    margin-bottom: 40px

  }

  .more_about_us {

    display: block;

    margin-bottom: 20px

  }

  .rounding {

    border-top: 1px solid #393939;

    margin: 0 auto;

    padding: 20px 0 0;

    width: 300px

  }

  .ask_clive .rounding {

    margin: 0 auto 20px auto;

  }

  .rounding img {

    height: auto;

    width: auto

  }

  .more_about_us h3 {

    display: block;

    position: relative;

    top: -120px;

  }

  div.text-content {

    opacity: 1;

    left: auto;

    border-radius: 0;

    display: block;

    height: auto;

    margin: 10px auto;

    padding: 10px;

    position: relative

  }

  div.text-content .hidden_text {

    display: inline

  }

  .rounding div.text-content {

    top: 50px;

  }

  .rounding:hover div.text-content:before {

    border-radius: 0

  }

  .room_nav_item figure.effect-bubba h2 {

    font-size: 10px

  }

  .room_nav ul {

    padding: 0

  }

  .img_overlay, .nav_social_header {

    top: 102px

  }

  .homepage .readMore {

    top: 370px

  }

  .video_container {

    top: 380px;

  }

  .secondarypage .readMore {

    bottom: 20px

  }

  .locationpage .map, .attractions_page .map {

    margin-top: 50px

  }

  .newspaper_two, .page_summary, .newspaper_three {

    -webkit-column-count: 1;

    -moz-column-count: 1;

    column-count: 1

  }

  .team_panel h4 {

    height: 20px;

    overflow: hidden

  }

  .specail_right_panel {

    display: inline-block;

    width: 100%;

    margin: 0 auto;

    float: left;

    padding-top: 40px

  }

  .offers-details .page_title_top {

    margin-top: 50px;

  }

  .offers-details .specail_right_panel {

    display: block;

    float: none;

    padding-top: 0;

    text-align: justify;

  }

  .module_list_items .form_wrapper .form {

    width: 100%

  }

  .book_a_table {

    display: none !important;

  }

  .secondarypage .header_image_tag {

    bottom: 30px;

    left: 30px;

  }

  .highlights-panel-1 .rounded {

    padding: 60px 0 0;

  }

  .secondarypage .header_image img {

    margin-top: 100px;

  }

  .popup-youtube {

    width: 100%;

  }

  .cookie_message {

    z-index: 99 !important;

  }

  /***AB Test**/

  .abtest .quick_book {

    display: none;

  }

}

@media (min-width:768px) and (max-width:991px) {

  .input-group {

    border-collapse: separate;

    display: inline-table;

    margin: 10px 0 20px;

    position: relative;

  }

}

@media (min-width:768px) {

  .no_padding {

    padding: 0px !important;

  }

  .scroll_logo {

    display: none;

  }

  .offers-list-2 .offer-item-top .offer-image-link:after {

    content: "";

    position: absolute;

    width: 0;

    height: 0;

    top: 50%;

    margin-top: -30px;

    border-top: 30px solid transparent;

    border-bottom: 30px solid transparent;

    border-right: 20px solid #efefef;

    right: 0px;

  }

    .visible-xs{display: none;}

}

@media (max-width:767px) {

  /**Header**/

  .header {

    /*background: transparent;*/

    background: #fff;

    position: fixed;

    border: none;

  }

  #header-2.navbar-static-top {

    background: #2a2a2a !important;

  }

  .header_image_wrapper {

    border: none;

  }

  .header_image_tag h2 {

    width: 100% !important;

  }

  .homepage .header_image .item, .secondarypage .header_image img {

    margin-top: 0;

  }

  .logo_container {

    border-bottom: none;

    padding: 0;

  }

  .homepage_panel_content {

    column-count: 1 !important;

  }

  .homepage .header_image_tag {

    /*bottom: 40px;*/

    left: 30px;

  }

  .homepage .header_image_tag.centered {

    left: 0px;

  }

  .logo_container_left { /*width: 150px !important;padding-top:12px !important;*/ position: relative !important;

  }

  .logo_container_left img {

    max-width: 150px !important

  }

  .header_image_tag span {

    display: none

  }

  .logo img {

    /*display: none;*/

    /*max-width:65px;*/

  }

  #header-2 .logo_container_left .logo-initial {

    display: none !important;

  }

  #header-2 .logo_container_left .logo-fixed {

    display: block !important;

    opacity: 1 !important

  }

  .module-panels {

    height: auto !important;

  }

  .parallax_item {

    padding: 75px 0 !important;

  }

  .parallax_item h1 {

    font-size: 28px;

  }

  .parallax_item p {

    font-size: 93%;

  }

  .footer_item {

    text-align: center !important

  }

  footer {

    padding-top: 20px !important;

    padding-bottom: 60px !important;

  }

  .offers-list-2 .content-wrap {

    column-count: 1 !important

  }

  .cwcookielaw {

    bottom: 40px !important

  }

  .cwcookielaw .cwcookiecontainer {

    width: 100% !important;

    text-align: center !important;

  }

  .cwcookielaw .cwallowcookies, .cwcookielaw .cwcookiesmoreinfo, .cwcookielaw p {

    padding: 5px !important;

    font-size: 10px !important;

    margin: 2px !important;

    text-align: center;

    display: inline-block;

    float: none !important;

  }

  .scroll_logo {

    display: block;

    left: 0;

    top: initial;

    margin: 0;

    height: 50px;

    width: 200px;

    box-shadow: none;

  }

  /** Targeting IE>=10 **/

  _:-ms-input-placeholder, :root .scroll_logo {

    top: 0;

  }

  .scroll_logo img {

    padding: 3px 0 0 20px;

    width: 150px;

  }

  #page_header .page_header_gradient {

    top: auto;

    bottom: 0;

    height: 30%;

    /* IE9 SVG, needs conditional override of 'filter' to 'none' */

    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC42NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%); /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.65))); /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%); /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%); /* Opera 11.10+ */

    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%); /* IE10+ */

    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%); /* W3C */

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0); /* IE6-8 */

  }

  a.nav_mob_button {

    top: 10px;

    right: 10px;

    font-size: 30px;

    color: #1f1f1f;

    text-shadow: none;

  }

  #header-2 a.nav_mob_button {

    top: 0;

    color: #fff;

  }

  a.nav_mob_button i {

    margin-top: 4px;

    display: block;

    float: right;

  }

  a.nav_mob_button span {

    /*display: none;*/

    font-size: 17px;

  }

  .nav_social_header {

    right: 10px;

    left: initial;

    left: unset;

    top: 85px

  }

  .cookie_message {

    padding: 0 8px;

  }

  .rooms-list .item .room-content {

    padding: 30px 0 !important

  }

  /**Main Content**/

  .home_page_attractions {

    /*display: none;*/

  }

  #ReasonsToBookWithUs {

    padding-bottom: 0;

  }

  .highlights_panel {

    margin-bottom: 20px;

  }

  .ContentPanel .content {

    text-align: justify;

    padding: 10px 20px;

  }

  .rooms_section {

    text-align: center;

  }

  .content_page_block2 {

    text-align: justify;

  }

  .content_page_block2 h2 {

    font-size: 25px;

  }

  /**Footer**/

  .newsletter_info {

    text-align: center;

  }

  .input-group .form-control {

    font-size: 85%;

  }

  footer h4 {

    /*display: none;*/

  }

  .nav_foot ul {

    float: none;

    line-height: 1.2;

    text-align: center;

  }

  .nav_foot li {

    float: none;

    width: auto;

    display: inline-block;

  }

  #fnav336, #fnav269, #fnav317, #fnav84 {

    display: none;

  }

  footer .gutter-border div {

    color: #6c6c6c;

    text-align: center;

  }

  footer .gutter-border span, footer .gutter-border a {

    color: #6c6c6c;

  }

  ul.affilliations {

    margin-bottom: 0;

  }

  .homepage ul.affilliations li, .secondarypage ul.affilliations li {

    display: none;

  }

  .homepage ul.affilliations li:first-child, .secondarypage ul.affilliations li:first-child {

    display: block;

    margin: 0 auto;

    width: 130px;

  }

  .nav_social, .nav_social ul, .nav_social li {

    float: none;

  }

  .nav_social {

    margin-top: 10px;

  }

  .nav_social ul {

    margin: 0 auto;

    text-align: center;

  }

  .nav_social li {

    display: inline-block;

  }

  .nav_social a {

    width: 30px;

    height: 30px;

    display: block;

    line-height: 1.8;

    font-size: 13px;

  }

  footer .site_by, footer .site_by a {

    color: #6c6c6c;

    font-size: 12px;

    text-align: center;

  }

  ul.affilliations, .nav_foot, .gutter-border a:last-of-type, .nav_social {

    position: relative;

  }

  ul.affilliations li:first-child::after, .nav_foot::after, .nav_social::before {

    content: "";

    position: absolute;

    left: 0;

    right: 0;

    margin: 0 auto;

    width: 20px;

    height: 5px;

    border: 1px solid #6c6c6c;

    border-top-width: 2px;

    border-left: none;

    border-right: none;

  }

  ul.affilliations li:first-child::after, .nav_foot::after {

    bottom: -13px;

  }

  .nav_social::before {

    top: -18px;

  }

  .site_by {

    padding: 0;

  }

  .slide_prev, .slide_next {

    top: 50% !important

  }

  .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {

    display: inline-block;

    width: 100%;

    padding-bottom: 15px

  }

  .grid .grid_block, .gallery a, .gallery img, .gallery .video_res {

    margin-bottom: 15px

  }

  .form_wrapper .form {

    width: 100%

  }

  .form_wrapper .form:first-child tr td:last-child {

    padding-right: 0

  }

  .form_wrapper .form:last-child tr td:first-child {

    padding-left: 0

  }

  .img_overlay {

    position: relative;

    right: auto;

    top: 0

  }

  .booking_panel_holder {

    width: 100% !important

  }

  #dvReadMore {

    max-width: 66%;

    top: 150px

  }

  .homepage .readMore {

    top: 115px

  }

  .video_container {

    display: none;

  }

  .secondarypage .readMore {

    bottom: 20px

  }

  .WatchVideo {

    left: auto;

    padding-right: 35px;

    text-align: center;

    top: 155px;

    width: 195px;

    bottom: 0;

    right: 12px

  }

  .booking {

    width: 50%;

    float: none;

    margin: 0 auto

  }

  .rounding {

    width: 200px

  }

  .home_page_scroll {

    display: none

  }

  .gutter-border {

    padding-bottom: 20px;

    margin-bottom: auto;

    border-left: none;

    padding-left: 15px

  }

  .attraction_content {

    margin: 0 auto;

    position: relative;

    display: inline-block;

    left: 0;

    width: 100%

  }

  /* Rooms */

  .room_nav {

    margin-bottom: 0;

    top: 0

  }

  .room_nav ul {

    text-align: left;

    width: 100%

  }

  .room_nav li {

    width: 100%

  }

  .room_nav li a {

    border-bottom: 1px dotted #929293;

    font-size: 14px

  }

  .room_feature {

    margin: 0 0 10px 10px;

  }

  .locationpage table {

    font-size: 11px;

  }

  .locationpage table tr td:last-child {

    text-align: right;

  }

  /* ########### OutLaws Restautrant #############   */

  .outlaws .booking {

    width: auto;

    float: none;

    margin: 0 auto;

    padding-top: 20px

  }

  aside {

    display: inline;

    position: relative !important;

    width: 100%;

  }

  .gallery_button {

    left: 70px

  }

  .hidden-xs {

    display: none !important;

  }

  .mobile-t-center {

    text-align: center !important;

  }

  .rooms_section .room_list_item {

    margin-bottom: -20px;

  }

  .room_top, .rooms_rightside {

    margin-bottom: 0px;

  }

  .offers-details .page_title_top {

    margin-top: 20px;

  }

  .offers-details .specail_right_panel {

    float: left;

    width: 100%;

  }

  .offers-details .img_overlay_wrap {

    width: 100%;

  }

}

@media (max-width:600px) {

  .form .textbox, .form select, .form .button, .booking {

    width: 100%

  }

  .secondarypage .header_image img {

    min-height: 200px;

  }

  .header_image_tag h2 {

    font-size: 20px;

    margin-bottom: -5px;

    line-height: 1.5;

  }

  .header_image_tag span {

    font-size: 12px

  }

  .nav_primary {

    padding-top: 0px

  }

  .nav_primary_mobile a.nav_mob_button {

    display: block

  }

  .nav_primary_mobile {

    display: block

  }

  .header_image_tag {

    width: 80%;

    left: 20px;

    line-height: 0.8;

  }

  .img_overlay {

    display: none

  }

  .VideosPanel, .readMore, #dvReadMore {

    display: none

  }

  .room_list_item {

    margin-bottom: 14px;

  }

  .rooms_details_page {

    margin-bottom: 0px;

  }

  .outlaws .outlaws_nav_img img {

    display: none

  }

  footer.container-full {

    padding-bottom: 65px;

  }

  footer .scroll-to-top {

    bottom: 55px;

  }

  .highlights-panel-1 {

    display: none;

  }

  .page_title_top {

    margin-bottom: 0px;

    padding-bottom: 0;

  }

  #module_sidebar .line {

    border-bottom: medium none;

  }

  .dark_grey {

    position: relative;

  }

  .outlaws .icon_section, .scroll_booking {

    display: none !important

  }

  .columns_text {

    column-count: 1;

    column-gap: 0px;

    -moz-column-count: 1;

    -moz-column-gap: 0px;

    -webkit-column-count: 1;

    -webkit-column-gap: 0px;

    text-align: left;

  }

}

@media (max-width:400px) {

  .header_image_tag {

    bottom: 50px;

    left: 8px

  }

  .header_image_tag span {

    font-size: 10px;

    line-height: 0.8;

  }

  .secondarypage .header_image .item, .secondarypage .header_image_wrapper {

    max-height: 320px;

    min-height: 320px;

  }

    .homepage .header_image {top:75px}

    .homepage .header_image .item, .homepage .header_image_wrapper {

    max-height: 280px;

    min-height: 280px;

  }

  .img_overlay {

    top: 78px;

  }

  .homepage .header_image_tag {

    /*bottom: 20px*/

  }

  .secondarypage .header_image_tag {

    bottom: 20px

  }

  .mobile_email_us {

    display: block;

    visibility: visible;

  }

}

@media (max-width:400px) {

  .map {

    margin-left: 3%;

    margin-right: 3%;

    max-height: 200px;

    min-height: 300px;

    width: 94%

  }

  .nav_primary ul ul {

    display: none !important

  }

}

@media (min-width: 768px) {

  .col-sm-15 {

    width: 20%;

    float: left

  }

}

@media (min-width: 992px) {

  .col-md-15 {

    width: 20%;

    float: left

  }

}

@media (min-width: 1200px) {

  .col-lg-15 {

    width: 20%;

    float: left

  }

  .room_nav ul {

    padding: 8px

  }

}

@media (min-width:992px) {

  .meeting-item .col-height {

    display: table-cell;

    float: none;

    height: 100%;

  }

  .meeting-item .col-top {

    vertical-align: top;

  }

  .meeting-item .col-middle {

    vertical-align: middle;

  }

  .meeting-item .col-bottom {

    vertical-align: bottom;

  }

}

@media (min-width:1200px) {

  .meeting-item, .meeting-item .room-features {

    -webkit-transition: background 0.35s;

    -moz-transition: background 0.35s;

    -o-transition: background 0.35s;

    transition: background 0.35s;

  }

  .meeting-item:hover, .meeting-item:hover .room-features {

    background: #333;

  }

  .meeting-item h2, .meeting-item .subtitle, .meeting-item p, .meeting-item .room-features ul li, .meeting-item .room-features ul li span {

    -webkit-transition: color 0.35s;

    -moz-transition: color 0.35s;

    -o-transition: color 0.35s;

    transition: color 0.35s;

  }

  .meeting-item:hover h2, .meeting-item:hover .subtitle, .meeting-item:hover p, .meeting-item:hover .btn, .meeting-item:hover .room-features ul li, .meeting-item:hover .room-features ul li span {

    color: #fff;

  }

}

@media(max-width:480px) {

  #next, #prev {

    top: 52%;

    font-size: 28px;

  }

.h1, h1 {

    font-size: 30px;

}

    

}

@media(min-width:1200px) {

  .highlights_panel2 .item figure img {

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    -webkit-transform: scale(1);

    transform: scale(1);

    -webkit-transition: transform .8s;

    -moz-transition: transform .8s;

    -o-transition: transform .8s;

    transition: transform .8s;

    -webkit-backface-visibility: hidden;

    -moz-backface-visibility: hidden;

    backface-visibility: hidden

  }

  .highlights_panel2 .item figure:hover img {

    -moz-transform: scale(1.02);

    -ms-transform: scale(1.02);

    -o-transform: scale(1.02);

    -webkit-transform: scale(1.02);

    transform: scale(1.02)

  }

  .highlights_panel2 .item figure figcaption:before {

    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .8) 100%);

    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .8) 100%);

    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .8) 100%);

    opacity: .6;

    -webkit-transition: height .5s, opacity .5s;

    -moz-transition: height .5s, opacity .5s;

    -o-transition: height .5s, opacity .5s;

    transition: height .5s, opacity .5s

  }

  .highlights_panel2 .item figure:hover figcaption:before {

    height: 40%;

    opacity: 1

  }

}