/**
 * Responsive CSS
 */
 /* Header Mobile Button
--------------------------------------------- */
.mobile_menu {
    background-color: transparent;
    border-color: transparent;
    float: right;
    cursor: pointer;
    display: none;
    position: relative;
    z-index: 3;
    top: 17px;
    right: 0;
}
.mobile_menu  span.mobile_menu_label {
    float: left;
    letter-spacing: 1px;
    line-height: 1;
    padding: 8px 0;
}
.mobile_menu .mobile_button {
    border: 0;
    display: block;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0;
    top: 0;
    padding: 9px 10px;
    border-radius: 4px;
    background: transparent;
}
.mobile_button .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
}
.mobile_button .icon-bar {
    background-color: #000;
}
.mobile_button .icon-bar + .icon-bar {
    margin-top: 4px;
}

@media only screen and (max-width: 1280px) {
.site-inner {
    max-width: 100%;
}
.full-width-content .content {
    max-width: 100%;
    padding-left: 30px;
    padding-right: 30px;
}
.archive.post-type-archive-room.full-width-content .content,
.archive.post-type-archive-restaurant.full-width-content .content,
.archive.post-type-archive-wellness.full-width-content .content,
.archive.post-type-archive-event.full-width-content .content {
    max-width: 100%;
    padding-left: 30px;
    padding-right: 30px;
}
.site-header .wrap {
    max-width: 100%;
    padding-left: 30px;
    padding-right: 30px;
}
.footer-widgets .wrap {
    max-width: 100%;
    padding-left: 30px;
    padding-right: 30px;
}
.section_wrap{
    max-width: 100%;
    padding-left: 30px;
    padding-right: 30px;
}

.section_wide_wrap {
    max-width: 100%;
    padding-left: 30px;
    padding-right: 30px;
}
.section_header_wrap {
    width: 100%;
    padding-left: 30px;
    padding-right: 30px;
}
.section_carousel_wrap {
    width: 100%;
    padding-left: 30px;
    padding-right: 30px;
}
.hero_left .hero_block {
    max-width: 100%;
    padding-left: 30px;
    padding-right: 30px;
}
.hero_right .hero_block {
   max-width: 100%;
    padding-left: 30px;
    padding-right: 30px;
}
.hero_center .hero_block {
   max-width: 100%;
    padding-left: 30px;
    padding-right: 30px;
}
.column_split_block_wrap.column_image_left,
.column_split_block_wrap.column_image_right {
    width: 100%;
    padding-left: 30px;
    padding-right: 30px;
}

.section_minislider{
    max-width: 100%;
    padding-left: 30px;
    padding-right: 30px;
}
.custom_shortcode_wrap.custom_wrap {
    width: 100%;
    padding-left: 30px;
    padding-right: 30px;
}
.column_wrapper {
    max-width: 100%;
    padding-left: 30px;
    padding-right: 30px;
}
body .pswp--touch .pswp__button--arrow--left,
body .pswp--touch .pswp__button--arrow--right {
    visibility: visible;
}
.content-sidebar .content-sidebar-wrap,
.sidebar-content .content-sidebar-wrap{
    padding: 0 30px;
}

}


@media only screen and (max-width: 1024px) {
.mobile_menu{
    display: block;
}
.nav-primary {
    display: none;
}
h1, h2, h3, h4, h5, h6{
    line-height: 1;
}
.footer-widgets #subbox {
    width: 100%;
}
.footer-widgets .enews-widget #subbutton {
    width: 100%;
    margin-left: 0;
}
.column_block_wrap.column_two .column_block,
.column_block_wrap.column_three .column_block,
.column_block_wrap.column_four .column_block {
    width: 100%;
    margin-bottom: 40px;
}
.posttype_block_wrap.posttype_two .posttype_block,
.posttype_block_wrap.posttype_three .posttype_block,
.posttype_block_wrap.posttype_four .posttype_block{
     width: 100%;
    margin-bottom: 40px;  
}
.posttype_block_wrap.posttype_two .posttype_block img,
.posttype_block_wrap.posttype_three .posttype_block img,
.posttype_block_wrap.posttype_four .posttype_block img{
    width: 100%;
}
.footer-widgets-1, .footer-widgets-2, .footer-widgets-3 {
    float: left;
    padding-right: 0;
    width: 100%;
    margin-bottom: 40px;
}
.column_split_block_image,
.column_split_block{
    width: 100%;
}
.column_split_block_wrap.column_image_right .column_split_block_slider,
.column_split_block_wrap.column_image_left .column_split_block_slider,
.column_split_block_container.column_slider .column_split_block{
    width: 100%;
}
.hero_center span.hero_block_desc {
    max-width: 80%;
}
.contact_col {
    width: 100%;
}
.column_split_block_wrap.column_image_left .column_split_block_video,
.column_split_block_wrap.column_image_right .column_split_block_video{
    width: 100%;
}
.content{
    width: 100%;
}
.content-sidebar .content{
    padding-right: 0;
}
.sidebar-content .content{
    padding-left: 0;
}

.content-sidebar .sidebar-primary{
    padding-left: 0;
}
.sidebar-content .sidebar-primary{
    padding-right: 0;
}
.sidebar-primary{
    width: 100%;
}
}

@media only screen and (max-width: 700px) {
.slider_section_caption_wrap > * {
    max-width: 70%;
}
.column_block,
.posttype_block{
    padding: 0;
}
.column_block_title,
span.column_block_desc,
.posttype_block_title,
span.posttype_block_desc{
    padding: 0;
}
.column_readmore,
.posttype_readmore{
    padding: 0 0 15px;
}
.column_split_block{
    padding: 40px 5%;
}
.testimonial_content {
    width: 100%;
}
.column_wrapper {
    padding-left: 0;
    padding-right: 0;
}
.site-footer {
    padding: 20px;
}
}

@media only screen and (max-width: 580px) {
html {
    font-size: 8px;
}
.map_details {
    left: 0;
    right: 0;
    width: 90%;
    padding: 30px;
    margin: auto;
}
.contact_col .input_field {
    display: block;
    margin-bottom: 45px;
}
.contact_col .input_field label {
    min-width: 0;
    display: block;
    width: 100%;
    float: left;
}
.contact_small {
    width: 100%;
    float: left;
    display: block;
    margin-right: 0 !important;
    margin-bottom: 30px;
}
.column_split_block_wrap.column_image_left, .column_split_block_wrap.column_image_right {
    height: auto !important;
}
.column_split_block_image{
    height: 500px;
}
.column_split_block_wrap.column_image_left .column_split_block_video,
.column_split_block_wrap.column_image_right .column_split_block_video,
.column_split_block_wrap.column_image_left .column_split_block_slider,
.column_split_block_wrap.column_image_right .column_split_block_slider {
    height: 500px;
}
.portfolio-item.zp_col_3,
.portfolio-item.zp_col_2,
.portfolio-item.zp_col_4{
    width: 100%;
}
.entry-content blockquote {
    border: solid 1px #eee;
    padding: 20px 30px;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 30px;
}
ul, ol {
    margin: 0 0 20px 0;
    padding-left: 20px;
}
}