@media all and (max-width: 1180px) {
  .hero-fluid .form-part {
    display: none;
  }
  .hero-fluid .content-part {
    display: none;
  }
  .hero-fluid .hero-main {
    align-items: end;
    padding-bottom: 60px;
    justify-content: center;
  }
  .login-fo--mobile {
    width: 50%;
    background: #0000005e;
    padding: 20px 20px;
    border-radius: 4px;
    display: block;
  }
  .login-fo--mobile .login {
    display: inline-block;
    width: 100%;
    text-align: center;
    background: #000000;
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    padding: 10px 0px;
    border-radius: 30px;
    text-transform: uppercase;
  }
  .login-fo--mobile p.register {
    text-align: center;
    margin-top: 20px;
    color: #ffffff;
    font-size: 16px;
  }
  .login-fo--mobile p.guest a {
    text-align: center;
    margin-top: 10px;
    color: #ffffff;
    font-size: 16px;
    display: inline-block;
    text-align: center;
    font-weight: 600;
    width: 100%;
  }
  .login-fo--mobile p.register a {
    text-align: center;
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
  }
}
@media all and (max-width: 920px) {
  .header-section {
    padding-top: 20px;
  }
  .header-section ul li .logo {
    width: 120px;
    height: auto;
  }
  .education-section .left-part .top-part ul {
    border-right: 0px solid #ffffff;
  }
  .education-section .left-part .top-part ul li a {
    color: #7f889b;
    font-weight: 400;
  }
  .education-section .left-part {
    height: 100% !important;
    padding-top: 20px;
  }
  .education-section .left-part .top-part ul li.active:after {
    display: none;
  }
  .header-section ul li .user,
  .header-section ul li .menu {
    width: 20px;
    height: auto;
  }
  .menu-section .close-part {
    position: absolute;
    top: 4.5%;
    left: 8%;
    z-index: 99;
    width: 20px;
  }
  .heading h2 {
    font-size: 8rem;
  }
  .aboutus-fluid .content-section {
    margin-top: 20px;
  }
  .aboutus-fluid .content-part {
    margin: 30px 0px;
  }
  .card-section {
    width: 100%;
    margin: 0 auto;
    margin-top: 30px;
  }
  .card-section .card-part {
    margin-bottom: 30px;
  }
  .footer-fluid {
    padding: 0px 0px 0px 0px;
  }
  .footer-fluid .footer-main {
    flex-direction: column;
    padding: 30px 0px 0px 0px;
  }
  .footer-fluid .card-part {
    margin-bottom: 30px;
  }
  .footer-fluid .card-part .heading {
    margin-bottom: 10px;
    margin-top: 0px;
  }
  .copyright-fluid .main-section {
    flex-direction: column;
    align-items: center;
  }
  .copyright-fluid .main-section p {
    margin-bottom: 10px;
  }
  .tabs-button {
    margin-bottom: 30px;
  }
  .aboutus-fluid {
    padding: 30px 0px;
  }
  .aboutus-fluid .content-part {
    margin: 15px 0px 15px 0px;
  }
  .aboutus-fluid .content-section .image-part {
    margin-bottom: 20px;
    margin-top: 20px;
  }
  .order-part .col-lg-6:nth-child(1) {
    order: 2;
  }

  .education-fluid {
    padding: 30px 0px 0px 0px;
  }
  .education-section .left-part .bottom-part {
    display: none;
  }
  .education-section {
    margin-top: 0px;
  }
  .hero-fluid .form-part {
    display: none;
  }
  .hero-fluid .content-part {
    display: none;
  }
  .education-section .left-part .top-part {
    background: #1a1a1a;
  }
  .education-section .left-part .top-part ul li {
    text-align: center;
  }
  .login-fo--mobile {
    width: 100%;
    background: #0000005e;
    padding: 20px 20px;
    border-radius: 4px;
    display: block;
  }
  .login-fo--mobile .login {
    display: inline-block;
    width: 100%;
    text-align: center;
    background: #000000;
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    padding: 10px 0px;
    border-radius: 30px;
    text-transform: uppercase;
  }
  .login-fo--mobile p.register {
    text-align: center;
    margin-top: 20px;
    color: #ffffff;
    font-size: 16px;
  }
  .login-fo--mobile p.guest a {
    text-align: center;
    margin-top: 10px;
    color: #ffffff;
    font-size: 16px;
    display: inline-block;
    text-align: center;
    font-weight: 600;
    width: 100%;
  }
  .login-fo--mobile p.register a {
    text-align: center;
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
  }
  .hero-fluid .hero-main {
    align-items: end;
    padding-bottom: 30px;
  }
  .menu-section {
    width: 50%;
  }
  .education-section .right-part .section-content {
    padding-top: 50px;
  }
  .newsletters-fluid .main-section {
    width: 100%;
    padding: 10px 10px;
    padding-bottom: 70px;
  }
  .newsletters-fluid .main-section br {
    display: none;
  }
  .newsletters-fluid .main-section .content-part ul {
    flex-direction: column;
  }
  .newsletters-fluid .main-section .content-part ul li {
    width: 100%;
  }
}

