/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width: 320px) and (max-width: 480px) {
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width: 321px) {
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width: 767px) {
    .mobileTable {
        width: 100%;
        overflow-y: hidden;
        min-height: 0.01%;
        overflow-x: scroll;
    }

    .mobileTable > .table {
        margin-bottom: 0;
    }

    /*** header ***/
    .search-input {
        display: none;
    }

    header {
        padding: 10px 0;
    }

    .indiaFlag {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 6px;
    }

    .indiaFlag img {
        width: 20px;
    }

    .indiaFlag .mobileLogo {
        width: 80px;
    }

    .indiaFlag p {
        font-size: 8px;
    }

    .indiaFlag .secondImg {
        width: 50px;
        height: 30px;
    }

    header.scrolled {
        padding: 5px 0;
    }

    .hamburger-box {
        position: relative;
        display: inline-block;
        width: 30px;
        height: 24px;
        /*        margin-top: -15px;*/
        margin-left: auto;
    }

    .hamburger-inner,
    .hamburger-inner:after,
    .hamburger-inner:before {
        position: absolute;
        width: 25px;
        height: 2px;
        -webkit-transition-timing-function: ease;
        -o-transition-timing-function: ease;
        transition-timing-function: ease;
        -webkit-transition-duration: 0.15s;
        -o-transition-duration: 0.15s;
        transition-duration: 0.15s;
        -webkit-transition-property: -webkit-transform;
        transition-property: -webkit-transform;
        -o-transition-property: transform;
        transition-property: transform;
        transition-property: transform, -webkit-transform;
        border-radius: 4px;
        background-color: #fff;
    }

    .hamburger-inner:before {
        content: "";
        top: 8px;
        -webkit-transition-timing-function: ease;
        -o-transition-timing-function: ease;
        transition-timing-function: ease;
        -webkit-transition-duration: 0.15s;
        -o-transition-duration: 0.15s;
        transition-duration: 0.15s;
        -webkit-transition-property: opacity, -webkit-transform;
        transition-property: opacity, -webkit-transform;
        -o-transition-property: transform, opacity;
        transition-property: transform, opacity;
        transition-property: transform, opacity, -webkit-transform;
    }

    .hamburger-inner:after {
        content: "";
        top: 16px;
    }

    /* Keep the fixed header compact after scrolling; utility links remain in the menu. */
    header.scrolled .topHeader {
        display: none;
    }

    .mobileHeaderNew {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        margin-top: 12px;
        position: relative;
        z-index: 9;
    }

    .mobileHeaderNew::before {
        content: "";
        -webkit-box-flex: 0;
        -ms-flex: 0 0 30px;
        flex: 0 0 30px;
    }

    .mobileHeaderNew > a {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .mobileHeaderNew picture {
        margin-top: 0;
    }

    .mobileHeaderNew img {
        width: 80px;
    }

    .mobileHeaderNew .hamburger-box {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 30px;
        flex: 0 0 30px;
        margin-left: 0;
    }

    .topHeaderLinks {
        gap: 8px;
    }

    .topHeaderLinks a {
        font-size: 10px;
    }

    .topHeaderLinks a span.icon {
        padding-right: 2px;
    }

    .topHeaderLinks .flag-icon img {
        width: 15px;
    }

    /*** header ***/

    /*** mobileMenu ***/

    /*
    .mobileMenuWrapper {
        position: fixed;
        top: 0;
        right: -100%;
        width: 100%;
        min-height: 100vh;
        overflow-y: hidden;
        background-color: #fff;
        -webkit-transition: all 0.2s linear;
        transition: all 0.2s linear;
        z-index: 99999999;
    }

    .mobileMenuWrapper.activeMenu {
        right: 0;
    }

    .bodyOverlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        left: 0;
        z-index: 9999999;
        background-color: rgba(0, 0, 0, 0.8);
    }

    .mobileHeader {
        height: 112px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
         justify-content: space-between; 
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        padding: 15px 15px;
        gap: 15px;
        background-color: #060606;
        position: relative;
    }

    .mobileMenuWrapper .mobileLogo img {
        width: 80px;
    }

    .form-control-feedback {
        font: normal normal normal 14px/1 FontAwesome;
        top: 24%;
        color: #000;
    }

    .mobileMenuWrapper .form-group {
        margin-bottom: 0px;
    }

    .mobileSearch input {
        margin-bottom: 0;
        border-radius: 0;
        border-left: 0;
        border-right: 0;
    }

    .mobileMenuWrapper .panel-heading a {
        display: block;
        position: relative;
        font-weight: bold;
        color: #000;
    }

    .mobileMenuWrapper .panel-heading a::after {
        content: "\f067";
        font: normal normal normal 14px/1 FontAwesome;
        display: inline-block;
        padding: 5px;
        position: absolute;
        right: 0;
        top: 0;
    }

    .mobileMenuWrapper .panel-heading a[aria-expanded=true]::after {
        content: "\f068";
    }

    .mobileMenuWrapper .panel-group .panel + .panel {
        margin-top: 0px;
    }

    .mobileMenuWrapper .panel-group .panel,
    .mobileMenuWrapper .panel-default > .panel-heading {
        border-radius: 0;
        background-color: transparent;
    }

    .mobileMenuWrapper .panel-title a:hover,
    .mobileMenuWrapper .panel-title a:focus {
        color: #000;
    }

    .panel-body {
        padding: 0;
    }

    .panel-body ul {
        padding-left: 15px;
        list-style-type: none;
        margin-bottom: 0;
    }

    .panel-body ul li {
        padding: 10px 0;
    }

    .panel-body ul li a {
        color: #000;
    }

    .closeMenu {
        position: absolute;
        right: 15px;
        top: 15px;
    }

    .closeMenu i.fa {
        color: #fff;
        font-size: 20px;
    }
*/
    .mobileMenuWrapper {
        position: fixed;
        top: 0%;
        left: 0;
        width: 100%;
        height: 100vh;
        min-height: 100vh;
        overflow-y: auto;
        overflow-x: hidden;
        background-color: #000;
        padding-top: 120px;
        -webkit-transition: all 0.5s linear;
        -o-transition: all 0.5s linear;
        transition: all 0.5s linear;
        opacity: 0;
        pointer-events: none;
        z-index: 99;
    }

    body.oHidden.homeSliderContainer,
    .homeSliderContainer {
        display: none;
    }

    .mobileMenuWrapper .panel-heading a {
        display: block;
        position: relative;
        font-weight: bold;
        color: #fff;
    }

    .mobileMenuWrapper .panel-default {
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        outline: none;
        background-color: transparent;
    }

    .mobileMenuWrapper .panel-default > .panel-heading {
        background-color: #000;
    }

    .mobileMenuWrapper .panel-heading a::after {
        content: "\f067";
        font: normal normal normal 14px/1 FontAwesome;
        display: inline-block;
        padding: 0;
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .mobileMenuWrapper .panel-title {
        /* text-align: center; */
        width: 210px;
        margin: 0 auto;
    }

    .mobileMenuWrapper .panel-heading a {
        display: block;
        font-family: "gilroylight";
    }

    .panel-body li {
        padding: 5px 0;
    }

    .mobileMenuWrapper .panel-heading a[aria-expanded="true"]::after {
        content: "\f068";
    }

    .mobileMenuWrapper.activeMenu {
        opacity: 1;
        pointer-events: all;
    }

    .mobileUtilityLinks {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 8px 14px;
        margin: 0 auto 20px;
        max-width: 280px;
    }

    .mobileUtilityLinks a {
        color: #fff;
        font-family: "gilroylight";
        font-size: 12px;
        text-transform: uppercase;
    }

    .mobileMenuWrapper .panel-default {
        -webkit-animation-name: animateOut;
        animation-name: animateOut;
        -webkit-animation-duration: 350ms;
        animation-duration: 350ms;
        -webkit-animation-delay: calc(var(--animation-order) * 200ms);
        animation-delay: calc(var(--animation-order) * 200ms);
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    .mobileMenuWrapper.activeMenu .panel-default {
        -webkit-animation-name: animateIn;
        animation-name: animateIn;
        -webkit-animation-duration: 350ms;
        animation-duration: 350ms;
        -webkit-animation-delay: calc(var(--animation-order) * 200ms);
        animation-delay: calc(var(--animation-order) * 200ms);
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        width: 240px;
        margin: 10px auto;
    }

    .mobileMenuWrapper .panel-collapse .panel-body li {
        text-align: left;
        margin-left: 15px;
    }

    .topHeader.removeZindex {
        z-index: 0;
    }

    .mobileHeaderNew {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .mobileFlag {
        position: absolute;
        left: 0;
        width: 45px;
        opacity: 0;
        -webkit-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        transition: all 0.2s linear;
    }

    .mobileFlag.active {
        opacity: 1;
    }

    .mobileFlag img {
        width: 34px;
    }

    @-webkit-keyframes animateIn {
        0% {
            opacity: 0;
            -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
        }

        100% {
            opacity: 1;
            -webkit-transform: translateY(0px);
            transform: translateY(0px);
        }
    }

    @keyframes animateIn {
        0% {
            opacity: 0;
            -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
        }

        100% {
            opacity: 1;
            -webkit-transform: translateY(0px);
            transform: translateY(0px);
        }
    }

    @-webkit-keyframes animateOut {
        0% {
            opacity: 1;
            -webkit-transform: translateY(0px);
            transform: translateY(0px);
        }

        100% {
            opacity: 0;
            -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
        }
    }

    @keyframes animateOut {
        0% {
            opacity: 1;
            -webkit-transform: translateY(0px);
            transform: translateY(0px);
        }

        100% {
            opacity: 0;
            -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
        }
    }

    .mobileMenuWrapper .panel-group {
        height: 100%;
        overflow-y: scroll;
    }

    .mobileMenuWrapper .panel-body ul {
        margin: 0;
        padding: 0;
        text-align: center;
        list-style-type: none;
    }

    .mobileMenuWrapper
        .panel-default
        > .panel-heading
        + .panel-collapse
        > .panel-body {
        border-top-color: transparent;
        padding: 0;
    }

    .mobileMenuWrapper .panel-body ul li a {
        color: #fff;
        font-family: "gilroylight";
        text-align: left;
        text-transform: uppercase;
    }

    .mobileSearch {
        width: 100%;
        margin: 15px auto 20px;
    }

    .mobileSearch .has-feedback .form-control {
        border-radius: 20px;
    }

    .mobileSearch .form-control-feedback {
        color: #fff;
        font-size: 12px;
    }

    .navabrBtnDiv {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 25px;
    }

    body.oHidden .hamburger-inner {
        -webkit-transform: translateY(6px) rotate(45deg);
        -ms-transform: translateY(6px) rotate(45deg);
        transform: translateY(6px) rotate(45deg);
    }

    body.oHidden .hamburger-inner:before {
        opacity: 0;
    }

    body.oHidden .hamburger-inner:after {
        top: 0;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }

    .mobileMenuWrapper .panel-default:nth-child(1) {
        width: 75%;
        margin: 0 auto;
    }

    /*** mobileMenu ***/

    /*** homeSliderwrapper ***/

    /* .awardSlider .slider-arrow.slider-prev,
    .awardSlider .slider-arrow.slider-next {
        top: 100px;
    } */

    .whatWeDoHomeSlider .slider-arrow.slider-prev,
    .whatWeDoHomeSlider .slider-arrow.slider-next {
        top: 85px;
    }

    .homeSliderwrapper {
        height: 100vh; /* Fallback for browsers that do not support Custom Properties */
        height: calc(var(--vh, 1vh) * 100);
        height: auto;
    }

    .homeSliderwrapper:before {
        display: none;
    }

    .homeSlider .item .container {
        padding-bottom: 15px;
        padding-left: 15px;
        padding-top: 180px;
    }

    .sliderContent {
        width: 85%;
        padding: 10px 25px 0;
        /* margin: 0 auto; */
    }

    .quteImgPara img.btmImg,
    .quteImgPara img.topImg {
        width: 20px;
    }

    .quteImgPara img.topImg {
        margin-left: -22px;
        margin-top: -8px;
    }

    .homeSlider p {
        font-size: 16px;
    }

    .homeSlider:before,
    .homeSlider .item .container:before {
        display: none;
    }

    .topLine {
        display: none;
    }

    .btmLine span {
        height: 100px;
    }

    .btmLine p {
        font-size: 12px;
    }

    .homeSlider .itemImg img {
        width: 80%;
    }

    .homeSlider p span {
        margin-left: 25px;
        margin-left: 0px;
    }

    /*** homeSliderwrapper ***/

    /*** motoMissionWrapper ***/

    .directMessageWrapper {
        margin-bottom: 0px;
        margin-top: 50px;
    }

    .motoMissionWrapper {
        padding: 100px 0 0px;
    }

    .motoWrapper h1 {
        font-size: 40px;
    }

    .missionWrapper {
        margin-top: 50px;
    }

    .missionWrapper h3,
    .directMessage p,
    .preeReleaseHeading p {
        font-size: 18px;
    }

    .missionHeading span {
        width: 30px;
        margin-right: 12px;
    }

    .missionHeading h4 {
        font-size: 24px;
    }

    .directMessage {
        margin-bottom: 50px;
    }

    .directMessage h3 {
        font-size: 30px;
    }

    .directMessageImg {
        margin: 20px 0;
    }

    /*** motoMissionWrapper ***/

    /*** preeReleaseWrapper ***/

    .preeReleaseWrapper {
        padding: 50px 0;
    }

    .preeReleaseWrapper .row {
        display: block;
    }

    .preeReleaseHeading {
        padding: 0;
        margin-bottom: 50px;
    }

    .preeReleaseHeading h3 {
        font-size: 40px;
    }

    .pressData h4 {
        font-size: 16px;
    }

    /*** preeReleaseWrapper ***/

    /*** whatWeDoWrapper ***/

    .whatWeDoWrapper {
        padding: 50px 0;
    }

    .whatWeDoWrapper.historyWrapper {
        padding: 50px 0 50px;
    }

    .whatWeDoWrapper .row,
    .serviceNationWrapper .row {
        display: block;
    }

    .slickContentSlider {
        padding: 0 0 20px 0;
        margin-top: 20px;
    }

    .slickContent h3 {
        font-size: 22px;
        margin-top: 0px;
    }

    .slickContent h5 {
        font-size: 18px;
    }

    .whatWedoSlider {
        margin-bottom: 60px;
    }

    .invsetigationSlickContent {
        margin-top: 0px;
    }

    .investSlider {
        margin-bottom: 0;
    }

    .inNewsWrapper {
        margin-top: 25px;
    }

    .historyWrapper .missionHeading {
        -webkit-box-align: unset;
        -ms-flex-align: unset;
        align-items: unset;
    }

    .historyWrapper .missionHeading span {
        display: inline-block;
        margin-top: 10px;
    }

    .inNewsWrapper img,
    .historyImg img {
        height: auto;
    }

    .inNewsImg h3 {
        font-size: 35px;
    }

    .inNewsWrapper .commonBtn a {
        font-size: 18px;
    }

    .whatContent p {
        font-size: 16px;
    }

    /*** whatWeDoWrapper ***/

    /*** mostWantedWrapper ***/

    .mostWantedWrapper {
        padding: 50px 0px 50px;
    }

    .mostWantedWrapper .missionHeading {
        margin-bottom: 30px;
    }

    .wantedHeadeing h3 {
        font-size: 36px;
    }

    .mostWantedViewMore {
        display: block;
        margin-top: 0;
    }

    .mostWantedViewMore .commonBtn {
        float: none;
        margin-top: 0px;
    }

    .mostWantedsider .item {
        padding: 0;
        width: 100% !important;
    }

    .mostWantedsider .item img {
        height: 440px;
        height: auto;
    }

    .mostWantedsider .item h5 {
        height: auto;
        font-size: 18px;
    }

    .mostWantedsider .slider-prev,
    .mostWantedsider .slider-next {
        top: -63px;
    }

    .mostWantedsider .slider-prev {
        right: 36px;
    }

    .mostWantedsider .arrow {
        width: 10px;
        height: 10px;
    }

    /*** mostWantedWrapper ***/

    /*** firWrapper ***/

    .firWrapper {
        padding: 80px 0 45px;
    }

    .firWrapper .row {
        display: block;
    }

    .friContent {
        margin-bottom: 30px;
    }

    .friContent h3 {
        font-size: 34px;
    }

    /*** firWrapper ***/

    /*** serviceNationWrapper ***/

    .serviceNationWrapper {
        padding: 100px 0;
    }

    .serviceNationWrapper.homeserviceNationWrapper {
        padding: 100px 0 0;
    }

    .mainHeading h3 {
        font-size: 30px;
    }

    /*** serviceNationWrapper ***/

    /*** interpolSectionWrapper ***/

    .interpolSectionWrapper {
        padding: 100px 0;
    }

    .interpolSectionWrapper .row {
        display: block;
    }

    .interpolSliderWrapper {
        margin-bottom: 60px;
    }

    .interpolBox {
        margin-bottom: 30px;
    }

    .interpolBtnWrapper {
        margin-bottom: 100px;
    }

    .interpolButton {
        margin-top: 10px;
        margin-bottom: 0;
        padding: 15px 0;
    }

    .interpolButton .commonBtn a {
        font-size: 14px;
    }

    .interpolContent h3 {
        font-size: 30px;
    }

    .interpolContent P {
        font-size: 18px;
    }

    .interpolSectionWrapper .missionHeading {
        margin-bottom: 30px;
    }

    /*** interpolSectionWrapper ***/

    /*** heritageWrapper ***/

    .heritageWrapper {
        padding: 50px 0 50px;
    }

    .heritageSalider .slider-prev,
    .heritageSalider .slider-next {
        top: 250px;
        left: 35%;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }

    .heritageSalider .slider-next {
        left: auto;
        right: 40%;
    }

    /*** heritageWrapper ***/

    /*** speechesWrapper ***/

    .speechesWrapper {
        padding: 100px 0 50px;
    }

    .speechesWrapper .row {
        display: block;
    }

    .speechesVideo iframe {
        height: 250px;
    }

    .speechesWrapper .missionHeading {
        margin-bottom: 30px;
    }

    .speechesWrapper .missionHeading h4 {
        font-size: 24px;
    }

    /*** speechesWrapper ***/

    /*** lighterWrapper ***/

    .lighterWrapper {
        padding: 100px 0 50px;
    }

    .lighterWrapper .row {
        display: block;
    }

    .lighterSlider {
        margin-bottom: 50px;
    }

    .lighterWrapper .missionHeading h4 {
        font-size: 24px;
    }

    /*** lighterWrapper ***/

    /*** citizenWrapper ***/
    .citizenHeading h3 {
        font-size: 34px;
    }

    /*** citizenWrapper ***/

    /*** nearBranchWrapper ***/
    .nearBranchWrapper .commonBtn {
        padding-left: 0;
        margin-top: 5px;
    }

    .nearBranchWrapper .row {
        display: block;
    }

    .nearBranchWrapper .commonBtn a {
        font-size: 14px;
    }

    /*** nearBranchWrapper ***/

    /*** footer css ***/
    .footerWrapper {
        padding: 50px 0px 20px;
    }

    .footerWrapper .row {
        display: block;
    }

    .ftr__list ul {
        padding-left: 0px;
    }

    .nav-folderized .nav h3 {
        cursor: pointer;
    }

    .nav-folderized ul {
        max-height: 0;
        overflow: hidden;
        -webkit-transition: max-height 0.5s ease-out;
        -o-transition: max-height 0.5s ease-out;
        transition: max-height 0.5s ease-out;
    }

    .nav-folderized .navBar h3:after {
        content: "+";
        float: right;
        color: #ffff00;
    }

    .nav-folderized .navBar.open h3:after {
        content: "-";
        color: #ffff00;
    }

    .nav-folderized .navBar.open ul {
        height: auto;
        max-height: 500px;
        -webkit-transition: max-height 0.5s ease-out !important;
        -o-transition: max-height 0.5s ease-out !important;
        transition: max-height 0.5s ease-out !important;
    }

    .ftr__list:nth-child(1),
    .ftr__list:nth-child(3) {
        width: 100%;
    }

    .ftr__list:last-child() ul {
        height: auto !important;
    }

    /*** footer css ***/

    /*** interpolPagecss ***/

    .noticeBox .row,
    .tableFooter {
        display: block;
    }

    .interpolPageWrapper {
        padding-top: 150px;
    }

    .commonTableWrapper {
        margin: 0 15px;
        padding: 25px 25px;
        width: auto !important;
    }

    .noticeBox h1 {
        margin-bottom: 0px;
        font-size: 30px;
    }

    .noticeBox img {
        margin: 20px 0;
    }

    .noticeBox p {
        font-size: 18px;
    }

    .commonTableWrapperOuter {
        margin-top: 50px;
    }

    .commonTableBox {
        margin: 0px 0px 35px;
        border: 0px;
    }

    .commonTableBox table colgroup {
        display:none;
    }

    .tableFooter .col-md-4 {
        margin-bottom: 15px;
    }

    .pagesWrapper p {
        text-align: center;
    }

    .tablepageBigHeading {
        margin-top: 0;
    }

    /*** interpolPagecss ***/

    /*** intrepolPageSliderWrapper ***/

    .intrepolPageSliderWrapper .row {
        display: block;
    }

   
    .intrepolPageSliderWrapper .slickImageSlider {
        margin-bottom: 25px;
    }

    .anonouceRewardBox .col-md-3 {
        width: 100%;
    }

    /*** intrepolPageSliderWrapper ***/

    /*** submitTipWrapper ***/

    .submitTipHeading h1 {
        font-size: 36px;
    }

    .submitTipHeading p {
        font-size: 16px;
    }

    .submitFormWrapper {
        width: 90%;
    }

    .radioBoxSubmit label {
        font-size: 12px;
    }

    .submitFormBtn {
        margin-top: 35px;
    }

    .oldRecordImg {
        margin-top: 0;
    }

    /*** submitTipWrapper ***/

    .historyWrapper .missionHeading {
        margin: 0 0px 25px;
    }

    .mostWantedsider .slick-list,
    .heritageSalider .slick-list,
    .nationSliderContent .slick-list {
        height: auto !important;
    }

    .speechesBoxWrapper {
        display: block;
        margin-bottom: 40px;
    }

    .speechesContent h4 {
        font-size: 18px;
    }

    /* .lighterWrapper .slickImageSlider .slider-arrow.slider-prev,
    .lighterWrapper .slickImageSlider .slider-arrow.slider-next {
        top: 161px;
    }

    .heritageSalider .slider-arrow.slider-next,
    .heritageSalider .slider-arrow.slider-prev {
        top: 220px;
    } */

    .usefullLinksImg .linksImg {
        width: 100%;
    }

    .awardsSliderWrapper .row {
        display: block;
    }

    .awardSliderContent {
        margin-bottom: 15px;
    }

    .custom-pagesize-outer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
    }

    /*** 404 page ***/

    .found-txt h1 {
        font-size: 40px;
    }
    .found-txt p {
        font-size: 18px;
    }

    /*** 404 page ***/

    /* .historyWrapper .slickImageSlider .slider-arrow.slider-next,
    .historyWrapper .slickImageSlider .slider-arrow.slider-prev {
        top: 90px;
    } */

    .speechesContent .date {
        margin-top: 5px;
    }

    .photodetailWrapper .lightgallryList li {
        width: 100%;
        height: auto;
    }

    .table.commonTable.vacancyTable > thead > tr > th:nth-child(3) {
        width: 100% !important;
    }

    .noticeBox .photogalleryDetailHeading h1 {
        font-size: 18px;
    }

    #sectionB .motoMissionWrapper {
        padding-top: 100px;
    }

    #sectionB .visionWrapper {
        margin-top: 50px;
    }

    .founderPhoto img {
        height: 200px;
    }

    .founderInfo {
        min-height: 150px;
    }

    .history-gallery {
        padding: 60px 0 0;
    }

    .history-content p {
        font-family: "gilroylight" !important;
        margin-bottom: 15px;
        padding: 30px 0 0;
    }

    .lightgallryList {
        margin-bottom: 0;
    }

    .photoGalleryImg {
        height: 300px;
        -o-object-fit: cover;
        object-fit: cover;
    }

    .history-gallery img {
        height: 300px;
        -o-object-fit: cover;
        object-fit: cover;
    }

    .serviceSliderContent p {
        -webkit-line-clamp: unset;
    }

    .slickContent.serviceSliderContent {
        /*        padding-top: 120px;*/
        min-height: auto;
    }

    .morecontent span {
        display: none;
    }
    .morelink {
        display: block;
    }
    .history-active {
        display: block;
    }

    a.moreless-button {
        color: #ffff00;
    }

    #sectionE .nationServiceWrapper .row:first-child {
        display: block;
    }

    .aboutTabsWrapper .nav-tabs {
        display: block;
    }

    .aboutTabsWrapper .nav-tabs li {
        padding-bottom: 10px;
        float: left;
        width: 50%;
    }

    .aboutTabsWrapper .nav-tabs > li > a {
        font-size: 10px;
        height: 60px;
        padding: 0 10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .aboutBoxWrapper {
        padding: 25px 15px;
    }

    .aboutTabsWrapper .tab-content {
        margin: 50px 0px 0;
    }

    .aboutTabsWrapper .aboutContent {
        padding-right: 5px;
    }

    ol.Insidelist.PageDescriptionText {
        padding-left: 0;
    }

    #sectionB .motoMissionWrapper {
        padding-top: 60px;
    }

    .history-gallery .lightgallryList li {
        width: 100%;
    }

    .founderPhoto img {
        height: 300px;
    }

    .founderGroup .col-sm-4 {
        width: 50%;
        float: left;
        padding: 5px;
    }

    .founderInfo {
        min-height: auto;
    }

    li.col-md-4.col-sm-4.photoGalleryImg a img {
        height: 100%;
    }

    .nationServiceWrapper .row:first-child {
        display: block;
    }

    .pressClipingTable .flexClip {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    .pressClipingTable .flexClip span:first-child {
        margin-right: 35px;
    }

    .cbinewsTable .custom-pagesize-outer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
    }

    .yewlloNoticeWrapper .commonTableBox .table > tbody > tr > td a {
        white-space: nowrap !important;
    }
    .yewlloNoticeWrapper .tableFooter {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .interpolPageWrapper.viewFirTableWrapper .table > tbody > tr > td {
        width: 100%;
    }

    .serviceNationWrapper.homeserviceNationWrapper .row {
        display: block !important;
    }

    .homeserviceNationWrapper .slickContent.serviceSliderContent,
    .intrepolPageSliderWrapper .slickContent.interpolContent {
        /* padding-top: 120px; */
        min-height: auto;
    }

    .kohliQuteWrapper .row {
        display: block;
    }

    .kohliQuteWrapper .kohliImg {
        margin-bottom: 50px;
    }

    .kohliQuteData {
        padding-left: 15px;
    }

    .kohliQuteWrapper p {
        font-size: 18px;
        margin-bottom: 15px;
    }

    .founderText h3 {
        font-size: 18px;
    }

    .kohliQuteWrapper {
        padding: 100px 0;
    }

    .kohliQute span img {
        width: 15px;
    }

    .kohliQute span.topImg {
        top: -18px;
        left: -20px;
    }

    .modal:before {
        height: auto;
    }

    #enterOTP .modal-dialog, #thank-you .modal-dialog{
        width: 92%;
    }

    #enterOTP .formOtpBtn button {
        font-size: 12px;
    }

    .historyWrapper h3 {
        font-size: 18px;
        margin-top: 10px !important;
    }

    .speechesVideoContentSlider .slick-track,
    .homeServiceContentSlider .slick-track,
    .invsetigationSlickContent .slick-track,
    .interpolHomeContentSlider .slick-track,
    .interpolHomeContentSlider-2 .slick-track,
    .slickContentSlider .slick-track,
    .homeServiceContentSlider .slick-track,
    .homeServiceContentSlider .slick-track,
    .nationSliderContent .slick-track,
    .heritageContentSalider .slick-track,
    .eventsContentSlider .slick-track {
        display: block !important;
    }

    .faqWrapper .panel-title > a,
    .faqWrapper .panel-title > a:active {
        font-size: 14px;
    }

    .intrepolPageSliderWrapper {
        padding: 50px 0 50px;
    }

    .av3h strong {
        color: #000 !important;
    }

    .histroyImgContentSlider h3 {
        font-size: 20px;
        margin-top: 10px;
    }

    .histroyImgContentSlider p {
        font-size: 16px;
    }

    .homeSlider .slider-arrow.slider-prev img,
    .homeSlider .slider-arrow.slider-next img {
        width: 40px;
    }

    .homeSlider .slider-arrow.slider-prev {
        left: 10px;
    }

    .homeSlider .slider-arrow.slider-next {
        right: 10px;
    }

    .serviceSliderContent h3 {
        margin-top: 10px;
    }

    .histroyImgGallery .slick-list {
        min-height: 180px;
    }

    .historyContentSlider p {
        margin-top: 15px;
    }

    .indiaFlag .firstImg {
        width: 50px;
    }

       .homeSlider .item img {
        height: auto;
    }

    .interpolPageWrapper
        .pressClipingTable
        .table
        > tbody
        > tr
        > td:nth-child(2),
    .interpolPageWrapper .articleTable .table > tbody > tr > td:nth-child(2),
    .commonTableBox .pressReleasesTable > tbody > tr > td:nth-child(2) {
        width: 50%;
        /* float: left; */
    }

    .commonTableBox table.tenderTable tr {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .commonTableBox table.tenderTable tr td {
        width: 40%;
    }

    .commonTableBox table.tenderTable tr td:nth-child(2) {
        width: 100%;
    }

    .pressClipingTable .flexClip span:first-child {
        width: 48%;
    }

    .commonTableBox.interpolRedNoticeTable .table > tbody > tr > td a {
        white-space: inherit;
    }

    .lsitCOuntrieHeaidng h3 {
        font-size: 18px;
    }

    header .container {
        padding-right: 5px;
        padding-left: 5px;
    }

    .aboutTabsWrapper.cbiAcademyTabs .nav-tabs {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 0;
    }

    .aboutTabsWrapper.cbiAcademyTabs .nav-tabs > li {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    }

    .academyContactDetails .adress p,
    .academyContactDetails .phone p,
    .academyContactDetails .phone p a {
        font-size: 16px;
    }

    #df .pull-left {
        float: left !important;
        display: block;
        width: 100%;
    }

    #df .pull-right {
        float: none !important;
        display: block;
        width: 100%;
        clear: left;
    }

    .dataTables_wrapper .dataTables_paginate .paginate_button {
        padding: 5px 10px;
        font-size: 14px;
    }

    .paginate_button,
    .paginate_button,
    .dataTables_wrapper .dataTables_paginate .paginate_button {
        color: #fff !important;
    }

    .press-txt p {
        font-size: 16px;
    }

    #in-Service-of-Nation .nationServiceWrapper .row {
        display: block;
    }

    .eventsWrapper .row {
        display: block;
    }

    .eventsContentSlider .interpolContent h3 {
        font-size: 18px;
        margin-top: 10px;
    }

    .accordion-item {
        width: 80%;
        margin: 0 auto;
        background-color: transparent;
    }

    .accordion-header {
        margin-top: 0;
        font-weight: 600;
    }

    .accordion-button,
    .accordion-button:not(.collapsed) {
        background-color: transparent;
        border: 0;
        text-transform: uppercase;
        color: #fff;
    }

    .card-body {
        padding-top: 0;
        padding-bottom: 0;
    }

    .card-body ul {
        padding-left: 3px;
        list-style-type: none;
    }

    .card-body ul li {
        margin-bottom: 5px;
    }

    .accordion-button:focus {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .accordion {
        margin-top: 25px;
    }

    .card-body ul li a {
        text-transform: uppercase;
        color: #fff;
        font-weight: 400;
        font-family: "gilroylight";
    }

    .accordion-button:not(.collapsed)::after {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    .accordion-button::after {
        content: "\f067";
        font: normal normal normal 14px/1 FontAwesome;
        display: inline-block;
        padding: 0;
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        background-image: none;
    }

    .accordion-button:not(.collapsed)::after {
        content: "\f068";
        background-image: none;
    }

    .ftr__list.col-md-2 {
        width: 100%;
    }
}

@media only screen and (min-width: 414px) and (max-width: 450px) {
    /* .lighterWrapper .slickImageSlider .slider-arrow.slider-prev,
    .lighterWrapper .slickImageSlider .slider-arrow.slider-next {
        top: 195px;
    } */
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width: 320px) {
    /* Styles */
}

/* Reflow content and navigation in the narrow viewport produced by 400% zoom on desktop displays. */
@media only screen and (max-width: 500px) {
    header {
        padding: 5px 0;
    }

    .topHeader {
        gap: 6px;
    }

    header.scrolled .mobileHeaderNew {
        margin-top: 0;
    }

    .topHeader .indiaFlag {
        gap: 5px;
    }

    .topHeader .indiaFlag img {
        width: 18px;
    }

    .topHeader .indiaFlag a img {
        width: 36px !important;
        height: 36px !important;
        -o-object-fit: contain;
        object-fit: contain;
    }

    .topHeader .indiaFlag p {
        font-size: 7px;
    }

    .container,
    .container-fluid {
        max-width: 100%;
    }

    .mobileMenuWrapper {
        padding: 100px 16px 24px;
    }

    .mobileHeaderNew {
        margin-top: 4px;
    }

    .mobileHeaderNew img {
        width: 40px;
        max-width: 40px;
        height: 40px;
        -o-object-fit: contain;
        object-fit: contain;
    }

    .mobileMenuWrapper .panel-title,
    .mobileMenuWrapper.activeMenu .panel-default {
        width: 100%;
        max-width: 240px;
    }

    .topHeaderLinks {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 5px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    input,
    select,
    textarea,
    iframe,
    video {
        max-width: 100%;
    }

    p,
    li,
    td,
    th,
    a {
        overflow-wrap: anywhere;
    }
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    /* Styles */

    .nationServiceWrapper .row:first-child {
        display: block;
    }

    .eventsContentSlider .interpolContent h3 {
        font-size: 20px;
    }
}

/* iPads (landscape) ----------- */
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    /* Styles */
    .desktopLogo img {
        width: 120px;
    }

    .main-links {
        gap: 18px;
        margin-left: 20px;
    }

    .navabrBtnDiv .sendTip a {
        padding: 10px 15px;
    }

    .interpolPageWrapper {
        padding-top: 195px;
    }

    .usefullLinksImg .linksImg {
        width: 31.65%;
    }

    .noticeBox p {
        font-size: 16px;
    }

    .noticeBox h1 {
        font-size: 3vw;
    }

    .cbiDiv h3 {
        font-size: 22px;
        margin-bottom: 10px;
    }

    .serviceSliderContent h3 {
        font-size: 24px;
    }

    .awardSliderContent p {
        font-size: 18px;
    }

    .anonouceRewardBox .col-md-3 {
        width: 25%;
    }

    .speechesContent h4 {
        font-size: 18px;
    }

    .aboutTabsWrapper .nav-tabs > li > a {
        font-size: 12px;
    }

    .cbiResourses {
        padding: 22px 15px;
    }

    .homeSlider .item img.visible-sm:last-child {
        display: none !important;
    }
}

/* iPads (portrait) ----------- */
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    /* header */
    .main-links {
        gap: 15px;
        margin-left: 25px;
    }

    .nationServiceWrapper .serviceSliderContent p {
        -webkit-line-clamp: unset;
    }

    .navbar-default .nav > li > a {
        font-size: 12px;
    }

    .desktopLogo img {
        width: 80px;
    }

    header.scrolled .desktopLogo img {
        width: 66px;
    }

    .navabrBtnDiv .sendTip a {
        padding: 10px 12px;
        font-size: 10px;
    }

    .interpolPageWrapper {
        padding-top: 200px;
    }

    .tablepageBigHeading {
        margin-top: 0;
    }

    /* header */

    /* Styles */

    .missionHeading span {
        display: inline-block;
        width: 30px;
    }

    .directMessage h3 {
        margin: 0 0 10px;
        font-size: 30px;
    }

    .directMessage p {
        line-height: 1.2;
        font-size: 16px;
        margin-bottom: 10px;
    }

    .missionWrapper {
        margin-top: 125px;
    }

    .motoWrapper h1 {
        font-size: 45px;
    }

    .missionWrapper h3 {
        margin: 0 0 20px;
        font-size: 20px;
    }

    .preeReleaseHeading h3 {
        font-size: 45px;
    }

    .preeReleaseHeading p {
        margin-bottom: 0px;
        font-size: 18px;
    }

    .mostWantedViewMore {
        display: block;
    }

    .missionHeading {
        margin-bottom: 10px;
    }

    .mostWantedViewMore .commonBtn {
        float: none;
        margin-top: 30px;
    }

    .friContent h3 {
        font-size: 30px;
        margin: 0;
    }

    .slickContent h3 {
        font-size: 22px;
    }

    .slickContent h5 {
        font-size: 18px;
    }

    .slickContentSlider {
        padding: 0;
    }

    .serviceSliderContent p {
        -webkit-line-clamp: 3;
    }

    .mainHeading h3 {
        font-size: 40px;
    }

    .citizenHeading h3 {
        font-size: 60px;
    }

    .firWrapper,
    .serviceNationWrapper,
    .interpolSectionWrapper,
    .heritageWrapper,
    .speechesWrapper,
    .lighterWrapper {
        padding: 100px 0;
    }

    .nearBranchWrapper .commonBtn {
        padding-left: 0;
        margin-top: 0px;
    }

    .mostWantedWrapper,
    .whatWeDoWrapper {
        padding: 70px 0px 50px;
    }

    .mostWantedsider .item img {
        height: 220px;
    }

    .mostWnatedBox img {
        height: 275px;
        -o-object-fit: cover;
        object-fit: cover;
    }

    .commonTableWrapperOuter {
        margin-top: 30px;
    }

    .anonouceRewardBox .col-md-3 {
        width: 33.33%;
    }

    .annouceBtn,
    .annouceBtn .form-group {
        width: 100%;
    }

    .noticeBox {
        width: 100%;
    }

    /*** interpolPagecss ***/

    /*** interpolPagecss ***/

    .radioBoxSubmit label {
        font-size: 12px;
        margin-top: 45px;
    }

    /*** interpolPagecss ***/

    .pressData h4 {
        font-size: 16px;
    }

    .missionHeading h4 {
        font-size: 20px;
    }

    .inNewsWrapper img {
        height: 238px;
    }

    .historyImg img {
        height: 244px;
    }

    .inNewsImg h3 {
        font-size: 30px;
    }

    .inNewsWrapper .commonBtn a {
        font-size: 18px;
    }

    .whatContent h3 {
        font-size: 18px;
    }

    .whatContent p,
    .interpolContent p {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    /* .historyWrapper .slickImageSlider .slider-arrow.slider-next,
    .historyWrapper .slickImageSlider .slider-arrow.slider-prev {
        top: 140px;
    } */

    .serviceNationWrapper .slickContent .commonBtn {
        margin-top: 0;
    }

    .interpolContent P {
        font-size: 18px;
    }

    .interpolButton .commonBtn a {
        font-size: 10px;
    }

    .interpolButton .arrow {
        height: 7px;
        position: relative;
        width: 7px;
    }

    .interpolButton .arrow.arrow-bar::before {
        height: 13px;
    }

    .interpolButton .commonBtn a span {
        margin-left: 12px;
    }

    .speechesContent h4 {
        font-size: 18px;
    }

    .lighterWrapper .row {
        display: block;
    }

    .cbiNetworkBtn {
        padding: 0px 10px;
    }

    .cbiResourses {
        padding: 13px 15px;
    }

    .nearBranchWrapper .commonBtn a {
        font-size: 14px;
    }

    .noticeBox img {
        width: 100%;
    }

    .noticeBox p {
        font-size: 14px;
    }

    .commonTableWrapper {
        padding: 30px 30px;
    }

    .history-gallery .lightgallryList li {
        width: 30.65%;
    }

    .history-gallery .lightgallryList li img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }

    .secriceInner.serviceSliderContent h3 {
        font-size: 22px;
    }

    .awardSliderContent p {
        font-size: 16px;
    }

    .usefullLinksImg .linksImg {
        width: 31.65%;
    }

    .homeSliderContainer {
        display: none;
    }

    .loaderLogo img {
        width: 100%;
    }

    /* .commonTableBox table thead {
        display: block;
        height: auto;
        width: auto;
    }

    .commonTableBox table thead tr {
        display: block;
    }

    .commonTableBox table thead tr th {
        visibility: visible;
        border: 0 !important;
    }

    .table.commonTable.viewFirTable > thead > tr > th:nth-child(1),
    .table.commonTable.viewFirTable > tbody > tr > td:nth-child(2) {
        width: 80px !important;
    }

    .table.commonTable.viewFirTable > thead > tr > th:nth-child(3),
    .table.commonTable.viewFirTable > tbody > tr > td:nth-child(4) {
        width: 209px !important;
    }

    .table.commonTable.viewFirTable > thead > tr > th:nth-child(4),
    .table.commonTable.viewFirTable > tbody > tr > td:nth-child(5) {
        width: 200px !important;
    } */

    .table.commonTable > thead > tr > th:nth-child(3) {
        width: 252px !important;
    }

    .table.commonTable > thead > tr > th:nth-child(4) {
        width: 252px !important;
    }

    .table.commonTable.viewFirTable > thead > tr > th:nth-child(4) {
        width: 170px !important;
    }

    .mostWantedsider .item {
        width: 25%;
    }

    .kohliQuteData {
        padding-left: 25px;
    }

    .kohliQuteWrapper p,
    .kohliQuteWrapper h3 {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .kohliQute span img {
        width: 15px;
    }

    .kohliQute span.topImg {
        left: -20px;
    }

    #enterOTP .modal-dialog {
        width: 100%;
    }
}

