/* Styles Responsive Complex 2019 */
@media(max-width:1366px){
  .pr {
      width: 83% !important;
  }
}

@media(max-width:1200px){
  .left-control, .right-control{display: none;}
}

@media(max-width:1024px){
  .center-banner .col-xs-12{
    background-repeat: no-repeat;
  }
}

@media(max-width:991px){
  .center-banner .col-xs-12{
    padding: 47px 30px;
  }
  .two-columns {
    padding: 65px 20px 45px;
  }
  .two-columns .img-responsive{
    width: 100%;
  }
  .our-products .element-product{
    width: 100%;
  }
  .our-products .element-product img{
    width: 100%;
  }
  .our-products .carousel-item {
    min-height: 300px;
  }
  .carousel-indicators {
    bottom: -25px;
  }

  /*Menu*/
  .navbar-toggler:not(:disabled):not(.disabled){
    float: right;
    background: transparent;
    color: #fff;
  }
  .nav-masthead {
    padding: 10px 0;
    width: 100%;
    background: #1dace3;
    color: #fff;
    margin: 0!important;
  }
  .nav-masthead .link-nav{
    color: #fff;
    opacity: 0.8;
    border-top: 1px solid #2fa2ce;
  }
  .nav-masthead .link-nav:hover{
    opacity: 1;
    color: #1dace3;
     background:#fff;
  }
  .nav-header{
    width: 100%;
    float: left;
    text-align: center;
  }
  .nav-header .navbar-brand{
    position: relative;
    width: 100%;
    float: left;
  }
  .data-contact{
    margin-top: 0;
    background-color: #154da9;
    width: 100%;
    max-width: none;
    text-align: center;
    border-radius: 0px 0 9px 9px
  }
  .social-media{
    /*position: absolute;*/
    top: 0;
    left: 30px;
  }

  .Productos .our-products .element-product{
    width: 100%;
  }
}
@media(max-width:850px){
  .center-banner .col-xs-12 {
    padding: 20px 30px;
  }
  .video-slider{
    background-size:  cover;
    background-repeat: no-repeat;
  }
}

@media(max-width:768px){
  .main-navbar img {
      max-width: 100%;
  }
  .center-banner .col-xs-12 {
    padding: 20px 30px;
    min-height: 400px;
    background-size: auto;
  }
  .container {
      margin-top: 0px !important;
  }
  .el-carousel__container {
    height: 200px !important;    
  }
  .pr {
      width: 100% !important;
  }
}

@media(max-width:767px){
  .col-sm-8, .col-sm-4, .col-sm-6{
    width: 100%!important;
    max-width: 100%!important;
    min-width: 100%;
  }
  .center-banner .col-sm-4{
    text-align: center;
  }
  .center-banner img {
    margin-top: 0px;
  }
  .blue-divider-left{
    border-left: none;
    margin-top: 20px;
  }
  .blue-title {
    font-size: 24px;
  }
  .Home .main-navbar{
    min-height: 500px;
  }
  .our-products .col-sm-4{
    width: 33%!important;
    min-width: 33%;
  }
  .two-columns .img-responsive{
    max-width: 300px;
    margin: 0 auto;
  }
  .two-columns .cont-img{
  text-align: center;
  }
  .center-banner .col-xs-12 {
    background-size: 1344px;
  }
  .our-products .carousel-item{
    min-height: 204px;
  }
  .video-slider .carousel iframe{
    max-width: 400px;
    min-height: 250px;
  }

  .cont-product{
    width: 50%!important;
    max-width: 50%;
    min-width: 50%;
  }
  .products-navigation .col-3, .products-navigation .col-6{
    width: 100%;
    min-width: 100%;
    text-align: center;
  }
  .products-navigation .justify-content-end {
    justify-content: center !important;
  }
  .products-navigation{
    padding-bottom: 10px;
  }
  .cont-iframe{
    margin-bottom: 30px;
  }

  .nav-pills{width: 100%;}
  .pill-content{width: 100%;}
}

@media(max-width:600px){
  .logo-section .col-sm-2{
    width: 50%;
    min-width: 50%;
  }
  .logo-section .offset-sm-1{
    margin-left:0;
  }
  .our-products .container {
    padding: 10px 0;
  }
  .our-products h2 {
    font-size: 10px;
  }
  .our-products .col-sm-4 {
    padding: 0 2px;
  }
}

@media(max-width:500px){
  .center-banner .col-xs-12 {
    background-size: 1844px;
    background-position: bottom;
    padding: 20px 10px;
  }
  .video-slider .carousel iframe{
    max-width: 300px;
    height: 200px!important;
  }
  .Productos .our-products .carousel-item {
    height: auto;
    min-height: 155px;
  }
  .col-xs-6{
    padding: 0 6px;
  }
  footer br{
    display: block
  }
  footer span{
    display: none
  }
}