@media screen and (max-width: 1600px) {
  .diplo-header {
    padding: 20px 40px;
  }

  .diplo-header .pic img {
    max-height: 120px;
  }

  .diplo-header span {
    font-size: 14px;
  }

  .diplo-header .dp-content .info h2 {
    font-size: 20px;
    font-weight: 500;
    margin: 5px 0;
  }

  .diplo-header p {
    font-size: 15px;
  }

  .diplo-header .dp-content .info {
    max-width: calc(100% - 580px);
  }
}

@media screen and (max-width: 1550px) {
  .diplo-content-team .teacher-big {
    max-width: none;
    width: calc(100% - 400px - -11px);
    padding: 40px;
    padding-right: 20px;
  }
}

@media screen and (max-width: 1440px) {
  .diplo-presentation .learning-experience-section,
  .diplo-wrapper .faqs-section .faqs-conteiner,
  .diplo-info .articles-info,
  .diplo-content-team article,
  .diplo-home .content-wrapper,
  .tabs .top nav,
  .diplo-info {
    max-width: 1180px;
  }
  .diplo-header .dp-content,
  .diplo-presentation .logos-container {
    max-width: 1100px;
    padding: 0;
  }

  .diplo-header .dp-content .info {
    max-width: calc(100% - 440px);
  }

  /* .diplo-content-team .teacher-big {
    width: calc(100% - 320px - 40px);
    padding-right: 40px;
  } */

  .diplo-content-teachers {
    max-width: calc(100% - 320px);
  }

  .diplo-wrapper .banner button,
  .course-info-banner .dh-content nav button {
    font-size: 18px;
  }

  .you-might-also {
    max-width: 1180px;
    padding: 70px 40px;
  }

  .yma-container .featured-jcarousel {
    max-width: 1180px;
  }

  .yma-container .featured-card {
    max-width: 350px;
    margin-right: calc((100% - (350px * 3)) / 2);
  }

  .diplo-presentation .bullet-horizontal > div span,
  .diplo-presentation .bullet-horizontal > div h3 {
    margin-bottom: 15px;
  }

  .diplo-wrapper .faqs-section .faqs-conteiner {
    padding: 80px 40px 60px;
  }

  .diplo-content-team {
    padding: 0;
    padding-bottom: 20px;
  }

  .diplo-content-teachers .teachers-jcarousel li {
    min-width: 380px;
  }
}

@media screen and (max-width: 1024px) {
  .diplo-home .content-wrapper {
    flex-direction: column;
  }
}

/* @media screen and (max-width: 1430px) {
  .diplo-content-team .teacher-big {
    width: calc(100% - 350px);
  }
} */

@media screen and (max-width: 1410px) {
  .diplo-presentation .learning-experience-section {
    padding: 40px;
  }

  .diplo-content-team .teacher-big-content {
    width: 100%;
    padding-left: 40px;
  }

  .diplo-content-team .teacher-big-content-grid {
    display: grid;
    grid-template-columns: 50% 50%;
    row-gap: 10px;
    column-gap: 5px;
  }
}

@media screen and (max-width: 1390px) {
  .diplo-content-team .content-modules {
    max-width: calc(100% - 320px);
  }

  .diplo-content-team .content-module {
    max-width: 100%;
  }

  .diplo-header .dp-content .info {
    max-width: none;
    width: calc(100% - 500px);
  }
}

@media screen and (max-width: 1300px) {
  .diplo-content-teachers {
    width: 100%;
    max-width: 380px;
  }

  .diplo-content-team .teacher-big {
    padding-left: 40px;
  }
}

@media (max-width: 1250px) {
  .diplo-presentation .bulletpoints-wrapper {
    max-width: calc(100% - 320px);
  }
}

@media screen and (max-width: 1200px) {
  .yma-container .featured-card {
    margin: 30px calc((100% - (350px * 2)) / 4);
    margin-bottom: 0;
  }

  .diplo-home .dh-content {
    max-width: calc(100% - 345px);
    margin: 0;
  }

  .diplo-info .articles-info {
    width: calc(100% - 350px);
    margin: 0;
  }

  .diplo-presentation .bulletpoints-horizontal {
    display: flex;
    flex-flow: column;
  }
}

