body {
  direction: rtl;
  background-color: #f8f9fa;
  padding-bottom: 0px;
  margin-bottom: 0px;
  font-family: iranyekan-md-fanumber;
}

a {
  color: black;
}

a:hover {
  text-decoration: none;
  color: inherit !important;
}

.my-shadow {
  box-shadow: 0 1px 2px 1px rgb(0 0 0 / 47%);
}

.light-shadow {
  box-shadow: 0 1px 2px 0px rgb(0 0 0 / 24%);
}

.my-shadow2 {
  box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.6);
}

.my-border {
  box-border: 0 1px 2px 0 rgba(0, 0, 0, 0.6);
}

.main-row {
  padding: 0px 0px;
}

#portfolio-filter {
  list-style: none;
  display: flex;
  justify-content: left;
  flex-wrap: wrap;
  padding: 20px 0px;
  margin-right: 10px;
  margin-top: -20px;
}

#portfolio-filter li {
  flex-basis: 93px;
  text-align: center;
  color: black;
  background-color: white;
  border-radius: 5px;
  padding: 4px 5px;
  font-size: 14px;
  margin: 5px;
  cursor: pointer;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  transition-duration: 0.3s;
}

#portfolio-filter li:hover,
#portfolio-filter .filter-active {
  background-color: #4ec51c;
  color: white;
}

#portfolio-container .content .filter-active {
  display: inline !important;
}

.lightbox .lb-image {
  pointer-events: none !important;
}

#top-slider {
  width: 100%;
  /*  height:350px;*/
  background: white;
}

#top-slider img {
  height: 330px;
  width: 100%;
  padding: 5px;
  object-fit: cover !important;
  object-position: center !important;
}

.carousel-inner .card-img-overlay span {
  padding: 10px 15px;
  font-size: 13px;
  color: white;
  border: 1px solid red;
  font-weight: 520;
}

.carousel-inner .card-img-overlay:hover {
  padding: 0 0;
}

.carousel-inner .card-img-overlay .img-1 {
  display: inline-block;
  transition-duration: 0.3s;
  opacity: 0;
}

.carousel-inner .card-img-overlay:hover .img-1 {
  opacity: 1;
}

.card-img-overlay {
  transition-duration: 0.3s;
  text-align: center;
  width: 100%;
}

.card-img-overlay span:hover {
  background-color: #ef4343;
}

.carousel-control-prev {
  position: absolute;
  /* height: 100% !important; */
  width: 10%;
}

.carousel-control-next {
  position: absolute;
  /* height:100% !important; */
  width: 10%;
}

.carousel-control-prev span {
  position: absolute;
  /* top: 45%; */
  margin-top: 5px;
  padding-right: 5px;
  padding-left: 5px;
  padding-top: 17px;
  padding-bottom: 12px;
  /*border :1px solid red;*/
  border-radius: 5px;
  background-color: white;
  font-size: 20px;
  color: black;
  text-align: center;
  vertical-align: middle;
  margin-right: -5px;
  font-size: 26px;
  font-weight: 500;
  background-color: white;
}

.carousel-control-next span {
  position: absolute;
  /* top: 45%; */
  margin-top: 5px;
  padding-right: 5px;
  padding-left: 5px;
  padding-top: 17px;
  padding-bottom: 12px;
  /*border :1px solid red;*/
  margin-right: 5px;
  border-radius: 5px;
  color: black;
  text-align: center;
  vertical-align: middle;
  font-size: 26px;
  font-weight: 500;
  background-color: white;
}

.owl-carousel {
  padding: 10px 0;
  background-color: white;
}

.owl-stage-outer {
  border: none !important;
}

.owl-carousel .card-img-top {
  padding: 9px;
  border-radius: 13px;
}

.owl-carousel .card {
  border-radius: 5px;
}

.owl-carousel h6 {
  font-size: 12px;
}

.owl-carousel .owl-nav button {
  position: absolute;
  top: 40%;
  font-size: 55px !important;
  outline: none;
  color: #777 !important;
  display: none;
}

.owl-carousel .owl-nav .owl-next {
  left: -10px;
}

.owl-carousel .owl-nav .owl-prev {
  right: -10px;
}

.owl-carousel .owl-nav button:hover {
  color: black !important;
}

#same-posts h6 {
  font-size: 17px;
  margin-right: 5px;
  font-family: iranyekan-extrabold-fanumber;
  color: #24314d;
}

#title_amount_box {
  position: relative;
  margin-top: 0px;
  height: auto;
  padding-bottom: 0px;
  border-radius: 5px;
}

.content {
  width: 100%;
}

.content #product-name {
  position: relative;
  top: 5px;
  margin-right: 15px;
  font-size: 16px;
  line-height: 33px;
  font-family: iranyekan-extrabold-fanumber;
}

.content #introduce1 {
  margin-top: 0px;
  margin-right: 15px;
  font-size: 13px;
  font-family: iranyekan-reg-fa-number;
}

.content .url-off {
  position: absolute;
  display: flex;
  font-family: iranyekan-li-fanumber;
  top: 198px;
}

.content .call {
  position: absolute;
  font-size: 22px;
  top: 195px;
  right: 15px;
  color: red;
}

.content .badge {
  background-color: white;
  font-size: 14px;
  color: #ff002f;
  padding: 8px 20px;
  border: 1px solid;
  font-family: iranyekan-li-fa-number !important;
}

.content .badge span {
  font-size: 14px;
}

#amount-button {
  position: relative;
  /* top:140px; */
  background-color: inherit;
  border-radius: 0px;
  /*border :1px solid #b2b0b0;*/
  border-radius: 5px;
  bottom: 0px;
  margin-top: 30px;
}

#amount-button span {
  font-family: iranyekan-extrabold-fanumber;
}

