@media only screen and (max-device-width: 480px) {
   /* styles for mobile browsers smaller than 480px; (iPhone) */

   /* SERVICE SECTION IMG */

   .aboutus-service1-container {
      /* background-color: rgb(243, 243, 235); */
      background-color: #f4fbfd;
      /* width: 100%; */
      height: auto;
      margin: 150px 0 0 0;
   }

   .aboutus-service1-img-con {
      margin: 65px 1px 20px 1px;
      width: 100%;
      height: 280px;
      object-fit: cover;
      padding: 20px;
      /* box-shadow: 15px 15px 10px 0  rgba(0,0,0,.2); */
      background-color: rgb(249 197 121);
   }

   .aboutus-service1-img-con img {
      width: 100%;
      height: 100%;
   }


   .aboutus-heading {
      margin: 70px 0 30px 30px;
      color: #444;
      font-size: 40px;
      font-weight: 700;
      text-transform: uppercase;
   }

   .aboutus-span-line {
      background-color: #f8b604;
      width: 150px;
      height: 5px;
      margin: 15px 0 15px 30px;
   }

   .aboutus-para {
      margin: 45px 30px 15px 30px;
      color: #020731;
      font-weight: 500;
      line-height: 28px;
   }


   /* ****************************** Section half abtU pg ************************** */

   .vis-mis-main-con {
      padding: 20px 0 20px 0;
      background-color: #f4fbfd;
      height: auto;
   }

   .vis-mis-main-con .row {
      background-color: #f4fbfd;
      width: 100%;
      margin: 10px 0 10px 0;
   }

   .vision-content-new-con {
      width: 100%;
      height: 100%;
      background-color: #f4fbfd;
      padding-top: 4rem;
   }


   .vision-content-new-con h1 {
      font-size: 45px;
      line-height: 65px;
      text-transform: uppercase;
      margin: 0 0 15px;
      color: #444 !important;
      font-weight: 600 !important;
      font-family: 'Montserrat', sans-serif !important;
      letter-spacing: 0.5px !important;
      margin: 0 0rem 0 1.8rem;
   }

   .vision-span-line {
      background-color: #f8b604;
      width: 150px;
      height: 5px;
      margin: 15px 0 15px 1.8rem;
   }

   .vision-content-new-con p {
      margin: 2rem 0rem 2rem 1.8rem;
      font-size: 16px;
      font-weight: 600 !important;
      line-height: 35px !important;
      color: #555 !important;
      font-family: 'Montserrat', sans-serif !important;
   }

   /* vision img */

   .vision-img-new-con {
      background-color: #ddf4ff;
      margin: 8rem auto 7rem auto;
      width: 250px;
      height: 160px;
   }

   .vision-img-new-con img {
      width: 100%;
      height: 100%;
   }


   /* MISSION CSS */

   .mission-content-new-con {
      width: 100%;
      height: 100%;
      background-color: #f4fbfd;
      padding-top: 4rem;
   }

   .mission-content-new-con h1 {
      font-size: 45px;
      line-height: 65px;
      text-transform: uppercase;
      margin: 0 0 15px;
      color: #444 !important;
      font-weight: bold !important;
      font-family: 'Montserrat', sans-serif !important;
      letter-spacing: 0.5px !important;
      margin: 0 0rem 0 1.8rem;
   }

   .mission-span-line {
      background-color: #f8b604;
      width: 190px;
      height: 5px;
      margin: 15px 0 15px 1.8rem;
   }

   .mission-content-new-con p {
      margin: 2rem 0rem 0 1.8rem;
      font-size: 16px;
      font-weight: 600 !important;
      line-height: 35px !important;
      color: #555 !important;
      font-family: 'Montserrat', sans-serif !important;
   }


   /* Mission Img css */
   .mission-img-new-con {
      background-color: #ddf4ff;
      margin: 7rem auto 7rem auto;
      width: 240px;
      height: 160px;
   }

   .mission-img-new-con img {
      width: 100%;
      height: 100%;
   }



   /* ***************************** About Us SECTION 2 CSS *********************** */

   .section2-aboutus-container {
      margin: 0 0 85px 0;
      padding-top: 4px;
      width: 100%;
      height: auto;
      background-color: #f4fbfd;
   }

   .aboutUS-section2-part1 {
      width: 100%;
      height: auto;
   }

   .aboutUS-part1-h2 {
      margin: 50px 0 35px 0;
      font-size: 30px;
      line-height: 65px;
      text-transform: uppercase;
      color: #444 !important;
      font-weight: bold !important;
      font-family: 'Montserrat', sans-serif !important;
      letter-spacing: 0.5px !important;
   }

   .aboutUs-section2-img-con {
      margin: 0 auto 0 auto;
      width: 85%;
      height: auto;
      justify-content: center;
      box-shadow: 5px 5px 10px;
   }

   .aboutUs-section2-img-con img {
      width: 100%;
      height: 100%;
   }


   @import url('https://fonts.googleapis.com/css2?family=Lobster&display=swap');

   /* Director name */
   .director-name-con {
      margin: 47px auto 30px auto;
      font-size: 17px !important;
      line-height: 30px !important;
      text-transform: uppercase;
      color: #66321a !important;
      font-weight: 700 !important;
      font-family: 'Lobster', cursive;
      letter-spacing: 0.0px !important;
   }
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
   /* SERVICE SECTION IMG */

   .aboutus-service1-container {
      /* background-color: rgb(243, 243, 235); */
      background-color: #f4fbfd;
      /* width: 100%; */
      height: auto;
      margin: 150px 0 0 0;
   }

   .aboutus-service1-img-con {
      margin: 65px auto 20px auto;
      width: 85%;
      height: 290px;
      object-fit: cover;
      padding: 20px;
      /* box-shadow: 15px 15px 10px 0  rgba(0,0,0,.2); */
      background-color: rgb(249 197 121);
   }

   .aboutus-service1-img-con img {
      width: 100%;
      height: 100%;
   }


   .aboutus-heading {
      margin: 70px 0 30px 30px;
      color: #444;
      font-size: 40px;
      font-weight: 700;
      text-transform: uppercase;
   }

   .aboutus-span-line {
      background-color: #f8b604;
      width: 150px;
      height: 5px;
      margin: 15px 0 15px 30px;
   }

   .aboutus-para {
      margin: 45px 30px 15px 30px;
      color: #020731;
      font-weight: 500;
      line-height: 28px;
   }


   /* ****************************** Section half abtU pg ************************** */

   .vis-mis-main-con {
      padding: 20px 0 20px 0;
      background-color: #f4fbfd;
      height: auto;
   }

   .vis-mis-main-con .row {
      background-color: #f4fbfd;
      width: 100%;
      margin: 10px 0 10px 0;
   }

   .vision-content-new-con {
      width: 100%;
      height: 100%;
      background-color: #f4fbfd;
      padding-top: 4rem;
   }


   .vision-content-new-con h1 {
      font-size: 45px;
      line-height: 65px;
      text-transform: uppercase;
      margin: 0 0 15px;
      color: #444 !important;
      font-weight: 600 !important;
      font-family: 'Montserrat', sans-serif !important;
      letter-spacing: 0.5px !important;
      margin: 0 0rem 0 1.8rem;
   }

   .vision-span-line {
      background-color: #f8b604;
      width: 150px;
      height: 5px;
      margin: 15px 0 15px 1.8rem;
   }

   .vision-content-new-con p {
      margin: 2rem 0rem 2rem 1.8rem;
      font-size: 16px;
      font-weight: 600 !important;
      line-height: 35px !important;
      color: #555 !important;
      font-family: 'Montserrat', sans-serif !important;
   }

   /* vision img */

   .vision-img-new-con {
      background-color: #ddf4ff;
      margin: 8rem auto 7rem auto;
      width: 250px;
      height: 160px;
   }

   .vision-img-new-con img {
      width: 100%;
      height: 100%;
   }


   /* MISSION CSS */

   .mission-content-new-con {
      width: 100%;
      height: 100%;
      background-color: #f4fbfd;
      padding-top: 4rem;
   }

   .mission-content-new-con h1 {
      font-size: 45px;
      line-height: 65px;
      text-transform: uppercase;
      margin: 0 0 15px;
      color: #444 !important;
      font-weight: bold !important;
      font-family: 'Montserrat', sans-serif !important;
      letter-spacing: 0.5px !important;
      margin: 0 0rem 0 1.8rem;
   }

   .mission-span-line {
      background-color: #f8b604;
      width: 190px;
      height: 5px;
      margin: 15px 0 15px 1.8rem;
   }

   .mission-content-new-con p {
      margin: 2rem 0rem 0 1.8rem;
      font-size: 16px;
      font-weight: 600 !important;
      line-height: 35px !important;
      color: #555 !important;
      font-family: 'Montserrat', sans-serif !important;
   }


   /* Mission Img css */
   .mission-img-new-con {
      background-color: #ddf4ff;
      margin: 7rem auto 7rem auto;
      width: 240px;
      height: 160px;
   }

   .mission-img-new-con img {
      width: 100%;
      height: 100%;
   }



   /* ***************************** About Us SECTION 2 CSS *********************** */

   .section2-aboutus-container {
      margin: 0 0 85px 0;
      padding-top: 4px;
      width: 100%;
      height: auto;
      background-color: #f4fbfd;
   }

   .aboutUS-section2-part1 {
      width: 100%;
      height: auto;
   }

   .aboutUS-part1-h2 {
      margin: 50px 0 35px 0;
      font-size: 30px;
      line-height: 65px;
      text-transform: uppercase;
      color: #444 !important;
      font-weight: bold !important;
      font-family: 'Montserrat', sans-serif !important;
      letter-spacing: 0.5px !important;
   }

   .aboutUs-section2-img-con {
      margin: 0 auto 0 auto;
      width: 85%;
      height: auto;
      justify-content: center;
      box-shadow: 5px 5px 10px;
   }

   .aboutUs-section2-img-con img {
      width: 100%;
      height: 100%;
   }


   @import url('https://fonts.googleapis.com/css2?family=Lobster&display=swap');

   /* Director name */
   .director-name-con {
      margin: 47px auto 30px auto;
      font-size: 17px !important;
      line-height: 30px !important;
      text-transform: uppercase;
      color: #66321a !important;
      font-weight: 700 !important;
      font-family: 'Lobster', cursive;
      letter-spacing: 0.0px !important;
   }
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
   /* For landscape layouts only */

   /* SERVICE SECTION IMG */

   .aboutus-service1-container {
      /* background-color: rgb(243, 243, 235); */
      background-color: #f4fbfd;
      width: 100%;
      height: auto;
      margin: 150px 0 0 0;
   }

   .aboutus-service1-img-con {
      margin: 65px auto 20px auto;
      width: 50%;
      height: auto;
      object-fit: cover;
      padding: 20px;
      box-shadow: 15px 15px 10px 0 rgba(0, 0, 0, .2);
      background-color: rgb(249 197 121);
   }

   .aboutus-service1-img-con img {
      width: 100%;
      height: 100%;
   }


   .aboutus-heading {
      margin: 70px 0 30px 45px;
      color: #444;
      font-size: 40px;
      font-weight: 700;
      text-transform: uppercase;
   }

   .aboutus-span-line {
      background-color: #f8b604;
      width: 150px;
      height: 5px;
      margin: 15px 0 15px 45px;
   }

   .aboutus-para {
      margin: 45px 30px 15px 45px;
      color: #020731;
      font-weight: 500;
      line-height: 28px;
   }


   /* ****************************** Section half abtU pg ************************** */
   .vis-mis-main-con {
      padding: 20px 0 20px 0;
      background-color: #f4fbfd;
      height: auto;
   }
   
   .vis-mis-main-con .row {
      background-color: #f4fbfd;
      width: 100%;
      margin: 10px 0 10px 0;
   }
   
   .vision-content-new-con {
      width: 100%;
      height: 100%;
      background-color: #f4fbfd;
      padding-top: 4rem;
   }
   
   
   .vision-content-new-con h1{
      font-size: 45px;
      line-height: 65px;
      text-transform: uppercase;
      margin: 0 0 15px;
      color: #444 !important;
      font-weight: 600 !important;
      font-family: 'Montserrat', sans-serif !important;
      letter-spacing: 0.5px !important;
      margin: 0 8rem 0 45px;
   }
   
   .vision-span-line {    
      background-color: #f8b604; 
      width: 150px; 
      height: 5px;
      margin: 15px 0 15px 45px;
   }
   
   .vision-content-new-con p {
      margin: 2rem 8rem 2rem 45px;
      font-size: 14px;
      font-weight: 600 !important;
      line-height: 35px !important;
      color: #555 !important;
      font-family: 'Montserrat', sans-serif !important;
   }
   
   /* vision img */
   
   .vision-img-new-con {
      background-color: #ddf4ff;
      margin: 8rem auto 7rem auto;
      width: 250px;
      height: 160px;
   }
   
   .vision-img-new-con img {
      width: 100%;
      height: 100%;
   }
   
   
   /* MISSION CSS */
   
   .mission-content-new-con {
      width: 100%;
      height: 100%;
      background-color: #f4fbfd;
      padding-top: 4rem;
   }
   
   .mission-content-new-con h1{
      font-size: 45px;
      line-height: 65px;
      text-transform: uppercase;
      margin: 0 0 15px;
      color: #444 !important;
      font-weight: bold !important;
      font-family: 'Montserrat', sans-serif !important;
      letter-spacing: 0.5px !important;
      margin: 0 8rem 0 45px;
   }
   
   .mission-span-line {    
      background-color: #f8b604; 
      width: 190px; 
      height: 5px;
      margin: 15px 0 15px 45px;
   }
   
   .mission-content-new-con p {
      margin: 2rem 8rem 0 45px;
      font-size: 14px;
      font-weight: 600 !important;
      line-height: 35px !important;
      color: #555 !important;
      font-family: 'Montserrat', sans-serif !important;
   }
   
   
   /* Mission Img css */
   .mission-img-new-con {
      background-color: #ddf4ff;
      margin: 7rem auto 7rem auto;
      width: 240px;
      height: 160px;
   }
   
   .mission-img-new-con img {
      width: 100%;
      height: 100%;
   }

   /* *************************************** DIRECTORS ******************************/
   /* ***************************** About Us SECTION 2 CSS *********************** */

   .section2-aboutus-container {
      margin: 0 0 85px 0;
      padding-top: 4px;
      width: 100%;
      height: auto;
      background-color: #f4fbfd;
   }

   .aboutUS-section2-part1 {
      width: 100%;
      height: auto;
   }

   .aboutUS-part1-h2 {
      margin: 50px 0 35px 0;
      font-size: 30px;
      line-height: 65px;
      text-transform: uppercase;
      color: #444 !important;
      font-weight: bold !important;
      font-family: 'Montserrat', sans-serif !important;
      letter-spacing: 0.5px !important;
   }

   .aboutUs-section2-img-con {
      margin: 0 auto 0 auto;
      width: 85%;
      height: auto;
      justify-content: center;
      box-shadow: 5px 5px 10px;
   }

   .aboutUs-section2-img-con img {
      width: 100%;
      height: 100%;
   }

   @import url('https://fonts.googleapis.com/css2?family=Lobster&display=swap');

   /* Director name */
   .director-name-con {
      margin: 47px auto 30px auto;
      font-size: 17px !important;
      line-height: 30px !important;
      text-transform: uppercase;
      color: #66321a !important;
      font-weight: 700 !important;
      font-family: 'Lobster', cursive;
      letter-spacing: 0.0px !important;
   }

}


