/* ----------150% Zoom CSS -----------*/ @media screen and (min-width:1280px) and (max-width:1360px) { .dropdown-item {padding: 5px 10px; font-size: 12px;} } /* ----------150% Zoom CSS End/-----------*/ @media screen and (min-width: 1600px) { html { font-size: 15px;} header .container-fluid, header .header, footer .container-fluid, #content .container-fluid{ padding-left:130px!important; padding-right:130px!important;} #slider .carousel-inside .carousel-caption{ bottom:40%;} #slider .carousel-inside .carousel-caption h2{ font-size:3.5rem; line-height:4rem;} #slider .carousel-inside-programme .carousel-caption{ bottom:30%;} #slider .carousel-inside-programme .carousel-caption h2{ font-size:3.5rem; line-height:4rem;} } @media screen and (min-width:1600px) and (max-width:1900px){ /* === Content Styles === */ /* --- Home page --- */ .news-events .card-body { padding: 2rem 2rem; min-height:150px;} .sidebar.stickydiv { width: 17.10%;} } @media screen and (min-width:1440px) and (max-width:1599px){ header .container-fluid, header .header, footer .container-fluid, #content .container-fluid{ padding-left: 50px!important; padding-right:50px!important;} /* === Footer === */ .footer-mobile-text a{ font-size: 13px;} .footer-column-last{ float: right; margin-right:46px;} /* === Content Styles === */ /* --- Home page --- */ #slider .carousel-caption { bottom:50px;} #slider .carousel-caption h2{ font-size:2.5rem;} .news-events .card-body { padding: 2rem 2rem; min-height:170px;} .recent-programmes .card-body { min-height: 135px} /* --- Inside page --- */ .marquee-banner .carousel-caption {bottom: 0px;} #slider .carousel-inside .carousel-caption{ bottom:40%;} #slider .carousel-inside .carousel-caption h2{ font-size:2.5rem; line-height:3rem;} #slider .carousel-inside-programme .carousel-caption{ bottom:25%;} #slider .carousel-inside-programme .carousel-caption h2{ font-size:2.5rem; line-height:3rem;} .sidebar.stickydiv {width: 18.95%;} .featured-faculty .card-body{min-height:330px;} .events-item .card-body h6 { min-height: 90px;} #alumni-carousel.owl-carousel .owl-nav button.owl-prev{left:-40px;} #alumni-carousel.owl-carousel .owl-nav button.owl-next{right:-40px;} #industry-endorsement-carousel.owl-carousel .owl-nav button.owl-prev{left:-40px;} #industry-endorsement-carousel.owl-carousel .owl-nav button.owl-next{right:-40px;} #past-events-carousel.owl-carousel .owl-nav button.owl-prev{left:-40px;} #past-events-carousel.owl-carousel .owl-nav button.owl-next{right:-40px;} } @media screen and (min-width:1281px) and (max-width:1366px){ header .container-fluid, header .header, footer .container-fluid, #content .container-fluid{ padding-left: 50px!important; padding-right:50px!important;} /* === Footer === */ .footer-mobile-text a{ font-size: 12px;} .footer-column-last{ float: right; margin-right:46px;} /* === Content Styles === */ /* --- Home page --- */ #slider .carousel-caption { bottom:50px;} #slider .carousel-caption h2{ font-size:2.5rem;} .news-events .card-body { padding: 2rem 2rem; min-height:170px;} .recent-programmes .card-body { min-height: 135px} /* --- Inside page --- */ .marquee-banner .carousel-caption {bottom: 0px;} .marquee-banner .carousel-caption h2{ font-size:2rem; line-height:2rem;} #slider .carousel-inside .carousel-caption{ bottom:34%;} #slider .carousel-inside .carousel-caption h2{ font-size:2.5rem; line-height:3rem;} #slider .carousel-inside-programme .carousel-caption{ bottom:25%;} #slider .carousel-inside-programme .carousel-caption h2{ font-size:2.5rem; line-height:3rem;} #slider .carousel-inside-programme .carousel-caption-bottom{position:absolute;width:100%; bottom:-40%;} .sidebar.stickydiv {width: 18.95%;} .featured-faculty .card-body{min-height:330px;} #alumni-carousel.owl-carousel .owl-nav button.owl-prev{left:-40px;} #alumni-carousel.owl-carousel .owl-nav button.owl-next{right:-40px;} #industry-endorsement-carousel.owl-carousel .owl-nav button.owl-prev{left:-40px;} #industry-endorsement-carousel.owl-carousel .owl-nav button.owl-next{right:-40px;} #past-events-carousel.owl-carousel .owl-nav button.owl-prev{left:-40px;} #past-events-carousel.owl-carousel .owl-nav button.owl-next{right:-40px;} } @media screen and (min-width:992px) and (max-width:1024px){ /* === Footer === */ .footer-logo img{ bottom: 0px; margin-top:0px;} .footer-mobile-text a{ font-size:9px;} .footer-column-last{ float: none; margin-right: 0px;} .call-us img, .write-us img{ padding-right:3px;} .admission-enquiry-btn {padding:10px 40px;} /* --- Video Modal --- */ .videoModal iframe{ width:100%; height:460px; border: 0;} /* === Content Styles === */ /* --- Home page --- */ #slider .carousel-caption { bottom:30px;} #slider .carousel-caption h2{ font-size:2rem;} #slider .btn{ font-size:1rem;} .program-views h2 {font-size:2.5rem!important;} .program-views-center { text-align: left;} .news-events .card-body {padding: 2rem 2rem;} .recent-programmes .card-body {width: 100%; padding: 1rem 1rem; bottom: 0px; min-height:70px;} .recent-programmes .card-body h4 { font-size: 1rem; margin-bottom: 0px;} /* --- Inside page --- */ .marquee-banner .carousel-caption {bottom: 0px; padding-bottom: 0px;} .marquee-banner .carousel-caption h2{ font-size:1.5rem; line-height:1.5rem;} #slider .carousel-inside .carousel-caption{ bottom:30%;} #slider .carousel-inside .carousel-caption h2{ font-size:2rem; line-height:2.5rem;} #slider .carousel-inside-programme .carousel-caption{left:5%; right:5%; bottom:70px;} #slider .carousel-inside-programme .carousel-caption-bottom{position:absolute; width:100%; bottom:-35%;} #slider .carousel-caption.carousel-caption-medium {right: 5%; left: 5%; top:0%;} #slider .carousel-caption.carousel-caption-bottom {right: 5%; left: 5%;} #maindiv{ padding-top:50px;} .sidebar.stickydiv {width: 20%;} .sidebar nav li {padding:15px 0px;} .featured-faculty .card-body{min-height:320px;} /* Owl Carousel */ #logo-carousel.owl-carousel .owl-nav button.owl-prev{position: relative; top:20%; left:0px;} #logo-carousel.owl-carousel .owl-nav button.owl-next{position: relative; top:20%; right:0px;} #alumni-carousel.owl-carousel .owl-nav button.owl-prev{position: relative; top:20%; left:0px;} #alumni-carousel.owl-carousel .owl-nav button.owl-next{position: relative; top:20%; right:0px;} #industry-endorsement-carousel.owl-carousel .owl-nav button.owl-prev{position: relative; top:20%; left:0px;} #industry-endorsement-carousel.owl-carousel .owl-nav button.owl-next{position: relative; top:20%; right:0px;} #webinar-carousel.owl-carousel .owl-nav button.owl-prev{position: relative; top:20%; left:0px;} #webinar-carousel.owl-carousel .owl-nav button.owl-next{position: relative; top:20%; right:0px;} #featured-faculty-carousel.owl-carousel .owl-nav button.owl-prev{position: relative; top:20%; left:0px;} #featured-faculty-carousel.owl-carousel .owl-nav button.owl-next{position: relative; top:20%; right:0px;} #exam-centres-carousel.owl-carousel .owl-nav button.owl-prev{position: relative; top:20%; left:0px;} #exam-centres-carousel.owl-carousel .owl-nav button.owl-next{position: relative; top:20%; right:0px;} #past-events-carousel.owl-carousel .owl-nav button.owl-prev{position: relative; top:20%; left:0px;} #past-events-carousel.owl-carousel .owl-nav button.owl-next{position: relative; top:20%; right:0px;} } @media screen and (min-width:768px) and (max-width:991px){ /* === Header === */ .navbar-brand { height:70px;} .navbar-brand img { max-width:100%; height:100%;} /* === Footer === */ .footer-logo img{ bottom: 0px; margin-top:0px;} .footer-mobile-text a{ font-size:9px;} .footer-column-last{ float: none;} .call-us, .write-us{ padding-top:5px;} .call-us img, .write-us img{ padding-right:3px;} .admission-enquiry-btn {padding:7px 15px; font-size: 13px;} /* --- Video Modal --- */ .videoModal iframe{ width:100%; height:360px; border: 0;} /* === Content Styles === */ /* --- Home page --- */ #slider .carousel-caption { bottom:20px;} #slider .carousel-caption h2{ font-size:2rem;} #slider .btn{ font-size:1rem;} .program-views h2 {font-size:2.5rem!important;} .program-views-center { text-align: left;} .news-events .card-body {padding: 2rem 2rem;} .recent-programmes .card-body {width: 100%; padding: 1rem 1rem; bottom: 0px; min-height:70px;} .recent-programmes .card-body h4 { font-size: 1rem; margin-bottom: 0px;} /* --- Inside page --- */ .marquee-banner .carousel-caption {bottom: 0px; padding-top: 0px; padding-bottom: 0px;} .marquee-banner .carousel-caption h2{ font-size:1.2rem; line-height:1.2rem;} #slider .carousel-inside .carousel-caption{ bottom:25%;} #slider .carousel-inside .carousel-caption h2{ font-size:1.5rem; line-height:2rem;} #slider .carousel-inside-programme .carousel-caption{ bottom:0px; left:5%; right:5%;} #slider .carousel-inside-programme .carousel-caption h2{ font-size:1.5rem; line-height:2rem;} #slider .carousel-inside-programme .carousel-caption-bottom {position: relative; left:0px; padding:10px 0px;} #slider .carousel-inside-programme .carousel-caption-bottom h5 {font-size:1rem;} #slider .carousel-inside-programme .carousel-caption-button .btn{display:block;} #slider .carousel-inside-programme .carousel-caption .btn-text {text-align:left; padding: 5px 10px;} #slider .carousel-inside-programme .carousel-caption-bottom .btn-border {padding: 5px 10px; font-size:0.8rem;} .specialization-text span {padding: 5px 10px; font-size:0.8rem;} #maindiv{ padding-top:50px;} #sidebar {width:100%; float:none; background-color: #000; display: none;} #content2 {width:100%; float:none;} .featured-faculty .card-body{min-height:320px;} /* Owl Carousel */ #logo-carousel.owl-carousel .owl-nav button.owl-prev{position: relative; top:20%; left:0px;} #logo-carousel.owl-carousel .owl-nav button.owl-next{position: relative; top:20%; right:0px;} #alumni-carousel.owl-carousel .owl-nav button.owl-prev{position: relative; top:20%; left:0px;} #alumni-carousel.owl-carousel .owl-nav button.owl-next{position: relative; top:20%; right:0px;} #industry-endorsement-carousel.owl-carousel .owl-nav button.owl-prev{position: relative; top:20%; left:0px;} #industry-endorsement-carousel.owl-carousel .owl-nav button.owl-next{position: relative; top:20%; right:0px;} #webinar-carousel.owl-carousel .owl-nav button.owl-prev{position: relative; top:20%; left:0px;} #webinar-carousel.owl-carousel .owl-nav button.owl-next{position: relative; top:20%; right:0px;} #featured-faculty-carousel.owl-carousel .owl-nav button.owl-prev{position: relative; top:20%; left:0px;} #featured-faculty-carousel.owl-carousel .owl-nav button.owl-next{position: relative; top:20%; right:0px;} #exam-centres-carousel.owl-carousel .owl-nav button.owl-prev{position: relative; top:20%; left:0px;} #exam-centres-carousel.owl-carousel .owl-nav button.owl-next{position: relative; top:20%; right:0px;} #past-events-carousel.owl-carousel .owl-nav button.owl-prev{position: relative; top:20%; left:0px;} #past-events-carousel.owl-carousel .owl-nav button.owl-next{position: relative; top:20%; right:0px;} } @media screen and (max-width: 767px){ html { font-size:14px; } /* === Header === */ .navbar-brand { height:70px;} .navbar-brand img { max-width:100%; height:100%;} /* === Footer === */ .footer .fixed-bottom{ bottom:0px; position: relative;} .footer-logo {float:none;} .footer-logo img{ margin-top: 10px; margin-bottom: 10px;} .footer-logo-ial{order:3;} .footer-mobile-text a{ font-size:12px;} .footer-bottom {margin-bottom: 0px;} .footer-column-last{ float: none;} .call-us img, .write-us img{ padding-right:0px;} .admission-enquiry-btn { width: 100%; padding:10px 20px; background-color:#f8c72e!important;} .admission-enquiry-btn:hover {background-color:#f8c72e!important; color:#000000!important;} .enquiry-btn{ text-align: left; margin-top:0px;} .enquiry-btn img{ display:inline-block;} .enquirybtnmobile {/* order:-1;*/ padding-left: 0px; padding-right: 0px;} .admission-enquiry-form{ display:none; background-color:#191919; padding:20px; position:fixed; bottom:0px; z-index:99999; min-width:100%; left: 0px; height: 100%; overflow: scroll;} .admission-enquiry-form p.small { font-size:11px;} .admission-enquiry-form .close-icon{margin-top:-10px;} .call-us{background-color:#333132; text-align:center;} .write-us{background-color:#4d4d4f; text-align:center;} .footer-mobile-hide{display:none !important;} /* --- Section title --- */ .section-title-heading h1, .section-title h2{ font-size:1.5rem;} /* --- Video Modal --- */ /*.videoModal iframe{ width: 100%; height:360px; border: 0;}*/ .videoModal iframe { width: 100vw; max-width: @video-width; height: 56.25vw;} .videoModal .modal-dialog {} /* === Content Styles === */ /* --- Home page --- */ #slider{background-color: #191919;} #slider .carousel-caption { background-color: #191919; width: 100%; bottom: 0px; left: 0px; right: 0px; position: relative; text-align: left; padding:15px 20px;} #slider .btn{ font-size:1rem; margin-top:5px; margin-bottom: 30px;} #slider .btn-inside{ margin-bottom:10px;} #slider .carousel-indicators li {width:10px; height:10px;} #slider .carousel-caption h2{ font-size:1.2rem;} #slider .carousel-caption h5{ font-size:1rem;} #slider .carousel-caption p{ font-size:0.85rem;} #slider .btn-border { padding:5px 10px;} #slider .carousel-control-next, #slider .carousel-control-prev {z-index:999; width:5%;} #slider .carousel-inside-programme .carousel-caption-bottom{position:relative; width:100%; bottom:0%; margin-top: 20px;} #slider .carousel-inside-programme .carousel-caption-button{position:relative; margin-top: 20px;} #slider .carousel-inside-programme .carousel-caption .btn {font-size: 1rem;} #slider .carousel-inside-programme .carousel-caption .btn-text {text-align:left; padding: 5px 10px;} #slider .carousel-inside-programme .carousel-caption-bottom .btn-border {padding: 5px 10px;} .program-views h2 {font-size:2.5rem!important;} .program-views-center { text-align: left;} .news-events .card-body { width:100%; margin-top: -20px; padding: 2rem 2rem;} /* --- Inside page --- */ .breadcrumb {font-size: 0.9rem;} .marquee-banner .carousel-caption {background-color:#191919!important; position: relative; width: 100%; padding:15px 20px; top:0; left:0; -webkit-transform:none; -moz-transform:none; transform:none; text-align: left;} .marquee-banner .carousel-caption h2{ font-size:1.5rem; line-height:1.5rem;} .student-speak-item{background-color: #ffffff; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; padding: 0px; padding-top: 50px;} .student-avatar {position: relative; top:-50px;} .exam-centres .card-img{min-height:auto;} .featured-faculty .card-body{min-height:auto;} #maindiv{ padding-top:50px;} #sidebar {width:100%; float:none; background-color: #000; display: none;} #content2 {width:100%; float:none;} .programme-content { padding:20px; height: 100%; background:#f0f0f0;} .programme-content h2{ font-size:1.5rem;} .faqs .btn {text-align: left;} .accordion > .card > .card-header { padding: 0rem 0rem;} .video-wrapper {position:relative; height:auto;} .video-wrapper img.video-cover {position: relative; min-height:auto;} #logo-carousel.owl-carousel .owl-nav button.owl-prev{position: relative; top:20%; left:0px;} #logo-carousel.owl-carousel .owl-nav button.owl-next{position: relative; top:20%; right:0px;} #alumni-carousel.owl-carousel .owl-nav button.owl-prev{position: relative; top:20%; left:0px;} #alumni-carousel.owl-carousel .owl-nav button.owl-next{position: relative; top:20%; right:0px;} #industry-endorsement-carousel.owl-carousel .owl-nav button.owl-prev{position: relative; top:20%; left:0px;} #industry-endorsement-carousel.owl-carousel .owl-nav button.owl-next{position: relative; top:20%; right:0px;} #industry2-endorsement-carousel.owl-carousel .owl-nav button.owl-prev{position: relative; top:20%; left:0px;} #industry2-endorsement-carousel.owl-carousel .owl-nav button.owl-next{position: relative; top:20%; right:0px;} #industry3-endorsement-carousel.owl-carousel .owl-nav button.owl-prev{position: relative; top:20%; left:0px;} #industry3-endorsement-carousel.owl-carousel .owl-nav button.owl-next{position: relative; top:20%; right:0px;} #webinar-carousel.owl-carousel .owl-nav button.owl-prev{position: relative; top:20%; left:0px;} #webinar-carousel.owl-carousel .owl-nav button.owl-next{position: relative; top:20%; right:0px;} #featured-faculty-carousel.owl-carousel .owl-nav button.owl-prev{position: relative; top:20%; left:0px;} #featured-faculty-carousel.owl-carousel .owl-nav button.owl-next{position: relative; top:20%; right:0px;} #exam-centres-carousel.owl-carousel .owl-nav button.owl-prev{position: relative; top:20%; left:0px;} #exam-centres-carousel.owl-carousel .owl-nav button.owl-next{position: relative; top:20%; right:0px;} #student-speak-carousel.owl-carousel .owl-nav button.owl-prev{position: relative; top:20%; left:0px;} #student-speak-carousel.owl-carousel .owl-nav button.owl-next{position: relative; top:20%; left:0px;} #past-events-carousel.owl-carousel .owl-nav button.owl-prev{position: relative; top:20%; left:0px;} #past-events-carousel.owl-carousel .owl-nav button.owl-next{position: relative; top:20%; right:0px;} } @media (min-width: 480px) and (max-width: 767px) { .call-us, .write-us{ padding-top:20px;} } @media only screen and (max-width: 575.98) { } @media screen and (min-width: 1900px) { } @media not all and (min-resolution:.001dpcm) { @supports (-webkit-appearance:none) and (stroke-color:transparent) { }} @media not all and (min-resolution:.001dpcm) { @supports (-webkit-appearance:none) and (stroke-color:transparent) { } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { }