@media (min-width: 1400px){
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container { max-width: 1414px; }
}

@media only screen and (max-width: 1399px) {
  #nav li a{ font-size: 12px; } 
  .title1 { font-size:1.5em; }  
  .footerlogo:after{ right:0; }
  ul.footerQuickLinks li a{ font-size:var(--sttl-theme-font-15); }
  .footerQuickLinksWrap span{ font-size:var(--sttl-theme-font-20); }
  .cause-listtitle { font-size: var(--sttl-theme-font-20); }
  section.about-home-wrap .about-home-left h2{ font-size: var(--sttl-theme-font-24); }
  .latest-events-inner { grid-gap: 30px; }
  .headingh2, .heading-style3  { font-size: 30px; }
  .letest-events-section .resTab .tabNav{ top: -61px; }
  .letest-events-section .resTab .tabNav li a { padding: 0 2px; }
  .logos-inner.activityMSlider .logos-box-item.swiper-slide{ max-width: 150px; }
  .logos-inner.activityMSlider .logos-box-item.swiper-slide:last-child{ margin: 0; }
  .media .resTab .tabNav li a img { width: 27px; }
  /* .homeBanner .homeBannerImgWrap { height: 100%; } */
  .largertable .tabContentBody table.tableStyle{ width:1366px; }
  .legal-framework .tabContentBody table.tableStyle{ width:1366px; }
  .largertable .tabContentBody.vacancyclass table.tableStyle{ width:auto; }
}

@media only screen and (max-width: 1199px) {
  #nav li { margin: 0 10px 0; }  
  .activityMSlider { overflow: hidden; }
  .swiperNav.d-none { display: block !important; position: absolute; top: 50%; transform: translateY(-50%); z-index: 1; }
  .activityMSlider-prev, .activityMSlider-next { border-radius: 30px;width: 50px;height: 50px; }
  section.about-home-wrap .about-home-left h2{ font-size: 30px;line-height: 25px; }
  section.about-home-wrap .about-home-left span, .vision-section h3{ font-size: 25px; }
  .footerQuickLinksWrap span{ font-size: 20px; }
  .logos-wrap .swiper-button-prev:after, .logos-wrap .swiper-rtl .swiper-button-next:after, 
  .logos-wrap .swiper-button-next:after, .logos-wrap .swiper-rtl .swiper-button-prev:after { font-size: 0px;width: 40px; height: 40px;background-size: 100%; }
  .logos-wrap .swiper-button-prev:after, .logos-wrap .swiper-rtl .swiper-button-next:after{ background: url(../images/homeBannerPrev.png) center center no-repeat; background-size: 100%; }
  .logos-wrap .swiper-button-next:after, .logos-wrap .swiper-rtl .swiper-button-prev:after{ background: url(../images/homeBannerNext.png) center center no-repeat; background-size: 100%; }
  .honorable { font-size: 18px; }
  .title1 { font-size: 1em; margin:8px 0 0 0; }  
  .footerlogo:after{ display:none; }
  .caseStatus{ top:0; bottom:auto; }
  .cause-listtitle { font-size: var(--sttl-theme-font-16); }
.efilling-download { float: none; text-align: center;overflow: hidden; text-overflow: ellipsis; }
.breadcrumbWrap ol.breadcrumb{ display:flex; }
}

