@media only screen and (min-width: 320px) and (max-width: 575px) {

/*------- Common CSS Starts -------*/

body.active { overflow: hidden; }
.container-fluid { padding: 20px 15px; }
.section-heading > div > span { font-size: 1.6rem; }
.section-heading > h2 { font-size: 2.4rem; }
.section-heading > h3,
.section-heading > h4 { font-size: 1.8rem; }
.section-desc > p { margin: 20px 0; width: 100%; }
.btn-primary > a { display: block; line-height: 1.5; padding: 15px 30px; }
.btn-secondary > a { display: block; line-height: 1.5; padding: 15px 30px; }
.horizontal-tab-content > .container-fluid > .container > .row > .col-12 > div > p,
.horizontal-sub-tab-content > .container > .row > .col-12 > div > p { text-align: justify; }
.horizontal-tab-content > .container-fluid > .container > .row > .col-12 > div > p,
.horizontal-sub-tab-content > .container > .row > .col-12 > div > p,
.horizontal-tab-content > .container-fluid > .container > .row > .col-12 > div > div.section-heading,
.horizontal-sub-tab-content > .container-fluid > .container > .row > .col-12 > div > div.section-heading,
.horizontal-tab-content > .container-fluid > .container > .row > .col-12 > div > div .btn-primary,
.horizontal-tab-content > .container-fluid > .container > .row > .col-12 > div > div .btn-secondary { margin-bottom: 20px; }
.horizontal-tab-content > .container-fluid > .container > .row > .col-12 > div > p.mb-0-mob { margin-bottom: 0; }

    /*------- Spacing CSS Starts -------*/

.ml-15-mob { margin-left: 15px; }
.mb-20-mob { margin-bottom: 20px; }

  /*------- Spacing CSS Ends -------*/

    /*------- Table CSS Starts -------*/

.table-global > caption { font-size: 1.8rem; }

    /*------- Table CSS Ends -------*/

  /*------- Listing Section Starts -------*/

.unordered-listing > li,
.ordered-listing > li { text-align: justify; }

  /*------- Listing Section Ends -------*/

  /*------- Gallery Section Starts -------*/

.box-photos-gallery { margin-bottom: 20px; }

  /*------- Gallery Section Ends -------*/

/*------- Common CSS Ends -------*/

/*------- Home Page Starts -------*/

  /*------- Mobile Logo and Hamburger Menu Section Starts -------*/

.bg-logo-hamburger-menu-mobile { background-color: #ffffff; display: block; left: 0; padding: 10px 15px; position: fixed; top: 0; width: 100%; z-index: 5; }
.header-logo-mobile > a { display: inline-block; }
.header-logo-mobile > a > img { width: 200px; }

	  /*------- Mobile Hamburger Menu Section Starts -------*/

.hamburger-menu { background-color: transparent; cursor: pointer; height: 50px; position: relative; width: 50px; }
.hamburger-menu span { background-color: #000000; height: 2px; left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -webkit-transition: 0.5s linear 0.5s; -moz-transition: 0.5s linear 0.5s; -ms-transition: 0.5s linear 0.5s; -o-transition: 0.5s linear 0.5s; transition: 0.5s linear 0.5s; width: 25px; }
.hamburger-menu span::before,
.hamburger-menu span::after { background-color: #000000; content: ""; height: 2px; position: absolute; top: 10px; -webkit-transition: 0.5s linear; -moz-transition: 0.5s linear; -ms-transition: 0.5s linear; -o-transition: 0.5s linear; transition: 0.5s linear; width: 25px; }
.hamburger-menu span::before { top: -10px; }
.hamburger-menu.active span { background-color: transparent; -webkit-transition: 0s linear; -moz-transition: 0s linear; -ms-transition: 0s linear; -o-transition: 0s linear; transition: 0s linear; }
.hamburger-menu.active span::before { top: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.hamburger-menu.active span::after { top: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

	  /*------- Mobile Hamburger Menu Section Ends -------*/

  /*------- Mobile Logo and Hamburger Menu Section Ends -------*/

  /*------- Mobile Navbar Menu Section Starts -------*/

.fixed-navbar-menu-mobile { background-color: #FFFFFF; display: block; height: calc(100% - 60px); left: 0; position: fixed; top: 60px; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; width: 100%; z-index: 5; }
.fixed-navbar-menu-mobile.active { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
.sub-menu-listing-mobile { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); }
.menu-listing-mobile > li,
.sub-menu-listing-mobile > li,
.sub-sub-menu-listing-mobile > li,
.sub-sub-sub-menu-listing-mobile > li { border-bottom: 1px solid #CCCCCC; position: relative; }
.sub-sub-sub-menu-listing-mobile > li:last-child { border-bottom: 0; }
.menu-listing-mobile > li > a,
.sub-menu-listing-mobile > li > a,
.sub-sub-menu-listing-mobile > li > a,
.sub-sub-sub-menu-listing-mobile > li > a { color: #272727; display: block; font: 1.6rem/normal "Poppins-Medium"; padding: 15px 55px 15px 15px; position: relative; z-index: 5; }
.sub-sub-sub-menu-listing-mobile > li > a { padding: 15px; }
.menu-listing-mobile > li > a:hover,
.sub-menu-listing-mobile > li > a:hover,
.sub-sub-menu-listing-mobile > li > a:hover,
.sub-sub-sub-menu-listing-mobile > li > a:hover { color: #007CEF; }
.menu-listing-mobile > li > i,
.sub-menu-listing-mobile > li > i,
.sub-menu-back-mobile,
.sub-sub-menu-back-mobile,
.sub-sub-sub-menu-back-mobile,
.sub-sub-menu-listing-mobile > li > i { background-color: #007CEF; color: #FFFFFF; cursor: pointer; display: block; font-size: 1.6rem; height: 54px; line-height: 54px; position: absolute; right: 0; text-align: center; top: 0; width: 54px; z-index: 5; }
.sub-menu-listing-mobile { background-color: #FFFFFF; height: 100%; left: 0; overflow-x: hidden; position: fixed; top: 0; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; width: 100%; z-index: 5; }
.sub-sub-menu-listing-mobile { background-color: #FFFFFF; height: 100%; left: 0; overflow-x: hidden; overflow-y: auto; position: fixed; top: 0; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; width: 100%; z-index: 5; }
.sub-sub-sub-menu-listing-mobile { background-color: #FFFFFF; border: 1px solid #CCCCCC; margin: 0 15px 15px; }
.sub-menu-listing-mobile.active,
.sub-sub-menu-listing-mobile.active,
.sub-sub-sub-menu-listing-mobile.active { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }

  /*------- Mobile Navbar Menu Section Ends -------*/

  /*------- Desktop Header Menu Section Starts -------*/

.bg-desktop-header-menu { display: none; }

  /*------- Desktop Header Menu Section Ends -------*/

  /*------- Desktop Logo and Navbar Menu Section Starts -------*/

.bg-logo-navbar-menu-desktop { display: none; }

  /*------- Desktop Logo and Navbar Menu Section Ends -------*/

  /*------- Slider Section CSS Starts -------*/

.main-wrapper { margin-top: 70px; }
.bg-slider { padding: 20px 0 100px; }
.accreditations-slider { width: 100%; }
.accreditations-slider > p { font-size: 1.6rem; }
.accreditations-slider-listing > li { padding: 0 5px; }
.slider-info > div:first-child > span:first-child { font-size: 1.4rem; }
.slider-info > div:first-child > span:nth-child(2) { font-size: 1.6rem; }
.slider-info > h1 { font-size: 3rem; }
.slider-info > p { font-size: 1.6rem; margin-bottom: 20px; }
.btn-admissions > a { display: block; margin-bottom: 20px; }
.slider-logo { justify-content: flex-start; }

    /*------- Slider Dots CSS Starts -------*/

.banner-slider .slick-dots { bottom: 0; right: 15px; }

    /*------- Slider Dots CSS Ends -------*/

  /*------- Slider Section CSS Ends -------*/

  /*------- Explore Section CSS Starts -------*/

.explore-info > p { margin: 20px 0; padding-right: 0; }
.btn-explore-listing { display: block; }
.btn-explore-listing > li { margin: 0 0 20px 0; }
.btn-explore-listing > li > a { display: block; padding: 15px 30px; }
.imp-links-listing { margin-top: 20px; }
.imp-links-listing > li > a { font-size: 1.6rem; }

  /*------- Explore Section CSS Ends -------*/

  /*------- News and Events Section CSS Starts -------*/

.bg-news-events { padding: 20px 15px 30px; }
.btn-news-events { margin-top: 20px; text-align: left; }
.box-news-events-info > h3 { font-size: 1.8rem; min-height: auto; }

    /*------- News and Events Section Slider CSS Starts -------*/
    
.news-events-slider { margin-top: 30px; }
.news-events-slider.slick-initialized .slick-slide { margin: 0 10px; }

      /*------- News and Events Section Slider Arrows CSS Starts -------*/

.news-events-slider .slick-prev { left: -15px; }
.news-events-slider .slick-next { right: -15px; }

      /*------- News and Events Section Slider Arrows CSS Ends -------*/

      /*------- News and Events Section Slider Dots CSS Starts -------*/

.news-events-slider .slick-dots { bottom: -30px; }

		  /*------- News and Events Section Slider Dots CSS Ends -------*/
    
    /*------- News and Events Section Slider CSS Starts -------*/ 

  /*------- News and Events Section CSS Ends -------*/

  /*------- About Us Section CSS Starts -------*/

.bg-about { padding: 20px 15px 0; }
.about-image-1 { margin: 0 0 20px 0; }
.about-image-info { margin: 20px 0; padding: 20px; position: static; width: 100%; }
.about-section-heading > h2,
.about-info > p { margin-bottom: 20px; }
.btn-about-listing,
.btn-about-listing > li > a { display: block; }
.btn-about-listing > li > a { padding: 15px 30px; }
.btn-about-listing > li { margin: 0 0 20px 0; }

  /*------- About Us Section CSS Ends -------*/

  /*------- Why Choose Section CSS Starts -------*/

.bg-why-choose { padding: 20px 15px 0; }
.box-why-choose { margin-bottom: 20px; }
.box-why-choose-info > h3 { font-size: 2rem; margin-bottom: 0; }

  /*------- Why Choose Section CSS Ends -------*/

  /*------- Counter Section CSS Starts -------*/

.bg-counter { padding: 30px 15px 0; }
.box-counter { margin-bottom: 30px; }
.box-counter-image { margin-bottom: 10px; }
.box-counter-info > h2 { font-size: 3rem; }

  /*------- Counter Section CSS Ends -------*/

  /*------- Testimonials Section CSS Starts -------*/

.bg-testimonials { padding: 20px 15px 70px; }
.box-testimonials { margin: 10px 15px; padding: 20px; }
.box-testimonials-image > img,
.box-testimonials-info > p { margin-bottom: 20px; }
.testimonials-person > p { display: block; margin-top: 20px; text-align: left; }

    /*------- Testimonials Section Slider CSS Starts -------*/

      /*------- Testimonials Section Slider Dots CSS Starts -------*/

.testimonials-slider .slick-dots { bottom: -40px; }

      /*------- Testimonials Section Slider Dots CSS Ends -------*/

    /*------- Testimonials Section Slider CSS Ends -------*/

  /*------- Testimonials Section CSS Ends -------*/

  /*------- Social Media Posts Section CSS Starts -------*/

.social-updates-section-heading > h2 { margin-bottom: 20px; }
.fb_iframe_widget { display: block !important; }
.fb_iframe_widget_fluid span,
.fb_iframe_widget iframe { height: 350px !important; width: 100% !important; }

  /*------- Social Media Posts Section CSS Ends -------*/

  /*------- Footer Section CSS Starts -------*/

.bg-footer { padding: 20px 15px 0; }
.footer-logo > a { margin-bottom: 20px; }
.footer-desc > p { margin-bottom: 20px; padding-right: 0; text-align: justify; }
.footer-heading > h4 { font-size: 1.8rem; }
.input-group-subscribe,
.footer-contact-listing,
.footer-address-listing { margin-bottom: 20px; }
.footer-heading > h5 { font-size: 1.8rem; margin-bottom: 15px; }
.quick-links-listing > li:last-child { margin-bottom: 20px; }
.footer-heading > h6 { font-size: 1.6rem; margin-bottom: 15px; }
.bg-copyright { padding: 20px 15px 15px; }
.copyright-info > p { margin-bottom: 15px; text-align: center; }
.footer-social-listing { justify-content: center; margin-bottom: 15px; }
.extra-pages-quick-links-listing { text-align: left; }
.design-develop-by-info > p { text-align: center; }

  /*------- Footer Section CSS Ends -------*/

/*------- Home Page Ends -------*/

/*-------- Engineering : Department Page Starts -------*/

  /*-------- Banner Section Starts -------*/

.bg-banner-ip { padding: 30px 15px; }
.banner-info-ip > h1 { font-size: 3rem; }
.banner-info-ip > p { width: 100%; }
.breadcrumb-listing { align-items: center; }
.breadcrumb-listing > li > a { font-size: 1.4rem; }

  /*-------- Banner Section Ends -------*/

  /*------- Horizontal Tab Section Starts -------*/

.bg-horizontal-tab { margin-top: 0; padding-bottom: 0; }
.horizontal-tab-listing,
.horizontal-sub-tab-listing { display: block; }
.horizontal-tab-listing > li > a,
.horizontal-sub-tab-listing > li > a { padding: 15px 20px; }
.horizontal-tab-listing > li:first-child.active > a,
.horizontal-tab-listing > li:first-child > a:hover,
.horizontal-sub-tab-listing > li:first-child.active > a,
.horizontal-sub-tab-listing > li:first-child > a:hover { -webkit-border-radius: 12px 12px 0 0; -moz-border-radius: 12px 12px 0 0; -ms-border-radius: 12px 12px 0 0; -o-border-radius: 12px 12px 0 0; border-radius: 12px 12px 0 0; }
.horizontal-tab-sub-listing { width: 100%; }

  /*------- Horizontal Tab Section Ends -------*/

  /*------- About Us Section Starts -------*/

.about-us-img-department > img { margin-bottom: 30px; }
.about-us-above-img-department { position: static; }
.about-us-above-img-department > img { margin-bottom: 20px; width: 100%; }
.about-us-info-department { margin-left: 0; }
.about-us-info-department > div > h2,
.about-us-info-department > p { margin-bottom: 20px; }
.about-us-info-department > p { text-align: justify; }

  /*------- About Us Section Ends -------*/

  /*------- Vision Section Starts -------*/

.bg-vision-department { padding: 30px 15px; }
.bg-vision-architecture-department { margin-top: 30px; }
.vision-info-department { margin-top: 20px; }
.vision-info-department > p { margin-bottom: 0 !important; text-align: justify; width: 100%; }

  /*------- Vision Section Ends -------*/

  /*------- Mission Section Starts -------*/

.mission-img-department > img { margin-top: 30px; }
.peo-info-department { padding-right: 0; }
.pso-info-department,
.po-info-department { padding-left: 0; }
.mission-listing-department { margin-top: 25px; }
.mission-listing-department > li { margin-bottom: 20px; text-align: justify; }

  /*------- Mission Section Ends -------*/

  /*------- PEO and PSO Section Starts -------*/

.bg-peo-pso-department,
.bg-peo-po-department { background-color: #2B2D42; padding-bottom: 0; position: relative; z-index: 1; }
.peo-listing-department,
.pso-listing-department,
.po-listing-department { margin: 20px 0; }
.peo-info-department > .section-heading > h2,
.peo-listing-department > li,
.pso-listing-department > li, 
.po-listing-department > li { color: #FFFFFF; margin-bottom: 30px; }
.peo-listing-department > li,
.pso-listing-department > li,
.po-listing-department > li { margin-bottom: 20px; text-align: justify; }

  /*------- PEO and PSO Section Ends -------*/

  /*------- PO Section Starts -------*/

.box-po-info-department { margin-top: 30px; padding: 20px; }
.box-po-info-department > h5 { font-size: 1.8rem; }
.box-po-info-department > p { margin-bottom: 20px; }
.box-po-info-department > p:last-child { margin-bottom: 0 !important; }

  /*------- PO Section Ends -------*/

  /*------- Programs Table Section Starts -------*/

.programs-section-heading-aep > h2 { margin-bottom: 30px; }

  /*------- Programs Table Section Ends -------*/

  /*------- Staff Section Starts -------*/

.bg-staff-department,
.bg-placement-detail-plp { padding-bottom: 0; }
.box-staff-department { margin-bottom: 25px; padding: 25px 20px; }
.box-staff-image-department img { margin-bottom: 15px; width: 100%; }
.box-staff-info-department > h3 { font-size: 1.8rem; }
.box-staff-info-department > p { margin-bottom: 10px; }
.box-staff-info-department > h4 { font-size: 1.6rem; }

    /*-------- Staff Details Section Strats -------*/

.bg-profile-cover { margin-top: 70px; padding: 60px 15px; }
.staff-detail-profile-pic > img { margin: 10px 0 25px 0; }

    /*-------- Staff Details Section Ends -------*/

  /*------- Staff Section Ends -------*/

  /*------- Operation and Maintenance Lab Section Starts -------*/

.operations-maintenance-lab-image-department > img,
.aerodynamics-lab-image-department > img,
.avionics-lab-image-department > img,
.aircraft-design-lab-image-department > img,
.operations-maintenance-lab-section-heading-department > h2,
.aerodynamics-lab-section-heading-department > h2,
.avionics-lab-section-heading-department > h2,
.aircraft-design-lab-section-heading-department > h2 { margin-bottom: 20px; }
.operations-maintenance-lab-info-department > p { text-align: justify; }

  /*------- Operation and Maintenance Lab Section Ends -------*/

  /*------- Department Tabs Section Starts -------*/

    /*------- Department Activity Section Starts -------*/

.bg-sttp-fdp-symp-confe-department,
.bg-expert-lecture-department,
.bg-seminar-workshop-training-department,
.bg-poster-project-prese-department,
.bg-other-activities-department,
.bg-industry-visit-deparment { padding-bottom: 0px; }
.department-activity-section-heading-department > h2,
.industry-interaction-section-heading-department > h2 { margin-bottom: 20px; }
.box-department-activity-department { margin-bottom: 25px; padding: 20px; }
.box-department-activity-department > p { margin-bottom: 20px; }
.department-activity-date-department > p { justify-content: center; }

    /*------- Department Activity Section Ends -------*/

  /*------- Department Tabs Section Ends -------*/

  /*------- Achivements Tabs Section Starts -------*/

.achivements-section-heading-department > h2 { margin-bottom: 20px; }
.box-achivements-department { margin-bottom: 25px; }
.box-achivements-images-department { margin: 20px 20px 0; }
.box-achivements-info-department { padding: 20px; }
.box-achivements-info-department > p:first-child { margin-bottom: 15px; }
.box-achivements-info-department > p:last-child { text-align: justify; }

  /*------- Achivements Tabs Section Ends -------*/

/*-------- Engineering : Department Page Ends -------*/

/*------- Student Activity Page Starts -------*/

    /*------- ISA Tab Section Starts -------*/

.box-committee-members-info-sap,
.box-faculty-adviser-info-sap,
.box-contact-person-info-sap { padding: 20px; }

    /*------- ISA Tab Section Ends -------*/

/*------- Student Activity Page Ends -------*/

/*------- The College Page Starts -------*/

    /*------- Button Section Starts -------*/

.btn-auu > a { width: 100%; }

    /*------- Button Section Ends -------*/

/*------- The College Page Ends -------*/

/*-------- Architecture : Academics Page Starts -------*/

    /*------- Vertical Menu and Extra Section CSS Starts -------*/

.bg-vertical-menu-relative { position: static; }
.vertical-menu { margin-bottom: 20px; position: static; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; }
.vertical-menu-listing { -webkit-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; -o-border-radius: 7px; border-radius: 7px; }
.vertical-menu-listing > li > a { padding: 15px; } 

  /*------- Vertical Menu and Extra Section CSS Ends -------*/

/*-------- Architecture : Academics Page Ends -------*/

/*-------- Architecture : People Page Starts -------*/

    /*------- People Tabs Section Starts -------*/

.box-people { margin-bottom: 25px; }
.box-people-images > img { -webkit-border-radius: 21px 21px 0 0; -moz-border-radius: 21px 21px 0 0; -ms-border-radius: 21px 21px 0 0; -o-border-radius: 21px 21px 0 0; border-radius: 21px 21px 0 0; }
.box-people-info { padding: 20px; }
.box-people-info > h3 { font-size: 2rem; }

  /*------- People Tabs Section Ends -------*/

/*-------- Architecture : People Page Ends -------*/

/*-------- Architecture : Students Page Starts -------*/

    /*------- Image and Information Section Starts -------*/

.box-architecture-students { margin-bottom: 25px; padding: 20px; }
.box-architecture-students-info > h3 { font-size: 1.8rem; margin-top: 15px; }

  /*------- Image and Information Section Ends -------*/

/*-------- Architecture : Students Page Ends -------*/

/*-------- Architecture : Architecture Forms Page Starts -------*/

  /*------- Architecture Forms Section Starts -------*/

.bg-architecture-forms { padding-bottom: 0; }
  
  /*------- Architecture Forms Section Ends -------*/
  
/*-------- Architecture : Architecture Forms Page Ends -------*/

/*-------- Online Fees Page Starts -------*/

.online-fees-info > .mb-30 { margin-bottom: 20px; }

/*-------- Online Fees Page Ends -------*/

/*-------- Contact Us Page Starts -------*/

  /*-------- Contact Details and Form Section Starts -------*/

.bg-contact-details-forms { padding-bottom: 0; position: relative; z-index: 1; }
.box-contact-details-forms { margin-top: -60px; padding: 20px 20px 0; }
.box-contact-details { margin-bottom: 20px; padding: 20px; }
.box-contact-details-heading > h4 { font-size: 1.8rem; }
.box-training-placement-cell-heading-2 > h4 { margin-top: 20px; }
.box-contact-details-admission-enquiry-heading + div,
.box-contact-details-add-fields-heading + div + div { margin-bottom: 20px; }
.box-contact-details-info > p > a { word-break: break-all; }
.box-contact-details-info > p > a:hover { color: #007CEF; }
.connext-with-us-info { margin: 20px 0; }
.form-group { margin-bottom: 20px; }
.form-control-contact-us { padding: 1.25rem 2rem; }

  /*-------- Contact Details and Form Section Ends -------*/

  /*------- Extra Contact Details Section Starts -------*/

.map-cp { height: 340px; }

  /*------- Extra Contact Details Section Ends -------*/

/*-------- Contact Us Page Ends -------*/

/*------- Popup CSS Starts -------*/

.modal-popup .modal-content { margin: 0 auto; width: auto; }

/*------- Popup CSS Ends -------*/

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

/*------- Common CSS Starts -------*/

body.active { overflow: hidden; }
.container-fluid { padding: 30px 15px; }
.section-heading > h2 { font-size: 2.4rem; }
.section-heading > h3,
.section-heading > h4 { font-size: 2rem; }
.section-desc > p { margin: 30px auto; width: 500px; }
.btn-primary > a { display: block; line-height: 1.5; padding: 15px 30px; }
.btn-secondary > a { display: block; line-height: 1.5; padding: 15px 30px; }
.horizontal-tab-content > .container-fluid > .container > .row > .col-12 > div > p,
.horizontal-sub-tab-content > .container > .row > .col-12 > div > p { text-align: justify; }

    /*------- Table CSS Starts -------*/

.table-global > caption { font-size: 2rem; }

    /*------- Table CSS Ends -------*/

    /*------- Listing Section Starts -------*/

.unordered-listing > li,
.ordered-listing > li { text-align: justify; }

    /*------- Listing Section Ends -------*/

/*------- Common CSS Ends -------*/

/*------- Home Page Starts -------*/

    /*------- Mobile Logo and Hamburger Menu Section Starts -------*/

.bg-logo-hamburger-menu-mobile { background-color: #ffffff; display: block; left: 0; padding: 10px 15px; position: fixed; top: 0; width: 100%; z-index: 5; }
.header-logo-mobile > a { display: inline-block; }
.header-logo-mobile > a > img { width: 200px; }

	  /*------- Mobile Hamburger Menu Section Starts -------*/

.hamburger-menu { background-color: transparent; cursor: pointer; height: 50px; position: relative; width: 50px; }
.hamburger-menu span { background-color: #000000; height: 2px; left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -webkit-transition: 0.5s linear 0.5s; -moz-transition: 0.5s linear 0.5s; -ms-transition: 0.5s linear 0.5s; -o-transition: 0.5s linear 0.5s; transition: 0.5s linear 0.5s; width: 25px; }
.hamburger-menu span::before,
.hamburger-menu span::after { background-color: #000000; content: ""; height: 2px; position: absolute; top: 10px; -webkit-transition: 0.5s linear; -moz-transition: 0.5s linear; -ms-transition: 0.5s linear; -o-transition: 0.5s linear; transition: 0.5s linear; width: 25px; }
.hamburger-menu span::before { top: -10px; }
.hamburger-menu.active span { background-color: transparent; -webkit-transition: 0s linear; -moz-transition: 0s linear; -ms-transition: 0s linear; -o-transition: 0s linear; transition: 0s linear; }
.hamburger-menu.active span::before { top: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.hamburger-menu.active span::after { top: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

	  /*------- Mobile Hamburger Menu Section Ends -------*/

    /*------- Mobile Logo and Hamburger Menu Section Ends -------*/

    /*------- Mobile Navbar Menu Section Starts -------*/

.fixed-navbar-menu-mobile { background-color: #FFFFFF; display: block; height: calc(100% - 60px); left: 0; position: fixed; top: 60px; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; width: 100%; z-index: 5; }
.fixed-navbar-menu-mobile.active { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
.sub-menu-listing-mobile { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); }
.menu-listing-mobile > li,
.sub-menu-listing-mobile > li,
.sub-sub-menu-listing-mobile > li,
.sub-sub-sub-menu-listing-mobile > li { border-bottom: 1px solid #CCCCCC; position: relative; }
.sub-sub-sub-menu-listing-mobile > li:last-child { border-bottom: 0; }
.menu-listing-mobile > li > a,
.sub-menu-listing-mobile > li > a,
.sub-sub-menu-listing-mobile > li > a,
.sub-sub-sub-menu-listing-mobile > li > a { color: #272727; display: block; font: 1.6rem/normal "Poppins-Medium"; padding: 15px 55px 15px 15px; position: relative; z-index: 5; }
.sub-sub-sub-menu-listing-mobile > li > a { padding: 15px; }
.menu-listing-mobile > li > a:hover,
.sub-menu-listing-mobile > li > a:hover,
.sub-sub-menu-listing-mobile > li > a:hover,
.sub-sub-sub-menu-listing-mobile > li > a:hover { color: #007CEF; }
.menu-listing-mobile > li > i,
.sub-menu-listing-mobile > li > i,
.sub-menu-back-mobile,
.sub-sub-menu-back-mobile,
.sub-sub-sub-menu-back-mobile,
.sub-sub-menu-listing-mobile > li > i { background-color: #007CEF; color: #FFFFFF; cursor: pointer; display: block; font-size: 1.6rem; height: 54px; line-height: 54px; position: absolute; right: 0; text-align: center; top: 0; width: 54px; z-index: 5; }
.sub-menu-listing-mobile { background-color: #FFFFFF; height: 100%; left: 0; overflow-x: hidden; position: fixed; top: 0; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; width: 100%; z-index: 5; }
.sub-sub-menu-listing-mobile { background-color: #FFFFFF; height: 100%; left: 0; overflow-x: hidden; overflow-y: auto; position: fixed; top: 0; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; width: 100%; z-index: 5; }
.sub-sub-sub-menu-listing-mobile { background-color: #FFFFFF; border: 1px solid #CCCCCC; margin: 0 15px 15px; }
.sub-menu-listing-mobile.active,
.sub-sub-menu-listing-mobile.active,
.sub-sub-sub-menu-listing-mobile.active { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }

    /*------- Mobile Navbar Menu Section Ends -------*/

    /*------- Desktop Header Menu Section Starts -------*/

.bg-desktop-header-menu { display: none; }

    /*------- Desktop Header Menu Section Ends -------*/

    /*------- Desktop Logo and Navbar Menu Section Starts -------*/

.bg-logo-navbar-menu-desktop { display: none; }

    /*------- Desktop Logo and Navbar Menu Section Ends -------*/

    /*------- Slider Section CSS Starts -------*/

.main-wrapper { margin-top: 70px; }
.bg-slider { padding: 30px 0 100px; }
.accreditations-slider { width: 100%; }
.accreditations-slider-listing > li { padding: 0 20px; }
.slider-info > div:first-child > span:first-child { font-size: 1.6rem; }
.slider-info > div:first-child > span:nth-child(2) { font-size: 1.8rem; }
.slider-info > h1 { font-size: 3rem; }
.slider-logo { justify-content: center; }

    /*------- Slider Section CSS Ends -------*/

    /*------- Explore Section CSS Starts -------*/

.explore-info > p { margin: 30px 0; padding-right: 50px; }
.btn-explore-listing { margin-bottom: 30px; }
.btn-explore-listing > li:last-child { margin-right: 50px; }
.btn-explore-listing > li > a { padding: 15px 20px; }

    /*------- Explore Section CSS Ends -------*/

    /*------- News and Events Section CSS Starts -------*/

.bg-news-events { padding: 30px 15px 70px; }
.box-news-events-info > h3 { min-height: auto; }
.news-events-slider .slick-prev { left: -15px; }
.news-events-slider .slick-next { right: -15px; }
.news-events-slider .slick-dots { bottom: -50px; }

    /*------- News and Events Section CSS Ends -------*/

    /*------- About Us Section CSS Starts -------*/

.about-image > img { margin-bottom: 30px; }
.about-image-info { left: 0; }
.about-info > p { padding-right: 50px; text-align: justify; }

    /*------- About Us Section CSS Ends -------*/

    /*------- Why Choose Section CSS Starts -------*/

.bg-why-choose { padding: 30px 0; }

    /*------- Why Choose Section CSS Ends -------*/

    /*------- Counter Section CSS Starts -------*/

.bg-counter { padding-bottom: 0; }
.box-counter { margin-bottom: 30px; }
.box-counter-image { margin-bottom: 20px; }
.box-counter-info > h2 { font-size: 3rem; }

    /*------- Counter Section CSS Ends -------*/

    /*------- Testimonials Section CSS Starts -------*/

.bg-testimonials { padding: 30px 15px 80px; }
.testimonials-slider .slick-dots { bottom: -25px; }

    /*------- Testimonials Section CSS Ends -------*/

    /*------- Footer Section CSS Starts -------*/

.bg-footer { padding-bottom: 0; }
.footer-desc > p,
.input-group-subscribe,
.quick-links-listing > li:last-child,
.footer-contact-listing,
.footer-address-listing { margin-bottom: 30px; }
.input-group-subscribe { width: 70%; }
.footer-heading > h5 { margin-bottom: 15px; }
.bg-copyright { padding: 20px 15px 15px; }
.copyright-info > p { margin-bottom: 10px; text-align: center; }
.footer-social-listing { margin-bottom: 10px; }
.extra-pages-quick-links-listing { margin-top: 20px; text-align: center; }
.design-develop-by-info > p { text-align: center; }

    /*------- Footer Section CSS Ends -------*/

/*------- Home Page Ends -------*/

/*-------- Engineering : Department Page Starts -------*/

  /*-------- Banner Section Starts -------*/

.bg-banner-ip { padding: 30px 15px; }
.banner-info-ip > h1 { font-size: 3rem; }
.banner-info-ip > p { width: 100%; }
.breadcrumb-listing { align-items: center; }
.breadcrumb-listing > li > a { font-size: 1.6rem; }

  /*-------- Banner Section Ends -------*/

  /*------- Horizontal Tab Section Starts -------*/

.bg-horizontal-tab { margin-top: 0; padding-bottom: 0; }
.horizontal-tab-listing,
.horizontal-sub-tab-listing { display: block; }
.horizontal-tab-listing > li > a,
.horizontal-sub-tab-listing > li > a { padding: 15px 20px; }
.horizontal-tab-listing > li:first-child.active > a,
.horizontal-tab-listing > li:first-child > a:hover,
.horizontal-sub-tab-listing > li:first-child.active > a,
.horizontal-sub-tab-listing > li:first-child > a:hover { -webkit-border-radius: 12px 12px 0 0; -moz-border-radius: 12px 12px 0 0; -ms-border-radius: 12px 12px 0 0; -o-border-radius: 12px 12px 0 0; border-radius: 12px 12px 0 0; }
.horizontal-tab-sub-listing { width: 100%; }

  /*------- Horizontal Tab Section Ends -------*/

  /*------- About Us Section Starts -------*/

.about-us-img-department > img { margin-bottom: 30px; }
.about-us-above-img-department { position: static; }
.about-us-above-img-department > img { margin-bottom: 20px; width: 100%; }
.about-us-info-department { margin-left: 0; }
.about-us-info-department > div > h2,
.about-us-info-department > p { margin-bottom: 20px; }
.about-us-info-department > p { text-align: justify; }

  /*------- About Us Section Ends -------*/

  /*------- Vision Section Starts -------*/

.bg-vision-department { padding: 30px 15px; }
.bg-vision-architecture-department { margin-top: 30px; }
.vision-info-department { margin-top: 20px; }
.vision-info-department > p { text-align: justify; width: 100%; }

  /*------- Vision Section Ends -------*/

  /*------- Mission Section Starts -------*/

.mission-img-department > img { margin-top: 30px; }
.mission-listing-department { margin-top: 25px; }
.mission-listing-department > li { margin-bottom: 20px; text-align: justify; }

  /*------- Mission Section Ends -------*/

  /*------- PEO and PSO Section Starts -------*/

.bg-peo-pso-department,
.bg-peo-po-department { background-color: #2B2D42; padding-bottom: 0; position: relative; z-index: 1; }
.peo-info-department { padding-right: 0; }
.pso-info-department,
.po-info-department { padding-left: 0; }
.peo-listing-department,
.pso-listing-department,
.po-listing-department { margin: 20px 0; }
.peo-info-department > .section-heading > h2,
.peo-listing-department > li,
.pso-listing-department > li, 
.po-listing-department > li { color: #FFFFFF; margin-bottom: 30px; }
.peo-listing-department > li,
.pso-listing-department > li,
.po-listing-department > li { margin-bottom: 20px; text-align: justify; }

  /*------- PEO and PSO Section Ends -------*/

  /*------- PO Section Starts -------*/

.box-po-info-department { margin-top: 30px; padding: 25px; }
.box-po-info-department > h5 { font-size: 1.8rem; }
.box-po-info-department > p { margin-bottom: 20px; }

  /*------- PO Section Ends -------*/

  /*------- Programs Table Section Starts -------*/

.programs-section-heading-aep > h2 { margin-bottom: 30px; }

  /*------- Programs Table Section Ends -------*/

  /*------- Staff Section Starts -------*/

.bg-staff-department,
.bg-placement-detail-plp { padding-bottom: 0; }
.box-staff-department { padding: 25px 20px; }
.box-staff-image-department img { margin-bottom: 15px; width: 100%; }
.box-staff-info-department > h3 { font-size: 1.8rem; }
.box-staff-info-department > p { margin-bottom: 10px; }
.box-staff-info-department > h4 { font-size: 1.6rem; }

    /*-------- Staff Details Section Strats -------*/

.bg-profile-cover { margin-top: 70px; padding: 60px 15px; }
.staff-detail-profile-pic > img { margin: 0 0 25px 0; }

    /*-------- Staff Details Section Ends -------*/

  /*------- Staff Section Ends -------*/

  /*------- Operation and Maintenance Lab Section Starts -------*/

.operations-maintenance-lab-image-department > img,
.aerodynamics-lab-image-department > img,
.avionics-lab-image-department > img,
.aircraft-design-lab-image-department > img,
.operations-maintenance-lab-section-heading-department > h2,
.aerodynamics-lab-section-heading-department > h2,
.avionics-lab-section-heading-department > h2,
.aircraft-design-lab-section-heading-department > h2 { margin-bottom: 20px; }
.operations-maintenance-lab-info-department > p { text-align: justify; }

  /*------- Operation and Maintenance Lab Section Ends -------*/

  /*------- Department Tabs Section Starts -------*/

    /*------- Department Activity Section Starts -------*/

.bg-sttp-fdp-symp-confe-department,
.bg-expert-lecture-department,
.bg-seminar-workshop-training-department,
.bg-poster-project-prese-department,
.bg-other-activities-department,
.bg-industry-visit-deparment { padding-bottom: 0px; }
.department-activity-section-heading-department > h2,
.industry-interaction-section-heading-department > h2 { margin-bottom: 20px; }
.box-department-activity-department > p { margin-bottom: 20px; }

    /*------- Department Activity Section Ends -------*/

  /*------- Department Tabs Section Ends -------*/

  /*------- Achivements Tabs Section Starts -------*/

.achivements-section-heading-department > h2 { margin-bottom: 20px; }
.box-achivements-department { margin-bottom: 30px; }
.box-achivements-images-department { margin: 25px 0px 0 25px; }
.box-achivements-info-department { padding: 30px 30px 30px 0; }
.box-achivements-info-department > p:first-child { margin-bottom: 15px; }
.box-achivements-info-department > p:last-child { text-align: justify; }

  /*------- Achivements Tabs Section Ends -------*/

/*-------- Engineering : Department Page Ends -------*/

/*------- The College Page Starts -------*/

    /*------- Button Section Starts -------*/

.btn-auu > a { width: 100%; }

    /*------- Button Section Ends -------*/

/*------- The College Page Ends -------*/

/*-------- Architecture : Academics Page Starts -------*/

    /*------- Vertical Menu and Extra Section CSS Starts -------*/

.bg-vertical-menu-relative { position: static; }
.vertical-menu { margin-bottom: 20px; position: static; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; }
.vertical-menu-listing { -webkit-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; -o-border-radius: 7px; border-radius: 7px; }
.vertical-menu-listing > li > a { padding: 15px; } 

  /*------- Vertical Menu and Extra Section CSS Ends -------*/

/*-------- Architecture : Academics Page Ends -------*/

/*-------- Architecture : Students Page Starts -------*/

    /*------- Image and Information Section Starts -------*/

.box-architecture-students { padding: 20px; }
.box-architecture-students-info > h3 { font-size: 1.8rem; margin-top: 15px; }

  /*------- Image and Information Section Ends -------*/

/*-------- Architecture : Students Page Ends -------*/

/*-------- Architecture : Architecture Forms Page Starts -------*/

  /*------- Architecture Forms Section Starts -------*/

.bg-architecture-forms { padding-bottom: 0; }
  
  /*------- Architecture Forms Section Ends -------*/
  
/*-------- Architecture : Architecture Forms Page Ends -------*/

}

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

/*------- Common CSS Starts -------*/

body.active { overflow: hidden; }
.container-fluid { padding: 30px 15px; }
.section-heading > h2 { font-size: 3rem; }
.section-heading > h3,
.section-heading > h4 { font-size: 2.4rem; }
.section-desc > p { margin: 20px auto; width: 600px; }
.btn-primary > a { line-height: 1.5; padding: 15px 30px; }
.btn-secondary > a { line-height: 1.5; padding: 15px 30px; }
.horizontal-tab-content > .container-fluid > .container > .row > .col-12 > div > p,
.horizontal-sub-tab-content > .container > .row > .col-12 > div > p { text-align: justify; }

    /*------- Listing Section Starts -------*/

.unordered-listing > li,
.ordered-listing > li { text-align: justify; }

    /*------- Listing Section Ends -------*/

/*------- Common CSS Ends -------*/

/*------- Home Page Starts -------*/

    /*------- Mobile Logo and Hamburger Menu Section Starts -------*/

.bg-logo-hamburger-menu-mobile { background-color: #ffffff; display: block; left: 0; padding: 10px 15px; position: fixed; top: 0; width: 100%; z-index: 5; }
.header-logo-mobile > a { display: inline-block; }
.header-logo-mobile > a > img { width: 200px; }

	  /*------- Mobile Hamburger Menu Section Starts -------*/

.hamburger-menu { background-color: transparent; cursor: pointer; height: 50px; position: relative; width: 50px; }
.hamburger-menu span { background-color: #000000; height: 2px; left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -webkit-transition: 0.5s linear 0.5s; -moz-transition: 0.5s linear 0.5s; -ms-transition: 0.5s linear 0.5s; -o-transition: 0.5s linear 0.5s; transition: 0.5s linear 0.5s; width: 25px; }
.hamburger-menu span::before,
.hamburger-menu span::after { background-color: #000000; content: ""; height: 2px; position: absolute; top: 10px; -webkit-transition: 0.5s linear; -moz-transition: 0.5s linear; -ms-transition: 0.5s linear; -o-transition: 0.5s linear; transition: 0.5s linear; width: 25px; }
.hamburger-menu span::before { top: -10px; }
.hamburger-menu.active span { background-color: transparent; -webkit-transition: 0s linear; -moz-transition: 0s linear; -ms-transition: 0s linear; -o-transition: 0s linear; transition: 0s linear; }
.hamburger-menu.active span::before { top: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.hamburger-menu.active span::after { top: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

	  /*------- Mobile Hamburger Menu Section Ends -------*/

    /*------- Mobile Logo and Hamburger Menu Section Ends -------*/

    /*------- Mobile Navbar Menu Section Starts -------*/

.fixed-navbar-menu-mobile { background-color: #FFFFFF; display: block; height: calc(100% - 60px); left: 0; position: fixed; top: 60px; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; width: 100%; z-index: 5; }
.fixed-navbar-menu-mobile.active { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
.sub-menu-listing-mobile { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); }
.menu-listing-mobile > li,
.sub-menu-listing-mobile > li,
.sub-sub-menu-listing-mobile > li,
.sub-sub-sub-menu-listing-mobile > li { border-bottom: 1px solid #CCCCCC; position: relative; }
.sub-sub-sub-menu-listing-mobile > li:last-child { border-bottom: 0; }
.menu-listing-mobile > li > a,
.sub-menu-listing-mobile > li > a,
.sub-sub-menu-listing-mobile > li > a,
.sub-sub-sub-menu-listing-mobile > li > a { color: #272727; display: block; font: 1.6rem/normal "Poppins-Medium"; padding: 15px 55px 15px 15px; position: relative; z-index: 5; }
.sub-sub-sub-menu-listing-mobile > li > a { padding: 15px; }
.menu-listing-mobile > li > a:hover,
.sub-menu-listing-mobile > li > a:hover,
.sub-sub-menu-listing-mobile > li > a:hover,
.sub-sub-sub-menu-listing-mobile > li > a:hover { color: #007CEF; }
.menu-listing-mobile > li > i,
.sub-menu-listing-mobile > li > i,
.sub-menu-back-mobile,
.sub-sub-menu-back-mobile,
.sub-sub-sub-menu-back-mobile,
.sub-sub-menu-listing-mobile > li > i { background-color: #007CEF; color: #FFFFFF; cursor: pointer; display: block; font-size: 1.6rem; height: 54px; line-height: 54px; position: absolute; right: 0; text-align: center; top: 0; width: 54px; z-index: 5; }
.sub-menu-listing-mobile { background-color: #FFFFFF; height: 100%; left: 0; overflow-x: hidden; position: fixed; top: 0; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; width: 100%; z-index: 5; }
.sub-sub-menu-listing-mobile { background-color: #FFFFFF; height: 100%; left: 0; overflow-x: hidden; overflow-y: auto; position: fixed; top: 0; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; width: 100%; z-index: 5; }
.sub-sub-sub-menu-listing-mobile { background-color: #FFFFFF; border: 1px solid #CCCCCC; margin: 0 15px 15px; }
.sub-menu-listing-mobile.active,
.sub-sub-menu-listing-mobile.active,
.sub-sub-sub-menu-listing-mobile.active { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }

    /*------- Mobile Navbar Menu Section Ends -------*/

    /*------- Desktop Header Menu Section Starts -------*/

.bg-desktop-header-menu { display: none; }

    /*------- Desktop Header Menu Section Ends -------*/

    /*------- Desktop Logo and Navbar Menu Section Starts -------*/

.bg-logo-navbar-menu-desktop { display: none; }

    /*------- Desktop Logo and Navbar Menu Section Ends -------*/

    /*------- Slider Section CSS Starts -------*/

.main-wrapper { margin-top: 70px; }
.bg-slider { padding: 100px 0 170px; }
.accreditations-slider { width: 100%; }
.accreditations-slider-listing > li { padding: 0 20px; }
.slider-info > div:first-child > span:first-child { font-size: 1.8rem; }
.slider-info > div:first-child > span:nth-child(2) { font-size: 2.4rem; }
.slider-info > h1 { font-size: 4rem; }
.slider-logo { justify-content: center; }
        
        /*------- Slider Dots CSS Starts -------*/

.banner-slider .slick-dots { bottom: -110px; right: 70px; }

        /*------- Slider Dots CSS Ends -------*/

    /*------- Slider Section CSS Ends -------*/

    /*------- Explore Section CSS Starts -------*/

.explore-info > p { margin: 30px 0; padding-right: 0; }
.btn-explore-listing { margin-bottom: 30px; }

    /*------- Explore Section CSS Ends -------*/

    /*------- News and Events Section CSS Starts -------*/

.bg-news-events { padding: 30px 15px 70px; }
.news-events-slider .slick-prev { left: -15px; }
.news-events-slider .slick-next { right: -15px; }
.news-events-slider .slick-dots { bottom: -50px; }

    /*------- News and Events Section CSS Ends -------*/

    /*------- About Us Section CSS Starts -------*/

.about-image > img { margin-bottom: 30px; }
.about-image-info { left: 0; }
.about-info > p { padding-right: 50px; text-align: justify; }

    /*------- About Us Section CSS Ends -------*/

    /*------- Why Choose Section CSS Starts -------*/

.bg-why-choose { padding: 30px 0; }

    /*------- Why Choose Section CSS Ends -------*/

    /*------- Counter Section CSS Starts -------*/

.box-counter-image { margin-bottom: 20px; }
.box-counter-info > h2 { font-size: 3rem; }

    /*------- Counter Section CSS Ends -------*/

    /*------- Testimonials Section CSS Starts -------*/

.bg-testimonials { padding: 30px 15px 80px; }
.testimonials-slider .slick-dots { bottom: -25px; }

    /*------- Testimonials Section CSS Ends -------*/

    /*------- Footer Section CSS Starts -------*/

.bg-footer { padding-bottom: 0; }
.footer-desc > p,
.input-group-subscribe,
.quick-links-listing > li:last-child,
.footer-contact-listing,
.footer-address-listing { margin-bottom: 30px; }
.input-group-subscribe { width: 70%; }
.footer-heading > h5 { margin-bottom: 15px; }
.bg-copyright { padding: 20px 15px 15px; }
.footer-social-listing { justify-content: flex-end; }
.extra-pages-quick-links-listing { margin-top: 20px; text-align: center; }
.design-develop-by-info > p { margin-top: 10px; text-align: center; }

    /*------- Footer Section CSS Ends -------*/

/*------- Home Page Ends -------*/

/*-------- Engineering : Department Page Starts -------*/

    /*-------- Banner Section Starts -------*/

.bg-department-banner-ip { padding: 60px 15px; }
.banner-info-ip > h1 { font-size: 4rem; }

    /*-------- Banner Section Ends -------*/

    /*------- Horizontal Tab Section Starts -------*/

.bg-horizontal-tab { margin-top: 0; padding-bottom: 0; }
.horizontal-tab-listing,
.horizontal-sub-tab-listing { display: block; }
.horizontal-tab-listing > li > a,
.horizontal-sub-tab-listing > li > a { padding: 15px 20px; }
.horizontal-tab-listing > li:first-child.active > a,
.horizontal-tab-listing > li:first-child > a:hover,
.horizontal-sub-tab-listing > li:first-child.active > a,
.horizontal-sub-tab-listing > li:first-child > a:hover { -webkit-border-radius: 12px 12px 0 0; -moz-border-radius: 12px 12px 0 0; -ms-border-radius: 12px 12px 0 0; -o-border-radius: 12px 12px 0 0; border-radius: 12px 12px 0 0; }
.horizontal-tab-sub-listing { width: 100%; }

  /*------- Horizontal Tab Section Ends -------*/

    /*------- About Us Section Starts -------*/

.about-us-img-department > img { margin-bottom: 30px; }
.about-us-above-img-department { position: static; }
.about-us-above-img-department > img { margin-bottom: 30px; width: 100%; }
.about-us-info-department { margin-left: 0; }

    /*------- About Us Section Ends -------*/

    /*------- Vision Section Starts -------*/

.vision-info-department > p { width: 100%; }

    /*------- Vision Section Ends -------*/

    /*------- Mission Section Starts -------*/

.mission-img-department > img { margin-top: 30px; }
.mission-listing-department { margin-top: 25px; }
.mission-listing-department > li { margin-bottom: 20px; text-align: justify; }

    /*------- Mission Section Ends -------*/

    /*------- PEO, PSO, and PO Section Starts -------*/

.peo-info-department { padding-right: 20px; }
.pso-info-department,
.po-info-department { padding-left: 20px; }
.peo-listing-department > li,
.pso-listing-department > li,
.po-listing-department > li { text-align: justify; }
.box-po-info-department { margin-top: 30px; }

    /*------- PEO, PSO, and PO Section Ends -------*/

    /*------- Staff Section Starts -------*/

.bg-staff-department,
.bg-placement-detail-plp { padding-bottom: 0; }
.box-staff-department { padding: 25px 20px; }
.box-staff-image-department img { margin-bottom: 15px; width: 100%; }
.box-staff-info-department > h3 { font-size: 2rem; }
.box-staff-info-department > p { margin-bottom: 10px; }
.box-staff-info-department > h4 { font-size: 1.8rem; margin-bottom: 5px; }

        /*-------- Staff Details Section Strats -------*/

.bg-profile-cover { margin-top: 70px; padding: 100px 15px; }
.staff-detail-profile-pic > img { height: 215px; margin: 0 0 25px 0; width: 215px; }

        /*-------- Staff Details Section Ends -------*/

    /*------- Staff Section Ends -------*/

    /*------- Department Tabs Section Starts -------*/

        /*------- Department Activity Section Starts -------*/

.bg-sttp-fdp-symp-confe-department,
.bg-expert-lecture-department,
.bg-seminar-workshop-training-department,
.bg-poster-project-prese-department,
.bg-other-activities-department,
.bg-industry-visit-deparment { padding-bottom: 0; }
.department-activity-section-heading-department > h2,
.industry-interaction-section-heading-department > h2 { margin-bottom: 30px; }
.btn-department-activity-primary > a { margin-bottom: 20px; }
.department-activity-date-department > p { justify-content: center; }

        /*------- Department Activity Section Ends -------*/

    /*------- Department Tabs Section Ends -------*/

    /*------- Achivements Tabs Section Starts -------*/

.achivements-section-heading-department > h2 { margin-bottom: 30px; }
.box-achivements-department { margin-bottom: 30px; }
.box-achivements-images-department { margin: 25px 0px 25px 25px; }
.box-achivements-info-department { padding: 30px 30px 30px 0; }
.box-achivements-info-department > p:first-child { margin-bottom: 15px; }
.box-achivements-info-department > p:last-child { text-align: justify; }

    /*------- Achivements Tabs Section Ends -------*/

/*-------- Engineering : Department Page Ends -------*/

/*------- The College Page Starts -------*/

    /*------- Button Section Starts -------*/

.btn-auu > a { width: 50%; }

    /*------- Button Section Ends -------*/

/*------- The College Page Ends -------*/

/*-------- Architecture : Academics Page Starts -------*/

    /*------- Vertical Menu and Extra Section CSS Starts -------*/

.bg-architecture-visit-aacap { padding: 155px 15px; }
.bg-inte-design-aacap { padding: 125px 15px; }

  /*------- Vertical Menu and Extra Section CSS Ends -------*/

/*-------- Architecture : Academics Page Ends -------*/

/*-------- Architecture : Students Page Starts -------*/

    /*------- Image and Information Section Starts -------*/

.box-architecture-students { padding: 25px; }
.box-architecture-students-info > h3 { font-size: 2rem; }

  /*------- Image and Information Section Ends -------*/

/*-------- Architecture : Students Page Ends -------*/

/*-------- Architecture : Architecture Forms Page Starts -------*/

  /*------- Architecture Forms Section Starts -------*/

.bg-architecture-forms { padding-bottom: 0; }
  
  /*------- Architecture Forms Section Ends -------*/
  
/*-------- Architecture : Architecture Forms Page Ends -------*/

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

/*------- Common CSS Starts -------*/

body.active { overflow: hidden; }
.container-fluid { padding: 30px 15px; }
.section-heading > h2 { font-size: 3rem; }
.section-heading > h3,
.section-heading > h4 { font-size: 2.4rem; }
.section-desc > p { margin: 20px auto; width: 800px; }
.btn-primary > a { line-height: 1.5; padding: 15px 30px; }
.btn-secondary > a { line-height: 1.5; padding: 15px 30px; }
.horizontal-tab-content > .container-fluid > .container > .row > .col-12 > div > p,
.horizontal-sub-tab-content > .container > .row > .col-12 > div > p { text-align: justify; }

    /*------- Listing Section Starts -------*/

.unordered-listing > li,
.ordered-listing > li { text-align: justify; }

    /*------- Listing Section Ends -------*/

/*------- Common CSS Ends -------*/

/*------- Home Page Starts -------*/

    /*------- Mobile Logo and Hamburger Menu Section Starts -------*/

.bg-logo-hamburger-menu-mobile { background-color: #ffffff; display: block; left: 0; padding: 10px 15px; position: fixed; top: 0; width: 100%; z-index: 5; }
.header-logo-mobile > a { display: inline-block; }
.header-logo-mobile > a > img { width: 200px; }

	  /*------- Mobile Hamburger Menu Section Starts -------*/

.hamburger-menu { background-color: transparent; cursor: pointer; height: 50px; position: relative; width: 50px; }
.hamburger-menu span { background-color: #000000; height: 2px; left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -webkit-transition: 0.5s linear 0.5s; -moz-transition: 0.5s linear 0.5s; -ms-transition: 0.5s linear 0.5s; -o-transition: 0.5s linear 0.5s; transition: 0.5s linear 0.5s; width: 25px; }
.hamburger-menu span::before,
.hamburger-menu span::after { background-color: #000000; content: ""; height: 2px; position: absolute; top: 10px; -webkit-transition: 0.5s linear; -moz-transition: 0.5s linear; -ms-transition: 0.5s linear; -o-transition: 0.5s linear; transition: 0.5s linear; width: 25px; }
.hamburger-menu span::before { top: -10px; }
.hamburger-menu.active span { background-color: transparent; -webkit-transition: 0s linear; -moz-transition: 0s linear; -ms-transition: 0s linear; -o-transition: 0s linear; transition: 0s linear; }
.hamburger-menu.active span::before { top: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.hamburger-menu.active span::after { top: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

	  /*------- Mobile Hamburger Menu Section Ends -------*/

    /*------- Mobile Logo and Hamburger Menu Section Ends -------*/

    /*------- Mobile Navbar Menu Section Starts -------*/

.fixed-navbar-menu-mobile { background-color: #FFFFFF; display: block; height: calc(100% - 60px); left: 0; position: fixed; top: 60px; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; width: 100%; z-index: 5; }
.fixed-navbar-menu-mobile.active { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
.sub-menu-listing-mobile { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); }
.menu-listing-mobile > li,
.sub-menu-listing-mobile > li,
.sub-sub-menu-listing-mobile > li,
.sub-sub-sub-menu-listing-mobile > li { border-bottom: 1px solid #CCCCCC; position: relative; }
.sub-sub-sub-menu-listing-mobile > li:last-child { border-bottom: 0; }
.menu-listing-mobile > li > a,
.sub-menu-listing-mobile > li > a,
.sub-sub-menu-listing-mobile > li > a,
.sub-sub-sub-menu-listing-mobile > li > a { color: #272727; display: block; font: 1.6rem/normal "Poppins-Medium"; padding: 15px 55px 15px 15px; position: relative; z-index: 5; }
.sub-sub-sub-menu-listing-mobile > li > a { padding: 15px; }
.menu-listing-mobile > li > a:hover,
.sub-menu-listing-mobile > li > a:hover,
.sub-sub-menu-listing-mobile > li > a:hover,
.sub-sub-sub-menu-listing-mobile > li > a:hover { color: #007CEF; }
.menu-listing-mobile > li > i,
.sub-menu-listing-mobile > li > i,
.sub-menu-back-mobile,
.sub-sub-menu-back-mobile,
.sub-sub-sub-menu-back-mobile,
.sub-sub-menu-listing-mobile > li > i { background-color: #007CEF; color: #FFFFFF; cursor: pointer; display: block; font-size: 1.6rem; height: 54px; line-height: 54px; position: absolute; right: 0; text-align: center; top: 0; width: 54px; z-index: 5; }
.sub-menu-listing-mobile { background-color: #FFFFFF; height: 100%; left: 0; overflow-x: hidden; position: fixed; top: 0; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; width: 100%; z-index: 5; }
.sub-sub-menu-listing-mobile { background-color: #FFFFFF; height: 100%; left: 0; overflow-x: hidden; overflow-y: auto; position: fixed; top: 0; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; width: 100%; z-index: 5; }
.sub-sub-sub-menu-listing-mobile { background-color: #FFFFFF; border: 1px solid #CCCCCC; margin: 0 15px 15px; }
.sub-menu-listing-mobile.active,
.sub-sub-menu-listing-mobile.active,
.sub-sub-sub-menu-listing-mobile.active { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }

    /*------- Mobile Navbar Menu Section Ends -------*/

    /*------- Desktop Header Menu Section Starts -------*/

.bg-desktop-header-menu { display: none; }

    /*------- Desktop Header Menu Section Ends -------*/

    /*------- Desktop Logo and Navbar Menu Section Starts -------*/

.bg-logo-navbar-menu-desktop { display: none; }

    /*------- Desktop Logo and Navbar Menu Section Ends -------*/

    /*------- Slider Section CSS Starts -------*/

.main-wrapper { margin-top: 70px; }
.bg-slider { padding: 100px 0 170px; }
.accreditations-slider { width: 100%; }
.accreditations-slider-listing > li { padding: 0 20px; }
.slider-info > div:first-child > span:first-child { font-size: 1.8rem; }
.slider-info > div:first-child > span:nth-child(2) { font-size: 2.4rem; }
.slider-info > h1 { font-size: 4rem; }
.slider-logo { justify-content: center; }

        /*------- Slider Dots CSS Starts -------*/

.banner-slider .slick-dots { bottom: -110px; right: 70px; }

        /*------- Slider Dots CSS Ends -------*/

    /*------- Slider Section CSS Ends -------*/

    /*------- Explore Section CSS Starts -------*/

.explore-info > p { margin: 30px 0; padding-right: 0; }

    /*------- Explore Section CSS Ends -------*/

    /*------- News and Events Section CSS Starts -------*/

.bg-news-events { padding: 30px 15px 70px; }
.news-events-slider .slick-prev { left: -15px; }
.news-events-slider .slick-next { right: -15px; }
.news-events-slider .slick-dots { bottom: -50px; }

    /*------- News and Events Section CSS Ends -------*/

    /*------- About Us Section CSS Starts -------*/

.about-image-info { left: -100px; }
.about-info > p { padding-right: 50px; text-align: justify; }

    /*------- About Us Section CSS Ends -------*/

    /*------- Why Choose Section CSS Starts -------*/

.bg-why-choose { padding: 30px 0; }

    /*------- Why Choose Section CSS Ends -------*/

    /*------- Counter Section CSS Starts -------*/

.box-counter-image { margin-bottom: 20px; }
.box-counter-info > h2 { font-size: 3rem; }

    /*------- Counter Section CSS Ends -------*/

    /*------- Testimonials Section CSS Starts -------*/

.bg-testimonials { padding: 30px 15px 80px; }
.testimonials-slider .slick-dots { bottom: -25px; }

    /*------- Testimonials Section CSS Ends -------*/

    /*------- Footer Section CSS Starts -------*/

.bg-footer { padding-bottom: 0; }
.footer-desc > p,
.input-group-subscribe,
.quick-links-listing > li:last-child,
.footer-contact-listing,
.footer-address-listing { margin-bottom: 30px; }
.input-group-subscribe { width: 90%; }
.footer-heading > h5 { margin-bottom: 15px; }
.bg-copyright { padding: 20px 15px 15px; }
.footer-social-listing { justify-content: center; }
.extra-pages-quick-links-listing { margin-top: 20px; text-align: left; }

    /*------- Footer Section CSS Ends -------*/

/*------- Home Page Ends -------*/

/*-------- Engineering : Department Page Starts -------*/

    /*-------- Banner Section Starts -------*/

.bg-department-banner-ip { padding: 60px 15px; }
.banner-info-ip > h1 { font-size: 4rem; }

    /*-------- Banner Section Ends -------*/

    /*------- Horizontal Tab Section Starts -------*/

.bg-horizontal-tab { margin-top: 0; padding-bottom: 0; }
.horizontal-tab-listing,
.horizontal-sub-tab-listing { display: block; }
.horizontal-tab-listing > li > a,
.horizontal-sub-tab-listing > li > a { padding: 15px 20px; }
.horizontal-tab-listing > li:first-child.active > a,
.horizontal-tab-listing > li:first-child > a:hover,
.horizontal-sub-tab-listing > li:first-child.active > a,
.horizontal-sub-tab-listing > li:first-child > a:hover { -webkit-border-radius: 12px 12px 0 0; -moz-border-radius: 12px 12px 0 0; -ms-border-radius: 12px 12px 0 0; -o-border-radius: 12px 12px 0 0; border-radius: 12px 12px 0 0; }
.horizontal-tab-sub-listing { width: 100%; }

  /*------- Horizontal Tab Section Ends -------*/

    /*------- About Us Section Starts -------*/

.about-us-img-department > img { margin-bottom: 30px; }
.about-us-above-img-department { position: static; }
.about-us-above-img-department > img { margin-bottom: 30px; width: 100%; }
.about-us-info-department { margin-left: 0; }

    /*------- About Us Section Ends -------*/

    /*------- Vision Section Starts -------*/

.vision-info-department > p { width: 100%; }

    /*------- Vision Section Ends -------*/

    /*------- Mission Section Starts -------*/

.mission-listing-department { margin-top: 30px; }
.mission-listing-department > li { margin-right: 20px; text-align: justify; }

    /*------- Mission Section Ends -------*/

    /*------- PEO, PSO, and PO Section Starts -------*/

.peo-info-department { padding-right: 20px; }
.pso-info-department,
.po-info-department { padding-left: 20px; }
.peo-listing-department > li,
.pso-listing-department > li,
.po-listing-department > li { text-align: justify; }
.box-po-info-department { margin-top: 30px; }

    /*------- PEO, PSO, and PO Section Ends -------*/

    /*------- Staff Section Starts -------*/

.bg-staff-department,
.bg-placement-detail-plp { padding-bottom: 0; }
.box-staff-department { padding: 25px 20px; }
.box-staff-image-department img { margin-bottom: 15px; width: 100%; }
.box-staff-info-department > h3 { font-size: 2.2rem; }
.box-staff-info-department > p { margin-bottom: 10px; }
.box-staff-info-department > h4 { font-size: 1.6rem; margin-bottom: 5px; }

        /*-------- Staff Details Section Strats -------*/

.bg-profile-cover { margin-top: 70px; padding: 100px 15px; }
.staff-detail-profile-pic > img { height: 215px; margin: 0 0 25px 0; width: 215px; }

        /*-------- Staff Details Section Ends -------*/

    /*------- Staff Section Ends -------*/

    /*------- Department Tabs Section Starts -------*/

        /*------- Department Activity Section Starts -------*/

.bg-sttp-fdp-symp-confe-department,
.bg-expert-lecture-department,
.bg-seminar-workshop-training-department,
.bg-poster-project-prese-department,
.bg-other-activities-department,
.bg-industry-visit-deparment { padding-bottom: 0; }
.department-activity-section-heading-department > h2,
.industry-interaction-section-heading-department > h2 { margin-bottom: 30px; }

        /*------- Department Activity Section Ends -------*/

    /*------- Department Tabs Section Ends -------*/

    /*------- Achivements Tabs Section Starts -------*/

.achivements-section-heading-department > h2 { margin-bottom: 30px; }
.box-achivements-department { margin-bottom: 30px; }
.box-achivements-images-department { margin: 25px 0px 25px 25px; }
.box-achivements-info-department { padding: 30px 30px 30px 0; }
.box-achivements-info-department > p:first-child { margin-bottom: 15px; }
.box-achivements-info-department > p:last-child { text-align: justify; }

    /*------- Achivements Tabs Section Ends -------*/

/*-------- Engineering : Department Page Ends -------*/

/*-------- Architecture : Academics Page Starts -------*/

    /*------- Vertical Menu and Extra Section CSS Starts -------*/

.bg-architecture-visit-aacap { padding: 200px 15px; }
.bg-inte-design-aacap { padding: 140px 15px; }

  /*------- Vertical Menu and Extra Section CSS Ends -------*/

/*-------- Architecture : Academics Page Ends -------*/

/*-------- Architecture : Architecture Forms Page Starts -------*/

  /*------- Architecture Forms Section Starts -------*/

.bg-architecture-forms { padding-bottom: 0; }
  
  /*------- Architecture Forms Section Ends -------*/
  
/*-------- Architecture : Architecture Forms Page Ends -------*/

}