.ap-container {
  display: block;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.ap-header .ap-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.ap-main {
  background-color: #fafafa;
}
.ap-main .ap-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: unset;
  -webkit-align-items: unset;
      -ms-flex-align: unset;
          align-items: unset;
  padding: 0 15px;
}
.ap-main > .ap-container {
  background-color: #fff;
}

.ap-sidebar {
  width: 100%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 290px;
      -ms-flex: 0 0 290px;
          flex: 0 0 290px;
  max-width: 290px;
  padding-right: 20px;
  padding-top: 15px;
  padding-bottom: 24px;
}
.ap-sidebar .ap-account-title {
  display: none;
}

.ap-content {
  padding-top: 15px;
  width: 100%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% - 290px);
      -ms-flex: 0 0 calc(100% - 290px);
          flex: 0 0 calc(100% - 290px);
  max-width: calc(100% - 290px);
  padding-bottom: 24px;
}

@media (max-width: 1279px) {
  .ap-main .ap-container {
    padding-left: 15px !important;
    padding-right: 15px !important;
    max-width: 1200px;
  }
}
@media (max-width: 1199px) {
  .ap-main .ap-container {
    padding-left: 28px !important;
    padding-right: 28px !important;
    max-width: 1200px;
  }
}
@media (max-width: 991px) {
  .ap-main .ap-container {
    display: block;
  }

  .ap-sidebar,
.ap-content {
    width: auto;
    -webkit-box-flex: 0;
    -webkit-flex: none;
        -ms-flex: none;
            flex: none;
    max-width: none;
  }

  .ap-content {
    padding-top: 28px;
  }

  .ap-sidebar {
    display: none;
    margin-bottom: 24px;
    padding-right: 0;
  }
  .ap-sidebar .ap-account-title {
    display: block;
    margin-bottom: 24px;
  }
}
@media (max-width: 767px) {
  .ap-main .ap-container {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .ap-sidebar .ap-account-title {
    margin-bottom: 20px;
  }
}
@media (max-width: 359px) {
  .ap-main .ap-container {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}