/* Media Queries */ @media only screen and (max-width:1366px) { } @media screen and ( max-width: 1200px ) { .container { max-width: 970px; padding-left: 15px; padding-right: 15px; } .welfareSchemes{ z-index:5;} /*Navigation*/ .toggleMenu .mobileMenu{ display:none;} .mainNavigation { margin-top:10px; position:static; } #nav { display:none; position:absolute; left:0; right:0; background:#e9e9e9; z-index:999; top:45px;} #nav ul { background:#a9a9a9; } .toggleMenu, #nav .menuIcon { display:block!important; } #nav li { float:none; display:block; border:none; } #nav li a { border-top:1px solid #c9c9c9 ; text-align:left;} #nav li.parent { position:relative; } #nav li .menuIcon, #nav li li .menuIcon { width:46px; height:auto; background-color:#bababa; background-color: rgba(0, 0, 0, 0.2); background-image:url(../../images/down-arrow.png); 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:#bababa; background-color: rgba(0, 0, 0, 0.2); } #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:#bababa; 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:16px; font-size:14px; } #nav li ul li a { padding:7px 55px 7px 25px; display:block; line-height:21px; background:url(../../images/right-arrow.png) 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:#8a8a8a; 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:#8a8a8a; color: #fff; } #nav li ul ul {left: 0; top: 0; z-index: 110;} #nav li.MenuLi10:hover > ul li:hover > ul {right: 0;} #nav li ul { width: 100%; padding: 0; position: relative; left: auto; top: 0; z-index: 99; border-top: 0px solid #f17039; background: #a9a9a9; margin:0; } .toggleMenu { display: none; padding: 11px; text-decoration: none; width: 50px; float: right; position:relative; z-index:9999; } #nav li ul li { border-top:0!important; } #nav li.MenuLi6 ul { width:100%; } #logo { width:330px; } .marqueeScrolling { display:none; } .historical { padding:8px 0 42px; } .colLeft { width: 66%; float: left; } .newsWrap{ margin-top:0;} .historicalBg{ width:290px;} .ministerProfile{ margin-top:22px;} .news .ticker{ width:80%;} .news .ticker .tickerDivBlock{ width:615px;} .welfareSchemesWrap{ margin-top:0; padding:14px 0 14px;} .shadow{ height:0;} .news{ height:118px;} .usefulLinks li .info{ width:160px;} .welfareSchemes .exControl{ right:0;} .innerContent{ width:68%; padding-left:0;} .headStick{ position:relative;} .mainNav .container{ position:relative;} .mainNav .container::after { position: absolute; content: "Menu"; left: 24px; color: #333; font-size: 17px; top: 10px; font-weight: 600;} .librarySearchBlock {margin: 0; padding: 5px;} .innerContent .marqueediv span{ padding-left:0 !important;} .librarySearchBlock{ text-align:center;} #ContentPlaceHolder1_UCSchemeandYearWiseData1_DivSrch .menuRight{ width:100%!important;} } @media screen and ( max-width: 1023px ) { .accessbar li{ display:none;} .accessbar li:last-child{ display:block;} .accessbar li #accessControl{ display:none !important;} } @media screen and ( max-width: 992px ) { .container {max-width: 750px;} #logo { width: 330px; float: none; margin: 0 auto; } .searchbar, .searchbar img { float: none; text-align: center; } .marqueediv{ text-align:center;} .searchbar{ margin-top:15px;} .toggleMenu{ max-width:750px; margin:0 auto;} .ministerProfile{ width:100%;} .historicalBg {width: 100%;} .welfareSchemes .title h3 {width: 70%; padding-right: 20px;} .welfareSchemes .exControl{ top:7px;} .colLeft{ width:100%;} .ministerProfile.ministerProfileLeft{ margin-top:0;} .news .newsTxt { float: none; margin: 20px 0 10px 0; padding: 0; line-height:20px; font-size: 1.333em; text-transform: uppercase; background: none; display: block; } .news .ticker { width: 100%; position:relative; margin-bottom:30px; } .controls { float: none; padding-top: 0; position: absolute; right: 0; top: -30px; } .news .ticker .tickerDivBlock { width: 100%; } .welfareSchemes, .home .usefulLinks { padding: 0 0 8px 0; } .usefulLinks li { margin-bottom:10px; } .footerBlock { width: auto; float: none; padding-left: 0; text-align: center; } .footerLinks li { display: inline-block; float:none; margin-bottom:12px; margin-right: 10px; padding-right: 10px; border-right: 1px solid #fff; } .footerLinks { margin-bottom: 0 !important; padding: 0px 0px; } .footerLogo { float: none; padding: 2px 20px 0 0; width: 320px; margin: 10px auto 5px; clear: both; } .typeWritingPara { height: auto; margin-bottom: 15px; } .innerContent { width: 100%; } .sidebar { width: 100%; float: right; margin-top:20px; } .headStick { width:100%; } .appFormBox { width:100%; margin:10px 0px; } .news .ticker .tickerDivBlock ul li { height: auto; } .onlineApply { display:block; } } @media screen and ( max-width: 768px ) { .container {max-width: inherit;} } @media screen and ( max-width: 767px ) { .feedbackForm .col {width: 100%;} .formGroup{ width:100%;} .usefulLinks li .info a{ font-size:16px;} .librarySearchBlock {margin: 0; padding: 5px; text-align: center;} .libTextBox {max-width: 100%;margin-top: 6px;} .searchForm select {width: 100%;} .libSearchBox {width: 90%;} } @media screen and ( max-width: 600px ) { .search {float: left; margin: 5px 0; width: 100%;} .search input[type="text"]{ width:90%;} .welfareSchemes .title h3 {width:68%; font-size: 15px;} .gallery li{ width:50%;} .records .txt{ font-size:12px;} .pagingbar { text-align:center;} .records, .records.go {display:inline-block; vertical-align:top; float:none; margin:0 5px 10px;} .paging {padding:0;} .usefulLinks li .icon{ height:42px; width:42px;} .helpNo{ display:block;} .marqueediv span{ padding-left:0 !important;} .inputBlock{ width:100%;} .breadcrumb {padding: 0 0 0 0;} .scholarShipBox{ margin:15px 20px;} #ContentPlaceHolder1_RegistrationUC1_TxtAccountNo2 ,#ContentPlaceHolder1_RegistrationUC1_TxtAccountNo1,#ContentPlaceHolder1_RegistrationUC1_TxtAccountNo3,#ContentPlaceHolder1_RegistrationUC1_TxtAccountNo4{ width:65px !important;} #ContentPlaceHolder1_RegistrationUC1_divSingupPanel .signupBtns ,#ContentPlaceHolder1_Grievance1_divSingupPanel .signupBtns { width: 100%; position: relative; padding-top: 80px; } #ContentPlaceHolder1_RegistrationUC1_divSingupPanel #ContentPlaceHolder1_RegistrationUC1_DivCapcha , #ContentPlaceHolder1_Grievance1_divSingupPanel #ContentPlaceHolder1_Grievance1_Div1 { position: absolute; top: 0; } #ContentPlaceHolder1_RegistrationUC1_UpdatePanel1 div { width: 100% !important; } .signupBtns input {margin-left: 0;} #ContentPlaceHolder1_RegistrationUC1_divSingupPanel .autoWdth { width: 100% !important; } #ContentPlaceHolder1_RegistrationUC1_divSingupPanel .userPhoto input[type="file"] { width: 58%; } #ContentPlaceHolder1_RegistrationUC1_divSingupPanel .uploadProfile {width: 295px;} #ContentPlaceHolder1_RegistrationUC1_divMandatoryField{ display:none;} .advanceSearchPanel .searchDiv{ width:100%; padding:20px;} .advanceSearchPanel .row{ margin:0; width:100%; margin-bottom:15px;} .advanceSearchPanel .searchDiv label,.advanceSearchPanel .searchdivField{ padding-left:0;} #ContentPlaceHolder1_UCPMSSMeritList1_ddlGender{ width:100% !important;} .searchDiv li.row.nobdr:last-child {margin-top: 10px !important;} #ContentPlaceHolder1_UCPaymentlistRMDF1_ddlScheme,#ContentPlaceHolder1_UCPaymentlistRMDF1_divAdvanceSearchPanel li{ width:100%!important;} .trackGravBtn {margin: 0px 8px 15px; width:97%;} .trackGravBtn label{ display:block; text-align:left;} .trackGravBtn .red {position: absolute; left: 125px; top: 0;} } @media screen and ( max-width: 480px ) { .minister .ministerPic {margin-right: 10px;} #logo{ width:auto;} .gallery li .img {width: 280px; margin: 0 auto;} .schemeList .item{ float:none; margin:0 auto;} .signupBtns {width: 100%; position: relative;} .signupBtns .alignRight {float: left;} .footerLogo { float: none; width:auto; padding:2px 0 0 0; text-align: center; } .signupBtns .red {position: absolute; left: 125px; top: 0;} .signupBtns .autoWdth {width: 100% !important; display: block; text-align: left; margin-bottom: 0;} .signupBtns .alignLeft {width: 100%; text-align: left;} .footerLogo .footerLinks { float: none; text-align: center; } .footerLinks li.footerRightLink { float: none; } .footerLogo .indGovLogo { float: none; display: block; margin-top: 10px; text-align:center;} .minister .ministerDesc {padding-top: 4px;} .minister .ministerPic {width: 103px;} #ContentPlaceHolder1_Payment1_divMandatoryField {text-align: left !important;display: block; width: 100%; padding: 15px;} .signupPage {margin-top: 40px;} .onlineApply {margin-top: 0; margin-bottom: 18px;} .scholarShipBox{margin:10px auto; display:block;} } @media screen and ( max-width: 320px ) { }