/**
 * First responsive css file
 * 1380>
 * 1200>
 * 1050>
 */
 
 
/**
 * 1380>
 * Laptop resolution
 * No min-width, everything is inherited down
 */
@media all and (max-width: 1379px) {
  
  /**
   * General styling (page.css)
   */
  
  
  /**
   * Course view
   */
  .course-view .overview .col {
    width: 46%;
  }
  .course-view .info .text,
  .course-view .info .list {
    width: 45%;
  }
  
  /**
   * Course user
   */
  .user-course .col-1 {
    width: 76%;
  }
  .user-course .col-2 {
    width: 24%;
  }
  .user-course .col-1 .image {
    max-width: 45%;
  }
  .user-course .col-1 .info {
    width: 50%;
  }
  
  /**
   * Course study
   */
  .course-study .chapter .sections {
    -moz-columns: 2 auto;
    -webkit-columns: 2 auto;
    columns: 2 auto;
  }
  
  /**
   * Messages
   */
  .form-message-send .form-name-text {
    width: 83%;
  }
  
}

/**
 * 1200>
 * No min-width, everything is inherited down
 */
@media all and (max-width: 1199px) {
  
  /**
   * General styling (page.css)
   */
  .box {
    padding: 60px 40px;
  }
  .box > .col {
    padding: 30px 60px 60px;
  }
  .popup-size-support .popup-light {
    width: 100%;
    left: 0;
    margin: 0;
  }
  
  /**
   * Course view
   */
  .course-view .info .list {
    padding: 50px 40px 50px 60px;
  }
  
  /**
   * Messages
   */
  .form-message-send .form-name-text {
    width: 80%;
  }
  
}

/**
 * 1050>
 * No min-width, everything is inherited down
 */
@media all and (max-width: 1049px) {
  
  /**
   * Course user
   */
  .user-course .col-1 {
    width: 70%;
  }
  .user-course .col-2 {
    width: 30%;
  }
  .user-course .col-1 .image {
    max-width: 35%;
  }
  .user-course .col-1 .info {
    width: 60%;
    padding-top: 0;
  }
  
  /**
   * Course study
   */
  .course-study .box > .inside {
    padding-left: 50px;
    padding-right: 50px;
  }
  .course-study-material .body .content {
    padding: 0 50px 30px;
  }
  .exam-wrap {
    padding: 0 50px 30px;
  }
  .course-study-material .pagination {
    margin: 0 50px;
  }
  
}