/* HB */
/* reseting defaults */

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: IRANSansX;
}

/* importing fonts */

@font-face {
  font-family: IRANSansX;
  font-style: normal;
  font-weight: 100;
  src:
    url("fonts/IRANSansXFaNum-Thin.woff") format("woff"),
    url("fonts/IRANSansXFaNum-Thin.woff2") format("woff2");
}

@font-face {
  font-family: IRANSansX;
  font-style: normal;
  font-weight: 200;
  src:
    url("fonts/IRANSansXFaNum-UltraLight.woff") format("woff"),
    url("fonts/IRANSansXFaNum-UltraLight.woff2") format("woff2");
}

@font-face {
  font-family: IRANSansX;
  font-style: normal;
  font-weight: 300;
  src:
    url("fonts/IRANSansXFaNum-Light.woff") format("woff"),
    url("fonts/IRANSansXFaNum-Light.woff2") format("woff2");
}

@font-face {
  font-family: IRANSansX;
  font-style: normal;
  font-weight: 500;
  src:
    url("fonts/IRANSansXFaNum-Medium.woff") format("woff"),
    url("fonts/IRANSansXFaNum-Medium.woff2") format("woff2");
}

@font-face {
  font-family: IRANSansX;
  font-style: normal;
  font-weight: 600;
  src:
    url("fonts/IRANSansXFaNum-DemiBold.woff") format("woff"),
    url("fonts/IRANSansXFaNum-DemiBold.woff2") format("woff2");
}

@font-face {
  font-family: IRANSansX;
  font-style: normal;
  font-weight: 800;
  src:
    url("fonts/IRANSansXFaNum-ExtraBold.woff") format("woff"),
    url("fonts/IRANSansXFaNum-ExtraBold.woff2") format("woff2");
}

@font-face {
  font-family: IRANSansX;
  font-style: normal;
  font-weight: 900;
  src:
    url("fonts/IRANSansXFaNum-Black.woff") format("woff"),
    url("fonts/IRANSansXFaNum-Black.woff2") format("woff2");
}

@font-face {
  font-family: IRANSansX;
  font-style: normal;
  font-weight: 950;
  src:
    url("fonts/IRANSansXFaNum-ExtraBlack.woff") format("woff"),
    url("fonts/IRANSansXFaNum-ExtraBlack.woff2") format("woff2");
}

@font-face {
  font-family: IRANSansX;
  font-style: normal;
  font-weight: 1000;
  src:
    url("fonts/IRANSansXFaNum-Heavy.woff") format("woff"),
    url("fonts/IRANSansXFaNum-Heavy.woff2") format("woff2");
}

@font-face {
  font-family: IRANSansX;
  font-style: normal;
  font-weight: bold;
  src:
    url("fonts/IRANSansXFaNum-Bold.woff") format("woff"),
    url("fonts/IRANSansXFaNum-Bold.woff2") format("woff2");
}

@font-face {
  font-family: IRANSansX;
  font-style: normal;
  font-weight: normal;
  src:
    url("fonts/IRANSansXFaNum-Regular.woff") format("woff"),
    url("fonts/IRANSansXFaNum-Regular.woff2") format("woff2");
}
html {
  overflow-y: scroll;
  box-sizing: border-box;
  margin: 0 !important;
  padding: 0 !important;
}
body {
  direction: rtl;
  margin: 0;
  padding: 0;
  font-family: "IRANSansX", tahoma, arial, sans-serif;
  background: #fff;
}
a:link,
a:visited,
a:hover {
  text-decoration: none;
}
img[title] {
    pointer-events: none;
}
nav.hb-breadcrumb {
  margin: 10px auto;
}
nav .hb-scroll-breadcrumb {
  overflow: auto;
  white-space: nowrap;
  list-style: none;
  padding: 0 6px;
  border-radius: 4px 4px;
  margin-bottom: 10px;
}
nav .hb-scroll-breadcrumb li {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  font-size: 13px;
  font-weight: normal;
}
nav .hb-scroll-breadcrumb li a:link,
nav .hb-scroll-breadcrumb li a:visited {
  color: #999;
}
nav .hb-scroll-breadcrumb li a:hover {
  color: #f1262c;
}
nav .hb-scroll-breadcrumb span {
  color: #999!important;
  margin: 0 4px 0 0;
  font-size: 9px;
}
nav .hb-scroll-breadcrumb li.last {
  color: #0066ff;
}
      /* heading styles */
      h1 {
        font-size: 22px !important;
        font-weight: 700 !important;
        line-height: 1.8 !important;
        display: inline-block;
      }
      h2 {
        font-size: 28px !important;
        font-weight: 700 !important;
        line-height: 1.8 !important;
      }
      h3 {
        font-size: 28px !important;
        font-weight: 700 !important;
        line-height: 1.8 !important;
      }
      h4 {
        font-size: 28px !important;
        font-weight: 700 !important;
        line-height: 1.8 !important;
      }
      h5 {
        font-size: 28px !important;
        font-weight: 700 !important;
        line-height: 1.8 !important;
      }
      h6 {
        font-size: 28px !important;
        font-weight: 700 !important;
        line-height: 1.8 !important;
      }
      /* AA */
      .detail .fa-star {
        color: #f4b51a;font-size:14px;
      }

.kksr-stars {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
}

.kksr-stars-inactive,
.kksr-stars-active {
    display: flex;
    align-items: center;
}

.kksr-star {
    display: inline-flex;
    align-items: center;
    padding-left: 5px !important;
}

.kksr-stars-inactive .kksr-star:nth-child(1) .kksr-icon,
.kksr-stars-active   .kksr-star:nth-child(1) .kksr-icon { font-size: 4px;  width: 10px !important; height: 10px !important; }

.kksr-stars-inactive .kksr-star:nth-child(2) .kksr-icon,
.kksr-stars-active   .kksr-star:nth-child(2) .kksr-icon { font-size: 8px;  width: 18px !important; height: 18px !important; }

.kksr-stars-inactive .kksr-star:nth-child(3) .kksr-icon,
.kksr-stars-active   .kksr-star:nth-child(3) .kksr-icon { font-size: 12px; width: 26px !important; height: 26px !important; }

.kksr-stars-inactive .kksr-star:nth-child(4) .kksr-icon,
.kksr-stars-active   .kksr-star:nth-child(4) .kksr-icon { font-size: 16px; width: 34px !important; height: 34px !important; }

.kksr-stars-inactive .kksr-star:nth-child(5) .kksr-icon,
.kksr-stars-active   .kksr-star:nth-child(5) .kksr-icon { font-size: 20px; width: 42px !important; height: 42px !important; }
      h1 {
        margin: 0;
      }
      p {
        margin: 0;
      }
