body {
  padding: 0 !important;
  font-family: "Raleway", sans-serif !important;
}

.navbar-default {
  background-color: #4a76b6 !important;
}

.navbar-brand img {
  width: 170px;
}

#lang {
  font-size: bold !important;
  font-size: 14px !important;
}

.navbuttontop {
  background: #fff !important;
  border-radius: 100px !important;
  padding: 5px 15px !important;
  color: #641d00 !important;
  text-decoration: none;
  border: 1px solid transparent !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  font-family: "Raleway", sans-serif !important;
}

.navbuttontop:hover {
  background: #4a76b6 !important;
  text-decoration: none;
  color: #fff !important;
  border: 1px solid #fff !important;
}

.navbar-fixed-bottom {
  z-index: 1111111;
  position: fixed;
  bottom: 0;
  background: #4a76b6;
}

.navbar-fixed-bottom .col-md-3:hover {
  background: #000;
}

.navbar-fixed-bottom .col-md-3 .fa {
  color: #fff !important;
  font-size: 19px !important;
}

.navbar-fixed-bottom .row {
  justify-content: center;
  align-items: center;
}

.navbar-fixed-bottom .home-bottom {
  border-right: 1px solid #fff;
  border-top: 1px solid #fff;
  width: 25%;
}

.navbar-fixed-bottom .product-bottom {
  border-right: 1px solid #fff;
  border-top: 1px solid #fff;
  width: 25%;
}

.navbar-fixed-bottom .menu-bottom {
  border-right: 1px solid #fff;
  border-top: 1px solid #fff;
  width: 25%;
}

.navbar-fixed-bottom .cart-bottom {
  border-top: 1px solid #fff;
  width: 25%;
}

.bg-black label#lang {
  color: #fff !important;
}

.main-section label#lang {
  color: #000000;
}

a.gflag {
  vertical-align: middle;
  font-size: 32px;
  padding: 1px 0;
  background-repeat: no-repeat;
  background-image: url("../img/flags/32.png");
}

a.gflag img {
  border: 0;
}

a.gflag:hover {
  background-image: url("../img/flags/32a.png");
}

#goog-gt-tt {
  display: none !important;
}

.goog-te-banner-frame {
  display: none !important;
}

.goog-te-menu-value:hover {
  text-decoration: none !important;
}

.main-section .content h1 {
  color: #fff;
  font-size: 33px;
  font-weight: 400;
  font-family: "Raleway", sans-serif;
}

.main-section .content h2 {
  color: #fff;
  font-size: 35px;
  font-weight: 400;
  font-family: "Raleway", sans-serif;
}

.main-section .content h3 {
  color: #fff;
  font-weight: 400;
  font-family: "Raleway", sans-serif;
  font-size: 36px;
}

.main-section .content h4 {
  color: #fff;
  font-weight: 400;
  font-family: "Raleway", sans-serif;
  font-size: 24px;
}

.main-section .content p {
  color: #fff;
  font-family: "Raleway", sans-serif;
  font-size: 19px;
  font-weight: 400;
  width: 75% !important;
}

#moretext {
  color: #fff;
  font-family: "Raleway", sans-serif;
  font-size: 19px;
  font-weight: 400;
  width: 75% !important;
  margin: 0 auto !important;
}

.main-section .content p .paypalmini {
  width: 100px;
}

#showless,
#showmore {
  margin: 0 auto !important;
  border: none;
  background: rgb(255 255 0);
  color: rgb(0 0 0);
  padding: 2px;
  border-radius: 5px;
  font-weight: 700;
  font-size: 15px;
}

.search-container {
  width: 100%;
}

.search-container form {
  width: 100%;
  display: flex;
  flex-direction: row;
  border: 2px solid #fff;
  background-color: #4a76b6;
  align-items: center;
}

.search-container form input {
  width: inherit;
  border: 15px solid #4a76b6;
  /* padding: 5px 9px 4px 9px; */
}

.search-container label {
  padding-right: 15px;
}