#amount-button .amount-text {
  font-size: 15px;
}

#amount-button .amount {
  position: relative;
  color: black;
  font-size: 14px;
  /* font-weight: 400; */
}

#col-information {
  position: relative;
  top: 35px;
}

.information .nav-item {
  padding: 0px 10px;
}

.information .nav-tabs li {
  font-size: 13px;
}

.information .nav-tabs li a {
  font-size: 13px;
  color: black;
}

.information .nav-tabs li a:hover {
  font-size: 13px;
  color: green;
}

.information .top-title {
  padding-bottom: 10px;
}

.information .top-title h6 {
  font-size: 18px;
  padding-bottom: 10px;
}

.information .title {
  font-size: 18px;
}

.information .explane {
  font-size: 15px;
  border-radius: 5px;
  margin-top: 0px;
  text-align: justify;
  color: #626264;
  height: auto !important;
  min-height: 170px;
  font-family: iranyekan-reg-fa-number;
}

#col-rules {
  position: relative;
  top: 30px;
}

#rules {
  text-align: justify;
  line-height: 25px;
  border-radius: 5px;
}

#rules ul {
  font-family: iranyekan-li-fa-number;
}

.list-unstyled {
}

#comment-col {
  position: relative;
  top: 40px;
}

#send-col {
  position: relative;
  top: 40px;
}

.user-content .user-pic img {
  width: 40px;
  height: 42px;
  padding-top: 4px;
  padding-bottom: 7px;
  padding-right: 3px;
  padding-left: 3px;
}

.user-content .comment-username {
  position: relative;
  top: 8px;
  margin-right: 4px;
}

.user-content #timestamp {
  position: relative;
  margin-right: 5px;
  font-size: 11px;
  width: 80px;
}

#id_score {
  font-family: iranyekan-extrabold-fanumber;
  direction: ltr;
  width: 110px;
}

.comment-user-img img {
  width: 45px;
  height: 46px;
  border-radius: 50%;
  border: 2px solid #d10630;
  padding: 2px;
}

.comment-show #comment-title {
  font-size: 14px;
  border-bottom: 2px solid red;
  padding-bottom: 8px;
}

.comment-show .hr1 {
  position: relative;
  top: -10px;
}

#send-title {
  font-size: 14px;
  border-bottom: 2px solid red;
  padding-bottom: 8px;
}

.hr2 {
  position: relative;
  top: -10px;
}

.user-comment .user {
  font-size: 13px;
  color: #781227;
}

.user-comment {
  margin-bottom: 10px;
  border-bottom: 1px solid #dfe4ea;
  padding-bottom: 10px;
}

.user-comment #comment {
  position: relative;
  font-size: 14px;
  right: 8px;
  top: -30px;
  width: 90%;
  /* border-bottom:1px solid #dfe4ea; */
  margin-bottom: -30px;
}

.comment-send .form {
  width: 100%;
}

.comment-send .form-content .form-control {
  font-size: 13px;
  border-radius: 10px;
  padding-top: 10px;
  font-family: iranyekan-reg-fa-number;
}

.comment-send .btn {
  font-size: 12px;
  font-weight: 4200;
  color: #0780e8;
  border: 2px solid #0780e8;
  background: white;
  border-radius: 5px;
  color: white;
  padding: 10px 20px;
}

.comment-send .btn {
  background: #0780e8;
  color: white;
}

#report {
  height: auto;
}

#report span {
  height: auto;
  font-size: 13px;
}

#report .report-btn {
  height: auto;
  padding: 7px 14px;
  font-size: 12px;
  /* font-weight: 520; */
  background-color: inherit;
  border: 1px solid red;
  /* border-radius: 20px; */
  color: red;
}

#report .report-btn:hover {
  background-color: red;
  color: white;
  font-weight: 520;
}

.modal-dialog {
  max-width: 100%;
  /*margin:auto !important;*/
  position: relative;
  top: 30%;
  transform: translateY(-30%) !important;
}

.modal label {
  font-size: 14px;
}

.modal .modal-footer button {
  position: relative;
  margin-top: 25px;
  font-size: 13px;
  font-weight: 520;
  background-color: red;
  border-radius: 5px;
  color: white;
  padding: 8px 20px;
}

.report-choices .form-control {
  font-size: 14px;
  border-radius: 10px;
}

.report-content .form-control {
  font-size: 14px;
  height: 120px !important;
  border-radius: 10px;
}

.modal-header .close {
  padding: 8px 12px 3px 12px;
  margin: 0px !important;
}

.rules {
  font-size: 13px;
  position: relative;
  right: 0px;
  top: 10px;
}

/* .rules span{

 color:red;
} */

.rules ul {
  margin-top: 10px;
  font-size: 12px;
}

#comment-message {
  font-size: 15px;
  padding: 10px 10px;
  background-color: white;
  color: green;
}

.inter {
  /*height:40px;*/
  background-color: #c8b8d0;
  border-radius: 5px;
  padding: 5px 10px 12px 5px;
  font-size: 13px;
}

.inter .badge {
  margin-top: 8px;
  padding: 10px 17px;
  font-size: 12px;
  font-weight: 2200px;
  margin-right: 10px;
}

.cards-title {
  margin: 0px -5px;
}

.cards-title hr {
  position: relative;
}

.cards-title h6 {
  font-size: 18px;
  color: #334467;
  font-family: iranyekan-extrabold-fanumber;
}

#cards {
  position: relative;
}

.card img {
  width: 100%;
  height: 180px;
  padding: 4px;
  object-fit: contain !important;
  object-position: center !important;
}

.card .card-body {
  width: 100%;
  padding: 0px 9px;
  height: 100px;
}

.card-horizontal .card-body {
  position: relative;
}

