@media (min-width: 1025px){
  .custom-navbar .navbar-right li a.join-btn{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .w_45{
    width: 45%;
  }

  .mobile_nav{
    display: none;
  }

  .desktop_nav{
    display: block;
  }

  .cart_counter{
    left: 28px;
  }

  .chapter-one .course-opt{
    /*padding-left: 88px;*/
  }

  .account .left-menu,
  .cc-left-menu{
    /*padding-left: 83px;*/
  }

  .create-course .left-side-menu .heading-34{
    /*padding-left: 100px;*/
  }
  
  .chapter-one .right-sect{
      padding-left: 55px; padding-top: 20px;
  }

  .account .right-sect{
    /*margin-right: 105px;*/
    padding-left: 40px; 
    padding-top: 15px;
  }

  .course-review-modal .modal-dialog {
    max-width: 780px;
  }
}

/*-----------------strart max-width: 1200px----------------------*/

@media (max-width: 1200px) {
    .gr-btn {
    padding: 10px 25px;
  }
}

/*-----------------end max-width: 1200px----------------------*/


@media(min-width: 1023px) and (max-width: 1024px){
  #bseller .owl-prev{
    left: -40px;
  }
  #bseller .owl-next{
    right: -35px;
  }

  .social li{
    margin-right: 4px;
  }

  .gr-btn {
    padding: 10px 30px;
  }
}

@media (min-width: 1024px){
  .course-detail{
    display: flex;
  }
}


@media (max-width: 1024px) {

  .mobile_nav{
    display: block;
  }
  
  .mobile_nav .adto_cart .cart_counter {
    left: 12px;
    top: -5px;
}

  .desktop_nav{
    display: none;
  }

  .mx_auto{
    margin-left: auto;
    margin-right: auto;
  }

  .custom-navbar .navbar-brand {
    font-size: 2rem;
  }

  .custom-navbar .nav li a {
    font-size: 11px;
	line-height: 20px;
  }

  /* #intro { 
    height: 65vh; 
  } */

  .billing-info-inner{
    padding: 20px;
  }

  .custom-navbar .navbar-right li a{
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  

  .chapter-one .right-sect iframe{
    height: 200px;
    margin-top: 25px;
  }

  .q-result{
    margin-bottom: 20px;
  }

  .adto_cart .cart_counter{
    left: 30px;
    top: 12px;
  }
  

}

/*-----------------end max-width: 1024px----------------------*/

@media (min-width: 768px) and (max-width: 1024px){
  .tab_nav{
    display: block;
  }

  .col__4{
    flex: 0 0 80%;
    max-width: 80%;
    margin-bottom: 20px;
  }

  .heading-34, .heading34b{
    /*margin-top: 1.5rem;*/
  }
  
  .account-from select, .account-from .input, .account-from textarea{
      width: 100%;
  }
  
   .gr-btn {
    padding: 10px 20px;
  }
  .bseller-wrapper-inner .sect-btn {
      font-size:13px;
  }

}

@media (min-width: 991px){
  .ccol-lg-5{
    flex: 0 0 48.666667%;
    max-width: 48.666667%;
  }
  
}

/*-----------------strart max-width: 992px----------------------*/

@media (max-width: 992px) {
    .w-60{
        width: 80%;
    }
    .w-30 {
      width: 50%;
    } 
    .video_thumb h6 {
      font-size: 14px;
    }  
    .video_thumb p {
      font-size: 12px;
    }
    .footer-logo img {
      width: 100%;
  }
}

/*-----------------end max-width: 992px----------------------*/



/*-----------------start max-width: 768px----------------------*/

@media (max-width: 768px) {

  .custom-navbar .navbar-brand {
    line-height: 20px;
  }

  #overview img{
    padding-top: 32px;
  }

  .nav-tabs > li > a {
    font-size: 13px;
  }

  .course-video .video-thumb{
    height: auto;
    padding: 5px 0;
    display: flex;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: column;
  }

  .course-video .video-thumb h6{
   font-size: 11px;
  }

  .course-video .video-thumb p{
    font-size: 9px;
  }

  .course-nav .right-bar{
    display: block;
  }

  .down-file{
    margin-top: 20px;
  }

  .col__4{
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 20px;
  }

  .mt__15{
    margin-top: -10px;
  }

   .w-10{
    width: 100%;
  }

  .w-20{
    width: 100%;
  }

  .w-30{
    width: 100%;
  }

  .w-60{
    width: 100%;
  }

  .w-70{
    width: 100%;
  }

  .image.w-10 img, .order-detail .image img{
    /*width: 50%;*/
    margin-bottom: 20px;
  }

  .gr-btn{
    margin-top: 20px;
    /* padding: 5px 1.75rem; */
    /*display: block;*/
    white-space:nowrap;
  }
  .blu-btn{
      white-space: nowrap;
  }
  .buttons button.gr-btn{
    margin-top: 0px;
      
  }

  .table_responsive_mob {
    display: block;
    width: 100%;
    overflow-x: auto;
  }
    .cors-fee h1{
        text-align:center;
    }
    .nav.wywl-tabs{
        row-gap:3px;
    }
    .wywl-content .tab-pane{
        padding:1.5rem;
    }
}