main {
  padding: 30px 0 0 0;
  margin-bottom: 3rem;
}
main .hb-iframe-vaparat {
    position: absolute;
    top: 0;
    left: 5%;
	right: 5%;
    width: 90%;
    height: 90%;
    border-radius: 16px 16px;
}
main .hb-bg-iframe-vaparat {
    margin: 15px 1px 10px 1px;
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
main ol li::marker,
main ul li::marker {
  color: #e61010;
}

main ol,
main ul {
  width: 95%;
  padding: 0 60px 0 0;
  text-align: justify;
  line-height: 2;
}

main ul li h2,
main ul li h3,
main ul li h4,
main ul li h5,
main ul li h6{
	padding-right:0;
	width:unset;
	font-size:18px!important;
}

main figure {
  width: 90%;
  margin: 0 auto;
}
main figure img {
  width: 100%;
  height: auto;
  display: block;
  box-shadow: rgba(0, 0, 0, 0.45) 0 20px 15px -25px;
  border-radius: 20px 20px;
}
main header {
  width: 90%;
  margin: 20px auto;
  font-size: 13px;
}
main header::after {
  content: "";
  display: table;
  clear: both;
}
main header .hb-author {
  display: inline-block;
  width: auto;
  text-align: right;
  color: #999;
  font-weight: 700;
  margin-left: 15px;
}
main header .hb-time {
  display: inline-block;
  width: auto;
  text-align: right;
  color: #999;
  font-weight: 700;
}
main header .hb-time span {
  color: #000;
}
main header .hb-time img {
  display: inline-block;
  width: 25px;
  height: auto;
  border-radius: 0;
  box-shadow: none;
  margin: 0 0 0 6px !important;
}
main header .hb-comment {
  display: inline-block;
  width: auto;
  text-align: left;
  color: #999;
  font-weight: 700;
  float: left;
}
main header .hb-comment img {
  display: inline-block;
  width: 25px;
  height: auto;
  border-radius: 0;
  box-shadow: none;
  margin: 0 0 0 6px !important;
}
main header .hb-author a:link,
main header .hb-author a:visited {
  color: #000;
}
main header .hb-comment a:link,
main header .hb-comment a:visited {
  color: #999;
}
main header .hb-author a:hover,
main header .hb-comment a:hover {
  color: #f1262c;
}
main header .hb-comment span {
  color: #000;
}
main p {
  width: 92%;
  margin: 0 auto;
  text-align: justify;
  line-height: 2.2;
  font-size: 16px !important;
	word-break: break-word;
    overflow-wrap: break-word; 
    hyphens: auto; 
    direction: rtl;
  color: #000;
}
main h1 {
  font-size: 36px !important;
  font-weight: 700;
  width: 90%;
  margin: 0 auto 20px auto;
  padding: 30px 0 0 0;
  display: block;
}
main h2 {
  position: relative;
  font-size: 30px !important;
  font-weight: 700;
  width: 92%;
  margin: 10px auto !important;
  padding: 0 20px 0 0;
  border: 0 !important;
  display: block;
  text-align:justify;
}
main h3 {
  position: relative;
  font-size: 24px !important;
  font-weight: 700;
  width: 92%;
  margin: 10px auto !important;
  padding: 0 20px 0 0;
  border: 0 !important;
  display: block;
  text-align:justify;
}
main h4 {
  position: relative;
  font-size: 20px !important;
  font-weight: 700;
  width: 92%;
  margin: 10px auto !important;
  padding: 0 20px 0 0;
  border: 0 !important;
  display: block;
  text-align:justify;
}
main h5 {
  position: relative;
  font-size: 18px !important;
  font-weight: 700;
  width: 92%;
  margin: 10px auto !important;
  padding: 0 20px 0 0;
  border: 0 !important;
  display: block;
  text-align:justify;
}
main h6 {
  position: relative;
  font-size: 16px !important;
  font-weight: 700;
  width: 92%;
  margin: 10px auto !important;
  padding: 0 20px 0 0;
  border: 0 !important;
  display: block;
  text-align:justify;
}
main .hb-faq {
  position: relative;
  font-size: 30px !important;
  font-weight: 700;
  width: 90%;
  margin: 30px auto 0 auto !important;
  padding: 0 20px 0 0;
  border: 0 !important;
  display: block;
}
main h2::before,
main .hb-faq::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 10px;
  background: #f1262c;
  border-radius: 10px 10px;
}
main strong,
main bold {
}
main a:link,
main a:visited {
}
main a:hover {
}
main .wp-caption {
  width: 90% !important;
  margin: 0 auto !important;
}
main .wp-caption-text {
  font-size:13px!important;
  text-align:center!important;
  color:#ddd!important;
}
main img {
  margin-bottom: 20px;
  width: 100%;
  height: auto;
  display: block;
  box-shadow: rgba(0, 0, 0, 0.45) 0 20px 15px -25px;
  border-radius: 20px 20px;
}
main .dp-box-sarfasls {
  width: 92%;
  margin: 20px auto 0 auto;
}
main .dp-box-sarfasls .accordion-item {
  box-shadow: none;
}
main .dp-box-sarfasls .accordion-header {
  margin-bottom: 0;
  border: 1px solid #ddd;
  border-radius: 20px 20px;
  padding: 10px 0;
}
main .dp-box-sarfasls .accordion-button:not(.collapsed) {
  color: #000;
}
main .dp-box-sarfasls .dp-title-sarfasl {
  padding: 20px 15px;
  border: 1px solid #ddd;
  border-radius: 20px 20px;
}
main .dp-box-sarfasls .dp-title-sarfasl .dp-titr:before {
  content: "Ų³Ų±ŁŲµŁ„ Ł‡Ų§ŪŒ Ų§ŪŒŁ† Ł…Ł‚Ų§Ł„Ł‡";
  font-weight: 700;
}
main .dp-box-sarfasls .dp-nsarfasl {
}
main .dp-box-sarfasls .dp-nsarfasl .dp-sarfasl {
}
main .dp-box-sarfasls .dp-nsarfasl .dp-sarfasl ul {
  margin: 0;
  padding: 15px 15px 0 15px;
  list-style: none;
}
main .dp-box-sarfasls .dp-nsarfasl .dp-sarfasl ul li {
  margin-bottom: 10px;
}
main .dp-box-sarfasls .dp-nsarfasl .dp-sarfasl ul li a:link,
main .dp-box-sarfasls .dp-nsarfasl .dp-sarfasl ul li a:visited {
  color: #999;
}
main .dp-box-sarfasls .dp-nsarfasl .dp-sarfasl ul li a:hover {
  color: #f1262c;
}
main .dp-gofte {
  width: 90%;
  margin: 20px auto 40px auto;
  background: #f2f2f4;
  text-align:justify;
  border-right: 7px solid #f1262c;
  padding: 15px 15px;
  line-height: 1.8;
  border-radius: 10px 10px;
}
main .hb-adsc {
  width: 92%;
  margin: 20px auto!important;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
main .hb-adsc .border-seconadry{border:0!important;}
main .hb-adsc .rounded{border-radius:0!important;}
main .hb-ads-btnstyle {
  font-size: 15px;
  background: #f1262c;
  border-radius: 10px 10px;
  color: #fff;
  position: absolute;
  bottom: 10px;
  left: 10px;
  font-weight: 700;
  padding: 7px 14px;
}
main .hb-ads-mainstyle {
  position: absolute;
  bottom: 10px;
  right: 0;
}
main .hb-ads-titlestyle {
  font-size: 17px;
  font-weight: 700;
  color: #000;
}
main .hb-ads-descstyle {
  margin: 5px 0;
  font-size: 15px;
  color: #999;
}
main .hb-ads-pricestyle {
  font-size: 21px;
  font-weight: 700;
  color: #f1262c;
}
main .hb-ads-pricestyle span {
  font-size: 15px;
  font-weight: 700;
  color: #f1262c;
}
main .dp-pishnahad {
  width: 90%;
  margin: 20px auto 40px auto;
  background: #f2f2f4;
  border-right: 7px solid #f1262c;
  line-height: 1.8;
  border-radius: 10px 10px;
}
main .dp-pishnahad img {
  width: 100%;
  height: auto;
}
main .dp-pishnahad .title {
  display: inline-block;
  width: auto;
  line-height: 5;
  font-size: 19px;
  color: #000;
  font-weight: 700;
}
main .dp-pishnahad .link {
  display: inline-block;
  width: auto;
  line-height: 5;
  font-size: 19px;
  color: #000;
  font-weight: 700;
}
main .dp-pishnahad .link a:link,
main .dp-pishnahad .link a:visited {
  color: #0066ff;
}
main .dp-pishnahad .link a:hover {
  color: #0a58ca;
}
main .hb-accordion {
  width: 92%;
  margin: 20px auto;
}
main .accordion-item {
  border: 0 !important;
  border-radius: 30px 30px;
  margin-bottom: 20px;
  box-shadow: rgba(0, 0, 0, 0.1) 1px 1px 12px;
}
main .accordion-button,
main .accordion-button:not(.collapsed),
main .accordion-item:first-of-type,
main .accordion-item:last-of-type {
  border-radius: 30px 30px !important;
  outline: none;
  text-align:right;
}
main .accordion-button::after {
  outline: none;
  margin-right: auto;
  margin-left: unset;
}
main .accordion-button:not(.collapsed) {
  box-shadow: unset;
  background: #fff !important;
  font-weight: 700;
  color: #999;
  outline: none;
}

main table {
  width: 92%!important;
  margin: 20px auto;
  border: 1px solid #dee2e6;
  border-collapse: collapse;
  display: table; /* ŪŒŲ§ Ś©Ł„Ų§Ł‹ Ų§ŪŒŁ† Ų®Ų· Ų±Łˆ Ų­Ų°Ł Ś©Ł† */
}
main table thead th {
  background: #f1262c!important;
  color:#fff!important;
}
main table thead th,
main table thead td,
main table tbody td {
  padding: 8px 8px;
  border: 1px solid #dee2e6;
}

main .acf-input img{
  width: 92%;
  margin: 0 auto 20px auto;
}
main .aa-suggestions img{width: 92%;
  margin:10px auto;}

main footer {
  background: #fff;
  border-bottom: 2px solid rgb(228, 228, 228);
  margin: 0 auto;
  padding: 50px 0;
}
main footer nav {
  border-top: 1px solid #999;
  margin-top: 30px;
  padding-top: 30px;
}
main footer .hb-share {
  display: inline-block;
}
main footer .hb-share .hb-soc {
  display: inline-block;
  padding: 5px 10px;
  border-radius: 4px 4px;
}
main footer .hb-share .hb-soc span {
  margin-left: 6px;
}
main footer .hb-share .hb-soc img {
  width: auto;
  height: 15px;
  display: inline-block;
  border-radius: 0;
  box-shadow: none;
  margin: 0 0 0 6px !important;
}
main footer .hb-share .hb-short {
  direction: ltr;
  display: inline-block;
  background: #f4f4f4;
  padding: 5px 10px;
  border-radius: 4px 4px;
}
main footer .hb-share .hb-short button {
  background: transparent;
  border: 0;
  border-radius: 4px 4px;
}
main footer .hb-share .hb-short button img {
  width: auto;
  height: 15px;
  display: inline-block;
  border-radius: 0;
  box-shadow: none;
  margin: 0 0 0 6px !important;
}
main footer .hb-rate {
}
main footer .hb-rate .hb-title {
  color: #000;
  font-size: 15px;
  font-weight: 700;
}
main section.hb-comment {
  margin-top: 25px;
  background: #fff;
  border-radius: 20px 20px;
  box-shadow: rgba(0, 0, 0, 0.1) 1px 1px 12px;
}
main section.hb-comment .hb-main-comment {
  background: #fff;
  width: 92%;
  margin: 0 auto;
  padding: 15px 0;
}
main section.hb-comment form {
}

main nav .hb-next {
  text-align: right;
}
main nav .hb-next a img {
  width: 50px;
  height: auto;
  display: inline-block;
  margin: -26px 0 0 10px;
  border-radius: 0;
  box-shadow: none;
}
main nav .hb-next a div {
  display: inline-block;
  color: #6c757d;
  font-weight: 700;
  font-size: 13px;
  line-height: 2;
	    width: 75%;
}
main nav .hb-next a div span {
  display: block;
  color: #000!important;
  font-size: 15px;
}
main nav .hb-prev {
  text-align: left;
}
main nav .hb-prev a img {
  width: 50px;
  height: auto;
  display: inline-block;
  margin: -26px 10px 0 0;
  border-radius: 0;
  box-shadow: none;
}
main nav .hb-prev a div {
  display: inline-block;
  color: #6c757d;
  font-weight: 700;
  font-size: 13px;
  line-height: 2;
	    width: 75%;
}
main nav .hb-prev a div span {
  display: block;
  color: #000!important;
  font-size: 15px;
}
main footer .kk-star-ratings .kksr-stars .kksr-stars-active{left:unset!important;right:0!important;}
main footer .kksr-legend{font-size:14px!important;}
aside {
  padding: 30px 0 50px 0;
}
      /* vertical tank title */
      .title {
        color: #bfbfc7;
        margin: 0;
      }
      /* main container */
      .aa-container-fluid {
        width: 1300px;
        margin: 0 auto 50px auto;
      }
      .tb {
        font-size: 11px;
        font-weight: 700;
      }
      .category {
        font-size: 12.5px;
        font-weight: 700;
      }
      .category a {
        margin-right: 3px;
      }
      .fb {
        font-size: 20px;
        font-weight: 500;
      }
      /* product details */
      .detail {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-direction: row;
        border-bottom: solid 1px #ccc;
      }
      .detail .col-md-4 {
        text-align: left;
      }
      .product-detail {
        border-bottom: solid 1px #ccc;
        padding: 8px 0px 8px 0;
      }
      .product-detail img {
        width: 25px;
        height: auto;
      }
      .product-detail a {
        text-decoration: none;
        font-weight: normal;
      }
      .mii {
        color: #858b97;
        font-size: 12px;
        font-weight: 600;
      }
      .product-code-con {
        font-size: 12.5px;
        font-weight: 700;
        margin-top: 4px;
      }
      .product-code {
        color: #e1173f;
        font-weight: 700;
        font-size: 14px;
        margin-right: 3px;
      }
      /* product features */
      .pfb-a {
        display: block;
      }
      .pfb-a:after {
        content: "";
        display: table;
        clear: both;
      }
      .pfb-b {
        font-size: 12px;
        width: 49.3%;
        height: auto;
        float: right;
        font-weight: 600;
        background-color: #f2f2f2;
        border-radius: 8px;
        margin-top: 5px;
        padding: 4px 6px;
      }
      .pfb-c {
        font-size: 12px;
        width: 49.3%;
        height: auto;
        float: left;
        font-weight: 600;
        background-color: #f2f2f2;
        border-radius: 8px;
        margin-top: 5px;
        padding: 4px 8px;
      }
      .pfb-b div,
      .pfb-c div {
        font-weight: 500;
        color: #6c6d71;
      }
      .product-feature-title {
        text-align: right;
        padding-bottom: 10px;
        font-weight: 700;
        font-size: 14px;
      }
      .product-feature {
        margin-top: 10px;
		  padding-right:0;
      }
.product-feature .row{
    border-bottom: 2px solid #ddd;
}
.product-feature .row div:first-child{border-left: 1px dashed #ddd;font-weight: 600;
    text-align: right;
    font-size: 10px;
    padding: 4px 0px;}
      /* other features */
      .other-features-container {
        margin-top: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
      }
      .other-features-container a {
        text-decoration: none;
        color: #000;
        font-weight: 500;
      }
      .other-features {
        display: flex;
        align-items: center;
        justify-content: space-between;
        border: solid 2px rgb(228, 228, 228);
        border-radius: 10px;
        padding: 10px;
      }
      .pfb-d {
        position: relative;
        margin-top: 40px;
        border-bottom: 2px solid #dfdfdf;
      }
      .pfb-e {
        position: absolute;
        width: 42%;
        top: -28px;
        right: 29%;
        left: 29%;
        font-weight: 800;
        background: #fff;
        border: 5px solid #fff;
        border-radius: 8px 8px;
        padding: 7px 2px;
        text-align: center;
        font-weight: 600;
        font-size: 10px;
      }
      .pfb-eb {
        border-radius: 10px 10px;
        padding: 7px 2px;
        border: 2px solid #dfdfdf;
      }
      .pfb-e a {
        text-decoration: none;
        color: #000;
      }
      .pfb-e a:visited {
        color: #000;
      }
      .pfb-e a:hover {
        color: #e61010;
      }
      /* product size */
      .product-size {
        border-bottom: 2px solid #ddd;
      }
.dp-fc-cm{    font-weight: 600;
    text-align: center;
    font-size: 12px;
    padding: 4px 0px;}
      .product-size div {
        font-weight: 600;
        text-align: right;
        border-left: 0;
        font-size: 12px;
        padding: 4px 0px;
      }
      .dp-fc-vahed {
        color: #797979;
        font-weight: normal;
        font-size: 12px;
      }
      .product-size div:first-child {
        border-left: 1px dashed #ddd;
      }
      .size-guide-container {
        padding-top: 15px;
		  border:0!important;
		  padding:0;
		  margin:10px 0 0 0;
      }

.size-guide-container div:first-child{border:0!important;}
      .size-guide-container div {
        text-align: right;
        font-weight: 600;
        color: #95969a;
        font-size: 11px;
      }
      .size-guide {
        text-decoration: none;
        font-weight: 700;
        text-align: left;
        font-size: 12px;
        color: #0055fe;
      }
      .info {
        padding: 10px;
        background-color: #fff0e1;
        border-radius: 12px;
        font-weight: 600;
        font-size: 11.6px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        line-height: 1.6;
        margin-top: 30px;
      }
      .info img {
        width: 20px;
        height: auto;
        margin-left: 12px;
      }
      .ruler img {
        width: 20px;
        margin-left: 5px;
        height: auto;
      }
      .free-delivery {
        display: flex;
        align-items: center;
        justify-content: flex-start;
      }
      .free-delivery-text {
        font-size: 10.6px;
        font-weight: 600;
      }
      .free-delivery img {
        width: 20px;
        height: auto;
        margin-top: -10px;
      }
      .free-delivery div {
        padding: 3px;
      }
      .garantee {
        display: flex;
        align-items: center;
        justify-content: flex-start;
      }
      .garantee img {
        width: 20px;
        height: auto;
        margin-top: -10px;
      }
      .garantee div {
        padding: 3px;
      }
      .free-delivery-container {
        margin-top: 12px;
        border-radius: 12px;
        border: 2px solid #e1e1e1;
        background: transparent url(free2.webp)
          no-repeat left bottom;
        background-size: 120px;
        padding: 8px 10px 0 0;
      }
      .free-delivery-title {
        font-size: 13px;
        font-weight: 700;
        color: #e61010;
      }
      /* delivery section */
      .delivery {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        border-bottom: 2px solid rgb(228, 228, 228);
        padding-bottom: 18px;
        margin-top: 40px;
      }
      .delivery img {
        width: 38px;
        height: auto;
      }
      .delivery-item {
        display: flex;
        align-items: center;
        justify-content: center;
      }
      .delivery-item div {
        padding-right: 8px;
        color: #a1a1a1;
        font-size: 14px;
      }
      /* product information */
      .product-information {
        position: relative;
        padding: 14px 0 10px 0;
        border-bottom: 2px solid rgb(228, 228, 228);
      }
      .product-info {
        padding-bottom: 6px;
        font-size: 22px;
        font-weight: 500;
      }
      .product-info::after {
        content: "";
        position: absolute;
        right: 0;
        bottom: -3px;
        width: 125px;
        border-bottom: 8px solid #ed242c;
        border-radius: 10px 10px;
      }
      /* Main Slider with swiper */
      .slider-container {
        width: auto;
        margin: 0 auto;
        background: white;
        border-radius: 25px;
      }
      /* Main Slider */
      .main-slider {
        position: relative;
        margin: 0 0 30px 0;
      }
      .main-slider .swiper-slide img {
        width: 100%;
        height: auto;
        object-fit: fill;
      }
      /* Thumbnail Slider */
      .thumbs-container {
        margin-top: 30px;
      }
      .thumbs-slider {
        padding-bottom: 40px;
      }
      .thumb-slide {
        padding: 10px 8px;
        cursor: pointer;
        opacity: 0.7;
        /* transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); */
      }
      .thumb-slide img {
        width: 100%;
        height: auto;
        object-fit: fill;
        border-radius: 8px;
        border: 2px solid transparent;
        padding: 5px 5px;
      }
      /* Red border */
      .thumb-slide.swiper-slide-thumb-active {
        opacity: 1;
      }
      .thumb-slide.swiper-slide-thumb-active img {
        border-color: #e61010 !important;
        border-width: 1px;
      }
      .thumb-slide:hover {
        opacity: 0.9;
      }
      /* swiper pagination bullets */
      .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
      }
      .swiper-pagination-bullet-active {
        background-color: gray;
        width: 15px;
        height: 15px;
      }
      .swiper-pagination {
        display: flex;
        align-items: center;
        justify-content: center;
      }
      /* modal and gallery */
      /* Modal -> art */
      #modal div i {
        color: #fff;
        font-size: 25px;
      }
      .art {
        display: none;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.7);
        z-index: 1000;
        justify-content: center;
        align-items: center;
        padding: 20px;
      }
      .art.active {
        display: flex;
      }
      .art-image {
        width: 100%;
        height: 70vh;
        object-fit: contain;
        display: block;
        background: transparent;
      }
      /* size guide modal */
      .sgm {
        display: none;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.7);
        z-index: 1000;
        justify-content: center;
        align-items: center;
        padding: 20px;
      }
      .sgm.active {
        display: flex;
      }
      .sgm-image {
        width: 100%;
        height: 70vh;
        object-fit: contain;
        display: block;
        background: transparent;
      }
      .sgm-close-btn {
        color: #fff;
        font-size: 25px;
        background-color: transparent;
        border: none;
        position: absolute;
        top: 5%;
        right: 10%;
      }
      /* filter modal category web app */
      .filter-modal {
        display: none;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.7);
        z-index: 2000;
        justify-content: center;
        align-items: center;
        padding: 20px;
        /*  */
        font-size: 50px;
        color: #fff;
        font-style: italic;
        font-weight: 900;
        text-align: center;
      }
      .filter-modal.active {
        display: flex;
      }
      .filter-modal-close-btn {
        color: #fff;
        font-size: 25px;
        background-color: transparent;
        border: none;
        position: absolute;
        top: 5%;
        right: 10%;
      }
      /* product filter modal category web app */
      .product-filter-modal {
        display: none;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.7);
        z-index: 2000;
        justify-content: center;
        align-items: center;
        padding: 20px;
        /*  */
        font-size: 50px;
        color: #fff;
        font-style: italic;
        font-weight: 900;
        text-align: center;
      }
      .product-filter-modal.active {
        display: flex;
      }
      .product-filter-modal-close-btn {
        color: #fff;
        font-size: 25px;
        background-color: transparent;
        border: none;
        position: absolute;
        top: 5%;
        right: 10%;
      }
      /* Navigation Buttons */
      .nav-btn {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        background: transparent;
        border: solid 2px #ccc;
        width: 60px;
        height: 60px;
        border-radius: 50%;
        font-size: 35px;
        /* color: white; */
        cursor: pointer;
        transition: all 0.3s ease;
        backdrop-filter: blur(10px);
        display: flex;
        align-items: center;
        justify-content: center;
        user-select: none;
      }
      .nav-btn:hover {
        background: red;
        transform: translateY(-50%) scale(1.1);
      }
      .prev-btn {
        right: 20%;
      }
      .next-btn {
        left: 20%;
      }
      /* Close Button */
      .close-btn {
        position: absolute;
        top: 20px;
        right: 30px;
        background: transparent;
        /* color: white; */
        border: none;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        font-size: 50px;
        cursor: pointer;
      }
      /* product introduce */
      .product-introduce-container {
        position: relative;
        margin-top: 20px;
      }
      .product-introduce {
        font-size: 20px;
        font-weight: 800;
        padding: 10px 20px 10px 0;
      }
      .product-introduce::after {
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        width: 10px;
        background: #f1262c;
        border-radius: 10px 10px;
      }
      /* product intoducing video */
      .product-vid {
        font-size: 14px;
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        border-radius: 16px;
      }
      .product-vid-container {
        position: relative;
        width: 100%;
        height: 0;
        padding-bottom: 57%;
      }
      .product-vid-text {
        font-size: 13px;
        color: #797979;
      }
      .product-vid-description p {
        font-size: 18px;
        font-weight: 500;
        line-height: 1.8;
        text-align: justify;
        padding: 0;
        margin: 0;
      }
      /* tank pic */
      .tank-pic-text {
        font-size: 14px;
        padding: 10px 55px 0 0;
        color: #9b9b9b;
        border-bottom: 2px solid rgb(228, 228, 228);
        padding-bottom: 40px;
      }
      /* tank detail */
      .tank-detail {
        border-bottom: 2px solid rgb(228, 228, 228);
        padding-bottom: 40px;
      }
      .tank-detail-img img {
        width: 100%;
		  box-shadow:unset;
      }
      .tank-detail-table .row .col-5 {
        font-weight: 500;
        border-bottom: 2px solid #d6d6d6;
        background-color: #f0f0f0;
        display: flex;
        align-items: center;
        justify-items: center;
        color: #676767;
        font-size: 16px;
        padding: 16px 10px 16px 0;
      }
      .tank-detail-table .row .col-7 {
        border-bottom: 2px solid #d6d6d6;
        padding: 12px 10px 12px 0;
        display: flex;
        align-items: center;
        justify-items: center;
        font-weight: 800;
        font-size: 14px;
      }
      .tank-detail-table .row .fn {
        font-size: 11px;
        padding-right: 4px;
      }
      /* similar products */
      .similar-products {
        border-bottom: 2px solid #d8d8d8;
        padding-bottom: 40px;
        margin-top: 30px;
      }
      .similar-products ul {
        overflow: auto;
        white-space: nowrap;
        list-style: none;
        padding: 0 6px;
        border-radius: 4px 4px;
        margin-bottom: 10px;
        padding-bottom: 12px;
      }
      .similar-product {
        width: 230px;
        border: 1px solid #d8d8d8;
        border-radius: 12px;
        margin: 0 2px;
        display: inline-block;
      }
      .similar-product img {
        border-radius: 12px 12px 0 0;
        width: 100%;
        height: auto;
      }
      .similar-product-title {
        font-weight: 700;
        font-size: 15px;
        color: #000;
        margin: 10px 10px 0 0;
        min-height: 60px;
        text-wrap: auto;
      }
      .similar-product-text {
        min-height: 45px;
        font-size: 13px;
        color: #5f5f61;
        margin: 0 10px 10px 0;
        text-wrap: auto;
        font-weight: 800;
      }
      .spt {
        font-size: 13px;
        font-weight: 900;
        margin-right: 3px;
      }
      .fa-shopping-cart {
        color: #e11c23;
        font-size: 24px;
      }
      .price {
        font-weight: 800;
      }
      .stars {
        margin: 0 10px 28px 10px;
      }
      .stars .fa-star {
        display: table-cell;
      }
      /* comments */
      .comment-count {
        padding-right: 5px;
        font-size: 18px;
        color: #838383;
      }
      .add-comment img {
        width: 15px;
        height: auto;
      }
      .add-comment-container {
        display: flex;
        align-items: center;
        justify-content: space-between;
      }
      .add-comment-container .product-introduce-container {
        width: 50%;
        margin-top: 0;
      }
      .add-comment-container button {
        font-size: 21px;
        font-weight: 500;
        padding: 12px 24px;
        color: #0124ff;
        background-color: #e6f3f9;
        border: none;
        border-radius: 12px;
      }
      /* user comment */
      .user img {
        width: 30px;
        height: auto;
        margin-left: 18px;
      }
      .user {
        display: flex;
        align-items: center;
        justify-content: flex-start;
      }
      .user-name {
        font-size: 18px;
        font-weight: 800;
      }
      .user-stars .fa-star {
        font-size: 25px;
        color: #fcde64;
        padding-top: 15px;
      }
      .date {
        color: #535353;
        font-size: 12px;
      }
      .user-comment {
        font-weight: 600;
        font-size: 18px;
        line-height: 2;
      }
      /* admin answer */
      .answer-img {
        width: 20px;
        height: auto;
        display: inline-block;
        margin-top: -18px;
      }
      .admin-answer-container {
        width: 100%;
        margin-top: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
      }
      .answer-icon {
        display: inline-block;
        margin-top: 20px;
        margin-right: 15px;
        width: 20px;
        height: auto;
      }
      .admin-answer-box-container {
        width: 95%;
        height: auto;
        background-color: #f2f2f4;
        border-radius: 12px;
        margin-top: -10px;
      }
      .admin-answer {
        margin-top: 20px;
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
      }
      .admin-detail-container {
        width: 100%;
        height: auto;
      }
      .admin-detail {
        width: 80%;
        height: auto;
        display: inline-block;
        color: #535353;
        font-size: 12px;
        margin-top: 18px;
      }
      .admin-name {
        font-size: 18px;
        font-weight: 600;
      }

      /*.logo {
        width: 44px;
        height: auto;
        border-radius: 50%;
        display: inline-block;
        margin-right: 10px;
        margin-top: -20px;
      }*/
      /* see more comments */
      .see-more-comments {
        width: auto;
        padding-bottom: 25px;
        color: #2ab5cc;
        margin-top: 25px;
        border-bottom: 2px solid #e2e2e2;
        padding-bottom: 40px;
      }
      .fa-angle-down {
        font-size: 17px;
        width: auto;
        padding: 0;
        margin: 4px 4px 0 0;
      }
      /* helpful comment */
      .helpful-comment {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        padding-left: 20px;
        color: #535353;
        padding-bottom: 5px;
        font-size: 14px;
      }
      .like-icon {
        width: 25px;
        height: auto;
        margin: 0 10px 10px 10px;
      }
      .dislike-icon {
        width: 25px;
        height: auto;
        margin: 0 10px 10px 10px;
      }
      .admin-text {
        padding: 10px 25px;
      }
      /* side bar */
      .sidebar {
        width: 100%;
        height: auto;
        background-color: #f7f7f7;
        border-radius: 8px;
        position: sticky;
        top: 10px;
        padding-bottom: 8px;
        border: 1px solid #dbdbdb;
      }
      .sidebar img {
        margin-left: 5px;
      }
      .available {
        font-size: 15px;
        font-weight: 500;
        border-bottom: 1px solid #e4e4e4;
        margin: 5px 10px;
        padding: 10px 5px;
      }
      .available img {
        width: 20px;
        height: auto;
      }
      .sidebar-free-delivery {
        font-size: 14px;
        font-weight: 700;
        color: #767676;
        border-bottom: 1px solid #e4e4e4;
        margin: 5px 10px;
        padding: 10px 5px;
      }
      .sidebar-free-delivery img {
        width: 24px;
        height: auto;
      }
      .kind {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-direction: column;
        font-size: 18px;
        border-bottom: 1px solid #e4e4e4;
        margin: 5px 10px;
        font-size: 100px;
        color: #fe0000;
        font-weight: 700;
        font-size: 28px;
        margin: 10px 0;
      }
      /* chevron down image / select  */
      .select {
        appearance: none;
        width: 100%;
        border-radius: 10px 10px;
        background: url(https://tpy.ir/wp-content/themes/hbtpy/desktop/prod-il-6.webp)
          no-repeat left #fff;
        background-size: 20px auto;
        background-position: 10px;
        display: inline-block;
      }
      .select:focus {
        box-shadow: 0 0 0 4px #b5cef1;
        outline: none;
        border: 1px solid #86b7fe;
      }
      .sidebar-price {
        padding: 10px 0;
      }
      .etesalat {
        text-align: center;
        font-size: 18px;
        font-weight: 600;
        margin: 5px 10px;
        border-bottom: 1px solid #e4e4e4;
        color: #494949;
        padding: 10px 0;
      }
      .y-btn {
        width: 45%;
        border: 1px solid #e4e4e4;
        border-radius: 8px;
        background-color: #fff;
        font-size: 20px;
        font-weight: 500;
        margin-top: 10px;
        padding: 5px 5px;
      }
      .n-btn {
        width: 45%;
        border: 1px solid #e4e4e4;
        border-radius: 8px;
        background-color: #fff;
        font-size: 20px;
        font-weight: 500;
        margin-top: 10px;
        padding: 5px 5px;
      }
      .last-price-update {
        height: 100px;
        display: flex;
        align-items: center;
        justify-content: space-around;
        flex-direction: column;
        color: #218859;
        font-size: 14px;
        font-weight: 600;
      }
      .add-to-kart {
        width: 90%;
        height: 50px;
        border: none;
        background-color: #fe0000;
        color: #fff;
        border-radius: 8px;
        font-size: 20px;
        font-weight: 400;
        padding: 2px;
      }

.hb-container {
    width: 1300px;
    margin: 0 auto;
}

section.hb-banner {
  text-align: center;
  background: #ef262e;
}
section.hb-banner img {
  display: block;
  margin: 0 auto;
}


.hb-notec {
    text-align: right;
    font-weight: bold;
    font-size: 12px;
    color: #e61010;
}
/* Popup container - can be anything you want */
.popup {
  position: relative;
  display: inline-block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* The actual popup */
.popup .popuptext {
  visibility: hidden;
  width: 250px;
  background-color: #555;
  color: #fff;
  font-size:13px;
  font-weight:normal;
  text-align:center;
  border-radius: 6px;
  padding: 8px 12px;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 0%;
  margin-left: -124px;
}

/* Popup arrow */
.popup .popuptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 80%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

/* Toggle this class - hide and show the popup */
.popup .show {
  visibility: visible;
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s;
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
  from {opacity: 0;} 
  to {opacity: 1;}
}

@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity:1 ;}
}