.search-container label button {
  padding-right: 27px;
  padding-left: 27px;
  vertical-align: middle;
  border: 0 !important;
}

.blue-bars .col-md-9 .productmen {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
  text-align: left;
  padding-left: 10px;
  font-size: 36px;
  width: -webkit-fill-available;
}

.blue-bars .col-md-9 .productmen:hover {
  background-color: #337ab7 !important;
  opacity: 0.7;
}

.blue-bars .col-md-9 p {
  margin-bottom: 0 !important;
}

.blue-bars .col-md-12 a:hover {
  background-color: transparent !important;
}

.fingrprint img {
  width: 50px;
  height: 70px;
}

.blue-bars hr {
  color: #fff !important;
  border-color: #fff !important;
  border-width: 5px;
  width: 100%;
  opacity: 1 !important;
  margin: 20px 0px !important;
}

.blue-bars {
  padding-top: 4px;
  padding-bottom: 20px;
}

.footer-img img {
  width: auto;
  height: 100%;
}

.footer-img {
  margin-bottom: 50px;
}

.addproduct {
  max-width: 600px !important;
}

.addproduct .modal-header {
  background-color: #4a76b6;
  color: #fff;
}

.addproduct .modal-header h1 {
  font-size: 18px;
  font-weight: 400;
  font-family: "Raleway", sans-serif;
}

.addproduct .modal-footer button {
  border: 2px solid #4a76b6 !important;
  color: #ffffff;
  width: 35%;
  border: 1px solid white;
  border-radius: 10px !important;
  background-color: #4a76b6 !important;
  transition: 0s background-color;
  font-weight: 400;
  font-size: 14px;
}

.addproduct .modal-footer button:hover {
  border: 2px solid #4a76b6 !important;
  transition: 0.5s;
  background-color: transparent !important;
  color: #4a76b6;
}

.addproduct-bars div {
  margin-bottom: 3px;
  background: black;
  padding: 15px;
}

.addproduct-bars div h4 a {
  font-weight: bold;
  font-size: 28px;
  color: white;
  text-decoration: none !important;
}

.addproduct-bars div h4 a:hover {
  text-decoration: underline !important;
}

.offcanvas-backdrop.show {
  opacity: 0 !important;
}

.blue-bg {
  background-color: #4a76b6 !important;
}

.offcanvasmenu-bar ul li a {
  font-size: 15px;
  font-weight: 700;
  color: #fff;
  padding: 15px 15px !important;
}

.offcanvasmenu-bar ul li a:hover {
  color: inherit !important;
}

.offcanvasmenu-bar ul li {
  border-bottom: 2px solid #fff;
}

.offcanvasmenu-bar ul li:hover {
  background-color: #fff;
  color: #4a76b6 !important;
}

.offcanvas-backdrop {
  display: none !important;
}

.offcanvasmenu-bar .toggle-dropdown {
  background-color: #fff !important;
  color: #000 !important;
}

.offcanvasmenu-bar .listul {
  padding: 0px 25px;
}

.menu-bottom-btn {
  background-color: #4a76b6 !important;
  padding: 15px 0px;
}

.menu-bottom-btn button {
  width: 100%;
  border: 2px solid #4a76b6;
  background-color: #ffffff;
  color: #000;
}

.menu-bottom-btn button:hover {
  border-color: #fff !important;
  color: #fff;
}

.dropdown-menu li {
  background-color: white;
  font-weight: bold;
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}

.dropdown-menu li .dropdown-item:hover {
  background-color: #4a76b6 !important;
  color: #fff !important;
}

.dropdown-menu li .dropdown-item {
  color: #333 !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  padding: 6px 7px !important;
}

.dropdown:hover .nav-link {
  color: #4a76b6 !important;
}

.dropdown:hover .dropdown-menu {
  display: block;
}

