/*----media query-----*/
@media only screen and (max-width: 320px) {

  .btm1_boxes section a{left: 78px;}

.main-content{margin-top: -133px;}

  .main-content .row h1{font-size: 30px;}

  /* .bnr_btn{margin: 41px 64px -49px;} */

  

  main {

    margin-top: -134px;

  }

  .contactlist ul{

    flex-direction: column;

    align-items: center;

       justify-content: center;

       width:100%;

       

     }



     .btm2_info .h1_title {

      margin: 88px auto -54px;

    }





  

  

  







}





@media only screen and (max-width: 500px) {



  

  .btm1_boxes section a{left: 78px;}

.main-content{margin-top: -180px;}

  .main-content .row h1{font-size: 30px;}



  



  main {

    margin-top: -134px;

  }

 





  .contactlist ul{

    flex-direction: column;

    align-items: center;

       justify-content: center;

       width:100%;

     }



     .nav_footer {

width: 100%;

  

    

    }

   .nav_footer ul{display: inline-block;}

    .nav_footer ul li{  width: 48%; border: none;}

    .nav_footer ul li a{padding:20px;background: var(--priColor); width: 100%; max-width: 100%;color: var(--bodyColor);

  

    } 



    .nav_footer{display: none;}



 

  



}

  





@media only screen and (max-width: 600px) {

    .main_con figure img{display: none;}

  

    .btm1_boxes{justify-content: space-evenly;

      flex-wrap: wrap; gap:60px;}

    

 

    

    

  }

  

  @media only screen and  (max-width :780px)

  {

  

   .navbar{

  

   position: fixed;

   top: -90rem; left: 50%;

   transform: translate(-50%, -50%);

   box-shadow: 0 0 0 100vh rgba(0,0,0,.3);

   z-index: 10000;

   opacity: 1;

   display: block;

   background-color: #3498db;

  

        }

      .navbar ul{

        flex-flow: column;

        background-color: #3498db;

        border:.2rem solid #fff;

        box-shadow: 0 .3rem .5rem #000;

        padding:3rem 0;

        width: 20rem;

        bottom: 18%;

     

     

    }

      

      .navbar ul li{

        width: 100%;

        margin:1rem 0;

        text-align: center;

  

  

      }

      .navbar ul li a{

        font-size: 1.5rem;

        display: block;

        width: 100%;

        font-weight: 700;

         

      }

      .navbar ul li a:hover{

        color: var(--secColor);

            

         }



      

  

         .navbar-toggler{

          margin-top:63%;
          top:3%;

           opacity: 0.9;

           display: block;

           transition: top 1s ease;

       

       }

      .active{

        transition-delay: 3s;

      }

  

      .fa-times{

        transform: rotate(-360deg);

        transition-duration: 1s;

  

  

    }

  

  #menu{

    display: block;

    position: absolute;

    right: 5%;

    top: 5%;

    color: #000;


    padding: 10px;

  

  }

  

  .icons{

    text-align: center;

    margin-top:4%;

    margin-left:60px;

    font-size: 14px;

  }

  .top-header {

  

    background: #667db6;  /* fallback for old browsers */

  background: -webkit-linear-gradient(to right, #667db6, #0082c8, #0082c8, #667db6);  /* Chrome 10-25, Safari 5.1-6 */

  background: linear-gradient(to right, #667db6, #0082c8, #0082c8, #667db6); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

  

  }

    .navbar ul li a.active,

    .navbar ul li a:hover{

       color:white;

       transition-delay: 0.1s;

   

  }

  .top-header.fixed-menu {

  background: white;

    

  }

  .navbar-brand{

    /* margin-left: 100px; */

  }

   .login-icon{

    /* margin-left: -90px; */

    font-size: 14px;

    margin-top: 40px;

  }



       

  .contactlist ul{

 flex-direction: column;

 align-items: center;

    justify-content: center;

  }



  #about h3 {

    color: var(--secColor);

    font-weight: 700;

    font-size: 25px;

  }





}





  

  

  @media only screen and (max-width: 865px) {

    .main_con figure img{display: none;}

  

    .btm1_boxes{justify-content: space-evenly;

      flex-wrap: wrap; gap: 50px 20px;;}

      .btm1_box1{box-shadow: 0 6px 10px 3px rgba(165,165,165,.1); position: relative; }

  

      main{width: 100%;text-align: center;

    

        padding: 0 231px;

        margin-top: -8px;

        text-align: justify;}



        main .h1_title {

          font-size: 40px;

          font-weight: 700;

      

    text-align: center;

          font-family: var(--priFont);

     

        }



        #main_area .main_con p {

          margin-top: 30px;

          font-size: 18px;

          max-width: 475px;

        position: relative;

        width: 100%;

        padding-bottom: 50px;

        }



        .footer_nav_holder {

          flex-direction: column;

        }

        .contact_info_heading{width: 100%; line-height: 23px;

          margin: 0 0 45px;}

        

  

          .headh2 {

 

            font-size: 30px;
            font-weight: 700;
         
            
          font-family: var(--priFont);

          

          }

