@media (min-width: 0px) {  .mn-cards-3 {padding: 60px 0px 60px 0px ; }  }  @media (min-width: 576px) {  .mn-cards-3 {padding: 60px 0px 60px 0px ; }  }  @media (min-width: 768px) {  .mn-cards-3 {padding: 60px 0px 60px 0px ; }  }  @media (min-width: 992px) {  .mn-cards-3 {padding: 60px 0px 60px 0px ; }  }  @media (min-width: 1200px) {  .mn-cards-3 {padding: 120px 0px 120px 0px ; }  }  @media (min-width: 1400px) {  .mn-cards-3 {padding: 120px 0px 120px 0px ; }  }  .mn-cards-3 {background-color: #373e43; }  .mn-cards-3 .mn-card {border-radius: 20px ; }  .mn-cards-3 .mn-title {color: #ffffff; font-weight: 500; font-family: Unbounded; }  .mn-cards-3 .mn-text {color: #dddddd; font-weight: 400; }  .mn-cards-3 .mn-btn {background-color: rgba(0,0,0,0.22); color: #ffffff; border-radius: 30px ; border: 2px solid #ffffff; padding: 10px 30px 10px 30px ; }  .mn-cards-3 .mn-btn:hover {background-color: rgba(0,0,0,0.5); }  @media (min-width: 0px) {  .mn-cards-3 .mn-top-title {font-size: 28px; }  }  @media (min-width: 576px) {  .mn-cards-3 .mn-top-title {font-size: 28px; }  }  @media (min-width: 768px) {  .mn-cards-3 .mn-top-title {font-size: 28px; }  }  @media (min-width: 992px) {  .mn-cards-3 .mn-top-title {font-size: 38px; }  }  @media (min-width: 1200px) {  .mn-cards-3 .mn-top-title {font-size: 38px; }  }  @media (min-width: 1400px) {  .mn-cards-3 .mn-top-title {font-size: 38px; }  }  .mn-cards-3 .mn-top-title {color: #ffffff; font-family: Unbounded; }  .mn-cards-3 .mn-btn-all {padding: 10px 20px 10px 20px ; border-radius: 50px ; border: 2px solid #d6bb73; background-color: #1f2528; color: #ffffff; }  .mn-cards-3 .mn-btn-all:hover {background-color: #d6bb73; color: #ffffff;}