/* ************* Media Queries Tablets ****************** */ @media only screen and (max-width:1300px) { .container { padding: 0 15px; } } @media only screen and (max-width: 1280px) { .pageTitle h1 { font-size:2.3em; } .mapWrap img { height: 100%; width: auto; } } @media only screen and (max-width: 1200px) { div#mainNav ul li a { padding:10px 5px; font-size:14px; } .boardOfManagementDetailWrap .row .cols4 { width: 50%; } .footerSectionTopDiv .row .cols9 { width: 100%; } .footerSectionTopDiv .row .cols3 { width: 100%; } } @media only screen and (max-width: 1100px) { } @media only screen and (min-width: 1025px) { /*#nav{display:block !important;}*/ #navhorizontalMenu { display: block !important; } } @media only screen and (max-width: 1024px) { .iqacPage .left-sidebar { float: none; display: block; width: 100%; } .iqacPage .left-sidebar-list ul { padding: 0; display: flex; flex-wrap: wrap; } .iqacPage .left-sidebar-list ul li { width: 50%; } .pageTitle h1 { font-size:2em; } .hasJS #navhorizontalMenu ul { padding:0px; } #navhorizontalMenu li ul li a { color:#333!important; border-color:#ccc!important; } .megaMenuItem .menuSubUl { padding:0px!important; } .megaMenuItem .menuSubUl li { width:100%!important; } #navhorizontalMenu ul ul { min-height:auto; } .mainNavigation { position:static; } .megaMenuItem .menuSubUl { border:0px!important; } #navhorizontalMenu .menuIcon.open { background-position:bottom center; background-image:url(../../images/up-arrow.gif); } .subIcon { position:absolute; right:50px; top:0px; height:20px; width:20px; background:#000; } .megaMenuItem .menuSubUl li { position:relative; } #navhorizontalMenu .menuIcon { position:absolute!important; } #navhorizontalMenu li.parent { position:relative!important; } div#mainNav ul li a { padding:10px 15px; } .megaMenuItem .menuSubUl { padding:0px 46px 0 0!important; } .fix-header.sticky { position:relative; } .hasJS #navhorizontalMenu ul { width:100%!important; } #navhorizontalMenu ul li .menuIcon { display:block; } div#mainNav ul { width:100%; } #horizontalMenu { display:none; } /*Navigation*/ .toggleMenu { /*position:absolute; top:-8px; right:0; background:#003879;*/ float: left } .mobileMenu { display: none; } .mainNavigation { margin-top: 10px; position: relative!important; } /*#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:auto; 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);} #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;}*/ #navhorizontalMenu { position: absolute; left: auto; right: 0; background: #ff8340; width: 300px; top: 55px; } #navhorizontalMenu ul { background: #305d93; } .toggleMenu, #navhorizontalMenu .menuIcon { display: block; } #navhorizontalMenu li { float: left; border: none; width:100%; } #navhorizontalMenu li a { border-top: 1px solid rgba(255, 255, 255, 0.4); color: #fff; } #navhorizontalMenu li.parent { position: relative; } #navhorizontalMenu li .menuIcon, #navhorizontalMenu li li .menuIcon { width: 46px; height: auto; 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 center; position: absolute; right: 0; top: 0; bottom: 0; cursor: pointer; } #navhorizontalMenu li .menuIcon.active, #navhorizontalMenu li li .menuIcon.active { background-color: #002d63; background-color: rgba(1, 36, 78, 0.5); } #navhorizontalMenu li > a:hover, #navhorizontalMenu li.hover > a, #navhorizontalMenu li.active > a, #navhorizontalMenu li ul li a:hover, #navhorizontalMenu li ul li > a.selected, #navhorizontalMenu ul a:hover, .noJS #navhorizontalMenu ul a:focus, #nav ul a.selected, #navhorizontalMenu > li > a:hover, #navhorizontalMenu > li.hover > a, #navhorizontalMenu > li.focus > a { background-color: #002d63; color: #fff; } #navhorizontalMenu ul { width: 100%; display: none; position: static; transition: none; -webkit-transition: none; } .hasJS #navhorizontalMenu ul { opacity: 1; } #navhorizontalMenu li ul li, #navhorizontalMenu ul a { width: 100% } #navhorizontalMenu > li:hover > ul, #navhorizontalMenu li li:hover > ul, #navhorizontalMenu li li li:hover > ul { display: none; } #navhorizontalMenu ul, #navhorizontalMenu *:hover ul ul, #navhorizontalMenu .hover ul ul, #navhorizontalMenu .focus ul ul { margin-left: 0; } #navhorizontalMenu li a { padding-left: 15px; padding-right: 15px; display: block; line-height: 22px; font-size: 14px; } #navhorizontalMenu li ul li a { padding: 7px 55px 7px 25px; display: block; line-height: 21px; color: #fff; border: none } #navhorizontalMenu li ul li ul li a { padding-left: 45px; background-position: 33px center } #navhorizontalMenu li ul li ul li ul li a { padding-left: 60px; background-position: 45px center } #navhorizontalMenu > li > a:hover, #navhorizontalMenu > li.hover > a, #navhorizontalMenu > li.focus > a, #navhorizontalMenu > .highlight > a { background-color:#ff5a00; color: #fff; } #navhorizontalMenu li ul li a:hover, #navhorizontalMenu li ul li > a.selected, #navhorizontalMenu ul a:hover, .noJS #navhorizontalMenu ul a:focus, #navhorizontalMenu ul a.selected, #navhorizontalMenu ul > .highlight > a { background-color: #305d93; color: #fff; } .menuWrapper { padding-right: 0; } .noJS .indexBanner { height: auto; } .aboutUsTwoPartWrap { background: linear-gradient(90deg, rgb(255, 248, 230) 50%, rgb(255, 248, 230) 50%); padding: 20px 0; margin-bottom: 35px; } .aboutUsTwoPartWrap .row .cols6 { width: 100%; margin-bottom: 20px; } .aboutUsTwoPartWrap .row .cols6 .leftContent { padding: 0; } .aboutUsTwoPartWrap .row .cols6 .rightContent { padding: 0; } .officer-img { width: 100%; float: none; margin-right: 30px; margin-bottom: 5px; text-align: center; } .officer-footer { display: block; font-size: 16px; } .officer-disc { padding: 15px 30px; width: 100%; } .officer-footer-div { display: block; text-align: left; width: 100%; margin-bottom: 10px; } .officer-footer-div + .officer-footer-div { border-left: 0; padding-left: 0; margin-left: 0; width: 100%; display: block; float: none; } .statuesWrap ul li .contentBlock { min-height: 175px; } .syllabusItem .imgHolder { float: none; width: 100%; } .syllabusItem .syllabusItemCard { float: none; width: 100%; padding: 20px; } .resultItem .imgHolder { float: none; width: 100%; } .resultItem .resultItemCard { float: none; width: 100%; padding: 20px; } .photoVideoList li { width: 33.33%; padding: 15px; } .titleRow { display: block; } .titleRightLink { margin: 10px 0; } .siteFooter .footerSectionTopDiv { background: #3d3d3d; padding: 30px 0; } .addressLinksWrap .row .cols5 { width: 100%; } .addressLinksWrap .row .cols7 { width: 100%; margin: 0 15px; } .usefulLinks ul li { width: 33.33%; } .bottomLinks .bottomLinkLfet { float: none; width: 100%; margin-bottom: 10px; } .bottomLinks .bottomLinkRight { float: none; width: 100%; } .bottomLinkRight p { margin-bottom: 0; font-size: 14px; color: #fff; text-align: left; } .left-sidebar { display:none; } /*************Module Filter**********/ .moduleSearch li:first-child .inputCol, .moduleSearch li .inputCol { width:144px; } .moduleSearch li label, .moduleSearch li .label { padding:0 5px 0 0; } .moduleSearch li { padding-right:10px; } .moduleSearch li .btnSearchReset input { padding:0 10px; } .mouse_scroll { display : none; } .speechesItem .imgHolder img { height:auto; } .variousDeptWrap .row .cols3 .mainSection .sectionTitle a { font-size:0.8em; } } @media only screen and (max-width:900px) { .photoGalleryList li { float: left; width: 50%; padding: 10px; } .extensionEducationActivities .row .cols3 { width: 35%; } .extensionEducationActivities .row .cols9 { width: 65%; } .publicationDocumentWrap .row .cols6 { width: 100%; margin-bottom: 5px; } /*************Module Filter**********/ .moduleSearch li, .moduleSearch li:last-child, .moduleSearch.eventSearch li { width:50%; padding:5px; } .moduleSearch li label, .moduleSearch li .label { display:block; padding:0 0 5px 0; } .moduleSearch li:first-child .inputCol, .moduleSearch li .inputCol { width:100%; } .moduleSearch li .btnSearchReset { width:100%; margin-top:28px; } .moduleSearch li .btnSearchReset .button, .moduleSearch li .btnSearchReset .resetBtn, .moduleSearch li .btnSearchReset input { width:100px; float:left; margin-right:5px; line-height:31px; padding:3px; } .moduleSearch li .btnSearchReset { width: 100%; margin-top: 10px; } } @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%; } .boardOfManagementDetailWrap .row .cols4 { width: 100%; } .VeterinaryAnimalScienceDetailWrap .row .cols6 { width: 100%; } #PagingNotificationDoc { display: flex; } .pagination-container { margin: -2px 0 0 15px; } } /* ************* Mobiles Media Queries ****************** */ @media only screen and (max-width: 767px) { .container { max-width: 100% !important; } .locationInfo { right:55px; } .serachBar { position: absolute; bottom: 0; z-index: 999999; width: 10%; right:0; } .topStrip .leftLink:nth-child(2) li:first-child { display: none; } .serachBar .searchBox .expandSearch { width: calc(100vw - 20px) !important; } .topHeaderMobHide { display: block; background: #f0f0f0; padding: 7px 0; line-height: 1.5; } .topHeaderMobHide .topStrip li { padding: 0px 0px 0 4px; } .breadcrumb-item, .breadcrumb-item a { padding:0 9px 0 9px; font-size:14px; } .pageTitle h1 { font-size:1.8em; } .toggleMenu { /*position:static; width:100%; background:#042255; padding:8px 15px;*/ } .mainNavigation { width: 100%; margin: 0; position: relative; } /*#nav{width:100%; left:0;right:0; max-height:400px; overflow-y:auto;} */ #navhorizontalMenu { width: 100%; left: 0; right: 0; overflow-y: auto; } .mobileMenu { display: inline-block; } .toggleMenu .mobileMenu { font-size: 17px; padding: 3px 0; } .statuesWrap ul li { width: 100%; padding: 15px; } .statuesWrap ul li .contentBlock { min-height: 150px; } .affiliationWrap ul li .contentBlock { min-height: 120px; } .academicCalenderListing li h3 { font-size: 1.592em; color: #3d4095; font-weight: 600; margin-bottom: 20px; } .libraryWrap { padding: 85px 0 35px 0; } .libraryWrap .row .cols5 { width: 100%; margin-bottom: 20px; } .libraryWrap .row .cols7 { width: 100%; } .otherResourcesWrap { padding: 35px 0; } .otherResourcesWrap .row .cols7 { width: 100%; margin-bottom: 20px; } .otherResourcesWrap .row .cols5 { width: 100%; margin-bottom: 20px; } .planningBoardWrap { margin-bottom: -30px; background: linear-gradient(90deg, rgb(244, 244, 244) 70%, rgb(244, 244, 244) 25%); padding: 35px 0; } .planningBoardWrap .row .cols5 { width: 100%; } .planningBoardWrap .row .cols7 { width: 100%; } .photoVideoList li { width: 50%; padding: 15px; } .commonListing li .row .cols2 { display: none; } .commonListing li .row .cols10 { width: 100%; } .aboutSection .latestAnnouncement { margin: 30px 0 0; } .sliderCation { display: none; } } @media only screen and (max-width:640px) { .pageTitle h1 { font-size:1.6em; } .syllabusWrap .row .cols6 { width: 100%; } .syllabusItem .imgHolder { float: none; width: 100%; height: 150px; overflow: hidden; } .resultWrap .row .cols6 { width: 100%; } .resultItem .imgHolder { float: none; width: 100%; height: 150px; overflow: hidden; } .academicCalenderListing li { float: left; width: 100%; padding: 10px; text-align: center; } .examScheduleListing li { float: left; width: 100%; padding: 10px; text-align: center; } .photoGalleryList li { float: left; width: 100%; padding: 10px; } .extensionEducationActivities .row .cols3 { width: 100%; text-align: center; margin: 15px 0; } .extensionEducationActivities .row .cols9 { width: 100%; } .left-sidebar { display: none; } .officer-info-div-sm .officer-img { margin: 30px; width: 126px; display: none; } .officer-info-div-sm .officer-disc { padding-left: 30px; } .moduleSearch li { float: left; list-style: none; padding-right: 10px; width: 100%; } .admissionWrap .admissionDetailBox { padding: 50px; } .admissionWrap .admissionDetailBox .admissionLink .linkTitle { font-size: 1.5em; } .usefulLinks ul li { width: 50%; } .moduleSearch li { width: auto; float:none; margin-bottom: 5px; padding-right:0; } .moduleSearch li .btnSearchReset { margin-top:0; } } @media only screen and (max-width:600px) { } @media only screen and (max-width:570px) { .iqacPage .left-sidebar-list ul li { width: 100% !important; } .addressLinksWrap .row .cols7 .row .cols8 { padding-left: 0; width: 100%; } .addressLinksWrap .row .cols7 .row .cols4 { width: 100%; padding-left: 0; } .quickLinks ul li { width: 50%; } /*************Module Filter**********/ .moduleSearch li, .moduleSearch li:last-child, .moduleSearch.eventSearch li, .moduleSearch.grDocument li, .moduleSearch.grDocument li:last-child { width:100%; padding:5px 0; } .moduleSearch li .btnSearchReset, .hindiDoc .moduleSearch li .btnSearchReset, .moduleSearch.grDocument .btnSearchReset, .hindiDoc .moduleSearch.grDocument .btnSearchReset { margin:0 -1%; width:auto; display:block; margin-top:10px; } .moduleSearch li .btnSearchReset .button, .moduleSearch li .btnSearchReset .resetBtn, .moduleSearch li .btnSearchReset input { width:48%; margin:0 1%; } } @media only screen and (max-width:480px) { .breadcrumb-item, .breadcrumb-item a { padding:0 5px 0 5px; font-size:12px; } .pageTitle h1 { font-size:1.4em; } .photoVideoList li { width: 100%; padding: 15px; } } @media only screen and (max-width:479px) { } @media only screen and (max-width:400px) { .usefulLinks ul li { width: 100%; } .quickLinks ul li { width: 100%; } } /* added for KU*/ @media only screen and (max-width:1199px) { .popupConAuto { width:auto; } .resTab .tabNav li a { font-size: 24px; } .studentFarmerCornerWrap .row .cols6 .studentFarmerDetailBox .detailBox h3.heading { font-size: 21px; margin-bottom: 10px; } .studentFarmerCornerWrap .row .cols6 .studentFarmerDetailBox .detailBox a { font-size: 14px; } .studentFarmerCornerWrap .row .cols6 .studentFarmerDetailBox p { margin-bottom: 10px; } .hidden-lg { display: none } .topStrip li.langSelector:before { background: none } .d-lg-block { display: block } .photosWrap .sliderNav { top: 7px; } .audiodiv { display: none } .eventsItem .eventsBottom h3 { font-size: 1.3em; } .eventsItem .eventsBottom { max-height: 212px; } } @media only screen and (max-width:991px) { .popupConAuto { width:auto; } .politicians .ministerBox { width: 33%; margin-bottom: 20px; } .politicians .ministerBox:nth-child(3)::after { content:none; display:none; } .rightLinks { float: left; } .itemProjectPhoto { margin-top: 30px; } .itemProjectPhoto img { width: 100%; } .studentFarmerCornerWrap .row .cols6 .studentFarmerDetailBox .detailBox a { font-size: 16px; } .aboutInformation .row .cols6 .welcomeInformation { border-right: 0; padding-right: 0; margin-bottom: 30px; } .aboutSection { padding: 0; } .toggleMenu .mobileMenu { display: none } .hidden-md { display: none } .visible-md { display: inline-flex; align-items: center; float: right; margin: 5px 10px; } .serachBar .searchBox .expandSearch { top: 58px; width: 100% } .serachBar .searchIcon { float: right; margin: 15px 13px } .serachBar .searchBox { position: absolute; right: 0; width: 100%; top: 0; } .serachBar { margin: 0 10px; padding: 0 0 0 20px } .locationInfo { margin: 0; position: relative; z-index: 1 } .toggleMenu { position: relative; z-index: 1 } .photoGalleryTabbing .resTab .tabNav { display: block } .eventsItem .eventsBottom { max-height: 167px; padding: 15px 15px; } } @media only screen and (max-width:767px) { .popupConAuto { width:auto; } .politicians .textCenter { display: flex; flex-wrap: wrap; } .politicians .ministerBox { width: 50%; margin-bottom: 20px; } .politicians .ministerBox::after { height: 100%; } .politicians .ministerBox:nth-child(2)::after, .politicians .ministerBox:nth-child(4)::after, { content:none; display:none; } .politicians .ministerBox:nth-child(3)::after { content: ""; display: block; } .variousDeptWrap .row .cols3 .mainSection .variousSectionHolder img, .educationSectionWrap ul li .educationBox .imageHolder img { width: 100%; } .educationSectionWrap ul li .educationBox .imageHolder, .educationSectionWrap ul li .educationBox .educationDetail { width: 100%; } .educationSectionWrap ul li:last-child .educationDetail { order: 2 } .educationSectionWrap ul li .educationBox .educationDetail { margin: 30px 0 15px } .studentFarmerCornerWrap { padding: 50px 0 } .aboutInformation .row .cols6 h2 { font-size: 2.5em } .audiodiv { display: none } .logoStripe { flex-wrap: wrap; } .logoStripe .logo { width: 100% } .leftLink li:nth-child(6) { display: none } .leftLink { width: 100%; text-align: center; } .topStrip .leftLink:nth-child(2) { display: block; width: 100%; text-align: center; margin-bottom: 5px; } .speechesWrap { margin-top: 30px; } .rightLinks { float: none; text-align: center; display:none; } .topStrip li { float: none; display: inline-block } .topStrip li.langSelector:before { background: #ff5a00 } .pageTitle h1 { width:100%; } .magazineSubionForm .cols4 { width: 100% !important; } .captchaWrap .captchaImg { /* width: 180px; */ /* position: absolute; */ right: 0; top: 3px; border: 1px solid #c6cad5; height: 40px; overflow: hidden; } .captchaWrap .captchaImg { width: 110px; position: absolute; right: 0; top: 0; border: 1px solid #c6cad5; } .captchaFeild { width: 100% !important; display: block; clear: both; } #VerificationCode { width: 250px; } } @media only screen and (max-width:575px) { .popupConAuto { width: 250px; } .popupInner .onLoadPopupClose { height: 35px; right: -11px; width: 35px; } .studentFarmerCornerWrap .row .cols6 .studentFarmerDetailBox .imageBox, .studentFarmerCornerWrap .row .cols6 .studentFarmerDetailBox .detailBox { width: 100% } .studentFarmerCornerWrap .row .cols6 .studentFarmerDetailBox .detailBox { margin: 30px 0 } .aboutSection .latestAnnouncement h2.announcementTitle { float: none } .aboutSection .latestAnnouncement { padding: 15px } .latestAnnouncement .viewall { right: 15px; } .homeBanner .container { padding: 0; } /*.sliderCation { position: relative }*/ .sliderCation .sliderText { padding-left: 0; padding-right: 0; } .politicians .ministerBox { width: 100%; margin-bottom: 15px; } .politicians .ministerBox::after, { content:"" !important; display:block !important; } .politicians .ministerBox::after { height: 1px; width: 100%; bottom: 0%; right: 0; top: auto; } } p .noteRed { color:#FF0000; }