/*
    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: 1201px) {
  body,select,input,textarea,button,h1,h2,h3,h4,h5,h6 {
	line-height: 1.8vmax;
	font-size: 1.25vmax;
  }
  
  input[type="submit"], .wpcf7-form input[type="submit"], .text-logo a, .widget.button a, .woocommerce div.product form.cart .button, .woocommerce button.button.alt, .single_add_to_cart_button, .single_add_to_cart_button_click {
    line-height: 1.8vmax;
	font-size: 1.25vmax;
  }
  
  .content-area .entry-content p,.product p,.content-area .vc_toggle_title h4,.content-area ul,.content-area ol,.vc_figure-caption,.authordescription p,body.page-template-template-home-default .wpb_text_column p, .content-area .entry-content .vc_toggle_content p {
    line-height: 1.8vmax;
    font-size: 1.25vmax;
  }
  
  h1,.content-area h1,h1.cg-page-title,.summary h1,.content-area .summary h1 {
    line-height: 3.5vmax;
    font-size: 2.5vmax;
  }
  
  h2,.content-area h2, .content-area .grid-news h2 {
    line-height: 3vmax;
    font-size: 2vmax;
  }
  .woocommerce div.product .product_title, .woocommerce-tabs h2, .related h2, .upsells h2 {
    line-height: 3vmax;
    font-size: 2vmax;
  }
  h3,.content-area h3 {
    line-height: 2.7vmax;
    font-size: 1.7vmax;
  }
  
  h4,.content-area h4,body .vc_separator h4 {
    line-height: 2.5vmax;
	font-size: 1.5vmax;
  }
  
  h5,.content-area h5 {
    line-height: 1.8vmax;
	font-size: 1.25vmax;
  }
  
  h6,.content-area h6, .with-icon {
    line-height: 1.8vmax;
	font-size: 1.25vmax;
  }
    h4.widget-title,#secondary h4.widget-title a,.subfooter h4 {
    line-height: 2.5vmax;
	font-size: 1.5vmax;
  } 
  .breadcrumbs-wrapper p, .first-footer, .blog-meta, .product_meta, .second-footer {
    line-height: 1.5vmax;
	font-size: 1vmax;
  } 
  #secondary ul, #secondary ul li, .sidebar ul.sub-menu li, .wpseo-opening-hours td, .wpb_category_n_menu_accordion ul li a, .facetwp-display-value, .facetwp-slider-label, .fs-option-label {
    line-height: 1.5vmax;
	font-size: 1vmax;
  }
  .entry-content a.more-link, .entry-content a.more-link:after, .button, .content-area .blog-pagination ul li a, .custom-spoiler-title, .custom-spoiler-icon {
    line-height: 1.8vmax;
    font-size: 1.25vmax;
  }
  .cg-blog-article footer, body.single footer.entry-meta {
    line-height: 1.25vmax;
    font-size: 0.9vmax;
  }
  .owl-item img {
      width: auto;
      height: 4vmax;
  }
  .cli-bar-message, .cli-modal-content .cli-bar-popup, .cli-tab-container h4, .cli-tab-container p, a.cli-privacy-readmore, .cli-tab-header a.cli-nav-link, .cli-switch .cli-slider:after, span.cli-necessary-caption, .wt-cli-cookie-description, .cli-privacy-content-text, 
  body .cli-tab-section .cookielawinfo-row-cat-table th, body .cli-tab-section .cookielawinfo-row-cat-table td, #wt-cli-settings-btn, #wt-cli-accept-btn, #wt-cli-privacy-accept-all-btn, #wt-cli-privacy-save-btn {
    line-height: 1.5vmax;
    font-size: 0.8vmax;
  }
  .cli-modal .cli-modal-dialog {
    max-width: 40%;
  }
  .cli-tab-container .cli-row {
    max-height: 700px;
  }
}

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

  .pl-40 {
    padding-left: 40px !important; /* Required */
  }
  .cli-bar-message {
    width: 80%;
  }
  .cli-bar-btn_container {
    display: flex;
    margin: auto;
    align-items: center;
    width: 20%;
    justify-content: space-evenly;
  }    
}