.card .card-body h2 {
  font-size: 13.5px;
  font-weight: 1100;
  line-height: 28px;
  color: #1b1a40;
  font-family: iranyekan-extrabold-fanumber;
  position: relative;
  top: -7px;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.time-store_count {
  position: absolute;
  bottom: 0px;
}

.time-store_count .time {
  font-size: 12.5px;
}

.store-count {
  font-size: 12px;
  color: #d90b0b;
}

.card-horizontal {
  display: block;
  margin-bottom: 0px;
}

.card .card-footer {
  background-color: white;
  font-size: 13px;
  padding: 5px 24px;
}

.card .card-footer .date {
  font-family: iranyekan-reg-fa-number;
}

.card .card-footer .badge .takhfif {
  font-size: 11px;
}

.card .card-footer .org-price {
  font-size: 15px;
  color: ;
}

.card .card-footer .min-price {
  font-size: 14px;
  color: #13c76c;
  font-family: iranyekan-md-fanumber;
}

.min-price-text {
  font-size: 12px;
  color: #0ca377;
  text-align: left;
}

.footer {
  position: relative;
  z-index: 10000;
  margin-top: 30px;
  height: auto;
  width: auto;
  right: 0px;
  color: white;
  background-color: black;
  font-size: 13px;
}

.footer hr {
  background-color: red;
  height: 1px;
}

.email {
  text-align: center;
}

.portfolio-img {
}

#portfolio img {
  margin-top: 100px;
  z-index: 100000000;
}

.btn .badge2 .badge {
  padding: 6px 5px;
  font-size: 12px;
  border: 1px solid red;
  font-family: iranyekan-li-fa-number !important;
}

#nav-tabs .nav-link {
  font-size: 14px;
  padding: 6px 15px;
  color: black;
  margin-bottom: 10px;
}

#store-online span {
  font-size: 14px;
  font-family: iranyekan-li-fanumber;
}

#col-store_detail-2 {
  display: none;
}

#online_url {
  margin-top: 0px;
}

#online_url span {
  border: 2px solid #0eb753;
  padding: 8px 30px;
  font-size: 14px;
  border-radius: 5px;
  color: #0eb753;
}

#online_url span:hover {
  font-family: iranyekan-bold-fanumber;
  background-color: #0eb753;
  color: white;
}

#card-img-online {
  padding: 12px 12px;
}

#card-img-online img {
  width: 95px;
  height: 95px;
  border-radius: 5px;
  margin-top: 7px;
  object-fit: contain !important;
  object-position: center !important;
}

span.tooman {
  font-size: 12px;
}

#store_name {
  color: #334467;
  font-size: 15px;
  font-weight: bold;
}

#card-online {
  border-bottom: 1px solid #e5e0e0;
}

#card-online .text-muted {
  font-size: 12px;
  font-family: iranyekan-li-fanumber;
}

#card-online .price {
  font-size: 18px;
  font-family: iranyekan-extrabold-fanumber;
  color: #d10630;
}

#card-online .is_not_price {
  font-size: 18px;
  font-family: iranyekan-extrabold-fanumber;
  color: grey;
}

#card-online .card-title {
  font-size: 14px;
  color: #444;
  line-height: 25px;
  position: relative;
  font-family: iranyekan-bold-fanumber;
  top: -1px;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

#score .score_count {
  font-size: 12px;
  font-family: iranyekan-li-fanumber;
  margin: 10px 3px;
  padding: 0px 5px;
  border-radius: 5px;
}

.score-title {
  font-size: 13px;
  font-family: iranyekan-reg-fa-number;
}

.online-stores {
  border-radius: 5px;
}

#badge-online {
  position: relative;
  background: #ef394e;
  padding: 4px 10px;
  color: white;
  font-size: 14px;
}

#badge-online a {
  color: white;
}

.online-date {
  position: absolute;
  bottom: 0px;
}

.online-stores .card-body {
  position: relative;
  top: 5px;
}

#cheapest_buy_btn {
  font-size: 14px;
  padding: 7px 20px;
  border: 2px solid #04b65d;
  background: inherit;
  color: #04b65d;
  border-radius: 5px;
}

#cheapest_buy_btn span {
  font-size: 15px;
}

#cheapest_buy_btn:hover {
  font-size: 14px;
  padding: 7px 20px;
  border: 2px solid #04b65d;
  background: #04b65d;
  color: white;
  border-radius: 5px;
}

#footer_cheapest_buy_btn {
  font-size: 14px;
  padding: 8px 20px;
  border: 2px solid #04b65d;
  background: inherit;
  color: #04b65d;
  border-radius: 5px;
}

#footer_cheapest_buy_btn span {
  font-size: 15px;
}

#footer_cheapest_buy_btn:hover {
  font-size: 14px;
  padding: 8px 20px;
  border: 2px solid #04b65d;
  background: #04b65d;
  color: white;
  border-radius: 5px;
}

#chart {
  font-size: 13px;
  padding: 8px 20px;
  border: 2px solid #737574;
  color: #232424;
  border-radius: 5px;
  background: inherit;
  width: 100%;
}

#chart .chart-img {
  width: 25px;
  position: relative;
  top: -4px;
  margin-right: 3px;
}

#comparison .title {
  font-size: 12px;
  color: grey;
}

#comparison .min-price {
  font-size: 22px;
  color: #04b65d;
  font-family: iranyekan-extrabold-fanumber;
}

#comparison .max-price {
  font-size: 22px;
  color: #d10630;
  font-family: iranyekan-extrabold-fanumber;
}

#comparison .comparison-storename {
  font-size: 15px;
  font-family: iranyekan-extrabold-fanumber;
  color: #334467;
}

#top-compare-amount span {
  font-size: 16px;
  color: #dc0d0d;
}

#top_compare_price .max-price {
  font-size: 24px !important;
  color: #dc0d0d;
  font-family: iranyekan-extrabold-fanumber;
}