@media (max-width: 430px) {
  .blue-bars .row {
    align-items: center;
  }

  .blue-bars .fingrprint {
    width: 25%;
  }

  .navbar-fixed-bottom .row .col-md-3 {
    width: 25% !important;
  }

  #language {
    float: none !important;
    padding-bottom: 50px;
    width: max-content;
    margin: 0 auto;
  }

  .main-section .content p,
  #moretext {
    width: 100% !important;
  }

  .blue-bars .col-md-9 .productmen {
    font-size: 29px;
  }

  .blue-bars .col-md-9 {
    width: 75% !important;
  }

  .footer-img img {
    width: inherit !important;
  }

  .menu-bottom-btn .row {
    gap: 0px !important;
  }

  .navbar-fixed-bottom {
    z-index: 11111111111 !important;
  }

  .offcanvas {
    height: 90% !important;
    overflow: scroll !important;
  }

  .login-form .input-group,
  .login-submit-btn {
    width: auto !important;
  }

  .login-submit-btn button {
    width: -webkit-fill-available !important;
  }

  .login-section .login-form-row {
    margin-top: 10px !important;
  }

  .blog-list {
    width: auto !important;
  }

  .breadcrumb-div {
    padding-bottom: 30px !important;
  }

  .social-icons span {
    top: 55px !important;
  }

  .blog-content p {
    line-height: 22px !important;
  }

  .blog-content {
    margin-bottom: 50px;
  }

  .top-breadcrumb-lang {
    display: flex;
    flex-direction: column;
  }

  .contact-heading-content {
    padding: 0 !important;
  }

  .account-holder-div .contact-login .input-group {
    width: auto !important;
  }

  .mb-100 {
    gap: 10px;
  }
}

@media (max-width: 420px) {
  .navbar-fixed-bottom .row .col-md-3 {
    width: 25% !important;
  }
}

.top-breadcrumb-lang {
  padding: 20px 20px 0px 20px !important;
}

/* Login Page */
.login-section {
  background: #f0f0f0;
}

.login-section #lang {
  color: #000 !important;
  font-weight: bold !important;
}

.login-div img {
  width: auto;
}

.login-div p {
  font-weight: 600;
  padding-top: 15px;
  padding-bottom: 0px;
  text-align: center;
  color: #4a76b6;
  font-size: 30px;
}

.login-form .input-group {
  width: 500px;
  margin: 0 auto;
}

.login-form .input-group-text {
  background-color: #4a76b6 !important;
}

.login-form .form-control {
  border: 2px solid transparent;
  font-size: 14px;
}

.login-form .form-control:focus {
  box-shadow: none !important;
  border-color: #000 !important;
  border-width: 2px;
}

.login-submit-btn a {
  font-size: 14px;
  color: #24242e;
  font-weight: bold;
  text-decoration: none !important;
}

.login-submit-btn {
  border-bottom: 1px solid #d0cfcf;
  width: 800px;
  margin: 0 auto;
  padding-bottom: 5px;
}

.login-submit-btn button {
  border: 0 !important;
  background-color: #4a76b6 !important;
  font-weight: bolder;
  width: 550px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 14px;
  color: #fff;
  border-radius: 5px;
}

.login-submit-btn button:hover {
  color: #fff;
  background-color: #000 !important;
  transition: all 0.8s ease;
}

.new-cust {
  margin-top: 20px;
}

.new-cust a {
  padding-bottom: 0px;
  text-align: center;
  color: #4a76b6;
  font-size: 30px;
  font-weight: 600;
}

.login-section .login-form-row {
  margin-top: 70px;
}

/* Blog Page */
.blog-section #lang {
  color: #000 !important;
}

.heading-blog h1 {
  color: #000;
  font-size: 42px;
  font-weight: 400;
}

.heading-blog hr {
  opacity: 1 !important;
  color: #000;
  border-width: 2px;
  width: 100px;
  margin: 20px auto;
}

.blog-list {
  width: 70%;
  margin: 0 auto;
  margin-bottom: 50px;
}

.blog-list li a {
  list-style-position: outside;
  color: #000;
  font-size: 18px;
  line-height: 30px;
  text-decoration: none;
}

