@media screen and (min-width:601px){ .box.map .container {   background-size:initial; }  .box {  padding:60px 0 } .info.mail {   display: flex; } } @media screen and (min-width:993px){  .box h1, footer h1 {   font-size: 46px;  }  .sides {   display:grid;   grid-template-columns:1fr 1fr;   gap:40px  }  .box.sistema {   padding-bottom:60px;   position:relative;  }  .sistema .celimg {   display:none;  }  footer a.logo img {   margin:0;  }  footer .sidea {   text-align:left;  }  footer .infos {   display:block;  }   footer .infos .info {   justify-content:left;  }  footer .redes-sociais {   justify-content:left;  }  .sistema .sides .sidea:before {   background: url(//datasideautomacao.com.br/__dataside/imgs/sistema3.webp) no-repeat bottom right;   content:'';   display:block;   position:absolute;   top:0;   bottom:0;   left:0;   width:50%;   background-size:contain;  }  .faq-wrapper {  display: grid;   grid-template-columns: 1fr 1fr;   gap: 0 30px;  }   .ban .sides {   grid-template-columns: 1.5fr 1fr;   align-items:center;  }  .ban .boxes {   display:grid;   grid-template-columns:1fr 1fr;   gap:20px;  }  footer .sides .sideb {   order:2  } } @media screen and (min-width:1078px){ .menuhead {   display: block;   margin-left:auto;  }  .menuhead ul {   display: flex;   align-items:center;   gap:10px  }  .sidebar-trigger-mainmenu {   display:none;  } } @media screen and (min-width:1230px){ .menuhead ul li a {  padding: 0 15px } } 