/* Roonix Roofing Repair HTML-5 Template */
.hide-xs{ display:block; }
.hide-md{ display:none; }
@media only screen and (max-width: 1540px){

}
	
@media only screen and (max-width: 1340px){

}

@media only screen and (max-width: 1200px){

}

@media only screen and (max-width: 1140px){

}

@media only screen and (min-width: 768px){
	
}

@media only screen and (max-width: 1023px){
}

@media only screen and (max-width:1024px){
}

@media only screen and (max-width: 900px){
	
}

@media only screen and (max-width: 767px){
.hide-xs{ display:none; }
.hide-md{ display:block; }
.container {padding-right: 15px; padding-left: 15px;}
p, ul, ol, li {font-size: 16px;line-height: 24px;}
h4 { font-size: 20px; line-height: 28px;}
h6 {line-height: 22px;}
.video-landing-nav1 {  padding:5px 10px;}
.video-landing-nav1 { border-bottom: 1px solid var(--grey-color);}
.video-landing-nav1 p{ color: var(--black-color);font-size: 12px; line-height: 18px; letter-spacing: 0; }
.menu-left-content .brnd-logo1 h2{ display:none; }
.menu-left-content .brnd-logo1 img.logo { width: 46px;}
header .navbar-nav li.dropdown a:before { content: "expand_more";font-family: 'Material Symbols Outlined'; transition: all .3s ease; position: absolute; right:0px;}
header .navbar-nav li.dropdown ul.dropdown-menu a:before {right: 0;}
header .navbar-nav li.dropdown ul.dropdown-menu .head { display: none;}
header .navbar-nav li.dropdown-submenu a.dropdown-item-toggle:hover:before {right: -2px !important;}
.video-landing-nav2 .brnd-logo img.logo {width: 40px; top: -5px;}
header.fixed-menu .video-landing-nav2 .brnd-logo h2,
.video-landing-nav2 .brnd-logo h2 {         font-size: 40px;
        color: var(--blue);
        position: relative;
        top: 2px;}
.video-landing-nav2 .brnd-logo h2 span { display: block; font-size: 8.7px; margin-top:0px;}
.video-landing-nav2 .brnd-logo h2 span.naccrank {border-top: 1px solid #333; margin: 0px 0 0 0;padding: 0px 0 0 0;}
.video-landing-nav2 {padding: 8px 10px 10px 9px;}
.hamburger-sec img {filter: brightness(1) invert(0);}
header.fixed-menu .video-landing-nav2 .nav2-right .hamburger-sec p,
.hamburger-sec p{ display:block; color: var(--blue); }
.video-landing-sec { height: 90px;}
header.fixed-menu .video-landing-nav2 .hamburger-sec img,
.hamburger-sec img{ margin-top:5px;  width: 30px;}
.video-landing-nav { background: #fff;} 	
.menu-desktop {display: block;}
.menu-left-content .inner-menu-header {padding: 10px;}
.menu-left-content .brnd-logo1 h2{ display:none; }
.menu-left-content .brnd-logo1 img.logo { width: 46px;}
.menu-micon-btns span { font-size: 9px;}
.menubar .links_list {display: block; width: 95%;}
.menu-micon-btns span.micon { font-size: 22px;}
.links_list ul.navbar-nav li a{font-family: var(--font-secondry) !important; font-weight: 800; font-size: 20px;line-height: 22px;} 
.links_list ul.navbar-nav li.active-open a, 
.links_list ul.navbar-nav li a:hover { font-size: 22px;}
#search-box { padding:0px 0 0 0; margin:60px 0 0 0;}
#search-box form {padding:0px 60px 5px 30px;}
#search-box .closesearch {top: 0px;right: 6px;}
#search-box form .btn-submit { right: 63px;top: 2px;}
.links_list ul.navbar-nav li.active-open .dropdown-menu.homelevel {left: 0;float: none;width: 100%;position: relative; padding: 0 0 30px 0;}
.links_list ul.navbar-nav li.active-open.hide-xs,
.links_list ul.navbar-nav li.hide-xs{ display:none; }
.links_list ul.navbar-nav {  width: 100%; padding:1% 0px; margin:0;}
.menubar.open-menu .links_list { width: 100%; padding: 3% 15px;}
.links_list ul.navbar-nav li.active-open ul.dropdown-menu.level-1 {left:0;float: none;position: relative; padding: 0 0 0 15px; width: 100%;}
header .navbar-nav li.dropdown ul.dropdown-menu a {font-size: 16px; line-height: 24px; white-space: normal;}

.quick-links-1, .quick-links-2, .quick-links-3, .quick-links-4 {  width: 120px;height: 120px;     overflow: visible;}
.quick-links-1 img, .quick-links-2 img, .quick-links-3 img, .quick-links-4 img { width: 120px;}
.quick-links-1::after,
.quick-links-2::after,
.quick-links-3::after,
.quick-links-4::after { position: relative; top: 10px; height:auto;}
.key-links-title { margin-top: 40px !important;}
#panel.uon-front-door #page-header.bannervideo-bg .no-header-tint {padding: 15px;}
#panel.uon-front-door #page-header.bannervideo-bg .no-header-tint .box-blue.w70{width:100%  }
#panel.uon-front-door #page-header.bannervideo-bg .no-header-tint .headline-50px {font-size: 26px; letter-spacing: 0.10px; line-height: 36px !important;}
#panel.uon-front-door #page-header.bannervideo-bg .no-header-tint p {font-size: 16px; width: 100%;}
#page-header { background-color:var(--blue);}
.about-sec .uon-large-block-cta-link-inside { padding: 10px 20px;}
.numbers { padding: 0;}
h2.underlined {font-size: 24px; line-height: 30px;}
h2.underlined.noti_tend_title {font-size: 2rem;}
.explorenluo-sec{ padding:15px; }
.explore-sec .uon-card-content h3 {font-size: 18px;}
.notification-sec .news-block ul li figure { margin: 0 0 15px 0; width: 100%;}
.notification-sec .news-block ul li figure img{width:40%;}
.notification-sec .news-block ul li .news-ctnt { width: 100%;}
.notification-sec .notiul { height: auto;}
.notification-sec .news-block .notiul { height: 475px;}

.notification-sec .news-block ul li { margin-bottom: 15px;}
.notification-sec .news-block p.btn-sec { padding-right: 0; margin: 0px -15px 20px 0;}
.notification-sec .notification-block { padding-top:20px; border-top: 2px solid #f3f3f3;}
.notification-sec .notification-block .heading-blk ul.nav-pills { margin: 0 0 15px 0;}
.notification-sec .notification-block .tab-content ul li {  margin-bottom: 10px;}
.notification-sec .notification-block .tab-content p.btn-sec { top: 0;}
.events-home-sec{ padding-top:0 !important; }
.scroll-gallery-sec aside.blcks1 .in-block { height: 300px;}
.scroll-gallery-sec aside.blcks2 .in-block {height: 140px;}
.marquee-sec .marquee ul li.w25 { width: 220px;}
.scroll-gallery-sec aside .in-block.txt { padding: 28px 0 0 0;}
.socialfeeds-sec {padding:15px 30px;}
.socialfeeds-sec .col-md-4{ margin:15px 0; }
.socialfeeds-sec .body-content {padding: 0; border-bottom: 0px dotted #fff;}
.centers-sec ul li {width: 31%;padding: 10px;  margin: 4px 2px;}
#uon-footer .col ul { display: block; padding: 0;}
#uon-footer .col h4 { border: 0px solid #5b6270;padding:20px 0 0px 0;}
#uon-footer .col br,
#uon-footer .footer-info br{ display:none; }
.affailiates-sec a {width: 29%; padding: 5px;margin: 5px; border-radius: 8px; display:inline-block !important;}
#uon-footer .footer-info p a{ display: display:inline-block !important; font-size:12px; }

.affailiates-sec a img { height: 35px;}
#uon-footer .footer-info p:first-child{font-size: 14px;}
#uon-footer .footer-info p {font-size: 12px; text-align: center; display: block; float: none; margin:10px 0;}
#uon-footer .footer-info h4 { margin: 16px 0;}

.hero.inner-banner {height: 150px;}
.hero.inner-banner .hero_text h4 { font-size: 22px;}
#uon-side-menu > ul, #uon-side-menu > ol { display: none;}
.page-sec .in-content-blk {padding: 15px 15px 15px 15px;}
.page-sec .in-content-blk h2{ margin:20px 0 10px 0; }

.side-menu-m #uon-side-menu > ul, 
.side-menu-m #uon-side-menu > ol { display:block;} 
.side-menu-m #uon-side-menu > ul, 
.side-menu-m #uon-side-menu > ol {margin: 0;}

.side-menu-m .navbar-header {background: #f2f2f2; padding: 5px 4px 5px 9px; box-shadow: 0 4px 32px rgba(0, 10, 61, .16); border-radius: 7px; opacity:1;}
.side-menu-m .navbar-header .navbar-toggle { padding: 0px 0px; margin-right: 0; margin-top:5px; margin-bottom: 0;}
.side-menu-m .navbar-header .icon-bar { background: #002ca9;}
.side-menu-m .navbar-header .icon-bar:nth-child(3){width: 16px;}
.side-menu-m .navbar-collapse{ padding:0; }
.side-menu-m #uon-side-menu ol {border-left: 0px solid #D9DBE0;}

.numbers { display: block !important; padding: 0px 0 !important;}
.c-filtering .tabs {display: block; height: auto;}
.c-filtering .tabs .tab-link {display: inline-block;width: 49%;}
.c-filtering .tab-content { margin: 40px 15px;}

.faculty-banner-sec img.user-bg {height: 400px;}
.faculty-banner-sec img.user-img {right: 5%;width: 200px;}
.faculty-banner-sec .hero_text {bottom: auto;top: 20px;}
.faculty-banner-sec .hero_text h4 { font-size: 1.8rem; margin: 20px 0 10px 0;}
.faculty-banner-sec .hero_text h6 {font-size: 1.2rem; margin-top: 0;}

.vcs-old-sec .vcs-block aside { margin: 0;}
.vcs-old-sec .vcscarousel::before {  top: 42px;}
.vcs-old-sec .vcs-block { margin-top: 15px; margin-bottom: 15px;}
.vcs-old-sec .vcs-block aside p { margin: 20px 0 0px 0;}
.vcs-old-sec .vcs-block .owl-nav button span { top: -5px;}

.center_cards {padding: 15px 0;}
.center_cards .img-sec .image img { margin: 0px auto 10px 6%;}
.centre-inner-page-sec .image img{ width:100%; } 
.card-block aside { width: 100%; text-align: left;}
.alumni-sec .card-block aside .in-card.mt_30 { margin-top: 30px;}
.alumni-sec .card-block.card2 aside { width: 47%;}
.alumni-sec .card-block aside h4 {font-size: 14px !important; line-height: 22px !important;}
.alumni-regi .c-filtering{ margin:15px 0; }

.contact-tab-sec .c-filtering .tab-content { margin: 40px 0px; padding: 15px;}
.contact-tab-sec .c-filtering .tabs.nav-pills { height: auto; overflow-x: unset; overflow-y: unset;white-space: unset; text-align: center;}
.contact-tab-sec .c-filtering .tabs.nav-pills li a{ width: 100%; border-right: 0px solid #d6d6d6;
    border-top: 0px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;}
.contact-tab-sec .c-filtering .tabs.nav-pills .tab-link {width:100%; }
.contact-tab-sec .c-filtering  .tab-content .statutory-blue { clear: both;}
.contact-tab-sec .c-filtering .tabs .tab-link a {font-size: 16px;font-weight: 700; letter-spacing: 1px;}
.facultydetails .profile-header .content-cell { padding: 15px 0 0px 0px;     margin: 0 -10px;}
.facultydetails .profile-header .content-cell h3 {line-height: 34px;}
.facultydetails .profile-header .content-cell h3 .scial-icon { width: 26px; top: -4px;}
.facultydetails .profile-header .bborder span.txt { font-size: 14px; line-height: 20px;}
.facultydetails .nav-tabs li{ margin:15px 0; }
.facultydetails .tab-content { margin: 10px 0px;}
#uon-footer a, #uon-footer p { display: block;}

.fancybox-content {  padding: 10px;}
.fancybox-content img{ margin-bottom:15px; }
.fancybox-slide--html .fancybox-close-small { padding: 10px;right: 0; top: 0;background: #fff; opacity:1;}

.filter-sec .pull-right{ float:none !important; }
select.selectpicker.sorting{ margin-bottom:10px; }
.c-filtering .tabs .tab-link a {
    padding: 6px 15px;
}
.c-filtering .tabs .tab-link.active a {
    background: transparent;
    color: var(--red-color);
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1px;
    position: relative;
    z-index: 1;
    border-bottom: 2px solid var(--red-color);
    border-top: 0px solid var(--red-color);
}

p.logo-address strong {
    display: block;
}
.scroll-gallery-sec .headingsec .left,
.events-home-sec .headingsec .left {width: 63%;}
.scroll-gallery-sec .headingsec .right,
.events-home-sec .headingsec .right {width: 35%;}
.scroll-gallery-sec .headingsec { padding: 0 15px;}

.centers-sec {padding: 4% 15px;}

.faculties-sec .searchandfilter ul li.sf-field-taxonomy-faculty-categories ul, .faculties-sec .nav-tabs {display: block;}
.searchandfilter ul li { position: relative;}
.faculties-sec .searchandfilter ul li.sf-field-taxonomy-faculty-categories ul li .sf-input-radio { position: absolute;}
.searchandfilter ul li li { display: inline-block;}
.faculties-sec .searchandfilter ul li.sf-field-taxonomy-faculty-categories ul li label, 
.faculties-sec .nav-tabs li a {border-radius: 10px; margin: 0 0 0 3px; font-size: 14px; padding: 8px 8px;}

.admission-btn-sec { display:none; }
.m-admission-btn-sec .admission-btn-sec { display:block; text-align: center; }
.m-admission-btn-sec .admission-btn-sec .btn {margin: 40px auto 8px auto;  width: 30%; font-size:12px;}
.menu-left-content {gap: 0;}
.admission-btn-sec .btn-icon { font-size: 12px; z-index:1;}


.links_list ul.navbar-nav li.active-open ul.dropdown-menu.level-1 {top: 15px;}
.links_list ul.navbar-nav li.active-open ul.dropdown-menu.level-1 {height: auto;}
header.fixed-menu .video-landing-nav2 .nav2-right {gap: 40px;}
}

@media only screen and (max-width: 599px){
	
} 

@media only screen and (max-width: 479px) {

	
}