/*
Style Responsive
*/
@media (max-width: 1200px) {
    #wrapper .cs-menuFood-main {
        height: inherit !important;
    }
    #wrapper .cs-menuFood.cs-menuFood-images .cs-menuFood-main .cs-menuFood-footer {
        bottom: inherit;
        margin: inherit;
        position: inherit;
    }
}
@media (max-width: 1024px) {
    #wrapper .menu-item-open {
        display: none;
    }
}
@media (min-width: 992px) {
    #cs-header-custom-bottom {
        position: absolute;
        bottom: 0;
        width: 100%;
        background: #ffffff;
        z-index: 999;
        -webkit-transition: all 300ms linear 0ms;
           -moz-transition: all 300ms linear 0ms;
             -o-transition: all 300ms linear 0ms;
            -ms-transition: all 300ms linear 0ms;
                transition: all 300ms linear 0ms;
    }
    #cs-header-custom-bottom.fixed-top {
        position: fixed;
        top: 0;
        width: 100%;
        border-bottom: 1px solid #e9e9e9;
    }
    .admin-bar #cs-header-custom-bottom.fixed-top {
        top: 32px;
    }
    #cs-header-custom-bottom.menu-up .main-menu > li ul {
        bottom: 100px;
        margin: 0;
        position: absolute;
    }
    #cs-header-custom-bottom.menu-up .main-menu > li.menu-item-has-children > a:after,
    #cs-header-custom-bottom.menu-up .main-menu > li.current_page_item.menu-item-has-children:before,
    #cs-header-custom-bottom.menu-up .main-menu > li.current-menu-item.menu-item-has-children:before {
        background: transparent !important;
    }
    .csbody.woocommerce ul.products li.product,
    .csbody.woocommerce-page ul.products li.product {
        width: 30.8%;
    }
    .cs-menuFood:nth-child(2n+1) {
        clear: left;
    }
}
@media (max-width: 992px) and (min-width: 768px) {
    .csbody.boxed .header-wrapper,
    .csbody.boxed #primary,
    .csbody.boxed #footer-top,
    .csbody.boxed #footer-bottom   {
        padding: 0 90px !important;
    }
    .csbody.boxed #footer-bottom .container {
        width: auto;
    }
    .csbody #cs-header-custom-bottom.fixed-top .cs-menu-custom .btn-navbar {
        top: -43px;
    }
    /**** Events ***/
    .cs-eventCount .cs-eventCount-introImg img {
        width: 100%;
    }
    .cs-eventCount-content .cs-eventCount-contentWrap {
        padding: 20px;
        text-align: center;
    }
    .cs-eventCount-content .cs-eventCount-content-main {
        margin-bottom: 20px;
    }
    .cs-cover-slider-events.wpb_row [class*="vc_col-"], .cs-cover-slider-events.wpb_row [class^="vc_col-"] {
        padding: 0 10px;
    }
    .cs-latestEvents .cs-eventBody .cs-eventImg img {
        height: auto;
        max-width: 60px;
        width: inherit;
    }
}
@media (max-width: 992px) {
    /** Header Custom **/
    #wrapper #cs-header-custom-bottom {
        height: inherit;
    }
    #wrapper #cs-header-custom-bottom #cshero-main-menu-mobile {
        left: 0;
        position: absolute;
        width: 100%;
    }
    #wrapper .container {
        width: auto;
    }
    /* set custom VC col to 0 */
    .wpb_button_anone .btn.btn-medium {
        padding: 10px 20px 6px;
    }
    .vc_column_container [class*="vc_custom_"]{
        margin: 0!important;
        padding: 0!important;
    }
    #header-sticky .btn.btn-navbar {
        position: absolute;
        right: 10px;
        top: 12px;
        padding: 10px;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
    .sticky-header.fixed {
        border-bottom: none;
    }
    #header-sticky li.menu-item-cart-search {
        display: none !important;
    }
    .boxed #wrapper {
        width: auto !important;
    }
    /*---- Shortcode ------*/
    #wrapper #cshero-header .logo {
        text-align: center;
    }
    #wrapper ul.mega-bg-image {
        background: none !important;
    }
    /**** Style Header Custom ****/
    .cs-logo-custom {
        text-align: center;
    }
    .cs-logo-custom, .cs-menu-custom {
        width: 100% !important;
    }
    .cs-menu-custom .btn-navbar {
        position: absolute;
        top: -62px;
        left: 10px;
    }
    .cs-menu-custom .btn-navbar,
    .cs-menu-custom .btn-navbar:hover,
    .cs-menu-custom .btn-navbar:focus {
        background: transparent !important;
    }
    /**** Footer Top ***/
    #footer-top [class*="footer-top-"], 
    #footer-top [class^="footer-top-"] { 
        margin-bottom: 30px;
    }
    #footer-top [class*="footer-top-"]:last-child, 
    #footer-top [class^="footer-top-"]:last-child { 
        margin-bottom: 0px;
    }
    #wpdb-toggle {
        display: none;
    }
    #footer-top .container {
        width: 100%;
    }
}
@media (max-width: 800px) {
    #wrapper .cs-menuFood.menu_food_2_col {
        width: 100%;
    }
}
@media (max-width: 767px) {
    .csbody.boxed .header-wrapper,
    .csbody.boxed #primary,
    .csbody.boxed #footer-top,
    .csbody.boxed #footer-bottom   {
        padding: 0 40px !important;
    }
    .csbody #footer-bottom .container {
        width: auto;
    }
    /*---- Start Header ----*/
    .sticky-menu {
        display: none;
    }
    .cs-logo-custom .cs-logo a {
        padding: 10px 0 !important;
    }
    .cs-logo-custom .cs-logo a img {
        height: 35px !important;
    }
    #wrapper #cs-header-custom-bottom .cs-menu-custom {
        padding: 0 !important;
    }
    .cs-menu-custom .btn-navbar {
        top: -42px;
    }
    /*** Social Top ***/
    #wrapper #header-top,
    #wrapper #header-top ul {
        text-align: center;
    }
    #wrapper .socialTop, 
    #wrapper .textContact,
    #wrapper .header-top-2, 
    #wrapper #header-top a.icon_cart_wrap {
        text-align: center;
    }
    .header-v1 #cshero-header div.logo {
        text-align: center;
    }
    .header-wrapper  .header-v4 .logo a,
    .header-v4 .tagline,.header-v4 #header-top .cs-social{display:block;text-align: center;}
    .header-v4 .navbar-toggle {    float: none;     margin: 20px auto;  position:relative;}
    /*---- End Header ----*/

    /*---- Start breadcrumb ----*/
    #wrapper .page-title-container, 
    #wrapper .breadcrumb h1.entry-title {
        text-align: center;
    }
    /*---- End breadcrumb ----*/

    /*** Form Comment ***/
    #wrapper blockquote {
        margin: 0;
    }
    #wrapper .welcome  {
        font-size: 26px;
        line-height: 28px;
        text-align: center;
    }
    /*---- VC ----*/
    #wrapper .column_container {
        margin-bottom: 35px;
    }
    /*---- Navigation ----*/
    #wrapper .navigation .nav-previous, #wrapper .navigation .nav-next {
        width: 100%;
        text-align: left;
        margin-bottom: 10px;
    }
    /*---- Widget Sidebar ----*/
    .primary-sidebar [class*="widget_"], .primary-sidebar [class^="widget_"] {
        margin-top: 40px;
    }
    .primary-sidebar [class*="widget_"]:last-child, .primary-sidebar [class^="widget_"]:last-child {
        margin-bottom: 30px;
    }
    /*---- Team ----*/
    #wrapper .cs-team-content {
        margin-bottom: 25px;
    }
    #wrapper .team .cs-team-meta {
        padding: 28px;
    }
    #wrapper .cs-full-piechart .cs-main-canvas {
        width: 300px !important;
        height: 300px !important;
    }
    /*---- Comment Form ------*/
    #commentform [class^="comment-"], #commentform [class*="comment-"] {
        padding: 0;
    }

    /*---- Twitter Bottom ----*/
    #wrapper .cs-latest-twitter {
        padding: 0px 35px;
    }
    /**** Footer Top ***/
    #wrapper #footer-top [class*="footer-top-"] h3.wg-title, 
    #footer-top [class^="footer-top-"] h3.wg-title {
        text-align: center;
    }
    /**** Footer Bottom ***/
    #footer-bottom {
        text-align: center;
    }
    #footer-bottom .menu {
        margin-top: 5px;
        text-align: center !important;
    }
    /*** Single Portfolio ***/
    .single-portfolio #wrapper .cs-portfolio-item .cs-portfolio-details {
        padding-right: 15px;
    }
    .single-portfolio #wrapper .cs-portfolio-item #cs-portfolio-media {
        padding-left: 15px;
        margin-top: 20px;
    }
    /*** Events Count ***/
    .cs-eventCount-content .cs-eventCount-contentWrap {
        padding-bottom: 15px;
    }
    .cs-eventCount-content .cs-eventCount-contentWrap .cs-eventCount-title,
    .cs-eventCount-content .cs-eventCount-contentWrap .cs-eventCount-content-main {
        padding: 0;
    }
    .cs-carousel-event-style1 .cs-carousel-events-header img {
        width: 100%;
    }
    .cs-blog-events .cs-blog-eventsBooking a.btn {
        padding: 12px 22px;
    }
    /*---- Shortcode ------*/
    #wrapper .cs-quote-style-1, #wrapper .cs-quote-style-2, #wrapper .cs-quote-style-3 {
        margin: 20px;
    }
    /*---- Booking Form -----*/
    #wrapper .modal-body #em-booking {
        height: 400px;
        overflow: auto;
    }
    #wrapper .modal-dialog .em-booking-form, .modal-dialog .em-booking-login {
        width: 100%;
    }
    #wrapper .modal-dialog .em-booking-login-form {
        padding: 20px 0 10px;
        margin-top: 20px;
        border-top: 1px solid #eee;
    }
    /*---- Start Footer ----*/
    .footer-top .footer-top-3 .text-right {
        text-align: center !important;
    }
    #wrapper .menuFooter  {
        text-align: center;
        margin-top: 10px;
    }
    #wrapper .footer-bottom-1 {
        text-align: center;
    }
    #wrapper .wpb_row [class^="vc_col-"],
    #wrapper .wpb_row [class*="vc_col-"] {
        padding-top: 30px;
    }
    #wrapper .wpb_row [class^="vc_col-"]:first-child,
    #wrapper .wpb_row [class*="vc_col-"]:first-child {
        padding-top: 0;
    }
    /*---- End Footer ----*/
    /* ==========================================================================
    VS Responsive
    ========================================================================== */
    .wpb_row [class*="vc_col-"], .wpb_row [class^="vc_col-"] {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .wpb_row .no-container [class^="vc_col-"], .wpb_row .no-container [class*="vc_col-"] {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}
@media (max-width: 640px) { 
    /*---- Pricing ----*/
    #wrapper .cs-pricing .cs-pricing-item {
        width: 100% !important;
    }
    /*---- Comment ----*/
    .comment-body .comment-meta + p {
        margin-bottom: 60px;
    }
    #comments .comment-list .reply {
        top: inherit;
        bottom: 20px;
        position: absolute;
        right: 20px;
    }
    /*---- Button Size ----*/
    #wrapper .btn.btn-large {
        padding-left: 50px;
        padding-right: 50px;
    }
    #wrapper .btn.btn-medium {
        padding-left: 35px;
        padding-right: 35px;
    }
    #wrapper .btn.btn-small {
        padding-left: 25px;
        padding-right: 25px;
    }
}
@media (max-width: 480px) { 
    .header-v1 #cshero-header .logo a {
        line-height: 75px;
        padding: 0;
    }
    .header-v1 #cshero-header .logo img {
        max-height: 40px;
    }
    #wrapper .btn.btn-large {
        font-size: 13px;
        padding-left: 30px;
        padding-right: 30px;
    }
    body h1 {
        line-height: 1;
    }
    #wrapper .cs-blog-events .cs-blog-eventsBooking a.btn {
        padding: 10px;
        font-size: 16px;
    }
    .csbody.boxed .header-wrapper,
    .csbody.boxed #primary,
    .csbody.boxed #footer-top,
    .csbody.boxed #footer-bottom   {
        padding: 0 25px !important;
    }
    .csbody #footer-bottom .container {
        width: auto;
    }
}
@media (max-width: 320px) { 
    .header-v1 #cshero-header .logo img {
        max-height: 30px;
    }
    .csbody .cs-menuFood.cs-menuFood-images.layout1 .menu-image,
    .csbody .cs-menuFood.cs-menuFood-images.layout2 .menu-image {
        width: 100% !important;
    }
    .csbody .cs-menuFood.cs-menuFood-images.layout1 .menu-image-meta img,
    .csbody .cs-menuFood.cs-menuFood-images.layout2 .menu-image-meta img {
        width: 100%;
    }
    .csbody .cs-menuFood.cs-menuFood-images.layout2 .menu-image-meta {
        margin-bottom: 15px;
    }
    .csbody .cs-menuFood.cs-menuFood-images.layout1 .menu-content,
    .csbody .cs-menuFood.cs-menuFood-images.layout2 .cs-menuFood-content {
        padding: 0 !important;
    }
    .csbody .cs-menuFood.cs-menuFood-images.layout1 .menu-content .padding, 
    .csbody .cs-menuFood.cs-menuFood-images.layout2 .cs-menuFood-content .padding {
        padding: 0 !important;
    }
    .csbody .cs-menuFood-images.layout1 .menu-image, 
    .csbody .cs-menuFood-images.layout2 .menu-image {
        float: none;
    }
    .csbody .cs-menuFood-images.layout1 .cs-menuFood-header h3.cs-post-title,
    .csbody .cs-menuFood-images.layout2 .cs-menuFood-header h3.cs-post-title {
        margin-top: 15px;
    }
}