/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) {

  /* CSS */








  







}


/* ***************************************************************************************************************** */










/* 
    ##Device = Laptops, Desktops
    ##Screen = B/w 1025px to 1280px
  */

@media (min-width: 1025px) and (max-width: 1280px) {

  /* CSS */









}



/* ******************************************************************************************************************** */






/* 
    ##Device = Tablets, Ipads (portrait)
    ##Screen = B/w 768px to 1024px
  */

@media (min-width: 768px) and (max-width: 1024px) {

  /* CSS */









}



/* ******************************************************************************************************************** */













/* 
    ##Device = Tablets, Ipads (landscape)
    ##Screen = B/w 768px to 1024px
  */

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

  /* CSS */














}




/* ******************************************************************************************************************** */















/* 
    ##Device = Low Resolution Tablets, Mobiles (Landscape)
    ##Screen = B/w 481px to 767px
  */

@media (min-width: 481px) and (max-width: 767px) {

  /* CSS */







}




/* ******************************************************************************************************************** */









/* 
    ##Device = Most of the Smartphones Mobiles (Portrait)
    ##Screen = B/w 320px to 479px
  */

@media (min-width: 320px) and (max-width: 480px) {

  /* CSS */




  /* Global Css Start */



  body {
    margin: 0px !important;
  }


  .container {

    width: 80% !important;
    margin: 0px !important;
    padding: 0px !important;
    justify-content: center !important;
  }



  /*************************
     Header Css Start
 ************************/


  .header-section {

    display: none;

  }







  .header-section .navbar {}


  /***************************
     Banner-Body Css Start
 ***************************/




  .banner {
    /* width: 70% !important; */


    /*
    background: #F0FFF0;
    align-items: center;
   
    text-align: center; */
  }


  .banner .container {

    /* width: 70% !important; */

  }





  .banner .container .banner-inner {
    margin-left: 80px !important;
    flex-direction: column !important;
    /* align-items: center;
    justify-content: center; */
    text-align: center !important;

  }


  .banner .container .banner-inner .content {

    flex-basis: 100% !important;
    text-align: center !important;
    align-items: center !important;
    text-align: center !important;
    justify-content: center !important;
  }

  .banner .container .banner-inner .content span {

    font-size: 18px !important;

  }



  .banner .container .banner-inner .content h1 {
    font-weight: 700 !important;
    font-size: 25px !important;
    line-height: 35px !important;
    align-items: center !important;
    text-align: center !important;
  }

  .banner .container .banner-inner .content h1 span {

    font-size: 25px !important;

  }


  .banner .container .banner-inner .content p {

    font-size: 13px !important;
    line-height: 23px !important;
    font-weight: 405 !important;
    margin: auto;
    margin-top: 20px !important;
    width: 70% !important;
    align-items: center !important;
    text-align: center !important;

  }

  .banner-btn {
    width: 100%;
    margin: auto;
  }


  .banner .container .banner-inner .image-part {

    flex-basis: 100% !important;
  }



  .banner .container .banner-inner .image-part img {
    width: auto;
  }






  /*************************
     Feature-Body Css start
 **************************/





  .feature {
    /* width: 70% !important; */

  }




  .feature .feature-inner {
    flex-direction: column;
    justify-content: center !important;
    text-align: center !important;
    align-items: center !important;
    margin-left: 80px !important;


  }


  .feature .feature-inner .f-box {


    flex-basis: 100% !important;

  }








  /*************************
     Courses-Body Css start
 **************************/


  .courses {

    /* width: 70% !important; */

  }


  .courses .container .title h2 {

    font-size: 25px !important;
    margin-left: 80px !important;

  }


  .courses .courses-inner {

    flex-direction: column;
    margin-left: 80px !important;
    text-align: center;
    align-items: center;

  }



  .courses .courses-inner .c-card {

    margin-bottom: 30px !important;
  }




  .courses .courses-inner .c-card .c-footer {

    justify-content: center;


  }




  /*****************************
     testimonial-Body Css start
 ******************************/




  .testimonial {

    /* width: 70% !important; */
  }

}

.testimonial .container .title h2 {

  font-size: 25px !important;
  margin-left: 80px !important;
}



.testimonial .container .testimonial-inner {
  margin-left: 80px !important;
  flex-direction: column;
  justify-content: space-evenly;
  text-align: center;
  justify-content: center;
}



.testimonial .container .testimonial-inner span p {

  width: 90%;
  text-align: center;
  margin-top: 5px;
  display: inline-block;
  font-size: 14px !important;
  width: 100% !important;
}





/*****************************
     footer Css start
 ******************************/






.footer {

  /* width: 70% !important; */
 

}


.footer .container {

  /* width: 70% !important; */
}


.footer .container .footer-inner {
  margin-left: 80px;

  /* flex-direction: column; */

  justify-content: center;
  align-items: center;
  text-align: center;
}






.footer .container .footer-inner .title p {

  width: 100% !important;
  margin-bottom: 15px;
  font-size: 15px;

}



.footer .container .footer-inner ul li {


  margin: 15px;

}





.footer .container .footer-copyright p {

  margin-left: 80px !important;


}











/* ******************************************************** END ****************************************************** */