@media only screen and (max-width: 1100px) {

  body {
    overflow-x: hidden;
  }

  .cg-menu-below .leftnav.text-logo {
    position: absolute;
    top: 0px;
    height: 60px;
    line-height: 60px;
  }

  .text-logo a {
    top: 7px;
  }

  .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-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,
  .site-search {
    display: none;
  }

  .logo img,
  .cg-menu-below .logo img {
    max-height: 35px;
  }

  .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;
  }

  .vc_tta-panels {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  body .vc_tta.vc_general .vc_tta-panel-body {
    padding-top: 0px;
  }

  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;
  }

  .sidebar #secondary {
    padding-right: 0px;
  }

  .sidebar.right #secondary {
    padding-left: 0px;
  }
  .cli-bar-message {
    width: 100%;
    margin-bottom: 10px;
  }
  .cli-bar-btn_container {
    width: 100%;
  }   
}

@media (min-width: 992px) and (max-width: 1200px) {

  .rightnav input.search-field {
    width: 135px;
  }

  .cg-primary-menu .menu > li > a {
    padding-left: 17px;
    padding-right: 17px;
  }

 body,select,input,textarea,button,h1,h2,h3,h4,h5,h6 {
	line-height: 2vmax;
	font-size: 1.5vmax;
  }
  
 input[type="submit"], .wpcf7-form input[type="submit"], .text-logo a, .widget.button a, .woocommerce div.product form.cart .button, .woocommerce button.button.alt, .single_add_to_cart_button, .single_add_to_cart_button_click {
    line-height: 2vmax;
	font-size: 1.5vmax;
  }
  
  .content-area .entry-content p,.product p,.content-area .vc_toggle_title h4,.content-area ul,.content-area ol,.vc_figure-caption,.authordescription p,body.page-template-template-home-default .wpb_text_column p, .content-area .entry-content .vc_toggle_content p {
    line-height: 2vmax;
    font-size: 1.5vmax;
  }
  
  h1,.content-area h1,h1.cg-page-title,.summary h1,.content-area .summary h1 {
    line-height: 3.75vmax;
    font-size: 2.75vmax;
  }
  
  h2,.content-area h2, .content-area .grid-news h2 {
    line-height: 3.25vmax;
    font-size: 2.25vmax;
  }
  .woocommerce div.product .product_title, .woocommerce-tabs h2, .related h2, .upsells h2 {
    line-height: 3.25vmax;
    font-size: 1.8vmax;
  }
  
  h3,.content-area h3 {
    line-height: 3vmax;
    font-size: 2vmax;
  }
  
  h4,.content-area h4,body .vc_separator h4 {
    line-height: 2.5vmax;
    font-size: 1.75vmax;
  }
  
  h5,.content-area h5 {
    line-height: 2vmax;
    font-size: 1.5vmax;
  }
  
  h6,.content-area h6, .with-icon {
    line-height: 2vmax;
    font-size: 1.5vmax;
  }
  
    h4.widget-title,#secondary h4.widget-title a,.subfooter h4 {
    line-height: 2.5vmax;
    font-size: 1.5vmax;
  } 
    .breadcrumbs-wrapper p, .first-footer, .blog-meta, .product_meta, .second-footer {
    line-height: 1.75vmax;
    font-size: 1.25vmax;
  } 
  #secondary ul, #secondary ul li, .sidebar ul.sub-menu li, .wpseo-opening-hours td, .wpb_category_n_menu_accordion ul li a, .facetwp-display-value, .facetwp-slider-label, .fs-option-label  {
    line-height: 1.75vmax;
    font-size: 1vmax;
  }
  .entry-content a.more-link, .entry-content a.more-link:after, .button, .content-area .blog-pagination ul li a, .custom-spoiler-title, .custom-spoiler-icon {
    line-height: 2vmax;
    font-size: 1.5vmax;
  }
  .cg-blog-article footer, body.single footer.entry-meta {
    line-height: 1.5vmax;
    font-size: 1vmax;
  }
}

