.slick-dots{position: absolute; z-index: 5;display: flex; flex-direction: row;}
.slick-dots button{display: none;}
.slick-dots li{width: 15px; height: 15px; background-color: #e5eff7; display: flex; margin-right:10px; border-radius: 0 8px 8px 0;}
.slick-dots .slick-active{background-color:  #004158;}
.slickNewsDotsBannerMain .slick-dots .slick-active{background-color:  #88b238;}
.slickNewsDotsBannerMain{position: relative;}
.slickNewsDotsBannerMain .slick-dots{position: absolute; top: 20px;left:25px;}
.slickNewsDotsBannerMain .slick-dots li{background-color: #fff;}
/*main-slider*/
.main-slider{background-color: #004158; background-image: url(../img/main-slider-bg.svg); background-repeat: no-repeat; background-size: cover;background-position: center; overflow: hidden; height: 750px;}
.main-slider span{display: block;}
.main-slider-header{font-size: 30px; color: #fff; font-weight: 800; margin-bottom: 10px;}
.main-slider-text{font-size: 25px; color: #a1aeb8; margin-bottom: 30px;}
.main-block-text-area{margin-top: 80px; margin-left: 150px;}
.main-banner-store-img{height: 40px; background-size: contain;background-position: center;background-repeat: no-repeat; float: left;}
.main-banner-store-img-l{margin-left: 30px;}
.main-banner-phone-bg{margin-left: 50px; position: relative; top: 80px;width: 360px; height: 710px;background-image: url(../img/iphone.svg);background-size: contain;background-position: center;background-repeat: no-repeat;}
.main-banner-buttons-container{
  display: flex;
  align-items: flex-start;
  flex-flow: row;
}
.age-main {
  display: inline-block  !important;
  vertical-align: middle;
  margin: 0 13px 24px 0;
  width: 45px;
  height: 29px;
  background: rgba(255, 255,255, 0.5);
  border-radius: 0 30px 30px 0;
  text-align: center;
  font-weight: 300;
  font-size: 14px;
  line-height: 30px;
  color: #004162;
}
.advertising-main {
  display: inline-block  !important;
  vertical-align: middle;
  margin: 0 13px 24px 0;
  justify-content: center;
  align-items: center;
  width: fit-content;
  padding: 0 12px;
  height: 29px;
  background: rgba(255, 255,255, 0.5);
  border-radius: 0 30px 30px 0;
  text-align: center;
  font-weight: 300;
  font-size: 14px;
  line-height: 30px;
  color: #004162;
}

@media (max-width: 1400px) {
  .main-banner-store-img-l{margin-left: 10px;}
  .main-banner-store-img{height: 30px;}
}
@media (max-width: 1300px) {
  .main-block-text-area{margin-left: 100px; margin-top: 50px;}
}
@media (max-width: 1110px) {
  .main-block-text-area{margin-left: 100px; margin-top: 50px;}
  .main-banner-phone-bg{width: 360px; margin-left: 30px;top:90px;}
  .main-block-text-area{margin-left: 50px;margin-top: 50px;}
  .main-slider-text{margin-bottom: 20px;}
}
@media (max-width: 990px) {
  .main-block-text-area{margin-left: 100px; margin-top: 50px;}
  .main-banner-phone-bg{width: 360px; margin-left: 30px;top:90px;}
  .main-block-text-area{margin-left: 50px;margin-top: 50px;}
  .main-slider-text{margin-bottom: 20px;}
}
@media (max-width: 940px) {
  .main-block-text-area{margin-left: 90px;}
    .main-banner-phone-bg{width: 340px;}
}
@media (max-width: 845px) {
  .main-banner-store-img-l{margin-left: 10px;}
}


@media (max-width: 815px) {
  .main-block-text-area{margin-left: 50px;}
  .main-banner-phone-bg{width: 320px;}
}
@media (max-width: 768px) {
  .main-block-text-area{margin: 50px; margin-bottom: 0;}
  .main-banner-phone-bg{top: 5px;left:calc(50% - 150px);margin: 0;width: 300px;}
  .main-slider{height: 780px;}
}
@media (max-width: 580px) {
  .main-block-text-area{margin: 50px 30px; margin-bottom: 0;}
  .main-banner-phone-bg{top: 5px;left:calc(50% - 150px);margin: 0;width: 300px;}
}
@media (max-width: 500px) {
  .main-block-text-area{margin: 50px 20px; margin-bottom: 0;}
  .main-banner-phone-bg{top: 5px;left:calc(50% - 150px);margin: 0;width: 300px;}
  .main-slider{height: 880px;}
}
@media (max-width: 400px) {
  .main-block-text-area{margin: 50px 20px; margin-bottom: 0;}
  .main-banner-phone-bg{top: 5px;left:calc(50% - 150px);margin: 0;width: 300px;}
  .main-slider{height: 900px;}
  .main-slider span{font-size: 20px;}
  .main-banner-store-img-l{margin-left: 10px;}
  .main-block-text-area{margin: 50px 0px;}
}
@media (max-width: 350px) {
  .main-banner-store-img-l{margin-left: 0px;}
  .main-banner-store-img{height: 35px;}
  .main-banner-phone-bg{width: 250px; left: calc(50% - 125px); height: 580px;}
  .main-slider{height: 780px;}
}