@media screen and (max-width: 1250px) {
  .diplo-content-team .content-module {
    flex-wrap: wrap;
  }

  .diplo-content-team .content-module .title {
    max-width: 100%;
  }

  .diplo-content-team .content-module .description {
    width: 100%;
    max-width: none;
    margin-left: 0;
    margin-top: 20px;
  }

  .diplo-header .dp-content .info {
    width: calc(100% - 540px);
  }
}

@media screen and (max-width: 1150px) {
  .diplo-header .dp-content .info {
    margin-left: 0;
    width: calc(100% - 340px);
  }

  .diplo-header .pic img {
    display: none;
  }

  .faqs-section .faqs > ul {
    max-width: none;
    width: 40%;
  }

  .faqs > ul > li > ul > li.selected .answer {
    width: 100%;
  }
}

@media screen and (max-width: 1070px) {
  .diplo-home .breadcrums {
    max-width: 490px;
  }

  .diplo-home .dh-content .breadcrums nav {
    flex-wrap: wrap;
  }

  .teacher-big-content .tb-info span {
    margin-top: 20px;
  }
}

@media screen and (max-width: 914px) {
  .diplo-home .dh-content {
    max-width: 100%;
  }

  .diplo-home .dh-content p {
    max-width: none;
  }

  .diplo-home .dh-content {
    padding: 20px 40px;
    padding-bottom: 60px;
  }

  .banner-conteiner .banner {
    position: inherit;
    max-width: none;
    width: 100%;
  }

  .banner-conteiner .banner .content {
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 1);
    background: transparent;
    border: none;
    padding: 0;
    margin-top: 40px;
  }

  .banner-conteiner .banner .content::before {
    display: none;
  }

  .banner-conteiner .banner .small-info h4 {
    display: none;
  }

  .diplo-header .dp-content .info {
    margin-left: 0;
    max-width: none;
    width: 100%;
  }
}

@media screen and (max-width: 900px) {
  .diplo-wrapper .banner .small-info {
    margin-top: 20px;
  }

  .diplo-home {
    max-height: fit-content;
  }

  #gradient-canvas.diplo-banner {
    min-height: 100%;
  }

  .banner-conteiner .banner button {
    order: 1;
    margin-top: 0;
  }

  .diplo-wrapper .banner-cont .banner {
    display: none;
  }

  .banner-conteiner .banner.small {
    position: relative;
    top: 0;
  }

  .banner-conteiner .banner.small .small-info {
    order: 2;
  }

  .banner-conteiner .banner .timer {
    order: 3;
  }

  .diplo-info .articles-info {
    width: 100%;
  }

  .diplo-presentation article,
  .diplo-content-team article {
    max-width: 100%;
  }

  .diplo-presentation article:first-of-type {
    margin-top: 30px;
  }

  .diplo-presentation article,
  .content-modules li {
    width: 100%;
  }

  .diplo-presentation .acomplishments {
    margin-top: 20px;
    padding-left: 0;
  }

  .diplo-presentation .destined p {
    max-width: 100%;
  }

  .diplo-content-team .content-modules {
    max-width: 100%;
  }

  .diplo-content-team .teacher-big {
    width: calc(100vw - 35px);
  }

  .diplo-content-team .teacher-big-content {
    max-width: 100%;
  }

  .diplo-content-team .teacher-big-content-grid {
    display: grid;
    grid-template-columns: 50% 50%;
    row-gap: 10px;
    column-gap: 5px;
    padding-left: 10px;
  }

  .diplo-presentation .bulletpoints-wrapper {
    min-width: 100%;
  }

  .diplo-presentation .bullet-horizontal > div {
    width: 100%;
  }

  .you-might-also {
    padding: 60px 40px;
  }

  .yma-container .featured-jcarousel ul {
    margin-top: 30px;
    padding-bottom: 0;
  }
}

@media screen and (max-width: 850px) {
  .yma-container .featured-card {
    max-width: 100vw;
    margin: 30px calc((100% - 350px) / 2);
    margin-bottom: 0;
  }
}