@media only screen and (max-width: 500px) {
    #enterOTP .modal-dialog {
        width: auto;
        max-width: calc(100% - 30px);
        margin-right: auto;
        margin-left: auto;
    }
}

/***Medium devices (tablets, 768px and up) ****/
@media (min-width: 768px) {
}

/*** Large devices (desktops, 992px and up) ****/
@media (min-width: 992px) {
}

@media (min-width: 820px) and (max-width: 1180px) and (orientation: landscape) {
    .inNewsWrapper img,
    .historyImg img {
        height: 315px;
    }

    .mostWantedsider .item img,
    .mostWnatedBox .item img,
    .mostWnatedBox img {
        height: 200px;
    }
    .friContent h3 {
        font-size: 44px;
    }
    .interpolContent P {
        font-size: 17px;
    }
    .historyWrapper h3 {
        font-size: 20px;
    }

    .cbiNetworkBtn {
        padding: 10px 10px;
    }

    .cbiResourses {
        padding: 32px 15px;
    }

    .inNewsWrapper .commonBtn a,
    .missionHeading h4,
    .missionWrapper h3,
    .serviceSliderContent h3 {
        font-size: 20px;
    }

    .navabrBtnDiv .sendTip a {
        padding: 10px 14px;
    }

    .pressData h4,
    .awardSliderContent p {
        font-size: 16px;
    }

    .main-links {
        gap: 25px;
    }

    .navbar-default .nav > li > a {
        font-size: 16px;
    }

    .directMessage p {
        font-size: 18px;
    }

    .directMessage h3 {
        font-size: 48px;
    }

    .noticeBox p {
        font-size: 17px;
    }

    .cbiDiv h3 {
        margin: 0 0px 10px;
    }
}

