@media (max-width: 1920px) {
  .customer-registration-section h1 {
    margin: 22px auto 22px auto;
  }
}

@media (max-width: 1680px) {
  .login-form-section .login-form {
    width: 70%;
  }

  .customer-registration-section .right-part {
    width: 80%;
  }

  .customer-registration-section .customer-registration-form {
    width: 95%;
  }

  .customer-registration-section h1 {
    width: 95%;
  }

  .forgotpass-form-section .forgotpass-form {
    width: 90%;
  }
}

@media (max-width: 1600px) {
  .login-form-section .login-form {
    width: 85%;
  }
}

@media (max-width: 1440px) {
  .container {
    padding: 0 20px;
  }

  .customer-registration-section .left-part {
    width: 0%;
  }

  .customer-registration-section .right-part {
    width: 100%;
  }

  .login-form-section,
  .customer-registration-section,
  .forgotpass-form-section {
    background: linear-gradient(#00315645),
      url(../img/login-background.jpg) no-repeat center center;
    background-size: cover;
  }

  .header-inner {
    padding-top   : 18px;
    padding-bottom: 18px;
  }

  .filters .filters-wrapper {
    flex-wrap       : wrap;
    justify-content : center;
    background-color: transparent;
  }

  .footer-right {
    width: 25%;
  }

  .filters .filters-wrapper .part-number {
    width           : 25%;
    background-color: #ffffff;
    border-radius   : 44px 0 0px 44px;
  }

  .filters .filters-wrapper .description {
    width           : 25%;
    background-color: #ffffff;
  }

  .filters .filters-wrapper .select-category {
    width           : 25%;
    background-color: #ffffff;
    height          : auto;
  }

  .filters .filters-wrapper .sort {
    width           : 25%;
    background-color: #ffffff;
    border-radius   : 0 44px 44px 0;
    height          : auto;
  }

  .filters .filters-wrapper .btn-group {
    margin-top     : 16px;
    justify-content: center;
  }

  .mega-menu {
    width: 1380px;
  }

  .filters .filters-wrapper .part-number,
  .filters .filters-wrapper .description,
  .filters .filters-wrapper .select-category,
  .filters .filters-wrapper .sort {
    padding: 22px 0 22px 22px;
  }


  .filters .filters-wrapper input,
  .filters .filters-wrapper select {
    padding: 0;
  }
}

@media (max-width: 1400px) {
  .mega-menu {
    width: 1313px;
  }
}

@media (max-width: 1366px) {

  .login-form-section h1,
  .forgotpass-form-section h1 {
    margin: 28px 0 28px 0;
  }
}

@media (max-width: 1280px) {
  .login-form-section .login-form label {
    margin-bottom: 14px;
  }

  .login-form-section .login-form .terms-use {
    margin-top: 28px;
  }

  .product-table-wrapper {
    overflow-x: auto;
  }

  .mega-menu {
    width: 1225px;
  }
}

@media (max-width: 1024px) {
  .login-form-section .left-part {
    width: 0%;
  }

  .login-form-section .right-part {
    width: 100%;
  }

  .customer-registration-section {
    height: 100vh;
  }

  .customer-registration-section .right-part {
    overflow-y: auto;
  }

  .forgotpass-form-section .left-part {
    width: 0%;
  }

  .forgotpass-form-section .right-part {
    width: 100%;
  }

  .footer-right {
    width: 35%;
  }

  .site-footer {
    padding: 20px 0;
  }

  .nav-menu .has-mega .mega-menu .product-category li {
    width: 19%;
  }

  .mega-menu {
    width: 985px;
  }

  .cart-listing .heading-with-btn {
    display: block;
  }

  .cart-listing .page-actions {
    margin-top: 32px;
  }

  .product-table th {
    padding: 14px;
  }

  .product-table td {
    padding: 12px 10px;
  }

  #panel-review .order-table {
    overflow: auto;
  }
}