@media only screen and (max-width: 992px) {

  /* Hide Share Options on mobile */
  .breadcrumbs-wrapper p.cg-share {
    display: none;
  }
  .first-footer h4.widget-title {
    margin-top: 0px;
  }
  .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 {
    padding: 0px;
    border: none;
    flex: auto;
  }
  .second-footer {
    position: relative;
    height: auto !important; /* Required */
  }
  .second-footer ul.inline.right {
    text-align: left;
    margin-top: 7px;
    margin-left: -16px;
  }
  .top-bar-right {
    text-align: left;
  }
  .cg-announcements .top-bar-right ul li {
    margin-left: 0px;
    margin-right: 20px;
  }
  .sidebar #secondary {
    border: none;
    flex: auto;
    padding-bottom: 30px;
  }
  .sidebar.right .widget.button.icon i {
    left: 13px;
  }
  .sidebar.right #secondary {
    border: none;
  }
  
 body,select,input,textarea,button,h1,h2,h3,h4,h5,h6 {
	line-height: 3vmax;
	font-size: 2vmax;
  }
  input[type="submit"], .wpcf7-form input[type="submit"], .text-logo a, .widget.button a, .woocommerce div.product form.cart .button, .woocommerce button.button.alt, .single_add_to_cart_button, .single_add_to_cart_button_click {
    line-height: 3vmax;
	font-size: 2vmax;
  }
  .content-area .entry-content p,.product p,.content-area .vc_toggle_title h4,.content-area ul,.content-area ol,.vc_figure-caption,.authordescription p,body.page-template-template-home-default .wpb_text_column p, .content-area .entry-content .vc_toggle_content p {
    line-height: 3vmax;
	font-size: 2vmax;
  }
  h1,.content-area h1,h1.cg-page-title,.summary h1,.content-area .summary h1 {
    line-height: 4.5vmax;
    font-size: 3.5vmax;
  }
  h2,.content-area h2, .content-area .grid-news h2 {
    line-height: 3.6vmax;
    font-size: 2.6vmax;
  }
    .woocommerce div.product .product_title, .woocommerce-tabs h2, .related h2, .upsells h2 {
    line-height: 3.6vmax;
    font-size: 2.2vmax;
  }
  h3,.content-area h3 {
    line-height: 3.4vmax;
	font-size: 2.4vmax;
  }
  h4,.content-area h4,body .vc_separator h4 {
    line-height: 3.2vmax;
	font-size: 2.2vmax;
  }
  h5,.content-area h5 {
    line-height: 3vmax;
	font-size: 2vmax;
  }
  h6,.content-area h6, .with-icon {
    line-height: 3vmax;
	font-size: 2vmax;
  }
    h4.widget-title,#secondary h4.widget-title a,.subfooter h4 {
    line-height: 3.2vmax;
    font-size: 2.2vmax;
  } 
  .breadcrumbs-wrapper p, .first-footer, .blog-meta, .product_meta, .second-footer, .woocommerce table.shop_table, .woocommerce table.shop_table thead th {
    line-height: 2.8vmax;
    font-size: 1.8vmax;
  } 
  .entry-content a.more-link, .entry-content a.more-link:after, .button, .content-area .blog-pagination ul li a, .custom-spoiler-title, .custom-spoiler-icon {
    line-height: 3vmax;
	font-size: 2vmax;
  }
  .cg-blog-article footer, body.single footer.entry-meta {
    line-height: 2vmax;
    font-size: 1.5vmax;
  } 
}

@media only screen and (max-width: 991px) {
#secondary ul, #secondary ul li, .sidebar ul.sub-menu li, .wpseo-opening-hours td, .wpb_category_n_menu_accordion ul li a, .facetwp-display-value, .facetwp-slider-label, .fs-option-label  {
    line-height: 2.8vmax;
    font-size: 1.8vmax;
  }
.widget_tag_cloud a, .widget_product_tag_cloud a {
    font-size: 1.8vmax !important;
  }
}