#top_compare_price .min-price {
  font-size: 24px !important;
  color: #04b65d;
  font-family: iranyekan-extrabold-fanumber;
}

#online_store_more_btn {
  font-size: 14px;
  border: none;
  padding: 7px 20px;
  width: 100%;
  border-radius: 7px;
  background: inherit;
  border: 3px solid #da1036;
  color: #da1036;
  font-weight: bold;
}

#online_store_more {
  display: none;
}

#online_store_more_btn:hover {
  background: #da1036;
  color: white;
}

#post-page-mobile-footer {
  position: fixed;
  bottom: 0px;
  width: 100%;
  /*     height:50px;*/
  padding-top: 7px !important;
  z-index: 10000;
}

#post-page-mobile-footer .main-button {
  background-color: #0cae62;
  border-radius: 7px;
}

#post-page-mobile-footer .container-fluid {
  margin-top: 3px;
  margin-bottom: 12px;
}

#post-page-mobile-footer button {
  padding: 8px 15px;
  width: 150px;
  border: 0px;
  /*  background-color: #00b645;*/
  background-color: inherit;
  color: white;
  border-radius: 5px !important;
  font-size: 13px;
  outline: 0 !important;
  box-shadow: none !important;
}

#post-page-mobile-footer button i {
  position: relative;
  top: 5px;
}

#post-page-mobile-footer a {
  font-size: 13px;
}

#post-page-mobile-footer a:hover {
  font-size: 13px;
}

.dropup &::after,
.dropright &::after {
}

.dropup .dropdown-toggle::after {
  display: none !important;
}

.telephone-img {
  width: 25px;
  position: relative;
  right: -5px;
}

.mobile-img {
  width: 15px;
}
. #dropup .dropdown-menu {
  width: 340px !important;
  border: 1px solid #bfbdbd;
}

.dropup .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: $dropdown-spacer;
}

a.dropdown-item {
  font-size: 13px !important;
}
a.dropdown-item:hover {
  font-size: 13px !important;
}

.dropdown-toggle {
  @include caret(up);
}

.checked {
  color: orange;
}

.online-profile-collapse {
  background-color: #f3f3f3;
  color: #444;
  cursor: pointer;
  padding: 2px 12px;
  width: 100%;
  text-align: center;
  border: none;
  font-size: 11px;
  border-radius: 5px;
  outline: none !important;
}

.profile-angle-down-img {
  width: 14px;
}

.collapsible:hover {
  /* background-color: #ccc; */
  /* border: 1px solid #2bbd79; */
}

.online_profile_content {
  font-size: 11.5px;
  font-family: iranyekan-reg-fa-number;
  padding: 5px 10px;
  display: none;
  overflow: hidden;
  background-color: #fbfbfb;
  border-radius: 5px;
  max-height: 0;
  transition: max-height 0.5s ease-out;
}

.online-profile-btn {
  padding: 6px 15px;
  border-radius: 4px;
  background-color: white;
  border: 1px solid #dfdfdf;
  color: #2f2f2f;
  text-align: center;
  width: 175px;
  margin-left: auto;
  margin-right: auto;
}

.online-profile-btn:hover a img {
  filter: invert(19%) sepia(170%) saturate(4463%) hue-rotate(340deg)
    brightness(90%) contrast(100%);
}

.online-profile-btn:hover {
  border: 2px solid #f03f1c;
  text-align: center;
  color: #f03f1c;
}

.online-profile-btn a {
  font-size: 11px;
  color: inherit;
}

.white-collapse-button {
  background-color: white;
  font-size: 14px;
  font-family: iranyekan-md-fanumber;
  border-radius: 5px;
  width: 100%;
  text-align: right;
  padding: 8px 12px;
  border: none;
  outline: 0 !important;
}

.send-comment-img {
  width: 23px;
  position: relative;
  top: -4px;
}

.white-collapse-box:hover {
  border: 1px solid #c5c5c5;
}

.product-explain {
  max-height: 300px;
  overflow: hidden;
  transition: max-height 0.5s ease-out;
}

.product-explain p {
  font-size: 13px;
  font-family: iranyekan-reg-fa-number;
  text-align: justify;
}

.white-collapse-box {
  border-radius: 5px;
  border: 1px solid #dee2e6;
}

#mobile_comment p {
  font-size: 13.5px;
  text-align: justify;
}

.mobile-user-comments {
  display: none;
}

.mobile-report-box {
  text-align: center;
}

.mobile-report-box button {
  width: 100%;
  margin-top: 10px;
}

#mobile_comment_form {
  display: none;
}

select.form-control:not([size]):not([multiple]) {
  height: 36px !important;
}

#nav-tabs li a {
  border: none;
  margin-bottom: 5px;
}

#nav-tabs li {
  margin-bottom: -5px;
}

.nav-tabs li a.active {
  /* background:#5093a5 !important;*/
  border-radius: 0px;
  color: #2d6698 !important;
  border-bottom: 4px solid #2d6698 !important;
  font-family: iranyekan-extrabold-fanumber !important;
}

.comment-nav li a {
  padding: 5px 29px !important;
}

.comment-nav li a.active {
  padding: 2px 10px !important;
  border-radius: 9px !important;
  color: #2d6698 !important;
  border: 3px solid #2d6698 !important;
  font-size: 13px !important;
  font-family: iranyekan-bold-fanumber;
}

img {
  object-fit: contain !important;
  object-position: center !important;
}

.main-footer {
  display: none !important;
}

.store-detail-title {
  font-size: 13px;
  color: #d80909;
  font-family: iranyekan-bold-fanumber;
}

#link button:hover {
  background: #c70000;
  color: white;
}

#store_detail-1 {
  border-radius: 5px;
}

#rules-2 {
  border-radius: 5px;
}

