@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@500&display=swap");

html {
  font-size: 62.5%;
}
*,
a,
p,
span,
label {
  font-family: "Montserrat";
}
img {
  max-width: 100%;
}
body {
  background-color: #ffffff;
  color: #333333;
  overflow-x: hidden;
  font-family: "Montserrat";
}
ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
ul li {
  padding: 0;
  margin: 0;
  list-style: none;
}
a {
  text-decoration: none;
  color: #333333;
  cursor: pointer;
}
/*===================
=====HOME =======
==================*/

/*---------------------header------------*/
#a-header {
  display: inline;
}

.a-header-top {
  font-size: 1.4rem;
  padding: 1rem;
}
.header-top-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.a1-language li {
  float: left;
  padding: 1rem;
}
.a1-language li a:hover {
  color: #333333;
  text-decoration: underline;
  text-decoration-color: #337ab7;
}
#a-header .a-header-top .a-header-top-left .a-language #en {
  text-decoration: underline;
  font-weight: bold;
}
.a1-other li {
  float: left;
  padding-right: 2rem;
}
.a1-other li a:hover {
  color: #333333;
  text-decoration: underline;
  text-decoration-color: #337ab7;
}
.card-card-body {
  text-align: center;
  font-size: 10px;
}

#a-header .a-header-bottom .a-header-bottom-area {
  display: inline;
}
#a-header .a-header-bottom .a-header-bottom-area .a-logo {
  float: left;
}
#a-header .a-header-bottom .a-header-bottom-area .a-logo a {
  font-family: "Montserrat", sans-serif;
  font-size: 28px;
}
#a-header .a-header-bottom .a-header-bottom-area .a-logo a #store {
  font-family: "Montserrat", sans-serif;
  font-size: 28px;
  color: #337ab7;
}
#a-header .a-header-bottom .a-header-bottom-area .a-logo a:hover {
  color: #333;
}
#a-header .a-header-bottom .a-header-bottom-area .a-logo a p {
  display: inline-block;
  font-weight: bold;
  margin-bottom: 0;
  margin-left: 5px;
  margin-top: -5px;
}
#a-header .a-header-bottom .a-header-bottom-area .a-logo a p #ever {
  margin-left: 80px;
}
#a-header .a-header-bottom .a-header-bottom-area .a-logo a p #ever {
  display: block;
  font-size: 12px;
  font-weight: normal;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}
#a-header .a-header-bottom .a-header-bottom-area .a-search-box {
  float: left;
  position: relative;
  margin-left: 10rem;
  width: 40%;
}
#a-header
  .a-header-bottom
  .a-header-bottom-area
  .a-search-box
  input[type="text"] {
  border: 1px solid #ddd;
  border-radius: 4px 0px 0px 4px;
  color: #555;
  font-size: 14px;
  height: 35px;
  padding: 10px 55px 10px 10px;
  width: 100%;
}
#a-header .a-header-bottom .a-header-bottom-area .a-search-box button {
  border: solid 2px #337ab7;
  color: #ffffff;
  background-color: #337ab7;
  height: 35px;
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
}

#a-header .a-header-bottom .a-header-bottom-area .a-search-box button:hover {
  color: #337ab7;
  background-color: #ffffff;
}
.a-header-bottom-right {
  display: flex;
  justify-content: flex-end;
  padding: 10px 3% 1px 1px;
  font-size: 30px;
}
#a-header
  .a-header-bottom
  .a-header-bottom-area
  .a-header-bottom-right
  div:hover {
  cursor: pointer;
  background-color: white;
  transform: translateY(-5px);
}

.a-search a .fa-search,
.fa-shopping-cart,
.fa-user {
  padding-left: 2rem;
  color: #337ab7;
}
.a-search {
  display: none !important;
}

.fa-heart {
  padding-left: 2rem;
  color: #ff0000;
}

/*---------------------end header------------*/