/* Keep every primary navigation item within the viewport on tablet portrait layouts. */
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .main-links {
        gap: 5px;
        margin-left: 0;
    }

    .main-links li {
        margin-right: 5px;
    }

    .navbar-default .nav > li > a {
        padding: 8px 0;
        font-size: 11px;
        letter-spacing: 0.75px;
    }

    .desktopLogo img {
        width: 70px;
    }

    .navabrBtnDiv {
        padding: 8px 0;
    }

    .navabrBtnDiv .sendTip a {
        padding: 8px 9px;
        font-size: 9px;
        letter-spacing: 0.75px;
    }
}

/*** Extra large devices (large desktops, 1200px and up) ****/
@media (min-width: 1200px) {
    .table.commonTable.viewFirTable > thead > tr > th:nth-child(1) {
        width: 100px !important;
    }

    .table.commonTable > thead > tr > th:nth-child(3) {
        width: 175px !important;
    }

    .table.commonTable > thead > tr > th:nth-child(4) {
        width: 175px !important;
    }

    .homeSlider .item.firstSlide .container:before {
        height: 200px;
    }

    .homeSlider .item.secondSlide .container:before {
        height: 200px;
    }

    .interpolContent P {
        font-size: 18px;
    }

    .interpolContent h3 {
        font-size: 45px;
    }

    .menuWrapper {
        margin-top: -40px;
    }

    .interpolPageWrapper.iloTable .table > tbody > tr > td:nth-child(3) {
        width: 300px;
    }

    .eventsContentSlider .slick-track {
        display: block !important;
    }

    .noticeBox h1 {
        font-size: 3.5vw;
        margin: 0 0 10px;
    }
    
    .noticeBox p {
        font-size: 20px;
    }

    .press-txt p, .press-txt p span, .pressData h4 {
        text-align: justify;
    }
}

