@media screen and (max-width: 991px) {
  #product-page #top .container {
    max-width: 1000px;
    max-width: none;
    padding: 0; }
    #product-page #top .container .course-info {
      position: relative;
      padding: 50px; }
    #product-page #top .container .course-contact-form {
      position: relative;
      position: initial;
      width: 100%;
      height: auto;
      top: 0;
      left: 0;
      border-radius: 0;
      box-shadow: none;
      padding: 40px;
      max-width: 768px;
      margin: 0 auto; }
    #product-page #top .shape {
      display: none; }
    #product-page #top .images {
      margin-bottom: 15px; }
    #product-page #top .course-contact .price-info {
      position: relative;
      top: 0px !important;
      left: 0px;
      margin: 0 auto;
      width: 100%;
      padding: 40px; } }

@media screen and (max-width: 768px) {
  #product-page #top .btn {
    font-size: 16px; }
    #product-page #top .btn svg {
      width: 20px;
      height: 20px; }
    #product-page #top .bullets {
      display: block; }
    #product-page #top .bullets .category-bullet {
      margin-bottom: 10px; }
    #product-page section#banner .blocks {
      flex-direction: column;
      gap: 10px; }
    #product-page section#description {
      padding-top: 30px !important;
      padding-bottom: 50px !important; }
    #product-page section#description .post-tabs {
      display: block; }
      #product-page section#description .post-tabs .tab {
        display: block;
        width: 100%;
        background-color: whitesmoke;
        border: solid 1px lightgray; }
        #product-page section#description .post-tabs .tab.active {
          color: white;
          background-color: var(--primary-color);
          border-color: var(--primary-color); }
    #product-page section#description #attributes .attribute-name {
      margin-bottom: 10px; }
    #product-page section#support .images {
      flex-wrap: wrap; }
      #product-page section#support .images img {
        flex: 0 0 50%;
        width: 50%;
        height: auto; } }

@media screen and (max-width: 620px) {
  #product-page section#description {
    padding: 10px 20px; } }

@media screen and (max-width: 490px) {
  #product-page #top .container .course-info {
    padding: 30px; }
    #product-page #top .container .course-info h1 {
      font-size: 24px; }
    #product-page #top .container .course-contact-form {
      padding: 30px 20px; }
    #product-page section#price {
      padding: 30px 0 30px 0; }
    #product-page section#price .course-price {
      flex-direction: column;
      width: 100%;
      min-width: 100%; }
    #product-page section#price .course-price > * {
      width: 100%; }
    #product-page section#price .course-price #price-tag span {
      font-size: 16px;
      margin-left: 3px; }
    #product-page section#price .course-price #price-tag, #product-page section#price .course-price .btn {
      padding: 15px 0; } }