.container-discov{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    max-width: 1366px!important;
    margin-right: auto;
    margin-left: auto;
}
 .offer{
    width: 30%;
    margin-right: 25px;
   margin-bottom: 28px;
 }   
 .content-discov{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    height: 60px;
    margin-top: -1.6rem;
 }
 .cont-tit{
    font-size: 24px;
    font-family: 'Roboto Slab',arial,sans-serif;
    font-weight: 500;
    letter-spacing: .05rem;
    margin: 7px 25px;
 }
 .sub{
    font-size: 12px;
    font-family: 'Roboto',arial,sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    margin: 14px 25px 7px!important;
    color: white;
    letter-spacing: .05rem;
 }
 .discov-but{
   position: relative; left: 47%;
   margin-top: 42px; font-size: 12px;
 }
  .discov-but-one{
   position: relative; left: 31%;
   margin-top: 42px; font-size: 12px;
 }
 .discov-but-two{
   position: relative; left: 40%;
   margin-top: 42px; font-size: 12px;
 }
  .discov-but-three{
   position: relative; left: 33%;
   margin-top: 42px; font-size: 12px;
 }
 .offerss{   
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 0px;
    }
@media only screen and (max-width: 1370px){.discov-but-two{left: 35%}.discov-but{left: 43%;}.discov-but-one{left: 26%;}.discov-but-three{left: 28%;}}
@media only screen and (max-width: 1344px) {.discov-but{margin-top: 12px; left: 38%;} .discov-but-one{left: 17%;margin-top: 12px;}.discov-but-two{margin-top: 12px;}.discov-but-three{margin-top: 12px;}}
@media only screen and (max-width: 1200px)  {.offer{width: 45%;}.offerss{justify-content: flex-start;} .discov-but-one{left: 34%;}.discov-but-two{left: 25%;}}
@media only screen and (max-width: 840px)  {.offer{width: 90%!important; margin-left: 35px!important;}.offerss{justify-content: center!important;} .discov-but-one{left: 28%!important;}.discov-but-two{left: 40%!important;}.sub{margin: 14px 21px 7px!important;}}
@media only screen and (max-width: 500px)  {.offer{height: 350px!important;}.discov-but{left: 28%;}.discov-but-one{left: 5%!important;}.discov-but-two{left: 15%!important;}.leisure-title{font-size: 17px!important;}.discov-but-three{left: 9%;}}