@media only screen and (min-width: 1366px) and (max-width: 1399px) {
    .interpolContent h3 {
        font-size: 46px;
    }

    .interpolContent br.hidden-xs {
        display: none !important;
    }

    .interpolContent P {
        font-size: 18px;
    }

    .noticeBox h1 {
        font-size: 4vw;
    }

    .noticeBox p {
        font-size: 20px;
    }
}

/*** Extra large devices (large desktops, 1200px and up) ****/
@media (min-width: 1600px) {
    .container {
        width: 1450px;
    }

    /** header ***/

    .navbar-default .nav > li > a {
        font-size: 17px;
    }

    .navabrBtnDiv .sendTip a {
        padding: 12px 44px;
        border-radius: 0px;
    }

    .desktopLogo {
        margin: 0 15px;
    }

    /** header ***/

    /** footer ***/
    .ftr__list ul li a {
        font-size: 16px;
    }

    /** footer ***/

    /*** homeSliderwrapper ***/

    .homeSliderwrapper {
        /* height: 100vh; */
    }

    .homeSliderContainer {
        right: 10%;
        right: 70px;
    }

    .homeSlider p {
        font-size: 26px;
        height: auto;
    }

    .homeSliderOuter:before {
        height: 68%;
    }

    .homeSlider .item .container {
        padding-bottom: 20px;
    }

    .homeSlider .itemImg img {
        width: auto;
    }

    .homeSlider .item.firstSlide .container:before {
        height: 55%;
    }

    .homeSlider .item.secondSlide .container:before {
        height: 55%;
    }

    /*** homeSliderwrapper ***/

    /*** motoMissionWrapper ***/

    .motoMissionWrapper {
        padding: 150px 0 150px;
    }

    .motoWrapper h1 {
        font-size: 4vw;
    }

    .missionWrapper {
        margin-top: 200px;
    }

    .missionWrapper h3 {
        font-size: 26px;
    }

    .directMessageWrapper {
        margin-bottom: 0px;
    }

    .directMessage h3 {
        font-size: 4vw;
    }

    .directMessage p {
        font-size: 24px;
    }

    /*** motoMissionWrapper ***/

    /*** preeReleaseWrapper ***/

    .preeReleaseWrapper {
        padding: 150px 0;
    }

    .preeReleaseHeading h3 {
        font-size: 5vw;
    }

    .preeReleaseHeading p {
        font-size: 26px;
    }

    .preeReleaseWrapper marquee {
        height: 600px;
    }

    /*** preeReleaseWrapper ***/

    /*** whatWeDoWrapper ***/

    .whatContent p {
        font-size: 20px;
    }

    /*** whatWeDoWrapper ***/

    /*** citizenWrapper ***/

    .citizenHeading h3 {
        font-size: 6vw;
    }

    /*** citizenWrapper ***/

    /*** mostWantedsider ***/

    .mostWantedsider .item img {
        height: 355px;
    }

    /*** mostWantedsider ***/

    /*** vigilantBoxWrapper ***/

    .vigilantBoxWrapper {
        width: 85%;
    }

    /*** vigilantBoxWrapper ***/

    /*** cbiResourses ***/

    .cbiResourses {
        padding: 82px 15px;
    }

    /*** cbiResourses ***/

    /*** inNewsWrapper ***/

    .inNewsWrapper img {
        height: 470px;
    }

    .historyImg img {
        height: 482px;
    }

    .inNewsImg h3 {
        font-size: 85px;
    }

    /*** inNewsWrapper ***/

    /** footer ***/
    .footerPara p {
        font-size: 14px;
    }

    .commonBtn a {
        font-size: 24px;
    }

    .nearBranchWrapper .commonBtn {
        padding-left: 40px;
    }

    /** footer ***/

    /** .nearBranchWrapper ***/

    .nearBranchWrapper p {
        color: #000;
        font-weight: 700;
        font-size: 16px;
    }

    /** .nearBranchWrapper ***/

    /** interpolPagecss ***/
    /** interpolPagecss ***/

    .visionWrapper {
        margin-top: 140px;
    }

    .photodetailWrapper img.photoDetailImg {
        height: 300px;
    }

    .founderPhoto img {
        height: 250px;
    }

    .interpolContent P {
        font-size: 22px;
    }

    .menuWrapper {
        margin-top: -15px;
    }

    .homeSlider .item img {
        -o-object-fit: cover;
        object-fit: cover;
    }
}