.blog-list li a:hover {
  text-decoration: underline;
}

/* Blog Detail */
/* .blog-section{
    margin-top: 150px;    
} */
.social-icons span {
  position: absolute;
  right: 0;
  top: 15px;
}

.social-icons span a {
  background-color: #0c6bc4;
  font-size: 18px;
  border-radius: 3px;
  border: none;
  color: white;
  cursor: pointer;
  font-weight: bold;
  text-decoration: none;
  padding: 8px 16px 8px 16px;
  opacity: 1;
  transition: 0.3s;
}

.social-icons span a:hover {
  opacity: 0.6;
  color: black;
}

.social-icons {
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  padding: 10px 0px;
  position: relative;
}

.social-icons ul {
  list-style: none !important;
  align-items: center;
  margin: 0;
}

.social-icons ul .fa {
  text-decoration: none;
  color: #353535;
  font-size: 36px;
}

.blog-title {
  padding-top: 50px;
  border-bottom: 2px solid #000;
}

.blog-title h1 {
  font-size: 28px !important;
  font-weight: 400;
  color: #333;
}

.blog-content p {
  color: #333;
  font-size: 15px;
  line-height: 17px;
  font-weight: 500;
  padding: 10px 5px;
}

.blog-content p a {
  color: #2e6da4;
  text-decoration: none;
}

.breadcrumb .breadcrumb-item a {
  text-decoration: none !important;
  color: #2e6da4 !important;
  font-size: 14px;
  font-weight: 700;
}

.breadcrumb .active {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #777 !important;
}

.breadcrumb-div {
  padding-top: 20px;
  padding-bottom: 100px;
}

.breadcrumb {
  align-items: center;
}

/* FAQ */
.info-faq P {
  font-size: 14px;
}

.all-faq p {
  font-size: 14px !important;
}

.all-faq ul li a,
.all-faq p a {
  color: #4a76b6 !important;
  text-decoration: none !important;
  font-size: 14px !important;
}

.all-faq ul li a:hover,
.all-faq p a:hover {
  text-decoration: underline !important;
}

/* Contact */

.contact-heading-content {
  margin-top: 15px;
  font-size: 18px;
  font-weight: 400;
  line-height: 25px;
  margin: 0 auto;
  padding: 0px 230px 10px;
}

.small {
  color: #333;
}

.mb-100 {
  margin-bottom: 100px;
}

.account-holder-div {
  background-color: #38a3f2;
  height: 350px;
  padding: 20px;
}

.account-holder-div h3 {
  font-size: 16px;
  color: #333;
  text-align: center;
}

.account-holder-div .contact-login .input-group {
  width: 385px;
  margin: 0 auto;
}

.account-holder-div .contact-login .input-group input {
  border-radius: 0 !important;
  font-size: 14px !important;
}

.account-holder-div .contact-login .input-group input::placeholder {
  font-size: 14px !important;
  color: #888 !important;
}

.account-holder-div .contact-login .input-group .input-group-text {
  background-color: #4a76b6;
  border-radius: 0 !important;
  border: 0 !important;
}

.account-holder-div .contact-login .input-group .input-group-text .fa {
  color: #fff;
}

.contact-login input[type="submit"] {
  font-weight: bolder;
  padding: 8px 18px;
  font-size: 14px;
  background-color: #4a76b6;
  border: 1px solid #fff;
  border-radius: 4px;
  color: #fff;
  margin-bottom: 10px;
}

.contact-login input[type="submit"]:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad !important;
}

.contact-login a {
  color: #333;
  font-size: 14px;
  text-decoration: none;
  font-weight: bold;
}

.contact-login a:hover {
  text-decoration: underline;
}

.one-shot {
  background-color: #f1ff00;
  height: 350px;
  padding: 30px 10px;
}

.one-shot h1 {
  font-size: 24px;
  font-weight: 600;
  color: #333;
}