#store_detail-1 ul li span {
  font-size: 13px;
}

#goto-store-1 .badge {
  font-size: 12px;
  padding: 12px 15px;
  border: 2px solid #dc3545;
  color: #dc3545;
}

#note-2 {
  display: none !important;
}

.angle-down-img {
  width: 18px;
  margin-left: 5px;
}

.angle-left-img {
  width: 10px;
}

button {
  outline: 0 !important;
}

#off_code {
  position: relative;
  top: 43px;
  margin-right: 15px;
}

#off_code .off-code-title {
  color: red;
  font-family: iranyekan-extrabold-fanumber;
}

#off_code .off-code-text {
  font-size: 11.2px;
  color: grey;
}

#rules-2 {
  font-size: 13px;
  font-family: iranyekan-li-fanumber;
  color: black;
}

#top_note {
  display: none !important;
}

#post_scores span {
  font-size: 14px;
  font-family: iranyekan-li-fanumber;
}

#post_scores button span {
  font-family: iranyekan-li-fanumber;
  color: #00c847;
}

#post_scores button .five-score {
  color: #0cb37d;
  font-size: 25px;
  font-family: iranyekan-bold-fanumber;
}

#post_scores button .avg-score {
  color: #787373;
  font-size: 23px;
}

#post_scores button .score-count {
  color: #787373;
  font-size: 18px;
}

.online-title h2 {
  font-size: 19px;
  font-family: iranyekan-extrabold-fanumber;
  color: #334467;
}

#online_header_box {
  border-bottom: 1px solid #d6d6d6;
}

.online_profile_content .time img {
  position: relative;
  top: -1px;
  width: 17px;
  margin-left: 2px;
}

.online_profile_content .location img {
  position: relative;
  top: -4px;
  right: 4px;
  width: 10px;
  margin-left: 9px;
}

.online_profile_content .delivery img {
  width: 18px;
  margin-left: 2px;
}

.online-profile-btn img {
  width: 15px;
  position: relative;
  top: -1px;
  margin-left: 3px;
}

.tooman {
  font-size: 12.5px;
}

#place {
  padding: 5px 7px;
  border-radius: 6px;
  position: relative;
  /*background:#f8f8f8;*/
  background: white;
  border: 2px solid #dadada;
  top: -4px;
  margin: 0px -17px;
}

#call_for_amount {
  font-size: 12px;
  color: #13c76c;
}

#call_for_amount .angle-left-green {
  width: auto !important;
  position: relative;
  height: 13px !important;
  top: 8.5px;
  margin: 0px 5px;
  padding: 0px !important;
}

.card .card-body {
  width: 100%;
  padding: 0px 10px;
}

.card .card-body .badge {
  position: relative;
  top: 5px;
  padding: 6px 10px 3px 10px;
  color: white;
}

.card .card-footer .city,
.area {
  position: relative;
  font-size: 11px;
}

.card .card-footer .city i {
  font-size: 15px;
}

.online-similar-city {
  font-size: 14px;
  color: grey;
}

.online-stores-text {
  font-size: 16px;
  font-family: iranyekan-bold-fanumber;
  color: grey;
}

.online-stores-count {
  font-size: 22px;
  font-family: iranyekan-extrabold-fanumber;
  color: #334467;
}

.modal-body {
  padding: 3px !important;
}

.modal-video-body {
  background: #121111;
}

.video-card {
  min-width: 275px !important;
  max-width: 300px !important;
  padding-bottom: 22px;
}

.modal {
  padding-right: 0px !important;
  padding-left: 0px !important;
  z-index: 100000;
}

#video_box {
  overflow-x: scroll;
  padding: 20px 5px;
  padding-top: 20px;
  padding-bottom: 20px;
  background: white;
}

.video-image {
  background: none;
  opacity: 0%;
  z-index: 1000;
  position: relative;
}

.video-overlay {
  padding: 0px !important;
}

.owner-img {
  width: 35px !important;
  height: 35px !important;
  padding: 1.5px !important;
  margin-left: 6px;
  border-radius: 50%;
  border: 1.8px solid #f38b00;
}

.video-owner {
  position: absolute;
  bottom: 23px;
}

.video-owner span {
  font-size: 13px;
  color: #c61313;
  font-family: iranyekan-extrabold-fanumber;
}

.video-box-title h2 {
  font-size: 19px;
  color: #334467;
  font-family: iranyekan-extrabold-fanumber;
}

.digital-keyword-details {
  margin-top: 10px;
}

.detail-title {
  font-size: 13px;
  color: grey;
  margin-left: 10px;
  padding: 5px 5px;
  min-width: 105px;
}

.detail-field {
  font-size: 13px;
  flex-grow: 1;
  border-bottom: 1px solid #f2f2f2;
  text-align: justify;
  font-family: iranyekan-reg-fa-number;
}

#card-online .card-is-not-title {
  color: grey !important;
}

#card-online .is-not-price {
  color: grey !important;
}

#online_url .is-not {
  border: 2px solid grey;
  color: grey;
}

.product1-refer-btn {
  background: inherit;
  font-size: 13px;
  padding: 5px 20px;
  border: 2px solid #f38b00;
  color: #f38b00;
  outline: 0 !important;
  border-radius: 2px;
}

.advantages {
  font-size: 13px;
}

.adv-title {
  color: green;
  font-size: 15px;
  font-family: iranyekan-bold-fanumber;
}

.disadvantages {
  font-size: 13px;
}

.disadv-title {
  color: #ed1b2f;
  font-size: 15px;
  font-family: iranyekan-bold-fanumber;
}

.delivery-name {
  background: white;
  padding: 5px 5px;
  border-radius: 5px;
  color: #255b84;
}

#share_box {
  position: absolute;
  bottom: 70px;
  z-index: 100;
}

