/* ************* Media Queries Tablets ****************** */ @media only screen and (max-width:1920px) { .bannerCaptions { min-height:220px; position:relative; } .bannerBtn { left:0; top:inherit; bottom:-120px; } } @media only screen and (max-width:1599px) { #nav li.MenuLi7 .megaMenu { right:0; z-index:1; margin-right:-9999px; } #nav li.MenuLi7:hover .megaMenu { margin-right:0; } #nav li.MenuLi7 .megaMenu:after { right:10%; left:inherit; } } @media only screen and (max-width:1300px) { .container { padding:0 15px; } /*new css add on 19-08-2020*/ .logoSection { padding: 15px; } .iconList li { float: left; width: 12%; margin: 14px; } #nav li a { padding:10px 20px; } } @media only screen and (max-width: 1280px) { .mapWrap img { height:100%; width:auto; } #nav { margin-right:0; } #nav li a { margin:0 0; padding:10px 18px; } /*new css add on 19-08-2020*/ .tabbingSectionLeft { width: 65%; float: left; } .tabbingSectionRight { width: 35%; float: left; } /*.mainNavigation.floatMenu{width:950px;}*/ .newsTitle { white-space:inherit; text-overflow:inherit; overflow:inherit; } } @media only screen and (max-width: 1240px) { /*new css add on 19-08-2020*/ .iconList li { float: left; width: 18%; margin: 10px; height:130px; } .iconList li a { height:130px; width:100%; } .newsLeft { float: left; width: 20%; } .newsRightInner .carouselBlock .owl-controls { position: absolute; left: inherit; bottom: 70px; right: -25px; top: -85px; } /*21-08-2020*/ .fireSafetyWrap .row .cols6 { width: 50%; min-height: 310px; } .applicationDevelopmentContentDiv { min-height:525px; } #google_translate_element { display:none; } } @media only screen and (max-width: 1170px) { /*new css add on 19-08-2020*/ #nav li a { margin: 0 0; padding: 10px 15px; } .newsLeft { float: none; width: 100%; min-height:108px; } .newsRight { float: none; width: 100%; } .newsLeftInner { float: left; max-width: none; width: 100%; padding: 20px 0 0 20px; font-weight: 500; } .newsRightInner { float: left; max-width: none; width: 100%; padding: 20px 35px; } .newsRightInner .owlCarousel .item { display: table-cell; vertical-align: bottom; height: 200px; } .tabbingSectionLeft { width: 100%; /*float: none;*/ } .tabWrap { max-width: none; width: 100%; float: left; } .tabbingSectionRight { width: 100%; /*float: none;*/ } .awardsWrap { position: relative; width:50%; margin:0 auto; } /*21-08-2020*/ .directorList li { float: left; width: 33.33%; padding: 0 15px; margin-bottom: 20px; } .imageSlider .swiper-button-next, .imageSlider .swiper-button-prev { color: #fff; display: none; } } @media only screen and (max-width: 1140px) { /*21-08-2020*/ .gsfcAtGlanceWrap { margin-bottom: 25px; padding: 30px 0; } .gsfcAtGlanceWrap .row .cols7 { width:100%; margin-bottom:15px; } .gsfcAtGlanceWrap h2 { margin-bottom:5px; } .gsfcAtGlanceWrap .row .cols5 { width:100%; } .gsfcAtGlanceList li { float: left; width: 25%; padding: 0 15px; } .gsfcAtGlanceList li .gsfcAtGlanceListBox { margin-bottom:20px; font-weight:500; } .institutionalAssociationList li { float: left; width: 50%; } } @media only screen and (max-width: 1100px) { .ministerBlockWrap { padding-left:0; } .aboutUs .homeAbtBlock { padding-right:0; } .pageTitle h1 { font-size:2.250em; } /*new css add on 19-08-2020*/ #footer { padding: 20px 0 0; } #footer .row .cols9 { width:100%; margin-bottom:5px; } #footer .row .cols3 { width:100%; } #footer .copyright { margin-bottom:10px; } #footer .row .cols6 .row .cols6 p.right { text-align: left !important; margin:0; } #nav li a { margin: 0 0px; padding: 10px 10px; } #nav li .menuIcon { right:0; } /*21-08-2020*/ .gsfcAtGlanceList li { float: left; width: 33.33%; } .seniorExecutiveWrap .row .cols3 { width: 33.33%; } .activitiesWrap .row .cols6 { width: 50%; min-height: 325px; } .awardListing li { min-height: auto; padding: 20px 10px 10px 10px; border-bottom: 1px solid #e3e3e3; margin-bottom: 0; position: relative; width: 100%; float: left; } .microIrrigationWrapBottom .rightImgBlk { display:none; } .applicationDevelopmentWrap .row .cols4 { width:100%; margin-bottom:20px; } .applicationDevelopmentContentDiv { height:auto; } .applicationDevelopmentContentDiv h3 { margin-bottom:10px; } .applicationDevelopmentContentDiv ul { margin-bottom:0; } .valuedCustomersWrap .row .cols4 { width: 50%; margin-bottom: 20px; } .contactd { float: none; background-color: #f4f4f4; width: 100%; padding: 20px; } .contactm { width: 100%; float: none; padding: 20px; background: #dae3f9; } } @media only screen and (min-width: 1025px) { #nav { display:block !important; } #nav.desktopNav { display:block!important; } } @media only screen and (max-width: 1024px) { .topStrip .rightLinks li.lang:before { display:none; } .footerLogoText { text-align:center; } .footerLogoText p { float:none; } .topStrip ul { margin-right:0; } .topStrip .leftLink li:first-child { display:none; } .topStrip .leftLink li:nth-child(2) { padding-left:0; } .topStrip .leftLink li:nth-child(2):before { display:none; } .topStrip .rightLinks li { display:none; } .topStrip .rightLinks li.lang, .rightLinks li.serchBlock { display:block; } /*Navigation*/ .toggleMenu { position:absolute; top:-8px; right:0; background:#003879; } .mobileMenu { display:none; } .mainNavigation { margin-top:10px; position:relative; } #nav { display:none; position:absolute; left:auto; right:0; background:#073e74; width:300px; top:43px; } #nav ul { background:#305d93; } .toggleMenu, #nav .menuIcon { display:block; } #nav li { float:none; display:block; border:none; } #nav li a { border-top:1px solid rgba(255, 255, 255, 0.4); color:#fff; } #nav li.parent { position:relative; } #nav li .menuIcon, #nav li li .menuIcon { width:46px; height:46px; background-color:#002d63; background-color: rgba(0, 45, 99, 0.5); background-image:url(../../../images/down-arrow.gif); background-repeat:no-repeat; background-position:center 15px; position:absolute; right:0; top:0; bottom:0; cursor:pointer; } #nav li .menuIcon.active, #nav li li .menuIcon.active { background-color:#002d63; background-color: rgba(1, 36, 78, 0.5); /*transform:rotate(180deg);*/ } #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:#002d63; color: #fff; } #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:22px; font-size:14px; } #nav li ul li a { padding:7px 55px 7px 25px; display:block; line-height:21px; /*background:url(../../images/right-arrow.gif) no-repeat 15px 15px;*/ color:#fff; border:none } #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:#305d93; color: #fff; } #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 ul > .highlight > a { background-color:#305d93; color: #fff; } .menuWrapper { padding-right:0; } #nav .megaMenu { background:none; } #mainNav .container { padding:0; } #nav { top:48px; } #nav li.parent.hover .megaMenu { width:auto; height:auto; position:static; left:0; top:0; margin:0; padding:0 0 0 20px; box-shadow:inherit; border:none; } #nav li.parent.hover .megaMenu:before { display:none; } #nav li.parent.hover .megaMenuNav > ul { display:block; left:0; margin:0; width:100%; } #nav li.parent.hover .megaMenuNav > ul li { margin:0; } #nav li.parent.hover .megaMenuNav > ul li a { border:none; margin:0; height:46px; line-height:27px; border-top:1px solid rgba(255, 255, 255, 0.4); } #nav li.parent.hover .megaMenuNav > ul li li .menuIcon, #nav li li .menuIcon { display:block; } #nav li.parent.hover ul ul { position:static; left:0; top:0; background:none; } #nav .megaMenuNav > ul ul { width:100%; } .megaMenuNav { float:none; } .megaMenu:after { display:none; } .searchBoxWrap { right:55px; } .ministerBlock { padding:0; } .siteInroductionBlock { padding:0; } .siteInroductionBlock h2 { font-size:20px; margin-bottom:10px; } .ministerRow { margin:20px 0 0 0; } .schemesSectionBox { max-width:768px; } .schemesSectionBox .schemesSectionSelect, .schemesSectionBox .schemesSectionSelect1 { width:50%; } .schemesDetailRow { padding:20px 0; } .schemeSlide .schemeSlideBox .schemeImg img { width:100%; } .schemeSlide .schemeName { font-size:16px; } .schemeLinkIcon i { height:87px; } .schemeLinkIcon { min-height:136px; } .schemesDetailBox { min-height:298px; } .eventsAndNewsSection .cols4 { width:50%; } .eventsAndNewsSection .cols4:last-child { width:100%; margin-top:20px; } .eventSlider { height:auto; } .photoOuter { margin:0; text-align:center; } .recentPhoto.policyBanner, .homePhotoGallery { float:none; display:inline-block; vertical-align:text-bottom; width:335px; margin-bottom:0; margin-right:15px; } .recentPhoto.policyBanner { background:#eddaa2; padding-top:100px; } .recentPhoto.policyBanner .recentPhotoInfo, .recentPhotoInfo { text-align:left; } .homePhotoGallery .bBtnPrev { left:0; } .homePhotoGallery .bBtnNext { right:0; } .schemeLinkIcon { font-size:15px; } #footerLogos ul { text-align:center; } #footerLogos ul li { display:inline-block; float:none; margin:10px 0; padding:0 30px; width:25%; } .footerBottom { text-align:center; } .footerLinks { width:100%; float:none; margin-bottom:20px; } .appLink { width:255px; float:none; margin:0 auto; } .schemeList .box a { padding:17px 40px 0 115px; } .policies .row .col5 { width:35%; } .policies .row .col7 { width:65%; } .policies ul.bulletText li { padding:3px 0 3px 15px; background-position:left 10px; } /*************Module Filter**********/ .moduleSearch li:first-child .inputCol, .moduleSearch li .inputCol { width:400px; } .moduleSearch li label, .moduleSearch li .label { padding:0 5px 0 0; } .moduleSearch li { padding-right:10px; } .moduleSearch li .btnSearchReset input { padding:0 10px; } /*************Photo Gallery**********/ .gallery li { width:33.3333333%; } /*************Contact Us**********/ .contactArea .secretaryInfo .officerDetails { height:160px; } .contactArea .address .addressList li { width:100%; } /**********Sitemap*******/ .sitemap li a:hover { padding:8px; } .sitemap .sitemapTitle a:hover { padding:8px 13px; } /**************Hods Main Pages**************/ .contactRow .officerRow .officerPhoto, .contactRow .officerRow .officerPhoto .img { width:90px; height:90px; } .contactRow .officerRow .officerDetails { padding:0 0 0 100px; } .hodsImpLinks li { padding:15px 5px; } .hodsMainPage .row { margin:0; } .hodsMainPage .row .cols6 { padding:0; width:auto; } .hodsMainPage .cols6 .contactRow .leftCol, .hodsMainPage .cols6 .contactRow .rightCol { width:50%; } .hodsMainPage .cols6 .contactRow { margin-bottom:25px; } .schemeLinkIcon.active { border:0; } .appLink { text-align:left; } .homePhotoGallery h3 { display:none; } .recentPhotoInfo { padding:0 80px 0 10px; } .homePhotoGallery .viewAll { bottom:0; top:auto; z-index:3; line-height:44px; background:rgba(239, 68, 39, 0.85); color:#fff; padding:0 15px; } .recentPhoto { height:auto; } .gallery .galleryBox .img .viewAlbum { height:200px; } #footerLogos .owl-nav div:after { display:block; } .innerPageContent .cols9, .sideBar { width:100%; } .leftContPart { width:100%; max-width:none; } .sideBar { display:none; } p.bigFontText { font-size:18px; } .innerPageContent p { font-size:15px; } .innerPageContent h2 { font-size:26px; } .innerPageContent h3 { font-size:20px; } .pageTitle { transform:translateY(-60%); -webkit-transform:translateY(-60%); } .pageTitle h1 { font-size:32px; } .sticSocialIcon { position:static; transform:none; -webkit-transform:none; width:auto; display:inline-block; height:auto; margin-bottom:20px; border-radius:0; -webkit-border-radius:0; background:none; box-shadow:none; -webkit-box-shadow:none; padding-top: 5px; float:right; } .sticSocialIcon li { width:35px; display:inline-block; } .sticSocialIcon li a { color:#fff !Important; } .noJS .indexBanner { height:auto; } /*new css add on 19-08-2020*/ .logo { float: left; /*padding: 15px;*/ } .socialSection, .isoSection { float: left; display: none; } .searchBoxWrap { width: 40px; position: absolute; left: -70px; top: 40px; } .searchBoxToggle { right: 83px; top: 100px; } .searchBoxWrap a { padding:5px; } #nav { right:0; top: -13px; } .toggleMenu { position: absolute; top: -60px; right: 20px; } .toggleMenu { padding:10px !important; } .iconThumbs .row .cols4 { width:100%; } .iconThumbs .row .cols8 { width:100%; } .welcomeTitle { margin-bottom:15px; line-height:0; font-size:30px; } .welcomText { line-height: 1.2em; margin-bottom: 15px; font-size:14px; } .iconList { margin: 0 -5px; padding: 0; list-style: none; } .iconList li { float: left; width: 15.5%; height: auto; margin: 5px; } .iconList li a { width: 100%; height: 115px; padding:5px; } .employeeCornerIco, .venderRegistrationIco, .ePaymentIco, .customerGrievanceIco, .gsfcGlanceIco, .greenInitativesIco, .tenderingIco, .agrinetPortalIco, .financialPerformanceIco, .groupVenturesIco, .publicationsIco, .productsIco, .compliancesIco, .marketingNetworkIco { margin-top:10px; } .indexBanner .swiper-slide { background-repeat: no-repeat; background-position: center center; background-size: cover; height: 400px; position: relative; } /*21-08-2020*/ .extraList li { float: left; width: 33.33%; } .extraList li a { min-height: auto; } .sixPrespects { width: 100%; margin: 0 auto; padding: 50px; } .sixPrespectsWrap .sixPrespects ul li { margin-bottom:15px; padding: 20px 20px 20px 65px; } .sixPrespectsWrap .sixPrespects ul li:before { content: "\f1d1 "; color: #00235e; font-size: 25px; font-family: 'FontAwesome'; position: absolute; left: 20px; top: 19px; line-height: 1.4em; } .sixPrespectiveTitleStrip { padding: 35px 15px 100px 15px; } .gsfcVenturesContentBox .row .cols3 { width:30%; } .gsfcVenturesContentBox .row .cols9 { margin-left: 25px; width: 70%; } .activitiesWrap .row .cols6 { width: 100%; height: auto; } .activitiesWrap .row .cols6 p { margin:0; } .activitiesWrap h3 { padding: 10px 0; margin-bottom: 10px; } .columbiaBlue { background: #9BDDFF; margin-bottom: 10px; } .fireSafetyWrap .row .cols6 { width: 100%; height: auto; } .fireSafetyWrap .row .cols6 ul.bulletText { margin:0; } .csrPhotos li { float: left; width: 20%; } .greenPhotos li { float: left; width: 25%; } .annualReportListing li { float: left; width: 33.33%; padding: 10px; } .employeeCornerList li a { border-radius: 10px; font-size: 1.2em; } .photoVideoList li { float: left; width: 33.33%; padding: 10px; } .feedbackForm .row .cols3 { width:50%; } .downloadNewslettersWrap .row .cols3 { width:33.33%; } .downloadNewslettersWrap .row .cols3 .downloadNewsletters { min-height:270px; } .specificationWrap .specificationDetailLeft { float: none; width: 100%; } .specificationWrap .specificationDetailRight { float: none; width: 100%; display: none; } .agroProductWrap .majorFertilizersBox .productDetailLeftDiv { float: none; width: 100%; } .agroProductWrap .majorFertilizersBox .productDetailRightDiv { float: none; width: 100%; } .twoColumnWrap .leftMenuBox { float: left; width: 100%; } .twoColumnWrap .rightContentBox { float: none; width: 100%; } .fireSafetyBg { padding: 50px; height: auto; } .fireSafetyBg .grayBox { margin-bottom:0; } .tradingBg { padding: 40px 0; height:auto; } .tradingBg .grayBox { margin-bottom:0; } .deatilDescription h2 { margin-bottom: 10px; color: #1e4f89; font-size: 26px; font-weight: 500; } .deatilDescription .alignRight { float: none; display: block; margin: 20px 0; } .unpaidDividendList li { float: none; width: 100%; } .logoStrip { display: flex; flex-direction: row; justify-content: space-between; } } @media only screen and (max-width: 1023px) { .aboutUs .cols8, .aboutUs .cols4 { width:100%; } .aboutUs .homeAbtBlock { max-width:none; padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #ccc; } .ministerBlockWrap { margin:0 -15px; } .ministerBlockWrap > div { width:33.33%; padding:0 15px; float:left; margin-bottom:0; } .schemeAndProgramme .cols8, .schemeAndProgramme .cols4 { width:100%; } .schemePrgWrap { max-width:none; } .homeQuickIcoLinks li { width:33.33%; } .homeQuickIcoLinks li:nth-child(2n) { border-right:1px solid #cacaca; } .homeQuickIcoLinks li:nth-child(3), .homeQuickIcoLinks li:nth-child(6) { border-right:0 none; } .footerLeft, .footerRight { float:none; width:100%; text-align:center; } .socialIconWrap { margin:10px auto 0; float:none; display:inline-block; } .homeQuickIcoLinks li a { padding:20px 15px; min-height:151px; } .indexBanner .swiper-slide, .noJS .indexBanner { min-height:400px; } .bannerCaption h2 span { font-size:20px; } .bannerCaption h2 { font-size:38px; } .contentSection h2 { font-size:34px; margin-bottom:25px; } .contentSection { padding:40px 0; } .footerLinks li { display:inline-block; float:none; margin-bottom:5px; } .footerRight { margin-top:15px; } .commonListing .thumbTitle { font-size:18px; } .grDocument.moduleSearch li:first-child .inputCol, .grDocument.moduleSearch li .inputCol { width:300px; } .noJS .newsSlider .swiper-slide { width:50%; } .footer { text-align:center; } .paymentText { text-align:center; } .PayformWrap .row:nth-child(2) .fieldCol:first-child { width:66.66%; } .sidebar { width:100%; } /*21-08-2020*/ h2 { font-size: 30px; } h3 { font-size: 25px; } h4 { font-size: 22px; } h5 { font-size: 20px; } h6 { font-size: 17px; } .productDetail h2 { font-size:35px; color: #323232; margin-bottom: 15px; font-weight:500; } .productSpecification h3 { color: #014181; font-size: 30px; font-weight:normal; margin-bottom: 15px; } .inquiryBtn { padding:10px 30px; } } @media only screen and (max-width:900px) { /*************Module Filter**********/ .moduleSearch li label, .moduleSearch li .label { display:block; padding:0 0 0 0; } .moduleSearch li:first-child .inputCol, .moduleSearch li .inputCol { width:400px; } .moduleSearch li .btnSearchReset { width:100%; margin-top:29px; } .hindiDoc .moduleSearch li .btnSearchReset { margin-top:34px; } .hindiDoc .moduleSearch.grDocument .btnSearchReset { margin-top:39px; } .moduleSearch li .btnSearchReset .button, .moduleSearch li .btnSearchReset .resetBtn, .moduleSearch li .btnSearchReset input { width:100px; float:left; margin-right:15px; line-height:31px; } .moduleSearch.grDocument .btnSearchReset { margin-top:35px; } .moduleSearch.grDocument li:last-child { padding:0 5px; } .deatilDescription .newsDetailImg { max-width:350px; } .contactUsWrap { width:100%; max-width:100%; padding:30px 0; } .mapWrap { position:static; margin:0 -15px; width:auto; margin-bottom:-40px; } .mapWrap img { width:100%; height:auto; max-width:none; } .feedbackForm li { width:100%; } .gallery .galleryBox h3 { font-size:15px; line-height:20px; min-height:100px; } .footerLogoText, .footerLogoText p { text-align:center; float:none; } .gallery .galleryBox h3 { font-size:15px; line-height:20px; min-height:100px; } /*new css add on 19-08-2020*/ .iconList li { float: left; width: 15%; height: auto; margin: 5px; } /*21-08-2020*/ .aboutContentBox { margin-bottom: 20px; } .aboutContentWrap .aboutContentBox .row .cols6 { width:100%; margin-bottom:20px; } .yearButton { text-align: center; margin-bottom: 25px; } .yearBtnOne { padding: 10px 40px; } .yearBtnTwo { padding: 10px 40px; } .yearBtnThree { padding: 10px 40px; } .boardofDirectorsWrap .row .cols3 { width:33.33%; } .directorList li { float: left; width: 50%; padding: 0 15px; margin-bottom: 10px; } .boardofDirectorsWrap .row .cols3 { width: 100%; margin-bottom: 25px; } .boardofDirectorsWrap .chairmanProfileBox { background: none; } .boardofDirectorsWrap .chairmanImageBox { border:0; } .boardofDirectorsWrap .row .cols8 { float: none; width: 100%; } .boardofDirectorsWrap { padding: 30px 0; } .boardofDirectorsWrap h2 { margin-bottom:15px; } .visionMissionWrap li { width: 100%; padding: 10px; float: none; margin-bottom: 15px; } .visionMissionWrap .visionMissionBox { position: unset; box-shadow: 0 0 20px #ccc; border-radius: 20px; overflow: hidden; padding-left: 0; } .visionMissionWrap .visionMissionIconHolder { position: unset; padding:15px; width:100%; height:auto; } .visionMissionWrap .visionMissionContent { padding: 15px; } .visionMissionWrap p { font-size:1em; } .bodContentBox .row .cols3 { width:30%; } .bodContentBox .row .cols9 { margin-left: 15px; width: 70%; } .bodContentBox .row .cols3 { margin-left:0; width: 100%; margin-bottom: 15px; } .bodContentBox .row .cols9 { margin-left: 0; width: 100%; } .bodContentBox h3 { margin-bottom: 10px; font-size: 1.325em; } .bodContentBox { margin-bottom: 15px; padding: 25px; margin-left: 0; } .seniorExecutive { min-height:345px; } .csrPhotos li { float: left; width: 25%; } .townshipFacilityWrap .row .cols6 { width:100%; } .townshipFacilityWrap .row .cols6 h3 { margin-bottom:10px; } .agricultureFairWrap .row .cols6 { text-align: center; width: 100%; } .employeeCornerList li { margin-bottom: 15px; float: left; width: 50%; } .employeeCornerList li a { min-height:120px; } .employeeCornerWrap { padding: 50px; } .logo { width: 70%; } .logoMainTitle { width:60%; } } @media only screen and (max-width: 800px) { /* Tab Responsive*/ .r-tabs .r-tabs-nav { display: none; } .r-tabs .r-tabs-accordion-title { display: block; } /*Responsive Table*/ .responsiveTable, .responsiveTable tr, .responsiveTable td, .responsiveTable td:before { display:block; text-align:left !important; border:none; } .wob .responsiveTable td:before { color:#fff; } .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; } /*************Table Pages Style**********/ .responsiveTable .PagerStyle td:before { display:none; } .responsiveTable .PagerStyle td { display:inline-block; background:none !important; } .responsiveTable .PagerStyle > td { width:100% !important; padding:5px; } .responsiveTable .PagerStyle tr { margin:0; border:0; } ul.bulletText.col2 li, ul.bulletText .col2 li { width:100%; } /*************Advanced Search**********/ .advancedSearch .dateBlock label, .advancedSearch .dateBlock { display:block; } .advancedSearch .ui-datepicker-trigger, .advancedSearch .ui-datepicker-trigger:hover { top:auto; bottom:2px; } .advancedSearch .dateRange .formGroup { padding-right:10px; } .advancedSearch .dateRange input[type="text"] { width:100%; } .hodsMainPage .officerName { font-size:15px; } .footer { font-size:15px; } .grDocument.moduleSearch li:first-child .inputCol, .grDocument.moduleSearch li .inputCol { width:220px; } .contactList .email { word-break:break-all; } /*New CSS Add 19-08-2020*/ .tabbingSection .resTab .r-tabs-accordion-title .r-tabs-anchor { display: block; padding: 15px 27px; background-color: #023160; color: #fff; font-weight: 400; text-decoration: none; font-size: 28px; border-bottom: 1px solid #023160; position:relative; } .tabbingSection .resTab .r-tabs-accordion-title .r-tabs-anchor:before { font-family:'FontAwesome'; content:"\f13a"; font-size:28px; position:absolute; right:20px; top:14px; transition: all 500ms ease 0s; -webkit-transition: all 500ms ease 0s; } .tabbingSection .resTab .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor:before { transform: rotate(180deg); -webkit-transform: rotate(180deg); } .tabbingSection .resTab .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor { background-color: #014181; color: #fff; text-shadow: none; } .awardsWrap { position: relative; width:60%; margin:0 auto; } /*21-08-2020*/ .gsfcAtGlanceList li { float: left; width:50%; } .facilitiesInfrastructureWrap .row .cols5 { width:100%; } .facilitiesInfrastructureWrap .row .cols5 ul.bulletText { margin:0; } .facilitiesInfrastructureWrap .row .cols7 { width:100%; } .facilitiesInfrastructureWrap .row .cols7 ul.bulletText { margin:0; } .facilitiesInfrastructureWrap .row .cols7 .rightImgBlk { display:none; } .serviceOfferWrap .row .cols5 { width:100%; } .serviceOfferWrap .row .cols5 ul.bulletText { margin:0; } .serviceOfferWrap .row .cols7 { width:100%; } .serviceOfferWrap .row .cols7 ul.bulletText { margin:0; } .serviceOfferWrap .row .cols7 .rightImgBlk { display:none; } .microIrrigationWrapBottom .row .cols5 { width:100%; } .microIrrigationWrapBottom .row .cols5 ul.bulletText { margin:0; } .microIrrigationWrapBottom .row .cols7 { width:100%; } .microIrrigationWrapBottom .row .cols7 ul.bulletText { margin:0; } .farmyouthTrainingProgrammeWrap .row .cols6 { width:100%; } .farmyouthTrainingProgrammeWrap .row .cols6 h3 { margin-bottom:15px; } .photoGalleryListing li { float: left; width: 50%; } .rcimsWrap .row .cols6 { width:100%; } .rcimsWrap .row .cols6 ul { margin:0; } .rcimsWrap .row .cols6 h3 { margin-bottom:10px; } .futureProject .row .cols4 { margin-bottom: 10px; width: 50%; } .greenPhotos li { float: left; width: 33.33%; } } /* ************* Mobiles Media Queries ****************** */ @media only screen and (max-width: 768px) { /*21-08-2020*/ .mdInformationSection { padding:25px; } .mdMessageWrap .mdDesignation { margin-bottom:0; } .mdInformationSection .mdPhoto { float: none; margin-right: 0; text-align: center; } .mdInformationSection .meDetail { float: none; margin-top: 15px; text-align: center; } .mdMessageWrap .mdName { border-left: 0; padding-left: 0; } .mdMessageWrap .mdMessageBox { padding: 20px; } .seniorExecutiveWrap .row .cols3 { width:50%; min-height:325px; } .gsfcVenturesContentBox { margin-bottom: 20px; padding: 20px; margin-left: 0; } .gsfcVenturesContentBox .row .cols3 { width: 100%; margin-bottom: 15px; text-align:center; margin-left:0; } .gsfcVenturesContentBox .row .cols3 img { width: auto; } .gsfcVenturesContentBox .row .cols9 { margin-left: 0; width: 100%; } .fireSafetyWrap .boxs3 { margin-left: 0; } .fireSafetyWrap .boxs li { position: relative; width: 100%; margin-bottom: 15px; padding:20px; } .csrPhotos li { float: left; width: 33.33%; } .institutionalAssociationList li { float: left; width: 100%; margin-bottom:10px; } .institutionalAssociationList h3 { margin-bottom:15px; } .fourItemList li { float: left; width: 50%; } .valuedCustomersWrap .row .cols4 { width: 100%; margin-bottom: 20px; } .valuedCustomersWrap .customerList { height:auto; } .valuedCustomersWrap ul { margin:0; } .usefulLinks ul.bulletText li { margin-bottom:10px; width:100%; } .usefulLinks h3 { margin-bottom:15px; } .usefulLinks ul.bulletText { margin:0; } .photoVideoList li { float: left; width: 50%; padding: 10px; } .liquidFertilizerWrap .row .cols7 { width: 100%; margin-bottom: 15px; } .liquidFertilizerWrap .row .cols5 { width: 100%; } .liquidFertilizerWrap .row .cols5 img { width:100%; } .plantTissueCultureWrap .row .cols6 { width: 100%; margin-bottom: 15px; } .indexBanner .swiper-slide { height:175px; } .bannerCaptions { min-height:100px; } .megaMenu { border:none!important; box-shadow:none!important; } } @media only screen and (max-width: 767px) { #header { position:static; } #header .container { /*padding:0;*/ } #logo { margin:10px 15px; float:none; } .indexBanner:after { display:none; } .toggleMenu { position:static; width:100%; background:#014181; padding:8px 15px; } .topStrip ul { margin:0; } .mainNavigation { width:100%; margin:0; position:relative; } #nav { width:100%; left:0; right:0; /*max-height:400px; overflow-y:auto;*/ } .indexBanner .bannerCaptionInner { background:rgba(0, 0, 0, 0.7); transform:scale(1); } .indexBanner .bannerCaption { bottom:0; } .indexBanner .bannerCaptionInner { width:100%; } .recentPhoto.policyBanner, .homePhotoGallery { width:315px; } .recentPhoto.policyBanner { padding-top:110px; } .recentPhotoInfo { padding:0 150px 0 10px; } .breadcrumbOuter { padding:20px 15px; } .breadcrumbOuter .breadcrumb { margin:0; } /*************Div Pagination**********/ .pagingCount, .pagingNo { width:100%; float:none; text-align:center; padding:5px 0; } .pagingNo ul li { float:none; display:inline-block; vertical-align:top; } /*************Photo Gallery**********/ .gallery li, .gallery li { width:50%; } .pagingbar .paging { float:left; width:100%; padding:10px 0 0 0; } ul.bulletText.row li { width:auto; float:none; } /*****************new responsive***********/ .searchBoxWrap { right:0px; top:-151px; background:#f6f6f6; width:40px; height:42px; text-align:center; line-height:42px; } .searchBoxToggle { top:53px; right:5px; } .menuWrapper { float:none; } .mobileMenu { display:inline-block; } .logoRowWrap { padding-bottom:0; padding-top:0; } .toggleMenu .mobileMenu { font-size:17px; padding:3px 0; } .contentSection h2 { font-size:28px; } .contentSection p { font-size:15px; } .commonBtn { padding:12px 18px; } .bannerCaption h2 { font-size:32px; margin-bottom:20px; } .bannerCaption p { font-size:16px; } .indexBanner .swiper-slide, .noJS .indexBanner { min-height:350px; } .ministerBlockWrap > div { width:50%; } .ministerBlockWrap > div:last-child { margin:15px auto; display:block; } .footer { text-align:center; } .homeQuickIcoLinks li:nth-child(4) { border-bottom:0 none; } .centerTitle { margin-bottom:35px; } .schemeBox .arrowLink { right:-10px; } .newsSliderWrap .topRightLink { position:relative; margin-top:10px; top: auto; margin:20px auto 0; display:inline-block; } .pageTitle h1 { font-size:26px; } .innerPageContent h2 { font-size:22px; } .innerPageContent h3 { font-size:18px; } .incumBencyList li { width:50%; } .incumbencyChart { padding-top:40px; } .officerList .duretaion { background:#facb1b; margin-top:-15px; font-weight:600; margin-bottom:35px; } .officerList .duretaion:before { border-left:8px solid transparent; border-right:8px solid transparent; border-top:8px solid #facb1b; position:absolute; left:50%; top:100%; margin-left:-8px; content:""; transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out; opacity:1; visibility:visible; } .deatilDescription .newsDetailImg { max-width:300px; } .sitemapBtnExport { display:none; } .wob .searchBoxWrap { background:#333; } .wob .toggleMenu { background:#222; } .PayformWrap .fieldCol { width:100%; } .PayformWrap .row:nth-child(2) .fieldCol:first-child { width:100%; } .PayformWrap .btnRow { margin-top:0; } .newsSliderWrap .playPause { border-right:0 none; padding-right:0; right:0; top:-61px; } .newsUpdate .centerTitle { text-align:left; } .searchBoxWrap { top:15px; left:inherit; } .smoke-base .dialog { margin:0; max-width:700px; width:90%; transform:translatex(-50%); -webkit-transform:translatex(-50%); } #footer .cols9, #footer .cols3 { } .bannerBtn { font-size:14px; padding:4px 10px; bottom:0; } .rightLogo { display:none; } .logoMainTitle { width:100%; } } @media only screen and (max-width:700px) { #logo { text-align:center; } #backtotop { bottom:30px; } .ui-tooltip:before { display:none; } .missionVision .pageRightImg, .pageRightImg { position:static; text-align:center; width:100%; margin:0 0 15px 0; float:none; } /*new css add on 19-08-2020*/ .iconList li { float: left; width: 23%; height: auto; margin: 5px; } .powerhouseIcon, .researchIcon, .firesafetyIcon, .awardIcon, .rcimsIcon, .townshipIcon { margin:0; } .rightImgBlk { float: none; margin: 0 0 10px 0; padding: 10px; background-color: #fff; box-shadow: none; width: 100%; max-width: 100%; text-align: center; } .rightImgBlk img { border:1px solid #e5e5e5; padding:10px; } .annualReportListing li { float: left; width: 50%; padding: 10px; } .employeeCornerList li { margin-bottom: 10px; float:none; width: 100%; } .employeeCornerList li a { height:auto; } .employeeCornerWrap { padding: 50px; } .extraList li { float: left; width:50%; } .downloadNewslettersWrap .row .cols3 { width:50%; } .downloadNewslettersWrap .row .cols3 .downloadNewsletters { min-height:270px; } .logoSection .cols6 { width: 100%; } .sticSocialIcon {float:none;} } @media only screen and (max-width:640px) { /*************Photo Gallery**********/ .photoGallery .backBtn, .videoGallery .backBtn { position:static; margin-bottom:10px; } /*************Advanced Search**********/ .advancedSearch label, .advancedSearch h4 { display:block; } .advancedSearch fieldset { margin:0 0 20px 0; } .advancedSearch input[type="text"] { width:100%; } .schemeBoxWrap { float:none; width:100%; min-height:auto; } .schemeBox { min-height:auto; padding:30px 15px; } .schemeBox h3 { margin-bottom:15px; } .bannerCaption { transform:translateY(-60%); -webkit-transform:translateY(-60%); } .schemeBox h3, .newsBox h3 { font-size:17px; } .contentSection h2 br { display:none; } .schemePrgWrap .topRightLink { position:relative; margin-top:10px; top: auto; left:auto; margin:-30px auto 35px 30px; display:inline-block; } .moduleSearch li:first-child .inputCol, .moduleSearch li .inputCol { width:100%; } .moduleSearch li { width:100%; } .moduleSearch { width:100%; } .moduleSearchOuter .buttonRow { margin-top:15px; } .moduleSearch li:last-child { width:100%; } .commonNewsListing .thumbDesc { /*padding-left:160px;*/ } .deatilDescription .newsDetailImg { max-width:250px; } .grDocument.moduleSearch li:first-child .inputCol, .grDocument.moduleSearch li .inputCol { width:100%; } .grDocument.moduleSearch li { width:100%; margin-bottom:15px; } .feedbackForm { padding:50px 15px; } .noJS .newsSlider .swiper-slide { width:100%; margin-bottom:20px; } .noJS .newsSlider .swiper-wrapper { display:block; } .noJS .newsSlider .swiper-wrapper { margin:0; } .schemePrgWrapSlider { display:block; } .homeScrollEvent { display:none; } #content.innerPageContent { min-height:auto; } .photoGallery .albumTitle { padding-right:0; } /*new css add on 19-08-2020*/ .tabbingSectionLeft .tabContent .row .cols5 { display:none; } .tabbingSectionLeft .tabContent .row .cols7 { width:100%; } .indexBanner .swiper-slide { background-repeat: no-repeat; background-position: center center; background-size: cover; position: relative; } .bannerCaption h2 { font-size: 28px; margin-bottom: 5px; } bannerBtn { bottom:-55px; font-size:14px; padding:2px 4px; } .greenPhotos li { float: left; width: 50%; text-align:center; } .feedbackForm .row .cols3 { width:100%; } .feedbackForm .row .cols6 { width:100%; } .logoMainTitle { width:83%; } } @media only screen and (max-width:570px) { .ministerBlockWrap > div { width:100%; margin-bottom:10px; } .contentSection h2 { font-size:28px; } .bannerCaption h2 { font-size:30px; } .indexBanner .swiper-slide, .noJS .indexBanner { min-height:310px; } .bannerCaption { top:50%; } .homeQuickIcoLinks li a { font-size:14px; } .deatilDescription .newsDetailImg { max-width:100%; margin-right:0; margin-bottom:20px; float:none; } /*new css add on 19-08-2020*/ .iconList li { float: left; width: 31%; height: auto; margin: 5px; } /*21-08-2020*/ .gsfcAtGlanceList li { float: left; width:100%; } .gsfcAtGlanceList li .gsfcAtGlanceListBox { margin-bottom:10px; } .seniorExecutiveWrap .row .cols3 { width:100%; } .seniorExecutive { min-height:auto; } .firstTitleShape { height: auto; position: unset; width: 100%; margin-bottom: 10px; } .secondTitleShape { height: auto; position: unset; width: 100%; margin-bottom: 10px; } .thirdTitleShape { height: auto; position: unset; width: 100%; margin-bottom: 10px; } .forthTitleShape { height: auto; position: unset; width: 100%; margin-bottom: 10px; } .firstTitleShape:before { content: ""; position: unset; width: 0; } .secondTitleShape:before { content: ""; position: unset; width: 0; } .thirdTitleShape:before { content: ""; position: unset; width: 0; } .forthTitleShape:before { content: ""; position: unset; width: 0; } .csrPhotos li { float: left; width: 50%; text-align:center; } .futureProject .row .cols4 { margin-bottom: 10px; width: 100%; } .awardsWrap { position: relative; width:100%; margin:0 auto; } .contactAddress .row .cols6 { width:100%; margin-bottom:7px; } .contactAddress .row .cols6 .Email { padding-left:30px; margin-bottom:5px; } .contactAddress .row .cols6 .Email:before { content: "\f003"; font-size: 20px; left: 0; top: -3px; } } @media only screen and (max-width:480px) { .indexBanner .bannerCaptionInner p { font-size:15px; line-height:21px; } .indexBanner .bannerCaptionInner { padding:5px 10px; } .minsterImg { width:72px; margin-right: -72px; } .minsterDetail { padding:4px 0 0 82px; } #footerLogos ul li { width:47%; } .introduction .pageLeftImg { width:auto; float:none; margin:0 0 20px 0; } .breadcrumb li { font-size:14px; } .breadcrumb li a { margin-right:10px; } .breadcrumb li a:after { right:-7px; } h3, h4, h5, h6 { margin-bottom:10px; } /*************Photo Gallery**********/ .gallery li { width:100%; padding:5px 0; position:static !important; } .gallery .galleryBox .img, .gallery .galleryBox h3 { height:auto; } .gallery .img input[type="image"], .gallery .photoInner .imgThumb { width:100%; } .litebox-overlay .litebox-close { width:25px; height:25px; background-size:100%; right:10px; top:10px; } .records .txt, .records select { float:none; display:inline-block; vertical-align:top; } .records .txt { display:block; padding:0; } .records.go { text-align:right; } /*************Advanced Search**********/ .advancedSearch table tr td { float:left; padding:0 0 10px 0; width:100%; } .advancedSearch .dateRange .formGroup { width:100%; padding:0; margin-bottom:10px; } .gallery li .galleryBox { min-height:inherit !important; } .deptHedInfo h3 { font-size:15px; } .downloadNewslettersWrap .row .cols3 { width:100%; } .downloadNewslettersWrap .row .cols3 .downloadNewsletters { min-height:100px; } } @media only screen and (max-width:479px) { .homeQuickIcoLinks li { width:50%; } .homeQuickIcoLinks li a { min-height:143px; } .homeQuickIcoLinks li:nth-child(3), .homeQuickIcoLinks li:nth-child(6) { border-right:1px solid #cacaca; } .homeQuickIcoLinks li:nth-child(4) { border-bottom:1px solid #cacaca; } .contentSection h2 { font-size:24px; line-height:24px; } .bannerCaption h2 { font-size:16px; line-height:16px; } .bannerCaption h2 span { font-size:15px; } .bannerCaption p { font-size:15px; } .bannerCaption p { margin-bottom:20px; } .indexBanner .swiper-slide, .noJS .indexBanner { min-height:auto; } .incumBencyList li { width:100%; } .commonNewsListing .thumbImg { float:none; width:100%; margin-bottom:15px; } .commonNewsListing .thumbDesc { padding-left:0; } .feedbackForm li .fieldCol { width:100%; } .feedbackForm .verifyRow .captchaImgBox { position:relative; margin-top:10px; } .feedbackForm .verifyRow { padding-right:0; } /*new css add on 19-08-2020*/ /*.logo { float: none; text-align: center; padding: 15px 0; }*/ .headerRight { float: left; margin-bottom: 10px; padding: 0 10px; width:100%; } .socialSection { float: none; text-align: left; } .isoSection { display:none; } .searchBlock { float: right; position: relative; } .searchBoxWrap { top: -40px; left: inherit; } .searchBoxToggle { top: 10px; right: 10px; } /*.iconThumbs .row .cols4{width:100%;} .iconThumbs .row .cols8{width:100%;} .welcomeTitle{margin-bottom:15px; line-height:0; font-size:30px;} .welcomText {line-height: 1.2em; margin-bottom: 15px; font-size:14px;}*/ .iconList li { float: left; width: 47%; height: auto; margin:5px; } .iconList li a { width: 100%; height: 100px; padding:5px; } .newsLeft { float: left; width: 100%; min-height: auto; } .newsLeftInner { float: none; min-height:0; width: 100%; padding: 20px; font-weight: 400; font-size: 30px; line-height: 35px; } .newsRightInner .owlCarousel .item { display: table-cell; vertical-align: bottom; height: 0; border-right:0; } .tabbingSectionLeft { width: 100%;/* float: none;*/ } .tabbingSectionLeft { width: 100%; /*float: none;*/ } .tabbingSectionRight { width: 100%; /*float: none;*/ } #nav { top: 48px; } .newsRightInner .carouselBlock .owl-controls { left:inherit; right:0; top:-95px; bottom:inherit; } .awardText { max-width:180px; left:30px; font-size:12px; } #tab-2 .cols6 { width:100%; } #innerBannerTemplate { min-height:165px; } .contactAddress .cols6, .contactd, .contactm { width:100%; } /*21-08-2020*/ .directorList li { float: none; width: 100%; } .otherSeniorExecutiveBox { padding: 20px; height: auto; text-align: center; } .extraList li { float: none; width: 100%; padding: 0 15px; margin-bottom: 10px; } .photoGalleryListing li { float: left; width: 100%; padding: 10px; } .greenPhotos li { float: none; width: 100%; text-align:center; } .annualReportListing li { float: none; width: 100%; padding: 10px; } .fourItemList li { float: left; width: 100%; } .photoVideoList li { float: none; width: 100%; padding: 10px; } .viewNews { margin-top:-50px; } .newsRightInner .carouselBlock .owl-controls { top:-85px; } .sticSocialIcon { width:100%; text-align:center; } .visitorCounter, .lastupdateDate { width:100%; text-align:left; } .mainSliderControls { bottom:0; } } @media only screen and (max-width:400px) { .newsBox { padding:30px 15px 30px 80px; } .newsBox .newsDate { top:30px; } .logoRowWrap #logo { max-width:255px; } /*21-08-2020*/ .csrPhotos li { float: none; width: 100%; padding: 0 15px; margin-bottom: 20px; text-align: center; } .indexBanner .swiper-slide { height:115px; } .bannerBtn { bottom:17px; left:inherit; right:0; } .rightLogo { display: block; width: 100%; } } @media only screen and (max-width:380px) { /*new css add on 19-08-2020*/ .iconList li { float: left; width: 98%; height: auto; margin: 5px; } .iconList li a { width: 100%; height: auto; padding: 20px; } .anyComplaintsIco, .investorRelationIco, .usefulLinksIco, .appDevIco, .employeeCornerIco, .venderRegistrationIco, .ePaymentIco, .customerGrievanceIco, .gsfcGlanceIco, .greenInitativesIco, .tenderingIco, .agrinetPortalIco, .financialPerformanceIco, .groupVenturesIco, .publicationsIco, .productsIco, .compliancesIco, .marketingNetworkIco { display:none; } .logoMainTitle { font-size: 16px } }