.dp-hb-btn {
    width: auto;
    height: 100%;
    border-radius: 12px;
    font-size:13px;
    padding: 10px 10px;
    position: relative;
    display: inline-block;
    text-align: center;
    background: #f4171e!important;
    color: #fff;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}
.qty-input {
  color: #000;
  background: #fff;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.qty-input .product-qty,
.qty-input .qty-count {
  background: transparent;
  color: inherit;
  font-weight: bold;
  font-size: 20px;
  border: none;
  display: inline-block;
  min-width: 0;
  height: 2.5rem;
  line-height: 1;
}
.qty-input .product-qty:focus,
.qty-input .qty-count:focus {
  outline: none;
}
.qty-input .product-qty {
  width: 60%;
  min-width: 0;
  display: inline-block;
  text-align: center;
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield;
}
.qty-input .product-qty::-webkit-outer-spin-button, .qty-input .product-qty::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0;
}
.qty-input .qty-count {
  padding: 0;
  cursor: pointer;
  width: 20%;
  font-size: 1.25em;
  text-indent: -100px;
  overflow: hidden;
  position: relative;
  background: #ececec;
}
.qty-input .qty-count:before, .qty-input .qty-count:after {
  content: "";
  height: 2px;
  width: 10px;
  position: absolute;
  display: block;
  background: #000;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.qty-input .qty-count--minus {
  /*border-right: 1px solid #e2e2e2;*/
}
.qty-input .qty-count--add {
  /*border-left: 1px solid #e2e2e2;*/
}
.qty-input .qty-count--add:after {
  transform: rotate(90deg);
}
.qty-input .qty-count:disabled {
  color: #ccc;
  background: #f2f2f2;
  cursor: not-allowed;
  border-color: transparent;
}
.qty-input .qty-count:disabled:before, .qty-input .qty-count:disabled:after {
  background: #ccc;
}
.qty-input {
  border-radius: 4px;
  border: 1px solid #dcdcdc;
  /*box-shadow: 0 1em 2em -0.9em rgba(0, 0, 0, 0.7);
  transform: scale(1.5);*/
}
.hb-warning{
    border: 3px dashed #ffc107;
    padding: 10px 10px;
    color: #fff;
    border-radius: 10px 10px;
    background: #212529;
}
.hb-cons-nform {
  /*padding: 4px 20px;
  background: #b9deff;*/
}
.hb-cons-nform input[type="radio"] {
  padding: 10px;
  font-size: 17px;
  border: 1px solid #aaaaaa;
  display:none;
}
.hb-cons-nform label.label{
    width:100%;
    display:block;
    text-align:center;
    background:#fff;
    margin-bottom:6px;
    border-radius:6px 6px;
    padding:4px 0;
    font-weight: normal;
    cursor: pointer;
    font-size:17px!important;
}
.hb-cons-nform label.label:hover{
    background:#04AA6D;
    color:#fff;
}
.hb-cons-nform input.invalid {
  background-color: #ffdddd;
}
.hb-cons-nform .tab {
  display: none;
}
.hb-cons-nform .hb-cons-snumber{
    display: none;
}
.hb-cons-nform .hb-cons-stitle{
    display: none;
}
.hb-cons-nform button {
  background-color: #04AA6D;
  border: none;
  cursor: pointer;
  margin-bottom: 6px;
color: #fff;
width: 100%;
border-radius: 6px 6px;
text-align: center;
padding: 4px 4px;
}
.hb-cons-nform button:hover {
  opacity: 0.8;
}
.hb-cons-nform #prevBtn {
  background-color: #bbbbbb;
}
.hb-cons-nform .step {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbbbbb;
  border: none;  
  border-radius: 50%;
  display: none;
  opacity: 0.5;
}
.hb-cons-nform .step.active {
  opacity: 1;
}
.hb-cons-nform .step.finish {
  background-color: #04AA6D;
}

.hb-cons-nform input[type="radio"]:checked {
    background-color: #e61010;
    color:#fff;
}

.hb-cons-nform .qty-input button{
    margin-bottom:0;
    border-radius:0;
}

@-moz-keyframes translateX {
  0% {
    opacity: 0;
    transform: translateX(60px);
  }
  80% {
    transform: translateX(-5px);
  }
  100% {
    opacity: 1;
    transform: translateX(0px);
  }
}
@-webkit-keyframes translateX {
  0% {
    opacity: 0;
    transform: translateX(60px);
  }
  80% {
    transform: translateX(-5px);
  }
  100% {
    opacity: 1;
    transform: translateX(0px);
  }
}
@-o-keyframes translateX {
  0% {
    opacity: 0;
    transform: translateX(60px);
  }
  80% {
    transform: translateX(-5px);
  }
  100% {
    opacity: 1;
    transform: translateX(0px);
  }
}
@keyframes translateX {
  0% {
    opacity: 0;
    transform: translateX(60px);
  }
  80% {
    transform: translateX(-5px);
  }
  100% {
    opacity: 1;
    transform: translateX(0px);
  }
}
.hb-cons-nform [class^="hb-cons-ditem-"]{
    transform-origin:top center;
    animation:translateX .3s .1s ease-in-out forwards;
}
.hb-cons-nform .hb-cons-ditem-back {
  transform-origin: top center;
  animation: translateX 300ms 100ms ease-in-out forwards;
}
.hb-cons-nform .hb-cons-ditem-back label {
background:#8d8d8d!important;
color: #fff;
width: 50%;
border-radius: 6px 6px;
text-align: center;
padding: 4px 4px;
}

.hb-box-cons{
    padding:10px 10px;
	font-size:13px;
}

.hb-pays{
    border-top: 2px dashed #adadad;
    text-align: center;
    padding: 10px 15px;
}

.hbtooltip {
  cursor: help;
  position: relative;
  display: inline-block;
}

.hbtooltip .hbtooltiptext {
  visibility: hidden;
  width: 250px;
  background-color: #555;
  color: #fff;
  text-align: right;
	font-size:13px;
  font-weight:normal;
  border-radius: 6px;
  padding: 5px 10px;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  right: 0%;
  margin-left:0;
  opacity: 0;
  transition: opacity 0.3s;
}

.hbtooltip .hbtooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  right: 2%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.hbtooltip:hover .hbtooltiptext {
  visibility: visible;
  opacity: 1;
}
.hb-fa-info{
    color:#e61010;
}
.hb-infoconns{
    font-size:15px;
    margin:0 0 10px 0;
    text-align:right;
}
.hb-btns-check:after{
	content: '';
	display:table;
	clear:both;
}
.hb-btns-check .form-check{
	display: inline-block;
    width: 48%;
    padding-left: 0;
}
.hb-btns-check label{
	display: inline-block;
    min-height: 1.5rem;
    margin: 0 1px 10px 1px;
    border-radius: 4px 4px;
    padding: 15px 50px;
    font-size: 15px;
    background: #f1f2f2;
    border: 2px solid #d6d6d6;
    width: 100%;
    text-align: right;
}
	
#extra-info1 {
    display: none;
    padding: 1rem;
    background: #faebd7;
}
#extra-info2 {
    display: none;
    padding: 1rem;
    background: #faebd7;
}

#hb-cons-form .form-check .form-check-input {
    float: right;
    margin-right: -1.1em;
}

#hb-fixed{
	z-index:999;
}

.hb-select-ab {
    width: 100%;
    background: url(https://tpy.ir/wp-content/themes/hbtpy/desktop/prod-il-6.webp) no-repeat left #fff;
    background-size: 20px auto;
    display: inline-block;
	border: 2px solid #999a9b;
    border-radius: 4px 4px;
    background-position: 10px 20px;
    padding: 15px 10px;
    font-size: 19px;
}
#select_hb_desk.hb-select-ab {
	width: 90%;}

