/* @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;
    }
    .schdule-part{
      width: 100%;
    }
    .schdule-part section{
      width: 100%;
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      }
      .schdule-part{
         margin-bottom: 100px;
      }
      .schdule-part .calender1 {
         width: 400px;
      }

    .schdule-part .schudle-cal {
      margin-top: 0px !important;
      height: 270px;
      overflow-y: scroll;
    }
     
   
      .courses-part{
         width: 90%;
         margin: auto;

     
     }
.lol{
   display: flex;
   flex-direction: column;
}

section{
   flex-direction: row;
}

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

 footer .footer__content {
    width: 90%;
 }


}

/* @media (min-width:676px) and (max-width:992px) */
@media (min-width:767px) and (max-width:991px) {
    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;
    }

nav .user_nav h5{
    color:var(--black);
}

/* banner */

.banner .cap,
.banner .book{
   display: none;
}

header .personal-navbtns{
   width: 80%;
}    

header .personal-navbtns .nav-link{
   font-size: 15px;
}

/* schudle */
.sch1{
   width: 100% !important;
}


.schudle-media .form-inp{
flex-direction: column;
display: flex;
margin-bottom:30px;

}

.schudle-media .form-inp label{
   margin-bottom: 3px;
   font-size: 14px;
   font-weight: bolder;
}



.schudle-media .form-inp input{
   border-radius: 8px;
   padding: 8px 8px;
   border: 1px solid  #DEDDE4;
   font-weight: bold;

}

.schudle-media h3{
   font-size: 20px;
   font-weight: bolder;

}
.schudle-media h4{
   color: #76808D;
   font-size: 16px;
   margin-top: 20px;

}

.tabs{
background-color: #FEFEFE;
margin: 0px;
padding: 100px 0px;
}

.schudle-media .card-sch{
padding: 26px 15px;
margin: 20px 0px;
background-color: white;
border-radius: 15px;
box-shadow: 0px 4px 54px 0px rgba(165, 170, 181, 0.1);
}


.schdule-part{
   width: 100%;
 }
 .schdule-part section{
   width: 100%;
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   }
   .schdule-part{
      margin-bottom: 100px;
   }
   .schdule-part .calender1 {
      width: 400px;
   }

 .schdule-part .schudle-cal {
   margin-top: 0px !important;
   height: 270px;
   overflow-y: scroll;
 }
   .tabs .tab-content{
      width: 93%;
   }

   
   .courses-part{
      width: 90%;
      margin: auto;

  
  }
.lol{
display: flex;
flex-direction: column;
}

   /* footer */
   footer {
    height: auto;
    margin-top: 0px;
 }

 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) {
   header{
      height: auto;
   } 
   
   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;
    }


    nav .user_nav h5{
        color:var(--black);
    }

    /* banner */

.banner .cap,
.banner .book{
   display: none;
}


.banner h2{
   font-size: 24px;

}
header .personal-navbtns{
   width: 95%;
}    

header .personal-navbtns .nav-link{
   font-size: 13px;
   padding: 4px 10px !important;
   margin-bottom: 10px;
}


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

}

.courses  .col{
   width: 300px;
   margin: auto;
   margin-bottom: 20px;
}




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

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


/* schudle */
.sch1{
   width: 100% !important;
}


.schudle-media .form-inp{
flex-direction: column;
display: flex;
margin-bottom:30px;

}

.schudle-media .form-inp label{
   margin-bottom: 3px;
   font-size: 14px;
   font-weight: bolder;
}



.schudle-media .form-inp input{
   border-radius: 8px;
   padding: 8px 8px;
   border: 1px solid  #DEDDE4;
   font-weight: bold;

}

.schudle-media h3{
   font-size: 20px;
   font-weight: bolder;

}
.schudle-media h4{
   color: #76808D;
   font-size: 16px;
   margin-top: 20px;

}

/* schudle */
.sch1{
   width: 100% !important;
}


.schudle-media .form-inp{
flex-direction: column;
display: flex;
margin-bottom:30px;

}

.schudle-media .form-inp label{
   margin-bottom: 3px;
   font-size: 14px;
   font-weight: bolder;
}



.schudle-media .form-inp input{
   border-radius: 8px;
   padding: 8px 8px;
   border: 1px solid  #DEDDE4;
   font-weight: bold;

}

.schudle-media h3{
   font-size: 20px;
   font-weight: bolder;

}
.schudle-media h4{
   color: #76808D;
   font-size: 16px;
   margin-top: 20px;

}

.tabs{
background-color: #FEFEFE;
margin: 0px;
margin-top: 40px !important ;
margin-bottom: 50px !important;
}

.schudle-media .card-sch{
padding: 26px 15px;
margin: 20px 0px;
background-color: white;
border-radius: 15px;
box-shadow: 0px 4px 54px 0px rgba(165, 170, 181, 0.1);
}


.schdule-part{
   width: 100%;
 }
 .schdule-part section{

   width: 80%;
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   }
   .schdule-part{
      margin-bottom: 100px;
   }
   .schdule-part .calender1 {
      width: 400px;
   }

 .schdule-part .schudle-cal {
   margin-top: 0px !important;
   height: 270px;
   overflow-y: scroll;
 }
   .tabs .tab-content{
      width: 93%;
   }

   
   .courses-part{
      width: 90%;
      margin: auto;

  
  }
.lol{
display: flex;
flex-direction: column;
}




.schudle-media .card-sch{
padding: 26px 15px;
margin: 20px 0px;
background-color: white;
border-radius: 15px;
box-shadow: 0px 4px 54px 0px rgba(165, 170, 181, 0.1);
}

.tabs .tab-content {
   width: 93%;
}

/*  */

.sub-but{
   width: 100%;
}

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

 footer .footer__content {
    width: 90%;
 }

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