@media (max-width: 991px) {
  nav.nav-menu.mobile-open {
    display: block;
  }

  .nav-menu,
  .right-links {
    display: none;
  }

  .right-links.right-links.mobile {
    display: block;
    width  : 100%;
  }

  .right-links.right-links.mobile a {
    color      : #ffffff;
    margin     : 0;
    font-weight: 500;
  }

  .hamburger-btn {
    display: flex;
  }

  .header .logo img {
    width: 170px;
  }

  .filters .filters-wrapper {
    display         : block;
    background-color: transparent;
  }

  .filters .filters-wrapper .part-number {
    width        : 100%;
    /* padding   : 0; */
    border       : transparent;
    background   : #ffffff;
    border-radius: 6px;
    margin-bottom: 14px;
  }

  .filters .filters-wrapper .description {
    width        : 100%;
    /* padding   : 0; */
    border       : transparent;
    background   : #ffffff;
    border-radius: 6px;
    margin-bottom: 14px;
  }

  .filters .filters-wrapper .select-category {
    width        : 100%;
    border       : transparent;
    background   : #ffffff;
    border-radius: 6px;
    margin-bottom: 14px;
  }

  .filters .filters-wrapper .sort {
    width        : 100%;
    border       : transparent;
    background   : #ffffff;
    border-radius: 6px;
    margin-bottom: 14px;
  }

  .filters .filters-wrapper .btn-group {
    width: 100%;
  }

  .filters .filters-wrapper input,
  .filters .filters-wrapper select {
    width           : 100%;
    /* padding      : 12px 15px 12px 15px; */
    font-size       : 16px;
    border-radius   : 6px !important;
    border          : transparent;
    /* margin-bottom: 14px; */
  }

  .filters .filters-wrapper .btn-group {
    justify-content: left;
  }

  .poduct-listing .heading-with-btn {
    display: block;
  }

  .poduct-listing .heading-with-btn .add-to-cart-btn {
    margin: 0;
  }

  .poduct-listing .heading-with-btn .page-actions {
    margin-top: 32px;
  }

  .product-table thead {
    display: none;
  }

  .product-table tr {
    display        : flex;
    padding        : 0;
    flex-wrap      : wrap;
    justify-content: start;
  }

  .product-table tr:first-child {
    border-radius: 0 4px 4px 0;
  }

  .product-table tr:last-child {
    border-radius: 4px 0 0 4px;
    margin-bottom: 0;
  }

  .product-table tr:nth-child(even) {
    background: #f4f8fa;
  }

  .product-table tr:nth-child(odd) {
    background: #ffffff;
  }

  .product-table td {
    /* display        : flex; */
    display        : table-cell;
    justify-content: space-between;
    padding        : 12px;
    border         : none;
    text-align     : left;
  }

  .product-table td::before {
    content       : attr(data-label);
    font-weight   : 600;
    color         : #555;
    flex          : 1;
    display       : block;
    padding-bottom: 8px;
  }

  .product-table td:last-child {
    justify-content: flex-start;
    gap            : 16px;
  }

  .product-table th:nth-child(1),
  .product-table td:nth-child(1) {
    width        : 25%;
    border-bottom: 1px solid #d5d5d5;
  }

  .product-table th:nth-child(2),
  .product-table td:nth-child(2) {
    width        : 75%;
    border-bottom: 1px solid #d5d5d5;
  }

  .product-table th:nth-child(3),
  .product-table td:nth-child(3) {
    width: 25%;
  }

  .product-table th:nth-child(4),
  .product-table td:nth-child(4) {
    width: 25%;
  }

  .product-table th:nth-child(5),
  .product-table td:nth-child(5) {
    width: 25%;
  }

  .product-table th:nth-child(6),
  .product-table td:nth-child(6) {
    width: 25%;
  }

  .action-buttons .btn {
    width        : 40px;
    height       : 40px;
    border-radius: 4px;
  }

  .action-buttons .cart,
  .action-buttons .wish {
    background-size: 22px, cover;
  }

  .product-table tr:last-child th {
    border-bottom: 1px solid #d5d5d5 !important;
  }

  .product-table .action-buttons {
    align-content: center;
  }

  .has-mega:hover>.mega-menu {
    display: none;
  }

  .hamburger-btn {
    display: flex;
  }

  .has-mega:hover>.mega-menu {
    display: none;
  }

  .nav-menu.mobile-open {
    position     : fixed;
    inset        : 0;
    background   : #003a62;
    /* overflow-y: auto; */
    z-index      : 1050;
  }

  .nav-menu.mobile-open ul {
    flex-direction: column;
    gap           : 0;
    flex-flow     : wrap;
    padding       : 60px 0;
  }

  .nav-menu.mobile-open .right-links.mobile ul {
    padding: 0;
  }

  .nav-menu.mobile-open li {
    border-bottom: 1px solid #005080;
    width        : 100%;
  }

  .nav-menu .has-mega .mega-menu li {
    border: transparent;
  }

  .nav-menu.mobile-open ul li a {
    padding        : 14px 0px;
    display        : flex;
    justify-content: space-between;
  }

  .nav-menu.mobile-open .mega-menu {
    position  : static;
    background: #ffffff;
    padding   : 0 20px;
    box-shadow: none;
    max-height: 0;
    overflow  : hidden;
    opacity   : 0;
    transition: max-height 0.45s ease, opacity 0.3s ease;
  }

  .has-mega.open>.mega-menu {
    max-height    : 500px;
    opacity       : 1;
    padding-top   : 10px;
    padding-bottom: 10px;
    width         : auto;
    overflow      : auto;
  }

  .mobile-arrow {
    float      : right;
    font-size  : 24px;
    transition : transform 0.35s ease;
    line-height: 1;
  }

  .has-mega.open .mobile-arrow {
    transform: rotate(45deg);
  }

  nav.nav-menu.mobile-open ul .has-mega {
    background-color   : transparent;
    padding            : 0;
    box-sizing         : border-box;
    width              : 100%;
    /* overflow        : auto; */
  }

  nav.nav-menu.mobile-open ul .has-mega::before {
    display: none;
  }

  .nav-menu .has-mega .mega-menu .product-category li {
    width: 32%;
  }

  .nav-menu .has-mega .mega-menu .product-category {
    padding: 0;
  }

  .checkout-layout {
    display: block;
  }

  .checkout-layout .left-panel {
    width: 100%;
  }

  .checkout-layout .right-panel {
    width     : 100%;
    margin-top: 24px;
  }

  .payment-table thead tr th {
    width: 100%;
  }

  #payment_form .payment-wrap {
    display: block;
  }

  #payment_form .payment-wrap .payment-wrap-deatils {
    margin-bottom: 28px;
  }

  .payment-wrap-deatils,
  .three-group-btn {
    width: 100%;
  }

  #payment_form .payment-wrap .btn-group {
    margin: 18px auto 0 auto;
    width : fit-content;
  }

  #payment_form .payment-wrap .three-group-btn {
    background: #fff;
    padding   : 18px;
  }

  #payment_form .payment-wrap .three-group-btn .secondary-btn:last-child {
    margin: 0 auto;
  }

  .nav-menu .has-mega .mega-menu .mega-col h4 {
    padding-bottom: 10px;
  }

  .nav-menu ul .has-mega .mega-menu .mega-col a {
    padding: 3px 0;
  }

  .filters .filters-wrapper .btn-group .main-btn {
    padding: 12px 30px;
  }

  .filters .filters-wrapper .btn-group {
    margin-top: 30px;
  }

  .main-btn {
    padding  : 12px 50px;
    font-size: 16px;
  }

  .btn-warpper .page-actions-bottom {
    margin-top: 30px;
  }

  .nav-menu .has-mega:hover>.mega-menu {
    display: none;
  }

  .filters .filters-wrapper .part-number,
  .filters .filters-wrapper .description,
  .filters .filters-wrapper .select-category,
  .filters .filters-wrapper .sort {
    padding: 12px 15px 12px 15px;
  }

  .payment-table td {
    padding: 12px;
  }
}