@media (min-width: 2500px) {
    .loaderLogo img {
        width: 100% !important;
    }

    .interpolPageWrapper {
        padding-top: 300px !important;
    }

    .desktopLogo img {
        width: 230px !important;
    }

    .container {
        width: 2300px !important;
    }

    .directMessage p,
    .missionWrapper h3 {
        font-size: 36px !important;
    }

    .motoMissionWrapper .missionHeading h4,
    .preeReleaseHeading p,
    .missionHeading h4,
    .mostWantedViewMore p,
    .serviceSliderContent p,
    .interpolContent P,
    .speechesContent h4,
    .academyContent p,
    .academyContactDetails .adress p,
    .aboutCfslBox p,
    .aboutCfslBox p a {
        font-size: 30px !important;
    }

    .mostWantedsider .item h5,
    .mostWnatedBox h5 {
        height: 75px;
        font-size: 30px !important;
    }

    .commonBtn a {
        font-size: 34px !important;
    }

    .pressDataBox {
        height: 700px !important;
    }

    .pressData h4,
    .heritageSalider .imgBox p,
    .speechesSmallBoxWrapper a .speechesContent h4 {
        font-size: 22px !important;
    }

    .pressData .date p {
        font-size: 18px !important;
    }

    .inNewsWrapper img {
        height: 670px !important;
    }

    .whatContent p,
    .nearBranchWrapper p {
        font-size: 26px !important;
    }

    .inNewsImg h3 {
        font-size: 100px !important;
    }

    .mostWantedsider .item img {
        height: 550px !important;
    }

    .mostWnatedBox img {
        height: 450px !important;
    }

    /* .historyWrapper .slickImageSlider .slider-arrow.slider-next,
    .historyWrapper .slickImageSlider .slider-arrow.slider-prev {
        top: 300px !important;
    } */

    .friContent h3 {
        font-size: 85px !important;
    }

    .serviceSliderContent h3,
    .aboutCfslBox h3,
    .aboutCfslBox h3 a {
        font-size: 40px !important;
    }

    .cbiResourses {
        padding: 150px 15px !important;
    }

    .ftr__list ul li a {
        font-size: 24px !important;
    }

    .navbar-default .nav > li > a {
        font-size: 26px !important;
    }

    header.scrolled .desktopLogo img {
        width: 150px !important;
    }

    .dropdown-menu > li > a,
    .aboutCfslBox ul li a {
        font-size: 18px !important;
    }

    .topHeaderLinks a {
        font-size: 20px !important;
    }

    .indiaFlag p {
        font-size: 16px !important;
    }

   


    .footerPara p,
    .aboutTabsWrapper .nav-tabs > li > a,
    .navabrBtnDiv .sendTip a {
        font-size: 18px !important;
    }

    .noticeBox p {
        font-size: 32px !important;
    }

    .CBINetworkText th {
        font-size: 26px !important;
    }

    .aboutTabsWrapper .aboutContent li,
    .whatWeWrapper p,
    .whatWeWrapper table td,
    .history-content p,
    .historyWrapper p,
    .CBINetworkText td {
        font-size: 22px !important;
    }

    .aboutTabsWrapper .SubTitles,
    .historyWrapper h3 {
        font-size: 36px !important;
    }

    .photoGalleryImg,
    .history-gallery img {
        height: 500px !important;
    }

    .overLayPhoto img {
        width: auto !important;
        height: auto !important;
    }

    .ftr__list h3 {
        font-size: 22px;
    }

    .founderPhoto img {
        height: 350px !important;
    }

    .table.commonTable > thead > tr > th {
        font-size: 26px !important;
    }

    .table.commonTable > thead > tr > th:nth-child(1) {
        width: 100px !important;
    }

    .table.commonTable > thead > tr > th:nth-child(3) {
        width: 150px !important;
    }

    .table.commonTable > tbody > tr > td a,
    .tableFilter .bootstrap-select .dropdown-toggle .filter-option-inner-inner,
    .tableFilter .form-control,
    .pressRealaseBtn a {
        font-size: 22px !important;
    }

    .dataTables_wrapper .dataTables_info,
    .academyContactDetails .phone p,
    .academyContactDetails .phone p a {
        font-size: 22px !important;
    }

    .map iframe {
        height: 550px !important;
    }

    .table.commonTable.viewFirTable > thead > tr > th:nth-child(1) {
        width: 100px !important;
    }

    .table.commonTable.viewFirTable > thead > tr > th:nth-child(3),
    .table.commonTable.viewFirTable > thead > tr > th:nth-child(4) {
        width: 225px !important;
    }

    .table.commonTable.viewFirTable > thead > tr > th:nth-child(3),
    .table.commonTable.viewFirTable > thead > tr > th:nth-child(4) {
        width: 275px !important;
    }
}