/*---------------------menu main------------*/
.a-menu-main {
  display: inline;
}
.a-menu-main .navbar-inverse {
  background: #337ab7 !important;
  border: solid 1px #337ab7;
  border-radius: 0px;
}
.navbar-inverse .navbar-nav > li > a {
  color: #ffffff !important;
  padding-right: 48px;
  font-weight: bold !important;
}
.navbar-inverse .navbar-nav > li > a:hover {
  color: #555 !important;
}
.navbar-toggle {
  padding: 5px 4px 5px 5px !important;
  border: 2px solid #ffffff !important;
  color: #ffffff !important;
  border-radius: 5px !important;
}
/*menu main*/
.dropdown-menu {
  background-color: #337ab7;
}
.dropdown-menu li a {
  font-size: 1.5rem;
  color: #fff !important;
}
.dropdown-menu li a:hover {
  color: #333 !important;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:focus,
.navbar-inverse .navbar-nav > .open > a:hover {
  color: #333 !important;
  background-color: #337ab7 !important;
}
/*---------------------end menu main------------*/

/*---------------------banner------------*/
.a-banner {
  display: inline-block;
}
#sale {
  color: #ffff00 !important;
}
a#sale:hover {
  color: #555 !important;
}
.carousel-inner img {
  width: 100%;
  height: 100%;
}
/*---------------------end banner------------*/

/*---------------------card-between------------*/

.nav-tabs {
  display: flex;
  justify-content: center;
  border-bottom: solid 0px;
}

.nav-tabs a {
  color: #333;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
  background-color: #fff;
  border-bottom: 3px solid #337ab7 !important;
  border: 0px;
}
.tab-content {
  padding: 20px;
  margin: 10px;
  text-align: center;
}
.card {
  display: inline-block;
  width: 25rem;
  text-align: center;
  list-style-type: none;
}
.card a:hover {
  color: #333;
  text-decoration: none;
}
.card-title {
  font-size: 1.8rem;
}
.card a {
  color: #000000;
}
.card-text {
  color: #ff0000;
  font-weight: bold;
  font-size: 15px;
  text-decoration: blink;
}
.card-img-top {
  width: 20rem;
}
.card-img-top:hover {
  border: solid 2px;
}
.price {
  text-decoration: line-through;
  color: #888888;
}
#menu2 .card-img-top {
  width: 10rem;
  height: 5rem;
}

/*---------------------end card------------*/

/*---------------------show all------------*/
.show-all {
  display: flex;
  justify-content: center;
}
.all_product {
  background: #337ab7;
  border: solid 3px #337ab7;
  color: #fff;
  height: 40px;
  width: 150px;
  font-size: 15px;
}
.all_product:hover {
  color:#337ab7;
  background: #fff;
}
/*---------------------end show all------------*/

/*---------------------------back to top--------------------------*/
#backhome:hover {
  cursor: pointer;
  color: #337ab7;
}
#backhome {
  z-index: 5;
  font-size: 4rem;
  bottom: 1rem;
  right: 1rem;
  width: 4.5rem;
  height: 4.5rem;
  position: fixed;
}
/*---------------end back to top-------------*/

.badge-light {
  animation-name: move !important;
  animation-duration: 2s !important;
  animation-iteration-count: infinite;
  position: absolute;
  font-size: 14px;
  font-weight: bold !important;
  line-height: 1;
  color: #ff0000;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  background-color: #fff;
  border: solid 2px #ff0000;
  border-radius: 100%;
  margin-top: -15px;
}
@keyframes move {
  from {
    top: 4px;
  }
  to {
    top: 10px;
  }
}
/*=================================card blog bottom================================*/

.a-blog-bottom {
  display: block;

  text-align: center;
  background: #eeeeee;
  padding: 10px;
}
.a-blog-bottom h2 {
  text-align: center;
  font-weight: bold;
  padding-bottom: 20px;
}
.a-blog-bottom ul li {
  margin: 1.5rem;
}
.card-blog {
  background: #fff;
  display: inline-block;
  width: 40rem;
  height: 41rem;
  text-align: center;
  list-style-type: none;
}
.card-img-blog {
  padding: 30px;
  width: 25rem;
  height: 25rem;
}
.card-title-blog {
  font-size: 18px;
  font-weight: bold;
  color: #337ab7;
  text-decoration: none;
}
.card-body a {
  color: #337ab7;
  text-decoration: none;
  font-weight: bold;
}
.card-body a:hover {
  color: #337ab7;
  text-decoration: underline
}

