@media (max-width: 1024px) {
  .slider_section .detail_box h1
  {
    font-size: 4rem;
  }
}

@media (max-width: 992px) {
  .navbar-collapse {
      position: fixed;
      top: 0; /* adjust to height of navbar */
      left: 0;
      padding-left: 15px;
      padding-right: 15px;
      padding-bottom: 15px;
      width: 75%;
      height: 100%;
      background: #fff;
  }

  .navbar-collapse .navbar-nav
  {
    width: 100%;
  }

  .navbar-collapse .nav-item
  {
    padding: 8px 5px;
    margin: 5px 0;
  }

   .nav-item.active .nav-link
  {
    color: #fb7e0a !important;
    margin-left: 0 !important;
  }

  .navbar-collapse .nav-link
  {
      color: #000;
      width: 100%;
      padding: 0 !important;
      text-align: left !important;
      font-weight: 600;
  }

  .navbar-nav .nav-item .dropdown .dropdown-toggle
  {
      color: #000 !important;
  }
  .navbar-collapse.collapsing {
      left: -75%;
      transition: height 0s ease;
  }

  .navbar-collapse.show {
      left: 0;
      transition: left 300ms ease-in-out;

  }

  .navbar-toggler.collapsed ~ .navbar-collapse {
      transition: left 500ms ease-in-out;
  }

  .navbar-collapse .navbar-nav
  {
    margin-top: 50px;
  }

  .custom_nav-container.navbar-expand-lg .navbar-nav .nav-item
  {
    padding: 10px;
    border-bottom: 1px solid #dfdfdf;
  }

  .custom_nav-container.navbar-expand-lg .navbar-nav .nav-item:last-child
  {
    border-bottom: none;
  }

  .custom_nav-container.navbar-expand-lg .navbar-nav .nav-item.active
  {
    background: #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
  }

  .custom_nav-container.navbar-expand-lg .navbar-nav .nav-link {
    color: #000000;
    font-size: 14px;
    background: transparent;;
  }

  .quote_btn-container {
    display: none;
  }
  
  .detail_box
  {
    margin-top: 50px;;
  }

  .ring_section .ring_container .detail-box {
    margin-bottom: 45px;
  }

  .price_section .price_container .box {
    height: 450px;
  }
}

@media (max-width: 768px) {
  .heading_container h2
  {
    font-size: 22px;
  }

  p, li, h6, a
  {
    font-size: 14px;
  }

  h3, h4, h5
  {
    font-size: 18px;
  }

  .hero_area {
    background-position: top left;
    height: auto;
  }

  .slider_section {
    padding: 80px 0;
  }

  .contact_section button {
    margin-bottom: 45px;
    margin-left: auto;
    margin-right: auto;
  }

  .contact_section form {
    padding: 0;
  }

  .client_section .client_container {
    flex-direction: column;
  }

  .client_section .client_container .client-id {
    width: auto;
  }

  .client_section .client_container .detail-box {
    margin-top: 35px;
    width: auto;
  }

  .contact_section .map_container {
    height: 350px;
    padding: 0;
  }

  .info_section .col-md-3 {
    display: flex;
    justify-content: center;
  }

  .info_section .info_container .info_contact {
    padding: 35px 0;
  }

  .info_section .info_form form input {
    width: 100%;
  }

  .ring_section {
    padding-left: 15px;
    padding-right: 15px;
  }

  .login_section .container
  {
    min-height: 600px;
  }

  .login_section .sign-up-container, .login_section .sign-in-container
  {
    width: calc(100% - 20px);
    left: 50%;
    transform: translateX(-50%);
  }

  .login_section .overlay-panel, .login_section .overlay, .login_section .overlay-container
  {
    display: none;
  }

  .login_section .container.right-panel-active .sign-up-container
  {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }

  .login_section .container.right-panel-active .sign-in-container
  {
    opacity: 0;
  }

  .mobile_switch_btn
  {
    display: block !important;
  }

  .login_section .container
  {
    border-radius: 0;
    box-shadow: none;
  }

  .login_section .form-container
  {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
    padding: 10px;
    height: calc(100% - 20px);
  }

}

@media (max-width: 576px) {
  .slider_section .detail_box {
    text-align: center;
  }

  .slider_section .detail_box h1 {
    font-size: 4rem;
  }

  .whatsapp_btn
  {
    bottom: 10px;
    right: 10px;
    height: 45px;
    width: 45px;
    font-size: 25px;
  }

}

@media (max-width: 480px) {
  .heading_container h2
  {
    font-size: 20px;
  }

  p, li, h6, a
  {
    font-size: 12px;
  }

  h3, h4, h5
  {
    font-size: 16px;
  }

  .client_section .carousel-control-prev,
  .client_section .carousel-control-next {
    display: none;
  }
}

@media (max-width: 420px) {
  .slider_section .detail_box h1 {
    font-size: 1.5rem;
  }

  .slider_section .detail_box h2 {
    font-size: 1.7rem;
    text-align: left;
  }

}

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

@media (min-width: 1200px) {
  .container {
    max-width: 1170px;
  }
}