@media (min-width: 768px) {
  .main-banner-section {
    margin-right: 0;
    margin-left: 0;
  }
}
.main-banner-image img {
  border-radius: 10px 10px 0 0;
}
.main-banner-container {
  margin-bottom: 13px;
}
@media (min-width: 576px) {
  .main-banner-container {
    margin-bottom: 25px;
    border-radius: 10px;
  }
}
.main-banner-container .live-badge {
  top: 9px;
  left: 24px;
  right: inherit;
}
@media (min-width: 768px) {
  .main-banner-container .live-badge {
    top: 30px;
    left: 30px;
    right: inherit;
  }
}
.main-banner-slogan {
  background: #ffffff;
  border-radius: 0 0 10px 10px;
  padding: 19px 20px;
  margin: -5px 15px 0;
  box-shadow: 0 5px 10px 0 rgba(141, 176, 211, 0.3);
}
@media (min-width: 768px) {
  .main-banner-slogan {
    color: #f1f6fb;
    background: -moz-linear-gradient(top, #343b4d 0%, #262a35 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #343b4d 0%, #262a35 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #343b4d 0%, #262a35 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#343b4d", endColorstr="#262a35",GradientType=0 );
    padding-right: 33px;
    padding-left: 21px;
    border-radius: 0;
    box-shadow: -4px 0 10px 0 rgba(0, 0, 0, 0.2);
    margin: 0 0 0 -5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
  }
  .main-banner-slogan .date-publish {
    color: #9daab7;
    font-size: 12px;
    margin-bottom: 20px;
  }
  .main-banner-slogan .default-btn {
    color: #30323f !important;
  }
}
.main-banner-slogan .heading-default {
  font: 600 17px/21px "arimobold", sans-serif;
  height: 43px;
  overflow: hidden;
}
@media (min-width: 576px) {
  .main-banner-slogan .heading-default {
    font: 600 32px/36px "arimobold", sans-serif;
    height: auto;
  }
}
@media (min-width: 768px) {
  .main-banner-image {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 992px) {
  .main-banner-image {
    max-height: 500px;
    overflow: hidden;
  }
}
@media (min-width: 1400px) {
  .main-banner-image {
    max-height: inherit;
    overflow: visible;
  }
}
@media (min-width: 768px) {
  .main-banner-image img {
    height: 100%;
    object-fit: cover;
    border-radius: 5px;
  }
}
@media (min-width: 992px) {
  .main-banner-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
@media (min-width: 1400px) {
  .main-banner-image img {
    width: inherit;
    height: auto;
    object-fit: auto;
  }
}

/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22:3,%22sourceRoot%22:%22%22,%22sources%22:%5B%22file:///C:/Projects/idf_core/Idf.Web/wwwroot/scss/base/main-banner-hp.scss%22,%22file:///C:/Projects/idf_core/Idf.Web/wwwroot/scss/base/_varibales.scss%22,%22file:///C:/Projects/idf_core/Idf.Web/wwwroot/scss/base/_mixins.scss%22%5D,%22names%22:%5B%5D,%22mappings%22:%22AAQQ;EADJ;IAEQ;IACA;;;AAKJ;EACI;;AAIR;EACI;;AAEA;EAHJ;IAIQ;IACA;;;AAGJ;EACI;EACA;EACA;;AAEA;EALJ;IAMQ;IACA;IACA;;;AAKZ;EACI,YCzCA;ED0CA;EACA;EACA;EACA;;AAEA;EAPJ;IAQQ;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEA;IACI,OC9CA;ID+CA;IACA;;EAGJ;IACI;;;AAIR;EACI;EACA;EACA;;AAEA;EALJ;IAMQ;IACA;;;AAMR;EADJ;IAEQ;IACA;;;AAGJ;EANJ;IAOQ;IACA;;;AAGJ;EAXJ;IAYQ;IACA;;;AAIA;EADJ;IAEQ;IACA;IACA;;;AAGJ;EAPJ;IElFJ,OF0FgC;IEzFhC,QFyFsC;IAC1B;;;AAGJ;EAZJ;IElFJ,OF+FgC;IE9FhC,QF8FyC;IAC7B%22%7D */