.card-text-blog {
  font-size: 15px;
}
.card-body .blog-bottom-p {
  font-size: 13px;
  color: #888888;
}
.blog-bottom-a {
  float: right;
  font-size: 15px;
  padding-right: 20px;
}

/*================================= end card blog bottom================================*/

/*===================================footer--------------------------------*/
#footer {
  position: relativess;
  display: inline;
}
.a-footer-top {
  display: inline;
}
.a-footer-top .a-footer-top-area {
  display: inline-block;
  width: 100%;
}
.a-footer-social a {
  margin-left: 10px;
  float: left;
  padding: 15px;
  font-size: 3rem;
  color: #337ab7;
}
.a-footer-social a:hover {
  color: #888888;
}
.a-footer-top-right li {
  float: left;
  width: 8rem;
  padding: 10px;
}
.a-footer-payment {
  float: right;
}
.a-footer-between {
  background: #eeeeee;
}
.a-footer-widget h4 {
  color: #337ab7;
}
.a-footer-bottom {
  text-align: center;
  color: #888888;
  background: #eeeeee;
}
#a-join {
  display: inline;
  text-align: center;
}
.a-join-area h2 {
  font-size: 2rem;
}
.a-join-area p {
  font-size: 1.4rem;
}
/*===================================end footer--------------------------------*/

/*===================
=====END HOME=======
==================*/

/*=============================================================================================================================*/

/*===================
==== STARTACCOUNT ==
==================*/

/*login*/
.a-account {
  z-index: 2;
  position: relative;
}
.a-account .dropdown-menu {
  background-color: white;
  min-width: 0rem !important;
}
.a-account .dropdown-menu li a {
  color: #337ab7 !important;
  text-align: center;
}
/*end login*/

/*===================
== END ACCOUNT =
==================*/
/*======================================================================================================*/
/*===================
== START WISHLIST =
==================*/
.a-wishlist {
  display: inline-block;
  text-align: center;
}
#a-main-wishlist {
  display: flex;
  justify-content: center;
  margin: 50px;
}
/*===================
== END WISHLIST =
==================*/

/*------------------------------------------------------------------------------------------------------------*/

/*===================
==CART ===========
==================*/
.table {
  text-align: center !important;
}
table th {
  text-align: center !important;
}
.a-cart a {
  color: #eeeeee;
  text-decoration: none;
}
.a-cart a:hover {
  color: #eeeeee;
  text-decoration: none;
}
.btn-cus {
  font-size: 1.5rem;
}
.btn-cus input {
  height: 3.5rem;
  border-radius: 5px;
}

.fa-trash:hover {
  color: red;
}
/*===================
==END CART ===========
==================*/
/*======================================================================================*/
/*===================
=====PRODUCT ========
==================*/
.simpleLens-big-image{
  width: 400px;
}
.a-left-specs {
  font-weight: bold;
}
.a-product-view-price-sale {
  color: #337ab7;
  font-size: 30px;
}
.a-product-view-price-origin{
  text-decoration: line-through;
  color: #a6b5c1;
  font-size: 24px;
}
.a-product-avilability {
  color: #ff0000;
}

