@font-face {
    font-family: fontawesome;
    src: url(../fonts/fontawesome-webfont.eot);
    src: local('?'), url(../fonts/fontawesome-webfont.woff) format('woff'), url(../fonts/fontawesome-webfont.ttf) format('truetype'), url(../fonts/fontawesome-webfont.otf) format('otf');
   font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: IRANSansWeb;
    src: url('../fonts/IRANSansWeb(FaNum).eot');
    src: local('?'), url('../fonts/IRANSansWeb(FaNum).woff') format('woff'), url('../fonts/IRANSansWeb(FaNum).ttf') format('truetype'), url('../fonts/IRANSansWeb(FaNum).otf') format('otf');
    font-weight: 400;
    font-style: normal
}


@font-face {
    font-family: fontawesome;
    font-style: normal;
    font-weight: 900;
    src: url(/_fonts/fontawesome5-solid-900.eot);
    src: url(/_fonts/fontawesome5-solid-900.eot?#iefix) format("embedded-opentype"), url(/_fonts/fontawesome5-solid-900.woff) format("woff"), url(/_fonts/fontawesome5-solid-900.ttf) format("truetype"), url(/_fonts/fontawesome5-solid-900.svg#fontawesome) format("svg");
}

@font-face {
    font-family: 'fontawesome';
    font-style: normal;
    font-weight: normal;
    src: url("/_fonts/fontawesome5-brands-400.eot");
    src: url("/_fonts/fontawesome5-brands-400.eot?#iefix") format("embedded-opentype"),  url("/_fonts/fontawesome5-brands-400.woff") format("woff"), url("/_fonts/fontawesome5-brands-400.ttf") format("truetype"), url("/_fonts/fontawesome5-brands-400.svg#fontawesome") format("svg");
}
*{margin: 0 ; padding: 0 ; border: 0 }
body{ font-family: IRANSansWeb; color: #555555 ; font-size: 14px ; background: #fdfdfd}
a{ text-decoration: none;color: #555555 }
ul{list-style: none;}
h1{direction: rtl;}
.clr{clear: both}
.animation{-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s  ease-in-out;
    -o-transition: all 0.5s  ease-in-out;
    -ms-transition:  all 0.5s  ease-in-out;
    transition:  all 0.5s  ease-in-out}

/***********************************************/
.login_resize {
    width: 100%;
    height: 20px;
    background-image: url("../images/bg-header-top.jpg");
    padding: 20px 0; 
    display: flex;
    justify-content: center;
}
.black_header a {
    color: #fff;
    float: right;
    direction: rtl;
    text-align: right;
}
.black_header {
    width: 1250px;
    margin: 0 auto
}
.login_link span{padding: 0 5px}
.header{background: #fff ; width: 1300px; margin: 0 auto; position: relative; z-index: 999999999}
.header1{background: #fff ; width: 100%; }
.nav{ float: right; margin-top: 20px }
.nav li{float:  right;}
.logo{width: 128px; float: left; margin-top: 5px; margin-left: 5px}
.header_resize{width: 100% ; background: url("../images/header2_bg.jpg"); height: 600px ; position: relative;}
.animation{-webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;}
/*menu*/
.menu {
    width: 100%;
}
.menu-container {
  margin: 0 auto;
}

.menu img {
    max-width: 100%;
}
.menu-mobile {
  display: none;
  padding: 20px;
}
.menu-mobile:after {
  font-size: 2.5rem;
  padding: 0;
  float: right;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-25%);
          transform: translateY(-25%);
}
.menu-dropdown-icon:before {
  content: "\f107";
  display: none;
  cursor: pointer;
  float: left;
  padding: 1.5em 2em;
  background: #fff;
  color: #333;
}
.menu > ul {
  margin: 0 auto;
  list-style: none;
  padding: 0;
  position: relative;
  /* IF .menu position=relative -> ul = container width, ELSE ul = 100% width */
  box-sizing: border-box;
      clear: right;
}
.menu > ul:before,
.menu > ul:after {
  content: "";
  display: table;
}
.menu > ul:after {
  clear: both;
}
.menu > ul > li {
  float: right;
  padding: 0;
  margin: 0;
  position: relative;
}
.menu > ul > li a {
  text-decoration: none;
  padding: 1.5em 2em;
  display: block;
  color: #555
}
.menu > ul > li:hover .first_lvl {
  color: #f72387 ;
}
.menu > ul > li > ul {
  display: none;
  width: 700px;
  background: #fff;
  padding: 20px;
  position: absolute;
  z-index: 99;
  right: 0;
  margin: 0;
  list-style: none;
  box-sizing: border-box;
  top: 60px
}
.menu > ul > li > ul:before,
.menu > ul > li > ul:after {
  content: "";
  display: table;
}
.menu > ul > li > ul:after {
  clear: both;
}
.menu > ul > li > ul > li {
  margin: 0;
  padding-bottom: 0;
  list-style: none;
  width: 50%;
  background: none;
  direction: rtl;
  text-align: right;
  float: right;
}
.menu > ul > li > ul > li a {
  color: #777;
  padding: .2em 0;
  width: 95%;
  display: block;
  border-bottom: 1px solid #ccc;
}
.menu > ul > li > ul > li a:hover{
    color:#f62389;
}
.menu > ul > li > ul > li > ul {
  display: block;
  padding: 0;
  margin: 10px 0 0;
  list-style: none;
  box-sizing: border-box;
}
.lvl1_menu{padding-bottom: 20px !important}
.menu > ul > li > ul > li > ul:before,
.menu > ul > li > ul > li > ul:after {
  content: "";
  display: table;
}
.menu > ul > li > ul > li > ul:after {
  clear: both;
}
.menu > ul > li > ul > li > ul > li {
  float: left;
  width: 100%;
  padding: 1px 0;
  margin: 0;
  font-size: .8em;
}
.menu > ul > li > ul > li > ul > li a {
  border: 0;    
  font-size: 14px;
}
.menu > ul > li > ul.normal-sub {
  width: 500px;
  left: auto;
  padding: 10px 20px;

}

.menu > ul > li > ul.normal-sub > li a {
  border: 0;
  padding: 10px 0;
}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Mobile style's
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media only screen and (max-width: 959px) {
  .nav{width: 70%}
  .menu-container {
    width: 100%;
  }
  .menu-container .menu{
    display:inline-block;
   }
  .menu-mobile {
    display: block;    
    float: right;    
    padding: 20px 20px 0;
  }
  .menu-dropdown-icon:before {
    display: block;
  }
  .menu > ul {
    display: none;
    width:100%;
  }
  .menu > ul > li {
    width: 100%;
    float: none;
    display: block;
  }
  .menu > ul > li a {
    padding: 1.5em;
    width: 100%;
    display: block;
    text-align: right;
    padding-left: 0
  
  }
  .menu > ul > li > ul {
    position: relative;    
    padding: 0 40px;
      top :0;
  }
  .menu > ul > li > ul.normal-sub {
    width: 100%;
  }
  .menu > ul > li > ul > li {
    float: none;
    width: 100%;
    margin-top: 20px;
  }
  .menu > ul > li > ul > li:first-child {
    margin: 0;
  }
  .menu > ul > li > ul > li > ul {
    position: relative;
  }
  .menu > ul > li > ul > li > ul > li {
    float: none;
  }
  .menu .show-on-mobile {
    display: block;
  }
}
/*menu*/
.search_box_reszie{width: 900px; min-height: 150px; border-radius: 5px ; background: rgba(255,255,255,0.5) ; margin: 0 auto ; position: relative; top: 200px ; position: relative;}
.search_btns{width: 150px; height: 150px;  background: #fff; border-radius: 50% ; float: right; margin-top: -75px; margin-right: 110px; cursor: pointer;border:1px solid #fff}
.search_input{margin:0 auto;width: 500px; position: relative;}
.search_input input{width: 500px; height:50px;  border-radius: 5px;  border:1px solid #ccc;position: absolute; top: 125px ;direction: rtl;text-align: right; color: #555; padding: 0 10px;font-family: IRANSansWeb;}
.cookie_bg{width: 55px; height: 55px; background: url("../images/icons.png") top 138px left 0  ; margin: 0 auto ; position: relative; top: 20px}
.search_btns_link{color: #555 ; width: 100% ; text-align: center; color: #555 ; margin-top: 30px}
.cake_bg{width: 55px; height: 60px; background: url("../images/icons.png") top 0  left 0  ; margin: 0 auto ; position: relative; top: 20px}
.desser_bg{width: 57px; height: 60px; background: url("../images/icons.png") top 74px left 0  ; margin: 0 auto ; position: relative; top: 20px}
.search_btns_active{border:1px solid #ff2093;}
.search_btns_active div{color: #ff2093}
.search_btns_active .cookie_bg{background: url("../images/icons.png") top 138px left -56px }
.search_btns_active .cake_bg{background: url("../images/icons.png") top 2px left -54px }
.search_btns_active .desser_bg{background: url("../images/icons.png")top 74px left -56px  }
.search_btns:hover div{color: #ff2093; }
.search_btns:hover .cookie_bg{background: url("../images/icons.png") top 138px left -56px }
.search_btns:hover .cake_bg{background: url("../images/icons.png") top 2px left -54px }
.search_btns:hover .desser_bg{background: url("../images/icons.png") top 74px left -56px }
.mouse_icon{width: 20px; margin: 0 auto ; background: url("../images/mouse-down.png") ; position: absolute; bottom: 20px; height: 37px ; left: 49.5%; -webkit-animation-name: mouse; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 1.5s; /* Safari 4.0 - 8.0 */
  animation-name: mouse;
  animation-duration: 1.5s;  animation-iteration-count: infinite;  -webkit-animation-iteration-count: infinite; cursor: pointer;}
@keyframes mouse {
  0% {bottom:  20px;}
  50% {bottom: 10px;}
  100%{bottom: 20px}
}
.submit_search_default {

    width: 50px;
    height: 52px;
    background: #f72387;
    color: #fff;
    border: none;
    position: relative;
    bottom: -48px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    cursor: pointer;

}
.steps_resize{width: 1200px; margin: 0 auto ; padding-top: 50px ; padding-bottom:50px}
.step_title{width: 100%; text-align: center;padding-bottom: 50px}
.level{width: 360px ;height: 350px; background: #fff ; border: 1px solid #dddddd ; border-radius: 5px ;}
.levels{display: flex; justify-content: space-between; direction: rtl;}
.level_title{width: 100%; text-align: center; padding: 10px 0 ; text-align: center;font-size: 24px;}
.level_desc{width: 90%; text-align: center; color: #808080 ; margin: 0 auto}
.default_box1{width: 1200px }
.box1_resize{width: 100%; display: flex; justify-content: center;}
.box1_right{width: 100%; float: right; border: 1px solid #dddddd ; background: #fff; border-radius: 5px ;
min-height: 300px ; position: relative;}
.box1_left{width: 260px; float: left; border: 1px solid #dddddd ; background: #fff; border-radius: 5px ;
min-height: 300px}
.box1_right_title{width: 30%; float: right; padding: 15px 0; text-align: right;
 border-bottom: 2px solid #f72387;margin-bottom: 10px ; margin-right: 15px}
 .item {
    border: 1px solid #dddddd;
    text-align: center;
    margin: 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    width: 250px;
    font-family: IRANSansWeb;
}
.product_thumb {
    position: relative;
    width: 253px;
    height: 253px;
}
.product_thumb:hover .quick-view {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transform: 1;
    -moz-transform: 1;
    -o-transform: 1;
    -ms-transform: 1;
    transform: 1;
}
.product_thumb::before {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    content: "";
    background: rgba(0, 0, 0, 0.3);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transform: 0;
    -moz-transform: 0;
    -o-transform: 0;
    -ms-transform: 0;
    transform: 0;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}
 .product_thumb:hover::before{
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transform: 1;
    -moz-transform: 1;
    -o-transform: 1;
    -ms-transform: 1;
    transform: 1;
}
.quick-view {
    position: absolute;
    z-index: 999;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    top: 50%;
    left: 50%;
    margin-top: -20px;
    margin-left: -20px;
    cursor: pointer;
    -webkit-transform: 0;
    -moz-transform: 0;
    -o-transform: 0;
    -ms-transform: 0;
    transform: 0;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
    opacity: .8;
}
.quick-view a {
    font-size: 30px;
    color: #fff;
}
.link-images-product {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.product__title {
    margin-top: 10px;
    float: right;
    
}
.article_left_title a:hover{color: #f72389}
.title {
    display: block;
    color: #5e3c3e;
    padding: 0 10px;
    font-size: 16px;
    text-align: right;
    
}
.product__title_1{width: 100%}
.link-images-product img{border-top-right-radius: 5px;border-top-left-radius: 5px}
.main_list .item{width: 253px ; margin-bottom: 40px}
.price-product {
    margin-bottom: 15px;
    font-size: 13px;
    float: right;
    margin-right: 10px;
    direction: rtl;
    margin-top: 10px;
}
.supplier_info {
    height: 10px;
    direction: rtl;
    text-align: right;
    margin-right: 10px;
}
.supplier_info img{margin-left: 5px;}
.supplier_info a {
    color: #555;
}
.rate_list {
    margin: 20px 0;
    text-align: right;

margin-right: 10px;
margin-top: 0;
}
.rate_list i {
    color: #ffa803;
    font-size: 18px;
    margin-right: 5px;
}
.item {
    text-align: center;
    font-family: IRANSansWeb;
}
.add_to_cart_button {
    position: relative;
    background: #ffffff;
    color: #f72384;
    font-size: 12px;
    text-transform: uppercase;
    padding: 13px 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #dddddd;
    font-weight: 700;
}
.add_to_cart_button:hover {
    border-color: #e47277;
    background-image: linear-gradient( #f62388, #a105cc);
    color: #ffffff;
    cursor: pointer;
}
.supplier_info img{width: 20px !important}
.owl-nav{position: absolute; top: -65px; left: 10px ; width: 70% ; text-align: left; border-bottom: 2px solid #dddddd}
.owl-prev{float: left ; background: #f72389 !important; width: 30px; height: 30px ;opacity: 1 !important}
.owl-prev span,.owl-next span{ color: #fff  !important ; font-size: 24px !important ;line-height: 30px}
.owl-next{float: left ; background: #f72389 !important; width: 30px; height: 30px ;opacity: 1 !important ; 
 margin-bottom: 8px !important}
 .box1_left_title{width: 100%; float: right; padding: 15px 0; text-align: right;
 border-bottom: 2px solid #f72387;margin-bottom: 10px ; text-align: center;font-size: 14px}
 .col-md-3 {
    max-width: 100%;
}
.card {
    border: 1px solid #e6e6e6 !important;
    font-weight: 400;
}
.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem;
}
.articles_list1{display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;}
.breadcrumb_resize{width: 100%; background:#4a4a4a ;position: absolute;
    bottom: 0;
    padding: 10px 0;}
.breadcrumb_resize i {padding: 0 10px;color: #e4e4e4;}
.breadcrumb_resize span{color:#c1c1c1 ; font-size: 12px;}
.breadcrumb_resize li{float: right; margin-left: 10px;}
.breadcrumb_resize a{color: #fff; font-size: 12px;}
.breadcrumb{width: 1300px; margin: 0 auto;}
.tile {
    height: 250px;
    display: inline-block;
    text-align: left;
    opacity: .99;
    overflow: hidden;
    position: relative;
    border-radius: 3px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.05);
    border-bottom-left-radius: 0 ; border-bottom-right-radius: 0
}
.details {
    font-size: 16px;
    padding: 20px;
    color: #fff;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 3;
    opacity: 0;
}
.details span {
    color: #fff;
    float: right;
    width: 100%;
    text-align: right;
    direction: rtl;
}
.card-body {
    padding-right: 0 1.25rem;
    padding: 0 1.25rem;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
    direction: rtl;
    text-align: right;
    height: 140px
}
.card .card-body .card-text {
    color: #747373;
    font-size: .9rem;
    font-weight: 400;
    padding-bottom: 20px
}
.btn {
    padding: .50rem 1.14rem;
    font-size: .81rem;
    -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    -o-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    margin: 0 auto;
    border: 0;
    -webkit-border-radius: .125rem;
    border-radius: .125rem;
    cursor: pointer;
    text-transform: uppercase;
    white-space: normal;
    word-wrap: break-word;
    color: #fff;
}
.btn-primary {

    color: #555;
    background-color: #fff !important;
    border: 1px solid #f72387 !important;
    border-radius: 3px !important;
    margin: 20px 0 ;
    display: block;
    text-align: center;
}
.btn-primary:hover{
    color: #fff;
    background-color: #f72387 !important;
}
.btn-secondary {

    color: #fff;
    background-color: #f72387 !important;
    border: 1px solid #f72387 !important;
    border-radius: 3px !important;
    margin: 20px 0 ;
    display: block;
    text-align: center;
    width: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.btn-secondary:hover{
    color: #555;
    background-color: #fff !important;
}
.card-body a{text-align: center;}
#owl-carousel2 .item{ width: 250px ;border: none !important ; margin: 10px auto}
#owl-carousel2 .card {border: none !important}
.card-title{padding-bottom: 10px; padding-top: 20px}
.box3_resize{width: 100%; display: flex; justify-content: center; margin-top: 50px}
.box3{width: 1200px}
.box3_resize .box1_left{float: right;}
.box3_resize .box1_right{float:left;}
.class img{width: 100%}
.class {width: 95%; margin: 0 auto}
.article_img_40{float: right;}
.article_right p{color: #777777; margin-top: 10px ; }
.article_list{padding:0 15px;}
.article_right{float: right; margin-right: 10px ; width: calc( (100%) - (100px) ) ; text-align: right;padding-top: 10px}
.artist{float: left; margin-left: 10px}
.artist span{color: #f72389}
.article_list li{border-bottom: 1px solid #e8e8e8 ; padding-bottom: 10px ; margin-bottom: 20px}
.article_left_title{float: left; width: 65%; border-bottom: 2px solid #dddddd ;padding: 15px 0  ; margin-left: 15px}
.article_list li:last-child{border-bottom: none}
.box4_resize{width: 100%; display: flex; justify-content: center; margin-top: 50px}
.box4{width: 1200px}
.box5_resize{width: 100%; display: flex; justify-content: center; margin-top: 50px}
.box5{width: 1200px }
.box5_left{width: 800px; float: left;}
.box5_right{width: 360px; height: 400px; background: #fff; border-radius: 5px; border: 1px solid #dddddd;float: right;}
.artist_logo_df{width: 70px; height: 70px; background: #fff;border: 1px solid #dddddd; float: right;}
.artist_title_df{float: right; margin-right: 10px }
#first{background: url("../images/first.png") no-repeat left 10px center #fbfbfb;}
#second{background: url("../images/second.png") no-repeat left 10px  center #f5f5f5;}
#third{background: url("../images/thitd.png") no-repeat left 10px  center #eeeded;}
.best_artist li{padding: 15px 10px} 
.box5_right .box1_left_title{margin-bottom: 0 }
.artist_title_df a{position: relative; top: 10px}
.footer_resize{width: 100% ; background: #f3f3f3; border-top: 4px solid #f72387 ;margin-top: 50px;display: flex;
justify-content: center; padding-top: 70px ; flex-direction: column; align-items: center;}
.footer{width: 1200px; display: flex; direction: rtl; justify-content: space-between; }
.footer_box1{width: 50% ; direction: rtl; text-align: right; position: relative; top: -30px ; padding-left: 20px}
.footer_box2,.footer_box3{width: 20%; direction: rtl; text-align: right;}
.footer_title{ font-size: 18px ; color: #f72387 }
.powerd{width: 1200px; border-top: 1px solid #c5c5c5 ; margin-top:20px}
.footer_social{float: right; padding-top: 20px; padding-bottom: 20px;}
.social{width: 30px; height: 30px; border-radius: 50% ; background: #555555;text-align: center; line-height: 30px;
float: right; margin-left: 10px}
.social i{color: #fff}
.basiscore{float: left; margin-top: 20px; direction: ltr; display: flex; gap: 10px;}
.basiscore img{position: relative;}
.footer_box3 li,.footer_box2 li{line-height: 30px}
.footer_title{margin-bottom: 10px}
.footer_box3 a:hover,.footer_box2 a:hover{color: #f72387}
.social:hover{background: #f72387; cursor: pointer;}
.map_resize {
    width: 100%;
    height: 200px;
    background: url("../images/pro_back.jpg") no-repeat;
        background-size: auto;
    background-size: cover;
    text-align: center;
    position: relative;
}
.description_box {
    width: 900px;
    min-height: 100px;
    border-radius: 5px;
    background: #fff;
    border: 1px solid #ccc;
    margin: 0 auto;
        margin-bottom: 0px;
    position: relative;
    top: 170px;
    -webkit-box-shadow: 0 0 .4rem 0 rgba(0,0,0,.12);
    box-shadow: 0 0 .4rem 0 rgba(0,0,0,.12);
    direction: rtl;
    text-align: right;
    padding: 20px;
    font-size: 18px;
    margin-bottom: 20px;
    box-sizing: border-box;
}
.description_box p {
    margin-bottom: 10px !important;
}
.description_box i {
    margin-left: 5px;
    color: #05d500;
}
.desc_text {
    font-size: 14px;
    line-height: 15px;
    margin-bottom: 10px !important;
    margin-right: 15px;
}
.content_resize{width: 100%; display: flex;  justify-content: center; margin-top: 30px;}
.contents{width: 1300px; display: flex; justify-content: space-between; direction: ltr;}
.contents_product{width: 1300px; display: flex; justify-content: center; direction: rtl; flex-direction: column;}
.sidebar {
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 10px;
    width: 20% ; 
    background: rgba(255, 255, 255, 0.7);
}
.sidebar li:first-child {
    border-bottom: 1px solid #f62389;
    color: #f62389;
    font-size: 18px;
    padding: 0 0 10px 0 ;
    font-weight: 700
}
.sidebar ul li {
    direction: rtl;
    text-align: right;
    nt-size: 13px;
    font-weight: 700;
    text-transform: capitalize;
    border-bottom: 1px solid #eeeeee;
    color: #5e3c3e;
    padding-top: 13px;
padding-bottom: 13px;
}
label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold;
    cursor: pointer;
}
.sidebar input[type="radio"],.sidebar input[type="checkbox"] ,.social_form input[type="checkbox"]{
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal;
    display: none;
}
.social_form label{width: 100% ; padding-bottom: 2px}
.social_form div{padding-bottom: 5px;font-weight: bold;}
.check_label::before {
    content: '';
    width: 15px;
    height: 15px;
    border: 1px solid #ccc;
    background: #fff;
    border-radius: 3px;
    display: inline-block;
    margin-top: 0px;
    margin-left: 10px;
    position: relative;
    top: 5px;
    display: inline-block;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.check_sidebbar:checked + .check_label::before {
    background: #f62389;
    border: 1px solid #f62389;
}
.main_list{
    
    background: rgba(255, 255, 255, 0.7);
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 10px;
        padding-top: 10px;
        width:75%
 
}
.main_list_title{font-size: 18px; color: #f72387; width: 100% ; font-weight: 700;border-bottom: 1px solid #f62389;
padding: 0 0 10px 0 ; direction: rtl;}
.items_list{
     direction: rtl;
    grid-column-gap: 50px;
    grid-template-columns: 1fr 1fr 1fr 1fr;display: grid;}
.pro_table {
    border-radius: 5px;
    border: 1px dotted #ccc;margin-top:16px;font-size:14px
}
.cell_pro1 {
    width: 30%;
    line-height: 40px;
    background: #f3f3f3;
    padding-right: 10px;
    border-bottom: 1px dotted #cccccc;
}
.cell_pro2 {
    width: 70%;
    line-height: 40px;
    padding-right: 10px;
    background: #fff;
    border-bottom: 1px dotted #e5e5e5;
}
.woocommerce div.product div.summary {
    margin-bottom: 2em;
    direction: rtl;
    text-align: right;
    float: right;
}
.show_product{width: 100%;
display: flex;
justify-content: space-between;
direction: rtl;font-size:14px;line-height:26px}
.entry-summary{width: 50%}
.row_pro{display: flex; justify-content: center; direction: rtl;}
.owner_profile_title {
    background: #f62389;

    padding: 10px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    text-align: right;
    font-size: 18px;
    color: #fff;
}
.profile_cookie {
    border: 1px solid #f62389;
    border-radius: 5px;

    padding: 10px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    direction: rtl;
    background: #fff;
}
.profile_logo {
    float: left;
    margin-top: 10px;
    margin-left: 10px;
}
.owner_pro .profile_contact {
    margin-top: 0 !important;
}
.rate_resize {margin-top: 20px;}
.woocommerce img, .woocommerce-page img {
    height: auto;
    max-width: 100%;
}
.profile_contact li {
    line-height: 40px;
}
.rate_box {
    width: 100%;
    min-height: 150px;
    border-radius: 5px;
    border: 1px dashed #ccc;
    background: #fff;
    box-shadow: 1px 1px 10px #f5f5f5;
    margin-top: 50px;
}
.not_login_rate {
    width: 100%;
    text-align: center;
    margin-top: 40px;
}
.not_login_rate a {
    line-height: 60px;
}
.owner_pro {
    width: 100% !important;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}
.owner_profile_title h2 {
    font-size: 20px;
    color: #fff
}
.owner_profile_title h2 a{color: #fff}
.product_title {
    direction: rtl;
    padding-bottom: 20px;
    text-align: right;
    font-size: 25px;
    color: #555;
}
.products_tab{width: 1200px;margin: 0 auto; padding-top: 30px}
.short_desc_product li{line-height: 35px}
.tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0;
}
#tab-2 a{color: #f72387}
.tabs-nav li:first-child a {
    border-left: 0;
    -moz-border-radius-topleft: 6px;
    -webkit-border-top-right-radius: 6px;
    border-top-right-radius: 6px;
}
.tabs-nav .tab-active a {

    color: #f6238a;
    cursor: default;
    border-bottom: 3px solid #f6238a
}
.tabs-nav a {
    color: hsl(215, 6%, 57%);
    display: block;
    font-size: 11px;
    font-weight: bold;
    height: 40px;
    line-height: 44px;
    text-align: center;
    text-transform: uppercase;
    margin:  0 20px
}
.tabs-nav li {
    float: right;
}
.tabs-stage {
    line-height: 35px;
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    -ms-border-radius: 0 0 6px 6px;
    -o-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
    direction: rtl; text-align: right;
    clear: both;
    margin-bottom: 20px;
    position: relative;
    top: -1px;
    width: 100%;
}
.tabs-stage .tabcontent {
    margin: 0;
    padding: 20px;
    color: hsl(0, 0%, 33%);
}
.products_tab_resize{width: 100% ; background: #F9F9F9 ;padding-top: 30px;margin-top: 30px}
.tabs-nav a{color: rgba(0, 0, 0, .5); font-size: 20px}
.tabs-nav{display: flex; justify-content: center; direction: rtl; border-bottom: 1px solid #ccc}
.tabs{padding: 50px 0}
.comment-notes {
    text-align: right;
    display: inline-block;
    width: 100%;
}
.comment-form-comment {
    text-align: right;
    display: inline-block;
    width: 100%;
}
.comment-form label{margin-top: 10px}
.comment-form p {padding-bottom: 10px}
.comment-form p input, .comment-form p textarea {
  font-family: IRANSansWeb;
    padding: 5px;
    border: 1px solid #dddddd !important;
    width: 100%;
    float: left;
        box-sizing: border-box;

}

#submit {
    padding: 13px 25px !important;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    border-radius: 5px !important;
    border: 1px solid #e47277 !important;
        border-top-color: rgb(228, 114, 119);
        border-right-color: rgb(228, 114, 119);
        border-bottom-color: rgb(228, 114, 119);
        border-left-color: rgb(228, 114, 119);
    background: #e47277;
    color: #ffffff;
    width: auto;
    float: right;
    cursor: pointer;
}
span.required {
    color: #e47277;
}
.captcha-img {
    float: right;
}
.refresh_icon {
    font-size: 20px;
    margin-right: 15px;
    margin-top: 10px;
    cursor: pointer;
    transition: all .2s ease-in;
}
.rates {
    float: left;
    margin-bottom: 20px;
    direction: rtl;
}
.rates i {
    color: #ffa803;
    font-size: 18px;
    margin-right: 5px;
}
.rate_wrapper{float: left;}
.archive_switch  li {
    height: 200px;
    margin-bottom: 20px;
    width: 48%;
    float: right;
    background: #fff;
border: 1px solid #dfdfdf;
border-radius: 5px;
}
.content__product{display: flex; direction: rtl;}
.article_body .product__title {
    float: right;
    margin-right: 20px;
    direction: rtl !important;
    text-align: right !important;
    width: 80%;
}
.article_body .woocommerce-loop-product__link {
    float: right;
    position: relative;
}
.product_thumb1 img {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;

}
.product_thumb1{float: right;}
.read_more a {
    color: #f62389 !important;
}
.read_more {
    margin-top: 80px;
}
.article__title{float: right; margin-right: 10px}
.article_title{font-size: 18px; margin-bottom: 20px}
.show_article_list{padding-top: 10px ; text-align: right;}
.category-product-list li:hover .article_title{color: #f72387}
.article_showw {
    background: #fff;
    border: 1px solid #dfdfdf;
    border-radius: 5px;
    padding: 20px;
    width: 100%
}
.article_showw img{border-radius: 5px;}
.article_show{line-height: 30px; direction: rtl; text-align: right;}
.article_show b{padding-top: 20px;
    clear: both;
    display: block;}
.article_show .img{width: 100%;text-align: center; padding: 20px 0;}
.owner_profile_title {
    background: #f62389;
    border-radius: 3px;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
    padding: 10px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    text-align: right;
    font-size: 18px;
    color: #fff;
}
.profile_cookie {
    border: 1px solid #f62389;
    border-radius: 3px;
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
    padding: 10px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    direction: rtl;
    background: #fff;
}
.owner_list_ul li {
    direction: rtl;
    text-align: right;
    border-bottom: 1px dashed #e0e0e0;
    padding: 20px 0;
    position: relative;
}
.owner_list_image {
    float: right;
    margin-left: 10px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.owner_list_info {
    float: right;
}
.owner_list_info p {
    font-size: 13px;
    padding-bottom: 10px
}
.row_artist{width: 100%}
.show_menu:hover {
    background: #15d0af;
    color: #fff;
    cursor: pointer;
}
.links{float: left;}
.show_menu {
    border: 1px solid #15d0af;
    border-radius: 3px;
    color: #00b998;
    text-align: center;
    width: 170px;
    line-height: 35px;
    padding: 10px 15px; 
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
    display: block;
    margin-bottom: 10px
}
.owner_list_info a {
    font-size: 18px;
    color: #555;
}
.owner_list_info i {
    color: #a700c9;
    padding: 0 10px;
    font-size: 18px;
}
.row_show_artist,.row_about{width: 100%}
.profile_cookie p {
    margin-bottom: 10px !important;
      font-size: 15px
}
.profile_contact_title {
    margin: 20px 0;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 10px;
    font-weight: bold;
    color: #f62389;
    font-weight: 700;
    margin-top: 30px;

}
.profile_contact i {
    color: #f72385;
    font-size: 20px;
}
.hastim {
    width: 40%;
    float: right;
    margin-top: 40px;
}
.nistim {
    width: 40%;
    float: left;
    margin-top: 40px;
}
.hastim ul li, .nistim ul li {
    line-height: 30px;
    margin-right: 20px;
}
.login_form{
    display: block !important;
    direction: rtl;
    text-align: right;
    border: 1px solid #d3ced2;
padding: 20px;
margin: 2em 0;
text-align: left;
border-radius: 5px;
background: #fff;
width: 600px; margin: 0 auto;
box-sizing: border-box;
}
.form-row {
    padding: 3px;
    margin: 0 0 6px;
    margin-top: 20px
}
.textleft{direction: ltr ; text-align: right;}
input.input-text ,.answer_header input ,.answer_header select {
    padding: 10px 20px;
    border: 1px solid #dddddd;
    width: 100%;
    box-sizing: border-box;
    border-radius: 5px;
    font-family: IRANSansWeb;
}
.form-row label{width: 100%;
margin-bottom: 5px;
font-weight: bold;
text-align: right;
float: left;
}
.social_input{position: relative; margin: 10px 0}
.social_input img, .social_input span{position: absolute; top: 0 ; right: 0}
.social_input span{background: #555;width: 42px;
height: 42px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
text-align: center;
line-height: 45px;}
.social_input span i{color: #fff; font-size: 18px}
.social_input input[type="text"]{padding-right:50px;font-family: IRANSansWeb;}
.logInfo{text-align: center;
color: #f72387; margin-top: 20px}
.submit{background-color: #dfdcde;
text-decoration: none;
background-image: none;
color: #515151;
float: right;
font-size: 100%;
line-height: 1;
cursor: pointer;
position: relative;
text-decoration: none;
overflow: visible;
padding: .618em 1em;
font-weight: 700;
border-radius: 3px;
left: auto;
color: #515151;
background-color: #ebe9eb;
border: 0;
font-family: IRANSansWeb;
}
.list_product{width: 100%; padding: 0; margin: 0; border: 0}
.list_product thead td,.list_product thead tr{background: #ebd1f1;}
.list_product  td{padding: 10px 0;text-align: center;}
.list_product tbody tr:nth-child(even) td ,.list_product tbody tr:nth-child(even) {background: #f6f6f8;}
.captcha-refresh{float: right;}
.captcha-refresh i{font-size: 18px}
.remember_me{display: inline-block; padding: 10px 0}
.mobile_nav{display: none;}
.tile::before {
    content: '';
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
    width: 100%;
    height: 50%;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 2;
    transition-property: top, opacity;
    transition-duration: 0.3s;
}
.item:hover .tile:before{ top:50%}
.item:hover .details {opacity: 1}
.mm-collapse ul{margin-right: 10px}
.supplier_info a,.supplier_info img{float: right;}
.box1_right_1{padding-bottom: 20px}
.box1_left_1{min-height: 520px}
.box1_right_2{min-height: 570px}
.archive_switch {width: 100% ; display: flex; justify-content: space-between; flex-wrap: wrap;}
.widget-title{font-size: 16px}
.product-categories{margin-bottom: 20px ; margin-top: 20px; cursor: pointer;}
.h_iframe-aparat_embed_frame{margin-top: 10px;}
.contact_bg .socail_a{
    width: 30px;
height: 30px;
display: inline-block;
border: 1px solid #f72387;
border-radius: 5px;
text-align: center;
line-height: 30px;
margin-left: 5px;
margin-top: 10px;
}
.phone_header{float: left !important; direction: ltr !important; font-size: 18px !important;}
.phone_header:hover{color: #f62389;}
.phone_header i{margin-right: 5px; font-size: 14px !important;}
.sidebar_items li:first-child{direction: rtl;
text-align: right;
font-size: 13px;
font-weight: 700;
text-transform: capitalize;
border-bottom: 1px solid #eeeeee;
color: #5e3c3e;
padding-top: 13px;
padding-bottom: 13px;}
.product-categories h2{float: right;}
.product-categories i{float: left;}
.infoUser{text-align: right;color: #fff;float: right; direction: rtl;}
.profile_btn{float: right;background: #f72387;
padding: 5px 15px;
border-radius: 5px;
margin: 0 10px;
position: relative;
top: -5px;}
.exit_btn{float: right;background: #f72387;
padding: 5px 15px;
border-radius: 5px;
position: relative;
top: -5px;}
.exit_btn i{margin-left: 5px}
.rate_resize  select{width: 160px;
border: 1px solid #ccc;
border-radius: 3px;
padding: 5px 0;}
.rate_submit{border: 1px solid #ccc;
font-family: IRANSansWeb;
padding: 5px 10px;
cursor: pointer;
border-radius: 3px;

background: none;

margin-top: 20px;}
.map_resize h1{text-align: center;

position: relative;

top: 70px;

color: #fff;}
.rate_submit:hover{background: #fff}
.thumbnails {text-align: left;}
.social_form{text-align: right; margin-top: 20px}
#secondary{float: right; width: 24% !important}
.profile_wrapper{float: left; width: 75%; border: 1px solid #efefef ; border-radius: 5px ; padding: 15px; box-sizing: border-box; background: #fff}
.logo_prodfile{float: right; margin-left: 10px}
.profile_nav li{padding: 10px 0 ;background: #fff; border-bottom: 1px solid #ddd;padding-right: 10px;cursor: pointer;}
.personal_info form{width: 50%}
.profile_nav{border-radius: 5px ; border:1px solid #ddd;}
.personal_info li{padding-bottom: 15px}
.question_header{padding-bottom: 10px}
.profile_nav li:last-child{border: none; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px}
.profile_nav li:first-child{border-top-right-radius: 5px; border-top-left-radius: 5px}
.menu_active {background: #f72387 !important;color: #fff !important}
.menu_active i{color: #fff}
.menu_active a{color: #fff !important}
.success{width: 400px; height: 500px; background: url("../images/thankou.jpg") no-repeat center center;text-align: center; line-height: 30px}
.reg_info_form{width: 400px !important ; margin: 0 20px!important}
.reg_info_contents{justify-content: center;}
.addpro_inp{display: none;}



@media (min-width: 1024px) and (max-width: 1300px) {
  .header,.black_header,.steps_resize,.box3,.default_box1,.box4,.box5,.footer,.powerd{width: 95%; }
  .menu > ul > li a{padding: 1.5em 1em}
  .level{width: 300px}
  .level img{width: 100%; height: 100%}
  .box1_right{float: none !important; width: 70%}
  .box1_left{float: none !important;}
  .box3{display: flex;direction: ltr;justify-content: space-around}
  .default_box1{display: flex;justify-content: space-around}
  .box5_right{width: 300px}
  .box5_left{width: 70%}
  .tile{height: auto;}
  .box5_left img{width: 100%}
  .box5_right{width: 27%}
  .article_left_title{width: 70%}
}
@media (min-width: 1024px) and (max-width: 1300px) {
  .header,.black_header,.steps_resize,.box3,.default_box1,.box4,.box5,.footer,.powerd,.contents,
  .contents_product,.products_tab,.article_showw {width: 95%; }
  .menu > ul > li a{padding: 1.5em 1em}
  .level{width: 300px}
  .level img{width: 100%; height: 100%}
  .box1_right{float: none !important; width: 70%}
  .box1_left{float: none !important;}
  .box3{display: flex;direction: ltr;justify-content: space-around}
  .default_box1{display: flex;justify-content: space-around}
  .box5_right{width: 300px}
  .box5_left{width: 70%}
  .tile{height: auto;}
  .box5_left img{width: 100%}
  .box5_right{width: 27%}
  .article_left_title{width: 70%}
  .items_list{justify-content: space-evenly}
  .item{margin-bottom: 50px}
  .article_showw {box-sizing: border-box;
margin: 0 auto;}
.breadcrumb{width: 90%;}
}



@media (min-width: 768px) and (max-width: 1024px) {
  .black_header,.steps_resize,.box3,.default_box1,.box4,.box5,.footer,.powerd,.description_box,
  .contents_product,.products_tab,.article_showw,.contents {width: 95%; }
  .menu > ul > li a{padding: 1.5em 1em}
  .level{width:32.3333333%}
  .level img{width: 100%; height: 100%}
  .box1_right{float: none !important; width: 100%}
  .box1_left{float: none !important;}
  .box3{display: flex;direction: ltr;justify-content: space-around}
  .default_box1{display: flex;justify-content: space-around}
  .box5_right{width: 300px}
  .box5_left{width: 70%}
  .tile{height: auto;}
  .box5_left img{width: 100%}
  .box5_right{width: 27%}
  .article_left_title{width: 30%}
  .mobile_nav{display: block;}
  .nav{display: none;}
  .header,.search_box_reszie{width: 100%}
  .logo{position: absolute;
    width: 100%;
    text-align: center;
    padding: 20px 0}
  .logo img{width: 50px; height: 50px}
  .items_list{justify-content: space-evenly}
  .item{margin-bottom: 50px}
  .first_img{width: 70%; height: auto;}
  .images {width: 70% ; direction: ltr;}
  .article_showw {box-sizing: border-box;margin: 0 auto;}
  .article__title{width: 70%}
  .breadcrumb{width: 90%;}

}
@media (min-width:200px) and (max-width: 768px) {
  .black_header,.steps_resize,.box3,.default_box1,.box4,.box5,.footer,.powerd,.main_list,
  .description_box,.contents_product,.products_tab,.article_showw,.contents ,.login_form  {width: 95%; }
  .menu > ul > li a{padding: 1.5em 1em}
  .levels{flex-direction: column; align-items: center;}
  .level img{width: 100%; height: 100%}
  .box1_right{float: none !important; width:100% ; margin-top: 40px}
  .box1_left{float: none !important; width: 100% ; margin-top: 40px}
  .box3{display: flex;direction: ltr;justify-content: space-around ; flex-direction: column; align-items: center;}
  .default_box1{display: flex;justify-content: space-around ; flex-direction: column; align-items: center;}
  .steps_resize{padding-bottom: 0}
  .tile{height: auto;}
  .box5_left img{width: 100%}
  .box5_right{width: 100% ; margin-top: 30px;float: none;}
  .article_left_title{width: 70%}
  .mobile_nav{display: block;}
  .nav{display: none;}
  .header,.search_box_reszie{width: 100% ; border-radius: 0}
  .logo{position: absolute;
    width: 100%;
    text-align: center;
    padding: 20px 0;}
  .logo img{width: 50px; height: 50px}
  .level{margin-bottom: 30px ; }
  .box5_left{width: 100%}
  .search_btns {display: none;}
  .box3_resize,.box1_resize{margin-top: 0}
  .box5{display: flex; flex-direction: column; align-items: center;}
  .footer{flex-direction: column;}
  .footer_box1,.footer_box2,.footer_box3{width: 100% ; padding-bottom: 20px}
  .class img{width: auto;}
  .class{text-align: center;}
  .box1_left{padding-bottom:40px}
  .search_input input{right: 0 ; top: 48px; width: 95%}
  .search_input{width: 95%}
  .search_box_reszie{top: 50px;}
  .header_resize{height: 400px}
  .contents{flex-direction: column; align-items: center;}
  .sidebar{width: 50%}
  .items_list{justify-content: space-evenly ;justify-content: center;flex-direction: column; align-items: center; }
  .main_list{margin-top: 50px}
  .sidebar{width: 90%}
  .show_product{flex-direction: column;}
  .summary {width: 100%}
  .images {margin-top: 50px; text-align: center;}
  .products_tab{margin-top: 50px}
  .hastim{width: 100%; float: none;}
  .nistim{width: 100%; float: none;}
  .article_showw {box-sizing: border-box;margin: 0 auto;}
  .article__title{width: 60%}
  .links{display: none;}
  .profile_logo{width: 100%; float: none; text-align: center;}
  .article_showw img{width: 100%;}
  .footer_social{width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;}
    .archive_switch{flex-direction: column;}
  .archive_switch li{width: 100%;}
  .breadcrumb{width: 90%;}
  .owl-item{display: flex; justify-content: center;}
}
@media (min-width:200px) and (max-width: 450px) {
  .article_left_title{display: none;}
  .box1_right_title{width: 100%}
  .artist{float: right;margin-top: 10px;}
  .class img {width: 100%}
  .level{width: 95%}
  .basiscore{width: 100%; text-align: center;}
  .first_img{width: 100%; height: auto;}
  .archive_switch li{height: auto;}
  .article__title{width: 100%}
  .read_more{margin-top: 30px}
  .product_thumb1{width: 100%; text-align: center;}
  .archive_switch{flex-direction: column;}
  .archive_switch li{width: 100%;}
  .breadcrumb{width: 90%;}
  .content__product{flex-direction: column;}
  .product_thumb1{margin-top: 20px; border-radius: 5px;}
.footer_social{width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;}


  }
  .article_show p{direction: rtl; text-align: right;}
  .product_thumb img{position: relative;
    width: 253px;
    height: 253px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

/*Landing Page*/
.landig_header_wrapper{width:100%; height: 920px; background: url("../images/landing_header.png"); 
    background-size: contain; background-repeat: no-repeat;}
    .landing_header{width: 1200px; margin: 0 auto;}
    .landing_header h1{color:#fff;font-family: IRANSansWeb;}
    .landing_text{margin-top:150px; margin-left: 100px;float: left;direction: rtl;
text-align: center;
line-height: 60px;}
    .landing_header h2{color:#fff;font-family: IRANSansWeb;}
    .buy_tuts{width: 220px; height: 60px; color: #fff; background: #f72387; display: inline-block;
    border-radius: 5px; font-size: 24px; margin-top: 20px;}
    .landing_body{width: 1200px; margin:0 auto; margin-top: -50px; direction: rtl; text-align: right;}
    .landing_body_wrapper{position: relative; top: -90px; font-size: 16px; line-height: 40px;}
    .class_list ul{list-style: circle; padding-right: 50px; float: right;}
    .class_img{float: left; text-align: center;}
    .class_img img{width: 600px;}
    .buy_tuts1{width: 450px; height: 60px; color: #fff; background: #f72387; display: inline-block;
    border-radius: 5px; font-size: 24px; margin-top: 20px; text-align: center; line-height: 60px;}
    @media (min-width: 1024px) and (max-width: 1300px) {
        .landing_body{
            width: 100%;
            padding: 0 15px;
            box-sizing: border-box;
        }
        .landing_body_wrapper{top: -15%;}
        .landig_header_wrapper{height: 620px;}
    }
    @media (min-width: 768px) and (max-width: 1024px) {
        .landing_body{
            width: 100%;
            padding: 0 15px;
            box-sizing: border-box;
        }
        .landing_body_wrapper{top: -15%;}
        .landig_header_wrapper{height: 520px;}
        .landing_text{margin-top: 80px;}
        .class_img{float: none;
padding-top: 20px;
width: 100%;
clear: both;}

    }
    @media (min-width:200px) and (max-width: 768px) {
        .landig_header_wrapper{width:100%; height: 420px; background: url("../images/landing_header_small.png"); 
    background-size: contain; background-repeat: no-repeat;}
    .landing_header{width: 100%;}
    .landing_text{width: 100%;
margin-left: 0;
text-align: center; margin-top: 50px;}
.landing_body{width: 100%; margin-top: 20px; padding:0 15px; box-sizing: border-box;}
.class_img{float: none;
padding-top: 20px;
width: 100%;
clear: both;}
.class_img img{width: 100%;}
.buy_tuts1{width: 90%; margin: 0 auto; font-size: 18px;}
    }
.list_comment li{
    border-bottom:1px solid #ccc;padding-bottom:10px
}
/*testtttt*/