@media screen and (max-width:1903px) {
    .slider_area_section {
        height: 600px;
      }
}
@media screen and (max-width:1880px) {

    .module_container ,.course_container{
      width: 66%;
    }
}
@media screen and (max-width:1660px) {
    .module_container_top{
      width: 74%;
      margin: 0 auto;
    }
    .slider_area_section {
      height: 478px;
    }
}
@media screen and (max-width:1500px) {
    .module_container_top{
      width: 78%;
    }
    .module_container ,.course_container{
      width: 74%;
    }
}
@media screen and (max-width:1460px) {
    .module_container_top{
      width: 81%;
    }
  }
@media screen and (max-width:1380px) {
    .module_container_top{
      width: 85%;
    }
    .custom_carousel_item{
      height: 288px;
    }

}
@media screen and (max-width:1331px) {
    .module_container{
      width: 100%;
    }
    .module_item h3 {
      font-size: 14px;
    }
    .module_item i{
      font-size: 30px;
    }
}
@media screen and (max-width:1280px){
    .module_container_top {
      width: 90%;
    }
}
@media screen and (max-width:1200px) {
    .module_container_top{
      width: 100%;
    }
    .slider_content {
      font-size: 21px;
    }
    .right_logo {
      width: 82px;
    }
    .left_logo {
      width: 181px;
    }
    .slider_area_section {
      height: 435px;
    }
    .course_container {
      width: 84%;
    }
    .course_section_right h2{
      font-size: 20px;
    }
}

@media screen and (max-width:1150px){
    /* .course-detail-section-right {
        flex-basis: 34%;
    }
    .course-detail-section-left {
        flex-basis: 65%;
    } */
}
@media screen and (max-width:1050px){
    .our-course-section a.our-course-item {
        flex-basis: 48%;
        margin-left: 14px;
        margin-bottom: 2rem;
        text-align: center;
    }
}
@media screen and (max-width:1000) {
    .slider_content {
      font-size: 19px;
    }
    .slider_area_section {
        height: 470px;
      }

  }
@media screen and (max-width:991px) {
  /****************Mbl menu start*************/
  .menu-btn{
    display: block;
    z-index: 9999;
  }
  .top_navbar {
    width: 40%;
    position: absolute;
    z-index: 9;
    right: 0;
    background-color: transparent;
  }
  .top_navbar .navbar-nav .nav-item {
    margin: 5px 45px;
  }
  .navbar-nav .nav-item .submenu {
    right: 50px;
  }
  .navbar_body {
    display: none;
  }
  .navbar_body.active {
    display: block;
    background-color: #075e24;
    margin-top: -5px;
    padding: 20px 0;
  }
  /****************Mbl menu ends**************/

  .slider_area_section {
    height: 350px;
  }
  .slider_content {
    font-size: 18px;
  }
    .left_logo {
      width: 180px;
    }
    .right_logo {
      width: 96px;
    }
    .slider_section {
      margin-bottom: 3rem;
    }
    .module_title h2 {
      font-size: 26px;
    }
    .module_section {
      margin-bottom: 0rem;
    }
    .module_item  .p-4{
      padding: 5px !important;
    }
    .module_item h3{
      margin-bottom: 5px!important;
    }
    /* course*******************/
    .course_container {
      width: 93%;
    }

    /****Footer****/
    .footer_section {
      padding-top: 38px;
      padding-left: 6rem;
      padding-bottom: 34px;
    }
    .footer_item h3{
      font-size: 20px;
    }
    .footer_section p {
      padding-right: 0px;
      font-size: 12px;
    }
    .footer_section ul > li{
      font-size: 14px;
      padding: 2px 0;
    }
    .social_icon li a i {
      padding: 10px;
    }
    .footer_bottom{
      font-size: 14px;
    }

}
@media screen and (max-width:850px){
    .tab-pane-left-side{
        flex-basis: 100%;
    }
    .st-course-img {
        width: 90%;
        margin-left: 5%;
        margin-top: 4rem;
    }
    .tab-pane-left-side {
        margin-left: 1rem;
    }
}
@media screen and (max-width:800px){
    .img-left-side {
        flex-basis: 90%;
        margin-bottom: 2rem;
    }
    .about-idea-section .about-content h4 {
        font-size: 26px;
    }
    .about-idea-right-side {
        flex-basis: 90%;
        text-align: center;
    }
    .about-idea-section .about-content p {
        text-align: justify;
    }

.widget-item {
    flex-basis: 48%;
    text-align: center;
    margin-bottom: 2rem;
  }
 .footer .widget .widget-item button {
    text-align: center;
    margin-left: 3rem;
  }
  .footer-bottom .footer-content {
	flex-basis: 100%;
	text-align: center;
}
}
@media screen and (max-width:767px){
    .student-registration-success-area .success-images img {
        max-width: 250px;
        height: 300px;
    }
    /*********Top navbar**************/
  .top_heading {
    min-height: 80px;
  }
  .slider_area_section {
    height: 271px;
  }
  .owl-dot-style .owl-nav.disabled {
    right: 2rem;
    left: 2rem;
  }
  .owl-dot-style .owl-nav button.owl-next span, .owl-dot-style .owl-nav button.owl-prev span{
    font-size: 3rem;
  }
  .slider_content {
    font-size: 14px;
  }
  .left_logo {
    width: 149px;
  }
  .right_logo {
    width: 80px;
  }
  .module_title h2 {
    font-size: 24px;
  }
  .module_item h3 {
    font-size: 11px;
  }
  .module_item i{
    margin-bottom: 5px !important;
  }
  /* course*******************/
  .course_section {
    margin-top: 3rem;
    margin-bottom: 5rem;
  }
  .course_overlay h2 {
    font-size: 18px;
  }
  .course_overlay p {
    font-size: 13px;
    padding: 0 0;
    padding-top: 5px;
  }
  .course_overlay ul li {
    font-size: 11px;
    line-height: 1;
  }
  .enroll_button {
    margin-top: 20px;
  }
  .enroll_button a {
    font-size: 12px;
    font-weight: 600;
  }
  .course_section_right h2 {
    font-size: 12px;
  }
  .course_details_content {
    margin-top: 17px;
    padding: 5px 43px;
  }
  .course_section_left img {
    height: 283px;
  }
  .course_section_left .course_overlay{
    padding-top: 20px;
    padding-left: 20px;
  }
  .readmore_button a {
    padding: 3px 15px;
    font-size: 11px;
  }
  .custom_carousel_item {
    height: 240px;
  }
  .course_details_content {
    margin-top: 15px;
  }
  .course_details_content h3 {
    font-size: 13px;
  }
  .course_details_content ul li {
    font-size: 11px;
    line-height: 1.5;
  }
  /***footer***/
  .footer_section {
    padding-top: 33px;
    padding-left: 0rem;
    padding-bottom: 34px;
    text-align: center;
  }
  .footer_section p {
    width: 59%;
    margin: 0px auto;
  }
  .footer_item {
    padding-bottom: 25px;
  }
  .footer_item h3 {
    font-size: 18px;
  }
  .footer_section ul > li {
    font-size: 12px;
    line-height: 1.3;
  }
}
@media screen and (max-width:700px){
    .our-course-section a.our-course-item {
        flex-basis: 94%;
        margin-left: 14px;
        margin-bottom: 2rem;
        text-align: center;
        margin-left: 3%;
    }
    .student-registration-item {
        flex-basis: 97%;
        }
        .st-max-width{
            flex-basis: 97%;
        }
        .top-Scroll {
            bottom: 4.3rem;
        }
}