.a-color-green {
  background: #003300;
  width: 30px;
  height: 30px;
  padding: 20px;
  margin: 10px;
}
.a-color-blue {
  background: #003366;
  width: 30px;
  height: 30px;
  padding: 20px;
  margin: 10px;
}
.a-color-pink {
  background: #ff99ff;
  width: 30px;
  height: 30px;
  padding: 20px;
  margin: 10px;
}
.a-color-black {
  background: #000000;
  width: 30px;
  height: 30px;
  padding: 20px;
  margin: 10px;
}
.a-color-brown {
  background: #8b4513;
  width: 30px;
  height: 30px;
  padding: 20px;
  margin: 10px;
}
.a-prod-quantity select {
  width: 55px;
}
.a-prod-a {
  display: inline;
}
.add {
  text-align: center;
}
.add button {
  width: 200px;
  padding: 10px;
  margin: 10px;
}
.a-prod-service table tr {
  border-bottom: 0px;
  text-align: center;
}
.a-prod-service table span {
  font-size: 35px;
  color: #555;
}
.a-prod-service table td {
  padding: 10px;
}
#share:hover {
  color: #337ab7;
  cursor: pointer;
}
.media-left {
  width: 150rem;
  height: auto;
}
.media-object {
  width: 50rem;
  height: auto;
}
.a-product-sale1-bottom .tab-content {
  background-color: #eeeeee;
}
/*===================
==END PRODUCT========
==================*/

/*--------------------------------------------------------------------------------------------*/
/*===================
==CHECKOUT========
==================*/
.a-checkout-top {
  display: flex;
}

.checkout-left {
  justify-content: flex-start;
  margin-right: 100px;
}
.checkout-right {
  justify-content: flex-end;
}
.a-payment-method {
  text-align: center;
}
/*===================
==END CHECKOUT=======
===================*/

/*================================================================================================*/
/*===================
==== FILTER PRODUCT==
==================*/
#a-product-category {
  display: inline;
  float: left;
  width: 100%;
}
.table2 .card-header {
  text-align: start !important;
}
.table2:hover {
  cursor: pointer;
}
.table2 .card-header h4 {
  color: #337ab7;
}
#a-product-category .a-product-catg-content {
  display: inline;
  float: left;
  width: 100%;
}
#a-product-category .a-product-catg-content .a-product-catg-head {
  border: 2px #337ab7 solid;
  display: inline;
  float: left;
  padding: 10px 15px;
  width: 100%;
  font-family: "Montserrat";
  margin-bottom: 20px;
}
#a-product-category
  .a-product-catg-content
  .a-product-catg-head
  .a-product-catg-head-left {
  float: left;
}
#a-product-category
  .a-product-catg-content
  .a-product-catg-head
  .a-product-catg-head-left
  label {
  margin-bottom: 0;
  margin-right: 10px;
  font-weight: bold;
  font-size: 20px;
}
#a-product-category
  .a-product-catg-content
  .a-product-catg-head
  .a-product-catg-head-left
  .a-sort-form {
  float: left;
}
#a-product-category
  .a-product-catg-content
  .a-product-catg-head
  .a-product-catg-head-left
  .a-sort-form
  select {
  border: 1px solid #ccc;
  text-align: center;
  width: 100px;
}
#a-product-category
  .a-product-catg-content
  .a-product-catg-head
  .a-product-catg-head-right {
  float: right;
}
#a-product-category
  .a-product-catg-content
  .a-product-catg-head
  .a-product-catg-head-right
  a {
  color: #555;
  display: inline-block;
  font-size: 20px;
  margin-left: 5px;
  margin-top: 3px;
}
.a-product-catg-pagination {
  text-align: center;
}
.a-product-catg-body {
  margin-left: 70px;
}
.card-body .a-catg-nav {
  text-align: left;
  margin-left: 50px;
}
.card-body .a-catg-nav :hover {
  color: #337ab7 !important;
}
.card-body .a-catg-nav .check-filter-label {
  font-weight: normal;
  color: #333333;
  font-size: 15px;
  cursor: pointer;
}
.card-body .a-catg-nav #number-filter {
  color: #888888;
  font-size: 13px;
}