@media only screen and (max-width: 1023px) {  
  .helplineNumber{ display: none; }
  .marqueeScrollingWrap .heading4{ top: 0; line-height: 25px; padding-right: 90px; }
  .toggleMenu{ padding: 10px 0px; }
  .redbtn { font-size: 16px; padding: 5px 15px; max-width:100%; width:auto; }
  .heading1 { font-size: 50px; }
  .heading2 { font-size: 28px; }
  .heading3 { font-size: 20px; }
  .heading4 { font-size: 18px; }
  .heading5 { font-size: 16px; }
  #nav li a::before { display: none; }
  #nav { display:none; position:absolute; left:0; right:0; background:#333; }
  #nav ul{ background:#2a2a2a; }
  .toggleMenu, #nav .menuIcon { display:block;  }
  #nav li { float:none; display:block; border:none;margin:0; }
  #nav li a{ border-top:1px solid #606060; }
  #nav li.parent { position:relative; }
  #nav li .menuIcon.active{ background-position: center 13px; }
  #nav li .menuIcon, #nav li li .menuIcon { width:46px;height: 32px;background-color:#002d63; background-color: rgb(0 0 0 / 50%); background-image:url(../images/down-arrow.gif); background-repeat:no-repeat; background-position:center 10px; position:absolute;right:0;top:0;bottom:0;cursor:pointer; }
  #nav li .menuIcon.active, #nav li li .menuIcon.active { background-color:#002d63; background-color: rgb(0 0 0 / 50%); }
  #nav ul { width:100%; display:none; position:static; transition:none; -webkit-transition:none; }
  .hasJS #nav ul{ opacity:1; }
  #nav li ul li, #nav ul a { width:100%; }
  #nav > li:hover > ul, #nav li li:hover > ul, #nav li li li:hover > ul { display:none; }
  #nav ul, #nav *:hover ul ul, #nav .hover ul ul, #nav .focus ul ul { margin-left:0; }
  #nav li a { padding-left:15px; padding-right:15px; display:block; line-height:30px; font-size:14px; color: #fff; }
  #nav li ul li a { font-size: 14px; padding:5px 55px 5px 25px; display:block; line-height:21px; background:url(../images/right-arrow.gif) no-repeat 15px 12px; color:#fff; border-top: 1px solid #4a4a4a; }
  #nav li ul li ul li a { padding-left:45px; background-position:33px center; }
  #nav li ul li ul li ul li a { padding-left:60px; background-position:45px center; }
  #nav > li > a:hover, #nav > li.hover > a, #nav > li.focus > a, #nav > .highlight > a { background-color:#252728;color: #fff; }
  #nav li > a:hover, #nav li.hover > a, #nav li.active > a, #nav li ul li a:hover, #nav li ul li > a.selected, #nav ul a:hover, .noJS #nav ul a:focus, #nav ul a.selected, #nav > li > a:hover, #nav > li.hover > a, #nav > li.focus > a { background-color:#191919;color: #fff; }
  .footerSectionWrap .row .col-md-5, .footerSectionWrap .row .col-md-7 { width: 100%; flex: 0 0 auto;  }
  .latest-news-wrap .latest-news-slider{ height: auto; padding: 30px 15px; }   
  .footerSectionWrap{ padding-top: 20px; }
  .footerlogo{ padding-bottom: 20px; }
  .innerSecPadd{ padding-top: 30px; }
  #nav ul, #nav:hover ul ul, #nav .hover ul ul, #nav .focus ul ul{ margin-left:0; }
  .marqueeScrolling li{ font-size:var(--sttl-theme-font-16); }
  .contactDetail p{ padding:0; }
}

@media only screen and (max-width: 991px) {
  .homeBanner { width: calc(100vw); margin-left: -14px; }
  section.about-home-wrap .nationalImg { display: flex;justify-content: space-around; margin-top: 30px; }
  .banner-right .nationalImg { display: flex; justify-content: space-around; }
  section.logos-wrap{ margin: 0 0 30px; }
  .banner-right .researchbox h4 { font-size: 14px; }
  section.logos-wrap .logos-inner .logos-box .logos-box-item p{ font-size: 16px; }
  section.about-home-wrap .about-home-left p{ line-height: 25px; }
  .media .resTab .tabNav li { padding:0 3px; }
  .media .boxShadow { height:auto; }
  .mediaCover { max-width:400px; margin:0px auto 0px; }
  .custmModal { padding: 20px; }
  .custmModal .modal-title, .disclaimer{ font-size:24px; }
  .custmModal .modal-body { padding-top: 0; }
  .bannerRight { max-width: 100%; }
  .nationalImg { display: flex;justify-content: space-evenly; align-items: center; }
  .pagination .form-control{ flex:none; }
  .photoTitle a{ font-size:14px; }
  .headingh2, .heading-style3 { font-size: 25px; }
  p.maritime{ height:auto; -webkit-line-clamp: 1; }
  .list-inner { display: block; }
  .combineDiv div.fileDiv .inputborder label.control-label { height: 70px; vertical-align: top; }
  .combineDiv div.textDiv label.control-label{ height:70px }  
  .fileDiv#div-bar_council_certificate .form-group-file span.file_err{ display:block; }
  .combineDiv .form-group.form-group-file img.uploaded-image-file { top: 125px; }
  .card-body.list-panel .input-group .btn{ padding:8px; }
  form#vacancies { text-align: center; margin: 0 auto; display: block; }
  .list-icon { display: flex; align-items: center; justify-content: center; }
  .annualReports.tenderhead { display: block;margin-bottom:0 }
  .downloadHome ul { display: block;} 
  .downloadHome ul li {display: inline-block; margin: 15px; }
  .largertable .tabContentBody.vacancyclass table.tableStyle{ width:1199px; }
  .bannerRight{ padding:0; }
  .mainbanner{ display: block; gap: 0;}
  .banner-left, .right-thumb{ width: 100%;}
  .homeBanner .homeBannerImgWrap{ height: auto; }
}