@media only screen and (min-width: 1600px) and (max-height: 900px) {
    .homeSlider p {
        font-size: 26px;
    }
}





.slider-pause-control {
    display: inline-block;
    margin: 8px 0;
    padding: 6px 16px;
    background: #ffffff;
    color: #000000;
    border: 1px solid #333333;
    border-radius: 3px;
    cursor: pointer;
    font-size: 14px;
    line-height: 1.4;
    z-index: 10;
}

.slider-pause-control:hover {
    background: #eeeeee;
}

.slider-pause-control:focus {
    outline: 3px solid #005fcc;
    outline-offset: 2px;
}

.slider-pause-control.paused {
    font-weight: bold;
}

.slider-accessibility-controls {
    display: flex;
    gap: 10px;
    margin-top: 10px;
    align-items: center;
}

.slider-accessibility-controls button {
    display: inline-block;
    padding: 6px 16px;
    background: #ffffff;
    color: #000000;
    border: 1px solid #333333;
    border-radius: 3px;
    cursor: pointer;
    font-size: 14px;
    line-height: 1.4;
}

.slider-accessibility-controls button:hover {
    background: #eeeeee;
}

.slider-accessibility-controls button:focus {
    outline: 3px solid #005fcc;
    outline-offset: 2px;
}

.accessibility-slider-hidden {
    display: none !important;
}

/* =========================================================
   CBI HOME SLIDER
   ACCESSIBLE HTML TEXT - CONSOLIDATED RESPONSIVE RULES

   The visible carousel text is real HTML text rather than text
   embedded in the background images.

   This section is intentionally last so it overrides the older
   general carousel rules without requiring duplicate rules
   throughout the stylesheet.

   Targets:
   - Desktop
   - 200% browser zoom
   - 250% browser zoom
   - 400% browser zoom
   - Narrow/mobile CSS viewports
   ========================================================= */