.a-color-green1 {
  border: 3px solid #003300;
  background-color: #003300;
  height: 30px;
  width: 30px;
  border-radius: 100%;
}
.a-color-tag .a-color-green1:hover {
  border: 3px solid #003300;
  background-color: #fff;
}
.a-color-blue1 {
  border: 3px solid #337ab7;
  background-color: #337ab7;
  height: 30px;
  width: 30px;
  border-radius: 100%;
}
.a-color-tag .a-color-blue1:hover {
  border: 3px solid #337ab7;
  background-color: #fff;
}
.a-color-tag .a-color-yellow1 {
  border: 3px solid #ffff00;
  background-color: #ffff00;
  height: 30px;
  width: 30px;
  border-radius: 100%;
}
.a-color-tag .a-color-yellow1:hover {
  border: 3px solid #ffff00;
  background-color: #fff;
}
.a-color-tag .a-color-red1 {
  border: 3px solid rgb(255, 0, 0);
  background-color: rgb(255, 0, 0);
  height: 30px;
  width: 30px;
  border-radius: 100%;
}
.a-color-tag .a-color-red1:hover {
  border: 3px solid rgb(255, 0, 0);
  background-color: #fff;
}
.a-color-black1 {
  border: 3px solid rgb(0, 0, 0);
  background-color: rgb(0, 0, 0);
  height: 30px;
  width: 30px;
  border-radius: 100%;
}
.a-color-tag .a-color-black1:hover {
  border: 3px solid rgb(0, 0, 0);
  background-color: #fff;
}
.a-color-tag .a-color-orange1 {
  border: 3px solid #ff8c00;
  background-color: #ff8c00;
  height: 30px;
  width: 30px;
  border-radius: 100%;
}
.a-color-tag .a-color-orange1:hover {
  border: 3px solid #ff8c00;
  background-color: #fff;
}
.a-color-pink1 {
  border: 3px solid #ff99ff;
  background-color: #ff99ff;
  height: 30px;
  width: 30px;
  border-radius: 100%;
}
.a-color-tag .a-color-pink1:hover {
  border: 3px solid #ff99ff;
  background-color: #fff;
}
.a-color-tag .a-color-deeppink1 {
  border: 3px solid #ff1493;
  background-color: #ff1493;
  height: 30px;
  width: 30px;
  border-radius: 100%;
}
.a-color-tag .a-color-deeppink1:hover {
  border: 3px solid #ff1493;
  background-color: #fff;
}
.a-color-tag .a-color-1 {
  border: 3px solid #5d478b;
  background-color: #5d478b;
  height: 30px;
  width: 30px;
  border-radius: 100%;
}
.a-color-tag .a-color-1:hover {
  border: 3px solid #5d478b;
  background-color: #fff;
}
.a-color-tag .a-color-2 {
  border: 3px solid #008080;
  background-color: #008080;
  height: 30px;
  width: 30px;
  border-radius: 100%;
}
.a-color-tag .a-color-2:hover {
  border: 3px solid #008080;
  background-color: #fff;
}
.a-color-tag .a-color-3 {
  border: 3px solid #ffd39b;
  background-color: #ffd39b;
  height: 30px;
  width: 30px;
  border-radius: 100%;
}
.a-color-tag .a-color-3:hover {
  border: 3px solid #ffd39b;
  background-color: #fff;
}
.a-color-tag .a-color-4 {
  border: 3px solid #bc8f8f;
  background-color: #bc8f8f;
  height: 30px;
  width: 30px;
  border-radius: 100%;
}
.a-color-tag .a-color-4:hover {
  border: 3px solid #bc8f8f;
  background-color: #fff;
}
.a-color-tag .a-color-5 {
  border: 3px solid #00ee76;
  background-color: #00ee76;
  height: 30px;
  width: 30px;
  border-radius: 100%;
}
.a-color-tag .a-color-5:hover {
  border: 3px solid #00ee76;
  background-color: #fff;
}
.a-color-6 {
  border: 3px solid #cd853f;
  background-color: #cd853f;
  height: 30px;
  width: 30px;
  border-radius: 100%;
}
.a-color-tag .a-color-6:hover {
  border: 3px solid #cd853f;
  background-color: #fff;
}
.td-product a img {
  width: 10rem;
}
.td-product span a {
  font-size: 1.5rem;
}
.a-product-catg {
  text-align: center;
}

