/* Archive, listing and product-card styles extracted from iranwp.css. */
@media(max-width:1200px) {
.producter-thumb {
    height: 164px!important;
}
.producter {
    height: 313px!important;
}
}
@media(max-width:767px) {
.producter-thumb {
    height: 453px!important;
}
.producter {
    height: 584px!important;
}
}
@media(max-width:466px) {
.producter-thumb {
    height: 361px!important;
}
.producter {
    height: 498px!important;
}
}
@media(max-width:400px) {
.producter-thumb {
    height: 302px!important;
}
.producter {
    height: 451px!important;
}
}
@media(max-width:360px) {
.producter-thumb {
    height: 291px!important;
}
}
@media(max-width:320px) {
.producter-thumb {
    height: 229px!important;
}
.producter {
    height: 375px!important;
}
.producter-title {
    height: 88px!important;
}
}
.titleall-book {
    float: right;
    width: 100%;
    padding: 10px 9px;
    position: relative;
    margin-top: -38px;
}
.titleall-book h1 {
    font-size: 17px;
    font-weight: 700;
    padding-top: 11px;
}
.new_posts {
    float: right;
    width: 100%;
    background: #fff;
    border-radius: 3px;
    overflow: hidden;
    margin-top: 15px;
    position: relative;
}
.new_posts .titleall, .product-titleall {
    float: right;
    width: 100%;
    padding: 10px 8px;
}
.new_posts .product-titleall h3:before, .new_posts .titleall h3:before {
    display: block;
    position: absolute;
    content: '';
    right: 5px;
    top: 48px;
    width: 51px;
    height: 2px;
    background-color: #00d5ff;
}
.new_posts .product-titleall h3:after, .new_posts .titleall h3:after {
    display: block;
    content: '';
    position: absolute;
    right: 64px;
    top: 48px;
    width: 100%;
    height: 2px;
    background-color: #bac5c7;
}
.new_posts .titleall h1:after, .new_posts .titleall h1:before {
    top: 56px;
    position: absolute;
    height: 2px;
    display: block;
    content: ''}
