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

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

  .img__logo{
    width: 160px; 
  }

  .breakpoint-on .classynav ul li a {
    padding: 0 10px;
    height: 48px;
    line-height: 48px;
  }

  .breakpoint-on .classycloseIcon{
	display: none !important;
  }

  .header-area .is-sticky .pixel-main-menu .classy-nav-container .classy-navbar-toggler .navbarToggler span{
	background-color: #525251;
  }

  .breakpoint-off .classynav{
    position: relative;
    top: 20px;
    transition: .2s ease-in-out;
  }

  .header-area .is-sticky .pixel-main-menu .breakpoint-off .classynav{
    position: relative;
    top: 10px;
    transition: .2s ease-in-out;
  }

  .header-area .is-sticky .pixel-main-menu .breakpoint-off .img__logo{
    width: 170px;
    transition: .2s ease-in-out;
  }

  .header-area .is-sticky .pixel-main-menu .classy-navbar .classynav ul li a{
    color: #525251;
    transition: .2s ease-in-out;
  }

  .header-area .is-sticky .pixel-main-menu .classy-navbar .classynav ul li a.active {
    color: #f4b501;
    transition: .2s ease-in-out;
  }

  header{
    background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.8) 100%)  
  }

  .btn__slider{
    background-color: #fff;
    color: #525251;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    margin-top: 30px;
    padding: 15px 22px;
    border-radius: 0px;
    transition: .5s ease-in-out;
  }

  .btn__slider:hover, .btn__slider:focus{
    background-color: #f4b501;
    color: #fff;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 600;
    margin-top: 30px;
    padding: 15px 22px;
    border-radius: 0px;
    transition: .5s ease-in-out;
  }

  .section-padding-nosotros{
    padding-top: 50px;
    padding-bottom: 0;
  }

  .img__about{
	margin-top: 40px;
	width: 55%;
  }

  .move__text--about{

  }

  .title__about{
    color: #f4b501;
    font-family: 'Heebo-Medium';
    font-size: 40px;
    line-height: 110%;
    margin-bottom: 30px;
  }

  .text__about{
    color: #525251;
    font-family: 'Heebo-Light';
    font-size: 25px;
    line-height: 120%;
    margin-right: 0px;
    margin-bottom: 40px;
  }

  .align__self--top{
  align-self: flex-start;
  }

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

  .img__logo-3m{
    float: right;
    width: 150px;
    margin-right: 30px;
  }

  .bg__slogan{

  }

  .group__slogan{
    align-items: center;
    position: relative;
  }

  .text__slogan{
    color: #525251;
    font-family: 'Heebo-Medium';
    font-size: 30px;
    line-height: 120%;
    text-align: left;
    margin-bottom: 0;
    margin-left: 40px;
    margin-right: 40px;
    z-index: 1;
  }

  .img__circle--slogan{
    width: 250px;
    position: absolute;
    left: 30px;
    top: -60px;
    z-index: -1;
  }

  .section-padding-features{
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .bg__features{
    background-image: url('img/img_circle3.png');
    background-repeat: no-repeat;
    background-size: 150px;
    background-position: -70px 20px;
  }

  .img__feature{
    width: 160px !important;
    margin-bottom: 20px;
    transform: scale(1);
    transition: .5s ease-in-out;
	/*filter: brightness(0) saturate(100%) invert(30%) sepia(6%) saturate(97%) hue-rotate(22deg) brightness(96%) contrast(84%);*/
  }

  .img__feature:hover{
    width: 160px !important;
    margin-bottom: 20px;
    transform: scale(1.1);
    transition: .5s ease-in-out;
  }

  .text__feature{
    color: #525251;
    font-size: 25px;
    text-align: center;
    line-height: 120%;
    margin-bottom: 0;
  }

  .section-padding-soluciones{
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .bg__solutions{
    background: #525251;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: relative;
    z-index: 1;
	border-bottom-left-radius: 200px;
	border-bottom-right-radius: 200px;
  }

  .title__solutions{
    font-family: 'Heebo-Medium';
    color: #f4b501;
    font-size: 40px;
    line-height: 100%;
    margin-bottom: 0;
  }

  .subtitle__solutions{
    font-family: 'Heebo-Light';
    color: #fff;
    font-size: 30px;
    font-weight: 100;
    line-height: 100%;
    margin-bottom: 15px;
  }

  .text__solutions{
    font-family: 'Heebo-Light';
    color: #fff;
    font-size: 25px;
    font-weight: 100;
    line-height: 100%;
    margin-bottom: 50px;
  }

  .bg__card--solution{
    transition: .5s ease-in-out;
  }

  .img__solution--card{
    width: 90% !important;
    margin-bottom: 25px;
    transition: .7s ease-in-out;
  }

  .title__solution--card{
    color: #f4b501;
    font-family: 'Heebo-Medium';
    font-size: 35px;
    line-height: 100%;
    margin-bottom: 10px;
  }

  .text__solution--card{
    color: #fff;
    font-family: 'Heebo-Light';
    font-size: 25px;
    font-weight: 100;
    line-height: 120%;
    margin-bottom: 0;
  }

  .img__sun{
    width: 120px;
    margin-top: 50px;
    margin-bottom: 0px;
  }

  .banner-container {
    position: relative;
    width: 100%;
    overflow: hidden;
  }

  .banner-container img {
    width: 100%;
    height: auto;
    display: block;
  }

  .button-center {
    position: absolute;
    top: 75%;
    left: 50%;
    width: 100% !important;
    transform: translateX(-50%);
    z-index: 9;
  }

  .title__banner{
    font-family: 'Heebo-Medium';
    color: #fff;
    font-size: 45px;
    text-align: center;
    line-height: 100%;
    margin-bottom: 0;
    top: 50px;
  }

  .bg__banner{
  	background-image: url('img/bg01.webp');
  	background-repeat: no-repeat;
  	background-size: cover;
	background-position: center;
    position: relative;
    z-index: 0;
    margin-top: -170px;
  }

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

  .title__peliculas{
    font-family: 'Heebo-Medium';
    color: #f4b501;
    font-size: 40px;
    font-weight: 500;
    text-align: center;
    line-height: 100%;
    margin-bottom: 0;
  }

  .subtitule__peliculas{
    font-family: 'Heebo-Light';
    color: #525251;
    font-size: 30px;
    font-weight: 100;
    text-align: center;
    line-height: 100%;
    margin-bottom: 15px;
  }

  .text__peliculas{
    font-family: 'Heebo-Light';
    color: #525251;
    font-size: 25px;
    text-align: center;
    line-height: 120%;
    margin-bottom: 70px;
  }

  .bg__technology{
    background-color: #f4b501;
    height: 300px;
    margin-bottom: 350px;
  }

  .title__tech{
    color: #fff;
    font-size: 30px;
    font-family: 'Heebo-Medium';
    margin-bottom: 0;
    line-height: 120%;
    text-align: center;
  }

  .text__tech{
    color: #525251;
    font-size: 30px;
    font-family: 'Heebo-Light';
    line-height: 120%;
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
  }

  .img__tech--01, .img__tech--01:hover, .img__tech--01:focus{
    background-image: url('img/tecnologia/01.webp');
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 85%;
    height: 350px;
    transition: .5s ease-in-out;
  }

  .img__tech--02, .img__tech--02:hover, .img__tech--02:focus{
    background-image: url('img/tecnologia/02.webp');
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 85%;
    height: 350px;
    transition: .5s ease-in-out;
  }

  .img__tech--03, .img__tech--03:hover, .img__tech--03:focus{
    background-image: url('img/tecnologia/03.webp');
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 85%;
    height: 350px;
    transition: .5s ease-in-out;
  }

  .section-padding-marcas{
    padding-top: 0;
    padding-bottom: 50px;
  }

	.testimonial-slides .owl-prev{
	    position: absolute;
	    top: 50%;
	    left: 0px;
	}

	.testimonial-slides .owl-next {
	    left: auto;
	    right: 0px;
	}

  .single-testimonial-slide img {
    margin: 0 auto;
    width: 70% !important; }

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

  .bg__descanso{
    background-image: url('img/bg02.webp');
    background-repeat: no-repeat;
    background-size: cover;
  }

  .title__descanso{
    font-family: 'Heebo-Medium';
    font-size: 40px;
    color: #fff;
    font-weight: 500;
    text-align: center;
    line-height: 120%;
    margin-bottom: 0;
  }

  .bg__projects{
    background-color: #525251;
  }

  .section-padding-projects{
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .title__projects{
    font-family: 'Heebo-Medium';
    font-size: 40px;
    color: #f4b501;
    line-height: 100%;
    margin-bottom: 0
  }

  .subtitle__projects{
    font-family: 'Heebo-Light';
    font-size: 30px;
    font-weight: 100;
    color: #fff;
    line-height: 100%;
    margin-bottom: 50px;
  }

  .img__project{
    width: 100%;
    margin-bottom: 25px;
  }

  .group__projects{
    display: flex;
  }

  .section-padding-contact{
	padding-top: 70px;
	padding-bottom: 70px;
  }

  .title__contact{
    color: #f4b501;
    font-size: 40px;
    font-family: 'Heebo-Medium';
    line-height: 100%;
    margin-bottom: 0;
  }

  .subtitle__contact{
    color: #525251;
    font-size: 25px;
    font-family: 'Heebo-Light';
    line-height: 120%;
    margin-bottom: 50px;
  }

  .contact-form-area input, .contact-form-area textarea {
    background-color: rgba(244, 181, 1, .12);
    width: 100%;
    height: 50px;
    margin-bottom: 15px;
    font-size: 18px;
    color: #525251;
    text-transform: uppercase;
    text-indent: 10px;
    border: none;
    border-radius: 0;
    border-bottom: 2px solid transparent;
    transition-duration: 500ms;
  }
  .contact-form-area textarea {
	height: 250px;
	padding-top: 20px;
	margin-bottom: 20px; }

  .btn__send{
    background-color: #525251;
    border: 1px solid #525251;
    color: #f4b501;
    font-family: 'Heebo-Light';
    font-size: 18px;
    padding: 10px 18px;
    text-transform: uppercase;
    border-radius: 0;
    float: right;
    transition: .5s ease-in-out;
  }

  .btn__send:hover, .btn__send:focus{
    background-color: #f4b501;
    border: 1px solid #f4b501;
    color: #525251;
    font-family: 'Heebo-Light';
    font-size: 18px;
    padding: 10px 18px;
    text-transform: uppercase;
    border-radius: 0;
    float: right;  
    transition: .5s ease-in-out;
  }

  .section-padding-footer{
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .bg__footer{
    background-color: #f4b501;
  }

  .logo__footer{
    width: 60%;
    display: block;
    margin: 0 auto 35px auto;
  }

  .group__contact{
    display: block;
    padding-left: 0;
    text-align: center;
  }

  .title__address{
    color: #525251;
    font-family: 'Heebo-Medium';
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 0;
    letter-spacing: 1px;
    text-transform: uppercase;
  }

  .text__address{
    color: #525251;
    font-family: 'Heebo-Light';
    font-size: 22px;
    text-transform: uppercase;
  }

  .title__schedules{
    color: #525251;
    font-family: 'Heebo-Medium';
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 0;
    letter-spacing: 1px;
  }

  .text__schedules{
    color: #525251;
    font-family: 'Heebo-Light';
    font-size: 25px;
  }

  .title__phone{
    color: #525251;
    font-family: 'Heebo-Medium';
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 0;
    letter-spacing: 1px;
  }

  .text__phone{
    color: #525251;
    font-family: 'Heebo-Light';
    font-size: 25px;
  }

  .group__menus--footer{
    padding-top: 20px;
    padding-bottom: 30px;
    text-align: center;
  }

  .link__menu--footer{
    color: #525251;
    font-family: 'Heebo-Medium';
    font-size: 20px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 100%;
    margin: 0px 15px;
    transition: .5s ease-in-out;
  }

  .link__menu--footer:hover, .link__menu--footer:focus{
    color: #525251;
    font-family: 'Heebo-Medium';
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 100%;
    margin: 0px 15px;
    transition: .5s ease-in-out;
  }

  .link__privacy, .link__privacy:hover, .link__privacy:focus{
    color: #525251;
    font-family: 'Heebo-Light';
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    line-height: 100%;
    margin: 0px 15px;
    transition: .5s ease-in-out;
  }

  .link__deux, .link__deux:hover, .link__deux:focus{
    color: #525251;
    font-family: 'Heebo-Light';
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    line-height: 100%;
    margin: 0px 15px;
    transition: .5s ease-in-out;
  }

  .modal-lg{
    max-width: 730px;
  }

  .modal-body{
    padding: 2rem 2rem 2rem 0rem;
  }

  .bg__yellow{
    background-color: #f4b501;
  }

  .bold{
    font-family: 'Heebo-Medium';
    font-weight: 600;
  }

  .button__close--move{
    margin-bottom: -20px;
  }

  .close, .close:hover, .close:focus {
    float: right;
    font-size: 3.5rem;
    font-weight: 100;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
    z-index: 9;
    position: relative;
    top: -20px;
    margin-right: 0px;
    outline: 0 !important;
    text-decoration: none !important;
    border: 0 !important;
  }

  .img__modal{
    width: 95%;
  }

  .title__modal{
    color: #f4b501;
    font-family: 'Heebo-Medium';
    font-size: 50px;
    line-height: 100%;
    margin-bottom: 20px;
  }

  .title__modal--ConSub{
    color: #f4b501;
    font-family: 'Heebo-Medium';
    font-size: 50px;
    line-height: 70%;
    margin-bottom: 20px;
  }

  .title__modal--tech{
    color: #fff;
    font-family: 'Heebo-Medium';
    font-size: 50px;
    line-height: 100%;
    margin-bottom: 20px;
  }

  .subtitle__modal{
    font-size: 30px;
  }

  .text__modal{
    color: #525251;
    font-family: 'Heebo-Light';
    font-size: 20px;
    line-height: 120%;
    margin-bottom: 0;
  }

  /* CSS de proyectos */
  .section-padding-bannerProject{
    padding-top: 150px;
    padding-bottom: 150px;
  }

  .bg__projects--banner{
    background-image: url('img/slider/01.webp');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }

  .title__projects--banner{
    color: #f4b501;
    font-family: 'Heebo-Medium';
    font-size: 50px;
    line-height: 100%;
    margin-bottom: 0;
    position: relative;
    top: 100px;
  }

  .section-padding-gallery{
    padding-top: 70px;
    padding-bottom: 50px;
  }

  .title__projects--gallery{
    color: #f4b501;
    font-family: 'Heebo-Medium';
    font-size: 40px;
    line-height: 100%;
    margin-bottom: 0;
  }

  .subtitle__projects--gallery{
    color: #525251;
    font-family: 'Heebo-Light';
    font-size: 25px;
    line-height: 100%;
    margin-bottom: 50px;
  }

  .img__thumbnail{
    width: 100%;
    height: auto;
  }
}