@media only screen and (min-device-width: 1025px) and (orientation:landscape) {
   /* SERVICE SECTION IMG */

   .aboutus-service1-container {
      /* background-color: rgb(243, 243, 235); */
      background-color: #f4fbfd;
      width: 100%;
      height: auto;
      margin: 150px 0 0 0;
   }

   .aboutus-service1-img-con {
      margin: 65px auto 20px auto;
      width: 70%;
      height: 60vh;
      object-fit: cover;
      padding: 20px;
      box-shadow: 15px 15px 10px 0 rgba(0, 0, 0, .2);
      background-color: rgb(249 197 121);
   }

   .aboutus-service1-img-con img {
      width: 100%;
      height: 100%;
   }


   .aboutus-heading {
      margin: 70px 0 30px 45px;
      color: #444;
      font-size: 40px;
      font-weight: 700;
      text-transform: uppercase;
   }

   .aboutus-span-line {
      background-color: #f8b604;
      width: 150px;
      height: 5px;
      margin: 15px 0 15px 45px;
   }

   .aboutus-para {
      margin: 45px 30px 15px 45px;
      color: #020731;
      font-weight: 500;
      line-height: 28px;
   }


   /* ****************************** Section half abtU pg ************************** */
   .vis-mis-main-con {
      padding: 20px 0 20px 0;
      background-color: #f4fbfd;
      height: auto;
   }
   
   .vis-mis-main-con .row {
      background-color: #f4fbfd;
      width: 100%;
      margin: 10px 0 10px 0;
   }
   
   .vision-content-new-con {
      width: 100%;
      height: 100%;
      background-color: #f4fbfd;
      padding-top: 4rem;
   }
   
   
   .vision-content-new-con h1{
      font-size: 45px;
      line-height: 65px;
      text-transform: uppercase;
      margin: 0 0 15px;
      color: #444 !important;
      font-weight: 600 !important;
      font-family: 'Montserrat', sans-serif !important;
      letter-spacing: 0.5px !important;
      margin: 0 8rem 0 45px;
   }
   
   .vision-span-line {    
      background-color: #f8b604; 
      width: 150px; 
      height: 5px;
      margin: 15px 0 15px 45px;
   }
   
   .vision-content-new-con p {
      margin: 2rem 8rem 2rem 45px;
      font-size: 16px;
      font-weight: 600 !important;
      line-height: 35px !important;
      color: #555 !important;
      font-family: 'Montserrat', sans-serif !important;
   }
   
   /* vision img */
   
   .vision-img-new-con {
      background-color: #ddf4ff;
      margin: 8rem auto 7rem auto;
      width: 250px;
      height: 160px;
   }
   
   .vision-img-new-con img {
      width: 100%;
      height: 100%;
   }
   
   
   /* MISSION CSS */
   
   .mission-content-new-con {
      width: 100%;
      height: 100%;
      background-color: #f4fbfd;
      padding-top: 4rem;
   }
   
   .mission-content-new-con h1{
      font-size: 45px;
      line-height: 65px;
      text-transform: uppercase;
      margin: 0 0 15px;
      color: #444 !important;
      font-weight: bold !important;
      font-family: 'Montserrat', sans-serif !important;
      letter-spacing: 0.5px !important;
      margin: 0 8rem 0 45px;
   }
   
   .mission-span-line {    
      background-color: #f8b604; 
      width: 190px; 
      height: 5px;
      margin: 15px 0 15px 45px;
   }
   
   .mission-content-new-con p {
      margin: 2rem 8rem 0 45px;
      font-size: 16px;
      font-weight: 600 !important;
      line-height: 35px !important;
      color: #555 !important;
      font-family: 'Montserrat', sans-serif !important;
   }
   
   
   /* Mission Img css */
   .mission-img-new-con {
      background-color: #ddf4ff;
      margin: 7rem auto 7rem auto;
      width: 240px;
      height: 160px;
   }
   
   .mission-img-new-con img {
      width: 100%;
      height: 100%;
   }

   /* *************************************** DIRECTORS ******************************/
   /* ***************************** About Us SECTION 2 CSS *********************** */

   .section2-aboutus-container {
      margin: 0 0 85px 0;
      padding-top: 4px;
      width: 100%;
      height: auto;
      background-color: #f4fbfd;
   }

   .aboutUS-section2-part1 {
      width: 100%;
      height: auto;
   }

   .aboutUS-part1-h2 {
      margin: 50px 0 35px 0;
      font-size: 30px;
      line-height: 65px;
      text-transform: uppercase;
      color: #444 !important;
      font-weight: bold !important;
      font-family: 'Montserrat', sans-serif !important;
      letter-spacing: 0.5px !important;
   }

   .aboutUs-section2-img-con {
      margin: 0 auto 0 auto;
      width: 45%;
      height: auto;
      justify-content: center;
      box-shadow: 5px 5px 10px;
   }

   .aboutUs-section2-img-con img {
      width: 100%;
      height: 100%;
   }

   @import url('https://fonts.googleapis.com/css2?family=Lobster&display=swap');

   /* Director name */
   .director-name-con {
      margin: 47px auto 30px auto;
      font-size: 17px !important;
      line-height: 30px !important;
      text-transform: uppercase;
      color: #66321a !important;
      font-weight: 700 !important;
      font-family: 'Lobster', cursive;
      letter-spacing: 0.0px !important;
   }

}