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

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

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

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


 @media only screen and (max-width: 767px) {
   .enquire {
     display: none;
   }

   .prospectus {
     position: relative;
     right: 94px;
   }

   .batteryexpert_main {
     height: auto;
     margin-top: 0;
   }

   .course-list {
     margin-bottom: 0;
   }

   .testi .owl-nav {
     display: none;
   }

   .course-box-h3 {
     background: #fff;
     margin-top: 10px;
     text-align: center;
     color: #0679b4;
     font-family: 'Montserrat';
     font-size: 25px;
     line-height: 24px;
     text-transform: capitalize;
     font-weight: 600;
     width: 97%;
     margin: 0 auto 20px;
     padding-top: 20px;
   }

   .bg-white {
     width: 90% !important;
     margin: 0 auto;
     margin-bottom: 30px;
   }

   .responsive-display {
     display: none;
   }

   .inner_contact_us_page_text {
     margin: 15px 0;
   }

   .aboutleft-content {
     margin-top: 0;
   }

   form.w-100 {
     width: 90% !important;
     margin: 0 auto;
   }

   .wordpress-form {
     width: 90% !important;
     margin: 0 auto;
   }

   .students-details-table {
     width: 85%;
   }

   .students {
     width: 100%;
   }

   .certification-main .form-control {
     width: 93%;
   }

   .certification-main {
     width: 100%;
   }

   .subpage-text h1 {
     font-size: 32px;
   }

   .livlihood {
     height: 220px;
     background-size: cover;
     padding-top: 17%;
   }

   .about-text p {
     padding: 0 0%;
   }

   .feature-section {
     padding: 20px 0;
     margin: 40px 0 0;
   }

   .footer_body h1 {
     min-height: 0;
   }

   .footer_body {
     width: 100%;
     padding: 10px 15px;
   }

   .expert-ul {
     width: 100%;
     float: left;
     padding: 15px 9px 0;
     text-align: left;
   }

   .responsive .col-md-3 {
     width: 50%;
   }

   .service-content {
     top: 80px;
   }

   .aboutleft-content {
     width: 100%;
   }

   .serviceBox {
     margin-bottom: 20px;
   }

   .menu-ammount h6 {
     font-size: 14px;
   }

   .menu-back {
     padding: 12px;
   }

   .menu-ammount h4 {
     font-size: 14px;
   }

   .menu-ammount::before {
     bottom: 6px;
     width: 80%;
   }

   .choose-content h3 {
     font-size: 28px;
   }

   .cooked .cooked-img {
     width: 80%;
     190px
   }

   .contact-page-form h2 {
     font-size: 20px;
     padding: 0 8px;
   }

   .left-section h3 {
     font-size: 30px;
   }

   .left-section {
     padding: 50px 10px 55px 10px;
   }

   .aboutleft-content h3 {
     font-size: 22px;
   }

   .background-second {
     padding: 40px 20px 40px 20px;
   }

   .icon-img img {
     margin-top: 30px;
   }

   .aboutleft-content p {
     font-size: 13px;
   }

   .testimonial-container h2 {
     font-size: 26px;
   }

   .contact-page-form {
     padding: 25px 0px;
     margin-bottom: 25px;
   }

   .stastic {
     margin: 18px 0;
   }

   .responsive .col-md-3 {
     width: 50%;
   }

   .blog-list {
     margin: 10px 0;
   }

   .products {
     margin-bottom: 20px;
   }

   .stastic p {
     font-size: 14px;
     margin-top: 10px;
   }

   .stastic img {
     width: 50%;
   }

   .header-responsive .col-md-3 {
     width: 50%;
   }

   .header-responsive .col-md-9 {
     width: 50%;
   }

   .about-list li {
     width: 100%;
     line-height: 35px;
   }
   .pre-header .p-2 {
     width: 100%;
     padding: 4px 0 0 !important;
     font-size: 13px;
   }
   .job-card{
    display: block;
   }
   .stastic h4 {
     font-size: 50px;
   }
   .footer-details h4 {
     text-align: left;
   }
   .duration-flex {
    display: block;
  }
   .footer-details p {
     text-align: left;
   }
   .job-card h3{
    font-size: 18px;
   }
   .register-container {
     width: 100%;
   }

   .login-form {
     padding: 10px;
   }
   .footer-time h3 {
     text-align: left;
   }

   .count-title {
     margin-top: 4px;
     font-size: 46px;
   }

   .university-section {
     margin: 0 0;
   }

   .number-section {
     padding: 25px 0;
   }

   .number-section {
     margin-top: 19px;
   }

   .view-all {
     width: 50%;
   }

   .header_bumblebee h3 {
     text-align: center;
     margin-bottom: 11px;
   }

   .item .text {
     padding: 10px 0 0;
   }

   .item {
     height: auto;
     width: 96%;
     margin: 8px 7px 10px;
   }

   .app-portion {
     text-align: center;
   }

   .app-portion h4 {
     width: 100%;
     float: left;
     line-height: 49px;
     text-align: center;
   }

   .feature-section-right p {
     text-align: justify;
   }

   .easylearn-ul li {
     padding-left: 27px;
     line-height: 23px;
   }

   .slider {
     height: 525px;
   }

   .slider-content h1 {
     margin-top: 16px;
   }

   .feature-section-right {
     padding: 10px 0;
   }
   .faq-padding {
    padding: 0 20px 30px 20px;
  }
  .accordion{
    padding-top: 50px;
  }
   .about-img {
     margin-bottom: 50px;
   }
   .counter-content{
    margin: 20px;
   }
   .slider {
     height: 558px;
   }
   .enquiry-form {
     width: 100%;
   }

   .slider-content {
     padding: 10px 10% 0;
   }

   .enquiry-form {
     width: 100%;
   }

   .nav__container {
     padding: 4px 12px !important;
   }

   .fade:not(.show) {
     opacity: 1 !important;
   }

   .nav-toggle {
     width: 33px !important;
     margin-top: 0px;
     top: 38%;
   }

   .nav-header {
     width: 75px;
   }

   .nav-toggle span {
     height: 2px !important;
   }

   .d-flex {
     justify-content: center;
   }

   .add-mobile {
     display: none;
   }

   .nav-menu>li>a {
     color: #fff;
   }

   .social {
     color: #fff;
     padding: 10px;
     text-align: center;
   }

   .social1 {
     color: #fff;
     padding: 10px;
     float: initial;
     text-align: center;
   }

   .carousel-caption {
     display: none;
   }

   .footer-details {
     padding: 12px 0px;
   }

   .nav-dropdown>li>a,
   .megamenu-list>li>a {
     width: 100%;
   }

   .reverse {
     flex-direction: column-reverse !important;
   }

   .text-right {
     text-align: left !important;
   }

   .extra-flex h4 {
     font-size: 14px;
   }

   .extra-flex h5 {
     font-size: 10px;
     font-weight: 500;
   }

   .footer-about-us {
     padding: 20px 0px;
   }

   .small-ammount h4 {
     font-size: 11px;
   }
.border-lt {
  flex-direction: column-reverse;
  display: flex !important;
}
   .enquire {
     width: 192px !important;
   }
.flip-front, .flip-back {
  width: 100%;
}
   .service-icon img {
     height: 100%;
     width: 100%;
   }
.services-content a{
    padding: 5px 10px;
}
   .others-heading h3 {
     font-size: 28px;
   }

   .choose-content h2 {
     font-size: 30px;
   }

   .others-heading p {
     width: 100%;
   }

   .service-list {
     display: block;
     font-size: 13px;
     line-height: normal;
   }

   .services-img {
     width: 100%;
   }

   .services-content {
     width: 100%;
   }

   .service-section {
     background-attachment: fixed;
   }

   .services-content {
     padding: 10px 0;
   }

   .services-content h3 {
     font-size: 18px;
   }

   .services-content p {
     font-size: 13px;
     line-height: normal;
   }

   .text-down .textbox {
     margin-top: -170px;
   }

   .text {
     padding-top: 60px;
   }

   .why_choose {
     margin: 0 0 0px;
   }

   .choose {
     padding: 25px 0;
   }

   .others-heading {
     padding-bottom: 30px;
   }

   .submenu-indicator-chevron {
     border-color: transparent #fff #fff transparent;
   }

   .reverse {
     display: flex;
     flex-direction: column-reverse;
   }

   .login-form ul li {
     font-size: 13px;
   }

   .flex-all {
     display: block;
   }

   .doctor-img img {
     width: 135px;
     height: 135px;
     margin-bottom: 22px;
   }

   .principal-con {
     display: block;
   }

   .princi-details {
     width: 100%;
     padding: 10px 0px;
   }

   .principal-img {
     width: 58%;
     display: block;
     margin: 0 auto;
   }

   .principal-img img {
     width: 100%;
     border: 2px solid #940e0e;
     border-radius: 10px;
   }









 }


 @media only screen and (max-width: 640px) {
   .carousel-inner img {
     width: 100%;
     height: 190px;
     object-fit: cover;
   }

   .finance {
     position: initial;
     margin: 50px 0;
   }

   .responsive .col-md-3 {
     width: 50%;
   }

   .finance .finance-icon img {
     width: 40%;
     margin: 0px 0;
   }

   .finance-count h5 {
     color: #d3d3d3;
     font-size: 22px;
   }

   .finance-details {
     padding: 6px;
   }

   .finance .finance-icon h4 {
     font-size: 14px;
   }

   .finance .finance-details p {
     font-size: 12px;
   }

   .imap-heading {
     margin: 30px 0 30px 0;
   }

   .expert-ul li {
     width: 100%;
   }

   .extra-width-li {
     width: 100%;
   }

   .testimonial-box {
     padding: 15px;
   }

   .footer-contact {
     padding: 18px 0;
     border-left: none;
     border-right: none;
     text-align: center;
   }

   .item .d-flex {
     display: block !important;
   }

   .site-logo {
     margin: 0 auto;
     width: 100px;
   }

   .pre-header {
     background: #000;
   }

   .about-text h3 {
     font-size: 30px;
   }

   .round-contact {
     text-align: center !important;
     margin-top: 10px;
   }

   .terms-con {
     display: block;
   }

   .missionvision-text p {
     font-size: 13px;
   }

   .none-display {
     display: none;
   }

   .header_area .navigation-portrait .nav-menus-wrapper {
     background-color: #011433 !important;
   }

   .header_area .nav-menus-wrapper-close-button {
     color: #d5dadf !important;
   }

   .others-heading h4 {
     font-size: 25px;
   }

   .aboutleft-content h2::after {
     top: 58px;
   }

   .d-flex p {
     display: none;
   }

   .aboutleft-content h2::after {
     top: 56px;
   }

   .nav__logo img {
     width: 88%;
   }

   .prospectus {
     position: relative;
     right: 80px;
   }

   .pre-header .p-2 {
     width: 100%;
     padding: 0 0 !important;
     text-align: center;
   }

   .footer-border {
     margin-bottom: 55px;
   }

   .contact-foot {
     text-align: center;
     width: 80%;
     margin-bottom: 51px;
   }








 }




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


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



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

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

 /* MQ
–––––––––––––––––––––––––––––––––––––––––––––––––– */
 @media screen and (min-width: 550px) {
   .page-header .panel1 {
     width: 60%;
   }

   .page-header .panel2 {
     width: calc(60% - 3rem);
   }

   .page-header .top-menu {
     width: calc(60% - 6rem);
   }
 }

 @media screen and (min-width: 768px) {
   .page-header .top-menu {
     padding: 4rem;
   }

   .page-header ul a {
     font-size: 1.6rem;
   }

   .page-header .search-form input {
     font-size: 2.4rem;
     height: 5rem;
     line-height: 5rem;
   }
 }

 @media screen and (min-width: 995px) {
   .page-header {
     padding: 0 3rem;
   }

   .page-header .panel,
   .page-header .open-mobile-menu,
   .page-header .vertical-logo,
   .page-header .top-menu .mob-block,
   .page-header .top-menu>li:last-child,
   .page-header .top-menu-wrapper::before {
     display: none;
   }

   .page-header .horizontal-logo {
     display: block;
   }

   .page-header .top-menu-wrapper {
     display: flex;
     align-items: center;
     color: var(--white);
   }

   .page-header .top-menu {
     flex-direction: row;
     position: static;
     width: auto;
     background: transparent;
     transform: none;
     padding: 0;
     overflow-y: visible;
     box-shadow: none !important;
   }

   .page-header .top-menu li+li {
     margin-top: 0;
   }

   .page-header .top-menu>li:not(:nth-last-child(2)) {
     margin-right: 3rem;
   }

   .page-header .top-menu>li>a {
     padding: 3rem 0.5rem;
   }

   .page-header ul a {
     font-size: 1.3rem;
   }

   .page-header .has-dropdown i {
     display: inline-block;
   }

   .page-header .sub-menu {
     display: none;
     position: absolute;
     top: 100%;
     left: 50%;
     transform: translateX(-50%);
     padding: 1.5rem 2rem;
     background: var(--purple-2);
   }

   .page-header .sub-menu li+li {
     margin-top: 1.2rem;
   }

   .page-header .sub-menu a {
     padding: 0.5rem 1rem;
     white-space: nowrap;
   }

   .page-header .has-dropdown {
     position: relative;
   }

   .page-header .has-dropdown:hover .sub-menu {
     display: block;
   }

   .page-header .search {
     display: flex;
     align-items: center;
     margin-left: 3rem;
   }
 }

 @media screen and (min-width: 1200px) {
   .page-header .search {
     margin-left: 5rem;
   }

   .page-header .search i {
     margin-right: 1.5rem;
   }

   .page-header .search span {
     display: block;
     font-weight: 500;
     font-size: 1.6rem;
   }
 }