@media (max-width:767px){
    /* Loader Section CSS Start */
	#loader-wrapper{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}
	#loader-wrapper:before{top:0;bottom:0;left:0;right:0;margin:auto;background-position:center center}
	#loader{overflow:hidden;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto}
	/* Top Header Section CSS Start */
	header .pos_to_stick{position:relative;}
	.full_top_header{justify-content:center}
	.top-right-nav{padding:10px 0}
	.top-right-nav ul.rigt_side_list{justify-content:center;flex-wrap:wrap;row-gap:10px;}
	ul.rigt_side_list li.tips_btn__{gap:8px;margin:0!important;padding:4px 6px!important;order:2}
	.top-right-nav ul.rigt_side_list li{padding:0 12px}
	/*----------*/
	.top-right-nav ul li.official-web-info{position:initial;padding:0!important;width:100%;justify-content:center;order:2;flex-wrap:wrap}
	.top-right-nav .top-nav-bar-bottom{flex-direction:column;gap:30px}
	.top-right-nav .top-nav-bar-bottom .right{margin:0 0 0 0px}	
	.logo-wrapper-inner img.emb-logo {display: none;}
    /* Logo Section CSS Start */
	a.logo-align{padding:0;justify-content:center}
	a.logo-align h3{margin:0}
	a.logo-align h4{margin:0; font-size: 12px;}	
    /* Main Menu Section CSS Start */
	.logo-wrapper-inner .d-flex{background:#000;z-index:9;width:100%;padding:7px 12px}
	.logo-wrapper-inner button.navbar-toggler{background:#fff;padding:3px 8px;font-size:1rem;display:block;border-radius: 4px;}
	.navbar-collapse ul.navbar-nav{gap:0;position: absolute;background: #071336;left: 0;top: 32px;border-radius: 4px;box-shadow: 0px 3px 14px 0px rgb(218 218 218 / 47%);width: 100%;}
	.logo-sec-wrapper .custom-nav {justify-content: start;}
.logo-sec-wrapper .custom-nav .navbar-collapse ul.navbar-nav .nav-link {padding: 7px 10px;font-weight: 400;}
	.custom-nav .navbar-nav>.nav-item>.nav-link{text-align:left}
	.custom-nav .submenus{min-width:100%;box-shadow:none;background:#1e1c1c}
	.custom-nav .submenus .nav-item{border-bottom:1px solid #ffffff33}
	.custom-nav .submenus .nav-item a.nav-link{color:#fff;padding:12px}
	.custom-nav .submenus a.nav-link:hover{background:#eadb37;color:#000000!important} 
	.logo-sec-wrapper .custom-nav .navbar-collapse ul.navbar-nav ul.submenus{width:100%;background: #071336;left: 0px;box-shadow: 0px 3px 14px 0px rgb(218 218 218 / 47%);border-radius: 4px;}   
    .logo-sec-wrapper .custom-nav .navbar-collapse ul.navbar-nav ul.submenus:before {content: '';position: absolute;top: -11px;left: 3px;border-left:8px solid transparent;border-right: 8px solid transparent;border-bottom: 10px solid #ffffff54;}
	.custom-nav ul.navbar-nav .nav-item:hover ul.submenus, .custom-nav ul.navbar-nav .nav-item:focus ul.submenus {margin-top:10px; position: relative;}
	/* Banner Section CSS Start */
	.banner-area{padding-top:0;}
	.banner-area img{width:100%;height:100%}
	#share_tip .modal-body{padding:15px}
	#share_tip .modal-title{margin:0 0 10px}
	#share_tip .ntb-sec{gap:15px;margin:15px 0 0}
	.banner-area .banner-btn{right:6px;left:auto;bottom:6px;transform:none;}
    /* Latest News Section CSS Start */
	section.bg_latest-news{position:relative}
	.main_disp_flc_{justify-content:center}
	.heading_update{justify-content:center;min-width:100%}
	.heading_update h4{font-size:18px;margin:0 0 20px}
	div#latest-news{border-right:0px solid #e8e8e8;padding-right:0px}
	div#latest-news .owl-nav{top:-54px;left:auto;right:0;margin:auto}
	.item__content p{text-align:center}
	.know_more a{margin:10px auto 0}
    /* About Section CSS Start */
	.bg_dark_s{padding:10px 0!important;}
	.left_hed h3{font-size: 24px;line-height:normal;margin:0 0 12px;text-align:left}
	.content_abit p{line-height:24px;font-size: 14px;}
	.quick-btn2{width:100%}
    /* Director Section CSS Start */
	.bg_light_grd{padding:30px 0}
	.dig_img{margin:0 0 10px}
	.dig_img img{height:350px}
	.dig_name{border-radius:0 0 30px 0;width:100%}
	.title-dark{padding-bottom:0;margin-bottom:0}
	.title-txt-2{font-size:24px!important;line-height:normal!important;margin:15px 0 12px!important}
	.marg_add_custom{padding-left:12px}
    /* NIA Cases Section CSS Start */
	.all-latest-inner{flex-wrap:wrap}
	.sam{min-width:100%}
	.latest-order-area{width:100%}
	.sam .left_hed{margin:0!important}
	.nia_overla{padding:0 15px 0 0}
	.vacancy-ticker li{padding:10px 0 10px 0!important}
    /* Most Wanted Section CSS Start */
	.title-txt-l{font-size:24px!important;line-height:normal}
	.animated-txt-sec.title-txt>span{line-height:normal;margin-top:0;margin-bottom:12px;font-size:24px}
	.grid_most_wanted{grid-template-columns:1fr 1fr;margin-top:0;gap:12px 12px}
	.grid_most_wanted .wantes_img:nth-of-type(1){display: block;}
	.grid_most_wanted .wantes_img:nth-of-type(2){display: block;}
	.grid_most_wanted .wantes_img{display: none;}

	.wantes_img img{height:auto;}
	.wantes_img h6{padding:15px 0 12px 0;width:92%}
    /* NIA Office Section CSS Start */
	.gry_bg_ligt{padding:15px;margin:0 0 15px}
	.map-sec{margin:0 0 20px}
	ul#myTab li button{padding:5px 0}
    /* Footer Section CSS Start */
	.footer_links{margin:0 0 20px}
	.footer_links h5{margin-bottom:0}
	.links_dark_ls_bg{padding:15px 0 0;margin-top:10px;text-align:center}
	.content_flx_footer{flex-wrap:wrap}
	.content_flx_footer p{width:100%;margin:0 0 10px}
	.content_flx_footer ul{gap:5px 18px;flex-wrap:wrap;justify-content:center}
	.logo-fot .count_n p{text-align:center}
	/* Breakcrumb Section CSS Start */
	.breakcrumb-area .page-title h4.httxt{font-size:24px;margin-bottom:15px}
	/* Inner Pages CSS Start */
	.main-content-sec .inner-main-content{padding:15px 0}
	.about_img{width:100%;float:initial;margin:0 0 15px 0}
	.inner-brand-txt{margin-bottom:15px}
	.inner-brand-txt h3.short-txt{font-size:34px;line-height:normal}
	.inner-brand-txt span.full-txt{font-size:24px;width:auto;margin-left:15px;line-height:normal}
	.view-header .mwiconDetails{display:block}
	.main-content-sec p{line-height:24px;margin-bottom:15px}
	.wanted-cards .card{width:100%}
	.wanted-cards .card img{height:auto;object-fit:cover}
	.wanted-modal-card{flex-wrap:wrap;justify-content:center}
	.gallery .col-md-4.p-3{padding:0 0 15px!important}
	.inner-main-content .sec-divider{gap:30px;flex-wrap:wrap}
	.vission-sec .sec-image{width:100%}
	.vission-sec .txt-sec{width:100%}
	.vission-sec.director-sec .sec-image p{bottom:60px}
	.vission-sec .sec-image img{width:100%}
	.inner-main-content ul li{line-height:24px;font-size:14px; text-align: ;}
	.view-id-our_partners.view-display-id-page_1 .views-view-grid{display:grid;grid-template-columns:1fr 1fr}
	.webform-submission-form{padding:15px}
	.webform-submission-form .js-form-item{width:100%; margin: 0 0 0px;}
	.table-responsive{margin-bottom:15px}
	.custom-table{margin-bottom:15px}
	caption{font-size:20px}
	.view-filters .views-exposed-form {gap:15px;align-items:start;flex-direction:column}
	.view-filters .views-exposed-form .js-form-item{width:100%}
	.view-filters .views-exposed-form #edit-actions{width:100%}
	.view-id-nia_office.view-display-id-page_1 .view-content{grid-template-columns:1fr}
	.view-id-nia_office.view-display-id-page_1 .views-row .title-sec{height:auto}
	/* ----------- */
	form#webform-submission-submit-your-willingness-for-depu-add-form {
		/* grid-template-columns: 100%; display: flex; */ display: block;
	}
	form#webform-submission-submit-your-willingness-for-depu-add-form .js-form-item.form-item.js-form-type-checkbox.form-item-i-have-carefully-gone-through-the-vacancy-circular-advertisement.js-form-item-i-have-carefully-gone-through-the-vacancy-circular-advertisement {
	  grid-column-start: 1;grid-column-end: 1;}
	form#webform-submission-submit-your-willingness-for-depu-add-form div#edit-actions {
	  grid-column-start: 1;grid-column-end:1;}
	
	form#webform-submission-submit-your-willingness-for-depu-add-form .js-webform-radios.webform-options-display-side-by-side {
		width: 100%;
	}
	
	form#webform-submission-submit-your-willingness-for-depu-add-form .js-webform-radios .js-form-type-radio {
		width: 30%;
	}
	.view-id-vigilance_awareness.view-display-id-page_1.views-field-field-add-image ul li{width: 100%;}
	.view-id-nia_office.view-display-id-block_1 .view-content{    grid-template-columns:1fr;}
	form#webform-submission-contact-us-add-form .js-form-type-textfield, form#webform-submission-contact-us-add-form .js-form-type-select, form#webform-submission-contact-us-add-form .js-form-type-number, form#webform-submission-contact-us-add-form .js-form-type-textarea, form#webform-submission-contact-us-add-form .js-form-type-email, form#webform-submission-contact-us-add-form .js-form-type-managed-file {
		width: 100%;}
	form#webform-submission-contact-us-add-form .js-form-type-textfield input, form#webform-submission-contact-us-add-form .js-form-type-select select, form#webform-submission-contact-us-add-form .js-form-type-number input, form#webform-submission-contact-us-add-form .js-form-type-textarea textarea, form#webform-submission-contact-us-add-form .js-form-type-email input, form#webform-submission-contact-us-add-form .js-form-managed-file input {
			width: 270px;}
	.flex-cardss.treaties-box .cards-box{width:100%}
	.breakcrumb-area{margin-top:0;}
	/* CSS Start By dpk  */
	.full-card .img-sec img{width:100%;height:auto;}
	.full-card{flex-direction:column;width: 100% !important;}
	.start-btns {flex-direction: column; margin-left: inherit !important; width: 100%;}
	.flex-cards.cards-in-row .txt-sec{width: 100%;}
	.flex-cards.cards-in-row .img-sec {width: 100%;}
	form#webform-submission-contact-us-add-form{display: block;}
	#webform-submission-share-tip-add-form {display: block;}
	#webform-submission-share-tip-add-form #ajax-wrapper, #webform-submission-share-tip-add-form .js-form-item {width: 100%;}
	#webform-submission-share-tip-add-form #edit-country--wrapper, #webform-submission-share-tip-add-form .js-form-item-email, #webform-submission-share-tip-add-form .js-form-item-mobile {width: 100%;}
	#webform-submission-share-tip-add-form fieldset.captcha.captcha-type-challenge--image {width: 100%;}
	/* Black Theme  */
	.dark-theme .navbar-collapse ul.navbar-nav, .dark-theme .logo-sec-wrapper .custom-nav .navbar-collapse ul.navbar-nav ul.submenus{background: #111;}
	.dark-theme .logo-wrapper-inner button.navbar-toggler {background: #ff0;}
	.dark-theme .logo-sec-wrapper .custom-nav .navbar-collapse ul.navbar-nav .nav-link{color:#ff0;}

	/*20-06-2025 start rajender css*/
.horizontal-nav {flex-direction: column;}
.case-counter-sec {display: block!important;}
.case-counter-sec .counter-box {width: 100%!important;}
.case-counter-sec .counter-box::before{width: 0px!important;}
.horizontal-nav a.link-to { padding: 6px 0px;}
.view-id-our_partners .views-view-grid {grid-template-columns: 1fr;}
.view-id-vigilance_rti.view-display-id-page_1 .view-content {grid-template-columns: 1fr!important;}
.view-video-gallery .views-row{width: 100%;}
.view.view-video-gallery.view-id-video_gallery.view-display-id-page_1 .media--type-video.media--view-mode-full video {width: 100%;}
#arrested-slider .owl-nav .owl-prev, div#arrested-slider .owl-nav .owl-prev {left: Calc(-28px); background: #fff;}
#arrested-slider .owl-nav .owl-next, div#arrested-slider .owl-nav .owl-next {right: Calc(-28px); background: #fff;}
div#arrested-slider .owl-nav .owl-next::before{color: #000!important;}
div#arrested-slider .owl-nav .owl-prev::before, div#arrested-slider .owl-nav .owl-prev::before { color: #000 !important;}
h4.httxt.yellow-txt {font-size: 15px!important;  line-height: 20px;}
#block-nia-content .views-field-title{margin-bottom: 25px;}
.node--type-what-s-new-gallery .field__item video{ width: 100%; height: 100%;}

	/*20-06-2025 end rajender css*/
	/* Most Wanted Slider Section CSS Start */
	#most_wanted_slider .owl-nav button{width:35px;height:35px;background:#fff!important;box-shadow:0px 0px 6px #00000069;border-radius:100%!important;position:absolute;top:0;bottom:0;margin:auto!important;color:#01103c!important}
	#most_wanted_slider .owl-nav button span{font-size:35px;line-height:24px}
	#most_wanted_slider .owl-nav button.owl-prev{left:-7px}
	#most_wanted_slider .owl-nav button.owl-next{right:-7px}
	#most_wanted_slider .wantes_img{background:#f4f4f4}
	#most_wanted_slider .video_sup button{width:100%}
	#most_wanted_slider .wantes_img img{height:210px; object-fit:contain;object-position:top center}
	#most_wanted_slider .wantes_img h6{color:#000000}
	#most_wanted_slider .wantes_img a:hover h6, #most_wanted_slider .video_sup.wantes_img:hover h6{color:#ebdc37;transition:0.2s ease-in-out}
	
	/* Most Wanted Slider Section CSS End */
	
}
@media screen and (min-width:576px) and (max-width:767px){
	/* Most Wanted Section CSS Start */
	.grid_most_wanted{grid-template-columns:1fr 1fr;margin-top:0;gap:12px 12px}
	.wantes_img img{height:230px}
	.wantes_img h6{padding:15px 0 12px 0;width:92%}
	/* Director Section CSS Start */
	.dig_img img{height:auto}
	.view-id-our_partners .views-view-grid {grid-template-columns: 1fr 1fr;}
	#arrested-slider .owl-nav{display: block;}
#arrested-slider .owl-nav .owl-prev, div#arrested-slider .owl-nav .owl-prev {left: Calc(-44px);}
#arrested-slider .owl-nav .owl-next, div#arrested-slider .owl-nav .owl-next {right: Calc(-44px);}
.view-id-vigilance_rti.view-display-id-page_1 .view-content {grid-template-columns: 1fr;}
}
@media screen and (min-width:768px) and (max-width:991px){
    /* Logo Section CSS Start */
	a.logo-align h3{margin:0}
	a.logo-align h4{width:fit-content;margin:0}
	/* Top Header Section CSS Start */
	.top-right-nav .top-nav-bar-bottom{flex-direction:column;gap:30px}
	.top-right-nav .top-nav-bar-bottom .right{margin:0 0 0 0px}	
    /* Main Menu Section CSS Start */	
	.logo-wrapper-inner button.navbar-toggler{background:#fff;padding:3px 8px;font-size:1rem;display:block}
	.navbar-collapse{width:-webkit-fill-available;position:absolute;top:80px;right:0;background:#1e1c1c;z-index:9}
	.navbar-collapse ul.navbar-nav{gap:0}
	.custom-nav .navbar-nav>.nav-item>.nav-link{text-align:left;padding:7px 12px}
	.custom-nav .submenus{position:initial;min-width:100%;box-shadow:none;background:#1e1c1c}
	.custom-nav .submenus .nav-item{border-bottom:1px solid #ffffff33}
	.custom-nav .submenus .nav-item a.nav-link{color:#fff;padding:12px}
	.custom-nav .submenus a.nav-link:hover{background:#eadb37;color:#000000!important}    
    /* Banner Section CSS Start */
	.banner-area{position:relative}
	.banner-area img{width:100%;height:100%}
	.banner-area .carousel-caption{bottom:1rem;width:55%;padding:15px}
	.title-txt{padding-bottom:0}
	.animated-txt-sec.title-txt>span{font-size:24px;line-height:normal;margin-top:0;margin-bottom:0}
	.banner-area h6{font-size:16px;line-height:normal;margin:0 0 8px}
	 /* Latest News Section CSS Start */	
	div#latest-news .owl-nav{left:-4rem}
	/* About Section CSS Start */
	.left_hed h3{font-size:45px;line-height:normal;margin:0 0 12px}
	.content_abit p{line-height:24px}
    /* Director Section CSS Start */
	.dig_name{border-radius:0 0 30px 0;width:100%}
	.title-txt-2{font-size:45px!important;line-height:normal!important}
	/* NIA Cases Section CSS Start */
	.nia_overla{padding:0 20px 0 0}
	.vacancy-ticker li{padding:10px 0 10px 0!important}
    /* Most Wanted Section CSS Start */
	.title-txt-l{font-size:45px!important;line-height:normal}
	.grid_most_wanted{grid-template-columns:1fr 1fr 1fr;margin-top:0;gap:12px 12px}
	.wantes_img h6{padding:15px 0 12px 0;width:92%}
    /* NIA Office Section CSS Start */
	.gry_bg_ligt{padding:15px;margin:0 0 15px}
	ul#myTab li button{padding:5px 0}
	.bg_light_grd .order2{order:2}
    /* Footer Section CSS Start */
	.content_flx_footer{flex-wrap:wrap}
	.content_flx_footer p{width:100%;margin:0 0 10px}
	.content_flx_footer ul{gap:5px 18px;flex-wrap:wrap}
	/* Inner Pages CSS Start */
	.main-content-sec .inner-main-content{padding:30px 0}
	.about_img{width:100%;float:initial;margin:0 0 15px 0}
	.wanted-modal-card{flex-wrap:wrap;justify-content:center}
	.inner-main-content .sec-divider{gap:30px;flex-wrap:wrap}
	.vission-sec .sec-image{width:100%}
	.vission-sec .txt-sec{width:100%}
	.vission-sec.director-sec .sec-image p{bottom:60px}
	.vission-sec .sec-image img{width:100%;height:100%}
	.view-id-our_partners.view-display-id-page_1 .views-view-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr}
	.table-responsive{margin-bottom:15px}
	.custom-table{margin-bottom:15px}
	caption{font-size:20px}
	.view-filters .views-exposed-form .js-form-item{width:25%}
	.view-id-nia_office.view-display-id-page_1 .view-content{grid-template-columns:1fr 1fr}
	.view-id-vigilance_awareness.view-display-id-page_1.views-field-field-add-image ul li {
		width: 48%;
	}
	.view-id-nia_office.view-display-id-block_1 .view-content{    grid-template-columns:1fr 1fr;}
	form#webform-submission-contact-us-add-form .js-form-type-textfield, form#webform-submission-contact-us-add-form .js-form-type-select, form#webform-submission-contact-us-add-form .js-form-type-number, form#webform-submission-contact-us-add-form .js-form-type-textarea, form#webform-submission-contact-us-add-form .js-form-type-email, form#webform-submission-contact-us-add-form .js-form-type-managed-file {
		width: 100%;}
	.bg_dark_s, .bg_light_grd{padding:30px 0}
	.custom-nav .submenus{left:auto!important;position:absolute!important;right:100%;top:10px!important;box-shadow: -8px 3px 8px 0px rgb(255 255 255 / 33%);}
	.full-card .img-sec img{width:100%;height:auto;}
	.full-card.training-card {flex-direction: column;}
	.requirement-traing-area .full-card.requirement-card {flex-direction: column;width: 100% !important;}
	.requirement-traing-area .full-card.requirement-card img {width: 100%;object-fit: cover;}
	.start-btns{flex-wrap: wrap;}
	#webform-submission-share-tip-add-form #edit-country--wrapper, #webform-submission-share-tip-add-form .js-form-item-email, #webform-submission-share-tip-add-form .js-form-item-mobile{
    width: 49%;}
	.full-card{width: 100% !important;}
	/* Black Theme  */
	.dark-theme .logo-sec-wrapper .custom-nav .navbar-collapse ul.navbar-nav .nav-link{color:#ff0;}
	.dark-theme .logo-wrapper-inner button.navbar-toggler {background: #ff0;}
		.view-id-our_partners .views-view-grid {grid-template-columns: 1fr 1fr 1fr;}
		.horizontal-nav {font-size: 14px;}


}
@media screen and (max-width: 1200px) and (min-width: 992px){
	.navbar-collapse ul.navbar-nav{gap:15px}
	.custom-nav .navbar-nav>.nav-item>.nav-link{font-size:14px}
	.banner-area{position:relative}
	.banner-area .carousel-caption{bottom:2rem}
	.left_hed h3{font-size:60px;line-height:70px}
	.title-txt-2{font-size:60px!important;line-height:70px!important}
	.title-txt-l{font-size:60px!important;line-height:70px!important}
	.gry_bg_ligt{padding:20px}
	.flex_tabs_national{flex-wrap:wrap}
	ul#myTab li button{padding:0px 0 10px}
	.content_flx_footer{flex-wrap:wrap}
	.content_flx_footer p{margin:0 0 10px}
	.content_flx_footer ul{gap:5px 18px;flex-wrap:wrap}

	.horizontal-nav {font-size: 14px;}
	.view-id-our_partners .views-view-grid {grid-template-columns: 1fr 1fr 1fr 1fr;}
}
@media screen and (max-width: 1399px) and (min-width: 1201px){
	.navbar-collapse ul.navbar-nav{gap:30px}
	.region.region--about-sec {
		padding: 0 15px;
	}
}