@media (max-width: 820px) {
  .login-form-mobile .right-part img {
    width : 240px;
    height: auto;
  }

  .login-form-mobile {
    background: linear-gradient(#003156f0),
      url(../img/login-background-mobile.jpg) no-repeat center center;
    background-size: cover;
    height         : 100vh;
    margin         : 0;
    align-content  : center;
  }

  .login-form-section h1,
  .forgotpass-form-section h1 {
    margin   : 36px 0;
    font-size: 22px;
  }

  .login-form-section .login-form label {
    margin-bottom: 18px;
  }

  .login-form-section .login-form,
  .customer-registration-section .customer-registration-form {
    width: 90%;
  }

  .login-form-section .login-form .terms-use {
    margin-top: 60px;
  }

  .login-form-section .login-form .terms-use p:nth-of-type(2) {
    margin-top: 24px;
  }

  .customer-registration-section .customer-registration-form .form-group {
    margin-bottom: 12px;
  }

  .customer-registration-section .customer-registration-form select::placeholder {
    font-size: 16px;
  }

  .customer-registration-section .customer-registration-form input::placeholder {
    font-size: 16px;
  }

  .customer-registration-section .customer-registration-form .form-grid {
    display: block;
  }

  .customer-registration-section h1 {
    text-align: center;
    width     : 90%;
    font-size : 22px;
  }

  .login-form-section .login-form input,
  .customer-registration-section .customer-registration-form input,
  .forgotpass-form-section .forgotpass-form input {
    padding      : 10px;
    border-radius: 6px;
    font-size    : 16px;
  }

  .customer-registration-section .customer-registration-form select {
    padding      : 13px 10px;
    border-radius: 6px;
    font-size    : 16px;
  }

  .login-form-section .login-form .terms-use p {
    font-size: 16px;
  }

  .login-form-section .login-form label,
  .customer-registration-section .customer-registration-form label,
  .forgotpass-form-section .forgotpass-form label {
    font-size: 16px;
  }

  .login-form-section .login-form .btn-group a {
    font-size: 16px;
  }

  .login-form-section .login-form input::placeholder {
    font-size: 16px;
  }

  .forgotpass-form-section h3 {
    font-size: 20px;
  }

  .forgotpass-form-section .forgotpass-form input::placeholder {
    font-size: 16px;
  }

  .forgotpass-form-section .forgotpass-form .btn-group a {
    font-size: 16px;
  }

  .poduct-listing .btn-warpper {
    display: block;
  }

  .secondary-btn {
    font-size: 16px;
  }

  .main-btn {
    font-size: 16px;
  }

  .btn-warpper .page-actions-bottom .secondary-btn:nth-child(1) {
    margin: 0;
  }

  .footer-right {
    float  : left;
    width  : auto;
    display: contents;
  }

  .btn-warpper .page-actions-bottom .secondary-btn {
    padding: 14px 50px;
  }

  .footer-left p {
    margin-bottom: 12px;
  }

  #panel-review .order-table {
    overflow: auto;
  }

  #panel-review .order-table .order-product-table {
    width: 100%;
  }

  h1 {
    font-size: 28px !important;
  }

  .add-to-cart-btn,
  .wish-btn {
    font-size: 16px;
  }

  .product-table td {
    font-size: 16px;
  }

  .checkout .left-title {
    font-size: 18px;
  }

  .right-panel .tab-btn {
    font-size: 18px;
  }

  .address-box h4 {
    font-size: 18px;
  }

  #payment_form .payment-wrap .payment-wrap-deatils .payment-method input {
    padding      : 10px;
    border-radius: 6px;
    font-size    : 16px;
  }

  #payment_form .payment-wrap .payment-wrap-deatils .payment-method input::placeholder {
    font-size: 16px;
  }

  .payment-table td {
    font-size: 16px;
  }

  #payment_form h3 {
    font-size: 18px;
  }

  #payment_form .payment-wrap .payment-wrap-deatils .payment-method .text-field {
    font-size: 16px;
  }

  .subtotal-box strong{
    font-size: 20px;
  }
}

