/* 
  ##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) { 

} 
@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;}
} 
@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;}
}
@media (min-width: 481px) and (max-width: 767px) { 
  .navbar-collapse{padding-bottom: 10px;}
}
@media (min-width: 100px) and (max-width: 480px) { 
  .drawer-btn{position: absolute; right: 10px; bottom: -38px; font-size: 20px; color: var(--theme-color-2);z-index: 100;display: block !important;}
 .drawer-btn img{height: 20px;}
  .top-bar .top-row-right{justify-content: center !important;}
  .top-row-right{opacity: 0; height: 0;}
  .top-row-right.drawerOpen{opacity: 1; height: auto; transition: all 0.3s;}
  .top-bar .bg-dark-blue{display: none;}
  .header-middle{padding-bottom: 5px !important;}
  .logo_header .logo_img img, .header-middle .national-symbol{height: auto;}
  .header-middle .logo_header .logo_title h2{font-size: 17px;padding-right: 20px;}
  .header-middle .logo_header .logo_title h3{font-size: 16px;}
  .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;}
  .navbar.sticky-top{max-height: calc(100vh - 30px);overflow: auto;}
  .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;}
  .survery_form h3 {font-size: 20px;}
  .thankyou_layout h3 {font-size: 38px;}
}
@media only screen and (max-device-width: 480px){
  .stepwizard-step {width: 20%;}
  .setup-content {padding: 10px;}
  .setup-content h3 {font-size: 20px;}
  .thankyou_layout h3 {font-size: 36px;}
}