.homeSlider .accessibleQuoteSlide,
.homeSlider .accessibleInfoSlide {
    position: relative;
    overflow: hidden;
}

.homeSlider .accessibleQuoteSlide .sliderBg,
.homeSlider .accessibleInfoSlide .sliderBg {
    display: block;
    width: 100%;
    height: auto;
}

.homeSlider .accessibleQuoteSlide .accessibleSliderContent,
.homeSlider .accessibleInfoSlide .accessibleSliderContent {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
}

/* =========================================================
   GANDHI / SARDAR PATEL QUOTE SLIDES
   ========================================================= */

.homeSlider .accessibleQuoteSlide
.accessibleSliderContent > .container {
    position: relative;
    width: 100%;
    max-width: none;
    height: 100%;
    margin: 0;
    padding: 0;
}

/*
 * Do not use the legacy .sliderContent class for these slides.
 * This dedicated class isolates the accessible HTML text from
 * the older carousel rules.
 */
.homeSlider .accessibleQuoteSlide .accessibleQuoteContent {
    position: absolute;
    left: 7%;
    top: 66%;
    transform: translateY(-50%);

    width: 800px;
    max-width: 68%;

    margin: 0;
    padding: 0 !important;

    background: transparent !important;
    box-shadow: none !important;
}

.homeSlider .accessibleQuoteSlide .quteImgPara {
    margin: 0 !important;
    padding: 0 !important;

    color: #fff !important;
    font-size: 28px !important;
    line-height: 1.28 !important;

    background: transparent !important;
    overflow-wrap: anywhere;
}

.homeSlider .accessibleQuoteSlide .quteImgPara img.topImg,
.homeSlider .accessibleQuoteSlide .quteImgPara img.btmImg {
    display: inline-block;
    width: 20px;
    max-width: 20px;
    height: auto;
    vertical-align: middle;
}

.homeSlider .accessibleQuoteSlide .quteAuthor {
    margin-top: 12px !important;
    padding: 0 !important;

    color: #fff !important;
    font-size: 22px !important;
    line-height: 1.3 !important;
    text-align: right;

    background: transparent !important;
}

.homeSlider .accessibleQuoteSlide .quteAuthor p {
    margin: 0 !important;
}


/* =========================================================
   CBI / HISTORY / HERITAGE INFORMATION SLIDES
   ========================================================= */

.homeSlider .accessibleInfoSlide .infoSlideContainer {
    position: relative;
    width: 100%;
    max-width: none;
    height: 100%;
    margin: 0;
    padding: 0;
}

.homeSlider .accessibleInfoSlide .infoSlideContent {
    position: absolute;
    margin: 0;
    padding: 0 !important;

    background: transparent !important;
    box-shadow: none !important;
}

/* CBI */
.homeSlider .accessibleInfoSlide:not(.historyInfoSlide):not(.heritageInfoSlide)
.infoSlideContent {
    left: 13.5%;
    top: 63%;
    transform: translateY(-50%);

    width: 700px;
    max-width: 52%;
}

/* History */
.homeSlider .historyInfoSlide .infoSlideContent {
    left: 7.8%;
    top: 58%;
    transform: translateY(-50%);

    width: 850px;
    max-width: 55%;
}

/* Heritage */
.homeSlider .heritageInfoSlide .infoSlideContent {
    left: 5.5%;
    top: 58%;
    transform: translateY(-50%);

    width: 900px;
    max-width: 58%;
}


/* =========================================================
   CBI TITLE
   ========================================================= */

.homeSlider .accessibleInfoSlide .infoSlideTitle {
    margin: 0 0 25px 0 !important;
    padding: 0 !important;

    color: #fff !important;
    background: transparent !important;
}

.homeSlider .accessibleInfoSlide .cbiInfoTitle {
    display: flex;
    align-items: center;
}

.homeSlider .accessibleInfoSlide .cbiMainTitle {
    display: inline-block;

    margin: 0 20px 0 0 !important;
    padding: 0 !important;

    color: #fff !important;
    font-size: 100px !important;
    font-weight: 700 !important;
    line-height: .85 !important;
}

.homeSlider .accessibleInfoSlide .cbiSubTitle {
    display: inline-block;

    margin: 0 !important;
    padding: 0 !important;

    color: #fff !important;
    font-size: 50px !important;
    font-weight: 300 !important;
    line-height: 1.05 !important;
}


/* =========================================================
   DESCRIPTION
   ========================================================= */

.homeSlider .accessibleInfoSlide .infoSlideDescription {
    margin: 0 !important;
    padding: 0 !important;

    color: #fff !important;
    font-size: 26px !important;
    font-weight: 400 !important;
    line-height: 1.42 !important;

    background: transparent !important;
    box-shadow: none !important;

    overflow-wrap: anywhere;
}


/* =========================================================
   HISTORY
   ========================================================= */

.homeSlider .historyInfoSlide .infoSlideTitle {
    margin: 0 0 25px 0 !important;
    padding: 0 !important;

    color: #fff !important;
    font-size: 60px !important;
    font-weight: 400 !important;
    line-height: 1.05 !important;

    background: transparent !important;
}

.homeSlider .historyInfoSlide .infoSlideDescription {
    font-size: 28px !important;
    line-height: 1.32 !important;
}


/* =========================================================
   HERITAGE
   ========================================================= */

.homeSlider .heritageInfoSlide .heritageSlideTitle {
    display: block !important;
    width: 100%;

    margin: 0 0 24px 0 !important;
    padding: 0 !important;

    color: #fff !important;
    background: transparent !important;
}

.homeSlider .heritageInfoSlide .heritageTitleLight,
.homeSlider .heritageInfoSlide .heritageTitleBold {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #fff !important;
}

.homeSlider .heritageInfoSlide .heritageTitleLight {
    font-size: 72px !important;
    font-weight: 300 !important;
    line-height: .95 !important;
}

.homeSlider .heritageInfoSlide .heritageTitleBold {
    font-size: 64px !important;
    font-weight: 700 !important;
    line-height: 1.05 !important;
}

.homeSlider .heritageInfoSlide .infoSlideDescription {
    font-size: 28px !important;
    line-height: 1.35 !important;
}


/* =========================================================
   NARROW CSS VIEWPORTS
   Handles high browser zoom / reflow.
   ========================================================= */

@media only screen and (max-width: 700px) {

    .homeSlider .accessibleQuoteSlide,
    .homeSlider .accessibleInfoSlide {
        min-height: 520px;
        height: auto;
    }

    .homeSlider .accessibleQuoteSlide .sliderBg,
    .homeSlider .accessibleInfoSlide .sliderBg {
        width: 100%;
        height: 520px;
        max-width: none;

        object-fit: cover;
        object-position: center;
    }

    .homeSlider .accessibleQuoteSlide .accessibleSliderContent,
    .homeSlider .accessibleInfoSlide .accessibleSliderContent {
        height: 520px;
    }


    /* ---------- Quote slides ---------- */

    .homeSlider .accessibleQuoteSlide
    .accessibleSliderContent > .container {
        height: 100%;
        padding: 0 20px;
    }

    .homeSlider .accessibleQuoteSlide .accessibleQuoteContent {
        position: absolute;

        left: 20px;
        right: 20px;
        top: 50%;

        width: auto;
        max-width: none;

        transform: translateY(-50%);
    }

    .homeSlider .accessibleQuoteSlide .quteImgPara {
        font-size: 20px !important;
        line-height: 1.35 !important;

        overflow-wrap: anywhere;
        word-break: normal;
    }

    .homeSlider .accessibleQuoteSlide .quteAuthor {
        margin-top: 12px !important;
        font-size: 17px !important;
        line-height: 1.3 !important;
    }

    .homeSlider .accessibleQuoteSlide .quteImgPara img.topImg,
    .homeSlider .accessibleQuoteSlide .quteImgPara img.btmImg {
        width: 16px;
        max-width: 16px;
    }


    /* ---------- Information slides ---------- */

    .homeSlider .accessibleInfoSlide .infoSlideContainer {
        height: 100%;
        padding: 0 20px;
    }

    .homeSlider .accessibleInfoSlide .infoSlideContent,
    .homeSlider .accessibleInfoSlide:not(.historyInfoSlide):not(.heritageInfoSlide)
    .infoSlideContent,
    .homeSlider .historyInfoSlide .infoSlideContent,
    .homeSlider .heritageInfoSlide .infoSlideContent {
        position: absolute;

        left: 20px;
        right: 20px;
        top: 50%;

        width: auto;
        max-width: none;

        transform: translateY(-50%);
    }

    .homeSlider .accessibleInfoSlide .cbiInfoTitle {
        display: block;
        margin-bottom: 18px !important;
    }

    .homeSlider .accessibleInfoSlide .cbiMainTitle {
        display: block;

        margin: 0 0 8px 0 !important;

        font-size: clamp(48px, 13vw, 76px) !important;
        line-height: .85 !important;
    }

    .homeSlider .accessibleInfoSlide .cbiSubTitle {
        display: block;

        font-size: clamp(25px, 6vw, 38px) !important;
        line-height: 1.05 !important;
    }

    .homeSlider .accessibleInfoSlide .infoSlideDescription {
        font-size: 18px !important;
        line-height: 1.4 !important;
        overflow-wrap: anywhere;
    }

    .homeSlider .historyInfoSlide .infoSlideTitle {
        font-size: clamp(38px, 10vw, 56px) !important;
        line-height: 1.05 !important;
        margin-bottom: 18px !important;
    }

    .homeSlider .historyInfoSlide .infoSlideDescription {
        font-size: 18px !important;
        line-height: 1.4 !important;
    }

    .homeSlider .heritageInfoSlide .heritageTitleLight {
        font-size: clamp(38px, 10vw, 58px) !important;
        line-height: .95 !important;
    }

    .homeSlider .heritageInfoSlide .heritageTitleBold {
        font-size: clamp(34px, 9vw, 52px) !important;
        line-height: 1.05 !important;
    }

    .homeSlider .heritageInfoSlide .infoSlideDescription {
        font-size: 18px !important;
        line-height: 1.4 !important;
    }
}