/*====END FILTER PRODUCT==
==================*/
/*-------------------------------------------*/
/*====Blog==------
==================*/
.a-blog-filter-tag a {
  padding: 20px;
}
.a-blog-filter-tag .a-blog-tag {
  background-color: #ddd;
  color: #337ab7;
  font-size: 2rem;
}
.a-blog-filter-tag .a-blog-tag:hover {
  background-color: #ddd;
  color: #000;
}
.a-blog-detail-content h2 {
  text-align: center;
  color: #337ab7;
  font-size: 3rem;
  font-weight: bold;
}
/*===end Blog==------

==================*/

.a-logo-img img {
  display: none !important;
  height: 4.5rem;
  width: 4.5rem;
}
/* unit*/
@media (max-width: 360px) {
  #myTab2 li {
    font-size: 0.5rem !important;
  }
  .a-join-area h2 {
    font-size: 1rem !important;
  }
  .a-join-area p {
    font-size: 0.5rem !important;
  }
  .card-blog {
    width: auto !important;
    margin: 1rem 0 !important;
    height: auto !important;
  }
  .show-all {
    width: auto !important;
  }
  .all_product {
    font-size: 1rem !important;
  }
  .td-product a img {
    width: 5rem;
  }
  .td-product span a {
    font-size: 0.7rem;
  }
  .aa-footer-bottom-area p {
    font-size: 0.5rem;
  }
  .a-blog-detail-content h2 {
    font-size: 1rem;
  }
  .a-blog-detail-content h4 {
    font-size: 0.7rem;
  }
  .aa-product-review-area h1 {
    font-size: 2rem;
  }
  .modal h1 {
    font-size: 2rem;
  }
  .glyphicon {
    font-size: 1rem;
  }
  .aa-order-summary-area table {
    width: 20rem;
  }
  .checkout-right {
    width: 20rem;
  }
  .a-logo-text {
    display: none;
  }
  .a-logo-img img {
    display: inline-block !important;
  }
  .a-search-box {
    display: none;
  }
  .a-search {
    display: inline-block !important;
  }
}
/* sm */
@media (max-width: 630px) {
  .a-banner {
    display: none !important;
  }
  .a-header-top-right {
    margin-top: 1rem;
    display: flex;
    font-size: 0.8rem;
  }
  .card-blog {
    width: auto !important;
    margin: 1rem 0 !important;
    height: auto !important;
  }
  .a-blog-bottom h2 {
    padding-bottom: 1.5rem;
  }
  .a-blog-bottom ul li {
    margin: 0.1rem;
  }
  .card-img-top {
    width: 10rem;
  }
  .modal h1 {
    font-size: 2.5rem;
  }
  .glyphicon {
    font-size: 1.6rem;
  }
  .card-blog {
    height: auto !important;
    margin: 2rem auto !important;
  }
  .card-title-blog {
    font-size: 1.3rem;
  }
  .card-img-blog {
    padding: 1rem;
    width: 20rem;
    height: 20rem;
  }
  .card-text-blog {
    font-size: 1rem;
    overflow: hidden;
  }
  .card-body .blog-bottom-p {
    font-size: 1rem;
  }
  .blog-bottom-a {
    font-size: 1rem;
  }
  .a-title-blog {
    font-size: 1.5rem;
    padding: 0;
  }
  #myTab2 li {
    font-size: 0.9rem;
  }
  .a-footer-between {
    font-size: 1rem;
  }
  .a-footer-between h4 {
    font-size: 1.3rem;
  }
  .aa-footer-bottom-area p {
    font-size: 1.3rem;
  }
  .a-header-bottom-right {
    font-size: 1.5rem;
  }
  .a-logo-text {
    display: none;
  }
  .a-logo-img img {
    display: inline-block !important;
  }
  .a-search {
    display: inline-block;
  }
  .a-search-box {
    display: none;
  }
  .dropdown-menu li a {
    font-size: 1.5rem;
    color: #fff !important;
  }
  .dropdown-menu li a:hover {
    color: #333 !important;
  }
  .card {
    width: 15rem;
  }
  .card-title {
    font-size: 1rem;
  }
  .card-text {
    font-size: 0.8rem;
  }
  .price {
    font-size: 0.6rem;
  }
  .table {
    text-align: center !important;
    font-size: 1rem;
  }
  .btn-cus {
    font-size: 1rem;
  }
  .total h4 {
    font-size: 1.3rem;
  }
  .btn-cus input {
    height: 3rem;
    width: 7rem;
    font-size: 0.8rem;
  }
  .btn-cus button {
    font-size: 1rem;
  }
  .a-footer-social a {
    margin-left: 0.5rem;
    padding: 0.5rem;
    font-size: 2rem;
  }
  .a-footer-top-right li {
    width: 3rem;
    padding: 0.5rem;
  }
  .td-product a img {
    width: 5rem;
  }
  .td-product span a {
    font-size: 0.7rem;
  }
  .price-text {
    font-size: 0.66rem;
  }
  .a-join-area h2 {
    font-size: 1.3rem;
  }
  .a-join-area p {
    font-size: 0.7rem;
  }
  .aa-footer-bottom-area p {
    font-size: 0.8rem;
  }
  .a-blog-detail-content h2 {
    font-size: 2rem;
  }
  .a-blog-detail-content h4 {
    font-size: 1.7rem;
  }
  .a-blog-detail-content p {
    padding: 1rem;
    font-size: 1.5rem;
  }
  .a-blog-detail-content {
    font-size: 1.5rem;
  }
  .a-search-box {
    display: none;
  }
  .a-search {
    display: inline-block !important;
  }
}
/* md */
@media (max-width: 940px) {
  .a-banner {
    display: none !important;
  }

  .a-header-top-left {
    display: none !important;
  }
  .a-blog-bottom h2 {
    padding-bottom: 1.5rem;
  }
  .a-blog-bottom ul li {
    margin: 15px;
  }
  .td-product a img {
    width: 5rem;
  }
  .td-product span a {
    font-size: 0.7rem;
  }
  .btn-cus {
    font-size: 1rem;
  }
  .total h4 {
    font-size: 1.3rem;
  }
  .btn-cus input {
    height: 3rem;
    width: 7rem;
    font-size: 0.8rem;
  }
  .btn-cus button {
    font-size: 1rem;
  }
  .card-blog {
    height: auto !important;
    margin: 2rem auto !important;
  }
  .card-title-blog {
    font-size: 1.3rem;
  }
  .card-img-blog {
    padding: 1rem;
    width: 20rem;
    height: 20rem;
  }
  .card-text-blog {
    font-size: 1rem;
    overflow: hidden;
  }
  .card-body .blog-bottom-p {
    font-size: 1rem;
  }
  .blog-bottom-a {
    font-size: 1rem;
  }

  .a-footer-between h4 {
    font-size: 1.3rem;
  }
  .aa-footer-bottom-area p {
    font-size: 1rem;
  }
  .a-logo-text {
    display: none;
  }
  .a-logo-img img {
    display: inline-block !important;
  }
  #a-header .a-header-bottom .a-header-bottom-area .a-search-box {
    margin-left: 7rem;
  }
  .dropdown-menu li a {
    font-size: 1.5rem;
    color: #fff !important;
  }
  .dropdown-menu li a:hover {
    color: #333 !important;
  }
  .table {
    text-align: center !important;
    font-size: 1rem;
  }
  .card1 h4 {
    font-size: 1.2rem !important;
  }

  .a-catg-nav li {
    float: left;
    padding: 0 0.8rem;
  }
  .check-filter-label {
    font-size: 0.8rem !important;
  }
  .a-blog-filter-tag a {
    padding: 0.8rem;
  }
  .a-blog-filter-tag .a-blog-tag {
    font-size: 0.8rem;
  }
  .a-search-box {
    display: none;
  }
  .a-search {
    display: inline-block !important;
  }
}
/* lg */
@media (max-width: 1130px) {
}

/* xl */
@media (max-width: 1200) {
}