.one-shot p {
  color: #333;
  font-size: 16px;
  font-weight: bold;
  line-height: 23px;
}

.one-shot p a {
  color: #0c6bc4;
}

.one-shot .signup-contact {
  background-color: #242426;
  color: #ebebeb;
  font-size: 14px;
  text-decoration: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.one-shot .signup-contact:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}

/* What's New Detail */
.whats-new-title hr {
  border-width: 2px;
}

.img-whats-new img {
  width: 90%;
  height: 90%;
}

.whats-new-content p,
.whats-new-title p {
  font-size: 14px;
  font-weight: bold;
}

.whats-new-content {
  margin-bottom: 50px;
}

.menu-bottom-btn .row .col-md-6 a {
  padding: 0px !important;
}

/* Accolades Page */
.accolades-list {
  width: 100%;
}

.accolades-list li a {
  color: #0c6bc4;
  font-size: 14px !important;
  font-weight: bold;
  line-height: 15px;
}

.accolades-list i {
  font-size: 14px !important;
}

.accolades-list p {
  font-size: 14px !important;
  font-weight: bold;
}

.accolades-user-list {
  list-style: none !important;
  padding-left: 10px;
  margin-bottom: 50px;
}

.accolades-user-list li {
  font-size: 14px;
}

/* Product Pages */

