@media (min-width: 576px){
 .container, .container-sm { max-width: 100%; } 
 }
@media (min-width: 1499px){
 .mainBannerSwiper img { height: 630px!important; object-fit: cover; } 
 }
@media (min-width: 1400px){
 .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1414px; } .mainBannerSwiper img { height: 500px !important; object-fit: cover; } 
 }
@media (max-width: 1399px){
 .mainBannerSwiper img { height: 460px; object-fit: cover; } 
 #nav li { padding: 0; } 
 #nav li a { padding: 14px 8px; } 
 .swiper-button-prev.mainBanner-prev, .swiper-button-next.mainBanner-next { width: 40px; height: 40px; } 
 .swiper-button-prev.mainBanner-prev { bottom: 80px; } 
 .sliderSection .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { right: 43px; } 
 section.heighLights h2 { height: 56px; font-size: 18px; } 
 .heighLights button { height: 56px; } 
 .minister img { width: 85px; } 
 .minister h6 { font-size: 14px; } 
 .minister p { font-size: 12px; } 
 .activity p { font-size: 14px; } 
 .activity a { padding: 20px; } 
 .activity { align-items: center; background: #fff; border-radius: 15px; } 
 .eService { padding: 30px 15px; } 
 .searchFrom { padding: 22px 15px; } 
 .footerTop ul li { font-size: 13px; font-weight: 500; padding: 7px; } 
 .footerTop ul li:before { height: 30%; right: -2px; top: 50%; } 
 ul.sociables-icon.list-unstyled li { width: 30px; height: 30px; font-size: 18px; line-height: 18px; } 
 .footer-bottom { font-size: 13px; } 
 .activity a { display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100%; } 
 .swiper-button-next.logoSlider-next { right: 0; } 
.swiper-button-prev.logoSlider-prev { left: 0; } 
 }
@media (max-width: 1199px) { /*Navigation*/
 .mainBannerSwiper img { height: 400px; object-fit: cover; } 
.menuPart { display: none } 
 .navBar { height: 50px; line-height: 50px; } 
ul#navMob li.parent ul { display: none; } 
section.headerSideBar.active span.menuClose { background: #fff; border-radius: 100%; width: 25px; height: 25px; display: block; text-align: center; margin: -10px 0 10px auto; position: relative; right: 10px; } 
#navMob { display: block; list-style-type: none; padding: 0; margin-bottom: 0 } 
 .offcanvas-body .region--popup-menu ul.menu.menu--level-1 li a { padding: 0 20px } 
#navMob li.parent a, #navMob li a, section.headerSideBar.active ul li a { border-bottom: 0 } 
 #navMob li.parent a, #navMob li a, section.headerSideBar.active ul li a { background: #014f75; width: 100%; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #4e7c93; color: #fff; text-decoration: none; } 
 .wob #navMob li.parent a, .wob #navMob li a, .wob section.headerSideBar.active ul li a { background: #333; border-bottom: 1px solid #666; } 
 .wob #navMob li.parent a + i.fa, .wob button.primary-nav__button-toggle { background-color: #000 } 
 ul#navMob li.parent > i.menuIcon { display: none; } 
 ul#navMob li.parent ul { list-style-type: none; } 
 ul#navMob li.parent ul li a { background: #0b3448; } 
 #navMob li.parent, #navMob li, section.headerSideBar.active ul li { padding: 0; } 
 #navMob li.parent a i.fa { background: #d2df43; padding: 15px 20px; } 
 #navMob li a, section.headerSideBar.active ul li a { padding: 0 20px; } 
 #navMob li.parent a + i.fa, button.primary-nav__button-toggle { position: absolute; top: 0; right: 0; background: #0b3448; width: 50px; text-align: center; line-height: 50px; color: #fff; font-size: 24px; } 
 .offcanvas-body button.btn-close { position: absolute; top: 10px; right: 10px; background-color: #fff; opacity: 1; width: 30px; height: 30px; border-radius: 100%; } 

 .topStrip ul li { padding: 0 7px; } 
 .whatsNew h2, .eServiceSection h2, .pressReleaseSection h2, .socialMediaSection h2, .gallerySection h2 { font-size: 20px; } 
 .activitiesSection .row.swiper-wrapper { display: flex; margin: 0; padding: 0; flex-wrap: unset; } 
 .activitiesSection .row.swiper-wrapper .swiper-slide { padding: 0; height: auto; } 
 .activityMSlider { overflow: hidden; } 
 .activitiesSection .swiperNav { display: block!important; } 
 .activitiesSection { position: relative; } 
 .activityMSlider-next { right: 20px; box-shadow: none; } 
 .activityMSlider-prev { left: 20px; box-shadow: none; } 
 .eService .imgWrap { width: 80px; height: 80px; } 
 .eService .imgWrap img { width: 45px; } 
 .eService { height: 100%; padding-bottom: 0; } 
 .searchFrom input, .searchFrom .form-select, .searchBtn { height: 38px; line-height: 35px; } 
 .activitiesSectionContainer .swiper-slide { height: unset; max-width: 100%; } 
 .contactInner { padding: 30px; } 
 }

 @media (max-width:1024px) {
    .mainBannerSwiper img {height: 370px;}
    
 }

@media (max-width: 991px){
 .topStrip, .mainBannerPagination { display: none; } 
 .logo img { height: 45px; } 
 .aboutDepartment { margin-bottom: 40px; } 
 .aboutDepartment .col-lg-3.col-md-6.order-md-3.order-lg-3 { margin-top: 12px; } 
 .searchNotification { margin-top: 50px; } 
 .searchNotification .searchFrom { margin-top: 20px; } 
 .fbSection, .twitterSection { margin-top: 30px; } 
 .contactInner img { display: none; } 
 .mainBannerSwiper img { height: 280px; object-fit: cover; } 
 .whatsNewTicker { margin-top: 10px; } 

 /* .searchFrom form { width: 100%; display: flex; flex-wrap: wrap; } 
 .searchFrom input{margin: 20px 0;}
 .searchFrom select {margin: 20px 0;}
 .searchFrom .form--inline .block__content .form-item { width: 50%; } 
 .searchFrom .form--inline .datePicker.position-relative { width: 100%; }  */
 }
@media (max-width: 768px){
 .whatsNewTicker,.aboutDepartment { margin-bottom: 30px; } 
 .ministry { display: flex; } 
 .mainBannerSwiper img{height: 250px;}
 .ministry .minister { margin-top: 0px!important; } 
 .ministry .minister:first-child { margin-right: 7px; } 
 .ministry .minister:last-child { margin-left: 7px; margin-top: 0px !important; } 
 .eService { height: auto; padding-bottom: 30px; } 
 .sliderSection .swiperNav { display: none; } 
 section.colorSwitcher { display: none; } 
 .imgBox .ashokChakra img { width: 100%; } 
 .aos-animate { -o-transition-property: none !important; -moz-transition-property: none !important; -ms-transition-property: none !important; -webkit-transition-property: none !important; transition-property: none !important; -o-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -webkit-transform: none !important; transform: none !important; -webkit-animation: none !important; -moz-animation: none !important; -o-animation: none !important; -ms-animation: none !important; animation: none !important; } 
 .view.view-video-gallery { margin: 50px 0 0 0; } 
 }
@media (max-width: 575px){
 .logo img { height: unset; width: 100px; max-width: 65px; } 
 img.img-fluid.mainLogo { max-width: 100px; } 
 section.heighLights h2 { margin: 0; } 
 section.heighLights h2::before { display: none; } 
 .ministry { flex-wrap: wrap; justify-content: center; } 
 .ministry .minister:first-child { margin: 0 0 20px 0!important; } 
 .ministry .minister:last-child { margin: 0 0 0px 0!important; } 
 .pressBox { margin: 0 0 20px 0!important; } 
 .pressReleaseSection { padding: 50px 0 30px 0; } 
 .eService { padding: 30px 12px; } 
 .breadcrumb { display: none; } 
 .innerHeader h2 { font-size: 28px; } 
 .innerBanner .ImgWrap { height: 100px; } 
 .accordDetail { padding: 20px; } 
 .loginForm.feedback-form { padding: 50px 15px; } 
 .loginForm.feedback-form .form-item input { width: 100%; } 
 .loginForm.feedback-form .form-item #edit-captcha-response { width: calc(100% - 145px); } 
 .btnCaptchaRow .captcha-type-challenge--image .captcha__element { padding-right: 0; } 
 .btnCaptchaRow .captcha-type-challenge--image .captcha__element .captcha__image-wrapper { max-width: 100px; } 
 .sitemap .sitemap-menu > li { padding: 0; } 
 .mainBannerSwiper img { height: 195px;  object-fit: fill;} 
 }


@media (max-width:476px){
 .js-form-item.form-item.js-form-type-textfield.form-item-title.js-form-item-title.form-no-label { width: 100%; } 
 form.views-exposed-form.form--inline input#edit-title { width: 100%; } 
 form.views-exposed-form.form--inline .button.js-form-submit.form-submit { background: url(../images/search--white.svg) center center no-repeat; font-size: 0; background-color: var(--sttl-color-secondary); padding: 25px !important; background-size: 20px; } 
 .view-header .arcBtn { padding: 10px; height: auto; font-size: 16px; } 
 .mainBannerSwiper img {height: 150px;}
 .navBar {height: 35px; line-height: 29px;}
 section.heighLights h2{padding: 8px; height: 36px;}
 .heighLights button{height: 36px; padding: 12px 0;}
 .heighLights a{font-size: 16px;}
 }


@media (max-width:360px){
 section.heighLights h2 { height: 42px; padding: 10px; } 
 .heighLights button { height: 42px; padding: 10px 0; } 
 .heighLights a { font-size: 14px; } 
 }