@media (max-width: 768px) {
  .customer-registration-section .btn-group {
    display: block;
  }

  .customer-registration-section .customer-registration-form .btn-group .note {
    margin-top: 18px;
    font-size : 16px;
  }

  .wish-btn {
    margin-left: 20px;
  }

  #panel-shipping select {
    width: 100%;
  }

  #panel-review .email-box .new-email-input {
    width: 100%;
  }

  #panel-review .email-box {
    display: block;
  }

  #panel-review select {
    width: 100%;
  }

  #panel-review .email-box .add-email-btn {
    margin: 14px 0 0 0;
  }

  .cart-listing .page-actions {
    flex-wrap: wrap;
  }
}

@media (max-width: 600px) {
  h1 {
    font-size: 28px !important;
  }

  .customer-registration-section .btn-group .main-btn {
    padding  : 14px 30px;
    font-size: 16px;
  }

  .poduct-listing .heading-with-btn .page-actions {
    display  : flex;
    flex-wrap: wrap;
    gap      : 18px;
  }

  .add-to-cart-btn,
  .wish-btn {
    width          : 100%;
    justify-content: center;
    margin         : 0;
  }

  .footer-left p {
    display  : flex;
    flex-wrap: wrap;
  }

  .info-wrapper {
    display: grid;
    gap    : 0px;
  }

  .btn-warpper .page-actions-bottom .secondary-btn {
    margin-left: 0;
  }

  .pagination-wrapper {
    padding        : 0 0 40px 0;
    justify-content: center;
  }

  .pagination-wrapper .pagination {
    width          : 100%;
    justify-content: center;
  }

  .product-table th:nth-child(1),
  .product-table td:nth-child(1) {
    width: 100%;
  }

  .product-table th:nth-child(2),
  .product-table td:nth-child(2) {
    width: 100%;
  }

  .product-table th:nth-child(3),
  .product-table td:nth-child(3) {
    width        : 50%;
    border-bottom: 1px solid #d5d5d5;
  }

  .product-table th:nth-child(4),
  .product-table td:nth-child(4) {
    width        : 50%;
    border-bottom: 1px solid #d5d5d5;
  }

  .product-table th:nth-child(5),
  .product-table td:nth-child(5) {
    width: 50%;
  }

  .page-link,
  .page-dots {
    padding  : 6px 14px;
    font-size: 16px;
  }

  .secondary-btn {
    font-size: 16px;
  }

  .btn-warpper .page-actions-bottom .secondary-btn:nth-child(2) {
    margin-top: 0px;
  }

  .btn-warpper .page-actions-bottom .secondary-btn {
    padding: 12px 25px;
  }

  .btn-warpper .page-actions-bottom {
    display        : flex;
    align-items    : center;
    justify-content: left;
    gap            : 10px;
  }

  .product-table th:nth-child(6),
  .product-table td:nth-child(6) {
    width: auto;
  }

  .section-space {
    padding: 2em 0 0 0;
  }

  .login-form-section .btn-group {
    display: block;
  }

  .login-form-section .login-form .btn-group a {
    width: 100%;
  }

  .login-form-section .login-form .btn-group .main-btn {
    width        : auto;
    margin-bottom: 16px;
    margin-top   : 16px;
  }

  .login-form-section .login-form .terms-use {
    margin-top: 40px;
  }

  .forgotpass-form-section .btn-group {
    display: block;
  }

  .forgotpass-form-section .forgotpass-form .btn-group .main-btn {
    width        : auto;
    margin-bottom: 16px;
  }

  .forgotpass-form-section .forgotpass-form .btn-group a {
    width: 100%;
  }

  .login-form-section,
  .forgotpass-form-section h1 {
    margin   : 0;
    font-size: 20px;
  }

  .forgotpass-form-section h1 {
    margin: 26px 0;
  }

  .login-form-section .login-form .terms-use {
    margin-top: 20px;
  }

  .login-form-section .btn-group {
    margin-top: 20px;
  }

  .customer-registration-section h1 {
    font-size: 20px;
  }

  .customer-registration-section .btn-group .main-btn {
    padding: 14px 22px;
  }

  /* .btn-warpper .page-actions-bottom .secondary-btn:nth-child(2) {
    margin-top: 14px;
  } */

  .right-panel .radio-label-wrapper {
    display: block;
  }

  .right-panel .radio-label-wrapper .radio-label {
    width: 100%;
  }

  .right-panel .radio-label-wrapper .radio-label:nth-child(2) {
    margin-left: 0;
    margin-top : 14px;
  }

  .cart-listing .page-actions .secondary-btn {
    width     : 100%;
    text-align: center;
    padding   : 18px 30px;
  }

  .cart-listing .btn-warpper {
    text-align: center;
  }

  .cart-listing .btn-warpper .page-actions-bottom {
    display  : flex;
    flex-wrap: wrap;
  }

  .cart-listing .btn-warpper .page-actions-bottom .secondary-btn {
    width: 100%;
  }

  .cart-listing .subtotal-box {
    width: 100%;
    margin: 10px 0;
  }

  .forgotpass-form-section h3 {
    font-size: 18px;
  }

  #payment_form h3 {
    font-size: 18px;
  }

  .btn-warpper .page-actions-bottom{
    margin-top: 16px;
  }
}