@media all and (max-width: 767px) {
  .header-section {
    padding-top: 20px;
  }
  .header-section ul li .logo {
    width: 50px;
    height: auto;
  }
  .header-section ul li .user,
  .header-section ul li .menu {
    width: 20px;
    height: auto;
  }
  .menu-section .close-part {
    position: absolute;
    top: 4.5%;
    left: 8%;
    z-index: 99;
    width: 20px;
  }
  .heading h2 {
    font-size: 4rem;
  }
  .aboutus-fluid .content-section {
    margin-top: 20px;
  }
  .aboutus-fluid .content-part {
    margin: 30px 0px;
  }
  .card-section {
    width: 100%;
    margin: 0 auto;
    margin-top: 30px;
  }
  .card-section .card-part {
    margin-bottom: 30px;
  }
  .footer-fluid {
    padding: 0px 0px 0px 0px;
  }
  .footer-fluid .footer-main {
    flex-direction: column;
    padding: 30px 0px 0px 0px;
  }
  .footer-fluid .card-part {
    margin-bottom: 30px;
  }
  .footer-fluid .card-part .heading {
    margin-bottom: 10px;
    margin-top: 0px;
  }
  .copyright-fluid .main-section {
    flex-direction: column;
    align-items: center;
  }
  .copyright-fluid .main-section p {
    margin-bottom: 10px;
  }
  .tabs-button {
    margin-bottom: 30px;
  }
  .aboutus-fluid {
    padding: 15px 0px;
  }
  .aboutus-fluid .content-part {
    margin: 0px 0px 10px 0px;
  }
  .aboutus-fluid .content-section .image-part {
    margin-bottom: 20px;
    margin-top: 20px;
  }
  .aboutus-fluid .content-section .content-part h3 {
    font-size: 2.8rem;
  }
  .order-part .col-lg-6:nth-child(1) {
    order: 2;
  }
  .sustainability-section .top-content h2 {
    font-size: 3rem;
  }
  .education-fluid {
    padding: 30px 0px 0px 0px;
  }
  .education-section .left-part .bottom-part {
    display: none;
  }
  .education-section {
    margin-top: 0px;
  }
  .hero-fluid .form-part {
    display: none;
  }
  .hero-fluid .content-part {
    display: none;
  }
  .menu-section {
    width: 85%;
  }
  .education-section .right-part .section-content .content p {
    text-align: center;
  }
  .logout-part {
    margin-left: 10px;
  }
  .inventry-menu {
    display: none;
  }
  .newsletter-fluid .newsletter-part .heading-part h3 {
    font-size: 24px;
  }
  .newsletter-fluid .newsletter-part .newsletter-card ul {
    align-items: start;
    flex-direction: column;
  }
  .newsletter-fluid .newsletter-part .newsletter-card {
    margin-top: 30px;
  }
  .newsletter-fluid .newsletter-part .newsletter-card ul li:nth-child(1) {
    width: 100%;
  }
  .newsletter-fluid .newsletter-part .newsletter-card ul li h4 {
    font-size: 24px;
    line-height: 36px;
  }
  .newsletter-fluid .newsletter-part .newsletter-card ul li a {
    margin-top: 10px;
    display: inline-block;
  }
}