/* Kinman Pickups Product Page */
.product-heading {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.product-heading h1 {
  color: #000;
  font-size: 42px;
  font-weight: 400;
}

.product-title-hr {
  opacity: 1 !important;
  color: #000;
  border-width: 2px;
  width: 100px;
  margin: 20px auto;
}

.product-title-content p {
  margin-bottom: 5px;
  font-size: 14px;
  text-align: center;
}

.product-title-content h1 {
  color: #0000ff;
  font-size: 32px;
  font-style: italic;
  text-align: center;
  padding: 15px 0px;
  font-weight: 600;
}

.product-title-content h2 {
  font-weight: 600;
  font-style: italic;
  color: #333333;
  font-size: 28px;
  text-align: center;
}

.single-guitar-product {
  background-color: #4a76b6;
  padding: 20px 20px;
  border-radius: 2px;
}

.single-guitar-product img {
  width: -webkit-fill-available;
}

.single-guitar-product p {
  font-size: 14px;
  color: #333333;
}

.single-guitar-product button {
  border: 2px solid #242426 !important;
  color: #fff;
  width: 100%;
  border: 1px solid white;
  border-radius: 10px !important;
  background-color: #242426 !important;
  transition: 0s background-color;
  padding: 8px 4px;
  font-size: 20px;
  font-weight: 600;
}

.single-guitar-product button:hover {
  transition: 0.5s;
  background-color: white !important;
  color: #242426;
}

.single-product-row {
  margin-bottom: 100px;
}

.single-product-row .col-md-3 {
  padding: 2px 2px !important;
}

.fs-14 {
  font-size: 14px;
}

.fs-24 {
  font-size: 24px;
}

.pills-tab-products ul {
  gap: 5px;
}

.pills-tab-products .nav-pills {
  padding-left: 10px;
}

.pills-tab-products .nav-pills li .active {
  background: #242426 !important;
  border: 1px solid #242426 !important;
  color: #ffffff;
  padding: 10px 15px;
  font-size: 22px;
  border-radius: 0 !important;
}

.nav-pills li button:hover {
  color: rgb(0, 0, 0);
}

.pills-tab-products .nav-pills li button {
  background: #4a76b6 !important;
  border: 1px solid #4a76b6 !important;
  border-radius: 0 !important;
  border-radius: 0px;
  font-size: 22px;
  padding: 10px 15px;
  color: rgb(0, 0, 0);
  font-weight: 600;
}

.nav-pills li .active:hover {
  color: rgb(255, 255, 255) !important;
}

.product-desc-btn a {
  background: transparent !important;
  color: #000 !important;
  border: 0px solid #000 !important;
  font-size: 14px;
  font-weight: 600;
  padding-top: 20px;
}

.product-desc-btn {
  display: flex;
  flex-direction: row;
}

.product-listing-dec .section-one .pole-img img {
  margin: 0 auto;
}

.product-listing-dec .section-one .row {
  width: 42%;
}

.product-listing-dec .section-one h2 {
  font-size: 24px;
  font-weight: 400;
  color: #333333;
  padding: 0px 170px;
  line-height: 25px;
}

.product-listing-dec .section-one .custom-img {
  padding: 0px 170px;
}

/* SignUp Page */
.sign-up-section {
  width: 70% !important;
  margin: 0 auto !important;
}

.signup-title h1 {
  font-size: 42px;
  font-weight: 400;
  color: #000000;
  text-align: center;
}

.alert {
  padding: 15px !important;
  margin-bottom: 20px !important;
  border: 1px solid transparent !important;
  border-radius: 4px !important;
}

.signup-fields {
  margin: 0 auto !important;
}

.signup-fields input::placeholder {
  font-size: 14px !important;
  color: #777;
}

.signup-fields label {
  font-size: 14px;
  font-weight: 500;
}

.signup-fields label .fa {
  color: rgb(204, 0, 0);
}

.signup-fields input[type="submit"] {
  border: 2px solid #4a76b6 !important;
  transition: 0.5s;
  background-color: #4a76b6 !important;
  color: rgb(255, 255, 255);
  font-size: 14px;
  font-weight: 500;
  width: 100%;
  padding: 6px 12px;
  border-radius: 10px;
}

.signup-fields input[type="submit"]:hover {
  background-color: transparent !important;
  color: #4a76b6;
}

.bg-warning-color {
  background-color: #fcf8e3 !important;
}

@media (max-width: 430px) {
  .sign-up-section {
    width: 100% !important;
  }

  .signup-fields label {
    text-align: start !important;
  }
}

/* Product Buy */
.producr-buy-title h3 {
  font-size: 22px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
}

.producr-buy-title button {
  border: 2px solid #4a76b6 !important;
  transition: 0.5s;
  background-color: #4a76b6 !important;
  color: rgb(255, 255, 255);
  font-size: 30px;
  font-weight: 500;
  width: 100%;
  padding: 6px 12px;
  border-radius: 10px;
}

.color-333 {
  color: #333333;
}

.product-buy-pills .col-md-3 {
  padding: 0px 1px;
}

.product-buy-pills button {
  border: 1px solid #4a76b6 !important;
  width: 100%;
  font-size: 16px !important;
  font-weight: 500;
  padding: 14px 5px !important;
  border-radius: 10px 10px 0px 0px !important;
}

.product-buy-pills .nav-link {
  background: #c3bfbf !important;
  color: #000 !important;
}

.product-buy-pills .active {
  background-color: #fff !important;
}

.product-buy-pills .nav-link:hover {
  background-color: #4a76b6 !important;
  color: rgb(255, 255, 255) !important;
}

.product-buy-des h1 {
  font-size: 30px;
  font-weight: 400;
  text-align: left;
}

.text-marker {
  background-color: #00ff00;
}

.btn-div-buy button {
  border: 2px solid #4a76b6 !important;
  transition: 0.5s;
  background-color: #4a76b6 !important;
  color: rgb(255, 255, 255);
  font-size: 30px;
  font-weight: 500;
  width: 100%;
  padding: 6px 12px;
  border-radius: 10px;
}

/* Last Buy Page */
.search-bar form {
  font-size: 14px !important;
}

.search-bar form input {
  width: 500px;
  border-color: #333 !important;
}

.search-bar form button {
  border: 1px solid #333;
  border-radius: 15px;
  margin-left: 5px;
  margin-right: 5px;
}

.light-bluebg {
  background: rgb(222 233 251) !important;
  color: rgb(133 22 22) !important;
  font-size: 14px !important;
}

.product-speci tbody,
.product-speci td,
.product-speci tfoot,
.product-speci th,
.product-speci thead,
.product-speci tr {
  border-width: 1px !important;
  width: 50px !important;
  border-left: 0 !important;
}

.product-speci-col {
  right: 30px;
  position: fixed;
}

.about-product {
  padding-left: 230px !important;
}

@media (max-width: 430px) {
  .about-product {
    padding-left: 0 !important;
  }

  .product-speci-col {
    margin-top: 20px !important;
    position: relative !important;
    right: 0;
  }

  .search-bar form input {
    width: auto !important;
  }

  .search-bar .row {
    justify-content: center !important;
  }

  .search-bar form label {
    display: none;
  }

  #responsive-center {
    width: max-content !important;
    margin: 10px auto 0px auto !important;
  }
}