/*-----------------end max-width: 768px----------------------*/

@media (min-width: 768px){
  #product-list{
    margin-top: 50px;
  }

    .col-md-3.video_thumb {
      -ms-flex: 0 0 30%;
      flex: 0 0 30%;
      max-width: 30%;
  }

}



@media(min-width: 767px) and (max-width: 768px){
  .navbar-brand img{
    width: 165px;
  }

  .custom-navbar .navbar-right li a{
    font-size: 12px;
    padding: 0 0.5rem;
  }
  
  
  .custom-navbar .navbar-right li a.join-btn {
      padding-top: 0.4rem;
      padding-bottom: 0.4rem;
  }

  .cat-right-sect .owl-dots{
    display: none;
  }

  .summery {
    background-color: #f3f3f3;
    padding: 15px 15px;
  }

  .footer-logo img{
    width: 100%;
  }

  .course-nav {
    margin-top: 72px;
  }

  .account {
    margin-top: 72px;
  }

   #faq .card .card-body{
    padding: 0.5rem;
  }

  .form.mr-4 {
      margin-right: 0 !important;
  }

}

/*-----------------end min-width: 767px and max-width: 768px----------------------*/

@media (max-width: 575px) {
    .course-video .video-thumb {
        flex: 0 0 48%;
        max-width: 48%;
        margin-top: 3px;
    }
    #bseller .section-title {
        padding-left: 8px;
    }
    
    #detail iframe{
        width: 100%;
    }
    
    .fa-angle-down.rotate-icon{
        position: absolute;
        right: 27px;
        top: 15px;
    }
    
    .course-modules .header a h5{
        font-size: 16px;
        padding-right: 20px;
    }
    
    .course-name h1{
        font-size: 26px;
    }
    
    .detail.cinp.w-60{
        margin-bottom: 30px;
    }
    
    .detail.cinp.w-60 .heading_4 {
        font-size: 20px;
        margin-top: 20px;
    }
    
    .col-md-4.text-right{
        text-align: left!important;
        margin-left: 10px;
        margin-top: 15px;
    }
    
  .cart_counter{
    /*top: 5px;*/
  }

  .join-btn{
    justify-content: center;
  }

  /* #intro {
    height: 100vh;
  } */

  #featured .owl-prev,
  #bseller .owl-prev,
  #owl-bseller .owl-prev,
  #learnerReviews .owl-prev{
    left: 0;
  }

  #featured .owl-next,
  #bseller .owl-next,
  #owl-bseller .owl-next,
  #learnerReviews .owl-next{
    right: 0;
  }

  #universities .uni-col{
    flex: 0 0 46%;
    max-width: 46%;
    margin: 10px auto;
  }

  #trusted-by .uni-col, .uni-col{
    flex: 0 0 48%;
    max-width: 48%;
    margin: 10px auto;
  }

  #bseller:after{
    content: "";
    clear: both;
  }

  form.example .input-group.search{
    margin-top: 50px;
  }

  .search input{
    width: 262px;
    padding: 11px;
  }
  
  .cat-search input{
      padding: 11px 35px;
  }

  .owl-carousel {
    width: 98%;
    z-index: 1;
    margin: 0px auto;
  }

  #bseller .owl-next,
  #owl-bseller .owl-next{
    top: 15%;
  }

  #bseller .owl-prev,
  #owl-bseller .owl-prev{
    top: 15%;
  }

  #bc-inst .sect-btn{
    margin-bottom: 20px;
  }

  .cat-right-sect .item{
    margin: 20px 0;
  }

  .bseller-wrapper .owl-dots{
    bottom: 97px;
  }

  .buttons button{
    /*margin-bottom: 15px;*/
  }
  
  .buttons button {
    font-size: 13px;
    padding: 10px;
    margin-right: 10px;
    }
    
    .hnf .heading34{
        font-size: 26px;
    }
    
    
  #login, #join, #cart{
    margin: 100px 20px;
  }

  #detail.main, #instructor.main, #join.main, #login.main{
    margin-top: 100px;
  }

  .col_4{
    flex: 0 0 31.666667%;
    max-width: 31.666667%;
    margin-right: 4px;
  }

  .account{
    margin-top: 115px;
  }



  .course-nav .row{
    margin-top: 2rem;
  }

  .q-result {
    margin-right: 16px;
    margin-bottom: 15px;
  }

  .mt__15{
    margin-top: -10px;
  }

  .accordion#faq .card-body{
    padding: 0.5rem;
  }

  .accordion#faq .card-header{
    padding: 0.5rem;
  }

  .blu-btn{
    margin-bottom: 15px;
  }

  .heading-34, .heading34b, .add-mod h2{
    margin-top: 15px;
  }


  .certificate-code .row{
    flex-direction: column-reverse;
  }

  .certificate-code .form input{
    width: 100%;
  }

  .certificate-code .col-12.col-md-6 {
    margin-top: 30px;
  }

  .filter{
    width: 95%;
    margin: 10px auto;
  }

  .summery {
    padding: 30px 20px;
    margin-top: 20px;
  }

  #quizOption .form-control.mb-4{
    margin-bottom: 0.5rem !important;
  }

    #quizOption .col-md-6.col-lg-4 {
        margin-bottom: 1.5rem;
    }

    .account-from select, .account-from .input, .account-from textarea{
        width: 100%;
    }

    .web-url > div{
        width: 100%;
    }

    .chb {
        margin-top: 10px;
    }

    .account-from label{
        width: 75%;
        text-align: left !important;
    }

    .add-occ label{
        display: none;
    }
  
    .section-title{
        font-size: 26px;
    }

    .section-heading {
        font-size: 26px;
    }

    .owl-prev, .owl-next{
        width: 40px;
        height: 40px;
    }

    .owl-next .material-icons,
    .owl-prev .material-icons {
        left: 12px;
        top: 8px;
        font-size: 26px;
    }

    #owl-featured .owl-next .material-icons,
    #owl-featured .owl-prev .material-icons {
        top: 8px;
    }

    .about, .privacy, .terms{
        margin-bottom: 30px;
    }

    .quiz-analysis .gr-btn,
    .quiz-analysis .blu-btn{
        padding: 10px 8px;
        font-size: 14px;
        margin-right: 5px;
    }
  
    .input.w_45{
        width: 100%;
    }
    .about-instr .detail, .learner-review .detail {
        text-align: left;
    }
    .about-instr .image,
    .about-instr .detail,
    .about-inst {
        padding: 0;
    }
    .row{
        margin-right:0 !important;
        margin-left:0 !important;
    }
    .about-instr, .learner-review{
        flex-direction:column;
        align-items:center;
    }
    .products .new-tag{
        top:20px;
        right:0;
    }
    .course-detail {
      flex-direction: column;
      padding: 16px;
    } 
    .px0{
    padding-left: 0 !important;
      padding-right: 0 !important;
    }
}

@media (min-width: 425px) and (max-width: 574px)
.title {
    font-size: 14px;
}
/*-----------------end max-width: 575px----------------------*/


@media (max-width: 400px){
   .wywl-tabs li a{
    font-size: 14px;
  }
  
  .title{
      font-size: 11px;
  }
  
  
}


@media (max-width: 350px){
  .search input{
    width: 205px;
    /*padding: 11px;*/
  }

  .search-container input{
    width: 71%;
  }

  .add-mod .gr-btn{
    margin-bottom: 20px;
  }
  
  .quiz-analysis .gr-btn,
  .quiz-analysis .blu-btn{
      font-size: 13px;
  }
  .title{
      font-size: 11px;
  }
  
  
}

form.example .input-group.search {
  white-space: nowrap !important;
  flex-wrap: nowrap !important;
}