@media all and (max-width: 1024px) {
  .header-fluid {
    background: #ffffff00;
    padding: 5px;
    box-shadow: none;
    position: absolute;
    right: 10px;
    top: 18px;
    z-index: 999;
    display: inline;
    width: 50px;
  }
  .header-fluid .navbar-light .navbar-nav .nav-item:nth-last-child(1) {
    border: 0px solid white;
    margin-left: 0;
  }
  .header-fluid .navbar-light .navbar-collapse {
    background: #f3f3f3;
    position: fixed;
    left: -100%;
    width: 80%;
    top: 0;
    height: 100vh;
    padding: 30px 20px 20px 0px;
    -webkit-transition: 1s;
    transition: 0.5s;
    transition-duration: 1s;
    z-index: 999;
    display: block !important;
  }
  .header-fluid .navbar .navbar-brand img {
    max-width: 150px;
    height: auto;
  }
  .header-fluid .navbar-light .navbar-collapse.active {
    left: 0;
    -webkit-transition: 1s;
    transition: 0.5s;
    transition-duration: 1s;
    z-index: 999;
  }

  .backhround-screen.active {
    display: block;
    background: #00000070;
    width: 100%;
    height: 100vh;
    z-index: 99;
    position: absolute;
  }
  .footer-fluid .footer-main {
    flex-direction: column;
  }
  .footer-fluid .card-part .heading {
    margin-bottom: 20px;
    margin-top: 20px;
  }
  .copyright-fluid .main-section {
    flex-direction: column;
    text-align: left;
    align-items: start;
  }
  .aboutus-fluid .content-part.without-image {
    width: 100%;
    margin: 0px auto;
  }
  .aboutus-fluid .content-part h1 {
    font-size: 3.2rem;
    line-height: 4.4rem;
  }
  .aboutus-fluid {
    padding: 30px 0px;
  }
  .aboutus-fluid .image-part {
    margin-bottom: 30px;
  }
  .hero-fluid .hero-main {
    height: calc(100vh - 90px);
    padding-bottom: 50px;
    align-items: center;
    flex-direction: column;
  }
  .hero-fluid .form-part {
    display: none;
  }
  .hero-fluid .hero-main .content-part {
    text-align: center;
    width: 100%;
    margin-top: 50px;
    background-image: url(../img/bg.jpg);
    opacity: 70%;
    padding: 20px 20px;
    border-radius: 8px;
    margin-bottom: 50%;
  }
  .hero-fluid .monile-login {
    background-image: url(../img/bg.jpg);
    opacity: 70%;
    display: block;
    padding: 16px 16px;
    gap: 24px;
    border-radius: 8px;
    display: none;
  }
  .footer-fluid {
    padding: 20px 0px;
  }
  .hero-fluid .hero-main .content-part h1 {
    font-size: 3rem;
    line-height: 4.4rem;
  }
  .hero-fluid .hero-main .content-part p {
    font-size: 1.8rem;
    margin-bottom: 0px;
    line-height: 28px;
  }
  .hero-fluid .hero-main .content-part .download ul li a img {
    max-width: 120px;
  }
  .hero-fluid .monile-login p {
    color: rgb(0 0 0);
  }
  .hero-fluid {
    background-image: url(../img/mob-bg.png);
  }
  .header-fluid .logo-part img {
    max-width: 180px;
  }
  .header-fluid .logo-part {
    padding: 10px 0px;
  }
  .internal-header .top-section .logo-section img {
    max-width: 130px;
  }
  .internal-header .top-section .login-section {
    display: none;
  }
  .header-fluid .navbar-light .navbar-toggler .navbar-toggler-custom {
    font-size: 2rem;
    color: rgb(255 255 255);
  }
  .shop-fluid {
    padding: 20px 0px;
  }
  .shop-fluid .heading-part h2 {
    font-size: 32px;
  }
  .shop-fluid .card-section .card-part {
    margin-bottom: 30px;
    height: 333px;
  }
  .video-fluid {
    padding: 70px 0px;
  }
  .video-fluid .video-part {
    width: 100%;
  }
  .featured-fluid .heading-part h2 {
    font-size: 32px;
  }
  .featured-fluid .card-section .row {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
  }
  .featured-fluid .card-section .row::-webkit-scrollbar {
    height: 0px;
  }
  .featured-fluid .card-section .card-part {
    width: 300px;
  }
  .header-fluid .nav-item.dropdown .dropdown-menu:after {
    display: none;
  }
  .header-fluid .nav-item.dropdown .dropdown-menu {
    box-shadow: none;
  }
  .height60px {
    height: 65px;
  }
  .featured-fluid .card-section .row .col-lg-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 75%;
    max-width: 100%;
    padding-right: 15px;
    padding-left: 15px;
  }
  .featured-fluid {
    padding: 30px 0px;
  }
  .header-fluid .navbar-light .navbar-nav .nav-item .nav-link {
    padding: 8px 15px;
  }
  #form-mob {
    width: 100%;
  }
  .serach-fluid {
    display: block;
  }
  .shop-internal-fluid .card-section .left-part,
  .shop-internal-fluid .card-section .right-part {
    width: 100%;
  }
  .shop-internal-fluid .card-section {
    flex-direction: column;
  }
  .shop-internal-fluid .card-section .card h4 {
    margin-top: 20px;
  }
  .shop-internal-fluid .card-section .card {
    height: auto;
  }
  .shop-internal-fluid .card-section .right-part .card {
    height: auto;
  }
  .shop-internal-fluid .heading-part {
    display: none;
  }
  .shop-internal-fluid {
    padding: 20px 0px;
    background: #fce6e2;
    min-height: auto;
    margin-top: 20px;
  }
  .shop-internal-fluid .card-section {
    margin-top: 20px;
  }
}
@media all and (max-width: 767px) {
  .shop-internal-fluid .card-section .card h2 {
    font-size: 24px;
    line-height: 36px;
  }
  .shop-internal-fluid .card-section .right-part .card h2 {
    font-size: 24px;
    line-height: 36px;
  }
  .shop-internal-fluid .card-section .right-part .card h2 {
    font-size: 21px;
    line-height: 24px;
  }
}

@media all and (max-width: 1386px) {
  .serach-fluid {
    display: block;
  }
}