/* Top Admin NavBar Dropdown  */
.top-bar-btn .dropdown-menu li a {
  color: #333;
  font-size: 16px;
  padding: 6px 7px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  text-decoration: none;
}

.top-bar-btn a {
  text-decoration: none;
}

.top-bar-btn .dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
  padding: 0 !important;
}

.top-bar-btn .dropdown-menu li a .fa {
  color: #2e6da4;
}

.gsc-control-cse {
  background-color: #4a76b6 !important;
}

.gsc-control-cse .gsc-search-box {
  border: 0 !important;
  margin-bottom: 0 !important;
}

.btn-close-white {
  --bs-btn-close-white-filter: none !important;
  --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") !important;
}

.gsc-input-box,
.gsc-search-button {
  height: 47px !important;
}

.pdt30 .col-lg-8,
.pdt30 .col-lg-3 {
  float: left;
}

.pdt30 p {
  margin-bottom: 10px;
}

.pdt30 .col-lg-4,
.pdt30 .col-lg-9 {
  float: right;
}

.pdt30 .col-lg-9 {
  padding-left: 20px;
}

.pdt30 .col-lg-3 {
  padding-bottom: 46px;
}

@media (max-width: 1024px) {
  .desktop-home-tab img {
    width: -webkit-fill-available !important;
    height: auto !important;

  }

  .single-product-row,
  .product-desc-btn {
    justify-content: center;
  }
}

@media (max-width: 768px) {
  .res-tech-page {
    width: 100% !important;
  }

  .account-holder-div .contact-login .input-group {
    width: auto !important;
  }

  .account-holder-div,
  .one-shot {
    height: auto !important;
  }

  .res-contact-form {
    width: 100% !important;
  }

  .contact-heading-content {
    padding: 10px !important;
  }

  .responsive-img img {
    width: -webkit-fill-available !important;
  }

  .responsive-img ul {
    text-align: initial !important;
  }

  .pills-tab-products .nav-pills {
    gap: 5px;
  }

  .pills-tab-products .nav-pills li .nav-link,
  .pills-tab-products .nav-pills li {
    width: 100% !important;
  }

  .update-info .col-sm-3,
  .personal-info .col-sm-3 {
    width: 100%;
    text-align: start !important;
  }

  .update-info .col-sm-9,
  .personal-info .col-sm-9 {
    width: 100%;
  }

  .offcanvas {
    height: 90% !important;
    overflow: scroll !important;
  }

  .my-cart-table-rs {
    width: 100%;
    padding: 0px !important;
    overflow: scroll;
  }

  .my-cart-table-rs .rs-input-group {
    flex-direction: column !important;
  }

  .my-cart-bottom-text {
    margin-bottom: 30px;
  }

  .my-cart-bottom-button button {
    width: max-content !important;
    margin: 10px auto;
  }

  .my-cart-bottom-button .btn-success {
    width: max-content !important;
  }

  .bg-light-yellow {
    height: auto !important;
  }

}

