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

}