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

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


/*responsivo old pcs 1024*/
@media (min-width: 970px) and (max-width: 1100px) {
  
 .cg-menu-below{
    height: 190px;
  }
  
  .mean-bar {display:none;}
  
 .headerbanner, .headerbanner-int {
    right: 200px;
    top: 0px;
  }
  
  .headerbanner, .headerbanner-int img {max-height:175px; width:auto;}
  
  .headeridioma {
    top: 5px;
  }
  
  .headercontador {top: 25px;}
  .headerregistro {top: 93px;}
	.headersociales {top: 145px;}
  .rightnav input.search-field {
    width: 135px;
  }
	
  .rightnav {
    float: right;
    width:100%;
    z-index: 2;
  }
  
	.logo img,
  .cg-menu-below .logo img {
    /* max-width: 200px; */
    max-height: 180px;
  }

  .leftnav.logo {
    position: absolute;
    top: 0px;
  }
  
  .content-area {padding:0px;}
  
  [class*='total-col-'] { float: left; margin: 0; width: 311px; margin-bottom: 30px;}
  
  .total-col-1-3-m {margin:0px 15px;}
  
  .logosfooter1 {width: 308px !important; margin-left: 0px !important; margin-right: 15px !important;}
  .logosfooter2 {width: 150px !important; margin-left: 0px !important; margin-right: 8px !important;}
  .logosfooter3 {width: 150px !important; margin-left: 0px !important; margin-right: 15px !important;}
  .logosfooter4 {width: 308px !important; margin-left: 0px !important; margin-right: 0px !important;}


  
}

/*responsivo tablet landscape*/
@media (min-width: 768px) and (max-width: 970px) {
  
  .logo img,
  .cg-menu-below .logo img {
    /* max-width: 200px; */
    max-height: 180px;
  }
  
  .breadcrumbs-wrapper p.cg-share {
    display: none;
  }

  .activate-mobile-search, .mean-bar {
    display: none;
 }
  
  .container {width:900px;}
  
  .headeridioma {top: 5px;}
  .headercontador {top: 25px;}
  .headerregistro {top: 93px;}
	.headersociales {top: 145px;}
  .headerbanner, .headerbanner-int {top:20px;right:200px}
  .headerbanner img, .headerbanner-int img {height: 150px; width: auto;}
  [class*='total-col-'] {float: left; margin: 0;width: 293px; margin-bottom: 30px;}
  .total-col-1-3-m {margin: 0px 10px;}
  
  .col-sm-12 {width:25%;}
  
  .logosfooter1 {width: 293px !Important; padding: 0px !IMPORTANT; margin-right: 10px !important;}
  .logosfooter2 {width: 135px !Important; padding: 0px !IMPORTANT; margin-right: 20px !important;}
  .logosfooter3 {width: 135px !Important; padding: 0px !IMPORTANT; margin-right: 10px !important;}
  .logosfooter4 {width: 293px !Important; padding: 0px !IMPORTANT; margin-left: 0px !important;}

}

/*responsivo tablet portrait*/
@media (min-width: 660px) and (max-width: 768px) {

  body {
    overflow-x: hidden;
  }

  
  body #live-preview .open {
    display: none;
  }

  .mean-container {
    position: absolute;
    background: #646464;
    top: 155px;
    z-index: 99;
    width: 100%;
    height:40px;
  }
    
  .activate-mobile-search, .mean-bar {
    display: inline;
 }
  
  .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;
  }

  .leftnav 
  .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: 150px;
    margin-left:10px;
  }

  .leftnav.logo {
    position: absolute;
    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;
  }

  .cg-menu-below {height:200px;}
  .container { width:100%;}
  
	
  .headerdt3 {
    margin-right:30px;
  }
  
  .headerbanner, headerbanner-int {
    right: 200px;
    top: 0px;
    position: absolute;
  }
  
  .headerbanner img, .headerbanner-int img {height:100px; width:auto;}
  
  .headeridioma {
    width: 180px;
    text-align: center;
    position: absolute;
    right: 16px;
    top: 5px;
  }

  .headercontador {
    border: 1px solid #c0c0c0;
    border-radius: 4px;
    position: absolute;
    right: 0px;
    top: 20px;
    width: 190px;
    padding: 3px;
    height: 43px;
  }
  
  .headerregistro {
    position: absolute;
    top: 70px;
    right: 0px;
    font-size: 9px;
    text-align: center;
    }
  .headersociales {
    position: absolute;
    top: 120px;
    right: 0px;
    font-size: 9px;
    text-align: center;
    width: 190px
  }

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

  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: right;
    width:590px;
    z-index: 2;
    position:absolute;
    right:20px;
  }
  
  .rightnav .extra { float: none;  width: 718px;} 

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

  .header-wrapper .cta-button {
    text-align: left;
    margin-top: 10px;
  }

  .header-wrapper .cta-button a {
    float: none;
    margin-top: 5px;
    font-size: 16px;
  }

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

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

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

  .second-footer ul.inline.right {
    text-align: left;
  }

  .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 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 .project-container .title {
    transform: translate(0px, -15px);
  }

  .project-item .project-container .tags {
    transform: translate(0px, -15px);
  }
	
   	[class*='total-col-'] { float: none; margin: 0; width: 100%; margin-bottom: 30px;}

}