@media (max-width: 500px) {
  .nav-menu .has-mega .mega-menu .product-category li {
    width: 100%;
  }

  #payment_form .payment-wrap .btn-group {
    display        : flex;
    flex-wrap      : wrap;
    justify-content: center;
    gap            : 14px;
  }

  #payment_form .btn-group .main-btn:first-child {
    margin-right: 0;
  }

  #payment_form .payment-wrap .three-group-btn .secondary-btn {
    width  : auto;
    padding: 14px 26px;
  }
}

@media (max-width: 400px) {
  .btn-warpper .page-actions-bottom {
    display: block;
  }

  .btn-warpper .page-actions-bottom .secondary-btn:nth-child(2) {
    margin-top: 14px;
  }

  .pagination {
    flex-wrap      : wrap;
    justify-content: center;
  }

  .login-form-section h1,
  .forgotpass-form-section h1 {
    padding: 0 15px;
  }

  h1 {
    font-size: 22px !important;
  }
}

@media (min-width: 601px) and (max-height: 500px) {

  .login-form-section.login-form-mobile,
  .forgotpass-form-section {
    height : auto;
    padding: 50px 0;
  }
}

@media (max-width: 600px) and (max-height: 700px) {
  .login-form-section.login-form-mobile {
    height : auto;
    padding: 50px 0;
  }
}

@media (min-width: 992px) {
  .right-links.mobile {
    display: none;
  }
}