/* @media (min-width:992px) and (max-width:1268px) */
@media (min-width:992px) and (max-width:1280px) {
   nav .navbar-brand img {
      width: 151.42px;
      height: 49.83px;
   }

   nav .btn-Nav1 {
      padding: 12px 40px;
      font-size: 14px;
   }

   header nav .navbar-nav .nav-item .nav-link::before {
      bottom: 25px !important;
   }

   /* banner */



   .banner__content {
      width: 50%;
   }


   .banner__content h1 {
      font-size: 20px !important;
   }

   .banner__content p {
      font-size: 12px !important;
   }

   .banner__content .btngroup {
      display: flex;

   }


   .banner__content button {
      font-size: 12px;
      padding-top: 14px !important;
      padding-bottom: 14px !important;
   }

   .banner__pics {
      width: 50% !important;

   }

   .banner__pics .person {
      width: 350.55px;
      height: 380px;
   }

   .banner__pics .space {
      width: 420px;
      height: 450.51px;

   }

   /* items */

   .items .items__content h4 {
      font-size: 14px !important;
      font-weight: bold;
   }

/* courses */


.courses .content {
   display: flex;
   flex-direction: column;
   align-items: center;
   width: 80%;
   margin: auto;
}


   /* more info */


   .more-info .info__content {

      width: 400px;

   }

   .more-info .info__content h4 {
      font-size: 24px;
   }

   .more-info .info__content h4 span {
      font-size: 24px;
   }

   .more-info .info__content p {
      font-size: 14px;
   }

   .more-info .pic img {
      width: 419px;
      height: 397.73px;

   }

   .more-info .info__content .info-item div span {
      font-size: 10px;
      padding: 10px 40px;
   }

   /* reviews */
   .reviews .content h4 {
      font-size: 24px;
   }

   .reviews .content h4 span {
      font-size: 24px;
   }

   .reviews .content p {
      font-size: 14px;
   }


   .reviews .swiper {
      width: 100%;
   }

   .reviews .swiper .swiper-slide {
      width: 192.66px !important;
      height: 252px !important;

   }


   .reviews .swiper-slide .card-content .top__card .person2 {
      width: 40.87px;
      height: 40.87px;
      margin-bottom: 20px;
   }

   .reviews .swiper-slide .card-content .top__card .person2 img:nth-child(1) {
      width: 40.87px;
      height: 40.87px;

   }

   .reviews .swiper-slide .card-content .top__card .person2 img:nth-child(2) {
      width: 19.85px;
      height: 19.85px;
   }

   .reviews .swiper-slide .card-content .top__card p {
      font-size: 10px;
      width: 90%;

   }

   .reviews .swiper-slide .card-content .top__card p br {
      display: none;
   }

   .reviews .swiper-slide .bg-review {
      width: 71.81px !important;
      height: 75.27px !important;
   }

   .reviews .swiper-slide .card-content .bottom__card h3 {
      font-size: 14px;
      margin-bottom: 0px !important;
   }

   .reviews .swiper-slide .card-content .bottom__card span {
      font-size: 12px !important;
   }

   .reviews .swiper-slide .card-content {
      justify-content: space-evenly !important;
      padding-top: 0px;
   }




   /* footer */
   footer {
      height: 450px;
   }

   footer .footer__content {
      width: 90%;
   }


}