.share-btn {
  border: 1px solid grey !important;
  padding: 3px 5px !important;
}

#sharemodal .modal-content {
  max-width: 600px;
}

button.IN-bf195e49-eb86-4856-9b9f-1c8710d456be-1G9ISYhSF8XoOmdcl0yKDu {
  height: auto !important;
  padding: 8px 20px !important;
}

.modal-share-btn {
  color: white;
  padding: 2px 10px;
  border-radius: 3px;
}

.modal-share-btn a {
  font-size: 13px;
  color: white;
}

.modal-share-btn .fa {
  color: white;
}

.copy-link-this button {
  background: #258f91;
  color: white;
  font-size: 13px;
  border: 1px solid #258f91;
  padding: 3px 20px;
  border-radius: 3px;
}

.select-modal-btn {
  border: 1px solid #555 !important;
  background: white !important;
  padding: 8px 11px 5px 11px !important;
  font-size: 11.8px !important;
  border-radius: 28px !important;
  outline: 0;
  font-family: "iranyekan-md-fanumber";
  color: #131313;
  font-weight: 600;
}

.online-stores-modal .modal-body {
  max-height: 330px;
  overflow: scroll;
  overflow-y: hidden;
  overflow-x: hidden;
  min-height: 150px;
}

.online-stores-modal .modal-header {
  padding: 9px 10px 0px 0px;
}

.online-stores-modal .close {
  padding: 8px 12px 6px 12px !important;
  padding-left: 18px !important;
}

.online-stores-modal .modal-footer button {
  background: white;
  color: #0cae62;
  border: 2px solid #0cae62;
  margin: 0px;
}

.online-stores-modal .modal-footer button:hover {
  background: #0cae62;
  color: white;
}

.guide-title a {
  font-size: 13px;
  padding: 6px 15px;
  background: #ebebeb;
  border-radius: 5px;
}

.guide-img {
  width: 23px;
  margin-top: -4px;
}

.city-select {
  font-size: 13px;
  background: grey;
  padding: 5px;
  color: white;
  margin: 10px 5px;
}

.online-stores-modal input[type="checkbox"] {
  width: 20px;
  height: 20px;
  top: 6px;
  position: relative;
}

img#filter_spinner,
img#city_spinner {
  position: fixed;
  width: 66px;
  margin-top: -40px;
}

img#online_store_more_spinner {
  position: absolute;
  width: 85px;
  margin-top: -40px;
  z-index: 100000;
  top: -100px;
}

.custom-store img {
  position: relative;
  width: 18px;
  top: -1px;
  left: -1px;
}

.fast-delivery img {
  width: 24px;
  position: relative;
  top: -4px;
}

.free-delivery img {
  width: 22px;
  position: relative;
  top: -1px;
}

.features-badge {
  background: white;
  padding: 0px 12px;
  border-radius: 30px;
  border: 1px solid #d9d9d9;
}

.pay-at-address img {
  width: 21px;
  position: relative;
  top: -3px;
  left: 2px;
}

.modal-backdrop {
  z-index: 0 !important;
}

@media (min-width: 365px) {
  #portfolio-filter li {
    flex-basis: 100px;
  }
}

@media (min-width: 430px) {
  #same-posts .card img {
    width: 100%;
    height: 180px;
  }
}

@media (min-width: 450px) {
  .main-row {
    padding: 15px 0px;
  }

  .online-stores .card-body {
    position: relative;
    top: 0px;
  }

  #card-online .card-title {
    font-size: 15px;
    font-size: iranyekan-extrabold-funumber;
  }

  .user-comment #comment {
    position: relative;
    right: 58px;
  }

  #top-slider {
    width: 100%;
    /*height:360px;*/
  }

  #top-slider img {
    max-height: 360px;
    width: 100%;
  }

  #same-posts .card img {
    width: 100%;
    height: 240px;
  }

  .card .card-body .time-online {
    position: absolute;
    top: 55px;
  }
}

@media (min-width: 576px) {
  .main-row {
    padding: 20px 15px;
  }

  .modal-dialog {
    max-width: 95% !important;
  }

  .mobile-report-modal-dialog {
    width: 95% !important;
  }

  #comparison .title {
    font-size: 14px;
  }

  #top-slider {
    width: auto;
    /*height: 360px;*/
  }

  #top-slider img {
    height: 360px;
    max-height: 360px;
    width: auto;
  }

  #comparison .min-price {
    font-size: 23px;
  }

  #comparison .max-price {
    font-size: 23px;
  }

  .carousel-control-prev span {
    position: absolute;
    border: 1px solid red;
    border-radius: 50%;
    background-color: white;
    font-size: 16px;
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 11px;
    border: 1px solid red;
    padding-bottom: 5px;
    text-align: center;
    vertical-align: middle;
    font-size: 24px;
  }

  .carousel-control-next span {
    position: absolute;
    border: 1px solid red;
    border-radius: 50%;
    background-color: white;
    font-size: 16px;
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 11px;
    border: 1px solid red;
    padding-bottom: 5px;
    text-align: center;
    vertical-align: middle;
    font-size: 24px;
  }

  .content .url-off {
    top: 162px;
  }

  .content .call {
    top: 170px;
  }

  #nav-tabs .nav-link {
    font-size: 14px;
    padding: 7px 19px;
    color: #2d6698;
  }

  #col-information {
    position: relative;
    top: 20px;
  }

  #col-rules {
    position: relative;
    top: 15px;
  }

  #comment-col {
    position: relative;
    top: 30px;
  }

  #send-col {
    position: relative;
    top: 30px;
  }

  .cards-title {
    margin: 0px -10px;
  }

  #same-posts .card img {
    width: 100%;
    height: 220px;
  }

  .score-title {
    font-size: 14px;
    font-family: iranyekan-li-fanumber;
  }

  #id_score {
    width: 130px;
    font-size: 14px;
    font-family: iranyekan-li-fanumber;
  }

  #score .score_count {
    font-size: 14px;
    font-family: iranyekan-li-fanumber;
    margin: 10px 5px;
    padding: 0px 10px;
    border-radius: 5px;
  }

  .comment-send .btn {
    width: 130px;
  }

  #report span {
    font-size: 14px;
  }

  #report .report-btn {
    font-size: 13px;
  }

  .online-title h2 {
    font-size: 19px;
    font-family: iranyekan-extrabold-fanumber;
  }
}

