/* ----- 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 { letter-spacing: 0; }
/*#nav_container { right: 40px !important; }*/
.booking, .booking_ab, .booking_wrap { width: 180px !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) {
	#nav_container {  margin-top: -3px }
	.logo_container_left img{margin-top:15px}
	.logo_container_left{top:0;left:0}
.attraction_content { right: 4%; }
.nav_primary a { letter-spacing: 0; font-size: 13px; }
/*#nav_container { right: 80px !important; }*/
.logo_container_left { width: 149px !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:1281px) {
.top-header { padding-right: calc(100vw - 180px) }
}



@media (max-width:1280px) {

/*.nav_primary a { padding: 30px 4px; font-size: 12px; }*/
/*.booking_wrap,.booking_wrap .booking{width:180px !important;}*/	
}

@media (max-width:1199px) {
	#nav_container{height:55px}
	.top-header{padding-right:105px}	
	.top-header .languages { margin-right: 0px ;}
	.top-header .contacts{margin-left:0}
	.top-header .contacts ul li a {margin-right: 7px ;}
	.nav_primary a { font-size: 75%; padding: 20px 11px; }
.slider_25 .slide_prev, .slider_25 .slide_next { top: 54px }
.slider_33 .slide_prev, .slider_33 .slide_next { top: 86px }

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:1024px) {
	#nav_container {right:50px !important}
.top-header{display:none}
.nav_primary a{padding: 20px 7px;}
}

@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% }
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 { top: 75px; right: 0; width: 100%; left: 0; float: left; text-align: left; height: auto; }
.mob-toggle { display: block !important; }
.nav_primary ul span.mob-toggle { color: #fff; cursor: pointer; font-size: 15px; position: absolute; right: 0px; top: 0; height: 100%; padding: 10px; line-height: 10px; }
.nav_primary { display: none; /*position: fixed;*/ top: 0; padding-top: 40px; margin: 0; background: #01353e; left: 0; /*z-index: 200;*/ width: 100% }
.nav_primary ul { width: 100%; display: block }
.nav_primary li { width: 100%; background: #01353e; color: #fff; float: left; padding: 2px 0; border-bottom: 1px dotted #ccc; display: inline-block }
.nav_primary a { color: #fff; width: 100%; padding: 8px; font-size: 90%; }
.nav_primary .hidden-md { display: block; }
.nav_primary li:hover { background: #333 }
.nav_primary ul ul { position: relative; width: 100%!important; /*padding-left: 20px;*/ top: 0 !important; background: #333; font-style: italic; }
.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; }

.room-services {-moz-column-count: 2;
   -moz-column-gap: 20px;
   
   -webkit-column-count: 2;
   -webkit-column-gap: 20px;
  
   column-count: 2;
   column-gap: 20px;
   }
}

@media (max-width:767px) {
	.share-buttons {float:none; text-align:center}
	.btn-partner{position:relative !important;}
.visible-xs { display: block !important }
.room-services li { width: 98% }
.title-style-2 h1, .h1, h1 { font-size: 28px }
.offers-list-2 .item-content h2 { font-size: 26px }
.h3, h3, .highlights_panel_2 .item h3 { font-size: 20px }
.highlights_panel_2 .item .title_2 { padding: 5px; font-size: 11px }
/** Header **/
.header { height: 75px; background: #fff; position: fixed; border: none; }
.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; }
.logo_container_left {width: 200px !important;padding-top: 5px !important;background: none;top: 4px;}
.header_image_tag span { display: none }
.logo img {/* max-width: 81px; */margin: 0 auto;max-height: 85px;}
.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: #013e48; text-shadow: none; }
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: 8px }
.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; }
.homepage .header_image .item, .homepage .header_image_wrapper, .secondarypage .header_image .item, .secondarypage .header_image_wrapper { max-height: 320px; min-height: 320px; }
.img_overlay { top: 78px; }
.homepage .header_image_tag { bottom: 20px }
.secondarypage .header_image_tag { bottom: 20px }
.mobile_email_us { display: block; visibility: visible; }
.map { margin-left: 3%; margin-right: 3%; max-height: 200px; min-height: 300px; width: 94% }

}

@media (min-width: 768px) {
.col-sm-15 { width: 20%; float: left }
}

@media (min-width: 992px) {
.col-md-15 { width: 20%; float: left }
.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) {
	
	.col-lg-15 { width: 20%; float: left }
.room_nav ul { padding: 8px }
.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) {
	.logo_container_left{top:0;padding-top:0 !important}
#next, #prev { top: 52%; font-size: 28px; }
}

@media(min-width:1381px) {
	.logo_container_left img{margin-top:-15px}
	#nav_container {  margin-top: -5px }
}
	@media(min-width:1200px) {
#nav_container { height: 60px;}
.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 }
}