/* ************* Media Queries Tablets ****************** */ @media only screen and (max-width: 1169px) { #wrapper { padding:0 15px; } .homeRightLinks, .innerPageLinks { width:100%; padding:30px 10px 0px 10px; } .middleLeft { width:73%; } .middleLeft .resTab .tabNav li { margin-right:4px; } .middleLeft .resTab .tabNav li a { padding:11px 4px; } .middleLeft .orgStructure .resTab .tabNav li a { padding:11px 8px; } .middleLeft .tabContainer { min-height:184px; } .photoGallSec { width:93%; min-height:276px; } .whatsNewSec { width:100%; } .newsTicker { width:60% } .impInfoBlock { width:100% } .middleRight { width:27% } #innerContainer .middleRight .innerPageLinks { width:100%; } #footer .footerLeft, #footer .footerRight { width:20% } #footer .footerLeft { margin-left:0; } #footer .footerRight { margin-right:0; } #footer .footerCenter { width:58% } .footerLinks li { padding:0 5px; } .footLogo { margin:0 30px 20px 30px; } .middleLeft .resTab .bx-viewport { padding:0 20px; } .middleLeft .resTab .bx-wrapper .bx-prev { left:-7px; } .middleLeft .resTab .bx-wrapper .bx-next { right:-10px; } .hindiDoc .menuNav .owl-item li a, .hindiDoc .menuNav li a, .noJS.hindiDoc .menuNav li a { padding:5px 28px; width:auto; } /*----Photo Gallery----*/ .albumWrapper li { width:23%; margin:1%; } .galleryImg img { width:100%; } #footer .footerLeft { margin-left:0; text-align:center; } #footer .footerRight, #footer .footerCenter { width:100% } #footer .footerLeft { margin:0 auto 20px auto; float:none; width:184px; } #footer .footerRight { text-align:center; margin-right:0; } #footer .footerRight .visitor { text-align:center; } #footer .webValidation { float:none; } } @media only screen and (min-width: 1025px) { #mobileNav { display:none !important; } } @media only screen and (max-width: 1024px) { .toggleMenu { display:block; } #nav.menuNav { display:none; } .menuNav li { float:none; display:block; border:none; border-top:1px solid #ccc; width:100% !important; } .menuNav li a { text-align:left; } .menuNav li.parent { position:relative; } .menuNav li .menuIcon, .menuNav li li .menuIcon { display:block; width:46px; height:46px; background:url(../images/down-arrow.gif) no-repeat center center #ddd; position:absolute; right:0; top:0; z-index:999; cursor:pointer } .menuNav li .menuIcon.active, .menuNav li li .menuIcon.active { background-color:#072a4b; } .menuNav li > a:hover, #nav li.active > a, .menuNav li ul li a:hover, .menuNav li ul li > a.selected, .menuNav ul a:hover, .noJS .menuNav ul a:focus, .menuNav ul a.selected, .menuNav > li > a:hover, .menuNav > li.hover > a, .menuNav > li.focus >a { background-color:#072a4b; color:#fff; } .menuNav li.hover > a { background-color:#fff; color:#636466; } .menuNav li a:hover, .menuNav li ul li a:hover { background-color:#072a4b; color:#fff; } .menuNav ul { width:100%; display:none } .menuNav li ul li, .menuNav ul a { width:100% } .menuNav > li:hover > ul, .menuNav li li:hover > ul, .menuNav li li li:hover > ul { display:none; } .menuNav > li.resHover > ul, .menuNav li li.resHover > ul, .menuNav li li li.resHover > ul { position:relative; margin:0; top:0; left:0; width:100%; border:none; display:block; } .menuNav li a { padding-left:15px; padding-right:15px; display:block; line-height:36px; border-left:0; } .menuNav li ul li a { padding-left:30px; display:block; line-height:34px; background:url(../images/more-arrow.png) no-repeat 18px 18px; color:#636466; border:none; } .menuNav li ul li ul li a { padding-left:45px; background-position:33px 18px } .menuNav li ul li ul li ul li a { padding-left:60px; background-position:45px 18px } .menuNav li li li .menuArrow { display:none; } .carouselBlock .owl-stage-outer .owl-stage { width:100% !important; } .carouselBlock .owl-theme .owl-controls { display:none; } .menuNav li.owl-item { border:none; } .mainNavigation { padding:0; overflow:visible; height:auto; } .wob .toggleMenu .mobileMenu { color:#ff0; } .wob .toggleMenu .iconBar { background:#ff0; } ul.bulletText.homeAnnualReport li { width:49%; } .moduleSearch120 .moduleLeft { width:100%; float:none } .moduleSearch120 .searchBTN { float:none; } .moduleSearch100 .moduleSearch50 { width:100%; } .moduleSearch100 .division { float:none; width:100%; } .moduleSearch100 .issueDate, .moduleSearch100 .validDate { width:35%; } .actmoduleSearchNew .moduleSearch100 .issueDate, .actmoduleSearchNew .moduleSearch100 .validDate { width:30%; } .foodGrain .leftImage img { display:none; } .foodGrain .impinfoLinks { width:100%; } .foodGrain ul.bulletText.homeAnnualReport li { width:32%; } .procurementFigure .left { width:100%; float:none; text-align:center!important; margin-bottom:20px; } .procurementFigure .right { width:100%; float:none; text-align:center!important; } .actmoduleSearchNew .moduleSearch50, .actmoduleSearchNew .moduleLeft, .actmoduleSearchNew .moduleSearch100 .subject { width:100%; float:none; } .actmoduleSearchNew .searchBTN { float:none; } } @media only screen and (max-width: 1023px) { .middleLeft { width:70%; } .middleRight { width:30% } .middleLeft .tabContainer { min-height:165px; } .middleLeft .resTab .tabContent { min-height:163px; } .contactUs .address { width:100%; margin-bottom:20px; } .contactUs .map { width:100%; } .newsTicker { width:60%; } .impInfoBlock { width:37%; } .albumWrapper li { width:31%; margin:1%; } .orgStructure .resTab .r-tabs-accordion-title { display:block; } .orgStructure .resTab .tabNav { display:none; } .orgStructure .resTab .r-tabs-accordion-title br { float:left; display:none; } /*.topStrip .rightLinks{ display:none;} */ .topStrip .rightLinks .fontResize { display:none; } } @media only screen and (max-width: 980px) { .moduleLeft { width:100%; float:none; } .moduleSearch .searchBTN { float:none; } .moduleSearch .moduleSearch50 { float:none; padding-right:0 } .actmoduleSearchNew .moduleSearch100 .issueDate, .actmoduleSearchNew .moduleSearch100 .validDate { float:left; width:40%; } .middleLeft .resTab .tabContent { min-height:187px; } /*Responsive Table*/ .tableOut table, .tableOut tr, .tableOut td, .tableOut td:before { display:block; text-align:left; border:none; /* Converts a table, table row, table column and table column:before into a block element */ } .tableOut table, .tableOut tr .tableOut td:last-child { border-bottom:none; } .tableOut thead { position:absolute; /* Hides table head but not using display none */ top:-1000em; left:-1000em; } .tableOut tr { border:1px solid #eeeeee; border-bottom:2px solid #eeeeee; margin:0 0 20px; } .tableOut tr td:nth-child(1) { /* first column of the row */ border-left:none; } .tableOut tr td:last-child { /* last column of the row */ border-right:none; } .tableOut tr:last-child .td, .tableOut td { /* Column in the last row and column */ border-bottom:1px solid #eeeeee; } .tableOut td:before { /* prints the value of data-label attribute before the column data */ font-weight:bold; padding-right:20px; line-height:27px; color:#174471; content:" "attr(data-label)""; /* call the attribute value of data-label and adds a string // */ } .tableOut tbody { display:block; } .tableOut tr td { padding:5px 15px; width:auto !important; } .middleLeft .resTab .tabNav li a { padding:8px 2px; font-size:13px; } .resTab .bx-wrapper .bx-controls-direction a { height:35px; } .actmoduleSearchNew .moduleSearch .issueDate, .actmoduleSearchNew .moduleSearch .validDate { padding-right:15px; } } @media only screen and (max-width: 959px) { .middleLeft, .middleRight { width:100%; padding:20px; } .middleRight { padding:0 20px; } .photoGallSec, .homeRightLinks { width:48.9%; } .photoGalThumb { width:100%; max-width:inherit; } .photoGalThumb .photoThumb { width:100%; height:auto; display:block; } .photoGalThumb .photoThumb img { width:100%; height:auto } .homeRightLinks { float:left; } .photoGallSec { float:right; } #innerContainer .middleLeft { padding:0; } .homeRightBlockLinks li a.pqa, .homeRightBlockLinks li a.pqa:hover { padding:15px 0 0 55px; } #innerContainer .middleRight { padding:20px 0; } .middleLeft .resTab .tabContent { min-height:inherit; } /*----Photo Gallery----*/ .albumWrapper li { width:27%; margin:3%; } /*------Feedback------*/ .feedbackLeft { width:100%; } .feedbackRight { width:35%; } .suggestionBox .suggestInner { margin:0; width:100%; } } @media only screen and (max-width: 819px) { } @media only screen and (max-width: 800px) { .logo { width:60% } .serchField { width:30% } .footLogo { width:90%; margin:0 5% 20px 5% } .govfootLogo { padding:7% 5% 2%; } /*----Photo Gallery----*/ .albumWrapper li { width:30%; margin:1.5%; } .financewingChart .orgChartInBlock { max-width:540px; } .financewingChart .chart2ColBox.lineMidHori1:after { margin-left: -25.2%; width:81.3%; } .schemesInner .innerLeftMenu li { width:47%; } } @media only screen and (max-width: 768px) { /* .r-tabs .r-tabs-nav {display: none;} */ .middleLeft .resTab .r-tabs-accordion-title { display:block; } .r-tabs .r-tabs-accordion-title { display: block; } .resTab .bx-wrapper { display:none; } .newsTicker, .impInfoBlock { width:49%; } .activityTicker li .date { display:block; } .photoGalThumb .bx-wrapper { display:block; } .digitalIndia .middleLeft .resTab .bx-viewport { padding:0; height:142px!important; } .digitalIndia .mainSlider li { width:17%!important; } } /* ************* Mobiles Media Queries ****************** */ @media only screen and (max-width: 767px) { /*.topStrip .leftLink{ display:inline-block; float:none; width:100%; text-align:center;} .topStrip .leftLink li{float:none; display:inline-block;} */ /*------Feedback------*/ .feedbackLeft { width:100%; } .feedbackRight { width:100%; margin-top:20px; } .wob .logo a { background-size:100% 100%; width:100%; } .downloadData tr td:nth-child(3) { text-align:left; } .removeBr tr td br { float:left; } .foodGrain .fRight { float:none; } .foodGrain ul.bulletText.homeAnnualReport li { width:100%; } .bannerTitle { width:100%; left:0; padding:0 25px; } .rightLinks li { display:none; } .rightLinks li.langaugeDropdown { display:block; } } @media only screen and (max-width: 640px) { .homeRightLinks, .photoGallSec, .newsTicker, .impInfoBlock, .serchField, .logo { width:100%; } .logo { text-align:center; padding:0 10px; } .newsTicker { margin-bottom:15px; } .footerLinks a, #footer .footerCenter p, #footer .footerRight { font-size:12px; } .footerLinks li { float:none; display:inline-block; } .tickerDivBlock { margin-bottom:15px; } .footerLinks, .footerCenter p { text-align:center; } .serchField { margin-top:15px; } .row { margin:0 0 15px 0; } .newsTicker .viewMore { } .impInfoBlock { min-height:inherit; } .bannerTitle { font-size:15px; margin-top:-11px; left:0; padding:0 15px; width:100%; } /*----Photo Gallery----*/ .albumWrapper li { width:46%; margin:2%; } .page_Records_control, .page_Go_To_control, .page_Pagging_control { float:none; margin:6px auto; text-align:center; padding:0; } .telephoneList .telNimber { float:none; display:block; } .photoGallery table td.pagingTd { padding:0; } /*----Minister Profile----*/ .aboutMinister .photoArea, .aboutMinister .proArea { width:auto; float:left; margin-top:0; } .aboutMinister .proArea { padding:0; margin-top:20px; } .aboutMinister .photoArea { float:none; width:40%; margin:0 auto; } .aboutMinister .proArea h3 { text-align:center; } .aboutMinister .tableOut tr { margin:0 0 10px 0; } ul.bulletText.annualReport li { width:100%; margin:5px 0; } ul.bulletText.homeAnnualReport li { width:100%; } .adminSetup ul { padding:0; width:100%; } .adminSetup li { float:none; padding:0; width:100%; margin-bottom:20px; } .adminSetup .photoArea, .adminSetup p { margin:0 auto; width:214px; } /*----Advance Search----*/ .searchPage .advanceSearchListing .searchTitle { width:auto; float:none; text-align:left; display:block; padding:0 0 5px 0; } .advanceSearchListing .searchTitle label { line-height:15px; padding:0; } .advanceSearchListing li.btns { padding-left:0; } .advanceSearchListing table td { display:block; } .advanceSearchListing .dates table, .advanceSearchListing .keywordMatch table { width:250px; } .moduleSearch .searchBTN { margin-top:0; } .tableOut .tableData .barbg { display:none; } .topLinkSec { margin:0 -20px; padding:0 20px; height:100%; } .topStrip li { float:none; display:inline-block; } .rightLinks li { display:none; } /*----Organisation Chart----*/ .orgChartFullCol { width:100%; } .orgChartMidBox { padding:5px; } .orgChartFirstRow .orgChartMidBox h3 { font-size:1em; } .orgChartFirstRow .orgChartMidBox p { font-size: 0.9em; line-height: 1.2; } .orgChartMidBox h3 { font-size: 0.85em; } .orgChartMidBox p { font-size: 0.8em; line-height: 1.2; } .lineSmRightHori:before { right: -35px; width: 34px; } .lineSmLeftHori:before { left: -35px; width: 34px; } .lineLrgRightVerti1:after { height: 581px; right: -34px; top: -127px; } .oneColRightLine:after { height: 734px; right: -34px; top: -67px; } .lineLrgRightVerti2:after { height: 365px; left: -34px; top: 29px; } .chart2ColRightLine .lineLrgRightVerti1:after { height: 292px; right: -35px; top: -263px; } .financewingChart .chart2ColBox.lineMidHori1:after { margin-left: -25.2%; width: 81.2%; } .financewingChart .orgSmallChartBox.lineMidHori1:after { margin-left: -28.4%; width: 56.8%; } .dfpdorgChart .orgChartInBlock { padding-right: 2.5em; } .dfpdorgChart .orgChartRow { width:100%; } .chart2Col { padding:0 10px; } .financewingChart .orgChartInBlock { max-width: 440px; } .policywingChart .orgChartInBlock { padding-right:35px; max-width: 400px; } .policywingChart .oneColRightLine:after { height: 945px; } .level3LineMid:before, .level3LineMid:after { height: 97px; top: -97px; } .level3LineMid:before { margin-left: 90px } .level3LineMid:after { margin-left: -90px } .lvl3HeightBox { min-height: 44px; } .policywingChart .orgSmallChartBox.lineMidHori3:before { margin-left: -28.2%; width: 56.4%; } .policywingChart .oneColRightLine .orgSmall3Chart.lineMidHori1:after { margin-left: -34.4%; width: 69.2%; } .storageOlChart .orgChartInBlock { max-width: 400px; } .storageOlChart .chart2Col { padding: 0 15px; } .storageOlChart .lineSmLeftHori:before { left: -24px; width: 24px; } .storageOlChart .lineSVertiMid:after { bottom: -247px; height: 246px; } .storageOlChart .orgSmallChartBox.lineMidHori1:after { margin-left: -28%; width: 57%; } .basicPlanChart .lineSmRightHori:before, .impexWingChart .lineSmRightHori:before, .admnWingChart .lineSmRightHori:before, .sugarWingChart .lineSmRightHori:before { width:34px; } .basicPlanChart .oneColRightLine:after { height: 663px; } .impexWingChart .orgChartInBlock, .admnWingChart .orgChartInBlock, .sugarWingChart .orgChartInBlock { padding-right:35px; } .impexWingChart .oneColRightLine:after { height: 696px; } .admnWingChart .oneColRightLine:after { height: 983px; } .sugarWingChart .oneColRightLine:after { height: 929px; } .ccaExp table td { display:block; } .actmoduleSearchNew .moduleSearch .issueDate, .actmoduleSearchNew .moduleSearch .validDate { float:none; width:100%; padding-right:0 } } @media only screen and (max-width: 567px) { .financewingChart .orgChartInBlock { max-width: 380px; } .financewingChart .chart2ColBox.lineMidHori1:after { margin-left: -25.2%; width: 82.8%; } .chart2ColRightLine .lineLrgRightVerti1:after { height: 312px; right: -35px; top: -283px; } .storageOlChart .oneColRightLine .orgSmall3Chart.lineMidHori1:after { margin-left: -34.4%; width: 69.2%; } .storageOlChart .orgSmallChartBox.lineMidHori1:after { margin-left: -28.4%; width: 57.2%; } .impexWingChart .orgChartInBlock { max-width: 380px; } .orgSmallChart { padding:0 7px; } .impexWingChart .oneColRightLine .orgSmall3Chart.lineMidHori1:after { margin-left: -35.2%; width: 71.4%; } .impexWingChart .nfsaMidBlock .orgSmallChartBox.lineMidHori1:after { margin-left: -26.6%; width: 53.2%; } .impexWingChart .oneColRightLine:after { height: 708px; } .admnWingChart .oneColRightLine .orgSmall3Chart.lineMidHori1:after { margin-left: -35.4%; width: 72%; } .sugarWingChart .oneColRightLine .orgSmall3Chart.lineMidHori1:after { margin-left: -34.2%; width: 69%; } /*.policywingChart, .storageOlChart, .basicPlanChart, .impexWingChart, .admnWingChart, .sugarWingChart{overflow-y:hidden; overflow-x:auto width:100%;} .policywingChart .orgChartInBlock, .storageOlChart .orgChartInBlock, .basicPlanChart .orgChartInBlock, .impexWingChart .orgChartInBlock, .admnWingChart .orgChartInBlock, .sugarWingChart .orgChartInBlock{width:480px; margin-bottom:10px;} */ } @media only screen and (max-width: 480px) { .middleLeft, .middleRight { padding:10px; } .footLogo { width:86%; margin:0 7% 20px 7% } .govfootLogo { padding:7% 7% 2%; } .govfootLogo .item { text-align:center; display:block; } #innerContainer .imgLeft { width:100%; } #innerContainer .innerTitle { margin:0; } .toggleMenu { padding:9px; } /*----Photo Gallery----*/ .albumWrapper li { width:70%; margin:4% auto; float:none; } /*----search----*/ .seachTopTable td { display:block; text-align:left; } .seachTopTable .searchAgain { padding-top:10px; display:block; } .footLogo .bx-wrapper .bx-viewport, .govfootLogo .bx-wrapper .bx-viewport { width:218px !important; margin:0 auto; } .moduleLeft, .moduleSearch100 .issueDate, .moduleSearch100 .validDate { width:100%; float:none; padding-bottom:15px; } .moduleSearch .searchBTN { float:none; text-align:left; margin-top:0; } /*----Organisation Chart----*/ .addlSecretaryBox { min-height:45px; } .lineLrgRightVerti1:after { top:-137px; height:592px; } .dfpdorgChart .orgChartWdth1 { min-height: 45px; } .basicPlanChart { overflow-y:hidden; overflow-x:auto; width:100%; } .basicPlanChart .orgChartInBlock { width:375px; margin-bottom:10px; } .basicPlanChart .nfsaMidBlock .orgSmallChartBox.lineMidHori1:after { margin-left: -27%; width: 54%; } .leftLink, .rightLinks { float:none; text-align:center; width:100%; display:inline-block; margin-bottom:10px; } .rightLinks li.langaugeDropdown { float:none; text-align:center; display:block; width:55px; margin:10px auto 0 auto; } .schemesInner .innerLeftMenu li { width:100%; } } @media only screen and (max-width: 479px) { .financewingChart { overflow-y:hidden; overflow-x:auto; width:100%; } .financewingChart .orgChartInBlock { width:380px; margin-bottom:10px; } .policywingChart .orgChartInBlock { max-width: 268px; } .policywingChart .orgSmallChartBox.lineMidHori1:after { margin-left: -27%; width: 54%; } .policywingChart .nfsaMidBlock .orgSmallChartBox.lineMidHori1:after { margin-left: -27%; width: 54%; } .policywingChart .oneColRightLine .orgSmall3Chart.lineMidHori1:after { margin-left: -34.6%; width: 69.8%; } .policywingChart .orgSmallChartBox.lineMidHori3:before { margin-left: -30%; width: 60%; } .storageOlChart .orgSmallChart { padding: 0 3px; } .storageOlChart .chart2Col { padding: 0 10px; } .storageOlChart .lineSmLeftHori:before { left: -19px; width: 19px; } .basicPlanChart .oneColRightLine .orgSmall3Chart.lineMidHori1::after { margin-left: -34.6%; width: 69.8%; } .impexWingChart { overflow-y:hidden; overflow-x:auto; width:100%; } .impexWingChart .orgChartInBlock { width: 400px; max-width: 400px; padding-left: 10px; } .impexWingChart .oneColRightLine:after { height: 695px; } .admnWingChart { overflow-y:hidden; overflow-x:auto; width:100%; } .admnWingChart .orgChartInBlock { width:370px; margin-bottom:10px; padding-left:10px; } .admnWingChart .orgSmallChart { padding: 0 5px; } .dwnFromTable .sizekb, .annReportTable .sizekb { display:block; } .budgetBoxRow .bulletText.homeAnnualReport li { width:100%; } /*.policywingChart, .storageOlChart, .basicPlanChart, .impexWingChart, .admnWingChart, .sugarWingChart{overflow-y:hidden; overflow-x:auto width:100%;} .policywingChart .orgChartInBlock, .storageOlChart .orgChartInBlock, .basicPlanChart .orgChartInBlock, .impexWingChart .orgChartInBlock, .admnWingChart .orgChartInBlock, .sugarWingChart .orgChartInBlock{width:480px; margin-bottom:10px;} */ } @media only screen and (max-width:360px) { body { background:#fff; } .topLinkSec { margin:0 -10px; } #wrapper { padding:0 10px; } .middleLeft, .middleRight { padding:10px 0; } .innerCont { padding:0; } .breadcrumb { padding-left:0; } #footer .footerCenter p { margin:0 0 5px 0; } .albumWrapper li { width:85%; } .actmoduleSearchNew .moduleSearch100 .issueDate, .actmoduleSearchNew .moduleSearch100 .validDate { float:none; width:100%; } .level3LineMid:before { margin-left: 70px; } .level3LineMid:after { margin-left: -70px; } .level3LineMid:before, .level3LineMid:after { height: 96px; top: -96px; } .policywingChart .orgSmallChartBox.lineMidHori3::before { margin-left: -30%; width: 60.4%; } .storageOlChart { overflow-y:hidden; overflow-x:auto; width:100%; } .storageOlChart .orgChartInBlock { width:260px; margin-bottom:10px; } .sugarWingChart .oneColRightLine .orgSmall3Chart.lineMidHori1:after { margin-left: -35%; width: 70%; } .tenderList .moduleSearch input.goButton { float:left;} }