@media (min-width: 768px) {
  .main-footer {
    display: block !important;
  }

  .adv-disadv {
    height: 120px !important;
  }

  #share_box {
    position: absolute;
    bottom: 137px;
  }

  .main-row {
    padding: 20px 60px;
  }

  #amount-button {
    border: 1px solid #b2b0b0;
    margin-top: 100px;
  }

  .digital-keyword-details-col {
    padding-right: 60px;
  }

  .modal-dialog {
    max-width: 90% !important;
  }

  .detail-title {
    font-size: 14px;
    margin-left: 10px;
    padding: 5px 8px;
    min-width: 190px;
  }

  .detail-field {
    font-size: 14px;
    flex-grow: 1;
    display: flex;
  }

  span.tooman {
    font-size: 13px;
  }

  #same-posts .bg-white {
    border-radius: 5px;
  }

  .online_profile_content {
    font-size: 12px;
  }

  #post_scores button .five-score {
    font-size: 26px;
  }

  .card .card-footer .min-price {
    font-size: 15px;
  }

  #place {
    padding: 5px 11px;
  }

  .card .card-footer .city,
  .area {
    font-size: 12.5px;
  }

  #top-slider {
    width: 100%;
    height: 450px;
  }

  #top-slider img {
    max-height: 448px;
    height: 448px;
    padding: 8px;
  }

  #portfolio-filter li {
    flex-basis: 87px;
  }

  #chat_link_1 button {
    position: relative;
    top: 43px;
    width: 100%;
    outline: 0 !important;
  }

  #chat .chat-btn {
    font-size: 13px;
    border: 1px solid #8d908d;
    border-radius: 5px;
    padding: 4px 10px;
    background: #f2f0f0;
  }

  #chat .chat-btn i {
    position: relative;
    top: 4px;
  }

  #link button {
    font-size: 13px;
    border: 2px solid #c70000;
    border-radius: 5px;
    padding: 4px 10px;
    background: inherit;
    color: #c70000;
  }

  #online_box {
    /*	max-height: 940px;
	overflow: auto;*/
    padding: 20px 10px;
  }

  .comment-user-img img {
    width: 55px;
    height: 56px;
    border-radius: 50%;
    border: none;
    padding: 2.5px;
  }

  .user-content .comment-username {
    position: relative;
    top: 14px;
    margin-right: 5px;
  }

  .user-comment {
    margin-bottom: 10px;
    border-bottom: 1px solid #dfe4ea;
    padding-bottom: 10px;
  }

  .user-comment #comment {
    position: relative;
    font-size: 14px;
    right: 58px;
    top: -30px;
    width: 90%;
  }

  .rules {
    font-size: 14px;
    position: relative;
    right: -10px;
    top: 10px;
  }

  #buy {
    border-right: 1px solid red;
    text-align: center;
  }

  #product1 .explane {
    font-size: 14px;
    font-family: iranyekan-reg-fa-number;
    text-align: justify;
  }

  #same-posts .card img {
    width: 100%;
    height: 250px;
  }
}

@media (min-width: 992px) {
  .container-fluid {
    margin-bottom: 0px;
  }

  .main-row {
    padding: 0px 10px;
  }

  .digital-keyword-details {
    padding-right: 50px;
    padding-left: 40px;
  }

  .video-owner {
    position: absolute;
    bottom: 3px;
  }

  #store_name {
    font-size: 17px;
  }

  .modal-body {
    padding: 6px !important;
  }

  #video_carousel .owl-item {
    margin: 10px 10px;
  }

  #top_compare_price .max-price {
    font-size: 19px !important;
  }

  #top_compare_price .min-price {
    font-size: 19px !important;
  }

  #comparison .comparison-storename {
    font-size: 18px;
  }

  #off_code {
    position: absolute;
    bottom: 113px;
    top: auto;
  }

  #off_code .off-code-text {
    font-size: 12px;
  }

  .card img {
    padding: 12px;
    border-radius: 18px;
  }

  .video-image {
    height: 183px !important;
  }

  #place {
    top: -3px;
    padding: 8px 10px;
    border: 1px solid #dadada;
  }

  .card .card-body {
    padding: 0px 8px;
  }

  #chat_link_1 button {
    position: relative;
    top: 0px;
    width: 100%;
    outline: 0 !important;
  }

  #chat_link_1 {
    position: absolute;
    bottom: 75px;
    width: 100%;
  }

  #col-store_detail-1 {
    display: none;
  }

  #note-2 {
    display: block !important;
  }

  #title_amount_box {
    height: 400px;
  }

  #store_detail-2 {
    height: 190px;
  }

  #store_detail-2 li {
    font-size: 13px;
  }

  #goto-store-2 .badge {
    font-size: 12px;
    padding: 12px 10px;
    width: 50%;
    margin-right: auto;
    position: relative;
    top: -3px;
    left: 8px;
    color: #dc3545;
    border: 2px solid #dc3545;
    color: 2px solid #dc3545;
  }

  #note-2 {
    height: 190px;
  }

  #note-2 li {
    font-size: 13px;
    text-align: justify;
    font-family: iranyekan-li-fanumber;
  }

  #amount-button {
    position: absolute;
    bottom: 0px;
  }

  #col-store_detail-2 {
    display: none;
  }

  #note-1 {
    display: none;
  }

  #col-slider {
    height: 400px;
  }

  .content .url-off {
    top: 262px;
  }

  .content .call {
    top: 265px;
  }

  #col-information {
    position: relative;
  }

  .information .explane {
    font-size: 14px;
    font-family: iranyekan-li-fa-number;
    border-radius: 5px;
    margin-top: 0px;
  }

  #top-slider {
    width: 100%;
    height: 400px;
  }

  #top-slider img {
    max-height: 400px;
    height: 400px;
  }

  #portfolio-filter li {
    flex-basis: 89px;
    padding: 4px 8px;
  }

  #col-rules {
    position: relative;
    top: 38px;
  }

  #col-rules #rules {
    height: auto;
    text-align: justify;
    /* line-height: 25px; */
  }

  #send-col {
    position: relative;
  }

  .card {
    width: 100%;
  }

  .card img {
    width: 100%;
    height: 200px;
  }

  .card .card-body {
    position: relative;
    padding: 0px 10px;
    line-height: 30px;
    margin-bottom: 0px;
  }

  .card .card-body h2 {
    font-size: 14px;
  }

  .card .card-body .badge {
    top: 6px;
  }

  .card-horizontal {
    display: block;
  }
}

