/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/
/* For 4K Displays (Ultra HD) */
@media screen and (max-width: 3840px) {
    .container{max-width: 90%;}
}
@media screen and (max-width: 1900px) {
    .container{max-width: 90%;}
}
@media screen and (max-width: 1600px) {
    .container{max-width: 90%;}
}
@media screen and (max-width: 1400px) {
    .container{max-width: 96%;}
}
  
@media (max-width: 1281px) { 
    .container{max-width: 95%;}
}

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

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

}

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

@media (min-width: 768px) and (max-width: 1024px) {
  .navbar-collapse{padding-bottom: 10px;}
  .navbar-collapse  .navbar-nav .nav-item .nav-link{padding: 10px 16px 7px 0px !important;border-bottom: 1px solid #fff8f836;}

}

/* 
   Device = Tablets, Ipads (landscape) 
  */

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { 
  .navbar-collapse{padding-bottom: 10px;}
  .navbar-collapse.show .navbar-nav .nav-item .nav-link{padding: 10px 16px 7px 0px !important;border-bottom: 1px solid #fff8f836;}
}

/* 
    ##Device = Low Resolution Tablets, Mobiles (Landscape) 
  */

@media (min-width: 481px) and (max-width: 767px) { 
  .navbar-collapse{padding-bottom: 10px;}
}

/* 
    ##Device = Most of the Smartphones Mobiles (Portrait)
    ##Screen = B/w 320px to 479px
  */ 
@media (min-width: 100px) and (max-width: 480px) { 
  .header-middle{padding-bottom: 5px !important;}
    .header-middle .logo_header .logo_title h2{font-size: 20px;}
    .header-middle .logo_header .logo_title h3{font-size: 18px;}
    .header-middle-right.justify-content-end{justify-content: space-between!important;}
    .header-middle-right .widget_info:last-child{display: none !important;}
    .header-middle-right .widget_info.me-3{margin-right: 5px !important;}
    .navbar-collapse{padding-bottom: 10px;}
    .navbar-collapse  .navbar-nav .nav-item .nav-link{padding: 10px 16px 7px 0px !important;border-bottom: 1px solid #fff8f836;}
    .header-btn img, .header-btn svg{height: 20px;}
    .homePageSlider .slick-list.draggable, .homePageSlider .slick-track, .homePageSlider .single-slider, .homePageSlider .single-slider img{
        height: 200px !important;
    } 
    /* home */
    .link-list-2 li{width: 100% !important;padding-right: 15px;}
    /* headings */
    .heading-2 {
      font-size: 24px;
  }
  .heading-6 {
    font-size: 16px;
    margin-bottom: 10px;
}
.header-btn{font-size: 12px;}
.list-2-column li{width: 100% !important;}
/* director-message */
.dg-image img{display: block;margin: auto;max-width: 200px;}
.dg-detail {width:100%;}
.dg-data{width: 100% !important;padding-top: 0.5rem!important;padding-bottom: 0.5rem!important;padding-left: 0.5rem!important;padding-right: 0.5rem!important;}
.dg-data::before{content: none;}
/* team */
.team-style-1 .team-img{width: 100% !important;}
.team-style-1 .team-img img{display: block; margin: auto; max-width: 200px;}
.team-style-1 .team-data {width:100% !important;}
.photo-gallery a.gallery{height: 130px;}
/* role-of-crpf */
.flex-column-sm{flex-direction: column;}
.column-count-3{column-count: 1;}
.bottom-footer-text p,.bottom-footer-text .text-end{
  text-align: center !important;
}
.single-hll{width: 100%;}
.hidden-menu{display: block;}
}
@media (min-width: 992px){
.hidden-menu{display: none;}
}
/* common-responsive */
@media (min-width: 100px) and (max-width: 991px) { 
/* header */
.navbar .container-fluid{justify-content: end;}
.navbar-collapse  .navbar-nav .nav-item .nav-link{padding: 10px 16px 7px 0px !important;border-bottom: 1px solid #fff8f836;}
.dropdown-toggle::after{top: auto;bottom: auto;right: 10px;}
/* director-message */
.dg-image img{display: block;margin: auto;max-width: 200px;}
.dg-detail {width:100%;}
.dg-data{width: 100% !important;padding-top: 0.5rem!important;padding-bottom: 0.5rem!important;padding-left: 0.5rem!important;padding-right: 0.5rem!important;}
.dg-data::before{content: none;}
/* team */
.team-style-1 .team-img{width: 100% !important;}
.team-style-1 .team-img img{display: block; margin: auto; max-width: 200px;}
.team-style-1 .team-data {width:100% !important;}   
/* role-of-crpf */
.flex-column-sm{flex-direction: column;}
.column-count-3{column-count: 1;}  
.list-2-column li{width: 100% !important;}
.header-btn{font-size: 12px;min-width: 100px;}
.bottom-footer-text p,.bottom-footer-text .text-end{
  text-align: center !important;
}
.single-hll{width: 100%;}
.hidden-menu{display: block;}
/* news-card */
.news-card .news-title{padding-right: 0px;}
.absolute-btn{ position: relative;right: auto;top: auto;}
}
@media screen and (max-width: 700px) {
  .rectangle {
    padding: 10px 6px;
  }

  .level-2::after {
    display: none;
  }

  .level-1,
  .level-2 {
    width: 100%;
  }

  .rectangle a {
    display: block;
    padding: 0px;
  }

  .level-1 {
    margin-bottom: 20px;
  }

  .level-1::before,
  .level-2-wrapper>li::before {
    display: block;
    content: "";
    position: absolute;
    top: 60px;
    left: 0;
    width: 50%;
    height: 4.4px;
    background: var(--black);
  }
  .org-style-2.level-2{
    margin-left: 3%;
    max-width: 95%;
  }
  .level-3-wrapper{grid-template-columns: repeat(1, 1fr)} 
      .org-style-2.rectangle{padding: 0;}
     .level-3-wrapper{    margin: 0 auto 0 10%;}.level-3-wrapper>li::before{    left: -33px;}
      .org-style-2.level-2 .content-side h4{font-size: 24px;}
      .org-style-2.level-2 .content-side h5{font-size: 18px;} 
  .level-2-wrapper,
  .level-2-wrapper::after {
    display: block;
  }

  .level-2-wrapper::before {
    left: -20px;
    width: 2px;
    height: calc(100% + 40px);
  }

  .level-2-wrapper>li:not(:first-child) {
    margin-top: 50px;
  }
}