#mainForm{position: sticky;
    top: 10px;}
	#mainForm .form-check .form-check-input {float: right;margin-right: -1.1em;}
	#mainForm .hb-btns-check .form-check:first-child{width:44%;margin-right:3%;}
	#mainForm .hb-btns-check .form-check{width:44%;}
	#mainForm .hb-quesoneyn-p{font-size: 17px;font-weight: 700;margin: 10px 10px 4px 10px;}
	
	.hb-fixed{z-index: 99999;
    right: 0;
    background: #ededed;
    position: fixed;
    padding: 8px 0 12px 0;
    left: 0;
    bottom: 0;
    width: 100%;
    box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
    text-align: center;}
	.hb-fixed .add-to-kart{height:auto;
    border-radius: 12px;
    font-size: 13px;
    padding: 12px 10px;
    position: relative;
    display: inline-block;
    text-align: center;
    background: #f4171e !important;
    color: #fff;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;}
	.hb-fixed .add-to-kart img{height: 14px;width: auto;}
	.hb-fixed .col-6:first-child{padding-right:0;padding-left:0;}
	.hb-fixed .col-6:last-child{margin-top:10px;}
	.hb-fixed .text-muted{font-size:11px;}

		  

      /* RWD */
      @media only screen and (max-width: 320px) {
		  /* banner */
  .hb-dd-banner {
    display: none;
  }
  .hb-dw-banner {
    display: block;
  }
  .hb-banner,
  .hb-container {
    width: 100% !important;
  }
        /* w-90% */
        .aa-container-fluid {
          width: 90%;
          margin-bottom: 0;
        }

        /* slider */

        .main-slider {
          width: 100%;
          margin: 0;
        }

        .slider-container {
          width: 100%;
          margin-bottom: 0;
          box-shadow:
            rgba(14, 30, 37, 0.12) 0 2px 4px 0px,
            rgba(14, 30, 37, 0.32) 0 2px 16px 0;
        }

        .nav-btn {
          top: 90%;
        }

        .thumbs-container,
        .product-detail {
          display: none;
        }

        .thumb-slide {
          padding: 0;
        }

        .thumbs-slider {
          padding-bottom: 25px;
        }

        .thumb-slide img {
          padding: 2px;
          border-radius: 4px;
        }

        .scs {
          padding: 0;
        }

        .swiper-pagination {
          display: flex;
          margin-bottom: 10px;
        }

        .swiper-pagination-bullet {
          border: #fff 1px solid;
          width: 7px;
          height: 7px;
          background-color: #464646 !important;
        }

        .swiper-pagination-bullet-active {
          background-color: #e61010 !important;
          width: 10px;
          height: 10px;
        }

        /* h1 red border right */

        .h1-red-con {
          position: relative;
          margin-top: 20px;
        }

        .h1-red {
          font-size: 20px;
          font-weight: 800;
          padding: 5px 8px 5px 0;
        }

        .h1-red::after {
          content: "";
          position: absolute;
          right: -5.5%;
          top: 0;
          bottom: 0;
          width: 8px;
          background: #e61010;
          border-radius: 10px 10px;
        }

        /* right red border */

        .product-introduce-container {
          position: relative;
          margin-top: 20px;
        }

        .product-introduce {
          font-size: 20px;
          font-weight: 800;
          padding: 5px 9px 5px 0;
        }

        .product-introduce::after {
          content: "";
          position: absolute;
          right: -16px;
          top: 0;
          bottom: 0;
          width: 8px;
          background: #e61010;
          border-radius: 10px 10px;
        }

        /* titles */

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

        .detail {
          border: none;
        }

        .product-feature-title {
          font-size: 19px;
        }

        .product-size div {
          text-align: center;
          font-size: 17px;
          font-weight: 400;
        }

        .scores {
          display: flex !important;
          border-top: 1px solid #ccc;
          width: 100%;
          margin: 15px 0 20px 0;
        }

        .scores div {
          font-size: 14px;
        }

        .scores .lb {
          border-left: 1px solid #ccc;
          color: #81858b;
          padding-left: 10px;
        }

        .score-item {
          display: inline-block;
          margin: 2px;
          padding: 2px;
          text-align: center;
        }

        .sci {
          width: 15px;
          height: auto;
        }

        .sti {
          width: 15px;
          height: auto;
        }

        .score-star {
          font-size: 15px;
        }

        .detail .fa-star {
          display: table-cell;
          display: none;
        }

        .title {
          display: none;
          font-size: 17px;
          line-height: 19px;
          margin-top: 5px;
        }

        .tb span {
          margin-right: 4px;
        }

        .product-code-con {
          margin: 0;
        }

        .category {
          margin-top: 10px;
        }

        .product-feature-title {
          margin-top: 12px;
        }

        /* aa */

        .aa-select-con {
          display: block !important;
          padding: 10px 0 10px 0;
          /* border: 2px solid red; */
          font-size: 17px;
          font-weight: 700;
          border-bottom: 1px solid #999999;
          margin-top: 20px;
        }

        .aa-select {
          width: 100% !important;
          height: 60px !important;
          border: 2px solid #999a9b !important;
          border-radius: 5px !important;
          font-weight: 400 !important;
          margin: 0 !important;
          font-size: 19px !important;
        }

        .aa-p {
          margin: 10px 0;
          color: #000;
          font-size: 23px;
          font-weight: 900;
        }

        .aa-p span {
          font-weight: 700 !important;
        }

        .aa-etesalat {
          margin-bottom: 10px;
        }

        .aa-etesalat-text {
          margin-right: 5px;
          font-weight: 600;
        }

        .aa-etesalat-btn {
          margin-top: 12px;
          display: flex;
          align-items: center;
          justify-content: space-around;
        }

        .aa-etesalat-btn button {
          border-radius: 4px 4px;
          width: 48%;
          padding: 15px 50px;
          background: #f1f2f2;
          border: 2px solid #d6d6d6;
          font-size: 19px;
        }

        .kind {
          border-bottom: 1px solid #999999;
        }

        /* aa product detail container */

        .aa-pd-con {
          display: block !important;
          padding: 0;
        }

        .aa-pd-con a {
          text-decoration: none;
        }

        .aa-pd {
          border-bottom: 1px solid #999999;
          padding: 20px 0;
          font-weight: normal;
          font-size: 11px;
        }

        .aa-pd img {
          width: 15px;
          height: auto;
        }

        /* product-size */

        .product-size {
          padding: 0;
          margin: 0;
          border-bottom: 1px solid #ddd;
        }

        .product-size div {
          width: 50%;
        }

        .size-guide-container div {
          font-size: 15px;
          font-weight: 400;
        }

        .ruler {
          width: 40%;
          text-align: center !important;
          padding: 0 !important;
        }

        .ruler img {
          width: 25px;
          margin: 0;
        }

        .ruler a {
          font-size: 15px;
        }

        .size-guide-container div:first-child {
          padding-right: 15px !important;
          width: 60%;
        }

        .product-feature {
          margin: 0;
          padding: 0;
        }

        .pf {
          padding: 0;
        }

        /* free delivery */

        .free-delivery-container {
          display: none;
          background-size: 75px;
          padding-bottom: 60px;
        }

        .free-delivery-text {
          font-size: 12px;
        }

        .free-delivery-title {
          font-size: 13px;
        }

        /* info */

        .info {
          display: none;
          font-size: 12.5px;
          line-height: 2;
          text-align: justify;
        }

        /* delivery */

        .delivery {
          display: none;
          margin-top: 10px;
        }

        .delivery-item {
          width: 50%;
          display: inline-block;
          justify-content: flex-start !important;
          margin: 10px 0;
          font-size: 1px;
          text-align: center;
        }

        .delivery-item img {
          display: block;
          margin: 0 auto;
        }

        .delivery-item div {
          margin-top: 5px;
          font-size: 13px;
          padding: 0;
          display: block;
        }

        /* product info */

        .product-information {
          margin-top: 30px;
          border: none;
        }

        .product-info {
          font-size: 20px;
          font-weight: 800;
        }

        .product-info::after {
          border-bottom: none;
        }

        /* pfb */

        .pfb-b,
        .pfb-c {
          font-size: 14px;
          background-color: #f5f4f9;
        }

        .pfb-d {
          margin-top: 28px;
        }

        .pfb-eb {
          font-size: 14px;
        }

        main p {
          font-size: 14px;
          text-align: justify;
        }

        /* product introduce */

        .product-introduce {
          font-size: 17px;
        }

        .product-vid-text {
          text-align: justify;
        }

        /* tank pic */

        main img {
          width: 100%;
        }

        .tank-pic-text {
          padding: 10px 0;
          text-align: center;
        }

        .tank-detail-table .row .col-5 {
          font-size: 13px;
        }

        .tank-detail-table .row .fn {
          font-size: 13px;
        }

        .tank-detail-img {
          width: 100%;
          padding-right: 0;
        }

        .tank-detail {
          padding-bottom: 12px;
        }

        .tank-detail-table {
          padding: 0;
        }

        /* comment */

        .user-stars .fa-star {
          font-size: 16px;
        }

        .user img {
          width: 25px;
          margin-left: 8px;
        }

        .user-name {
          font-size: 14px;
        }

        .date {
          font-size: 12px;
        }

        .user-comment {
          font-size: 14px;
          text-align: justify;
        }

        .logo {
          margin-right: 10px;
        }

        .admin-detail-container {
          width: 100%;
        }

        .admin-answer-container {
          margin-top: 35px;
        }

        .admin-detail {
          width: 70%;
        }

        .admin-text {
          padding: 20px 10px 20px 10px;
          text-align: justify;
          font-size: 13px;
        }

        .admin-name {
          font-size: 14px;
        }

        .add-comment-container button {
          display: inline-block;
          font-size: 12px;
        }

        .add-comment img {
          width: 10px;
        }

        .admin-answer-box-container {
          width: 92%;
        }

        .answer-icon {
          margin: 0;
          padding-left: 2px;
        }

        .comment-count {
          font-size: 14px;
        }

        .helpful-comment {
          padding: 0;
        }

        .like-icon {
          width: 20px;
        }

        .dislike-icon {
          width: 20px;
        }

        .see-more-comments {
          padding-bottom: 10px;
        }

        /* sidebar */

        aside {
          margin: 0;
          padding: 0px !important;
          display: flex;
          align-items: center;
          justify-content: center;
          display: none;
        }

        .sidebar {
          width: 93%;
          margin: 25px 0 0 0;
        }

        /* standards */

        .standards ul {
          padding: 8px 0;
        }

        .st {
          width: 90%;
          margin-top: 15px;
        }

        .standards {
          margin: 0;
        }

        .standards ul {
          border-bottom: 1px solid #d8d8d8;
          display: flex;
          align-items: center;
          justify-content: space-between;
          padding: 0;
        }

        .standards li {
          width: 14%;
          margin-top: 10px;
        }

        .standards li img {
          width: 100%;
          margin-left: 0;
          padding: 5px;
        }

        .standards li:last-child {
          display: none;
        }

        .see-more-comments {
          border-bottom: 1px solid #d8d8d8;
        }
      }
      @media only screen and (min-width: 321px) and (max-width: 420px) {
		  /* banner */
  .hb-dd-banner {
    display: none;
  }
  .hb-dw-banner {
    display: block;
  }
  .hb-banner,
  .hb-container {
    width: 100%;
  }
        /* w-90% */
        .aa-container-fluid {
          width: 90%;
          margin-bottom: 0;
        }

        /* slider */

        .main-slider {
          width: 100%;
          margin: 0;
        }

        .slider-container {
          width: 100%;
          margin-bottom: 0;
          box-shadow:
            rgba(14, 30, 37, 0.12) 0 2px 4px 0px,
            rgba(14, 30, 37, 0.32) 0 2px 16px 0;
        }

        .nav-btn {
          top: 90%;
        }

        .thumbs-container,
        .product-detail {
          display: none;
        }

        .thumb-slide {
          padding: 0;
        }

        .thumbs-slider {
          padding-bottom: 25px;
        }

        .thumb-slide img {
          padding: 2px;
          border-radius: 4px;
        }

        .scs {
          padding: 0;
        }

        .swiper-pagination {
          display: flex;
          margin-bottom: 15px;
        }

        .swiper-pagination-bullet {
          border: #fff 1px solid;
          width: 7px;
          height: 7px;
          background-color: #464646 !important;
        }

        .swiper-pagination-bullet-active {
          background-color: #e61010 !important;
          width: 10px;
          height: 10px;
        }

        /* h1 red border right */

        .h1-red-con {
          position: relative;
          margin-top: 20px;
        }

        .h1-red {
          font-size: 20px;
          font-weight: 800;
          padding: 5px 8px 5px 0;
        }

        .h1-red::after {
          content: "";
          position: absolute;
          right: -5.5%;
          top: 0;
          bottom: 0;
          width: 8px;
          background: #e61010;
          border-radius: 10px 10px;
        }

        /* right red border */

        .product-introduce-container {
          position: relative;
          margin-top: 20px;
        }

        .product-introduce {
          font-size: 20px;
          font-weight: 800;
          padding: 5px 9px 5px 0;
        }

        .product-introduce::after {
          content: "";
          position: absolute;
          right: -5.5%;
          top: 0;
          bottom: 0;
          width: 8px;
          background: #e61010;
          border-radius: 10px 10px;
        }

        /* titles */

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

        .detail {
          border: none;
        }

        .product-feature-title {
          font-size: 19px;
        }

        .product-size div {
          text-align: center;
          font-size: 17px;
          font-weight: 400;
        }

        .scores {
          display: flex !important;
          border-top: 1px solid #ccc;
          width: 100%;
          margin: 15px 0 20px 0;
        }

        .scores div {
          font-size: 14px;
        }

        .scores .lb {
          border-left: 1px solid #ccc;
          color: #81858b;
          padding-left: 10px;
        }

        .score-item {
          display: inline-block;
          margin: 2px;
          padding: 2px;
          text-align: center;
        }

        .sci {
          width: 15px;
          height: auto;
        }

        .sti {
          width: 15px;
          height: auto;
        }

        .score-star {
          font-size: 15px;
        }

        .detail .fa-star {
          display: table-cell;
          display: none;
        }

        .title {
          display: none;
          font-size: 17px;
          line-height: 19px;
          margin-top: 5px;
        }

        .tb span {
          margin-right: 4px;
        }

        .product-code-con {
          margin: 0;
        }

        .category {
          margin-top: 10px;
        }

        .product-feature-title {
          margin-top: 12px;
        }

        /* aa */

        .aa-select-con {
          display: block !important;
          padding: 10px 0 10px 0;
          font-size: 17px;
          font-weight: 700;
          border-bottom: 1px solid #999999;
          margin-top: 20px;
        }

        .aa-select {
          width: 100% !important;
          height: 60px !important;
          border: 2px solid #999a9b !important;
          border-radius: 5px !important;
          font-weight: 400 !important;
          margin: 0 !important;
          font-size: 19px !important;
        }

        .aa-p {
          margin: 10px 0;
          color: #000;
          font-size: 23px;
          font-weight: 900;
        }

        .aa-p span {
          font-weight: 700 !important;
        }

        .aa-etesalat {
          margin-bottom: 10px;
        }

        .aa-etesalat-text {
          margin-right: 5px;
          font-weight: 600;
        }

        .aa-etesalat-btn {
          margin-top: 12px;
          display: flex;
          align-items: center;
          justify-content: space-around;
        }

        .aa-etesalat-btn button {
          border-radius: 4px 4px;
          width: 48%;
          padding: 15px 50px;
          background: #f1f2f2;
          border: 2px solid #d6d6d6;
          font-size: 19px;
        }

        .kind {
          border-bottom: 1px solid #999999;
        }

        /* aa product detail container */

        .aa-pd-con {
          display: block !important;
          padding: 0;
        }

        .aa-pd-con a {
          text-decoration: none;
        }

        .aa-pd {
          border-bottom: 1px solid #999999;
          padding: 20px 0;
          font-size: 12px;
          font-weight: normal;
          font-size: 12px;
        }

        .aa-pd img {
          width: 20px;
          height: auto;
        }

        /* product-size */

        .product-size {
          padding: 0;
          margin: 0;
          border-bottom: 1px solid #ddd;
        }

        .product-size div {
          width: 50%;
        }

        .size-guide-container div {
          font-size: 15px;
          font-weight: 400;
        }

        .ruler {
          width: 50%;
          text-align: left !important;
          padding: 0 !important;
          padding-left: 10px !important;
        }

        .ruler img {
          width: 25px;
          margin: 0;
        }

        .ruler a {
          font-size: 15px;
        }

        .size-guide-container div:first-child {
          padding-right: 15px !important;
          width: 50%;
        }

        .product-feature {
          margin: 0;
          padding: 0;
        }

        .pf {
          padding: 0;
        }

        /* free delivery */

        .free-delivery-container {
          display: none;
          background-size: 75px;
          padding-bottom: 60px;
        }

        .free-delivery-text {
          font-size: 12px;
        }

        .free-delivery-title {
          font-size: 13px;
        }

        /* info */

        .info {
          display: none;
          font-size: 12.5px;
          line-height: 2;
          text-align: justify;
        }

        /* delivery */

        .delivery {
          display: none;
          margin-top: 10px;
        }

        .delivery-item {
          width: 50%;
          display: inline-block;
          justify-content: flex-start !important;
          margin: 10px 0;
          font-size: 1px;
          text-align: center;
        }

        .delivery-item img {
          display: block;
          margin: 0 auto;
        }

        .delivery-item div {
          margin-top: 5px;
          font-size: 13px;
          padding: 0;
          display: block;
        }

        /* product info */

        .product-information {
          margin-top: 30px;
          border: none;
        }

        .product-info {
          font-size: 20px;
          font-weight: 800;
        }

        .product-info::after {
          border-bottom: none;
        }

        /* pfb */

        .pfb-b,
        .pfb-c {
          font-size: 14px;
          background-color: #f5f4f9;
        }

        .pfb-d {
          margin-top: 28px;
        }

        .pfb-eb {
          font-size: 14px;
        }

        main p {
          font-size: 14px;
          text-align: justify;
        }

        /* product introduce */

        .product-introduce {
          font-size: 17px;
        }

        .product-vid-text {
          text-align: justify;
        }

        /* tank pic */

        main img {
          width: 100%;
        }

        .tank-pic-text {
          padding: 10px 0;
          text-align: center;
        }

        .tank-detail-table .row .col-5 {
          font-size: 13px;
        }

        .tank-detail-table .row .fn {
          font-size: 13px;
        }

        .tank-detail-img {
          width: 100%;
          padding-right: 0;
        }

        .tank-detail {
          padding-bottom: 12px;
        }

        .tank-detail-table {
          padding: 0;
        }

        /* comment */

        .user-stars .fa-star {
          font-size: 16px;
        }

        .user img {
          width: 25px;
          margin-left: 8px;
        }

        .user-name {
          font-size: 14px;
        }

        .date {
          font-size: 12px;
        }

        .user-comment {
          font-size: 14px;
          text-align: justify;
        }

        .logo {
          margin-right: 10px;
        }

        .admin-detail-container {
          width: 100%;
        }

        .admin-answer-container {
          margin-top: 35px;
        }

        .admin-detail {
          width: 70%;
        }

        .admin-text {
          padding: 20px 10px 20px 10px;
          text-align: justify;
          font-size: 13px;
        }

        .admin-name {
          font-size: 14px;
        }

        .add-comment-container button {
          display: inline-block;
          font-size: 12px;
        }

        .add-comment img {
          width: 10px;
        }

        .admin-answer-box-container {
          width: 92%;
        }

        .answer-icon {
          margin: 0;
          padding-left: 2px;
        }

        .comment-count {
          font-size: 14px;
        }

        .helpful-comment {
          padding: 0;
        }

        .like-icon {
          width: 20px;
        }

        .dislike-icon {
          width: 20px;
        }

        .see-more-comments {
          padding-bottom: 10px;
        }

        /* sidebar */

        aside {
          margin: 0;
          padding: 0px !important;
          display: flex;
          align-items: center;
          justify-content: center;
          display: none;
        }

        .sidebar {
          width: 93%;
          margin: 25px 0 0 0;
        }

        .see-more-comments {
          border-bottom: 1px solid #d8d8d8;
        }

        /* font sizes in 320 */
        .product-feature-title {
          font-size: 15px;
        }

        .product-size div,
        .dp-fc-vahed {
          font-size: 15px;
        }

        .size-guide-container div:first-child {
          font-size: 12px;
        }

        .aa-pd {
          font-size: 13px;
        }

        .category,
        .product-code-con,
        .tb,
        .mii {
          font-size: 14.5px;
        }

        .pfb-b,
        .pfb-c {
          font-size: 13.5px;
        }

        .pfb-d {
          margin-top: 30px;
          margin-bottom: 10px;
        }

        .pfb-eb a {
          font-size: 13.5px;
        }

        .user-name,
        .admin-name {
          font-size: 16px;
        }

        .add-comment-container button {
          font-size: 16px;
        }

        .aa-advice {
          font-size: 6px;
        }
      }
      @media only screen and (min-width: 421px) and (max-width: 520px) {
		  /* banner */
.hb-dd-banner {
    display: none;
  }
  .hb-dw-banner {
    display: block;
  }
  .hb-banner,
  .hb-container {
    width: 100%;
  }
        /* w-90% */
        .aa-container-fluid {
          width: 90%;
          margin-bottom: 0;
        }

        /* slider */

        .main-slider {
          width: 100%;
          margin: 0;
        }

        .slider-container {
          width: 100%;
          margin-bottom: 0;
          box-shadow:
            rgba(14, 30, 37, 0.12) 0 2px 4px 0px,
            rgba(14, 30, 37, 0.32) 0 2px 16px 0;
        }

        .nav-btn {
          top: 90%;
        }

        .thumbs-container,
        .product-detail {
          display: none;
        }

        .thumb-slide {
          padding: 0;
        }

        .thumbs-slider {
          padding-bottom: 25px;
        }

        .thumb-slide img {
          padding: 2px;
          border-radius: 4px;
        }

        .scs {
          padding: 0;
        }

        .swiper-pagination {
          display: flex;
          margin-bottom: 20px;
        }

        .swiper-pagination-bullet {
          border: #fff 1px solid;
          width: 7px;
          height: 7px;
          background-color: #464646 !important;
        }

        .swiper-pagination-bullet-active {
          background-color: #e61010 !important;
          width: 10px;
          height: 10px;
        }

        /* h1 red border right */

        .h1-red-con {
          position: relative;
          margin-top: 20px;
        }

        .h1-red {
          font-size: 20px;
          font-weight: 800;
          padding: 5px 8px 5px 0;
        }

        .h1-red::after {
          content: "";
          position: absolute;
          right: -5.5%;
          top: 0;
          bottom: 0;
          width: 8px;
          background: #e61010;
          border-radius: 10px 10px;
        }

        /* right red border */

        .product-introduce-container {
          position: relative;
          margin-top: 20px;
        }

        .product-introduce {
          font-size: 20px;
          font-weight: 800;
          padding: 5px 9px 5px 0;
        }

        .product-introduce::after {
          content: "";
          position: absolute;
          right: -5.5%;
          top: 0;
          bottom: 0;
          width: 8px;
          background: #e61010;
          border-radius: 10px 10px;
        }

        /* titles */

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

        .detail {
          border: none;
        }

        .product-feature-title {
          font-size: 19px;
        }

        .product-size div {
          text-align: center;
          font-size: 17px;
          font-weight: 400;
        }

        .scores {
          display: flex !important;
          border-top: 1px solid #ccc;
          width: 100%;
          margin: 15px 0 20px 0;
        }

        .scores div {
          font-size: 14px;
        }

        .scores .lb {
          border-left: 1px solid #ccc;
          color: #81858b;
          padding-left: 10px;
        }

        .score-item {
          display: inline-block;
          margin: 2px;
          padding: 2px;
          text-align: center;
        }

        .sci {
          width: 15px;
          height: auto;
        }

        .sti {
          width: 15px;
          height: auto;
        }

        .score-star {
          font-size: 15px;
        }

        .detail .fa-star {
          display: table-cell;
          display: none;
        }

        .title {
          display: none;
          font-size: 17px;
          line-height: 19px;
          margin-top: 5px;
        }

        .tb span {
          margin-right: 4px;
        }

        .product-code-con {
          margin: 0;
        }

        .category {
          margin-top: 10px;
        }

        .product-feature-title {
          margin-top: 12px;
        }

        /* aa */

        .aa-select-con {
          display: block !important;
          padding: 10px 0 10px 0;
          /* border: 2px solid red; */
          font-size: 17px;
          font-weight: 700;
          border-bottom: 1px solid #999999;
          margin-top: 20px;
        }

        .aa-select {
          width: 100% !important;
          height: 60px !important;
          border: 2px solid #999a9b !important;
          border-radius: 5px !important;
          font-weight: 400 !important;
          margin: 0 !important;
          font-size: 19px !important;
        }

        .aa-p {
          margin: 10px 0;
          color: #000;
          font-size: 23px;
          font-weight: 900;
        }

        .aa-p span {
          font-weight: 700 !important;
        }

        .aa-etesalat {
          margin-bottom: 10px;
        }

        .aa-etesalat-text {
          margin-right: 5px;
          font-weight: 600;
        }

        .aa-etesalat-btn {
          margin-top: 12px;
          display: flex;
          align-items: center;
          justify-content: space-around;
        }

        .aa-etesalat-btn button {
          border-radius: 4px 4px;
          width: 48%;
          padding: 15px 50px;
          background: #f1f2f2;
          border: 2px solid #d6d6d6;
          font-size: 19px;
        }

        .kind {
          border-bottom: 1px solid #999999;
        }

        /* aa product detail container */

        .aa-pd-con {
          display: block !important;
          padding: 0;
        }

        .aa-pd-con a {
          text-decoration: none;
        }

        .aa-pd {
          border-bottom: 1px solid #999999;
          padding: 20px 0;
          font-size: 12px;
          font-weight: normal;
          font-size: 12px;
        }

        .aa-pd img {
          width: 20px;
          height: auto;
        }

        /* product-size */

        .product-size {
          padding: 0;
          margin: 0;
          border-bottom: 1px solid #ddd;
        }

        .product-size div {
          width: 50%;
        }

        .size-guide-container div {
          font-size: 15px;
          font-weight: 400;
        }

        .ruler {
          width: 50%;
          text-align: left !important;
          padding: 0 !important;
          padding-left: 10px !important;
        }

        .ruler img {
          width: 25px;
          margin: 0;
        }

        .ruler a {
          font-size: 15px;
        }

        .size-guide-container div:first-child {
          padding-right: 15px !important;
          width: 50%;
        }

        .product-feature {
          margin: 0;
          padding: 0;
        }

        .pf {
          padding: 0;
        }

        /* free delivery */

        .free-delivery-container {
          display: none;
          background-size: 75px;
          padding-bottom: 60px;
        }

        .free-delivery-text {
          font-size: 12px;
        }

        .free-delivery-title {
          font-size: 13px;
        }

        /* info */

        .info {
          display: none;
          font-size: 12.5px;
          line-height: 2;
          text-align: justify;
        }

        /* delivery */

        .delivery {
          display: none;
          margin-top: 10px;
        }

        .delivery-item {
          width: 50%;
          display: inline-block;
          justify-content: flex-start !important;
          margin: 10px 0;
          font-size: 1px;
          text-align: center;
        }

        .delivery-item img {
          display: block;
          margin: 0 auto;
        }

        .delivery-item div {
          margin-top: 5px;
          font-size: 13px;
          padding: 0;
          display: block;
        }

        /* product info */

        .product-information {
          margin-top: 30px;
          border: none;
        }

        .product-info {
          font-size: 20px;
          font-weight: 800;
        }

        .product-info::after {
          border-bottom: none;
        }

        /* pfb */

        .pfb-b,
        .pfb-c {
          font-size: 14px;
          background-color: #f5f4f9;
        }

        .pfb-d {
          margin-top: 28px;
        }

        .pfb-eb {
          font-size: 14px;
        }

        main p {
          font-size: 14px;
          text-align: justify;
        }

        /* product introduce */

        .product-introduce {
          font-size: 17px;
        }

        .product-vid-text {
          text-align: justify;
        }

        /* tank pic */

        main img {
          width: 100%;
        }

        .tank-pic-text {
          padding: 10px 0;
          text-align: center;
        }

        .tank-detail-table .row .col-5 {
          font-size: 13px;
        }

        .tank-detail-table .row .fn {
          font-size: 13px;
        }

        .tank-detail-img {
          width: 100%;
          padding-right: 0;
        }

        .tank-detail {
          padding-bottom: 12px;
        }

        .tank-detail-table {
          padding: 0;
        }

        /* comment */

        .user-stars .fa-star {
          font-size: 16px;
        }

        .user img {
          width: 25px;
          margin-left: 8px;
        }

        .user-name {
          font-size: 14px;
        }

        .date {
          font-size: 12px;
        }

        .user-comment {
          font-size: 14px;
          text-align: justify;
        }

        .logo {
          margin-right: 10px;
        }

        .admin-detail-container {
          width: 100%;
        }

        .admin-answer-container {
          margin-top: 35px;
        }

        .admin-detail {
          width: 70%;
        }

        .admin-text {
          padding: 20px 10px 20px 10px;
          text-align: justify;
          font-size: 13px;
        }

        .admin-name {
          font-size: 14px;
        }

        .add-comment-container button {
          display: inline-block;
          font-size: 12px;
        }

        .add-comment img {
          width: 10px;
        }

        .admin-answer-box-container {
          width: 92%;
        }

        .answer-icon {
          margin: 0;
          padding-left: 2px;
        }

        .comment-count {
          font-size: 14px;
        }

        .helpful-comment {
          padding: 0;
        }

        .like-icon {
          width: 20px;
        }

        .dislike-icon {
          width: 20px;
        }

        .see-more-comments {
          padding-bottom: 10px;
        }

        /* sidebar */

        aside {
          margin: 0;
          padding: 0px !important;
          display: flex;
          align-items: center;
          justify-content: center;
          display: none;
        }

        .sidebar {
          width: 93%;
          margin: 25px 0 0 0;
        }

        /* font size */
        .product-feature-title {
          font-size: 15px;
        }

        .product-size div,
        .dp-fc-vahed {
          font-size: 15px;
        }

        .size-guide-container div:first-child {
          font-size: 15px;
        }

        .aa-pd {
          font-size: 13px;
        }

        .category,
        .product-code-con,
        .tb,
        .mii {
          font-size: 14.5px;
        }

        .pfb-b,
        .pfb-c {
          font-size: 13.5px;
        }

        .pfb-d {
          margin-top: 30px;
          margin-bottom: 10px;
        }

        .pfb-eb a {
          font-size: 13.5px;
        }

        .user-name,
        .admin-name {
          font-size: 16px;
        }

        .add-comment-container button {
          font-size: 16px;
        }
      }
      @media only screen and (min-width: 521px) and (max-width: 620px) {
		   /* banner */
.hb-dd-banner {
    display: none;
  }
  .hb-dw-banner {
    display: block;
  }
  .hb-banner,
  .hb-container {
    width: 100%;
  }
        /* w-90% */
        .aa-container-fluid {
          width: 90%;
          margin-bottom: 0;
        }

        /* slider */

        .main-slider {
          width: 100%;
          margin: 0;
        }

        .slider-container {
          width: 100%;
          margin-bottom: 0;
          box-shadow:
            rgba(14, 30, 37, 0.12) 0 2px 4px 0px,
            rgba(14, 30, 37, 0.32) 0 2px 16px 0;
        }

        .nav-btn {
          top: 90%;
        }

        .thumbs-container,
        .product-detail {
          display: none;
        }

        .thumb-slide {
          padding: 0;
        }

        .thumbs-slider {
          padding-bottom: 25px;
        }

        .thumb-slide img {
          padding: 2px;
          border-radius: 4px;
        }

        .scs {
          padding: 0;
        }

        .swiper-pagination {
          display: flex;
          margin-bottom: 25px;
        }

        .swiper-pagination-bullet {
          border: #fff 1px solid;
          width: 7px;
          height: 7px;
          background-color: #464646 !important;
        }

        .swiper-pagination-bullet-active {
          background-color: #e61010 !important;
          width: 10px;
          height: 10px;
        }

        /* h1 red border right */

        .h1-red-con {
          position: relative;
          margin-top: 20px;
        }

        .h1-red {
          font-size: 20px;
          font-weight: 800;
          padding: 5px 8px 5px 0;
        }

        .h1-red::after {
          content: "";
          position: absolute;
          right: -5.5%;
          top: 0;
          bottom: 0;
          width: 8px;
          background: #e61010;
          border-radius: 10px 10px;
        }

        /* right red border */

        .product-introduce-container {
          position: relative;
          margin-top: 20px;
        }

        .product-introduce {
          font-size: 20px;
          font-weight: 800;
          padding: 5px 9px 5px 0;
        }

        .product-introduce::after {
          content: "";
          position: absolute;
          right: -5.5%;
          top: 0;
          bottom: 0;
          width: 8px;
          background: #e61010;
          border-radius: 10px 10px;
        }

        /* titles */

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

        .detail {
          border: none;
        }

        .product-feature-title {
          font-size: 19px;
        }

        .product-size div {
          text-align: center;
          font-size: 17px;
          font-weight: 400;
        }

        .scores {
          display: flex !important;
          border-top: 1px solid #ccc;
          width: 100%;
          margin: 15px 0 20px 0;
        }

        .scores div {
          font-size: 14px;
        }

        .scores .lb {
          border-left: 1px solid #ccc;
          color: #81858b;
          padding-left: 10px;
        }

        .score-item {
          display: inline-block;
          margin: 2px;
          padding: 2px;
          text-align: center;
        }

        .sci {
          width: 15px;
          height: auto;
        }

        .sti {
          width: 15px;
          height: auto;
        }

        .score-star {
          font-size: 15px;
        }

        .detail .fa-star {
          display: table-cell;
          display: none;
        }

        .title {
          display: none;
          font-size: 17px;
          line-height: 19px;
          margin-top: 5px;
        }

        .tb span {
          margin-right: 4px;
        }

        .product-code-con {
          margin: 0;
        }

        .category {
          margin-top: 10px;
        }

        .product-feature-title {
          margin-top: 12px;
        }

        /* aa */

        .aa-select-con {
          display: block !important;
          padding: 10px 0 10px 0;
          /* border: 2px solid red; */
          font-size: 17px;
          font-weight: 700;
          border-bottom: 1px solid #999999;
          margin-top: 20px;
        }

        .aa-select {
          width: 100% !important;
          height: 60px !important;
          border: 2px solid #999a9b !important;
          border-radius: 5px !important;
          font-weight: 400 !important;
          margin: 0 !important;
          font-size: 19px !important;
        }

        .aa-p {
          margin: 10px 0;
          color: #000;
          font-size: 23px;
          font-weight: 900;
        }

        .aa-p span {
          font-weight: 700 !important;
        }

        .aa-etesalat {
          margin-bottom: 10px;
        }

        .aa-etesalat-text {
          margin-right: 5px;
          font-weight: 600;
        }

        .aa-etesalat-btn {
          margin-top: 12px;
          display: flex;
          align-items: center;
          justify-content: space-around;
        }

        .aa-etesalat-btn button {
          border-radius: 4px 4px;
          width: 48%;
          padding: 15px 50px;
          background: #f1f2f2;
          border: 2px solid #d6d6d6;
          font-size: 19px;
        }

        .kind {
          border-bottom: 1px solid #999999;
        }

        /* aa product detail container */

        .aa-pd-con {
          display: block !important;
          padding: 0;
        }

        .aa-pd-con a {
          text-decoration: none;
        }

        .aa-pd {
          border-bottom: 1px solid #999999;
          padding: 20px 0;
          font-size: 12px;
          font-weight: normal;
          font-size: 12px;
        }

        .aa-pd img {
          width: 25px;
          height: auto;
        }

        /* product-size */

        .product-size {
          padding: 0;
          margin: 0;
          border-bottom: 1px solid #ddd;
        }

        .product-size div {
          width: 50%;
        }

        .size-guide-container div {
          font-size: 15px;
          font-weight: 400;
        }

        .ruler {
          width: 50%;
          text-align: left !important;
          padding: 0 !important;
          padding-left: 10px !important;
        }

        .ruler img {
          width: 25px;
          margin: 0;
        }

        .ruler a {
          font-size: 15px;
        }

        .size-guide-container div:first-child {
          padding-right: 15px !important;
          width: 50%;
        }

        .product-feature {
          margin: 0;
          padding: 0;
        }

        .pf {
          padding: 0;
        }

        /* free delivery */

        .free-delivery-container {
          display: none;
          background-size: 75px;
          padding-bottom: 60px;
        }

        .free-delivery-text {
          font-size: 12px;
        }

        .free-delivery-title {
          font-size: 13px;
        }

        /* info */

        .info {
          display: none;
          font-size: 12.5px;
          line-height: 2;
          text-align: justify;
        }

        /* delivery */

        .delivery {
          display: none;
          margin-top: 10px;
        }

        .delivery-item {
          width: 50%;
          display: inline-block;
          justify-content: flex-start !important;
          margin: 10px 0;
          font-size: 1px;
          text-align: center;
        }

        .delivery-item img {
          display: block;
          margin: 0 auto;
        }

        .delivery-item div {
          margin-top: 5px;
          font-size: 13px;
          padding: 0;
          display: block;
        }

        /* product info */

        .product-information {
          margin-top: 30px;
          border: none;
        }

        .product-info {
          font-size: 20px;
          font-weight: 800;
        }

        .product-info::after {
          border-bottom: none;
        }

        /* pfb */

        .pfb-b,
        .pfb-c {
          font-size: 14px;
          background-color: #f5f4f9;
        }

        .pfb-d {
          margin-top: 28px;
        }

        .pfb-eb {
          font-size: 14px;
        }

        main p {
          font-size: 14px;
          text-align: justify;
        }

        /* product introduce */

        .product-introduce {
          font-size: 17px;
        }

        .product-vid-text {
          text-align: justify;
        }

        /* tank pic */

        main img {
          width: 100%;
        }

        .tank-pic-text {
          padding: 10px 0;
          text-align: center;
        }

        .tank-detail-table .row .col-5 {
          font-size: 13px;
        }

        .tank-detail-table .row .fn {
          font-size: 13px;
        }

        .tank-detail-img {
          width: 100%;
          padding-right: 0;
        }

        .tank-detail {
          padding-bottom: 12px;
        }

        .tank-detail-table {
          width: 100%;
          padding: 0;
        }

        /* comment */

        .user-stars .fa-star {
          font-size: 16px;
        }

        .user img {
          width: 25px;
          margin-left: 8px;
        }

        .user-name {
          font-size: 14px;
        }

        .date {
          font-size: 12px;
        }

        .user-comment {
          font-size: 14px;
          text-align: justify;
        }

        .logo {
          margin-right: 10px;
        }

        .admin-detail-container {
          width: 100%;
        }

        .admin-answer-container {
          margin-top: 35px;
        }

        .admin-detail {
          width: 70%;
        }

        .admin-text {
          padding: 20px 10px 20px 10px;
          text-align: justify;
          font-size: 13px;
        }

        .admin-name {
          font-size: 14px;
        }

        .add-comment-container button {
          display: inline-block;
          font-size: 12px;
        }

        .add-comment img {
          width: 10px;
        }

        .admin-answer-box-container {
          width: 92%;
        }

        .answer-icon {
          margin: 0;
          padding-left: 2px;
        }

        .comment-count {
          font-size: 14px;
        }

        .helpful-comment {
          padding: 0;
        }

        .like-icon {
          width: 20px;
        }

        .dislike-icon {
          width: 20px;
        }

        .see-more-comments {
          padding-bottom: 10px;
        }

        /* sidebar */

        aside {
          margin: 0;
          padding: 0px !important;
          display: flex;
          align-items: center;
          justify-content: center;
          display: none;
        }

        .sidebar {
          width: 93%;
          margin: 25px 0 0 0;
        }

        .see-more-comments {
          border-bottom: 1px solid #d8d8d8;
        }

        /* font size */
        .product-feature-title {
          font-size: 15px;
        }

        .product-size div,
        .dp-fc-vahed {
          font-size: 16px;
        }

        .size-guide-container div:first-child {
          font-size: 16px;
        }

        .aa-pd {
          font-size: 15px;
        }

        .category,
        .product-code-con,
        .tb,
        .mii {
          font-size: 14.5px;
        }

        .pfb-b,
        .pfb-c {
          font-size: 13.5px;
        }

        .pfb-d {
          margin-top: 30px;
          margin-bottom: 10px;
        }

        .pfb-eb a {
          font-size: 13.5px;
        }

        .user-name,
        .admin-name {
          font-size: 16px;
        }

        .add-comment-container button {
          font-size: 16px;
        }

        .aa-advice {
          font-size: 9px;
        }

        .aa-agent-con li {
          font-size: 14px;
        }
      }
      @media only screen and (min-width: 621px) and (max-width: 720px) {
		   /* banner */
.hb-dd-banner {
    display: none;
  }
  .hb-dw-banner {
    display: block;
  }
  .hb-banner,
  .hb-container {
    width: 100%;
  }
        /* w-90% */
        .aa-container-fluid {
          width: 90%;
          margin-bottom: 0;
        }

        /* slider */

        .main-slider {
          width: 100%;
          margin: 0;
        }

        .slider-container {
          width: 100%;
          margin-bottom: 0;
          box-shadow:
            rgba(14, 30, 37, 0.12) 0 2px 4px 0px,
            rgba(14, 30, 37, 0.32) 0 2px 16px 0;
        }

        .nav-btn {
          top: 90%;
        }

        .thumbs-container,
        .product-detail {
          display: none;
        }

        .thumb-slide {
          padding: 0;
        }

        .thumbs-slider {
          padding-bottom: 25px;
        }

        .thumb-slide img {
          padding: 2px;
          border-radius: 4px;
        }

        .scs {
          padding: 0;
        }

        .swiper-pagination {
          display: flex;
          margin-bottom: 30px;
        }

        .swiper-pagination-bullet {
          border: #fff 1px solid;
          width: 7px;
          height: 7px;
          background-color: #464646 !important;
        }

        .swiper-pagination-bullet-active {
          background-color: #e61010 !important;
          width: 10px;
          height: 10px;
        }

        /* h1 red border right */

        .h1-red-con {
          position: relative;
          margin-top: 20px;
        }

        .h1-red {
          font-size: 20px;
          font-weight: 800;
          padding: 5px 8px 5px 0;
        }

        .h1-red::after {
          content: "";
          position: absolute;
          right: -5.5%;
          top: 0;
          bottom: 0;
          width: 8px;
          background: #e61010;
          border-radius: 10px 10px;
        }

        /* right red border */

        .product-introduce-container {
          position: relative;
          margin-top: 20px;
        }

        .product-introduce {
          font-size: 20px;
          font-weight: 800;
          padding: 5px 9px 5px 0;
        }

        .product-introduce::after {
          content: "";
          position: absolute;
          right: -5.5%;
          top: 0;
          bottom: 0;
          width: 8px;
          background: #e61010;
          border-radius: 10px 10px;
        }

        /* titles */

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

        .detail {
          border: none;
        }

        .product-feature-title {
          font-size: 19px;
        }

        .product-size div {
          text-align: center;
          font-size: 17px;
          font-weight: 400;
        }

        .scores {
          display: flex !important;
          border-top: 1px solid #ccc;
          width: 100%;
          margin: 15px 0 20px 0;
        }

        .scores div {
          font-size: 14px;
        }

        .scores .lb {
          border-left: 1px solid #ccc;
          color: #81858b;
          padding-left: 10px;
        }

        .score-item {
          display: inline-block;
          margin: 2px;
          padding: 2px;
          text-align: center;
        }

        .sci {
          width: 15px;
          height: auto;
        }

        .sti {
          width: 15px;
          height: auto;
        }

        .score-star {
          font-size: 15px;
        }

        .detail .fa-star {
          display: table-cell;
          display: none;
        }

        .title {
          display: none;
          font-size: 17px;
          line-height: 19px;
          margin-top: 5px;
        }

        .tb span {
          margin-right: 4px;
        }

        .product-code-con {
          margin: 0;
        }

        .category {
          margin-top: 10px;
        }

        .product-feature-title {
          margin-top: 12px;
        }

        /* aa */

        .aa-select-con {
          display: block !important;
          padding: 10px 0 10px 0;
          /* border: 2px solid red; */
          font-size: 17px;
          font-weight: 700;
          border-bottom: 1px solid #999999;
          margin-top: 20px;
        }

        .aa-select {
          width: 100% !important;
          height: 60px !important;
          border: 2px solid #999a9b !important;
          border-radius: 5px !important;
          font-weight: 400 !important;
          margin: 0 !important;
          font-size: 19px !important;
        }

        .aa-p {
          margin: 10px 0;
          color: #000;
          font-size: 23px;
          font-weight: 900;
        }

        .aa-p span {
          font-weight: 700 !important;
        }

        .aa-etesalat {
          margin-bottom: 10px;
        }

        .aa-etesalat-text {
          margin-right: 5px;
          font-weight: 600;
        }

        .aa-etesalat-btn {
          margin-top: 12px;
          display: flex;
          align-items: center;
          justify-content: space-around;
        }

        .aa-etesalat-btn button {
          border-radius: 4px 4px;
          width: 48%;
          padding: 15px 50px;
          background: #f1f2f2;
          border: 2px solid #d6d6d6;
          font-size: 19px;
        }

        .kind {
          border-bottom: 1px solid #999999;
        }

        /* aa product detail container */

        .aa-pd-con {
          display: block !important;
          padding: 0;
        }

        .aa-pd-con a {
          text-decoration: none;
        }

        .aa-pd {
          border-bottom: 1px solid #999999;
          padding: 20px 0;
          font-size: 12px;
          font-weight: normal;
          font-size: 12px;
        }

        .aa-pd img {
          width: 25px;
          height: auto;
        }

        /* product-size */

        .product-size {
          padding: 0;
          margin: 0;
          border-bottom: 1px solid #ddd;
        }

        .product-size div {
          width: 50%;
        }

        .size-guide-container div {
          font-size: 15px;
          font-weight: 400;
        }

        .ruler {
          width: 50%;
          text-align: left !important;
          padding: 0 !important;
          padding-left: 10px !important;
        }

        .ruler img {
          width: 25px;
          margin: 0;
        }

        .ruler a {
          font-size: 15px;
        }

        .size-guide-container div:first-child {
          padding-right: 15px !important;
          width: 50%;
        }

        .product-feature {
          margin: 0;
          padding: 0;
        }

        .pf {
          padding: 0;
        }

        /* free delivery */

        .free-delivery-container {
          display: none;
          background-size: 75px;
          padding-bottom: 60px;
        }

        .free-delivery-text {
          font-size: 12px;
        }

        .free-delivery-title {
          font-size: 13px;
        }

        /* info */

        .info {
          display: none;
          font-size: 12.5px;
          line-height: 2;
          text-align: justify;
        }

        /* delivery */

        .delivery {
          display: none;
          margin-top: 10px;
        }

        .delivery-item {
          width: 50%;
          display: inline-block;
          justify-content: flex-start !important;
          margin: 10px 0;
          font-size: 1px;
          text-align: center;
        }

        .delivery-item img {
          display: block;
          margin: 0 auto;
        }

        .delivery-item div {
          margin-top: 5px;
          font-size: 13px;
          padding: 0;
          display: block;
        }

        /* product info */

        .product-information {
          margin-top: 30px;
          border: none;
        }

        .product-info {
          font-size: 20px;
          font-weight: 800;
        }

        .product-info::after {
          border-bottom: none;
        }

        /* pfb */

        .pfb-b,
        .pfb-c {
          font-size: 14px;
          background-color: #f5f4f9;
        }

        .pfb-d {
          margin-top: 28px;
        }

        .pfb-eb {
          font-size: 14px;
        }

        main p {
          font-size: 14px;
          text-align: justify;
        }

        /* product introduce */

        .product-introduce {
          font-size: 17px;
        }

        .product-vid-text {
          text-align: justify;
        }

        /* tank pic */

        main img {
          width: 100%;
        }

        .tank-pic-text {
          padding: 10px 0;
          text-align: center;
        }

        .tank-detail-table .row .col-5 {
          font-size: 13px;
        }

        .tank-detail-table .row .fn {
          font-size: 13px;
        }

        .tank-detail-img {
          width: 100%;
          padding-right: 0;
        }

        .tank-detail {
          padding-bottom: 12px;
        }

        .tank-detail-table {
          width: 100%;
          padding: 0;
        }

        /* comment */

        .user-stars .fa-star {
          font-size: 16px;
        }

        .user img {
          width: 25px;
          margin-left: 8px;
        }

        .user-name {
          font-size: 14px;
        }

        .date {
          font-size: 12px;
        }

        .user-comment {
          font-size: 14px;
          text-align: justify;
        }

        .logo {
          margin-right: 10px;
        }

        .admin-detail-container {
          width: 100%;
        }

        .admin-answer-container {
          margin-top: 35px;
        }

        .admin-detail {
          width: 70%;
        }

        .admin-text {
          padding: 20px 10px 20px 10px;
          text-align: justify;
          font-size: 13px;
        }

        .admin-name {
          font-size: 14px;
        }

        .add-comment-container button {
          display: inline-block;
          font-size: 12px;
        }

        .add-comment img {
          width: 10px;
        }

        .admin-answer-box-container {
          width: 92%;
        }

        .answer-icon {
          margin: 0;
          padding-left: 2px;
        }

        .comment-count {
          font-size: 14px;
        }

        .helpful-comment {
          padding: 0;
        }

        .like-icon {
          width: 20px;
        }

        .dislike-icon {
          width: 20px;
        }

        .see-more-comments {
          padding-bottom: 10px;
        }

        /* sidebar */

        aside {
          margin: 0;
          padding: 0px !important;
          display: flex;
          align-items: center;
          justify-content: center;
          display: none;
        }

        .sidebar {
          width: 93%;
          margin: 25px 0 0 0;
        }

        .see-more-comments {
          border-bottom: 1px solid #d8d8d8;
        }

        .product-feature-title {
          font-size: 15px;
        }

        .product-size div,
        .dp-fc-vahed {
          font-size: 16px;
        }

        .size-guide-container div:first-child {
          font-size: 16px;
        }

        .aa-pd {
          font-size: 15px;
        }

        .category,
        .product-code-con,
        .tb,
        .mii {
          font-size: 14.5px;
        }

        .pfb-b,
        .pfb-c {
          font-size: 13.5px;
        }

        .pfb-d {
          margin-top: 30px;
          margin-bottom: 10px;
        }

        .pfb-eb a {
          font-size: 13.5px;
        }

        .user-name,
        .admin-name {
          font-size: 16px;
        }

        .add-comment-container button {
          font-size: 16px;
        }

        .aa-advice {
          font-size: 9px;
        }

        .aa-agent-con li {
          font-size: 14px;
        }
      }
      /*---------------------------*/
      /* bootstrap reset 768 - 900 */
      @media only screen and (min-width: 768px) and (max-width: 900px) {
        .col-md-12,
        .col-md-9,
        .col-md-6,
        .col-md-4,
        .col-md-3,
        .col-sm-12,
        .col-sm-9,
        .col-sm-6,
        .col-sm-4,
        .col-sm-3 {
          width: 100%;
        }
		  
		    main footer nav .col-md-6,main footer div.col-md-4,.hb-rborder .col-4 {
    display: block;
    width: 100%;
  }
  main footer div.col-md-8{
    display: block;
	  width: 100%;}
	.hb-rborder .col-8 {
    display: block;
    width: 100%;padding: 10px 10px !important;
  }
      }
      /*---------------------------*/
      @media only screen and (min-width: 721px) and (max-width: 820px) {
		    /* banner */
.hb-dd-banner {
    display: none;
  }
  .hb-dw-banner {
    display: block;
  }
  .hb-banner,
  .hb-container {
    width: 100%;
  }
        /* w-90% */
        .aa-container-fluid {
          width: 90%;
          margin-bottom: 0;
        }

        /* slider */

        .main-slider {
          width: 100%;
          margin: 0;
        }

        .slider-container {
          width: 100%;
          margin-bottom: 0;
          box-shadow:
            rgba(14, 30, 37, 0.12) 0 2px 4px 0px,
            rgba(14, 30, 37, 0.32) 0 2px 16px 0;
        }

        .nav-btn {
          top: 90%;
        }

        .thumbs-container,
        .product-detail {
          display: none;
        }

        .thumb-slide {
          padding: 0;
        }

        .thumbs-slider {
          padding-bottom: 25px;
        }

        .thumb-slide img {
          padding: 2px;
          border-radius: 4px;
        }

        .scs {
          padding: 0;
        }

        .swiper-pagination {
          display: flex;
          margin-bottom: 35px;
        }

        .swiper-pagination-bullet {
          border: #fff 1px solid;
          width: 7px;
          height: 7px;
          background-color: #464646 !important;
        }

        .swiper-pagination-bullet-active {
          background-color: #e61010 !important;
          width: 10px;
          height: 10px;
        }

        /* h1 red border right */

        .h1-red-con {
          position: relative;
          margin-top: 20px;
        }

        .h1-red {
          font-size: 20px;
          font-weight: 800;
          padding: 5px 8px 5px 0;
        }

        .h1-red::after {
          content: "";
          position: absolute;
          right: -5.5%;
          top: 0;
          bottom: 0;
          width: 8px;
          background: #e61010;
          border-radius: 10px 10px;
        }

        /* right red border */

        .product-introduce-container {
          position: relative;
          margin-top: 20px;
        }

        .product-introduce {
          font-size: 20px;
          font-weight: 800;
          padding: 5px 9px 5px 0;
        }

        .product-introduce::after {
          content: "";
          position: absolute;
          right: -5.5%;
          top: 0;
          bottom: 0;
          width: 8px;
          background: #e61010;
          border-radius: 10px 10px;
        }

        /* titles */

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

        .detail {
          border: none;
        }

        .product-feature-title {
          font-size: 19px;
        }

        .product-size div {
          text-align: center;
          font-size: 17px;
          font-weight: 400;
        }

        .scores {
          display: flex !important;
          border-top: 1px solid #ccc;
          width: 100%;
          margin: 15px 0 20px 0;
        }

        .scores div {
          font-size: 16px;
        }

        .scores .lb {
          border-left: 1px solid #ccc;
          color: #81858b;
          padding-left: 10px;
        }

        .score-item {
          display: inline-block;
          margin: 2px;
          padding: 2px;
          text-align: center;
        }

        .sci {
          width: 15px;
          height: auto;
        }

        .sti {
          width: 15px;
          height: auto;
        }

        .score-star {
          font-size: 15px;
        }

        .detail .fa-star {
          display: table-cell;
          display: none;
        }

        .title {
          display: none;
          font-size: 17px;
          line-height: 19px;
          margin-top: 5px;
        }

        .tb span {
          margin-right: 4px;
        }

        .product-code-con {
          margin: 0;
        }

        .category {
          margin-top: 10px;
        }

        .product-feature-title {
          margin-top: 12px;
        }

        /* aa */

        .aa-select-con {
          display: block !important;
          padding: 10px 0 10px 0;
          /* border: 2px solid red; */
          font-size: 17px;
          font-weight: 700;
          border-bottom: 1px solid #999999;
          margin-top: 20px;
        }

        .aa-select {
          width: 100% !important;
          height: 60px !important;
          border: 2px solid #999a9b !important;
          border-radius: 5px !important;
          font-weight: 400 !important;
          margin: 0 !important;
          font-size: 19px !important;
        }

        .aa-p {
          margin: 10px 0;
          color: #000;
          font-size: 23px;
          font-weight: 900;
        }

        .aa-p span {
          font-weight: 700 !important;
        }

        .aa-etesalat {
          margin-bottom: 10px;
        }

        .aa-etesalat-text {
          margin-right: 5px;
          font-weight: 600;
        }

        .aa-etesalat-btn {
          margin-top: 12px;
          display: flex;
          align-items: center;
          justify-content: space-around;
        }

        .aa-etesalat-btn button {
          border-radius: 4px 4px;
          width: 48%;
          padding: 15px 50px;
          background: #f1f2f2;
          border: 2px solid #d6d6d6;
          font-size: 19px;
        }

        .kind {
          border-bottom: 1px solid #999999;
        }

        /* aa product detail container */

        .aa-pd-con {
          display: block !important;
          padding: 0;
        }

        .aa-pd-con a {
          text-decoration: none;
        }

        .aa-pd {
          border-bottom: 1px solid #999999;
          padding: 20px 0;
          font-size: 12px;
          font-weight: normal;
          font-size: 12px;
        }

        .aa-pd img {
          width: 25px;
          height: auto;
        }

        /* product-size */

        .product-size {
          padding: 0;
          margin: 0;
          border-bottom: 1px solid #ddd;
        }

        .product-size div {
          width: 50%;
        }

        .size-guide-container div {
          font-size: 15px;
          font-weight: 400;
        }

        .ruler {
          width: 50%;
          text-align: left !important;
          padding: 0 !important;
          padding-left: 10px !important;
        }

        .ruler img {
          width: 25px;
          margin: 0;
        }

        .ruler a {
          font-size: 15px;
        }

        .size-guide-container div:first-child {
          padding-right: 15px !important;
          width: 50%;
        }

        .product-feature {
          margin: 0;
          padding: 0;
        }

        .pf {
          padding: 0;
        }

        /* free delivery */

        .free-delivery-container {
          display: none;
          background-size: 75px;
          padding-bottom: 60px;
        }

        .free-delivery-text {
          font-size: 12px;
        }

        .free-delivery-title {
          font-size: 13px;
        }

        /* info */

        .info {
          display: none;
          font-size: 12.5px;
          line-height: 2;
          text-align: justify;
        }

        /* delivery */

        .delivery {
          display: none;
          margin-top: 10px;
        }

        .delivery-item {
          width: 50%;
          display: inline-block;
          justify-content: flex-start !important;
          margin: 10px 0;
          font-size: 1px;
          text-align: center;
        }

        .delivery-item img {
          display: block;
          margin: 0 auto;
        }

        .delivery-item div {
          margin-top: 5px;
          font-size: 13px;
          padding: 0;
          display: block;
        }

        /* product info */

        .product-information {
          margin-top: 30px;
          border: none;
        }

        .product-info {
          font-size: 20px;
          font-weight: 800;
        }

        .product-info::after {
          border-bottom: none;
        }

        /* pfb */

        .pfb-b,
        .pfb-c {
          font-size: 14px;
          background-color: #f5f4f9;
        }

        .pfb-d {
          margin-top: 28px;
        }

        .pfb-eb {
          font-size: 14px;
        }

        main p {
          font-size: 14px;
          text-align: justify;
        }

        /* product introduce */

        .product-introduce {
          font-size: 17px;
        }

        .product-vid-text {
          text-align: justify;
        }

        /* tank pic */

        main img {
          width: 100%;
        }

        .tank-pic-text {
          padding: 10px 0;
          text-align: center;
        }

        .tank-detail-table .row .col-5 {
          font-size: 13px;
        }

        .tank-detail-table .row .fn {
          font-size: 13px;
        }

        .tank-detail-img {
          width: 100%;
          padding-right: 0;
        }

        .tank-detail {
          padding-bottom: 12px;
        }

        .tank-detail-table {
          width: 100%;
          padding: 0;
        }

        /* comment */

        .user-stars .fa-star {
          font-size: 16px;
        }

        .user img {
          width: 25px;
          margin-left: 8px;
        }

        .user-name {
          font-size: 14px;
        }

        .date {
          font-size: 12px;
        }

        .user-comment {
          font-size: 14px;
          text-align: justify;
        }

        .logo {
          margin-right: 10px;
        }

        .admin-detail-container {
          width: 100%;
        }

        .admin-answer-container {
          margin-top: 35px;
        }

        .admin-detail {
          width: 70%;
        }

        .admin-text {
          padding: 20px 10px 20px 10px;
          text-align: justify;
          font-size: 13px;
        }

        .admin-name {
          font-size: 14px;
        }

        .add-comment-container button {
          display: inline-block;
          font-size: 12px;
        }

        .add-comment img {
          width: 10px;
        }

        .admin-answer-box-container {
          width: 92%;
        }

        .answer-icon {
          margin: 0;
          padding-left: 2px;
        }

        .comment-count {
          font-size: 14px;
        }

        .helpful-comment {
          padding: 0;
        }

        .like-icon {
          width: 20px;
        }

        .dislike-icon {
          width: 20px;
        }

        .see-more-comments {
          padding-bottom: 10px;
        }

        /* sidebar */

        aside {
          margin: 0;
          padding: 0px !important;
          display: flex;
          align-items: center;
          justify-content: center;
          display: none;
        }

        .sidebar {
          width: 93%;
          margin: 25px 0 0 0;
        }

        .see-more-comments {
          border-bottom: 1px solid #d8d8d8;
        }

        /* font size */
        .product-feature-title {
          font-size: 15px;
        }

        .product-size div,
        .dp-fc-vahed {
          font-size: 16px;
        }

        .size-guide-container div:first-child {
          font-size: 16px;
        }

        .aa-pd {
          font-size: 15px;
        }

        .category,
        .product-code-con,
        .tb,
        .mii {
          font-size: 14.5px;
        }

        .pfb-b,
        .pfb-c {
          font-size: 13.5px;
        }

        .pfb-d {
          margin-top: 30px;
          margin-bottom: 10px;
        }

        .pfb-eb a {
          font-size: 13.5px;
        }

        .user-name,
        .admin-name {
          font-size: 16px;
        }

        .add-comment-container button {
          font-size: 16px;
        }

        .aa-advice {
          font-size: 9px;
        }

        .aa-agent-con li {
          font-size: 14px;
        }
      }
      @media only screen and (min-width: 821px) and (max-width: 900px) {
		  /* banner */
.hb-dd-banner {
    display: none;
  }
  .hb-dw-banner {
    display: block;
  }
  .hb-banner,
  .hb-container {
    width: 100%;
  }
        /* w-90% */
        .aa-container-fluid {
          width: 90%;
          margin-bottom: 0;
        }

        /* slider */

        .main-slider {
          width: 100%;
          margin: 0;
        }

        .slider-container {
          width: 100%;
          margin-bottom: 0;
          box-shadow:
            rgba(14, 30, 37, 0.12) 0 2px 4px 0px,
            rgba(14, 30, 37, 0.32) 0 2px 16px 0;
        }

        .nav-btn {
          top: 90%;
        }

        .thumbs-container,
        .product-detail {
          display: none;
        }

        .thumb-slide {
          padding: 0;
        }

        .thumbs-slider {
          padding-bottom: 25px;
        }

        .thumb-slide img {
          padding: 2px;
          border-radius: 4px;
        }

        .scs {
          padding: 0;
        }

        .swiper-pagination {
          display: flex;
          margin-bottom: 35px;
        }

        .swiper-pagination-bullet {
          border: #fff 1px solid;
          width: 7px;
          height: 7px;
          background-color: #464646 !important;
        }

        .swiper-pagination-bullet-active {
          background-color: #e61010 !important;
          width: 10px;
          height: 10px;
        }

        /* h1 red border right */

        .h1-red-con {
          position: relative;
          margin-top: 20px;
        }

        .h1-red {
          font-size: 20px;
          font-weight: 800;
          padding: 5px 8px 5px 0;
        }

        .h1-red::after {
          content: "";
          position: absolute;
          right: -5.5%;
          top: 0;
          bottom: 0;
          width: 8px;
          background: #e61010;
          border-radius: 10px 10px;
        }

        /* right red border */

        .product-introduce-container {
          position: relative;
          margin-top: 20px;
        }

        .product-introduce {
          font-size: 20px;
          font-weight: 800;
          padding: 5px 9px 5px 0;
        }

        .product-introduce::after {
          content: "";
          position: absolute;
          right: -5.5%;
          top: 0;
          bottom: 0;
          width: 8px;
          background: #e61010;
          border-radius: 10px 10px;
        }

        /* titles */

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

        .detail {
          border: none;
        }

        .product-feature-title {
          font-size: 19px;
        }

        .product-size div {
          text-align: center;
          font-size: 17px;
          font-weight: 400;
        }

        .scores {
          display: flex !important;
          border-top: 1px solid #ccc;
          width: 100%;
          margin: 15px 0 20px 0;
        }

        .scores div {
          font-size: 16px;
        }

        .scores .lb {
          border-left: 1px solid #ccc;
          color: #81858b;
          padding-left: 10px;
        }

        .score-item {
          display: inline-block;
          margin: 2px;
          padding: 2px;
          text-align: center;
        }

        .sci {
          width: 15px;
          height: auto;
        }

        .sti {
          width: 15px;
          height: auto;
        }

        .score-star {
          font-size: 15px;
        }

        .detail .fa-star {
          display: table-cell;
          display: none;
        }

        .title {
          display: none;
          font-size: 17px;
          line-height: 19px;
          margin-top: 5px;
        }

        .tb span {
          margin-right: 4px;
        }

        .product-code-con {
          margin: 0;
        }

        .category {
          margin-top: 10px;
        }

        .product-feature-title {
          margin-top: 12px;
        }

        /* aa */

        .aa-select-con {
          display: block !important;
          padding: 10px 0 10px 0;
          /* border: 2px solid red; */
          font-size: 17px;
          font-weight: 700;
          border-bottom: 1px solid #999999;
          margin-top: 20px;
        }

        .aa-select {
          width: 100% !important;
          height: 60px !important;
          border: 2px solid #999a9b !important;
          border-radius: 5px !important;
          font-weight: 400 !important;
          margin: 0 !important;
          font-size: 19px !important;
        }

        .aa-p {
          margin: 10px 0;
          color: #000;
          font-size: 23px;
          font-weight: 900;
        }

        .aa-p span {
          font-weight: 700 !important;
        }

        .aa-etesalat {
          margin-bottom: 10px;
        }

        .aa-etesalat-text {
          margin-right: 5px;
          font-weight: 600;
        }

        .aa-etesalat-btn {
          margin-top: 12px;
          display: flex;
          align-items: center;
          justify-content: space-around;
        }

        .aa-etesalat-btn button {
          border-radius: 4px 4px;
          width: 48%;
          padding: 15px 50px;
          background: #f1f2f2;
          border: 2px solid #d6d6d6;
          font-size: 19px;
        }

        .kind {
          border-bottom: 1px solid #999999;
        }

        /* aa product detail container */

        .aa-pd-con {
          display: block !important;
          padding: 0;
        }

        .aa-pd-con a {
          text-decoration: none;
        }

        .aa-pd {
          border-bottom: 1px solid #999999;
          padding: 20px 0;
          font-size: 12px;
          font-weight: normal;
          font-size: 12px;
        }

        .aa-pd img {
          width: 25px;
          height: auto;
        }

        /* product-size */

        .product-size {
          padding: 0;
          margin: 0;
          border-bottom: 1px solid #ddd;
        }

        .product-size div {
          width: 50%;
        }

        .size-guide-container div {
          font-size: 15px;
          font-weight: 400;
        }

        .ruler {
          width: 50%;
          text-align: left !important;
          padding: 0 !important;
          padding-left: 10px !important;
        }

        .ruler img {
          width: 25px;
          margin: 0;
        }

        .ruler a {
          font-size: 15px;
        }

        .size-guide-container div:first-child {
          padding-right: 15px !important;
          width: 50%;
        }

        .product-feature {
          margin: 0;
          padding: 0;
        }

        .pf {
          padding: 0;
        }

        /* free delivery */

        .free-delivery-container {
          display: none;
          background-size: 75px;
          padding-bottom: 60px;
        }

        .free-delivery-text {
          font-size: 12px;
        }

        .free-delivery-title {
          font-size: 13px;
        }

        /* info */

        .info {
          display: none;
          font-size: 12.5px;
          line-height: 2;
          text-align: justify;
        }

        /* delivery */

        .delivery {
          display: none;
          margin-top: 10px;
        }

        .delivery-item {
          width: 50%;
          display: inline-block;
          justify-content: flex-start !important;
          margin: 10px 0;
          font-size: 1px;
          text-align: center;
        }

        .delivery-item img {
          display: block;
          margin: 0 auto;
        }

        .delivery-item div {
          margin-top: 5px;
          font-size: 13px;
          padding: 0;
          display: block;
        }

        /* product info */

        .product-information {
          margin-top: 30px;
          border: none;
        }

        .product-info {
          font-size: 20px;
          font-weight: 800;
        }

        .product-info::after {
          border-bottom: none;
        }

        /* pfb */

        .pfb-b,
        .pfb-c {
          font-size: 14px;
          background-color: #f5f4f9;
        }

        .pfb-d {
          margin-top: 28px;
        }

        .pfb-eb {
          font-size: 14px;
        }

        main p {
          font-size: 14px;
          text-align: justify;
        }

        /* product introduce */

        .product-introduce {
          font-size: 17px;
        }

        .product-vid-text {
          text-align: justify;
        }

        /* tank pic */

        main img {
          width: 100%;
        }

        .tank-pic-text {
          padding: 10px 0;
          text-align: center;
        }

        .tank-detail-table .row .col-5 {
          font-size: 13px;
        }

        .tank-detail-table .row .fn {
          font-size: 13px;
        }

        .tank-detail-img {
          width: 100%;
          padding-right: 0;
        }

        .tank-detail {
          padding-bottom: 12px;
        }

        .tank-detail-table {
          width: 100%;
          padding: 0;
        }

        /* comment */

        .user-stars .fa-star {
          font-size: 16px;
        }

        .user img {
          width: 25px;
          margin-left: 8px;
        }

        .user-name {
          font-size: 14px;
        }

        .date {
          font-size: 12px;
        }

        .user-comment {
          font-size: 14px;
          text-align: justify;
        }

        .logo {
          margin-right: 10px;
        }

        .admin-detail-container {
          width: 100%;
        }

        .admin-answer-container {
          margin-top: 35px;
        }

        .admin-detail {
          width: 70%;
        }

        .admin-text {
          padding: 20px 10px 20px 10px;
          text-align: justify;
          font-size: 13px;
        }

        .admin-name {
          font-size: 14px;
        }

        .add-comment-container button {
          display: inline-block;
          font-size: 12px;
        }

        .add-comment img {
          width: 10px;
        }

        .admin-answer-box-container {
          width: 92%;
        }

        .answer-icon {
          margin: 0;
          padding-left: 2px;
        }

        .comment-count {
          font-size: 14px;
        }

        .helpful-comment {
          padding: 0;
        }

        .like-icon {
          width: 20px;
        }

        .dislike-icon {
          width: 20px;
        }

        .see-more-comments {
          padding-bottom: 10px;
        }

        /* sidebar */

        aside {
          margin: 0;
          padding: 0px !important;
          display: flex;
          align-items: center;
          justify-content: center;
          display: none;
        }

        .sidebar {
          width: 93%;
          margin: 25px 0 0 0;
        }

        .see-more-comments {
          border-bottom: 1px solid #d8d8d8;
        }

        /* font size */
        .product-feature-title {
          font-size: 15px;
        }

        .product-size div,
        .dp-fc-vahed {
          font-size: 16px;
        }

        .size-guide-container div:first-child {
          font-size: 16px;
        }

        .aa-pd {
          font-size: 15px;
        }

        .category,
        .product-code-con,
        .tb,
        .mii {
          font-size: 14.5px;
        }

        .pfb-b,
        .pfb-c {
          font-size: 13.5px;
        }

        .pfb-d {
          margin-top: 30px;
          margin-bottom: 10px;
        }

        .pfb-eb a {
          font-size: 13.5px;
        }

        .user-name,
        .admin-name {
          font-size: 16px;
        }

        .add-comment-container button {
          font-size: 16px;
        }

        .aa-advice {
          font-size: 11px;
        }

        .aa-agent-con li {
          font-size: 14px;
        }
      }
      @media only screen and (min-width: 901px) and (max-width: 1000px) {
		  /* banner */
  .hb-dd-banner {
    display: block;
  }
  .hb-dw-banner {
    display: none;
  }
		  .hb-container {
    width: 100%;
  }
        .aa-container-fluid {
			
          width: 100%;
		margin:50px auto;
        }

        /* slider */

        .thumb-slide {
          padding: 0;
        }

        /* nav btn */

        .prev-btn {
          right: 9%;
        }

        .next-btn {
          left: 9%;
        }

        /* fs */

        .iran-code {
          font-size: 12.5px !important;
        }

        .category {
          font-size: 11.5px;
        }

        .product-code-con,
        .product-code {
          font-size: 11.5px;
        }

        .product-feature-title {
          font-size: 13px;
        }

        .size-guide-container div {
          padding: 0;
          font-size: 8px;
        }

        .size-guide {
          font-size: 10px;
        }

        .ruler img {
          width: 18px;
        }

        /* pfb */

        .pfb-b,
        .pfb-c {
          font-size: 8px;
        }

        .pfb-d {
          margin-top: 30px;
        }

        .pfb-e {
          width: 52%;
          right: 24%;
          left: 24%;
        }

        /* delivery item */

        .delivery-item div {
          font-size: 12px;
        }

        .info {
          font-size: 9.5px;
        }

        /* sidebar */

        .sidebar-free-delivery {
          font-size: 9.5px;
        }

        .kind select {
          font-size: 11.5px;
        }

        .kind {
          font-size: 22px;
        }

        .etesalat {
          font-size: 15px;
        }

        .last-price-update {
          font-size: 11px;
        }

        .add-to-kart {
          font-size: 16px;
        }

        /* footer */

        .product-introduce-container {
          width: 100%;
        }

        .how-to-order div {
          font-size: 13px;
          padding-top: 0;
        }

        .container {
          max-width: 100%;
        }

        .bb {
          font-size: 22px;
        }

        .ff {
          padding: 0px !important;
        }

        ul {
          padding: 0;
        }
      }
      @media only screen and (min-width: 1001px) and (max-width: 1100px) {
		  /* banner */
  .hb-dd-banner {
    display: block;
  }
  .hb-dw-banner {
    display: none;
  }
  header {
    width: fit-content;
  }
		  .hb-container {
    width: 100%;
  }
        .aa-container-fluid {
          width: 100%;
		margin:50px auto;
        }

        /* slider */

        .thumb-slide {
          padding: 0;
        }

        /* nav btn */

        .prev-btn {
          right: 10%;
        }

        .next-btn {
          left: 10%;
        }

        /* fs */

        .iran-code {
          font-size: 12.5px !important;
        }

        .category {
          font-size: 11.5px;
        }

        .product-code-con,
        .product-code {
          font-size: 11.5px;
        }

        .product-feature-title {
          font-size: 13px;
        }

        .size-guide-container div {
          padding: 0;
          font-size: 9px;
        }

        .size-guide {
          font-size: 12px;
        }

        .ruler img {
          width: 18px;
        }

        /* pfb */

        .pfb-b,
        .pfb-c {
          font-size: 9.5px;
        }

        .pfb-d {
          margin-top: 30px;
        }

        .pfb-e {
          width: 52%;
          right: 24%;
          left: 24%;
        }

        /* delivery item */

        .delivery-item div {
          font-size: 13px;
        }

        .info {
          font-size: 9.5px;
        }

        /* sidebar */

        .sidebar-free-delivery {
          font-size: 11px;
        }

        .kind select {
          font-size: 13px;
        }

        .kind {
          font-size: 25px;
        }

        .etesalat {
          font-size: 16.5px;
        }

        .last-price-update {
          font-size: 12px;
        }

        .add-to-kart {
          font-size: 16px;
        }

        /* footer */

        .product-introduce-container {
          width: 100%;
        }

        .how-to-order div {
          font-size: 15px;
          padding-top: 0;
        }

        .container {
          max-width: 100%;
        }

        .bb {
          font-size: 22px;
        }

        .ff {
          padding: 0px !important;
        }

        ul {
          padding: 0;
        }
      }
      @media only screen and (min-width: 1101px) and (max-width: 1240px) {
		  /* banner */

  .hb-dd-banner {
    display: block;
  }
  .hb-dw-banner {
    display: none;
  }
  header {
    width: fit-content;
  }
		  .hb-container {
    width: 100%;
  }
        .aa-container-fluid {
          width: 100%;
		margin:50px auto;
        }

        /* slider */

        .thumb-slide {
          padding: 0;
        }

        /* nav btn */

        .prev-btn {
          right: 10%;
        }

        .next-btn {
          left: 10%;
        }

        /* fs */

        .iran-code {
          font-size: 12.5px !important;
        }

        .category {
          font-size: 11.5px;
        }

        .product-code-con,
        .product-code {
          font-size: 11.5px;
        }

        .product-feature-title {
          font-size: 13px;
        }

        .size-guide-container div {
          padding: 0;
          font-size: 10px;
        }

        .size-guide {
          font-size: 12px;
        }

        .ruler img {
          width: 18px;
        }

        /* pfb */

        .pfb-b,
        .pfb-c {
          font-size: 10.5px;
        }

        .pfb-d {
          margin-top: 30px;
        }

        .pfb-e {
          width: 52%;
          right: 24%;
          left: 24%;
        }

        /* delivery item */

        .delivery-item div {
          font-size: 14px;
        }

        .info {
          font-size: 10.5px;
        }

        /* sidebar */

        .sidebar-free-delivery {
          font-size: 12.5px;
        }

        .kind select {
          font-size: 15px;
        }

        .kind {
          font-size: 25px;
        }

        .etesalat {
          font-size: 17.5px;
        }

        .last-price-update {
          font-size: 13px;
        }

        .add-to-kart {
          font-size: 18px;
        }

        /* footer */

        .product-introduce-container {
          width: 100%;
        }

        .how-to-order div {
          font-size: 17px;
          padding-top: 0;
        }

        .container {
          max-width: 100%;
        }

        .bb {
          font-size: 22px;
        }

        .ff {
          padding: 0px !important;
        }

        ul {
          padding: 0;
        }
      }
      /* Checking footer  1241 - 1400 */
      @media only screen and (min-width: 1241px) and (max-width: 1400px) {
		  /* banner */
  .hb-dd-banner {
    display: block;
  }
  .hb-dw-banner {
    display: none;
  }
  header {
    width: fit-content;
  }
        ul {
          padding: 0;
        }

        .container {
          min-width: 100% !important;
        }
		  .aa-container-fluid {
          width: 100%;
		margin:50px auto;
        }

        .ktp-con::before {
          height: 160px;
        }

        .ktp-con {
          width: 100%;
          background-color: #e61010;
        }

        .ktp {
          width: 1230px;
          background-color: #e61010;
        }

        .hto {
          padding-top: 0;
        }
      }
      /* checking footer 1401 - 1600 */
      @media only screen and (min-width: 1401px) and (max-width: 1600px) {
		  /* banner */
  .hb-dd-banner {
    display: block;
  }
  .hb-dw-banner {
    display: none;
  }
        ul {
          padding: 0;
        }
		  .aa-container-fluid {
		margin:50px auto;
        }
      }
      /* checking footer 1601 - 1830 */
      @media only screen and (min-width: 1601px) and (max-width: 1830px) {
		  /* banner */
  .hb-dd-banner {
    display: block;
  }
  .hb-dw-banner {
    display: none;
  }
        ul {
          padding: 0;
        }
		  .aa-container-fluid {
		margin:50px auto;
        }
      }

      /* final touchs  -> similar products : 900 -  1240 => fs+  */
      @media only screen and (min-width: 900px) and (max-width: 1240px) {
        .comment-count {
          font-size: 22px;
        }
        .price {
          font-size: 19px;
        }
        .spt {
          font-size: 17px;
        }
        .similar-product-title {
          font-size: 16.5px;
        }
        .similar-product-text {
          font-size: 15px;
        }
      }
@media only screen and (min-width: 1300px) and (max-width: 5000px) {
  /* banner */
  .hb-dd-banner {
    display: block;
  }
  .hb-dw-banner {
    display: none;
  }
		  .aa-container-fluid {
		margin:50px auto;
        }
}
@media only screen and (max-width: 900px) {
  .hb-dd-banner,.hb-wmfooter {
    display: none;
  }
}
@media only screen and (min-width: 900px) {
	.aa-container-fluid .row:first-child{margin-right:0;margin-left:0;padding-right:0;padding-left:0;}
  .hb-wmfooter {
    display: none;
  }
	.tank-detail-table .row .fn{font-size:14px;}
}
      /* RWD */