.post img, #logo { max-width: 100%; height: auto; width: auto; }
#mobile_nav { display: none; padding: 5px 15px; position: relative; padding: 10px 20px 10px 50px; color: #fff; background: #111; line-height: 40px; text-transform: uppercase; font-family: 'Titillium Web', Arial, sans-serif; font-size: 1.3em; }
#mobile_nav:hover { color: #fff; text-decoration: none; }
#mobile_nav > span { display: block; width: 26px; height: 22px; background: url(//cluboldbarmotel.com.au/wp-content/themes/club-old-bar-motel/images/responsive_arrow.png) no-repeat; position: absolute; top: 50%; left: 50%; margin: -11px 0px 0px -62px; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
#mobile_nav.opened > span { -moz-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); }
#mobile_menu { position: absolute; top: 50px; left: 50%; width: 460px; margin-left: -230px; text-align: center; z-index: 1000; padding: 15px 0 9px; display: none; }
#mobile_menu li { line-height: 1.44em; font-size: 20px; }
#mobile_menu ul { display: block !important; visibility: visible !important; }
#mobile_nav, #mobile_menu { background: #111; }
#mobile_menu a { font-style: normal; color: #fff; }
#mobile_menu li.current-menu-item > a, #mobile_menu a:hover { color: #fff; text-decoration: none; }
nav#top-menu ul.mobile_nav { width: 320px; border: 1px solid #d6d6d6; background: #fafafa; display: none; }
.mobile_nav li ul { position: relative; top: 0; width: auto; display: block !important; visibility: visible !important; }
ul#top-menu ul { display: none; }
.wp-caption { max-width: 96%; padding: 8px; }
embed, iframe, object, video { max-width: 100%; }
@media only screen and ( min-width: 960px ) and ( max-width: 1360px ) {
.container { width: 960px; }
#logo { height: 50px !important; }
#navigation { bottom: 8px; }
ul#top-menu li { padding: 0px 12px; }
ul#top-menu li a { font-size: 0.8rem; }
#homepage-slider a#slider-club { top: 90px; }
#homepage-slider a#slider-club img { width: 200px; }
#home-main-content::before { top: 110px; left: -500px; }
#home-main-content .container { z-index: 4; }
#home-main-content .column-right { padding: 55px; }
#home-main-content h1 { font-size: 3rem; }
#home-map #home-book-direct { left: 8%; }
#home-accomm h1, h1.category-title { font-size: 2.8rem; }
#content { background-position: 620px 0px; }
#left-area { width: 650px; }
li.et_pt_blogentry a.et_pt_thumb { height: 210px !important; }
#sidebar { width: 300px; }
.widget { width: auto; }
.widget img { width: 100%; }
#custom_html-2 .button { font-size: 0.80rem; }
#custom_html-2 .button i { margin-right: 10px; padding: 8px 16px 11px 16px; }
#footer-extras #footer-logo { width: 240px; }
#footer-extras ul li h4 { font-size: 1.3rem; }
#footer-extras ul li p { padding-bottom: 10px; }
}
@media only screen and ( min-width: 768px ) and ( max-width: 960px ) {
.container { width: 750px; }
#header { text-align: center; }
#logo { float: none; display: inline-block; text-align: center; height: 60px !important; }
#navigation { display: none; }
#homepage-slider a#slider-club { top: 80px; left: 30px; }
#homepage-slider a#slider-club img { width: 140px; }
#home-accomm { padding: 70px 0px; }
#home-accomm::after { width: 300px; height: 106px; background-size: 300px 106px; -moz-background-size: 300px 106px; -webkit-background-size: 300px 106px; }
#home-main-content::before { top: 40px; left: -500px; }
#home-main-content .container { z-index: 4; }
#home-main-content .column-right { width: 100%; float: none; padding: 40px; }
#home-main-content h1 { font-size: 3rem; }
#home-map #home-book-direct { left: 8%; width: 450px; padding: 40px; }
#home-accomm h1, #home-main-content h2, #home-map #home-book-direct h2, h1.category-title { font-size: 2.1rem; }
#category-name { padding: 120px 0 70px; }
#content { background-position: 490px 0px; }
#left-area { width: 480px; }
h2 { font-size: 1.7rem; }
li.et_pt_blogentry a.et_pt_thumb { height: 160px !important; }
img.wp-image-159 { max-width: 220px; }
#sidebar { width: 260px; padding-right: 20px; font-size: 0.9rem; }
.widget h3.title { padding: 0px 0px 0px 10px; line-height: 2.8em; font-size: 1rem; }
.widget { width: auto; }
.widget img { width: 100%; }
.widget p { padding-bottom: 5px; }
#custom_html-2 .button { font-size: 0.80rem; }
#custom_html-2 .button i { margin-right: 7px; padding: 8px 15px 11px 15px; }
#nav_menu-2 ul.menu li a { line-height: 1rem; padding: 20px 20px; }
#gform_widget-2 { padding: 10px 10px; }
#footer-extras { padding: 50px 0px 50px 0px; font-size: 0.9rem; }
#footer-extras ul li { width: 38%; }
#footer-extras ul li:first-child { width: 23%; }
#footer-extras #footer-logo { width: 100px; }
#footer-extras ul li h4 { font-size: 1.2rem; }
#footer-extras ul li p { padding-bottom: 10px; }
#footer-extras ul li ul.menu li a { padding-left: 20px; }
#footer-extras ul li ul.menu li a::before { font-size: 17px; }
#footer-bottom { font-size: 0.7em; text-align: center; padding: 10px 0 65px; }
#copyright, #developed { float: none; line-height: 2rem; }
#footer-toggle-menu { display: block; }
#footer-toggle-menu li a i { min-height: 25px; }
}
@media only screen and ( max-width: 767px ) {
.container { width: 460px; }
#header { position: relative; text-align: center; }
#logo { float: none; display: inline-block; text-align: center; height: 60px !important; }
#navigation { display: none; }
#homepage-slider a#slider-club { top: 40px; left: 30px; }
#homepage-slider a#slider-club img { width: 140px; }
#home-accomm { padding: 70px 0px; }
#home-accomm::after { width: 300px; height: 106px; background-size: 300px 106px; -moz-background-size: 300px 106px; -webkit-background-size: 300px 106px; }
li.et_pt_blogentry a.et_pt_thumb { height: 200px !important; }
#home-main-content::before { top: 40px; left: -500px; }
#home-main-content .container { z-index: 4; }
#home-main-content .column-right { width: 100%; padding: 40px; }
#home-main-content h1 { font-size: 3rem; }
#home-map #home-book-direct { left: 8%; width: 450px; padding: 40px; }
#home-accomm h1, #home-main-content h2, #home-map #home-book-direct h2, h1.category-title, body.single-post .entry h2, body.single-post .entry h3, h3 { font-size: 1.7rem; }
#category-name { display: block; padding: 40px 0 50px; text-align: center; }
#breadcrumbs { position: relative; display: block; text-align: center; }
#content { background: none transparent; }
#left-area { display: block; float: none; width: auto; }
h1 { font-size: 1.8rem; }
h2 { font-size: 1.6rem; }
.alignright, .alignleft, img.alignright, img.alignleft { display: block; float: none; margin: 0 0; width: 100%; }
.post { padding: 0 0 50px !important; }
ul#et_pt_blog, li.et_pt_blogentry { float: none !important; width: auto !important; padding-right: 0 !important; }
.gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium { width: 100% !important; display: block; }
img.wp-image-159 { margin-bottom: 20px; }
#sidebar { display: block; float: none; width: auto; padding-left: 0px; padding-right: 0px; font-size: 0.9rem; }
.widget h3.title { padding: 0px 0px 0px 10px; line-height: 2.8em; font-size: 1rem; }
.widget, .widget img { width: auto; max-width: 460px; }
.widget p { padding-bottom: 5px; }
#custom_html-2 .button { font-size: 0.80rem; }
#custom_html-2 .button i { margin-right: 7px; padding: 8px 15px 11px 15px; }
#nav_menu-2 ul.menu li a { line-height: 1rem; padding: 20px 20px; }
#gform_widget-2 { padding: 10px 10px; }
#footer-extras { padding: 20px 0px; font-size: 1rem; }
#footer-extras #footer-logo { display: block; margin: 0 auto 30px; width: 160px; }
#footer-extras #footer-abn { margin-right: 0; padding-top: 12px; }
#footer-extras ul li { float: none; width: 100% !important; text-align: center; margin-bottom: 20px; }
#footer-extras ul li img { width: 140px; }
#footer-extras ul li h4 { font-size: 1.6rem; }
#footer-extras ul li p { padding-bottom: 10px; }
#footer-extras ul li a i { float: none; font-size: 1.2rem; margin-right: 0; margin-top: 8px; display: inline-block; }
#footer-extras ul li ul#menu-footer-menu { float: none; }
#footer-extras ul li ul#menu-footer-menu li { float: none; width: 100% !important; text-align: right; padding-bottom: 0; margin-bottom: 0; border-bottom: 0 none; }
#footer-extras ul li ul.menu li a::before { content: ''; }
#footer-extras ul li ul.menu li a { line-height: 0.9rem; padding-left: 0; }
#footer-bottom { font-size: 1rem; text-align: center; padding: 10px 0 65px; }
#copyright, #developed { float: none; line-height: 2rem; }
#footer-toggle-menu { display: block; }
}
@media only screen and ( max-width: 479px ) {
.container { width: 300px; }
#header { position: relative; text-align: center; }
#logo { float: none; display: inline-block; text-align: center; height: 60px !important; }
#navigation { display: none; }
#homepage-slider a#slider-club { display: none; }
#home-accomm { padding: 70px 0px; }
#home-accomm::after { width: 300px; height: 106px; background-size: 300px 106px; -moz-background-size: 300px 106px; -webkit-background-size: 300px 106px; }
li.et_pt_blogentry a.et_pt_thumb { height: 160px !important; }
li.et_pt_blogentry p { padding-bottom: 10px !important; }
li.et_pt_blogentry a.readmore { display: block !important; text-align: center !important; }
#home-main-content { padding: 100px 0px 50px; }
#home-main-content::before { display: none; }
#home-main-content .container { z-index: 4; }
#home-main-content .column-right { width: 100%; padding: 40px; }
#home-main-content h2::after { width: 220px; margin-left: -110px; background-position: 50% 0; }
#home-map #home-book-direct { position: relative; top: auto; left: auto; width: auto; padding: 40px; text-align: center; }
#home-map iframe { display: none; }
#home-accomm h1, #home-main-content h2, #home-map #home-book-direct h2, h1.category-title, body.single-post .entry h2, body.single-post .entry h3, h3 { font-size: 1.2rem; }
h2.et_pt_title { font-size: 19px !important; }
#category-name { display: block; padding: 40px 0 50px; text-align: center; }
#breadcrumbs { position: relative; display: block; text-align: center; }
#content { background: none transparent; }
#left-area { display: block; float: none; width: auto; }
h1 { font-size: 1.8rem; }
h2 { font-size: 1.6rem; }
.alignright, .alignleft, img.alignright, img.alignleft { display: block; float: none; margin: 0 0; width: 100%; }
.post { padding: 0 0 50px !important; }
ul#et_pt_blog, li.et_pt_blogentry { float: none !important; width: auto !important; padding-right: 0 !important; }
.gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium { width: 100% !important; display: block; }
img.wp-image-159 { margin-bottom: 20px; }
#sidebar { display: block; float: none; width: auto; padding-left: 0px; padding-right: 0px; font-size: 0.9rem; }
.widget h3.title { padding: 0px 0px 0px 10px; line-height: 2.8rem; font-size: 1rem; }
.widget, .widget img { width: auto; max-width: 460px; }
.widget p { padding-bottom: 5px; }
#custom_html-2 .button { font-size: 0.90rem; }
#custom_html-2 .button i { margin-right: 7px; padding: 8px 15px 11px 15px; }
#nav_menu-2 ul.menu li a { line-height: 1rem; padding: 20px 20px; }
#gform_widget-2 { padding: 10px 10px; }
#footer-extras { padding: 20px 0px; font-size: 1rem; }
#footer-extras #footer-logo { display: block; margin: 0 auto 30px; width: 160px; }
#footer-extras #footer-abn { margin-right: 0; padding-top: 12px; }
#footer-extras ul li { float: none; width: 100% !important; text-align: center; margin-bottom: 20px; }
#footer-extras ul li img { width: 140px; }
#footer-extras ul li h4 { font-size: 1.6rem; }
#footer-extras ul li p { padding-bottom: 10px; }
#footer-extras ul li a i { float: none; font-size: 1.2rem; margin-right: 0; margin-top: 8px; display: inline-block; }
#footer-extras ul li ul#menu-footer-menu { float: none; }
#footer-extras ul li ul#menu-footer-menu li { float: none; width: 100% !important; text-align: right; padding-bottom: 0; margin-bottom: 0; border-bottom: 0 none; }
#footer-extras ul li ul.menu li a::before { content: ''; }
#footer-extras ul li ul.menu li a { line-height: 0.9rem; padding-left: 0; }
#footer-bottom { font-size: 0.9rem; text-align: center; padding: 10px 0 65px; }
#copyright, #developed { float: none; line-height: 2rem; }
#footer-toggle-menu { display: block; }
.et-protected { width: auto !important; }
.et-protected-form { background: none !important; }
.et-protected-form p input { margin: 0 !important; }
}