@media screen and (max-width: 768px) {
  .course-info-banner .dh-content nav,
  .course-info-banner .dh-logos {
    margin-top: 50px;
  }

  .course-info-banner .dh-logos {
    width: 100%;
    max-width: 100vw;
    flex-flow: row wrap;
    margin-bottom: 10px;
    row-gap: 10px;
  }

  .course-info-banner .dh-logos li {
    max-height: 35px;
    margin-right: 20px;
  }

  .course-info-banner .dh-content nav .more-information-btn {
    font-size: 17px;
    max-height: 50px;
  }

  .diplo-wrapper .banner button {
    font-size: 17px;
  }

  .banner-conteiner .banner .content {
    margin-top: 20px;
  }

  .diplo-present .content .info {
    padding-top: 10px;
  }

  .diplo-presentation .acomplishments ul li {
    font-size: 16px;
  }

  .diplo-presentation .destined img {
    width: 90px;
    margin-top: 0;
  }

  .diplo-presentation .destined p {
    width: 100%;
  }

  .diplo-presentation .ods-section {
    min-height: 260px;
    padding-bottom: 30px;
  }

  .diplo-presentation .slide img {
    max-height: 100px;
    min-width: 100px;
  }

  #odsSlider .slides li {
    min-width: 100px;
    margin: 10px 20px;
  }

  .diplo-content-team .content-modules .module {
    font-size: 20px;
    width: 70px;
    height: 80px;
    background-size: cover;
  }

  .diplo-content-team .content-modules .title {
    margin-left: 20px;
  }

  .diplo-presentation .bullet-horizontal > div span,
  .diplo-presentation .bullet-horizontal > div h3 {
    margin-bottom: 10px;
  }

  .diplo-wrapper .faqs-section .faqs-conteiner {
    padding: 60px 40px 20px;
  }
}

@media screen and (max-width: 680px) {
  .yma-container .featured-jcarousel {
    max-width: 100vw;
  }

  .yma-container .featured-jcarousel ul {
    width: 100%;
    max-width: 100vw;
  }

  .yma-container .featured-card {
    width: 350px;
  }
}

@media screen and (max-width: 600px) {
  .course-info-banner .dh-content nav .more-information-btn {
    width: max-content;
  }

  .course-info-banner .dh-content nav .banner-link {
    margin-left: 0;
  }

  .banner-conteiner .banner.small button {
    font-size: 20px;
  }

  .diplo-wrapper .you-might-also h2 {
    width: 200px;
  }

  .aula-header .ah-content {
    display: flex;
    flex-direction: column;
  }

  .aula-header .ah-content .info {
    margin-left: 0;
  }

  .aula-header .ah-content .pic {
    display: none;
  }

  .class-wrapper .poc-jcarousel-control-prev,
  .class-wrapper .poc-jcarousel-control-next,
  .class-wrapper .uoc-jcarousel-control-prev,
  .class-wrapper .uoc-jcarousel-control-next,
  .course-wrapper .mil-jcarousel-control-prev,
  .course-wrapper .mil-jcarousel-control-next,
  .carousel-header .featured-jcarousel-control-prev,
  .carousel-header .featured-jcarousel-control-next,
  .you-might-also .featured-jcarousel-control-prev,
  .you-might-also .featured-jcarousel-control-next {
    width: 42px;
  }

  .class-wrapper .poc-jcarousel-control,
  .class-wrapper .uoc-jcarousel-control,
  .course-wrapper .mil-jcarousel-control,
  .carousel-header .featured-jcarousel-control,
  .you-might-also .featured-jcarousel-control {
    max-width: 110px;
  }
}

@media screen and (max-width: 500px) {
  .banner-conteiner .banner .content {
    margin-top: 0;
  }

  .diplo-content-team .content-modules .module {
    font-size: 14px;
    width: 48px;
    height: 55px;
    padding-bottom: 15px;
    margin-right: 10px;
  }

  .diplo-content-team .content-module .title {
    align-content: center;
    flex: 1;
    margin-left: 0;
  }

  .diplo-content-team .content-module .description {
    margin-top: 10px;
  }

  .diplo-content-team .content-modules li {
    margin-top: 20px;
  }

  .diplo-presentation .learning-experience-section {
    padding: 40px 0;
  }

  .diplo-presentation .bulletpoints-wrapper {
    padding: 0 20px;
  }

  .diplo-presentation .bullet-horizontal {
    margin: 0;
    padding: 20px 0;
  }

  .diplo-presentation .bullet-horizontal img {
    width: 70px;
  }

  .diplo-presentation .bullet-horizontal > div {
    margin-left: 15px;
    margin-right: 0;
  }
}