.titleall h1 {
    font-weight: 700;
    font-size: 17px;
    color: #212121;
    padding: 10px 0;
}
.new_posts .titleall h1:after {
    right: 37px;
    width: 100%;
    background-color: #bac5c7;
}
.new_posts .titleall h1:before {
    right: 5px;
    width: 27px;
    background-color: #00d5ff;
}
.new_posts .titleall-book h1:after {
    display: block;
    content: '';
    position: absolute;
    right: 72px;
    top: 52px;
    width: 100%;
    height: 2px;
    background-color: #bac5c7;
}
.new_posts .titleall-book h1:before {
    display: block;
    position: absolute;
    content: '';
    right: 5px;
    top: 52px;
    width: 61px;
    height: 2px;
    background-color: #00d5ff;
}
.new_posts .titleall h3 {
    font-size: 19px;
    color: #212121;
    font-weight: 800;
    padding-top: 2px;
}
.new_posts .padding_posts {
    float: right;

    clear: both;
    width: 100%;
    padding: 0px;
}
.show-posts {
    float: right;
    width: 33.3%;
    height: 460px;
    padding: 10px;
    margin-bottom: 20px;
}
.show-posts .wapper-show-post, .to-producter {
    float: right;
    width: 100%;
    height: 100%;
    background: #fff;
    position: relative;
    border-radius: 10px;
    box-shadow: 0 0 7px #ccc;
    overflow: hidden;
}
.to-producter:hover, .wapper-show-post:hover {
    box-shadow: rgba(45, 45, 45, .05) 0 2px 2px, rgba(49, 49, 49, .05) 0 4px 4px, rgba(42, 42, 42, .05) 0 8px 8px, rgba(32, 32, 32, .05) 0 16px 16px, rgba(49, 49, 49, .05) 0 32px 32px, rgba(35, 35, 35, .05) 0 64px 64px;
    transform: translate(0, -4px);
    z-index: 999;
    transition: .3s;
}
.show-posts .wapper-show-post .thumb {
    float: right;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.show-posts .wapper-show-post .thumb .view_count:before {
    float: right;
    margin: 2px 0 0 3px;
    font-family: Font Awesome;
    content: "\f200"}
.show-posts .wapper-show-post .thumb .view_count {
    width: 100%;
    position: absolute;
    bottom: -30px;
    right: 0;
    background: rgba(0, 0, 0, .5);
    padding: 5px 10px;
    color: #fff;
    font-size: 11px;
    opacity: 0;
    visibility: hidden;
    transition: .2s ease-out;
}
.show-posts .wapper-show-post:hover .thumb .view_count {
    bottom: 0;
    visibility: visible;
    opacity: 1;
    line-height: 2;
}
.show-posts .wapper-show-post .thumb img {
    width: 100%;
    height: 100%;
    vertical-align: middle;
    display: inline-block;
}
.show-posts .wapper-show-post .title {
    float: right;
    width: 100%;
    overflow: hidden;
    height: 72px;
}
.show-posts .wapper-show-post a .title h2 {
    line-height: 1.9;
    text-align: right;
    color: #000;
    text-decoration: none;
    font-size: 18px;
    font-weight: 400;
}
.show-posts .wapper-show-post:hover .readmore a, .to-producter:hover .producter-more a {
    background: #00c0ff;
    color: #fff;
}
.product-titleall h1 {
    font-size: 14px;
    color: #212121;
    font-weight: 400;
    padding: 10px 0;
}
.product-titleall h3 {
    font-size: 19px;
    color: #212121;
    padding-top: 1px;
    font-weight: 800;
}
.producter {
    float: right;
    width: 33.3%;
    height: 370px;
    padding: 10px;
    margin-bottom: 20px;
}
.producter-thumb {
    float: right;
    width: 100%;
    height: 225px;
    position: relative;
    overflow: hidden;
}
.producter-thumb img {
    width: 100%!important;
    height: 100%!important;
    vertical-align: middle;
    display: inline-block;
}
.producter-title {
    float: right;
    width: 100%;
    overflow: hidden;
    height: 75px;
    padding: 2px;
}
.producter-title h2 {
    line-height: .8;
}
.producter-title h3 {
    text-align: center;
    color: #000;
    font-size: 18px;
    line-height: 28px;
    padding-top: 5px;
    display: block;
    font-weight: 400;
}
.producter-title h2 a:hover {
    color: #f21111;
}
.producter-more {
    width: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    text-align: center;
}
.producter-more a {
    float: right;
    width: 100%;
    padding: 20px;
    background: #f7f7f7;
    color: #868686;
    transition: .3s ease-out;
    font-size: 12px;
}
.producter-more-category {
    clear: both;
    text-align: center;
    margin: 30px 0;
}
.producter-more-category a {
    border: 1px solid #c8dce6;
    border-radius: 10px;
    padding: 17px;
    font-size: 15px;
    display: block;
    margin: 0 10px;
    color: #85898c;
    transition: .35s;
    font-weight:  bolder;
}
.producter-more-category a:hover {
    background: #00d5ff;
    color: #fff;
}
@media (min-width:1200px) {
.show-posts .wapper-show-post .thumb {
    height: 225px;
}
}
@media (max-width:1199px) and (min-width:992px) {
.show-posts .wapper-show-post .thumb {
    height: 208px;
}
}
@media (min-width:768px) and (max-width:991px) {
.show-posts .wapper-show-post .thumb {
    height: 213px;
}
}
@media(max-width:767px) and (min-width:470px) {
.show-posts {
    width: 50%}
.show-posts .wapper-show-post .thumb {
    height: auto;
    max-height: 100%}
}
@media (max-width:469px) {
.show-posts .wapper-show-post .thumb {
    height: auto;
    max-height: 100%}
}
@media(max-width:469px) {
.show-posts {
    width: 100%;
    height: auto;
    overflow: hidden;
}
}
.categoryicon {
    font-size: 31px;
    margin-left: 6px;
    color: #20d2ff;
    margin-top: 5px;
    float: right;
}
.mihan-helper .archive {
    float: right;
    display: inline-block;
}