/*responsivo phablet*/
@media only screen and (max-width: 660px) {

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

  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: right;
    width:100%;
    z-index: 2;
    margin-bottom: 10px;
  }
  
  .rightnav .extra { width: 100%; } 

  .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: right;
  }
  
  .cg-menu-below {
    height: 170px;
  }

  .header-wrapper .cta-button {
    text-align: left;
    margin-top: 10px;
  }

  .header-wrapper .cta-button a {
    float: none;
    margin-top: 5px;
    font-size: 16px;
  }
  .cg-main-menu {display:none;}
	.headerbanner img, .headerbanner-int img {
    max-width: 100%;
	height: auto;
	}
	
.mean-container {
    position: absolute;
    background: #646464;
    top: 130px;
    z-index: 99;
    width: 100%;
    height: 40px;
}
  .leftnav.logo {
    position: absolute;
   top: 12px;
    left: 15px;
	}
	
.cg-main-logo img {max-width:105px; height:auto; }
  .blog-meta span.comments {
    float: none;
  }
.headeridioma {
    font-size: 8px;
    position: absolute;
    right: 20px;
    top: 0px;
    text-align: center;
    font-weight: bold;
    margin-right: 14px;
	width: 180px;
}

.headercontador {
    border: 1px solid #c0c0c0;
    border-radius: 4px;
    position: absolute;
    right: 20px;
    top: 16px;
    width: 180px;
    padding: 5px;
    height: 40px;
}
.hoth-digit {font-size: 10px;}

.hoth-dash_title {top: 15px;}

.headerregistro {
    position: absolute;
    top: 60px;
    right: 20px;
    font-size: 9px;
    text-align: center;
}

.headersociales {
    position: absolute;
    top: 95px;
    right: 20px;
    font-size: 9px;
    text-align: center;
    width: 180px;
}
.headerbanner, .headerbanner-int {
    right: 20px;
    top: 130px;
    position: absolute;
	display:none;
}
.cta-button a {font-size: 16px;  padding: 10px 50px;}
  .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;
  }

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

  .second-footer ul.inline.right {
    text-align: left;
  }

  .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 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 .project-container .title {
    transform: translate(0px, -15px);
  }

  .project-item .project-container .tags {
    transform: translate(0px, -15px);
  }
	
  .headerdt1 {margin: 0px; width: 100%;}
  .headerdt2 {width: 100%; margin: 15px auto; top: 10px;}
  .headerdt3 {width: 50%; margin: 0px 18%; top:0px;}
  
  .headerregistro span {
    z-index: 999;
    top: 24px;
    position: absolute;
    color: #fff;
    right: 43px;
    text-align: center;
    letter-spacing: 2px;
  }
  
  	[class*='total-col-'] { float: none; margin: 0; width: 100%; margin-bottom: 30px;}
  
  .logosfooter1, .logosfooter2, .logosfooter3, .logosfooter4 {width: 100% !Important;padding: 0px !IMPORTANT;}
  .logosfooter4 {margin-left:0px !Important;}
  
  .col-xs-6 {width:100%; }
  
  .1col {margin-bottom: 50px;}

}