@media (min-width: 1200px) {
  .main-row {
    padding-right: 50px;
    padding-left: 50px;
  }

  #top-slider {
    width: 100%;
    height: 400px;
  }

  #top-slider img {
    max-height: 400px;
    height: 400px;
  }

  .content .url-off {
    top: 288px;
  }

  .content .call {
    top: 285px;
  }

  #col-slider {
    height: 400px;
  }

  .col-detail-1 {
    padding-right: 0px;
    padding-left: 0px;
  }

  .col-detail-2 {
    padding-right: 0px;
    padding-left: 0px;
  }

  #comparison .title {
    font-size: 16px;
  }

  #comparison .min-price {
    font-size: 27px;
  }

  #comparison .max-price {
    font-size: 27px;
  }

  #card-online .price {
    font-size: 20px;
  }

  #portfolio-filter li {
    flex-basis: 83px;
    padding: 4px 5px;
  }

  #title_amount_box {
    position: relative;
    height: 400px;
  }

  #comment-col {
    position: relative;
    top: -240px;
  }

  #send-col {
    position: relative;
    top: -240px;
  }

  .card {
    width: 100%;
  }

  .card img {
    width: 100%;
    height: 220px;
  }

  .card .card-body {
    position: relative;
    padding: 0px 10px;
    line-height: 30px;
    margin-bottom: 0px;
  }

  .card .card-body h2 {
    font-size: 14px;
  }

  .card .card-footer .place {
    position: relative;
    font-size: 13px;
  }

  .card .card-footer .org-price {
    font-size: 15px;
    color: red;
  }

  .modal-dialog {
    position: relative;
    top: 0%;
    transform: translateY(0%) !important;
  }
}

@media (min-width: 1300px) {
  .main-row {
    padding-right: 50px;
    padding-left: 50px;
  }

  .content .url-off {
    top: 322px;
  }

  .content .call {
    top: 320px;
  }

  .carousel-control-prev span {
    position: absolute;

    margin-top: 17px;
  }

  .carousel-control-next span {
    position: absolute;
    margin-top: 17px;
  }

  #portfolio-filter li {
    flex-basis: 95px;
    padding: 4px 10px;
  }

  #comment-col {
    position: relative;
    top: -240px;
  }

  #send-col {
    position: relative;
    top: -240px;
  }

  .card .card-footer .org-price {
    font-size: 15px;
    color: red;
  }
}

@media (min-width: 1400px) {
  .main-row {
    padding-right: 80px;
    padding-left: 80px;
  }

  .modal-dialog {
    max-width: 80% !important;
  }

  .report-modal-dialog {
    max-width: 40% !important;
    padding: 5px 19px;
  }

  #top-slider {
    width: 100%;
    height: 400px;
  }

  #top-slider img {
    max-height: 398px;
    height: 398px;
  }

  #col-slider {
    height: 400px;
  }

  #note-2 {
    display: none !important;
  }

  #top_compare_price .max-price {
    font-size: 21px !important;
  }

  #top_compare_price .min-price {
    font-size: 21px !important;
  }

  #store_detail-1 {
    height: 214px;
  }

  #goto-store-1 .badge-col {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
  }

  .content #product-name {
    position: relative;
    top: 0px;
    line-height: 35px;
    font-size: 19px;
  }

  #top_note {
    display: block !important;
  }

  .content #introduce1 {
    margin-top: 10px;
    font-size: 14px;
  }

  .content .url-off {
    top: 156px;
  }

  .content .call {
    top: 155px;
  }

  .carousel-control-prev span {
    position: absolute;
    margin-top: 2px;
  }

  .carousel-control-next span {
    position: absolute;
    margin-top: 2px;
  }

  #title_amount_box {
    position: relative;
    height: 309px;
  }

  #col-store_detail-1 {
    display: block;
  }

  #col-store_detail-2 {
    display: none !important;
  }

  #col-information {
    position: relative;
    top: 41px;
  }

  #col-rules {
    position: relative;
    top: 40px;
  }

  #comment-col {
    position: relative;
    top: 55px;
  }

  #send-col {
    position: relative;
    top: 50px;
  }

  .card img {
    width: 100%;
    height: 240px;
  }
}

@media (min-width: 1500px) {
  .main-row {
    padding-right: 160px;
    padding-left: 160px;
  }

  .content .url-off {
    top: 161px;
  }

  .content .call {
    top: 155px;
  }
}

@media (min-width: 1536px) {
}