/* Small devices (mobiles, 600px tak ke screens) */
@media (max-width: 600px) {
   
     #ul{
        background-color: red;
        display: none !important;
     }
     .w50{
        width: 50% !important;

     }
     .buttonsec{
       display: none;
     }
     .headbox
     {
      width:30vw !important;
      margin-left: 50px;
      /* background-color: rebeccapurple !important; */

     }
     .navbar{
      background-color: transparent !important;
      height: 100% !important;
     }
     .mainlogo{
      margin-top: 10px !important;
     }
    #menu2{
      margin-left: 10px !important;
      width:9vw;
      margin-top: -30px;
      /* background-color: yellow; */
    
    }
    #menu1{
       margin-left: -100px !important;
       /* background-color: red; */
      margin-top: -30px;
    }
    .navbar{
    }
     .aboutvideo{
      height: 200px !important;
      width: 300px !important;
      margin-left: -20px;
     }
     .visoncontent{
      margin-left: -30px !important;
     }
     .gbcard{
      text-align: center !important;
     }
     
    
     .carousel-item{
      padding: 0px;;
        height: 300px !important;
        width: 200px;

     }
     .stat-card{
    margin-top: 20px !important;  
    }
     .MBHG{
      margin-top: -210px;
      font-size: 12px !important;
     }
     .MBHGbtn{
      font-size: 7px !important;
      height: 30px;
    width: 60px;
     }
     .MBHG1{
     
      font-size: 10px !important;
     }
     .header{
      right: 0px;
     width: 103vw !important;
        background-color:rgb(84, 51, 34) !important;
       
        width:99vw;
        padding: 0px !important;
        left:-20px;
      
     }
     .dropdown-menu{
      display: none !important;
     }
     
     .sp{
      margin-top: 20px !important;
}
.hed{
  font-size: 20px !important;
}
.bgs{
  font-size: 18px !important;
}
.aboutvdo{
  height: 250px;
}
.heading1{
  font-size: 23px !important;
  font-weight: 800;
}
p{
  font-size: 14px !important;
}
.nois{
  padding:0px !important;
}
.notice{
  /* background-color: red !important; */
  width: 95vw;
  margin-left: -50px !important;
}
.side{
  height:40px !important;
  width: 50px !important;

}
.nh5{
  font-size: 8.5px !important;
}
.np5{
  font-size: 7px !important;
  margin-top: 2px;
}
.txt1{
  font-size: 11px !important;
}
.ss{
  width: 260px !important;
}
.vwm{
  font-size: 10px !important;
}
.wvid{
  height: 200px !important;
  width: 360px !important;
  margin-left: -50px !important;
}
.cdr{
  margin-left: 20px !important;
}
.navb1{
margin: auto;
}
.heading21{
  font-size: 17px !important;
}
.resimg{
  height: 200px !important;
  width: auto !important;
}
.resimg1{
  height: 200px !important;
  width: 300px !important;


}
.name1{
  font-size: 15px !important;
}
.fght{
  width: 300px !important;
}
.con1{
  margin-left: 15px !important;
}
.headingm1{
  font-size: 1.1em !important;
}
.headpara{
  margin-top: -50px !important;
  font-size: 0.7em !important;
}
.headingmain{
  font-family:Poppins, serif;
  font-weight: 700 !important;
  font-size: 1.0em !important;
}
.bha{
  height: 250px !important ;
}
.bhhha{
  margin-left: 40px;
}
.maa{
  margin-top: 20px !important;
  margin-left: 20px !important;
}
.headingmain1{
  font-size: 1.1em !important;
}
.backimghead{
  height: 280px !important;
}
.headerinner{
 margin-top: -55px !important;
 /* background-color: red !important; */
}
.headingm11{
  font-size: 14px !important;
}
.subheading1{
  font-size: 11px !important;
}
.subheading12{
  font-size: 13px !important;
}
.bcx{
  text-align: left !important;
}
.mainimages{
  height: 100px  !important;
}