@media only screen and (max-width: 800px) {
  .responsiveTable, .responsiveTable tr, .responsiveTable td, .responsiveTable td:before { display:block; text-align:left; border:none; }
  .responsiveTable, .responsiveTable tr, .responsiveTable td:last-child { border-bottom:none; }
  .responsiveTable thead, .responsiveTable tr th { position:absolute;	top:-1000em; left:-1000em; }
  .responsiveTable tr { border:1px solid #eeeeee; border-bottom:2px solid #eeeeee;  margin:0 0 20px; }
  .responsiveTable tr td:nth-child(1) { border-left:none; }
  .responsiveTable tr td:last-child { border-right:none; }
  .responsiveTable tr:last-child .td, .responsiveTable td { border-bottom:1px solid #eeeeee; }
  .responsiveTable td:before { font-weight:bold; padding-right:20px; line-height:27px; color:#174471; content:" "attr(data-label)""; }
  .responsiveTable tbody { display:block; }
  .responsiveTable tr td { padding:5px 15px; width:auto !important; }
 .annualReports{ display:block; }
}

@media only screen and (max-width: 767px) {
  a.logoHead { width: 280px; display: block; }
  .headerRow .col-md-7 {  margin-top: -44px; }
  .nationalImg { flex-wrap:wrap; }
  .bannerRight .researchbox { width:100%;}
  .allticker{ background-size:  100% 100%; padding: 30px 0 }
  .leftMenuTop li:nth-child(1){ display: none; }
  .helplineNumber, .rightTopStrip li:nth-child(2), .helplineNumber, .rightTopStrip li:nth-child(3) { display: none; }
  .helplineNumber, .rightTopStrip li:nth-child(1){ display: none; }  
  .banner-section{ display: block; }  
  section.about-home-wrap .about-home-left h2, section.nacp-progm-wrap .nacp-progm-right h3, .about-msacs-inner .about-title h3, .objectivesWrapper h2{ font-size: 20px }
  section.about-home-wrap .about-home-left span, .vision-section h3{ font-size: 20px; }
  .latestNewsWrap .tickerDivBlock{ height: 210px !important; }
  .latestNewsWrap{ margin-bottom: 50px;background: var(--sttl-theme-white); padding: 15px; border-radius:6px; }
  .copyRightText, .visitorLastUpdate p{ text-align: center; }  
  .footerQuickLinksWrap span{ margin-bottom: 10px; margin-top:15px; }
  ul.footerQuickLinks li{ margin-bottom:0; }
  .footerlogo { padding-bottom: 0; }
  /* .homeBanner .homeBannerImgWrap { height: auto; } */
  .homeBanner .paginationWrap .slider__button-next, .homeBanner .paginationWrap .slider__button-prev{ background-size: 24px; }
  .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after,
  .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{ background-size: 24px; }
  .activityMSlider-prev, .activityMSlider-next{ width: 30px; height: 50px; }
  .homeBanner .paginationWrap .slider__button-next{ margin-top: -70px; }
  .homeBanner .paginationWrap .slider__button-prev{ margin-bottom: 0; height:auto; }
  .homeBanner .paginationWrap .slider__button-next:before, .homeBanner .paginationWrap .slider__button-prev:before{ width:30px;height:30px;font-size: 13px; }
  .psbtn { top: -35px; width: 30px;height: 30px;margin-right:15px;  }
  .paginationWrap .swiper-button-pause, .paginationWrap .swiper-button-play { top: 0px; width: 30px;height: 30px; }
  .swiper-button-pause::before, .swiper-button-play::before{ color:#333; }
  .paginationWrap{ padding:0 15px;top:63%; }
  .marqueeScrollingWrap{ padding-left: 0; }
  .marqueeScrollingWrap .btnMPause { left: auto; right: 0; }
  .marqueeScrollingWrap .heading4 { position: relative; padding-right: 0; border-right: 0; border-bottom: 1px solid #fff; padding-bottom: 5px; margin-bottom: 5px; }
  .marqueeScrollingWrap:after{ display:none; }
  section.logos-wrap .logos-inner .logos-box .logos-box-item a span img { width: 40px; }
  .media .resTab .tabNav li a img { width: 25px; }
  .departlogo{ padding:22px 0; }
  .copyRight:after{ transform:none; left:0; }
  .caseStatus { position: relative; display: inline-block;margin-top: 15px; }
  .centerHeading h2 { font-size: 1.5em; }
  .media-gallery .col-md-6 { padding-right: 15px !important; }
  .rthumb-img { margin-bottom: 15px; }
  .portauthority { display: grid;grid-template-columns: 1fr; }
  .inputborder label, .form-group-mobileverify label, .form-group-emailverify label, .form-group-otp label{ height:auto; }
  .subpoint { padding-left: 25px; }
  .subpoint ol li{ padding-left:0; }
  .regionsTabsSection { text-align: initial; }
  .topStrip{ padding:0 5px; }
  .vision-section{ height:95%;box-shadow: 0 0px 1px 0px #e7e7e7;border:1px solid #ccc; }
  .media .resTab{ margin-top:25px; }
  .allticker-inner { background:transparent; padding: 30px 15px 0; }
  .tickerviewall, .newsPlayPause{ color: var(--sttl-theme-white);line-height:1; }
  .newsPlayPause.play:before, .newsPlayPause.stop:before{ border: 2px solid var(--sttl-theme-white); color: var(--sttl-theme-white); }
  .wob .latestNewsWrap{ background: #323232; }
  .regPanDiv { padding-right: 0; }
  .regPanDiv small.help-block { line-height: 17px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
  .col-md-12.row.regPanDiv { margin-bottom: 30px; }
  .regPanDiv div#div-pan_card_img{ width:100%; }
  .detail404 img { height: auto; }
  .regPanDiv div#div-pan_card_img label.control-label { height: 48px; }
  .combineDiv div.fileDiv .inputborder label.control-label,
  .combineDiv div.textDiv label.control-label{ height:48px; }
  .combineDiv .form-group.form-group-file img.uploaded-image-file { top: 100px; }
  .feedbackpage{ padding:0; }
  .card-body.list-panel .input-group .btn{ margin-bottom:10px; padding:6px 15px; }
  .tenderhead .leftsearch { display: block; }
  .tenderhead .inputborder { margin-bottom:15px; }

  .tabContentBody.archive-newsdata table,
  .tabContentBody.circularsdata table,
  .tabContentBody.archive-circularsdata table,
  .tabContentBody.archive-tenderdata table,
  .tabContentBody.tenderdata table,
  .tabContentBody.archive-noticedata table,
  .tabContentBody.noticeboard table,
  .tabContentBody.Noticedata table{ width:1080px }
  .latestNewsWrap.maxheight { height: auto; }

}

@media only screen and (max-width: 639px) {
  .banner-right .nationalImg, section.about-home-wrap .nationalImg{ display: block; }  
  .redbtn { font-size: 15px; }
  .honorable{ font-size: 18px; }
  .contactDetail p{ padding: 0; }
  .smoke{ max-width:300px; }
  .headerRow .col-md-7{ margin-top:0; }
  .leftsearch{ display:block; }
  .leftsearch .inputborder { margin-bottom: 15px; }

}

@media only screen and (max-width:479px) {
  .litebox-overlay .litebox-close { display: none; }
  .list-icon a p { display: none; }
  .detail404 .largeText{ font-size:18px; margin-top: 5px; }
  .detail404 p { font-size: 15px; }
}

@media only screen and (max-width: 400px) {
  .caseDetail .col-auto { flex: 0 0 100%; }
}