@media screen and (max-width: 480px) {
  .diplo-header img {
    display: none;
  }

  .diplo-header .dp-content .info,
  .diplo-presentation .destined p {
    margin-left: 0;
  }

  .course-info-banner .dh-content nav .more-information-btn {
    font-size: 16px;
    width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
  }
  .course-info-banner .dh-content nav .more-information-btn img {
    display: none;
  }

  .diplo-home .dh-content {
    padding: 40px 20px 50px;
  }

  .diplo-present .top nav > a,
  .banner-conteiner .banner.small button {
    font-size: 16px;
    margin-top: 0;
  }

  button#addToCartCourse {
    max-width: 100%;
    height: 50px;
    order: 4;
    margin-top: 10px;
  }

  .banner-conteiner .banner.small {
    top: 10px;
  }

  .banner-conteiner .banner.small ul li {
    font-size: 14px;
    margin-top: 10px;
    min-width: 14px;
  }

  .diplo-present {
    margin-top: 40px;
    padding: 0;
  }

  .diplo-info {
    padding: 20px;
    padding-bottom: 40px;
  }

  .diplo-presentation article,
  .diplo-content-team article {
    margin-top: 40px;
  }

  .diplo-presentation .acomplishments ul li {
    font-size: 14px;
  }

  .diplo-presentation .acomplishments {
    margin-top: 0px;
  }

  .diplo-presentation .acomplishments img {
    display: none;
  }

  .diplo-present .content .info {
    padding-bottom: 40px;
  }

  .diplo-presentation .bullet-horizontal > div span,
  .diplo-presentation .bullet-horizontal > div h3 {
    margin-bottom: 5px;
  }

  .diplo-presentation article > p,
  .diplo-presentation .destined {
    margin-top: 20px;
  }

  .diplo-presentation .destined img {
    display: none;
  }

  .diplo-presentation .destined p {
    margin-left: 0;
  }

  .diplo-content-team {
    padding-bottom: 20px;
  }

  .diplo-content-team article {
    padding: 0 20px;
  }

  .diplo-content-teachers .teacher-photo {
    scale: 90%;
    margin-right: 10px;
  }

  .diplo-content-teachers {
    max-width: 320px;
  }

  .diplo-content-teachers .teachers-jcarousel li,
  .diplo-content-teachers .teacher-card {
    min-width: 320px;
  }

  .diplo-content-teachers .teacher-card {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .diplo-content-team .teacher-big {
    width: calc(100vw - 20px);
    left: -20px;
    padding: 20px;
    margin-top: 30px;
  }

  .diplo-content-team .teacher-big-content {
    max-width: 100%;
    padding-left: 20px;
  }

  .diplo-content-team .teacher-big-content-grid {
    display: grid;
    grid-template-columns: 100%;
    row-gap: 10px;
    column-gap: 5px;
  }

  .diplo-content-team .tb-info span {
    margin-top: 30px;
  }

  .diplo-content-team .teacher-big-content .tb-pic {
    scale: 90%;
  }

  .diplo-wrapper .faqs-section .faqs {
    margin-top: 50px;
  }

  .diplo-wrapper .faqs-section .faqs-conteiner {
    padding: 80px 20px 50px;
  }

  .diplo-present .content .info {
    padding-bottom: 0;
  }

  .faqs-section .faqs-conteiner,
  .you-might-also {
    padding: 40px 20px;
  }

  .you-might-also {
    padding: 40px 0px;
  }

  .carousel-header,
  .yma-header {
    padding: 0px 20px;
  }

  .yma-container .featured-content {
    padding: 40px 26px 26px 26px;
  }

  .yma-container .featured-jcarousel ul {
    margin: 0;
    padding: 0;
    margin-top: 30px;
  }

  .yma-container .featured-jcarousel li {
    min-width: 94vw;
    margin: 30px 3vw;
  }

  .yma-container .featured-card {
    margin: 30px 0;
    width: 100%;
  }

  .featured-card .more-courses {
    font-size: 14px;
  }

  .diplo-aula .da-content {
    padding: 0 20px;
  }

  .diplo-header {
    padding: 20px;
  }
}