@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: 105px;
  }

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

  .create-course .left-side-menu .heading-34{
    padding-left: 100px;
  }

  .chapter-one .right-sect, .account .right-sect{
    margin-right: 105px; padding-left: 55px; padding-top: 15px;
  }

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

  h2.my-4.heading-34 {
    margin-top: 0.5rem !important;
  }
}


@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;
  }

  .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: 350px;
    margin-top: 25px;
  }

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

  .main-navbar .adto_cart .cart_counter{
    left: 32px;
    top: 8px;
  }
  

}

/*-----------------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;*/
  }

  .upload-photo img{
    width: 100%;
  }

}

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

/*-----------------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: 117px;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: column !important;
  }

  .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: 10px 15px;
  }

  .table_responsive_mob {
    display: block;
    width: 100%;
    overflow-x: auto;
  }

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

}

/*-----------------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: 14px;
    padding-right: 0.5rem;
  }

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

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

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

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

  .q-result {
    min-width: 157px;
  }

  .account {
    margin-top: 72px;
  }

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



}

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

@media (max-width: 575px) {


  .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;
  }

  .search{
    /*margin-top: 50px;*/
  }

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

  .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;
  }

  #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 .right-bar > div {
    margin: 15px 0;
  }

  .course-nav .row{
    margin-top: 45px;
  }

  .q-result {
    min-width: 157px;
    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;
  }

 

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

  .chb {
    margin-top: 10px;
  }

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

  .add-occ label{
    display: none;
  }
  
}

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


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


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

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

  .add-mod .gr-btn{
    margin-bottom: 20px;
  }
}