@media screen and (min-width:320px) and (max-width:1080px) and (orientation:landscape) {
    
 .content-header {
  padding: 0px 40px;
 }
    
 .header .menu {
    width: auto;
 }
 
 .header .menu .links {
  display: none;
 }

 .header .menu .contact{
  display: none;
 } 

 .header .menu .social {
  display: none;
 }
 
 .header .menu a img {
  width: 45px;
 }
 
 header#header.menu-fixed {
    padding: 2px 40px;
 }
 
 section.portada {
  padding: 50px 40px 0 40px;
 }
 
 .page .container {
  padding: 0 40px;
 }
 
 footer .container {
  padding: 0 40px;   
 }

 main.nosotros h2 {
  max-width: 74%;
  font-size: 30px;
 }

 main.nosotros .col.s4 h3 {
    font-size: 20px;
 }
 
 footer h3 {
    font-size: 30px;
 }
 
 footer .btn {
    padding: 13px 28px;
    font-size: 12px;
 }
 
 section.portada h1 {
    font-size: 40px;
    margin-left: -40px;
 }
 
 section.portada .btn {
    margin-left: -40px; 
 }
 
 .carousel .flex > div img {
    max-width: 280px;
    min-height: 280px;
    margin-left: 25%;
 }
 
  .carousel.carousel-slider .carousel-item h2 {
    font-size: 30px;
 }
 
 .carousel.carousel-slider .carousel-item h2 span {
    font-size: 40px;
 }
 
 .carousel.carousel-slider .carousel-item p {
   font-size: 12px;
 }
 
  .servicios .no-padding a span {
    line-height: 1.2;
    font-size: 12px;
 }

 .servicios .no-padding a span img {
   width: 36px;
 }
 
 .servicios .no-padding .s3 div {
   padding: 30px 20px;
 }
 
 .servicios .no-padding .s3 div h3 {
  font-size: 23px;
 }
 
 main.clientes h2.clr_morado {
    font-size: 30px;
 }
 
 .bg-contacto {
    height: 125vh;
 }
 
 .contactenos h2 {
    font-size: 30px;
 }
 
 .formulario {
    padding-left: 30px !important;
 }
 
 ul.social li.fb {
  display: inline-block;    
 }
 
 ul.social li.fb img {
    width: 30px;
 }
 
 ul.social li.instagran {
    margin-left: -50px;
    margin-top: 7px;
 }
 
 .contact .whatsapp a img {
  width: 30px;
 }

 
 /*.header .container {
     padding: 0;
 }*/
 
}