@media screen and (max-width: 1200px) {
  .Header-navbar {
    padding: 0.4rem;
  }

  .navbar .container-fluid .Header-logo {
    margin-left: 1.5rem;
    width: 4.5rem;
  }

  .offcanvas .offcanvas-body .Header-right-itemes {
    margin-left: 0.8rem;
  }

  .offcanvas .offcanvas-body .Header-right-itemes img {
    width: 1.7rem;
  }

  .offcanvas .offcanvas-body .left-nav .Header-nav-phone .nav-phone-icon {
    margin-left: 0.3rem;
  }

  .offcanvas .offcanvas-body .left-nav .Header-nav-phone img {
    width: 1.8rem;
  }

  .offcanvas .offcanvas-body .left-nav .vl {
    border-left: 3px solid black;
    margin: auto 2rem;
  }

  .offcanvas .offcanvas-body .left-nav .sign-in-up .sign-in-botton {
    margin-left: 0.4rem;
  }

  .MainBody .title-main img {
    width: 350px;
  }
  
}

@media screen and (max-width: 991px) {
  .navbar .container-fluid .Header-logo {
    width: 5rem;
  }

  .navbar-body {
    display: flex;
    flex-direction: column;
  }

  .left-nav {
    display: flex;
    flex-direction: column;
    margin-top: 1rem;
  }

  .left-nav .sign-in-up {
    margin-top: 1rem;
  }

  /* 
    .left-nav .vl {
        display: none;
    } */

  .Header-navbar p,
  .Header-navbar a {
    margin: 0 0.5rem 0 0;
  }

  .header-nav .Header-navbar-contain .offcanvas .Header-logo-sideBar {
    width: 4rem;
  }

  .header-nav .Header-navbar-contain .offcanvas .offcanvas-body .right-nav ul {
    line-height: 2rem;
    width: 100%;
  }

  .offcanvas .offcanvas-body .left-nav .sign-in-up {
    display: grid;
  }

  .offcanvas .offcanvas-body .right-nav .navbar-nav .dropdown-menu li {
    display: block;
  }

  .offcanvas .offcanvas-body .right-nav .navbar-nav .dropdown-menu {
    border: none;
  }

  .offcanvas .offcanvas-body .Header-right-itemes-more {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  .offcanvas .offcanvas-body .Header-right-itemes-more a {
    margin-right: 0;
  }

  .offcanvas
    .offcanvas-body
    .right-nav
    .navbar-nav
    .dropdown-menu
    .inner-nav-itemes {
    margin-bottom: 1rem;
  }

  .offcanvas .offcanvas-body .left-nav .vl {
    display: none;
  }

  .left-nav {
    display: inline;
  }

  .main-nav-phone {
    display: none;
  }

  .offcanvas .offcanvas-body .side-nav-phone {
    display: flex;
    margin-top: 0.5rem;
  }

  .offcanvas .offcanvas-body .side-nav-phone img {
    width: 2rem;
  }

  .left-nav .sign-in-up .sign-in-header .profile-header img {
    width: 6rem;
  }
}

@media screen and (max-width: 768px) {
  .navbar .container-fluid .Header-logo {
    width: 4.5rem;
  }

  .MainBody .title-main img {
    width: 300px;
  }
  
}

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

@media screen and (max-width: 480px) {
  footer .nav .nav-item {
    font-size: 0.9rem;
  }
  .navbar .container-fluid .Header-logo {
    width: 3.8rem;
  }

  .Header-navbar .Header-navbar-contain .barBtn-nav {
    font-size: 1rem;
  }

  .copyRight {
    font-size: 0.8rem;
  }
}

@media screen and (max-width: 380px) {
  .MainBody .title-main img {
    width: 250px;
  }  
}