/* =========================================================
   VERY NARROW CSS VIEWPORT
   Typically encountered around 400% zoom.
   ========================================================= */

@media only screen and (max-width: 400px) {

    .homeSlider .accessibleQuoteSlide,
    .homeSlider .accessibleInfoSlide {
        min-height: 620px;
    }

    .homeSlider .accessibleQuoteSlide .sliderBg,
    .homeSlider .accessibleInfoSlide .sliderBg {
        height: 620px;
    }

    .homeSlider .accessibleQuoteSlide .accessibleSliderContent,
    .homeSlider .accessibleInfoSlide .accessibleSliderContent {
        height: 620px;
    }

    .homeSlider .accessibleQuoteSlide .quteImgPara {
        font-size: 17px !important;
        line-height: 1.38 !important;
    }

    .homeSlider .accessibleQuoteSlide .quteAuthor {
        font-size: 15px !important;
    }

    .homeSlider .accessibleInfoSlide .infoSlideDescription,
    .homeSlider .historyInfoSlide .infoSlideDescription,
    .homeSlider .heritageInfoSlide .infoSlideDescription {
        font-size: 16px !important;
        line-height: 1.4 !important;
    }

    .homeSlider .accessibleInfoSlide .cbiMainTitle {
        font-size: 48px !important;
    }

    .homeSlider .accessibleInfoSlide .cbiSubTitle {
        font-size: 24px !important;
    }

    .homeSlider .historyInfoSlide .infoSlideTitle {
        font-size: 40px !important;
    }

    .homeSlider .heritageInfoSlide .heritageTitleLight {
        font-size: 40px !important;
    }

    .homeSlider .heritageInfoSlide .heritageTitleBold {
        font-size: 36px !important;
    }
}

/* WCAG 1.4.10: Prevent header logo from overlapping mobile menu */
@media screen and (max-width: 500px) {

    /* Keep the full-screen menu above the page header */
    .mobileMenuWrapper {
        position: fixed !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100vh !important;
        height: 100dvh !important;
        max-width: 100% !important;
        box-sizing: border-box;
        overflow-x: hidden;
        overflow-y: auto;
        padding: 16px 16px 24px !important;
        z-index: 999999 !important;
    }

    /* Prevent the underlying header logo from appearing above the menu */
    header .mobileHeaderNew {
        position: relative;
        z-index: auto !important;
    }

    /* Keep logo within the available menu width */
    .mobileMenuWrapper .mobileLogo img,
    .mobileMenuWrapper .mobileHeaderNew img {
        display: block;
        max-width: 100%;
        height: auto;
        object-fit: contain;
    }

    /* Keep menu controls visible and accessible */
    .mobileMenuWrapper .closeMenu {
        position: absolute;
        top: 12px;
        right: 12px;
        z-index: 2;
    }
}


/* Mobile menu: provide a visible close control at high zoom */
@media screen and (max-width: 500px) {
    .mobileMenuWrapper {
        box-sizing: border-box;
        padding: 64px 16px 24px !important;
    }

    .mobileMenuWrapper .closeMenu {
        display: flex !important;
        align-items: center;
        justify-content: center;
        position: fixed !important;
        top: 12px !important;
        right: 12px !important;
        width: 44px;
        height: 44px;
        z-index: 1000000;
        color: #fff !important;
        background: #000;
        border: 1px solid #fff;
        border-radius: 4px;
        cursor: pointer;
    }

    .mobileMenuWrapper .closeMenu i,
    .mobileMenuWrapper .closeMenu i.fa {
        color: #fff !important;
        font-size: 26px !important;
    }

    /* Show the CBI logo inside the menu if it exists in the HTML */
    .mobileMenuWrapper .mobileLogo {
        display: block !important;
    }

    .mobileMenuWrapper .mobileLogo img {
        display: block;
        width: 48px;
        max-width: 100%;
        height: auto;
        object-fit: contain;
    }
}


@media screen and (max-width: 500px) {
    .mobileMenuWrapper .closeMenu {
        display: flex;
        align-items: center;
        justify-content: center;
        position: fixed;
        top: 12px;
        right: 12px;
        width: 44px;
        height: 44px;
        padding: 0;
        color: #fff;
        background: #000;
        border: 1px solid #fff;
        border-radius: 4px;
        z-index: 1000000;
        cursor: pointer;
    }

    .mobileMenuWrapper .closeMenu i {
        color: #fff;
        font-size: 26px;
    }

    .mobileMenuWrapper .closeMenu:focus-visible {
        outline: 3px solid #ff0;
        outline-offset: 3px;
    }
}


/* Keep Sr. No. visible on media tables at high zoom */
@media screen and (max-width: 500px) {

    .cbinewsTable .commonTableBox,
    .pressClipingTable .commonTableBox,
    #media_table .commonTableBox {
        overflow-x: auto !important;
        max-width: 100%;
    }

    .cbinewsTable #commonDataTable,
    .pressClipingTable #commonDataTable,
    #media_table #commonDataTable {
        display: table !important;
        width: 100% !important;
        min-width: 0 !important;
        table-layout: fixed !important;
    }

    .cbinewsTable #commonDataTable th:first-child,
    .cbinewsTable #commonDataTable td:first-child,
    .pressClipingTable #commonDataTable th:first-child,
    .pressClipingTable #commonDataTable td:first-child,
    #media_table #commonDataTable th:first-child,
    #media_table #commonDataTable td:first-child {
        display: table-cell !important;
        width: 48px !important;
        min-width: 48px !important;
        padding: 8px 4px !important;
        text-align: center !important;
        white-space: normal !important;
        overflow: visible !important;
        visibility: visible !important;
    }

    .cbinewsTable #commonDataTable th:nth-child(2),
    .cbinewsTable #commonDataTable td:nth-child(2),
    .pressClipingTable #commonDataTable th:nth-child(2),
    .pressClipingTable #commonDataTable td:nth-child(2),
    #media_table #commonDataTable th:nth-child(2),
    #media_table #commonDataTable td:nth-child(2) {
        overflow-wrap: anywhere;
        white-space: normal !important;
    }
}



/* Photo Gallery: prevent Sr. No. cell from moving to another line */
@media screen and (max-width: 500px) {

    .photoGalleryTable .commonTableBox {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: auto !important;
    }

    .photoGalleryTable table#commonDataTable {
        display: table !important;
        width: 100% !important;
        min-width: 320px !important;
        table-layout: fixed !important;
        border-collapse: collapse !important;
    }

    .photoGalleryTable #commonDataTable thead {
        display: table-header-group !important;
    }

    .photoGalleryTable #commonDataTable tbody {
        display: table-row-group !important;
    }

    .photoGalleryTable #commonDataTable tr {
        display: table-row !important;
    }

    .photoGalleryTable #commonDataTable th,
    .photoGalleryTable #commonDataTable td {
        display: table-cell !important;
        box-sizing: border-box !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
        word-break: normal !important;
        vertical-align: top !important;
        padding: 8px 5px !important;
        float: none !important;
        position: static !important;
    }

    /* Sr. No. column */
    .photoGalleryTable #commonDataTable th:first-child,
    .photoGalleryTable #commonDataTable td:first-child {
        width: 45px !important;
        min-width: 45px !important;
        text-align: center !important;
    }

    /* Photo Gallery Categories */
    .photoGalleryTable #commonDataTable th:nth-child(2),
    .photoGalleryTable #commonDataTable td:nth-child(2) {
        width: auto !important;
    }

    /* Event Date */
    .photoGalleryTable #commonDataTable th:nth-child(3),
    .photoGalleryTable #commonDataTable td:nth-child(3) {
        width: 95px !important;
    }
}

#commonDataTable thead th:first-child .dt-column-order,
#clipsid thead th:first-child .dt-column-order {
    display: none !important;
}

@media screen and (max-width: 767px) {
    .interpolPageWrapper .commonTableBox table.commonTable thead,
    .commonTableBox.liaison-wrapper table.ilos-wrapper thead {
        display: table-header-group !important;
        visibility: visible !important;
        height: auto !important;
        margin: 0 !important;
        overflow: visible !important;
        width: auto !important;
    }

    .interpolPageWrapper .commonTableBox table.commonTable th,
    .commonTableBox.liaison-wrapper table.ilos-wrapper th {
        visibility: visible !important;
        display: table-cell !important;
        padding: 8px 5px !important;
        text-align: left !important;
    }

    .interpolPageWrapper .commonTableBox table.commonTable tr,
    .commonTableBox.liaison-wrapper table.ilos-wrapper tr {
        display: table-row !important;
    }

    .interpolPageWrapper .commonTableBox table.commonTable td,
    .commonTableBox.liaison-wrapper table.ilos-wrapper td {
        display: table-cell !important;
    }
}



.sr-only-label {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}