@media (min-width: 200px) and (max-width: 767px) {
  .secc_desktop{
    display: none !important;
  }

  .secc_phone{
    display: -webkit-box !important;
  }

  .img__logo{
    width: 80%;
    margin-top: 70px;
  }

  .hero-area .owl-dots{
  	bottom: 60px !important;
  }

  .bg__logistic{
    background-image: url(../img/bg-logistica-movil.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }

  .text__logistic{
    font-family: BarlowCondensed-Regular;
    color: #fcc831;
    font-size: 45px;
    line-height: 100%;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 10px;
  }

  .text__event{
    font-family: BarlowCondensed-Regular;
    color: #fff;
    font-size: 45px;
    line-height: 100%;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 50px;
  }

  .btn__catalog, .btn__catalog:hover, .btn__catalog:focus{
	display: inline-block;
    font-family: BarlowCondensed-Regular;
    color: #000;
    font-size: 20px;
    text-align: center;
    padding: 10px 30px;
    text-transform: uppercase;
    background-color: #fcc831;
    border: 1px solid #fcc831;
    border-radius: 15px;
  }

  .text__bold{
    font-family: BarlowCondensed-SemiBold;
  }

  .bg__interval{
    margin-top: -50px;
    position: relative;
    z-index: -1;
  }

  .section-padding-events{
    padding-top: 120px;
    padding-bottom: 100px;
  }

  .bg__events{
    background-image: url(../img/bg-eventos-movil.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    margin-top: -50px;
  }

  .text__next{
    font-family: BarlowCondensed-Regular;
    color: #fcc831;
    text-transform: uppercase;
    font-size: 45px;
    line-height: 100%;
    font-weight: 600;
    margin-bottom: 50px;
  }

  .evento01{
    background-image: url(../img/eventos/01.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    height: 150px;
    width: 250px;
    transition: .5s ease-in-out;
  }

  .evento01:hover{
    background-image: url(../img/eventos/01-hover.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    height: 150px;
    width: 250px;
    transition: .5s ease-in-out;
  }

  .evento02{
    background-image: url(../img/eventos/02.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    height: 150px;
    width: 250px;
    transition: .5s ease-in-out;
  }

  .evento02:hover{
    background-image: url(../img/eventos/02-hover.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    height: 150px;
    width: 250px;
    transition: .5s ease-in-out;
  }

  .evento03{
    background-image: url(../img/eventos/03.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    height: 150px;
    width: 250px;
    transition: .5s ease-in-out;
  }

  .evento03:hover{
    background-image: url(../img/eventos/03-hover.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    height: 150px;
    width: 250px;
    transition: .5s ease-in-out;
  }

  .evento04{
    background-image: url(../img/eventos/04.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    height: 150px;
    width: 250px;
    transition: .5s ease-in-out;
  }

  .evento04:hover{
    background-image: url(../img/eventos/04-hover.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    height: 150px;
    width: 250px;
    transition: .5s ease-in-out;
  }

  .evento05{
    background-image: url(../img/eventos/05.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    height: 150px;
    width: 250px;
    transition: .5s ease-in-out;
  }

  .evento05:hover{
    background-image: url(../img/eventos/05-hover.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    height: 150px;
    width: 250px;
    transition: .5s ease-in-out;
  }

  .evento06{
    background-image: url(../img/eventos/06.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    height: 150px;
    width: 250px;
    transition: .5s ease-in-out;
  }

  .evento06:hover{
    background-image: url(../img/eventos/06-hover.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    height: 150px;
    width: 250px;
    transition: .5s ease-in-out;
  }

  .name__event{
    font-family: BarlowCondensed-Regular;
    color: #fff;
    font-size: 25px;
    text-transform: uppercase;
    margin-bottom: 0px;
	line-height: 120%;
  }

  .date__event{
    font-family: BarlowCondensed-SemiBold;
    color: #fff;
    font-size: 25px;
    text-transform: uppercase;
    margin-bottom: 10px;
	line-height: 120%;
  }

  .bg__contacto{
    background-image: url(../img/bg-contacto-movil.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }

  .text__more{
    font-family: BarlowCondensed-Regular;
    color: #fff;
    font-size: 45px;
    line-height: 100%;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 20px;
  }

  .btn__brochure, .btn__brochure:hover, .btn__brochure:focus{
	display: inline-block;
    font-family: BarlowCondensed-Regular;
    color: #000;
    font-size: 20px;
    text-align: center;
    padding: 10px 30px;
    text-transform: uppercase;
    background-color: #fcc831;
    border: 1px solid #fcc831;
    border-radius: 15px;
  }

  .title__contact{
    font-family: BarlowCondensed-Regular;
    color: #fff;
    font-size: 45px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    margin-top: 50px;
    margin-bottom: 30px;
  }

  .padding__custom01{
    padding-right: auto;
  }

  .padding__custom02{
    padding-left: auto;
  }

  .border__radius--custom01{
    border-top-left-radius: 25px !important;
    border-bottom-left-radius: 25px !important;
    border-top-right-radius: 25px !important;
    border-bottom-right-radius: 25px !important;
  }

  .border__radius--custom02{
    border-top-left-radius: 25px !important;
    border-bottom-left-radius: 25px !important;
    border-top-right-radius: 25px !important;
    border-bottom-right-radius: 25px !important;
  }

  .btn__send{
    font-family: BarlowCondensed-Regular;
    color: #000;
    font-size: 20px;
    text-align: center;
    padding: 10px 30px;
    text-transform: uppercase;
    background-color: #fcc831;
    border: 1px solid #fcc831;
    border-radius: 15px;
  }

  .btn__conoce{
    margin-top: 50px;
    width: 250px;
  }
	
  .btn__whatsapp{
    margin-top: 50px;
    width: 170px;
  }

  .logo__footer{
    width: 80%;
    filter: contrast(0) brightness(0) invert(1);
    margin-bottom: 30px;
  }

  .link__docs, .link__docs:hover, .link__docs:focus{
    font-family: GothamBook;
    font-size: 18px;
    color: #fff;
  }

  .align__self--center{
    align-self: center;
  }

  .text__contact{
    font-family: GothamBook;
    color: #fff !important;
    line-height: 150%;
    font-size: 18px;
    margin-bottom: 0px;
  }

  .icon__contact{
    width: 20px;
  }

  .text__copyright{
    font-family: GothamBook;
    font-size: 13px;
    text-align: center;
    color: #000;
    line-height: 130%;
    margin-bottom: 20px;
  }

  .link__deux{
    font-family: GothamBook;
    font-size: 13px;
    font-weight: 600;
    transition: .5s ease-in-out;
  }

  .link__deux:hover, .link__deux:focus{
    font-family: GothamBook;
    font-size: 13px;
    font-weight: 600;
    color: #2c2c2c;
    transition: .5s ease-in-out;
  }

  .icon__social{
    width: 30px;
    margin: 0 6px;
  }

  .move__social{
    text-align: center;
  }
}