@media (min-width: 1401px) {
  .container { max-width: 1140px;}
  /* .learning-top-block .container,
  .learning-second-block .container,
  .learning-development .container { max-width: 1320px;} */
}

/* ==========================================================================
    (Medium Desktop, 1400px and up)*
    ========================================================================== */
@media (max-width: 1400px) {
   .home-celebrate-block { min-height: 515px;}
   .location-block { min-height: 394px;}
   .owl-nav .owl-prev { left: 0 !important;}
   .owl-nav .owl-next { right: 0 !important;}
   .home-features-list li { min-height: 396px;}
}
 
 
/* ==========================================================================
   *Medium devices (tablets, 1200px and down)*
   ========================================================================== */
@media (max-width: 1200px) {
   .home-about-list li { padding-left: 91px; margin: 0 15px;}
   .home-features-list li { min-height: 250px;}
   .about-top-block .home-features-list li { min-height: 360px;}
}
 
 
/* ==========================================================================
   *Medium devices (tablets, 991px and down)*
   ========================================================================== */
 @media (max-width: 991px) {
   h1 { font-size: 34px; line-height: 38px;}
   h2 { font-size: 30px; line-height: 34px;}
   section { padding: 50px 0;}

   .main-menu { display:none;}
   .mobile-menu { display:block; background:#000000; position: relative; z-index: 9;}
   .mobile-menu .menu-toggle { display:block; z-index:1;  top: -66px; right:10px;}
   .mobile-menu ul.menu-list{display:none;}
   .mobile-menu > ul > li > span { display:none;}
   .mobile-menu > ul.menu-list > li > a.login { color: #fff; display:block; width:100%; font-size: 14px; text-transform: uppercase; padding: 8px 0; background:none; display: inline-block; line-height: normal; position: relative;  top:0px;  border-radius: 0px;}
   .mobile-menu > ul > li > a.active { color: #fff;}
   .header-right { margin-right: 50px;}
   .mobile-menu > ul.menu-list { padding: 10px 0;}
   .mobile-menu > ul > li > a { font-size: 14px; text-transform: uppercase;}
   .mobile-menu ul.menu-list > li > ul > li > a { font-size: 14px;}

   /* Menu Second Level 21-01-2021 */
   .mobile-menu ul.menu-list > li > ul{padding: 0;}
   .mobile-menu ul.menu-list > li > ul > li >ul{ display:none; background: #505050; padding: 0;}
   .mobile-menu ul.menu-list > li > ul > li >ul >li>a{font-size: 14px;}
   /* Menu Second Level END 21-01-2021 */

   .mega-drop { padding: 0 15px; position: relative; z-index: 3; left: inherit !important; top: inherit !important; right: inherit !important; bottom: inherit !important; width: 100% !important; display: none;  opacity: 1; transform: scale(1); pointer-events: auto; background: #1b1a1a; border-radius: 0px;}
   .mobile-menu ul > li > a { font-weight: 400;}
   .drop-links > li > a { font-size: 14px;}
   .drop-links li a:before { position: static; display: inline-block; margin-right: 20px;}

   .header { position: static;}
   .header-top-block .social-media { position: static; justify-content: center;}
   .header-top-block { border-bottom: none;}
   .header-top-block p { margin-bottom: 5px;}
   .home-features-list li h3 { font-size: 18px;}
   .banner-item { height: auto; min-height: 350px; padding: 50px 0;}
   .home-about-list { padding-top: 10px;}
   .home-about-list li { padding-left: 0; flex-direction: column; justify-content: center; text-align: center; line-height: 22px;}
   .home-about-list li span { position: static; margin-bottom: 15px;}
   .commen-head h2 { margin-bottom: 15px;}
   .home-celebrate-block { min-height: 350px;}
   .testi-item { padding: 20px;}
   .testi-item p { margin-bottom: 15px; font-size: 16px; line-height: 24px;}
   .testi-avatar { margin-bottom: 15px;}
   .location-block { min-height: 300px;}
   .home-branches li { margin-bottom: 20px;}
   .home-branches li span { display: block;}
   .footer { padding: 50px 0;}
   .footer-menu li { padding: 0 10px;}

   .owl-nav { position: static !important; justify-content: center !important; margin-top: 15px;}
   .owl-nav button { position: static !important; margin: 0 10px;}
   .sub-banner { padding: 0; min-height: auto;}
   .sub-banner .container-fluid { padding-top: 50px; padding-bottom: 50px;}
   .Learning-process li { font-size: 16px;}
   .breadcrumb { margin-bottom: 0;}

   .logo { height: 82px; max-width: 125px;}
   .logo a img { max-width: 90px;}
   .about-top-block .home-features-list li h3 { font-size: 16px;}
   .contact-logo { margin-bottom: 15px; min-height: 200px;}
   
 }
 


 

 
/* ==========================================================================
   *Small devices (landscape phones, less than 768px)*
   ========================================================================== */ 
@media (max-width: 767px) {
  h1 { font-size: 30px !important; line-height: 34px !important;}
  h2 { font-size: 26px !important; line-height: 29px !important;}

  .header-top-block .social-media { display: none;}
  .header-top-block { padding: 10px 45px 10px 15px; display: flex; align-items: center;}
  .header-top-block p { line-height: 20px;}
  .logo { max-width: 125px;}
  .header { display: flex; padding-left: 130px;}
  .header-top-block p { font-size: 0; margin-bottom: 0; line-height: 16px;}
  .header-top-block p a { font-size: 14px;}
  .home-features-list li { width: 50%;}
  .home-about-list { flex-direction: column;}
  .home-about-list li { padding: 10px 0;}

  .home-celebrate-block { min-height: auto; padding: 50px 0; background: #eeeeee !important;}
  .footer { padding-bottom: 90px;}
  .footer h2 { margin-bottom: 15px; text-align: center;}
  .newsletter { margin-bottom: 10px;}
  .newsletter-block p { text-align: center;}
  .banner-item { padding: 50px 0 20px 0; justify-content: end;}
  .banner-item::before { background: rgb(255,0,112); background: linear-gradient(0deg, rgba(255,0,112,0.7315301120448179) 18%, rgba(0,0,0,0) 68%);}
  .banner-main h1 { font-size: 18px !important; line-height: 20px !important; margin-bottom: 10px;}
  .banner-main h1 span { padding-bottom: 5px; font-size: 16px; line-height: 18px;}
  .banner-main .primary-btn { padding: 10px 20px;}

  .learning-top-block .accordion-button { padding-left: 55px; font-size: 18px; line-height: 22px;}
  .learning-top-block .accordion-button::before { width: 35px; height: 35px; left: 10px; top: 14px;}
  .floatings { position: fixed; bottom: 0; left: 0; right: 0; top: inherit; margin: auto; width: 100%; background-color: rgb(134 236 255 / 73%); backdrop-filter: blur(16px) brightness(115%); padding: 6px 15px; display: flex; justify-content: center; border-radius:0;}
  .floatings li { margin: 0 15px;}
  .floatings li a { font-size: 10px;}
  .floatings li a figure { margin-bottom: 5px; width: 35px; height: 35px; padding: 10px;}

  .header { padding-left: 0;}
  .logo { position: static;}
  .floatings.floating-bar { background-color: rgb(134 236 255 / 73%); backdrop-filter: blur(16px) brightness(115%);}
  .about-top-block .home-features-list li { width: 50%;}
  .sub-banner h1 br { display: none;}

  .commen-table { border: none;}
  .commen-table thead { display: none;}
  .commen-table tr { border: 1px solid #ddd; display: block; margin-bottom: 10px;}
  .commen-table td { display: flex; justify-content: space-between; font-size: 14px; border-left: none;}
  .commen-table td::before { content: attr(data-label); font-weight: 400; color: #000000;}
  .commen-table td:last-child { border-bottom: 0;}

  .commen-tab-acco .resp-tabs-list { display: none;}
  .contact-block { padding: 50px 15px;}
  .contact-right { padding: 20px;}
  .g-map { margin-top: 0;}
  .g-map iframe { height: 300px !important;}
  .commen-tab-acco h2.resp-accordion { font-size: 18px !important; background: var(--light-blue);}
  .commen-tab-acco h2.resp-accordion .resp-arrow { border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 12px solid var(--black);}
  .commen-tab-acco h2.resp-accordion.resp-tab-active { background: var(--primary-color); color: var(--white);}
  .commen-tab-acco h2.resp-tab-active span.resp-arrow { border: none; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 12px solid var(--white);}
  .contact-left { padding: 20px;}
  .contact-list li { padding-left: 75px; margin-bottom: 10px;}
  .contact-list li p { font-size: 14px; line-height: 22px;}
  .contact-list li .icon { width: 60px; height: 60px; padding: 15px; top: 4px;}
}

/* ==========================================================================
   *Extra small devices (portrait phones, less than 576px)*
   ========================================================================== */ 
@media (max-width: 575px) {
   .home-celebrate-block h3 { padding: 0; max-width: 100%; text-align: center;}
   .home-celebrate-block h3 a { position: static; margin: auto; margin-bottom: 15px; display: block;}
   .home-statistics ul li h3 { margin-bottom: 0;}
   .home-features-list li h3 br { display: none;}
   .home-features-list li h3 { font-size: 15px;}

   .home-features-list li { min-height: 250px;}
   .g-map iframe { height: 250px !important;}
}


/* ==========================================================================
   *Extra small devices (portrait phones, less than 480px)*
   ========================================================================== */ 
@media (min-width:320px) and (max-width:480px) { 
   .home-branches li { padding-left: 15px;}
   .newsletter { padding-right: 87px;}
   .newsletter-submit { width: 88px;}
   .home-features-list li { min-height: 200px;}
   .about-top-block .home-features-list li { width: 100%;}
   .newsletter-submit { width: 85px;}
   .newsletter { padding-right: 84px;}
}