@media only screen and (max-width: 768px) {

  textarea,
  input[type="text"],
  input[type="email"],
  input[type="button"],
  input[type="submit"] {
     -webkit-appearance: none;
     border-radius: 0;
  }

  #css-awards {
    display: none;
  }

  /* Mobile Details */
  .mobile-header-details {

    padding-top: 15px;
    display: block;
  }

  .mobile-header-details .cg-header-details {
    top: auto;
    transform: inherit;
    border: none;
    padding-left: 15px;
    margin-bottom: 10px;
  }

  .mobile-header-details .cg-header-details h4 {
    margin-bottom: 0px;
  }

  /* Hide top bar */
  .cg-announcements {
    display: none;
  }

  .cg-announcements.mobile-visible {
    display: block;
  }

  .cg-announcements.mobile-visible .top-bar-right {
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    padding-top: 8px;
    margin-top: 5px;
  }

  .cg-announcements.mobile-visible .top-bar-right ul {
    margin-bottom: -2px;
  }

  .cg-announcements.mobile-visible .top-bar-left ul li {
    display: block;
  }

  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;
  }

  .cg-menu-below .cg-extras .cg-header-details {
    float: none;
  }

  .blog-meta span.comments {
    float: none;
    display: block;
  }

  .comments-area {
    padding: 30px 15px;
  }

  .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;
  }

  .blog-meta span.cg-blog-author:after {
    display: none;
  }

  .blog-meta span.comments {
    display: block;
  }

  body .header-wrapper,
  body.woocommerce-page .header-wrapper {
    padding: 55px 0px 55px;
  }

  .cg-share.btn-group {
    display: none;
  }

  .first-footer .textwidget img.logo {
    max-width: 200px;
  }

  .second-footer ul.inline.right {
    text-align: left;
    margin: 5px 0px 0px 20px;
  }

  .second-footer ul {
    margin-bottom: 10px;
  }

  .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 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%;
  }
  body,h1,h2,h3,h4,h5,h6 {
	line-height: 3.25vmax;
	font-size: 2.25vmax;
  }
  
  input[type="submit"], .wpcf7-form input[type="submit"], .text-logo a, select,input, textarea, button, .widget.button a, .woocommerce div.product form.cart .button, .woocommerce button.button.alt, .single_add_to_cart_button, .single_add_to_cart_button_click {
    line-height: 3.25vmax;
    font-size: 2.25vmax;
  }
  
  .content-area .entry-content p,.product p,.content-area .vc_toggle_title h4,.content-area ul,.content-area ol,.vc_figure-caption,.authordescription p,body.page-template-template-home-default .wpb_text_column p, .content-area .entry-content .vc_toggle_content p {
    line-height: 3.25vmax;
    font-size: 2.25vmax;
  }
  
  h1,.content-area h1,h1.cg-page-title,.summary h1,.content-area .summary h1 {
    line-height: 4.5vmax;
    font-size: 3.5vmax;
  }
  
  h2,.content-area h2, .content-area .grid-news h2 {
    line-height: 3vmax;
    font-size: 3vmax;
  }
    .woocommerce div.product .product_title, .woocommerce-tabs h2, .related h2, .upsells h2 {
    line-height: 3vmax;
    font-size: 3vmax;
  }
  
  h3,.content-area h3 {
    line-height: 3.75vmax;
	font-size: 2.75vmax;
  }
  
  h4,.content-area h4,body .vc_separator h4 {
    line-height: 3.5vmax;
	font-size: 2.5vmax;
  }
  
  h5,.content-area h5 {
    line-height: 3.25vmax;
	font-size: 2.25vmax;
  }
  
  h6,.content-area h6, .with-icon {
    line-height: 3.25vmax;
	font-size: 2.25vmax;
  }
    h4.widget-title,#secondary h4.widget-title a,.subfooter h4 {
    line-height: 3.5vmax;
	font-size: 2.5vmax;
  } 
  .breadcrumbs-wrapper p, .first-footer, .blog-meta, .product_meta, .second-footer, .woocommerce table.shop_table, .woocommerce table.shop_table thead th {
    line-height: 3vmax;
    font-size: 2vmax;
  } 
  #secondary ul, #secondary ul li, .sidebar ul.sub-menu li, .wpseo-opening-hours td, .wpb_category_n_menu_accordion ul li a, .facetwp-display-value, .facetwp-slider-label, .fs-option-label  {
    line-height: 3vmax;
    font-size: 2vmax;
  }
  .entry-content a.more-link, .entry-content a.more-link:after, .button, .content-area .blog-pagination ul li a, .custom-spoiler-title, .custom-spoiler-icon {
    line-height: 3.25vmax;
    font-size: 2.25vmax;
  }
  .cg-blog-article footer, body.single footer.entry-meta {
    line-height: 2.25vmax;
    font-size: 1.7vmax;
  }
}