/*
    Author: CommerceGurus
    Author URI: http://www.commercegurus.com
    License: GNU General Public License version 3.0
    License URI: http://www.gnu.org/licenses/gpl-3.0.html

----------------------------------------------------------------
>>> RESPONSIVE
----------------------------------------------------------------
*/


@media only screen and (min-width: 1100px) {
.mobile-search { display: none; }
}

@media only screen and (max-width: 1100px) {
body { overflow-x: hidden; }
body .wpb_layerslider_element { min-height: auto; }
#wrapper.cg-mobile-regular .cg-menu-below { position: relative; }
.fixed .cg-menu-below input.search-field { height: 50px; }
.container.width-auto { position: relative; }
.cg-menu-below { border-bottom: 1px solid #eee; }
.cg-menu-below .logo a.primary-logo { display: none; }
body:not(.fixed):not(.cg-minimal):not(.error404) .cg-menu-below .secondary-logo { display: inline-block; }
.page-container { top: auto; margin-bottom: auto; }
#mobile-menu { display: none !important; /* Required */ }
body #live-preview .open { display: none; }
.rightnav .extra { display: none; }
/* Responsive Header */

.cg-menu-below .leftnav.text-logo { position: absolute; top: 7px; }
.cg-transparent-header { height: 60px; /* Mobile height is fixed */ line-height: inherit; background: #eee; top: 0px !important; /* Required to overrule inline style */ }
.cg-transparent-header .container { width: 100%; padding-left: 15px; padding-right: 15px; }
.cg-menu-below .cg-header-cart { position: absolute; left: 15px; }
.cg-menu-below .logo a { line-height: 60px; }
.cg-primary-menu-below-wrapper .container { position: relative; padding: 0px 15px; }
.cg-logo-below .leftnav { line-height: 60px; height: 60px; left: 0px; right: 0px; }
.cg-transparent-header .col-lg-12 { position: inherit; }
.cg-primary-menu,  .cg-header-fixed-wrapper { display: none; }
.logo img,  .cg-menu-below .logo img { max-height: 32px; }
.leftnav.logo { position: absolute; width: 100%; top: 0px; }
body.page-template-page-full-width .content-area .entry-content .cg-section .container { padding-left: 15px; padding-right: 15px; }
body .vc_tta-color-grey.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-heading:hover,  body .vc_tta-color-grey.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-heading:focus { background-color: transparent; }
body .cg-menu-below .secondary-logo { display: inline-block !important; }
}

@media only screen and (max-width: 992px) {
.breadcrumbs-wrapper p.cg-share { display: none; }
.first-footer h4.widget-title { margin-top: 30px; }
.row-eq-height { display: block; }
/* Mobile Footer */
.first-footer { padding-top: 25px; padding-bottom: 25px; margin-bottom: auto !important; /* Required */ }
.first-footer .inner-widget-wrap { width: 100%; }
.first-footer .inner-widget-wrap { padding: 0px; border: none; flex: auto; }
.first-footer .inner-widget-wrap .text, .first-footer .inner-widget-wrap .button { display: block; padding: 0px 15px; }
.first-footer .inner-widget-wrap .text { margin-bottom: 15px; }
.first-footer .textwidget img { display: none; }
.second-footer { position: relative; height: auto !important; /* Required */ padding-top: 30px; padding-bottom: 20px; }
.second-footer ul.inline.right { text-align: left; margin-top: 7px; margin-left: -16px; }
.second-footer .inner-widget-wrap { padding-left: 0px; }
.top-bar-right { text-align: left; }
.cg-announcements { font-size: 14px; }
.cg-announcements .top-bar-right .textwidget { float: none; padding-top: 0px; padding-bottom: 0px; }
.cg-announcements.mobile-visible .top-bar-right { border-top: 1px solid rgba(255, 255, 255, 0.06); }
.cg-announcements.mobile-visible .top-bar-right ul { margin: 0px; }
.cg-announcements.mobile-visible .top-bar-left ul li { display: block; }
.cg-announcements .top-bar-right ul li { margin-left: 0px; }
body .cg-announcements ul li a:hover { background: transparent; }
.cg-announcements ul li a { padding-left: 0px; }
.cg-announcements ul.dropdown li a { padding-left: 11px; }
.sidebar { padding-left: 15px; }
.sidebar #secondary { border: none; flex: auto; padding-left: 25px; padding-right: 25px; padding-bottom: 0px; }
.second-footer ul { margin-bottom: 20px; }
/* */
body.page-template-page-full-width-php .content-area { padding-top: 30px; }
.row { /*  overflow: hidden; */
}
/* Layerslider elements */
.ls-l { left: 15px !important; }
.content-area { padding-bottom: 0px; }
.page-template-default .content-area,  body.blog .content-area,  body.archive .content-area { padding-bottom: 40px; }
.mean-container .mean-nav ul li.fa a { padding-bottom: 15px; }
.vc_row .container { padding-left: 15px; padding-right: 15px; }
/* Homepage Features within Slider */
  
.slider-features .vc_column_container > .vc_column-inner { margin-top: 0px; }
.slider-features .wpb_text_column { margin: 0px; padding: 0px; }
.slider-features .wpb_text_column { padding: 0px 15px; }
.slider-features .vc_column_container { width: 100%; border-top: 1px solid #eee; padding: 0px; }
.slider-features .vc_column_container:first-child { border: none; }
.slider-features .vc_col-has-fill > .vc_column-inner { padding-top: 15px; }
.slider-features .vc_column_container .vc_column_container { width: 50%; border: none; }
.slider-features img,  .slider-features .vc_figure { width: 100%; margin-right: -1px; }
/* Page Heading */

.header-wrapper .container { padding: 0px; }
.header-wrapper .entry-header { padding-left: 15px; padding-right: 15px; }
.header-wrapper .entry-header { max-width: 100%; }
body.single-post .header-wrapper .entry-header { width: 100%; }
.with-right-sidebar { padding-right: 0px; }
.with-left-sidebar { padding-left: 0px; }
body .sidebar #secondary { padding-left: 0px; padding-right: 0px; }
/* Services */
.services-row .wpb_text_column { padding-left: 0px; padding-right: 0px; }
.services-row .wpb_text_column a.more { opacity: 1; margin-bottom: 20px; }
/* Quote Style */
.section-quote.vc_row .container { padding: 0px; left: 0px; right: 0px; }
.section-quote .wpb_single_image { margin-left: -2px; margin-right: -2px; }
.section-quote.vc_row.vc_row-flex .container,  .section-quote.vc_row.vc_row-flex,  .section-quote.vc_row.vc_row-flex .container > .vc_column_container { display: block; }
body.page-template-page-full-width .content-area .entry-content .cg-section .section-quote.vc_row .container { padding: 0px; }
.cg-share-post .social { opacity: 1; }
.cg-blog-layout article.type-post { padding-left: 20px; padding-right: 20px; }
.cg-blog-article .image { margin-left: -21px; margin-right: -21px; }
.cg-blog-article .image a.cg-post-thumbnail:after { height: 30px; left: 0px; }
.blog-meta span.comments { display: inline; }
body #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post { float: none; width: 100%; margin-bottom: 35px; }
body #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post img.jp-relatedposts-post-img { width: 100%; }
.mean-container .mean-nav ul li.fa a { padding-bottom: 15px; }
.contact-row .vc_column_container.contact-description > .vc_column-inner { margin-top: 0px; }
.comment-form label { margin-top: 15px; margin-bottom: 5px; }
#respond input#submit { margin-top: 25px; }
.first-footer .footer-column { float: none; width: 100%; padding-bottom: 40px; }
.page-footer .footer-nav { width: 100%; display: block; float: none; border-left: none; border-bottom: 1px solid rgba(255,255,255,0.08); }
.first-footer .widget_recent_entries ul { margin-right: 0px; }
.first-footer { padding-top: 50px; padding-bottom: 50px; }
/* */


}

@media only screen and (max-width: 768px) {
textarea,  input[type="text"],  input[type="tel"]  input[type="email"],  input[type="search"],  input[type="button"],  input[type="submit"] { -webkit-appearance: none; border-radius: 0; }
#css-awards { display: none; }
/* Hide top bar */
.cg-announcements { display: none; }
.cg-announcements.mobile-visible { display: block; }
.mobile-header-details { display: block; }
.cg-heading-align-left .header-wrapper p { max-width: 100%; }
body .ls-noskin .ls-nav-prev,  body .ls-noskin .ls-nav-next { display: none; }
.vertical-align { display: block; }
.top-bar-right { text-align: left; }
.rightnav { float: none; }
.cg-menu-below .cg-extras .cg-header-details i { position: relative; left: auto; float: left; }
.cg-header-details { margin-left: 0px; padding-left: 16px; padding-right: 16px; border: none; }
.cg-menu-below .cg-extras .cg-header-details { float: none; }
.comments-area { padding: 10px 15px 30px 15px; margin-left: -15px; margin-right: -15px; }
.content-area .comment-form p.comment-notes { margin-bottom: 10px; }
.comments-area h2.comments-title { font-size: 24px; }
.comment-list li.comment { padding-left: 0px; }
.comment-list .avatar { position: relative; display: block; margin-bottom: 20px; }
.content-area blockquote.pull-left { float: none; width: 100%; margin-right: 0px; margin-bottom: 25px; }
.content-area blockquote.pull-right { float: none; width: 100%; margin-left: 0px; margin-bottom: 25px; }
.join_top, .join_bottom, .down_arrow { display: none; }
.comment-form input, .comment-form textarea { width: 100%; float: none; }
.comment-form input.submit { margin-left: 0px; margin-top: 20px; }
.header-wrapper h1.cg-page-title,  body.single-post .header-wrapper h1.cg-page-title,  body.search-results .header-wrapper h1.cg-page-title,  body .content-area h1 { font-size: 40px; line-height: 1.2em; max-width: 100%; }
.cg-share.btn-group { display: none; }
.content-area { padding-bottom: 40px; }
body.home .content-area { padding-bottom: 0px; }
.content-area .grid-news article { margin-bottom: 50px; }
.author-avatar, .author-description { display: block; width: 100%; }
.author-avatar img { display: block; margin: 0px auto 20px auto; }
body #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post { padding-right: 0px; }
.sidebar #secondary .widget.feature .image img { max-width: 80px; }
.first-footer .textwidget img.logo { max-width: 200px; }
.second-footer ul.inline.right { text-align: left; margin: 5px 0px 0px 20px; }
.second-footer ul.inline.right li { margin-left: 0px; margin-right: 20px; }
/* Responsive Images */
.vc_single_image-wrapper,  .vc_single_image-wrapper img { width: 100%; }
.testimonial .vc_single_image-wrapper img { width: auto; }
/* Responsive Projects */
#project.project-two-cols .grid-sizer,  #project.project-three-cols .grid-sizer,  #project.project-four-cols .grid-sizer { width: 100%; }
.project-item .project-container { opacity: 1; }
.project-item .overlay { background-color: #111; }
.project-item .project-container .title { transform: translate(0px, -15px); }
.project-item .project-container .tags { transform: translate(0px, -15px); }
/* Responsive WooCommerce */
.woocommerce-result-count { width: 100%; }
body.woocommerce .woocommerce-ordering { float: none; margin-bottom: 10px; }
.woocommerce ul.products li.product,  .woocommerce-page ul.products li.product { width: 47.5%; margin-bottom: 2em; }
.woocommerce .products ul,  .woocommerce ul.products { margin-right: -2px; }
.woocommerce #review_form p.stars span { left: auto; float: none; width: 100%; }
.woocommerce #review_form #respond p.stars { clear: both; }
body.woocommerce #review_form #respond textarea { width: 100%; }
.woocommerce table.shop_table { font-size: 14px; line-height: 1.45em; }
.woocommerce table.shop_table thead th { padding: 7px 4px; font-size: 13px; }
.woocommerce table.shop_table td { padding-left: 4px; padding-right: 4px; }
.woocommerce table.cart td.actions .button { width: 100%; }
.woocommerce-cart table.cart td.actions .coupon .button { width: 100%; }
.woocommerce-cart table.cart td.actions .coupon .input-text { float: none; width: 100%; margin-bottom: 5px; }
.woocommerce-info a.showlogin,  .woocommerce-info a.showcoupon { display: inline-block; clear: both; }
.woocommerce form .form-row-first, .woocommerce form .form-row-last,  .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last { width: 100%; }
.woocommerce-checkout #payment { padding: 0px; }
.woocommerce table.woocommerce-checkout-review-order-table tfoot th,  .shop_table.order_details th { width: 40%; }
.woocommerce .order_details li { border: none; float: none; margin: 0px; margin-bottom: 15px; }
body.woocommerce-account .woocommerce-MyAccount-navigation,  body.woocommerce-account .woocommerce-MyAccount-content { float: none; width: 100%; }
.homepage-form .wpb_single_image.vc_align_right { text-align: center; }
.content-area .vc_wp_posts.col-2 ul li,  .content-area .vc_wp_posts.col-3 ul li,  .content-area .vc_wp_posts.col-4 ul li,  .content-area .vc_wp_posts.col-5 ul li,  .content-area .vc_wp_posts.col-6 ul li { width: 100%; }
.content-area .vc_wp_posts ul li { display: block; border: none; padding: 0px; margin-bottom: 15px; }
.content-area .latest-news h5 a { display: block; text-align: center; top: 0px; margin-top: 15px; float: none; }
}