@media screen and (min-width:601px){ .vantitem {   display:flex;   align-items:center;   gap:20px;   text-align:left; }   .circledark, .circlelite {  max-width:150px;   }   .box.dayuse h1 .toph1 {  width:auto;   }   .box.dayuse:before {  right:-50px;   } } @media screen and (min-width:993px){   header .mobile-hide {  display:flex;   }   .box h1 {  font-size:50px   }   .box h1 .toph1{  font-size:2rem   }   header a.logo {  margin-left:initial;   }   header .container {  display:grid;  grid-template-columns:2fr 1fr   }   header .mob-wrapper {  display:grid;  grid-template-columns:1fr 1fr;   }   header .buttonshead {  margin-left:auto;   }   .box.dayuse h1 {  text-align:left;   }   .box {  padding:80px 0   } .box.dayuse .wrapper-top {  display:flex;  gap:100px;  margin-top: 100px;   } .box.dayuse:before {  right: -170px;  height:500px   }   .footerup {  display: flex;   text-align:left;  padding: 40px 30px;   }   .footerup .block1 {  display:flex;  gap:10px;  align-items:center;  padding-right: 30px; }   .footerup .block2 {  display:flex;  align-items:center;  gap: 20px;  margin-left: auto;  border-left: 1px solid white;  padding-left: 50px;   }   .footerup .block2 .btndef {  white-space: nowrap;  margin-top: 0;  margin-left:auto;   }   .footerup .block1 .phonebig {  white-space: nowrap;   }   footer .sides {  display:grid;  grid-template-columns:1fr 1fr;  margin-top: 50px;  gap:50px;   }   footer {  text-align:left;   }   footer a.logo, footer a.logo img {  margin: 0 0 20px 0;   }   footer .text {  text-align:left;   }   footer .block,   footer .redes-sociais {  justify-content:left;   } } @media screen and (min-width:1201px){   .footerup .block1 {  padding-left:80px;   }   .swiper-vantagens .swiper-wrapper {  display:grid;  grid-template-columns:1fr 1fr 1fr;  gap:15px;   }   .swiper-vantagens .swiper-wrapper .swiper-slide:nth-child(-n+3) .vantitem {  border-bottom:1px solid black;  padding-bottom:15px;   }   .box.dayuse:before {  right: -113px;  height: 600px;   } }