@media screen and (max-width:686px) {
    .custom_carousel_item{
      height: 224px;
    }
    .readmore_button{
      margin-top: 10px;
    }
    .footer_bottom{
      font-size: 11px;
    }
  }

@media screen and (max-width:576px) {
    .slider_content {
      font-size: 11px;
    }
    .slider_area_section {
      height: 249px;
    }
    .right_logo {
      width: 55px;
    }
    .left_logo {
      width: 115px;
    }
    .top_heading {
      min-height: 69px;
    }
    /***course****/
    .course_section_left{
      margin-bottom: 5px;
    }
    .course_section_left img {
      height: 229px;
    }
    .enroll_button {
      margin-top: 11px;
    }
    .custom_carousel_item{
      height: 174px;
    }
    .course_section_right h2{
      margin-bottom: 0!important;
    }
    .course_details_content {
      padding: 5px 60px;
    }
    /***about***/
    .module_title h2 {
      font-size: 22px;
    }
    .about_section p {
      font-size: 12px;
    }
}

@media screen and (max-width:500px){
    /********slider************/
    .slider_area_section {
        height: 223px;
    }
    .slider_section {
        margin-bottom: 10px;
    }
    .module_title {
        margin: 0;
    }
    .module_title h2 {
        margin-top: 30px;
        font-size: 21px;
        margin-left: 30px;
        margin-right: 30px;
    }
    .about_section p {
        font-size: 12px;
    }
    /***footer***/
    .footer_item{
        padding-bottom: 14px;
    }
    .footer_section {
        padding-top: 21px;
        padding-bottom: 15px;
    }
    .footer_section p {
        width: 75%;
    }
    .footer_bottom{
        font-size: 10px;
    }
}
@media screen and (max-width:450px){
    .filtering-area {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .filtering-area .filter-btn {
        margin-top: 15px;
    }
    .tab-content .course-content h2 {
        font-size: 27px;
    }
      /********slider************/
    .slider_area_section {
        height: 180px;
    }
    .slider_content {
        font-size: 10px;
    }
    .left_logo {
        width: 110px;
    }
    .right_logo {
        width: 47px;
    }
    .top_heading {
        min-height: 61px;
    }
    .module_title h2 {
        margin-top: 14px;
        font-size: 20px;
    }
    .module_section {
        grid-template-rows: 0fr 0fr 0fr 0fr;
    }
    .module_item{
        padding-top: 5px!important;
    }
    .module_item h3 {
        font-size: 9px;
    }
    .module_title h2 {
        font-size: 16px;
    }
    .about_section p {
        font-size: 9px;
        line-height: 1.4;
    }
    /****Course****/
    .course_section_left img {
        height: 200px;
    }
    .course_overlay h2 {
        font-size: 14px;
    }
    .course_overlay p {
        font-size: 11px;
        padding-top: 3px;
    }
    .course_overlay ul li {
        font-size: 10px;
    }
    .enroll_button a {
        font-size: 10px;
        padding: 6px 8px;
    }

    .custom_carousel_item{
        height: 146px;
    }
    .course_details_content {
        margin-top: 5px;
    }
    .course_details_content h3 {
        font-size: 12px;
    }
    .course_details_content ul li{
        font-size: 9px;
    }
    .readmore_button{
        margin-top: 0;
    }

    /***footer***/
    .footer_section p {
        font-size: 10px;
    }
    .footer_item h3 {
        font-size: 16px;
    }
    .footer_section ul > li {
        font-size: 10px;
        line-height: 1;
    }
    .footer_bottom{
        font-size: 8px;
    }
}
@media screen and (max-width:360px){
    .menu-btn {
        right: 3.2rem;
    }
}