@media(max-width:1200px){
    #slider .side-img img {

    width: calc(100% + 140px);
    margin-bottom: -70px;
}

}

@media (max-width:992px) {

    

  #header {

    /* position: relative; */

    padding: 10px 0px;

  }

  #slider .col-lg-7{

    padding: 0px  !important;

  }



  #slider .theme-button1{

    margin-bottom: 0px;

  }

  .section-padding {

    padding: 50px 0px;

  }

  .section-padding-top {

    padding-top: 50px;

  }

  .section-padding-bottom {

    padding-bottom: 50px;

  }



  



  #header .nav-bar {

    position: absolute;

    z-index: 9;

    left: 0;

    overflow: auto;

    background: #2a3f47;

    width: 100%;

    top: 60px;

    flex-direction: column;

    height: 0;

    transition: all ease .2s;

  }



 

  #header .nav-bar.colapsed {

  margin-top: 0px;
  height: 100vh;



  }

  #header .nav-bar .nav-links{
color:white;
    padding: 10px;

  }



  #header .nav-items .nav-bar-nav.show {

    position: static;

    height: max-content;

    width: 100%;

    background-color: white;

    transition: all ease 0.5s;



  }
  #header .nav-items .nav-bar-nav.show ul li a{
      color:black;
  }

  #find-college .left.content h2{

    font-size: 30px;

  }

  #find-college .left .content,#find-college .content  {

   padding: 0px 15px;

  }

  .box-even{

    flex-direction: column-reverse;

  }

 .content{
margin-top:50px;
   margin-bottom: 50px;

  }

  #slider{

padding-bottom: 50px;

  }
  #footer .links {
    padding-left:0px;
}
  .main-heading span {
     display: inline-block; 
    
}



}

/* media query (768) for small screen desktop - laptops */

@media (max-width:768px) {
  #page-slide{
    min-height: 25vh;
  }
  #find-college .img-box img.right {
  
    height: auto;
  
}
.padding-bottom {
    padding-bottom: 30px;
}
.content {
    margin-top: 0px;
  
}

  #find-college .left.content .review-box{

flex-direction: column;

align-items: center;

text-align: center;

  }

  #page-slide .overlay{



    padding: 20px 0px;}

  /* .owl-stage{

    padding-bottom: 30px;

  } */

  .section-heading {

    font-size: 25px;

      margin-bottom: 30px;

}

  #find-college .content h3 {

    font-size: 26px;

    margin-bottom: 20px;

}

  #find-college .para {

   font-size: 16px;

}

#find-college .title{

  padding-left: 15px;

}



.section-padding{

  padding: 30px 0px;

    }

    #mail-box .main-box {

      padding: 50px 10px;

  

  }

  #mail-box .main-box .profiles h3 {

    font-size: 26px;

    margin-bottom: 0px;

    font-weight: 700;

    margin-top: 20px;

  }

  #mail-box .main-box .profiles {

  gap: 15px !important;

  

  }

  #mail-box .main-box .profile-box {

    width: 40px;

    height: 40px;

  

  }

  .section-padding{

    padding: 30px 0px;

  }

  #mail-box form .input-box{

    flex-direction: column;

  }

  #mail-box form .input-box button{

   width: max-content;

  }

  

      .section-padding-top{

        padding-top:50px ;

      }

      .course-box .course-content p {

   

        font-size: 14px;

     }

      .course-box .course-content  {

   padding: 12px !important;

     }

     #footer .logo img {

      width: 57px;

  }

     #footer .logo h6 {

     font-size: 16px !important;

  }

  #page-slide h2{

    font-size: 30px !important;

    margin-bottom: 15px;

  }

  #header .logo img {

    width: 34px;

}

  #header .logo h6 {

    font-size: 16px !important;

}

#course-training .owl-nav {



  bottom: 15px;}

  #single-blog .title{

    font-size: 16px;

  }

  #single-blog .blog-details {

    padding: 20px 10px;

}

  

    }













/* media query (576) for tablate n other high resolution mobiles */

@media (max-width:576px) {

  .main-heading {

    font-size: 30px;

    line-height: 43px !important;

         margin-bottom: 20px;}



#mail-box .main-box::before {

  bottom: -217px;}



.section-heading {

  font-size: 20px;

  margin-bottom: 30px;

}

.review-box{

  flex-direction: column;

  align-items: baseline !important;

}

.new-batch{

  display: flex;

  flex-direction: column;

}



#mail-box .main-box::after {



  width: 111%;

  height: 311px;



  right: -18%;



  bottom: -62%;}

}





/* media query (420) for mobiles screen  */

@media (max-width:420px) {

#find-college .img-box {
    height: 183px;
}



}

/* media query (300) for small mobiles screen  */

@media (max-width:768px) {

    

}