/* @media (min-width:676px) and (max-width:992px) */
@media (min-width:767px) and (max-width:992px) {
   nav {
      width: 92% !important;
      padding: 0px !important;

   }

   header nav .navbar-nav .nav-item .nav-link::before {
      display: none;
   }

   nav .navbar-toggler:focus {
      box-shadow: none;
   }

   nav .navbar-brand img {
      width: 151.42px;
      height: 49.83px;
   }

   header nav .navbar-nav .nav-item .nav-link {
      color: var(--blackNav);
   }

   nav .btn-Nav1 {
      background-color: var(--blueNav);
      padding: 13px 30px;
      font-size: 12px;
   }

   nav .btn-Nav2 {
      background-color: transparent;
      border: none;
      color: var(--blackNav);
      font-size: 14px;
   }

   /* banner */


   .banner__content {
      width: 50%;
   }


   .banner__content h1 {
      font-size: 20px !important;
   }

   .banner__content p {
      font-size: 12px !important;
   }

   .banner__content .btngroup {
      display: flex;

   }


   .banner__content button {
      font-size: 12px;
      padding-top: 14px !important;
      padding-bottom: 14px !important;
   }

   .banner__pics {
      width: 50% !important;
      /* height: auto; */
      /* padding: 80px !important; */

   }

   .banner__pics .person {
      width: 250.55px;
      height: 280px;
   }

   .banner__pics .space {
      width: 320px;
      height: 350.51px;

   }

   /* items */
   .items  .book {
      display: none;
   }

   .items .items__title h2 {
      font-size: 25px;
      font-weight: 700;
   }

   .items .items__title p {
      font-size: 12px;
   }

   .items .items__content {
      flex-direction: column;
   }

   .items .items__content .item {
      width: 100%;
      margin-bottom: 30px;
   }

   /* courses */


.courses .content {
   display: flex;
   flex-direction: column;
   align-items: center;
   width: 80%;
   margin: auto;
}

   /* more info */

   .more-info {
      margin: auto;
      width: 95% !important;
      /* flex-direction: column; */
      align-items: center;
   }

   .more-info .info__content {
      width: 400px;
      margin: auto;
   }

   .more-info .info__content .info-item {
      display: flex;
      justify-content: space-between;
   }

   .more-info .info__content h4 {
      font-size: 16px;
   }

   .more-info .info__content h4 span {
      font-size: 16px;
   }

   .more-info .info__content p {
      font-size: 12px;
   }

   .more-info .pic img {
      width: 319px;
      height: 297.73px;

   }

   .more-info .info__content .info-item div span {
      font-size: 12px;
      padding: 10px 30px;
      text-align: center;
      width: calc(100%/2 - 10px);
   }

   /* reviews*/

   .reviews .content h4 {
      font-size: 24px;
   }

   .reviews .content h4 span {
      font-size: 24px;
   }

   .reviews .content p {
      font-size: 12px;
   }

   .reviews .content button {
      font-size: 12px;

   }

   .reviews__content {
      width: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
      margin: auto;
   }

   .reviews__content .content {
      text-align: center;
      margin-bottom: 50px;
   }

   .reviews__content .content p {
      margin: auto;
   }

   .reviews__content .content button {
      margin-bottom: 24px;
      margin-top: 24px;
   }


   .reviews__content .slider-reviews {
      width: 80% !important;
   }

   .reviews .swiper {
      width: 100%;
   }

   .reviews .swiper .swiper-slide {
      width: 192.66px !important;
      height: 252px !important;

   }


   .reviews .swiper-slide .card-content .top__card .person2 {
      width: 40.87px;
      height: 40.87px;
      margin-bottom: 20px;
   }

   .reviews .swiper-slide .card-content .top__card .person2 img:nth-child(1) {
      width: 40.87px;
      height: 40.87px;

   }

   .reviews .swiper-slide .card-content .top__card .person2 img:nth-child(2) {
      width: 19.85px;
      height: 19.85px;
   }

   .reviews .swiper-slide .card-content .top__card p {
      font-size: 10px;
      width: 90%;

   }

   .reviews .swiper-slide .card-content .top__card p br {
      display: none;
   }

   .reviews .swiper-slide .bg-review {
      width: 71.81px !important;
      height: 75.27px !important;
   }

   .reviews .swiper-slide .card-content .bottom__card h3 {
      font-size: 14px;
      margin-bottom: 0px !important;
   }

   .reviews .swiper-slide .card-content .bottom__card span {
      font-size: 12px !important;
   }

   .reviews .swiper-slide .card-content {
      justify-content: space-evenly !important;
      padding-top: 0px;
   }

   /* footer */
   footer {
      height: auto;
   }

   footer .footer__content {
      width: 90%;
      display: flex;
   }

   footer .foot__pic {
      width: 258px;
      height: 173px;
   }

   footer .footer__content h5 {
      font-size: 12px !important;
   }

   footer .footer__content li a {
      font-size: 12px !important;

   }

   .subscribe form h5 {
      font-size: 16px !important;
   }

   footer .footer__content form div {
      width: 300px !important;
   }
}