.subheading{
font-size: 13px !important;
}
.p1{
  font-size: 16px !important;
}
/* new css add  */
.heading1{
margin-top: 2px !important;
  font-size: 13px !important;
  margin-bottom: -2px !important;
}
.w501{
 
  font-size: 13px !important;
  font-weight: 900 !important;
  font-family: "Lexend", serif;
}
.pdd1{
  margin-top: -20px !important;
}
.hgimg{
  width: 320px !important;
  height: 200px !important;
}
.ghghgh{
  height: 200px !important;
}
/* new css add  */
  }

  
  /* Tablets ke liye (600px - 768px) */
  @media (min-width: 601px) and (max-width: 768px) {
    #ul{
      background-color: red;
      display: none !important;
   }
   .w50{
      width: 50% !important;

   }
   .buttonsec{
     display: none;
   }
   .headbox
   {
    width:22vw !important;
    margin-left: 50px;

   }
   .navbar{
    background-color: transparent !important;
    height: 100% !important;
   }
   .mainlogo{
    margin-top: 10px !important;
   }
  #menu2{
    margin-left: -1 0px !important;
    width: 10vw;
    margin-top: -30px;
  
  }
  .navbar{
  }
   .aboutvideo{
    height: 200px !important;
    width: 300px !important;
    margin-left: -20px;
   }
   .visoncontent{
    margin-left: -30px !important;
   }
   .gbcard{
    text-align: center !important;
   }
   
  
   .carousel-item{
    padding: 0px;;
      height: 300px !important;
      width: 200px;

   }
   .stat-card{
  margin-top: 20px !important;  
  }
   .MBHG{
    margin-top: -210px;
    font-size: 12px !important;
   }
   .MBHGbtn{
    font-size: 7px !important;
    height: 30px;
  width: 60px;
   }
   .MBHG1{
   
    font-size: 10px !important;
   }
   .header{
    right: 0px;
   width: 103vw !important;
      background-color:rgb(84, 51, 34) !important;
     
      width:99vw;
      padding: 0px !important;
      left:-20px;
    
   }
   .dropdown-menu{
    display: none !important;
   }
   
   .sp{
    margin-top: 20px !important;
}
.hed{
font-size: 20px !important;
}
.bgs{
font-size: 18px !important;
}
.aboutvdo{
height: 250px;
}
.heading1{
font-size: 23px !important;
font-weight: 800;
}
p{
font-size: 14px !important;
}
.nois{
padding:0px !important;
}
.notice{
/* background-color: red !important; */
width: 95vw;
margin-left: -50px !important;
}
.side{
height:40px !important;
width: 50px !important;

}
.nh5{
font-size: 8.5px !important;
}
.np5{
font-size: 7px !important;
margin-top: 2px;
}
.txt1{
font-size: 11px !important;
}
.ss{
width: 260px !important;
}
.vwm{
font-size: 10px !important;
}
.wvid{
height: 200px !important;
width: 360px !important;
margin-left: -50px !important;
}
.cdr{
margin-left: 20px !important;
}
.navb1{
margin: auto;
}
.heading21{
font-size: 17px !important;
}
.resimg{
height: 200px !important;
width: auto !important;
}
.resimg1{
height: 200px !important;
width: 300px !important;


}
.name1{
font-size: 15px !important;
}
.fght{
width: 300px !important;
}
.con1{
margin-left: 15px !important;
}
.headingm1{
font-size: 18px !important;
}
.backimghead{
height: 280px !important;
}
.headerinner{
margin-top: -55px !important;
/* background-color: red !important; */
}
.headingm11{
font-size: 14px !important;
}
.subheading1{
font-size: 11px !important;
}
.subheading12{
font-size: 13px !important;
}
.bcx{
text-align: left !important;
}
.mainimages{
height: 100px  !important;
}


.subheading{
font-size: 13px !important;
}
.p1{
font-size: 16px !important;
}
/* new css add  */
.heading1{
margin-top: 2px !important;
font-size: 13px !important;
margin-bottom: -2px !important;
}
.w501{

font-size: 13px !important;
font-weight: 900 !important;
font-family: "Lexend", serif;
}
.pdd1{
margin-top: -20px !important;
}
.hgimg{
width: 320px !important;
height: 200px !important;
}
.ghghgh{
height: 200px !important;
}
.head1{
  font-size: 1em !important;
}
/* new css add  */
}
  
  
  /* Large screens (laptops, desktops) */
  @media (min-width: 769px) {
    /* .container {
      max-width: 1200px;
      margin: auto;
    } */
  }