.contact_info_heading p{text-align: justify; font-size: 18px;

  color: var(--bodyColor); padding: 0 40px 0 0;}





.icons {

display: none;

}



#about h3 {

  color: var(--secColor);

  font-weight: 700;

  font-size: 25px;

}







}

  @media only screen and (max-width: 1090px) {



  

   .navbar{

  

      position: fixed;

      top: -90rem; left: 50%;

      transform: translate(-50%, -50%);

      box-shadow: 0 0 0 100vh rgba(0,0,0,.3);

      z-index: 10000;

      opacity: 1;

      display: block;

      background-color: #3498db;

     

           }

         .navbar ul{

           flex-flow: column;

           background-color: #3498db;

           border:.2rem solid #fff;

           box-shadow: 0 .3rem .5rem #000;

           padding:3rem 0;

           width: 20rem;

           bottom: 18%;

           margin-right: -15px;

        

        

       }

         

         .navbar ul li{

           width: 100%;

           margin:1rem 0;

           text-align: center;

     

     

         }

         .navbar ul li a{

           font-size: 1.5rem;

           display: block;

           width: 100%;

           font-weight: 700;

            

         }

         .navbar ul li a:hover{

       color: var(--secColor);

           

        }


        .navbar-toggler{

          margin-top:63%;
          top:3%;

           opacity: 0.9;

           display: block;

           transition: top 1s ease;

       

       }


         .active{

           transition-delay: 3s;

         }

     

         .fa-times{

           transform: rotate(-360deg);

           transition-duration: 1s;

     

     

       }



       .top-header{height: 84px;}

     

     #menu{

       display: block;

       position: absolute;

       right: 5%;

       top: 5%;

       color: #000;

    
       padding: 10px;

  

    }

    main{width: 100%;text-align: center;

    

      padding: 0 32px;

      margin-top: -157px;

      text-align: justify;}

      main .h1_title {

        font-size: 30px;

        font-weight: 700;

        margin-top: 66px;

     

    

  text-align: center;

        font-family: var(--priFont);

   

      }



      #main_area .main_con p {

        margin-top: 30px;

        font-size: 18px;

        max-width: 475px;

      position: relative;

      width: 100%;

      padding-bottom: 50px;

      margin: 0 auto;

      }

    .main_con figure img{display: none;}

  

    .main_con {

      align-items: center;

      justify-content: center;}

    .btm1_boxes{justify-content: space-evenly;

      flex-wrap: wrap; gap:60px;}



      .btm1_box1{box-shadow: 0 6px 10px 3px rgba(165,165,165,.1); position: relative; }

      #bottom2 figure img{display: none;}

      #bottom2{right: 20%;}

      #bottom2::after{display: none;}

      .btm2_info_holder {right: -158px;top: 119px;bottom: -50px;min-height: 704px;height: 854px;width: 100%;}



      .btm2_info .h1_title {

        margin: 88px auto -54px;

      

      }



      .headh1 {

  

        font-size: 30px;

     

      }

      .contactlist {

        text-align: center;

      }

      .footer_mapcon {flex-direction: column; }

      .footer_mapcon iframe{width: 100%; height: 0 auto; }

      .contactlist ul li::before {margin-top: 20px;}



        .btm2_info_holder {

top: -127px;

       

          position: relative;

          width: 100%;

          max-width: 1400px;

          min-height: 89vh;

          height: 100%;

          padding: 1px 5px 20px;

          left: 21%;

        }



        .main_con figure img{ top: 35%; }

        

.contactlist ul{justify-content: space-evenly;



  gap: 15px; width: 100%;

  margin: 0 -15px;

}

  

.btm2_con {

  padding: 120px 0 0px;



}



.contact_info_heading p{text-align: justify; font-size: 18px;

  color: var(--bodyColor); }



  #about h3 {

    color: var(--secColor);

    font-weight: 700;

    font-size: 25px;

  }



  .icons {

    display: none;

    }

    
    .jumbotron h1 {

      margin-top: 573px;
      
    }

    .main-content video{

    
      
      background-size: contain;
  
    }
     

    }

/* 

    .navbar-brand{position: static;

      margin: 0 auto;

      text-align: center;

      max-width: 100%;

      width: auto;} */