/* @media (min-width:320px) and (max-width:676px) */
@media (min-width:320px) and (max-width:767px) {
   nav {
      width: 92% !important;
      padding: 0px !important;

   }


   header nav .navbar-nav .nav-item .nav-link::before {
      display: none;
   }

   nav .navbar-toggler:focus {
      box-shadow: none;
   }

   nav .navbar-brand img {
      width: 151.42px;
      height: 49.83px;
   }

   header nav .navbar-nav .nav-item .nav-link {
      color: var(--blackNav);
   }

   header nav .navbar-nav .nav-item .nav-link::after {
      display: none !important;
   }

   nav .btn-Nav1 {
      background-color: var(--blueNav);
      padding: 13px 30px;
      font-size: 12px;
   }

   nav .btn-Nav2 {
      background-color: transparent;
      border: none;
      color: var(--blackNav);
      font-size: 14px;
   }

   /* banner */

   .banner {
      flex-direction: column-reverse;
      justify-content: center;
      align-items: center;
      width: 100%;

   }

   .banner__content {
      width: 100%;
      flex-direction: column;
      align-items: center;
      text-align: center;
   }


   .banner__content h1 {
      font-size: 20px !important;
   }

   .banner__content p {
      font-size: 12px !important;
   }

   .banner__content .btngroup {
      display: flex;
      flex-direction: column;
      width: 100%;
      align-items: center;
   }

   .banner__content .btn-banner2 {
      margin-right: 0px !important;

   }

   .banner__content button {
      font-size: 12px;
      padding-top: 14px !important;
      padding-bottom: 14px !important;
   }

   .banner__pics {
      width: 100% !important;
      height: auto;
      padding: 80px !important;

   }

   .banner__pics .person {
      width: 250.55px;
      height: 280px;
   }

   .banner__pics .space {
      width: 320px;
      height: 350.51px;

   }

   /* items */

   .items  .book {
      display: none;
   }

   .items .items__title h2 {
      font-size: 21px;
      font-weight: 700;
   }

   .items .items__title p {
      font-size: 12px;
      width: 300px;
      margin: auto;
      margin-bottom: 30px;
   }

   .items .items__title p br {
      display: none;
   }

   .items .items__content {
      flex-direction: column;
   }

   .items .items__content h4 {
      font-size: 15px !important;
      font-weight: bold;
   }

   .items .items__content .item {
      width: 100%;
      margin-bottom: 30px;
   }
 
   /* courses */

   .courses .rocket{
      left: 0 !important;
top: 98%;
width: 75.58px;
height: 211.84px;
      bottom: 0;
  }
  
  .courses .book{
      position: absolute;
      right: 0;
      bottom: 100%;
      top:0;
      width: 44px;
      height: 40px;
  }

   .courses .content {
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 95%;
      margin: auto;

   }

   .courses .content .course-content .col{
      width: 300px;
      margin: auto;
   }

.courses .content .courses__content .pagination li {
   font-size: 10px;
   padding: 15px 10px;
}



.content .courses__title h2 {
   font-size: 20px;
   font-weight: bold;
   color: var(--black);
}

.content .courses__title p {
   color: #A8A7AE;
   font-size: 14px;
}

   /* more info */

   .more-info {
      margin: auto;
      width: 100% !important;
      flex-direction: column;
      align-items: center;
      background-color: #FBFBFB;
   }

   .more-info .info__content {
      text-align: center;
      width: 300px;
      margin: auto;
   }

   .more-info .info__content .info-item {
      display: flex;
      justify-content: space-between;
   }

   .more-info .info__content h4 {
      font-size: 16px;
   }

   .more-info .info__content h4 span {
      font-size: 16px;
   }

   .more-info .info__content p {
      font-size: 12px;
   }

   .more-info .pic img {
      width: 319px;
      height: 297.73px;

   }

   .more-info .info__content .info-item div span {
      font-size: 12px;
      padding: 10px 30px;
      text-align: center;
      width: calc(100%/2 - 10px);
   }

   /* reviews*/

   .reviews__content {
      width: 100%;
      margin: auto;
      display: flex;
      flex-direction: column;
      align-items: center;

   }

   .reviews__content .content {
      text-align: center;
      margin: auto !important;
      width: 100% !important;
   }

   .reviews .content h4 {
      font-size: 24px;
   }

   .reviews .content button {
      font-size: 12px;
      margin-bottom: 30px !important;
   }

   .reviews .content h4 span {
      font-size: 24px;
   }

   .reviews .content p {
      font-size: 12px;
   }

   .reviews__content .content p {
      margin: auto;
   }

   .reviews__content .content button {
      margin-bottom: 24px;
      margin-top: 24px;
   }


   .reviews__content .slider-reviews {
      width: 100% !important;
   }

   .reviews .swiper {
      width: 100%;
   }

   .reviews .swiper .swiper-slide {
      width: 192.66px !important;
      height: 252px !important;

   }


   .reviews .swiper-slide .card-content .top__card .person2 {
      width: 40.87px;
      height: 40.87px;
      margin-bottom: 20px;
   }

   .reviews .swiper-slide .card-content .top__card .person2 img:nth-child(1) {
      width: 40.87px;
      height: 40.87px;

   }

   .reviews .swiper-slide .card-content .top__card .person2 img:nth-child(2) {
      width: 19.85px;
      height: 19.85px;
   }

   .reviews .swiper-slide .card-content .top__card p {
      font-size: 10px;
      width: 90%;

   }

   .reviews .swiper-slide .card-content .top__card p br {
      display: none;
   }

   .reviews .swiper-slide .bg-review {
      width: 71.81px !important;
      height: 75.27px !important;
   }

   .reviews .swiper-slide .card-content .bottom__card h3 {
      font-size: 14px;
      margin-bottom: 0px !important;
   }

   .reviews .swiper-slide .card-content .bottom__card span {
      font-size: 12px !important;
   }

   .reviews .swiper-slide .card-content {
      justify-content: space-evenly !important;
      padding-top: 0px;
   }


   /* footer */
   footer {
      height: auto;
   }

   footer .footer__content {
      width: 90%;
   }

   footer .footer__content form div {
      width: 280px !important;
   }
}