@media (max-width: 430px) {

  .gsc-input-box,
  .gsc-search-button {
    height: auto !important;
  }

  .gsc-input-box {
    padding: 0px !important;
  }

  img.img-responsive.kinmanstory1 {
    display: none !important;
  }


  .menu-bottom-btn .gsst_a {
    padding: 0 !important;
  }

  .menu-bottom-btn .gsc-control-cse {
    padding: 0px !important;
  }

  .main-section .search-container .gsc-search-button {
    height: 34px !important;
    padding: 0px 5px 0px 0px;
  }

  .navbar-brand img {
    width: 120px;
  }

  #addproducbtn {
    width: max-content !important;
    border-color: #4a76b6 !important;
  }

  .update-info .card form label,
  .personal-info .card form label {
    text-align: start !important;
  }

  .user-dashboard-tabs li {
    width: 100%;
  }

  .user-dashboard-tabs li a {
    border-color: #4a76b6 !important;
  }

  .user-dashboard-tabs {
    gap: 5px;
  }

  .pdt30 .col-lg-4 {
    float: none;
  }

  .kinmanstory1 {
    display: none;
  }

  .pdt30 .col-lg-9 {
    padding-left: 0px;
  }

  .desktop-home-tab img {
    width: -webkit-fill-available !important;
    height: auto !important;
  }

  .desktop-home-tab .d-home-content {
    margin: 0px !important;
  }

  .menu-bottom-btn .gsc-control-cse {
    border: 0 !important;
  }

  .unpaid-btn {
    padding: 0 !important;
  }
}

.pdb50 .col-lg-7 {
  padding-left: 20px;
}

.pdb50 .col-lg-5,
.pd0 {
  text-align: center;
}

.pd0,
.story-7thimg {
  margin-top: 0px !important;
}

@media (max-width: 480px) {
  .product-heading h1 {
    font-size: 32px !important;
  }

  .res-contact-form .row {
    gap: 10px;
  }

  .blog-list {
    margin: 0px !important;
  }

  .blog-list {
    width: 100% !important;
  }

  .pdb50 .col-lg-7 {
    padding-left: 0px;
  }

  table.gsc-search-box td.gsc-input {
    padding-right: 0px;
  }

  .bg-black .gsc-control-cse .gsc-search-box {
    height: 37px !important;
    overflow: hidden;
  }

  .offcanvasmenu-bar .listul {
    padding: 0px !important;
  }

  .menu-bottom-btn .row {
    flex-direction: row;
  }

  .menu-bottom-btn .row .col-md-6 {
    width: 50%;
  }

  .smacenter .nav-tabs li {
    width: 100%;
  }

  .smacenter .nav-tabs,
  .product-buy-pills .nav-pills {
    gap: 5px;
  }

  .offcanvas {
    background-color: transparent !important;
  }

  .pdt30 {
    padding: 0 !important;
  }

  .offcanvasmenu-bar .dropdown-menu {
    padding: 0px !important;
  }

  .pills-tab-products {
    justify-content: center !important;
  }
}

@media (max-width: 320px) {
  .status td {
    padding: 0 !important;
    font-size: 12px !important;
  }
}

@media (max-width: 400px) {
  #orderstatus .fs-14 {
    font-size: 12px !important;
  }

  #orderstatus td,
  #orderstatus th {
    padding: 5px !important;
  }
}

.pdb50 div {
  float: left;
}

.product-heading h1 {
  font-size: 32px;
}

.pdb50 p {
  margin-bottom: 10px;
}

#addproducbtn {
  border-color: #4a76b6 !important;
}

img.img-responsive.pdt20 {
  width: -webkit-fill-available !important;
  padding: 20px 0px;
}

#movetopbutton {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  margin-bottom: 30px;
  margin-right: -25px;
  z-index: 99;
  font-size: 18px;
  border: 2px solid white;
  outline: none;
  background-color: #4a76b6;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
  opacity: .5;
}

.blog-section .container-fluid {
  padding-left: 0px !important;
}

.product-buy-pills .nav-item .active {
  background-color: #4a76b6 !important;
  color: #fff !important;
}

.pb-50 {
  padding-bottom: 100px !important;
}

.container-fluid > .row > .col-md-12{
  padding-bottom:30px;
}