@font-face {
    font-family: iranyekan;
    font-style: normal;
    font-weight: normal;
    font-display: swap;
    src: url(../fonts/iranyekan/iranyekanwebregularfanum.eot);
    src: url(../fonts/iranyekan/iranyekanwebregularfanum.eot?#iefix) format('embedded-opentype'), url(../fonts/iranyekan/iranyekanwebregularfanum.woff) format('woff'), url(../fonts/iranyekan/iranyekanwebregularfanum.ttf) format('truetype')
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: bottom
}

* {
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 0 solid;
    direction: rtl;
    text-align: right;
    font-family: iranyekan;
    font-size: 14px;
    color: #000;
    font-weight: 400;
    padding: 0;
    margin: 0;
    list-style: none;
    text-decoration: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased
}

p,
span,
a {
    line-height: 20px
}

input {
    -webkit-writing-mode: horizontal-tb !important;
    text-rendering: auto;
    color: -internal-light-dark(black, white);
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    appearance: auto;
    background-color: -internal-light-dark(#fff, #3b3b3b);
    -webkit-rtl-ordering: logical;
    cursor: text;
    margin: 0;
    padding: 1px 2px;
    border-width: 2px;
    border-style: inset;
    border-color: -internal-light-dark(#767676, #858585);
    border-image: initial
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="url"],
input[type="tel"],
input[type="date"],
select,
textarea {
    padding: 0 15px;
    max-width: 100%;
    width: 100%;
    height: 42px;
    border: 2px solid rgb(131 183 53 / 24%);
    border-radius: 0;
    background-color: transparent;
    box-shadow: none;
    vertical-align: middle;
    font-size: 14px;
    transition: border-color .5s ease;
    border-radius: 6px
}

.added_to_cart,
.btn,
.button,
[type="button"],
[type="submit"],
button {
    padding: 12px 20px;
    font-size: 13px;
    line-height: 18px;
    background-color: #f3f3f3;
    color: #3e3e3e;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    outline: 0;
    border-width: 0;
    border-style: solid;
    border-color: transparent;
    border-radius: 0;
    box-shadow: none;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    text-shadow: none;
    letter-spacing: .3px;
    font-weight: 600;
    cursor: pointer;
    transition: color .25s ease, background-color .25s ease, border-color .25s ease, box-shadow .25s ease, opacity .25s ease
}

p {
    margin-bottom: 10px
}

.container {
    display: block;
    max-width: 1200px;
    margin: auto;
    width: 100%;
    overflow: hidden
}

.single-product .container {
    overflow: unset
}

.archive-container {
    padding: 30px 0
}

.quantity .quantity-change {
    display: none !important
}

.quantity .quantity-change {
    display: inline-block;
    width: 30px;
    height: 38px;
    text-align: center;
    font-size: 25px;
    line-height: 39px;
    float: right;
    border: 1px solid #83b735;
    border-radius: 0 4px 4px 0
}

.quantity .quantity-plus {
    border-radius: 4px 0 0 4px;
    font-size: 18px
}

.quantity [type="number"] {
    width: 40px;
    padding: 0;
    height: 40px;
    display: inline-block;
    border: 1px solid #f15a21;
    float: right;
    text-align: center;
    border-radius: 5px;
    outline: none
}

.width100 {
    display: inline-block;
    width: 100%;
    float: right
}

.product-right {
    padding-left: 15px
}

.product-left {
    padding-right: 15px
}

.woocommerce-notices-wrapper {
    display: inline-block;
    width: 100%
}

.woocommerce-notices-wrapper ul[role="alert"] {
    background: #a42b5f
}



.woocommerce-notices-wrapper>div,
.woocommerce-notices-wrapper>ul {
    display: inline-block;
    width: 100%;
    float: right;
    padding: 9px 15px;
    border-radius: 3px;
    background: #83b735;
    border-radius: 3px;
    margin-bottom: 20px
}

.woocommerce-notices-wrapper>div {
    display: flex;
    flex-wrap: wrap;
}

.woocommerce-notices-wrapper>div>svg {
    width: 25px;
}

.woocommerce-notices-wrapper>div>div {
    flex: 1;
    flex-basis: auto !important;
    color: #000;
}

.woocommerce-notices-wrapper>div>div * {}

.woocommerce-notices-wrapper * {
    color: #333;
    background: none;
    padding: 0;
    font-size: 12px;
}

.woocommerce-notices-wrapper a {
    float: left;
    background: #fff;
    padding: 0 9px;
    color: #83b735;
    border-radius: 2px;
    margin-right: 20px
}

.width70 {
    display: inline-block;
    width: 75%;
    float: right;
    padding-left: 10px
}

.width30 {
    display: inline-block;
    width: 25%;
    float: right;
    padding-right: 10px
}

.width65 {
    display: inline-block;
    width: 65%;
    float: right
}

.width35 {
    display: inline-block;
    width: 35%;
    float: right
}

.width75 {
    display: inline-block;
    width: 75%;
    float: right;
    padding-right: 10px
}

.width25 {
    display: inline-block;
    width: 25%;
    float: right;
    padding-left: 10px;
    min-height: 10px
}

.product-top-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.product-top-container .width25 {
    float: none;
    flex: 0 0 25%;
    width: auto;
    max-width: 25%
}

.product-top-container .width75 {
    float: none;
    flex: 0 0 75%;
    width: auto;
    max-width: 75%
}

.book-blocks {
    display: inline-block;
    width: 100%;
    float: right
}

.book-blocks .btitle {
    display: inline-block;
    width: 100%;
    float: right;
    margin-bottom: 20px;
    background: #83b7351c;
    border-radius: 2px
}

.book-blocks .btitle span {
    display: inline-block;
    float: right;
    font-size: 15px;
    padding: 7px 15px 7px;
    color: #000;
    width: 100%;
    text-align: center;
    font-weight: 600
}

header {
    display: inline-block;
    width: 100%;
    position: relative;
    z-index: 99
}

body>header {
    z-index: 999999999
}

header .header-top {
    display: inline-block;
    width: 100%;
    padding: 14px 0;
    position: relative
}

header .header-top .container {
    display: block;
    max-width: 1200px;
    margin: auto
}

header .header-top .logo {
    display: inline-block;
    width: 100%;
    max-width: 150px;
    float: right
}

header .header-top .logo img {
    display: inline-block;
    width: 100%;
    max-width: 150px;
    height: auto
}

header .header-top .login-logout {
    float: left;
    margin-top: 0
}

.header .header-top .login-logout {
    display: inline-block;
    float: left;
    padding: 20px 10px 19px;
    color: #83b735;
    position: relative;
    z-index: 100
}

.header .header-top .login-logout * {
    color: #f15a21
}

.header .header-top .login-logout a {
    color: #83b735
}

.header .header-top .login-logout a svg {
    width: 12px;
    position: relative;
    top: 2px;
    margin-left: 4px;
    font-size: 18px;
    color: #8ac335
}

.header .header-top .cart-desktop {
    display: inline-block;
    float: left;
    padding: 20px 10px 19px;
    color: #83b735;
    position: relative;
    z-index: 100
}

.header .header-top .cart-desktop a {
    color: #83b735
}

.header .header-top .cart-desktop a svg {
    width: 12px;
    position: relative;
    top: 2px;
    margin-left: 4px;
    font-size: 18px;
    color: #8ac335
}

.header .header-top .cart-desktop * {
    color: #83b735
}

.header .header-top .cart-desktop .quantity {
    position: relative;
    background: #83b735;
    border-radius: .4em;
    position: absolute;
    top: 0;
    left: 0;
    margin-left: 0;
    width: 19px;
    text-align: center
}

.header .header-top .cart-desktop .quantity:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-right-color: #83b735;
    border-top: 0;
    border-left: 0;
    margin-left: -1.5px;
    margin-bottom: -5px
}

.header .header-top .cart-desktop .quantity {
    color: #fff
}

.header .header-top .search {
    float: right;
    width: 540px;
    position: absolute;
    right: 50%;
    top: 28px;
    margin-right: -250px
}

.header .header-top .search .search-wrapper {
    position: relative
}

.home .header .header-top .search .search-wrapper {
    display: none
}

.page-id-128869 .header .header-top .search .search-wrapper {
    display: none
}

.header .header-top .search .search-wrapper .search-page-link {
    position: absolute;
    width: 100%;
    height: 42px;
    z-index: 100;
    right: 0;
    top: 0
}

.header .header-top label {
    display: none
}

.header .header-top [type="submit"] {
    position: absolute;
    left: 0;
    top: 0;
    background: #e1eece
}

header .header-bottom {
    display: inline-block;
    width: 100%;
    float: right;
    border: 1px solid #e8e8e8;
    padding: 6px 0
}

header .header-bottom .container {
    display: block;
    max-width: 1200px;
    margin: auto;
    overflow: visible
}

header .header-bottom .header-menu-full {
    display: inline-block;
    float: right;
    position: relative
}

header .header-bottom .header-menu-full .header-full-menu-label {
    display: inline-block;
    float: right;
    padding: 11px;
    width: 290px;
    background: #83b735;
    color: #fff;
    font-weight: 700;
    text-indent: 23px
}

header .header-bottom .header-menu-full .header-full-menu-label .icon-menu {
    font-size: 17px;
    position: absolute;
    right: 5px;
    color: #fff;
    top: 10px;
    text-indent: 0
}

header .header-bottom .header-menu-full .header-full-menu-label .icon-angle-down {
    font-size: 21px;
    position: absolute;
    left: 5px;
    color: #fff;
    top: 7px;
    text-indent: 0
}

header .header-bottom .header-menu-full .header-full-menu-content {
    display: none;
    width: 100%;
    float: right;
    position: absolute;
    right: 0;
    top: 100%;
    background: #fff;
    z-index: 999
}

header .header-bottom .header-menu-full:hover .header-full-menu-content {
    display: inline-block
}

.header-full-menu-content>div>ul>li>a {
    display: inline-block;
    width: 100%;
    padding: 10px 10px;
    border-bottom: 1px solid #f1f1f1;
    font-weight: 700;
    position: relative;
    font-size: 13px
}

.header-full-menu-content>div>ul li:hover>a {
    color: #83b735
}

.header-full-menu-content>div>ul>li:hover {}

.header-full-menu-content>div>ul>li>.sub-menu {
    position: absolute;
    top: 0;
    right: 290px;
    background: #fff;
    width: 800px;
    padding: 0;
    display: none;
    min-height: 100%;
    box-shadow: 0 0 2px #aaa
}

.header-full-menu-content>div>ul>li:hover>.sub-menu {
    display: inline-block
}

.header-full-menu-content>div>ul>li>.sub-menu>li {
    width: 33.3%;
    float: right;
    display: inline-block;
    padding: 15px
}

.header-full-menu-content>div>ul>li>.sub-menu>li:nth-child(3n+1) {
    clear: right
}

.header-full-menu-content>div>ul>li>.sub-menu>li a {
    width: 100%;
    display: inline-block;
    padding: 7px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 11px;
    float: right;
    text-indent: 10px;
    color: #666
}

.header-full-menu-content>div>ul>li>.sub-menu>li li a:before {
    content: '';
    width: 5px;
    height: 5px;
    background: #83b735;
    display: inline-block;
    margin-left: 8px
}

.header-full-menu-content>div>ul>li>.sub-menu>li>ul>li:hover>a {
    color: #83b735
}

.header-full-menu-content>div>ul>li>.sub-menu>li>a {
    width: 100%;
    display: inline-block;
    font-weight: 700;
    font-size: 13px;
    padding: 0 0 10px;
    text-indent: 0;
    color: #222
}

.header-full-menu-content>div>ul>li>.sub-menu>li:hover>a {
    color: #83b735
}

.header-full-menu-content>div>ul>li>a span {
    position: absolute;
    left: 0;
    top: 6px;
    font-size: 21px;
    color: #aaa
}

.header-full-menu-content>div>ul>li:hover>a span {
    color: #83b735
}

header .header-menu-small {
    float: right
}

header .header-menu-small * {
    float: right
}

header .header-menu-small ul li.menu-item-has-children {
    position: relative
}

header .header-menu-small ul li.menu-item-has-children:hover ul {
    display: inline-block
}

header .header-menu-small ul ul {
    display: none;
    position: absolute;
    right: 0;
    top: 100%;
    width: 240px;
    background: #fff;
    box-shadow: 0 0 2px #ddd
}

header .header-menu-small .header-small-menu-content>div>ul>li>a {
    color: #395a09
}

header .header-menu-small a {
    padding: 12px 20px 10px;
    position: relative;
    font-weight: 500
}

header .header-menu-small li:hover>a {
    color: #6b9a25
}

header .header-menu-small li li a,
header .header-menu-small li li {
    width: 100%;
    font-size: 12px;
    color: #395a09
}

header .header-menu-small li li a {
    padding: 10px 20px 6px;
    color: #395a09
}

header .header-menu-small a:after {
    content: '';
    width: 1px;
    height: 12px;
    background: #999;
    position: absolute;
    left: 0;
    top: 16px
}

header .header-menu-small .menu>li:last-child a:after {
    display: none
}

.header.mobile {
    display: none;
    width: 100%;
    float: right;
    position: relative
}

.header .menu-icon {
    display: inline-block;
    float: right;
    padding: 20px 10px 16px;
    color: #83b735;
    position: relative;
    z-index: 100
}

.header .menu-icon span {
    color: #6b9a25
}

.header .menu-icon .icon-menu {
    font-size: 19px;
    width: 21px;
    float: right;
    height: 21px;
    margin-left: 6px
}

.header .menu-icon .icon-menu:before {
    float: right;
    color: #83b735;
    font-size: 21px;
    margin: 0
}

.header.mobile .mobile-logo {
    display: inline-block;
    width: 100%;
    float: right;
    position: absolute;
    right: 0;
    top: 0;
    text-align: center;
    z-index: 10;
    border-bottom: 2px solid #83b735;
    height: 60px
}

.header.mobile .mobile-logo img {
    max-width: 130px;
    margin: 3px 0
}

.header.mobile .mobile-logo a {
    text-align: center
}

.header.mobile .mobile-header-left {
    display: inline-block;
    float: left
}

.header.mobile .mobile-header-left>div {
    display: inline-block;
    float: left;
    padding: 19px 10px 17px;
    color: #83b735;
    position: relative;
    z-index: 100
}

.header.mobile .mobile-header-left>div a * {
    color: #83b735
}

.header.mobile .mobile-header-left>div a svg {
    width: 15px;
    position: relative;
    top: 1px;
    margin-left: 5px;
    font-size: 15px;
    color: #8ac335;
    float: right
}

.header.mobile .mobile-header-left .quantity {
    position: relative;
    background: #83b735;
    border-radius: .4em;
    position: absolute;
    top: 5px;
    left: -3px;
    margin-left: 0;
    width: 15px;
    text-align: center;
    line-height: 16px;
    font-size: 11px
}

.header.mobile .mobile-header-left .quantity:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-right-color: #83b735;
    border-top: 0;
    border-left: 0;
    margin-left: -1.5px;
    margin-bottom: -5px
}

.header.mobile .mobile-header-left .quantity {
    color: #fff
}

@media screen and (max-width: 900px) {
    .header.mobile .mobile-header-left>div a span.text {
        display: none
    }
}

.header .mobile-menu {
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    max-width: 300px;
    height: 100%;
    height: calc(100% + 100px);
    background: #fff;
    z-index: 1000;
    transform: translateX(350px);
    transition: all .4s;
    display: inline-block
}

.header .mobile-menu.active {
    transform: translateX(0);
    transition: all .4s
}

.header .mobile-menu .tabs {
    display: inline-block;
    width: 100%;
    float: right;
    height: 100%
}

.header .mobile-menu .tabs .tabs-header {
    display: inline-block;
    width: 100%;
    float: right
}

.header .mobile-menu .tabs .tabs-header div {
    display: inline-block;
    width: 50%;
    float: right;
    position: relative
}

.header .mobile-menu .tabs .tabs-header div.active:before {
    background: #83b735
}

.header .mobile-menu .tabs .tabs-header div:before {
    content: '';
    width: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    height: 2px;
    background: #ececec
}

.header .mobile-menu .tabs .tabs-body {
    display: inline-block;
    width: 100%;
    float: right;
    height: 250px;
    padding: 20px 10px 10px;
    height: calc(100% - 160px);
    overflow-y: auto
}

.header .mobile-menu .tabs .tabs-body .tab {
    display: none;
    width: 100%;
    float: right
}

.header .mobile-menu .tabs .tabs-body .tab.active {
    display: inline-block
}

.header .mobile-menu .tabs .tabs-body .tab ul {
    display: inline-block;
    width: 100%
}

.header .mobile-menu .tabs .tabs-body .tab ul a {
    display: inline-block;
    width: 100%;
    padding: 8px 0;
    font-size: 13px;
    overflow: hidden;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    float: right
}

.header .mobile-menu .tabs .tabs-body .tab ul a:before {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    background: #83b735;
    margin-left: 8px;
    border-radius: 10px
}

.header .mobile-menu .tabs .tabs-header div:nth-child(1) {}

.header .mobile-menu .tabs .tabs-header span {
    display: inline-block;
    width: 100%;
    float: right;
    text-align: center;
    padding: 22px 0;
    background: #83b735;
    font-size: 12px;
    height: 60px;
    overflow: hidden;
    color: #fff;
    font-weight: 600
}

.header .mobile-menu .tabs .tabs-body .tab ul a span {
    position: absolute;
    left: 0;
    width: 50px;
    height: 34px;
    top: 0;
    text-align: left;
    line-height: 38px
}

.header .mobile-menu .tabs .tabs-body .tab ul a span.icon-minus {
    display: none
}

.header .mobile-menu .tabs .tabs-body .tab ul li.active a span.icon-minus {
    display: inline-block
}

.header .mobile-menu .tabs .tabs-body .tab ul li.active>a>span.icon-plus {
    display: none
}

.header .mobile-menu .tabs .tabs-body .tab ul ul {
    display: none
}

.header .mobile-menu .tabs .tabs-body .tab ul li.active>ul {
    display: inline-block;
    padding-right: 10px
}

.header .mobile-menu .tabs .tabs-body li {
    display: inline-block;
    width: 100%;
    float: right
}

.page-wrapper {
    display: inline-block;
    width: 100%
}

.home .page-wrapper {
    background: #f1f1f1
}

body.woocommerce-cart .page-wrapper {
    padding: 0
}

.checkout-wrapper {
    padding: 30px 0;
    display: inline-block;
    width: 100%
}

.checkout-wrapper .mcontainer {
    display: block;
    max-width: 1200px;
    margin: auto;
    font-size: 44px;
    width: 100%;
    overflow: hidden
}

.checkout-kid-wrapper {
    background: #bee88014;
    float: right;
    padding: 20px 20px 10px;
    margin: 20px 0 20px;
    border: 3px dashed #83b73580
}

.checkout-kid-wrapper input {
    background: #fff
}

.blog-header-banner {
    display: inline-block;
    width: 100%;
    background-color: #83b735;
    padding: 20px 0;
    margin-bottom: 0;
    background-image: url(https://hodhod.com/wp-content/themes/hodhod/assets/img/dimension.png)
}

.blog-header-banner .container {
    color: #fff
}

.blog-header-banner h1,
.blog-header-banner span {
    color: #fff;
    font-size: 34px;
    padding: 0 20px;
    float: right;
    width: 100%
}

.blog-header-banner .subtitle {
    float: right;
    width: 100%;
    color: #eee;
    margin: 10px 0 0;
    padding: 0 24px 0;
    font-size: 18px
}

.term-description {
    display: inline-block;
    width: 100%;
    float: right;
    text-align: center;
    padding: 20px 10px 0
}

.term-description>* {}

.term-description p {
    line-height: 25px
}

.term-description h2 {
    font-size: 17px;
    font-weight: 600
}

.term-description ul {
    margin-bottom: 15px;
    display: inline-block;
    padding-right: 30px
}

.term-description ul li {
    padding: 7px 0;
    float: right;
    width: 100%;
    text-indent: 20px;
    position: relative
}

.term-description ul li:before {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    position: absolute;
    right: 0;
    top: 14px;
    background: #83b735
}

.woocommerce-products-header .filter-category-page {
    width: 100%;
    float: right;
    margin: 15px 0;
    display: none
}

.woocommerce-products-header .filter-category-page .container {
    font-size: 16px;
    background: #83b735;
    padding: 10px 20px;
    color: #fff;
    border-radius: 3px
}

.woocommerce-products-header .filter-category-page span {
    font-size: 10px;
    color: #fff;
    position: relative;
    top: -1px
}

.article-right-left {
    display: inline-block;
    width: 100%;
    float: right;
    padding: 30px 0
}

.article {
    display: inline-block;
    width: 100%;
    float: right
}

.article .category {
    display: inline-block;
    width: 100%;
    float: right
}

.article .category a {
    display: inline-block;
    float: right;
    background: #83b735;
    padding: 4px 7px;
    border-radius: 2px;
    margin-bottom: 20px;
    color: #fff;
    font-size: 13px
}

.article .title {
    display: inline-block;
    width: 100%;
    float: right;
    margin-bottom: 10px
}

.article .title h1 {
    display: inline-block;
    width: 100%;
    float: right;
    font-size: 23px;
    text-align: right;
    font-weight: 600
}

.article .image {
    display: inline-block;
    width: 100%;
    float: right;
    margin-bottom: 20px;
    position: relative
}

.article .image img {
    display: inline-block;
    width: 100%;
    float: right;
    height: auto;
    border-radius: 5px
}

.article .body {
    display: inline-block;
    width: 100%;
    float: right;
    margin-bottom: 20px
}

.article .body ul,
.article .body ol {
    position: relative;
    width: 100%;
    margin: 10px 0 20px;
    padding-right: 20px;
    display: inline-block
}

.article .body ul li,
.article .body ol li {
    float: right;
    width: 100%;
    padding: 7px 0;
    text-indent: 15px;
    position: relative
}

.article .body ul li:before,
.article .body ol li:before {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    background: red;
    border-radius: 10px;
    margin-left: 7px;
    position: absolute;
    top: 13px;
    right: 0
}

.article .body p {
    display: block;
    margin-bottom: 16px;
    font-size: 15px;
    line-height: 26px
}

.article .body p strong,
.article .body p strong * {
    font-weight: 600
}

.article .body p a,
.article .body p a * {
    color: red
}

.article .tags {
    display: inline-block;
    width: 100%;
    float: right;
    margin-bottom: 20px
}

.article .tags .tags-title {
    float: right;
    margin-left: 5px;
    padding: 5px 10px 6px;
    background: #83b735;
    border-radius: 4px;
    color: #fff;
    height: 27px
}

.article .tags .tags-title span {
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    display: block
}

.article .tags li {
    display: inline-block;
    margin: 0 4px 10px;
    float: right
}

.article .tags li a {
    display: inline-block;
    padding: 5px 8px 4px;
    border: 1px solid #83b735;
    font-size: 11px;
    color: #679422;
    border-radius: 3px;
    background: #f8fbf3;
    height: 27px
}

.article .tags li a:before {
    content: '';
    display: inline-block;
    width: 5px;
    height: 5px;
    background: #73a22b;
    border-radius: 10px;
    margin-left: 5px
}

.article .body h2 {
    position: relative;
    text-indent: 16px;
    font-weight: 500;
    font-size: 20px;
    margin-bottom: 15px;
    padding: 0;
    text-align: right
}

.article .body h2 * {
    font-weight: 600;
    font-size: 20px
}

.article .body h2:before {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #83b735;
    position: absolute;
    right: 0;
    top: 10px;
    border-radius: 100px
}

.article .body h3 {}

.article .body h3 {
    font-family: iranyekan;
    font-weight: 500;
    font-size: 17px;
    display: inline-block;
    width: 100%;
    float: right;
    position: relative;
    color: #333;
    margin-bottom: 15px;
    text-indent: 22px
}

.article .body h3 * {
    font-weight: 600;
    font-size: 17px
}

.article .body h3:before {
    content: '';
    display: inline-block;
    width: 6px;
    height: 7px;
    background: #83b735;
    position: absolute;
    right: 0;
    top: 9px;
    border-radius: 100px
}

.article .body h3:after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 7px;
    background: #83b735;
    position: absolute;
    right: 10px;
    top: 9px;
    border-radius: 100px
}

.article .caption {
    background: #f9f9f9;
    padding: 30px 20px 10px;
    margin: 30px 0
}

.article .caption .container.max-width-600 {
    max-width: 600px;
    text-align: center
}

.article .caption .container.max-width-600 * {
    text-align: center
}

.article .vc_separator {
    float: right;
    margin: 30px 0 !important
}

.article .vc_separator h4 {
    font-weight: 600;
    font-size: 17px;
    color: #1f2021a1e3
}

.article .table-of-content {
    display: inline-block !important;
    max-width: 400px;
    width: 100%;
    padding: 20px 20px !important;
    margin-bottom: 20px !important;
    background: #83b7354d
}

.article .table-of-content h4 {
    font-weight: 600;
    margin-bottom: 5px !important;
    border-bottom: 1px solid #666;
    padding-bottom: 5px
}

.article .table-of-content ul {
    margin: 0 !important;
    padding: 0
}

.article .table-of-content ul li a i {
    display: none !important
}

.article .table-of-content ul li a {
    font-size: 12px !important;
    color: #111 !important;
    display: inline-block !important;
    width: 100%;
    text-indent: 0
}

.article .table-of-content ul li a * {
    font-size: 11px !important;
    color: #111 !important;
    width: 100%;
    float: right
}

.article .table-of-content ul li ul {
    padding-right: 20px
}

.article .table-of-content h4:before,
.article-view .table-of-content h4:after {
    display: none !important
}

body.category .article .body {
    padding: 0 20px;
    color: #777;
    text-align: center;
    font-size: 13px
}

.comments {
    display: inline-block;
    float: right;
    width: 100%;
    padding: 30px 0 30px
}

.comments .comments-header-section {
    display: inline-block;
    float: right;
    width: 100%
}

.comments .comments-header-section .comments-title {
    display: inline-block;
    float: right;
    font-size: 21px;
    font-weight: 600;
    width: 100%;
    margin-bottom: 15px
}

.comments .comments-header-section .comments-brief1 {
    display: inline-block;
    float: right;
    font-size: 14px;
    font-weight: 600;
    width: 100%;
    margin-bottom: 10px
}

.comments .comments-header-section .comments-brief2 {
    display: inline-block;
    float: right;
    font-size: 14px;
    font-weight: 600;
    width: 100%;
    margin-bottom: 0
}

.comments .comments-form-wrapper {
    display: inline-block;
    float: right;
    width: 100%;
    margin-top: 40px
}

.comments .comments-form-wrapper form {
    display: inline-block;
    float: right;
    width: 100%;
    padding: 15px 15px;
    margin-right: 0;
    background: #f1f7e9;
    border: 1px solid #eee;
    border-radius: 3px
}

.comments .comments-form-wrapper .comment-reply-title,
.comments .comments-form-wrapper .comment-notes {
    display: none
}

.comments .comments-form-wrapper #submit {
    display: inline-block;
    background: #83b735;
    padding: 8px 38px;
    color: #fff;
    font-weight: 600;
    border-radius: 4px
}

.comments .comments-form-wrapper .comment-form-author,
.comments .comments-form-wrapper .comment-form-url,
.comments .comments-form-wrapper .comment-form-email,
.comments .comments-form-wrapper .comment-form-cookies-consent,
.comments .comments-form-wrapper .form-submit {
    display: inline-block;
    width: 31.3%;
    float: right;
    margin: 0 1% 20px
}

.comments .comments-form-wrapper .comment-form-cookies-consent,
.comments .comments-form-wrapper .form-submit {
    width: 98%
}

.comments .comments-form-wrapper .form-submit {
    margin-bottom: 0
}

.comments .comments-form-wrapper .comment-form-comment {
    display: inline-block;
    width: 98%;
    float: right;
    margin: 0 1% 20px
}

.comments .comments-form-wrapper .comment-form-author input,
.comments .comments-form-wrapper .comment-form-email input,
.comments .comments-form-wrapper .comment-form-url input,
.comments .comments-form-wrapper .comment-form-comment textarea {
    display: inline-block;
    width: 100%;
    float: right;
    border: 1px solid #ddd;
    line-height: 27px;
    font-size: 12px;
    padding: 0 10px;
    outline: none;
    border-radius: 5px;
    background: #fff
}

.comments .comments-form-wrapper .comment-form-author label,
.comments .comments-form-wrapper .comment-form-email label,
.comments .comments-form-wrapper .comment-form-url label,
.comments .comments-form-wrapper .comment-form-comment label {
    display: inline-block;
    width: 100%;
    float: right;
    margin-bottom: 9px;
    font-weight: 500
}

.comments .comments-form-wrapper .comment-form-comment textarea {
    min-height: 100px;
    background: #fff
}

.comments .comments-list-wrapper {
    display: inline-block;
    float: right;
    width: 100%
}

.comments .comments-list-wrapper .comment {
    display: inline-block;
    float: right;
    width: 100%;
    background: #83b73514;
    border: 1px solid #eee;
    margin-bottom: 15px;
    padding: 12px 15px;
    border-radius: 3px
}

.comments .comments-list-wrapper .comment .commentmetadata,
.comments .comments-list-wrapper .comment .vcard img {
    display: none
}

.comments .comments-list-wrapper .comment .fn {
    display: inline-block;
    width: 100%;
    float: right;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 15px
}

.comments .comments-list-wrapper .comment .says {
    display: none
}

.comments .comments-list-wrapper .comment p {
    display: block;
    width: 100%;
    line-height: 25px;
    margin-bottom: 10px
}

.comments .comments-list-wrapper .reply {
    display: inline-block;
    float: right;
    width: 100%
}

.comments .comments-list-wrapper .reply a {
    float: left;
    font-size: 13px
}

.block {
    display: inline-block;
    width: 100%;
    float: right;
    padding: 15px 15px 15px;
    border: 1px solid #ddd;
    border-radius: 4px;
    margin-bottom: 30px;
    background: #f1f7e9
}

.block .btitle,
.block .bcontent {
    display: inline-block;
    width: 100%;
    float: right;
    margin-bottom: 10px
}

.block .bcontent {
    margin-bottom: 0
}

.block .btitle span {
    display: inline-block;
    width: 100%;
    float: right;
    text-align: center;
    background: #83b735;
    padding: 5px 0;
    color: #fff;
    border-radius: 3px;
    background-image: url(https://hodhod.com/wp-content/themes/hodhod/assets/img/dimension.png)
}

.woocommerce-widget-layered-nav-list,
.woocommerce-widget-layered-nav-list li {
    float: right;
    width: 100%;
    position: relative
}

.woocommerce-widget-layered-nav-list li:nth-child(12)~li {
    display: none
}

.woocommerce-widget-layered-nav-list.opened li:nth-child(12)~li {
    display: inline-block
}

.woocommerce-widget-layered-nav-list li.more-less {
    display: inline-block !important
}

.woocommerce-widget-layered-nav-list li.more-less div {
    padding: 6px 0;
    width: 100%;
    background: #d8e8c5;
    text-align: center;
    margin: 20px 0 0;
    cursor: pointer
}

.woocommerce-widget-layered-nav-list li.more-less div.less {
    display: none
}

.woocommerce-widget-layered-nav-list.opened li.more-less div.less {
    display: inline-block
}

.woocommerce-widget-layered-nav-list.opened li.more-less div.more {
    display: none
}

.woocommerce-widget-layered-nav-list a {
    float: right;
    width: 100%;
    padding: 6px 0
}

.woocommerce-widget-layered-nav-list span {
    position: absolute;
    left: 10px;
    top: 5px;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    text-align: center;
    line-height: 22px
}

.woocommerce-widget-layered-nav-list li.chosen a {
    background: #83b7354d;
    padding: 6px
}

.widget_categories ul {
    display: inline-block;
    width: 100%;
    float: right
}

.widget_categories ul li a {
    display: inline-block;
    width: 100%;
    float: right;
    padding: 7px 0;
    color: #555
}

.widget_categories ul li a:before {
    content: '';
    display: inline-block;
    width: 5px;
    height: 5px;
    background: #83b735;
    margin-left: 5px
}

.widget_recent_entries ul {
    display: inline-block;
    width: 100%;
    float: right
}

.widget_recent_entries ul li a {
    display: inline-block;
    width: 100%;
    float: right;
    padding: 7px 0;
    color: #555
}

.widget_recent_entries ul li a:before {
    content: '';
    display: inline-block;
    width: 5px;
    height: 5px;
    background: #83b735;
    margin-left: 5px
}

.category-right-left {
    display: inline-block;
    width: 100%
}

.category-right-left .article-wrapper {
    display: inline-block;
    width: 33.3%;
    padding: 20px
}

.category-right-left .article-wrapper:nth-child(3n+1) {
    clear: right
}

.category-right-left .article-wrapper .article {
    box-shadow: 0 0 5px 2px #d6d6d6;
    border-radius: 5px;
    overflow: hidden
}

.category-right-left .article-wrapper .article .image img {
    border-radius: 0
}

.category-right-left .article .title a {
    font-size: 17px;
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 10px 20px;
    font-weight: 500
}

.category-right-left .article .body p {
    font-size: 14px;
    line-height: 22px;
    padding: 0 12px;
    text-align: center
}

.category-right-left .article .category {
    text-align: center;
    bottom: -13px;
    position: absolute;
    right: 0
}

.category-right-left .article .category * {
    text-align: center;
    margin: 0;
    float: none
}

.product-right-left {
    display: inline-block;
    width: 100%;
    padding: 20px 0
}

.product {}

.product .category {
    display: inline-block;
    width: 100%
}

.product .category a {
    display: inline-block;
    float: right;
    background: #83b735;
    padding: 4px 7px;
    border-radius: 2px;
    margin-bottom: 20px;
    color: #fff;
    font-size: 13px
}

.product .title {
    display: inline-block;
    width: 100%;
    margin-bottom: 10px
}

.product .title h1 {
    display: inline-block;
    width: 100%;
    font-size: 23px;
    text-align: right;
    font-weight: 600;
    margin-bottom: 10px
}

.product .subcat-title h2 {
    text-align: center
}

.product .subcat-title h2 * {
    background: transparent;
    font-size: 10px;
    color: #888
}

.product .subtitle {
    display: inline-block;
    width: 100%;
    margin-bottom: 5px
}

.product .subtitle span {
    display: inline-block;
    width: 100%;
    float: none;
    font-size: 10px;
    color: #777;
    text-align: center
}

.product .image {
    display: inline-block;
    width: 100%;
    position: relative
}

.product .image img {
    display: inline-block;
    width: 100%;
    height: auto;
    border-radius: 5px
}

.product .subcat-image {
    margin-bottom: 10px;
    text-align: center
}

.product .subcat-image img {
    max-width: 120px;
    margin: auto;
    float: none;
    border-radius: 10000px !important;
    box-shadow: 0 3px 7px 2px #ddd
}

.product .product-images-thumbnail {
    float: right;
    width: 100%;
    background: #bdbdbd45;
    border-radius: 5px;
    margin-bottom: 30px;
    cursor: pointer
}

.product .product-images-thumbnail>div {
    width: 29.3%;
    float: right;
    margin: 2%;
    padding: 0;
    position: relative
}

.product .product-images-thumbnail>div:after {
    content: "";
    display: block;
    padding-bottom: 100%
}

.product .product-images-thumbnail>div>div {
    float: right;
    position: absolute;
    height: 100%;
    width: 100%;
    background: #f1f1f1
}

.product .product-images-thumbnail>div>div img {
    float: right;
    width: 100%;
    height: 100%
}

.product .body {
    margin-bottom: 30px;
    display: inline-block !important;
    width: 100%;
    padding-top: 20px
}

.product .body p {
    display: block;
    margin-bottom: 16px;
    font-size: 14px;
    line-height: 23px
}

.product .body a {
    color: #d30000
}

.product .body strong {
    font-weight: 600
}

.product .body ul {
    display: inline-block;
    width: 100%;
    margin: 0 0 20px;
    padding-right: 20px
}

.product .body ul li {
    padding: 5px 0;
    position: relative
}

.product .body ul li:before {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    background: #71a228;
    margin-left: 7px
}

.product .tags {
    display: inline-block;
    width: 100%;
    float: right;
    margin-bottom: 20px
}

.product .tags .tags-title {
    float: right;
    margin-left: 5px;
    padding: 5px 10px 6px;
    background: #83b735;
    border-radius: 4px;
    color: #fff;
    height: 27px
}

.product .tags .tags-title span {
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    display: block
}

.product .tags li {
    display: inline-block;
    margin: 0 4px 10px;
    float: right
}

.product .tags li a {
    display: inline-block;
    padding: 5px 8px 4px;
    border: 1px solid #83b735;
    font-size: 11px;
    color: #679422;
    border-radius: 3px;
    background: #f8fbf3;
    height: 27px
}

.product .tags li a:before {
    content: '';
    display: inline-block;
    width: 5px;
    height: 5px;
    background: #73a22b;
    border-radius: 10px;
    margin-left: 5px
}

.product .product-right {
    position: relative
}

.product .onsale {
    position: absolute;
    width: 40px;
    height: 40px;
    border-radius: 100px;
    overflow: hidden;
    background: #d04a43;
    line-height: 40px;
    text-align: center;
    font-size: 11px;
    color: #fff;
    right: 5px;
    top: 5px;
    box-shadow: 0 0 3px 2px #777;
    z-index: 1000
}

.product .price {
    display: inline-block;
    width: 100%
}

.product .price>* {
    margin-left: 15px
}

.product .price .amount {}

.product .price .amount bdi,
.product .price .amount bdi * {
    font-size: 18px;
    color: #f15a21
}

.product .price del .amount bdi,
.product .price del .amount bdi * {
    color: #b73535
}

.product .price del .amount bdi {
    padding: 0 5px;
    display: inline-block
}

.product .price del {
    position: relative
}

.product .price del:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background: #b73535;
    top: 7px
}

.product .price-wrapper {
    width: auto;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-content: flex-start;
    align-items: center
}

.product .price-wrapper .sale-price {
    margin: 0 0 10px 0
}

.product .price-wrapper .regular-price {
    position: relative;
    text-align: center;
    width: auto
}

.product .price-wrapper .discount {
    margin: 0;
    display: flex;
    flex-wrap: nowrap;
    align-items: center
}

.product .price-wrapper .discount .percentage {
    background: #f15a21;
    color: #fff;
    padding: 2px 7px;
    border-radius: 37px;
    font-size: 12px;
    margin-right: 10px
}

.product .price-wrapper .discount .regular-price {
    position: relative
}

.product .price-wrapper .discount .regular-price:before {
    content: '';
    position: absolute;
    top: 13px;
    width: 100%;
    height: 1px;
    right: 0;
    background: #aaa
}

.product .price-wrapper .discount bdi,
.product .price-wrapper .discount bdi * {
    color: #aaa !important;
    font-size: 14px
}

.product .price-wrapper .amount .woocommerce-Price-currencySymbol {
    display: none
}

.product .price-wrapper .sale-price:after {
    content: attr(data-unit);
    font-size: 11px;
    color: #f15a21
}

.product .price-wrapper .regular-price:after {
    content: attr(data-unit);
    font-size: 10px;
    color: #f15a21
}

.product .price.price-wrapper.related-price .regular-price:after {
    font-size: 11px
}

.product .price-wrapper .discount:after {
    display: none
}

.related .product .price-wrapper .regular-price:after,
.related .product .price-wrapper .sale-price:after {
    font-size: 11px
}

.related .product .price-wrapper .sale-price {
    text-align: center
}

.related .product .price-wrapper .discount {
    justify-content: center
}

.related .product .price-wrapper .discount .regular-price:before {
    top: 10px
}

.related .rprice * {
    font-size: 11px;
    color: #f15a21
}

.product .woocommerce-product-details__short-description {
    padding: 20px 0
}

.product .cart {
    margin-left: 0;
    display: flex;
    flex-wrap: wrap
}

.product .cart [type="submit"] {
    padding: 10px 20px;
    background: #f15a21;
    color: #fff;
    font-weight: 500;
    border-radius: 3px;
    position: relative;
    padding-right: 55px;
    border-radius: 5px !important;
    overflow: hidden
}

.product .cart [type="submit"] .text {
    color: #fff
}

.product .cart [type="submit"] .icon {
    position: absolute;
    right: 0;
    top: 0;
    height: 40px;
    width: 40px;
    background: #b73a0a
}

.product .cart [type="submit"] .icon svg {
    position: absolute;
    right: 11px;
    top: 8px;
    width: 20px
}

.product .quantity {
    display: inline-block;
    flex: 0 0 50px
}

.product .quantity label {
    display: none
}

.product .quantity [type="number"] {}

.product .stock.in-stock {
    display: inline-block;
    margin-bottom: 0;
    margin-right: 20px;
    line-height: 40px;
    font-size: 12px
}

.product .yith-wcwl-add-to-wishlist span {
    font-size: 11px;
    color: #fff
}

.add-to-wishlist {
    display: none
}

.product .book-blocks .shop_attributes {
    width: 100%
}

.product .book-blocks .shop_attributes tr {}

.product .book-blocks .shop_attributes {
    font-family: Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 100%
}

.product .book-blocks .shop_attributes td,
.product .book-blocks .shop_attributes th {
    border: 1px solid #cce2ac;
    padding: 4px 5px;
    height: 35px
}

.product .book-blocks .shop_attributes th {
    font-weight: 600
}

.product .book-blocks .shop_attributes tr:nth-child(even) {
    background-color: #eff7e475
}

.product .book-blocks .shop_attributes tr:hover {
    background-color: #edfbda
}

.product .book-blocks .shop_attributes td p {
    margin: 0
}

.product .book-blocks .shop_attributes * {
    font-size: 12px
}

.product .stock.out-of-stock {
    float: right;
    padding: 9px 10px 10px;
    background: #b3b3b3;
    border-radius: 5px;
    color: #fff;
    margin-left: 20px;
    margin-bottom: 0
}

.product .woocommerce-Tabs-panel {
    display: inline-block !important;
    width: 100%
}

.single-product .product .image {
    margin-bottom: 10px
}

.single-product .product .yith-wcwl-add-to-wishlist {
    float: right;
    width: auto;
    margin-top: 0
}

.single-product .product .yith-wcwl-add-to-wishlist a {
    background: #f15a21;
    padding: 10px 10px;
    border-radius: 5px
}

.single-product .product .yith-wcwl-add-to-wishlist a.view-wishlist {
    background: #181818
}

.single-product .product .yith-wcwl-add-to-wishlist svg {
    width: 15px;
    margin-left: 7px
}

.galllery-wrapper .product-images-full {
    min-height: 300px;
    padding-top: 100%
}

.galllery-wrapper .product-images-full.owl-loaded {
    min-height: 300px;
    padding-top: 0%
}

@media screen and (max-width: 600px) {
    .galllery-wrapper {
        display: flex;
        margin-bottom: 15px;
        background: #eee;
        border-radius: 5px;
        overflow: hidden
    }

    .single-product .product .galllery-wrapper .image {
        margin-bottom: 0
    }

    .galllery-wrapper .product-images-full {
        background: #fff;
        padding: 0;
        flex: 1
    }

    .galllery-wrapper .product-images-thumbnail {
        flex: 0 0 80px;
        padding: 6px;
        margin-bottom: 0;
        background: #eee
    }

    .product .galllery-wrapper .product-images-thumbnail>div {
        width: 100%;
        float: right;
        margin: 0;
        padding: 0;
        position: relative;
        margin: 3px 0;
        border-radius: 5px;
        overflow: hidden
    }
}

@media screen and (max-width: 400px) {
    .product .cart {}

    .product .quantity {}

    .product .cart [type="submit"] {}

    .product .stock.in-stock {
        display: none
    }
}

.cart.grouped_form {
    font-family: Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 100%
}

.cart.grouped_form td,
.cart.grouped_form th {
    border: 1px solid #ddd;
    padding: 4px 10px
}

.cart.grouped_form tr:nth-child(even) {
    background-color: #f2f2f2
}

.cart.grouped_form tr:hover {
    background-color: #ddd
}

.cart.grouped_form th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #04aa6d;
    color: #fff
}

.cart.grouped_form .product {
    display: table-row;
    float: none
}

.woocommerce-grouped-product-list {
    width: 100%;
    margin: 20px 0
}

.cart.grouped_form .product .stock.in-stock {
    margin-bottom: 0
}

.books-list {
    display: flex;
    width: 100%;
    padding: 0;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch
}

.books-list .btitle {
    display: inline-block;
    width: 100%;
    padding: 10px 0;
    text-align: center;
    font-size: 20px
}

.books-list .book-wrapper {
    display: inline-block;
    flex: 0 0 25%;
    padding: 10px;
    position: relative;
    max-width: 25%;
}

.books-list .book-wrapper .book {
    box-shadow: 0 0 5px 2px #83b7351f;
    border-radius: 5px;
    overflow: hidden;
    background: #fff
}

.books-list .book-wrapper .book .image img {
    border-radius: 0
}

.books-list .book .title a {
    font-size: 13px;
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 10px 20px;
    min-height: 70px;
    color: #444
}

.books-list .book .body p {
    font-size: 14px;
    line-height: 22px;
    padding: 0 12px;
    text-align: center
}

.books-list .book .category {
    text-align: center;
    bottom: -13px;
    position: absolute;
    right: 0
}

.books-list .book .category * {
    text-align: center;
    margin: 0;
    float: none
}

.books-list .book-wrapper .price {
    text-align: center;
    margin-bottom: 10px;
    float: right
}

.books-list .book-wrapper .price .amount bdi,
.books-list .book-wrapper .price .amount bdi * {
    font-size: 15px
}

.tax-product_cat .books-list .book-wrapper .add-to-cart {
    display: none
}

.books-list .book-wrapper .add-to-cart {
    display: inline-block;
    width: 100%;
    float: right;
    text-align: center;
    padding: 10px 0 20px
}

.archive .books-list .book-wrapper .add-to-cart {
    padding-bottom: 0
}

.books-list .book-wrapper .add-to-cart a {
    padding: 0;
    background: transparent;
    color: #fff;
    border-radius: 3px;
    display: inline-block;
    font-size: 12px;
    position: unset
}

.books-list .book-wrapper .add-to-cart a[href*="/product/"] {
    background: #e9e9e9;
    color: #000;
    font-weight: 500
}

.books-list .book-wrapper .free-quantity {
    position: absolute;
    top: 20px;
    left: 20px;
    background: red;
    padding: 1px 15px;
    color: #fff;
    border-radius: 7px;
    font-size: 11px
}

.books-list .star-rating {
    display: none
}

.books-list .star-rating.active {
    float: right;
    width: 100%;
    display: inline-block
}

.books-list .stars-wrapper {
    float: right;
    width: 100%
}

.books-list .stars-wrapper svg {
    width: 13px
}

.books-list .stars-wrapper .stars {
    text-align: center;
    width: 100%;
    margin-bottom: 14px
}

.books-list .book-wrapper .adds-wrapper {}

.books-list .book-wrapper .adds-wrapper .add-to-cart {
    width: auto;
    float: right;
    padding-top: 0
}

.books-list .book-wrapper .yith-wcwl-add-to-wishlist {
    width: 100%;
    float: right;
    text-align: center
}

.books-list .book-wrapper .yith-wcwl-add-to-wishlist * {
    text-align: center
}

.books-list .book-wrapper .yith-wcwl-add-to-wishlist a {
    background: #f15a21;
    padding: 4px 10px;
    border-radius: 5px
}

.books-list .book-wrapper .yith-wcwl-add-to-wishlist a.delete_item {
    background: #f78960
}

.books-list .book-wrapper .yith-wcwl-add-to-wishlist svg {
    width: 14px;
    position: relative;
    top: 0;
    color: #fff;
    margin-left: 5px
}

.books-list-template-wide.books-list .book-wrapper {
    display: inline-block;
    width: 100%
}

.books-list-template-wide.books-list .book-wrapper .image {
    display: inline-block;
    width: 100%;
    max-width: 100px;
    margin-left: 15px;
    margin-bottom: 0
}

.books-list-template-wide.books-list .book-wrapper .book {
    padding: 15px 15px 15px
}

.books-list-template-wide.books-list .book-wrapper .title,
.books-list-template-wide.books-list .book-wrapper .title * {
    display: block;
    float: none;
    width: auto;
    text-align: revert
}

.books-list-template-wide.books-list .product .stock.in-stock {
    display: none
}

.books-list-template-wide.books-list .book-wrapper .price * {
    font-size: 12px !important;
    text-align: center;
    width: 100%
}

.books-list .books-column-5 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
}

.books-list .books-column-5 .book-wrapper {
    flex: 0 0 20%;
    max-width: 20%;
}

.books-list .books-column-5 .book-wrapper .product {
    background: #fff
}

.books-list .books-column-5 .book-wrapper .product .title a {
    font-size: 13px
}

@media screen and (max-width: 1000px) {
    .books-list .books-column-5 .book-wrapper {
        flex: 0 0 25%;
        max-width: 25%;
    }
}



@media screen and (max-width: 650px) {
    .books-list .books-column-5 .book-wrapper {
        flex: 0 0 33.3%;
        max-width: 33.3%;
    }
}

@media screen and (max-width: 500px) {
    .books-list .books-column-5 .book-wrapper {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media screen and (max-width: 400px) {
    .books-list .books-column-5 .book-wrapper {
        flex: 0 0 50%
    }
}

.books-list .books-column-3 .book-wrapper {
    flex: 0 0 33.3%
}

.books-list .books-column-3 .book-wrapper .product {
    background: #fff
}

.books-list .books-column-3 .book-wrapper .product .title a {
    font-size: 13px
}

@media screen and (max-width: 750px) {
    .books-list .books-column-3 .book-wrapper {
        flex: 0 0 50%
    }
}

.posts-list .image {
    height: 0;
    overflow: hidden;
    padding-top: 57%;
    position: relative
}

.posts-list .image img {
    position: absolute;
    top: 0;
    right: 0
}

.cart-wrapper {
    display: inline-block;
    width: 100%;
    float: right;
    padding: 30px 0
}

.cart-wrapper form {
    display: inline-block;
    width: 70%;
    float: right;
    padding-left: 30px
}

.cart-wrapper table {
    width: 100%
}

.cart_totals .shop_table tr td,
.cart_totals .shop_table tr th {
    padding: 10px 0;
    width: 50%;
    text-align: center
}

.cart_totals .cart-subtotal th,
.cart_totals .cart-subtotal td {
    border-bottom: 2px solid #83b73554
}

.woocommerce-cart-form .product-thumbnail img {
    max-width: 80px;
    height: auto;
    float: right
}

.woocommerce-cart-form thead tr {
    border-bottom: 3px solid #a9a9a9
}

.woocommerce-cart-form thead th {
    padding: 10px;
    border-bottom: 2px solid #83b73554;
    font-size: 15px;
    font-weight: 600
}

.woocommerce-cart-form tbody tr.cart_item {}

.woocommerce-cart-form tbody tr.cart_item td {
    padding: 10px 0;
    border-bottom: 2px solid #83b73554
}

.woocommerce-cart-form tbody tr.cart_item td.product-quantity label {
    display: none
}

.woocommerce-cart-form tbody tr.cart_item td.product-remove a {
    font-size: 28px;
    color: #f72929
}

.woocommerce-cart-form tbody tr.cart_item td * {
    font-size: 13px
}

.woocommerce-cart-form .actions {
    padding: 30px 0
}

.woocommerce-cart-form .actions .coupon {
    float: right;
    position: relative;
    width: 300px;
    display: none
}

.woocommerce-cart-form .actions [type="submit"] {
    float: left;
    background: #83b735;
    color: #fff
}

.woocommerce-cart-form .actions [for="coupon_code"] {
    display: none
}

.woocommerce-cart-form .actions [name="apply_coupon"],
.woocommerce-cart-form .actions [name="update_cart"] {
    float: left;
    background: #d6e7bc69;
    color: #777;
    border: 2px solid #d6e7bc;
    border-radius: 6px
}

.woocommerce-cart-form .actions [name="apply_coupon"] {
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 6px 0 0 6px
}

.woocommerce-cart-form .actions [name="update_cart"] {
    background: #d6e7bc;
    border: 2px solid #bacf9b;
    color: #777
}

.woocommerce-cart-form .actions #coupon_code {
    border: 2px solid #83b73554;
    height: 46px;
    font-size: 14px;
    padding: 0 10px;
    margin-left: 20px;
    max-width: 100%;
    border-radius: 7px
}

.woocommerce-form-coupon-toggle {
    display: none !important
}

.checkout_coupon {
    width: calc(50% - 30px);
    padding-left: 30px;
    position: relative;
    display: inline-block !important;
    background: #c4ffdd2b;
    padding: 20px;
    margin: 0 0 30px;
    border: 2px dashed #cbebd8;
    margin: 30px 0 40px;
    border-radius: 6px
}

.checkout_coupon p.form-row {
    margin: 0
}

.checkout_coupon #coupon_code {
    border-radius: 6px;
    background: #fff
}

.checkout_coupon [name="apply_coupon"] {
    position: absolute;
    left: 20px;
    bottom: 20px;
    border-radius: 6px 0 0 6px;
    background: #d6e7bc69
}

@media screen and (max-width: 900px) {
    .checkout_coupon {
        width: 100%
    }
}

.cart-collaterals {
    padding: 15px;
    border: 2px solid #83b73554;
    display: inline-block;
    width: 30%
}

.cart-collaterals .wc-proceed-to-checkout {
    display: inline-block;
    width: 100%;
    margin-top: 20px
}

.cart-collaterals .wc-proceed-to-checkout a {
    display: inline-block;
    width: 100%;
    background: #83b735;
    color: #fff;
    font-size: 15px;
    border-radius: 7px
}

.cart-collaterals .cart_totals h2 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
    display: inline-block;
    width: 100%;
    text-align: center
}

.showlogin,
.showcoupon {
    color: red
}




#customer_details .woocommerce-invalid-required-field label {
    color: #ff5151;
}

#customer_details .woocommerce-invalid-required-field input {
    border-color: #fab0b0;
}


.woocommerce-checkout #customer_details {
    display: inline-block;
    width: 50%;
    float: right;
    padding-left: 30px
}

.woocommerce-checkout #customer_details .woocommerce-billing-fields {
    overflow: hidden
}

.woocommerce-checkout #customer_details h3 {
    font-size: 21px;
    font-weight: 600;
    margin-bottom: 30px;
    position: relative
}

.woocommerce-checkout #customer_details h3:before {
    content: '';
    display: none;
    width: 100%;
    position: absolute;
    right: 170px;
    top: 17px;
    height: 2px;
    background: #83b735
}

.woocommerce-checkout #customer_details .woocommerce-billing-fields h3:before {
    right: 150px
}

.woocommerce-checkout #customer_details .woocommerce-additional-fields {
    overflow: hidden
}

.woocommerce-checkout #order_review {
    display: inline-block;
    width: 50%;
    float: right;
    padding-right: 30px
}

.woocommerce-checkout #order_review_heading {
    display: none
}

.woocommerce-checkout body.woocommerce-checkout .page-wrapper {}

.woocommerce-checkout form.woocommerce-checkout .col-1 {
    width: 100%;
    float: right
}

.woocommerce-checkout form.woocommerce-checkout .col-2 {
    width: 100%;
    float: right
}

.woocommerce-checkout .woocommerce-form-coupon-toggle {
    margin-bottom: 20px
}

#customer_details #billing_first_name_field {
    width: 50%;
    float: right;
    padding-left: 20px;
    margin-bottom: 20px;
    display: inline-block
}

#customer_details #billing_last_name_field {
    width: 50%;
    float: right;
    padding-right: 20px;
    margin-bottom: 20px
}

#customer_details .form-row {
    display: inline-block;
    width: 100%;
    float: right;
    margin-bottom: 20px
}

#customer_details .form-row#home_phone_number_field,
#customer_details .form-row#billing_state_field,
#customer_details .form-row#billing_company_field,
#customer_details .form-row#kid_first_name_field {
    width: 50%;
    float: right;
    padding-right: 0;
    padding-left: 20px;
    margin-bottom: 20px;
    display: inline-block
}

#customer_details .form-row#billing_phone_field,
#customer_details .form-row#billing_city_field,
#customer_details .form-row#billing_email_field,
#customer_details .form-row#kid_birthday_field {
    width: 50%;
    float: right;
    padding-right: 20px;
    padding-left: 0;
    margin-bottom: 20px;
    display: inline-block
}

#customer_details .form-row label {
    display: inline-block;
    width: 100%;
    float: right;
    margin-bottom: 6px;
    font-weight: 600;
    font-size: 13px;
    position: relative !important
}

#customer_details .form-row#billing_postcode_field {
    width: 50%;
    float: right;
    padding-right: 0;
    padding-left: 20px;
    margin-bottom: 20px;
    display: inline-block
}

#customer_details .form-row#house_number_field {
    width: 50%;
    float: right;
    padding-right: 20px;
    padding-left: 0;
    margin-bottom: 20px;
    display: inline-block
}

#billing_country_field {
    display: none !important
}

.woocommerce-checkout-review-order-table {
    width: 100%
}

.woocommerce-checkout-review-order-table .product-thumbnail img {
    max-width: 80px;
    height: auto;
    float: right
}

.woocommerce-checkout-review-order-table thead tr {
    border-bottom: 3px solid #a9a9a9
}

.woocommerce-checkout-review-order-table thead th {
    padding: 10px;
    border-bottom: 2px solid #83b73554;
    font-size: 15px;
    font-weight: 600
}

.woocommerce-checkout-review-order-table tr.cart_item {}

.woocommerce-checkout-review-order-table tr.cart_item td {
    padding: 10px;
    border-bottom: 2px solid #83b73554
}

.woocommerce-checkout-review-order-table tr.cart_item td.product-remove a {
    font-size: 28px;
    color: #f72929
}

.woocommerce-checkout-review-order-table tr.cart_item td * {
    font-size: 13px
}

.woocommerce-checkout-review-order-table tfoot tr {
    padding: 10px;
    border-bottom: 2px solid #83b73554;
    background: #83b7350d
}

.woocommerce-checkout-review-order-table tfoot tr ul li {
    margin-bottom: 15px;
    line-height: 25px
}

.woocommerce-checkout-review-order-table tfoot tr ul li:first-child {
    margin-bottom: 20px;
    line-height: 25px;
    border-bottom: 2px solid #83b73554;
    padding-bottom: 30px
}

.woocommerce-checkout-review-order-table tfoot tr ul li input {
    margin-left: 5px;
    position: relative;
    top: 3px
}

.woocommerce-checkout-review-order-table tfoot tr ul li img {
    margin-left: 5px;
    position: relative;
    top: 7px
}

.woocommerce-checkout-review-order-table tfoot td,
.woocommerce-checkout-review-order-table tfoot th {
    padding: 10px;
    border-bottom: 2px solid #83b73554
}

.woocommerce-checkout-review-order-table tfoot th {
    font-weight: 600
}

.woocommerce-checkout-payment {
    display: inline-block;
    width: 100%;
    margin-top: 10px
}

.woocommerce-checkout-payment li {
    margin-bottom: 20px;
    background: #f2f8ea66;
    padding: 10px 20px;
    border: 2px solid #e1eecf
}

.woocommerce-checkout-payment li * {
    font-size: 12px
}

.woocommerce-checkout-payment #place_order {
    display: inline-block;
    width: 100%;
    margin-top: 20px;
    background: #83b735;
    font-size: 16px;
    color: #fff;
    font-weight: 700
}

.woocommerce-checkout #order_comments {
    padding: 15px;
    min-height: 150px
}

#personal-information {
    background: #c4e1ff1a;
    float: right;
    display: inline-block;
    width: 100%;
    padding: 20px;
    margin: 00 0 30px;
    border: 2px dashed #e0f0ff;
    border-radius: 6px
}

#personal-information input {
    background: #fff;
    border: 2px solid #e0f0ff
}

#personal-information #home_phone_number {
    direction: ltr;
    text-align: left
}

#personal-information #billing_phone {
    direction: ltr;
    text-align: left
}

#personal-information .binfo-header {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 20px
}

#billing_email {
    direction: ltr;
    text-align: left
}

#checkout-kid-wrapper {
    background: #c4e1ff1a;
    float: right;
    display: inline-block;
    width: 100%;
    padding: 20px;
    margin: 00 0 30px;
    border: 2px dashed #e0f0ff;
    border-radius: 6px
}

#checkout-kid-wrapper input {
    background: #fff;
    border: 2px solid #e0f0ff
}

#checkout-kid-wrapper .binfo-header {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 20px
}

#address-information {
    background: #9affde1a;
    float: right;
    display: inline-block;
    width: 100%;
    padding: 20px;
    margin: 00 0 30px;
    border: 2px dashed #16b98424;
    border-radius: 6px
}

#address-information input {
    background: #fff;
    border: 2px solid #16b98424
}

#billing_postcode,
#kid_birthday,
#account_password {
    direction: ltr;
    text-align: left
}

#billing_email-description,
#account-password-description {
    display: inline-block !important;
    color: #666;
    font-size: 11px
}

#address-information .select2-selection {
    border: 2px solid #16b98424
}

#address-information .binfo-header {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 20px
}

.topfooter {
    display: inline-block;
    width: 100%;
    background-color: #f1f1f1;
    padding: 30px 0
}

.topfooter .container {
    max-width: 800px
}

.topfooter1 {
    display: inline-block;
    width: 100%;
    float: right
}

.topfooter1 .logo {
    display: inline-block;
    float: right;
    width: 20%
}

.topfooter1 .logo:first-child {
    width: 40%
}

.topfooter1 .logo .image {
    display: inline-block;
    float: right;
    text-align: center;
    width: 100%;
    margin-bottom: 5px
}

.topfooter1 .logo .image img {
    text-align: center;
    display: block;
    margin: auto;
    max-height: 70px
}

.topfooter1 .logo .title {
    display: inline-block;
    float: right;
    text-align: center;
    clear: both;
    width: 100%;
    font-weight: 600
}

.topfooter2 {
    display: inline-block;
    width: 100%;
    float: right;
    padding-top: 0
}

.topfooter2 .row1 {
    display: inline-block;
    width: 100%;
    float: right;
    padding-left: 0
}

.topfooter2 .row2 {
    display: inline-block;
    width: 25%;
    float: right;
    padding-left: 10px
}

.topfooter2 .row3 {
    display: inline-block;
    width: 25%;
    float: right;
    padding-right: 10px
}

.topfooter2 .btitle {
    font-size: 20px;
    font-weight: 600;
    display: inline-block;
    width: 100%;
    margin-bottom: 10px
}

.topfooter2 .bcontent,
.topfooter2 .bcontent ul,
.topfooter2 .bcontent li {
    display: inline-block;
    width: 100%;
    float: right;
    position: relative
}

.topfooter2 .bcontent li {
    padding: 5px 0
}

.topfooter2 .bcontent li:before {
    content: '';
    display: inline-block;
    width: 5px;
    height: 5px;
    margin-left: 7px;
    background: #83b735
}

.topfooter2 .bcontent li strong {
    font-weight: 600
}

footer {
    display: inline-block;
    width: 100%;
    background-color: #83b735;
    padding: 30px 0;
    background-image: url(https://hodhod.com/wp-content/themes/hodhod/assets/img/dimension.png)
}

.footer1 {
    display: inline-block;
    width: 100%;
    float: right
}

footer .column {
    display: inline-block;
    width: 22%;
    float: right;
    padding: 20px 20px
}

footer .container {
    max-width: 800px
}

footer .column.column50 {
    width: 48%;
    padding: 0
}

footer .column.column50-1 {
    float: right
}

footer .column.column50-2 {
    float: left
}

footer .column.column33 {
    width: 33.33%
}

footer .column.logos {
    float: left;
    width: 100%;
    text-align: center
}

footer .column.logos * {
    width: 100%;
    height: auto;
    max-width: 80px;
    text-align: center
}

footer .column.logos .bcontent {
    float: none;
    display: inline-block
}

footer .column .row1 {
    display: inline-block;
    width: 50%;
    float: right;
    padding-left: 20px
}

footer .column .row2 {
    display: inline-block;
    width: 25%;
    float: right;
    padding-left: 10px
}

footer .column .row3 {
    display: inline-block;
    width: 25%;
    float: right;
    padding-right: 10px
}

footer .column .btitle {
    font-size: 14px;
    cursor: pointer;
    display: inline-block;
    width: 100%;
    color: #fff;
    user-select: none;
    position: relative;
    border-bottom: 1px solid #fff;
    padding: 10px 0;
    float: right
}

footer .column .menu-wrapper .btitle span {
    position: absolute;
    left: 0;
    top: 9px;
    color: #fff;
    font-size: 20px
}

footer .column .menu-wrapper .btitle .icon-angle-up {
    display: none
}

footer .column .menu-wrapper.active .btitle .icon-angle-down {
    display: none
}

footer .column .menu-wrapper.active .btitle .icon-angle-up {
    display: inline-block
}

footer .column .bcontent,
.topfooter2 .bcontent ul {
    float: right;
    width: 100%;
    padding: 0 0;
    margin: 0
}

.topfooter2 .bcontent ul,
.topfooter2 .bcontent li {
    display: inline-block;
    width: 100%;
    float: right;
    position: relative
}

footer .column .bcontent li {
    position: relative;
    width: 100%;
    float: right
}

footer .column .bcontent li a {
    padding: 2px 0;
    display: inline-block;
    width: 100%;
    text-indent: 0;
    font-size: 12px;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    float: right;
    position: relative;
    padding: 5px 0
}

footer .column .bcontent li a:before {
    content: '';
    display: none;
    width: 5px;
    height: 5px;
    margin-left: 7px;
    background: #e6e6e6;
    position: absolute;
    right: 0;
    top: 9px
}

footer .column .bcontent ul[id*="menu-"] {
    padding: 10px 15px 20px;
    float: right
}

.topfooter2 .bcontent li,
.topfooter2 .bcontent li * {
    color: #666;
    font-size: 12px
}

footer .copy-right {
    display: inline-block;
    width: 100%;
    float: right;
    text-align: center;
    color: #fff;
    font-size: 12px
}

@media screen and (max-width: 1220px) {
    .header.desktop {
        display: none
    }

    .header.mobile {
        display: inline-block
    }

    .single-product .page-wrapper {
        padding: 0 14px
    }

    .article-right-left {
        padding: 30px 14px
    }

    body.woocommerce-cart .cart-wrapper {
        padding: 20px 20px
    }

    .checkout-wrapper {
        padding: 30px 20px
    }

    .archive-container {
        padding: 20px 20px
    }

    .topfooter .container {
        padding: 0 20px
    }

    footer .container {
        padding: 0 20px
    }
}

@media screen and (max-width: 1000px) {
    .product-right-left>div {
        width: 100%
    }

    .books-list .book-wrapper {
        flex: 0 0 33.3%;
        padding: 10px;
        max-width: 33.3%;
    }

    .article-right-left>.container>div {
        width: 100%;
        padding: 0
    }

    .category-right-left {
        padding: 0
    }
}

@media screen and (max-width: 900px) {
    .category-right-left .width25 {
        width: 100%;
        padding: 0;
        display: none
    }

    .category-right-left .width25.active {
        display: inline-block
    }

    .category-right-left .width75 {
        width: 100%;
        padding: 0
    }

    .books-list .book-wrapper {
        padding: 1%;
    }

    body.woocommerce-cart .page-wrapper {}

    .cart-wrapper form {
        width: 100%;
        padding: 0
    }

    .cart-collaterals {
        width: 100%;
        margin: 30px 0 0
    }

    .woocommerce-checkout #customer_details,
    .woocommerce-checkout #order_review {
        width: 100%;
        float: right;
        padding: 0
    }

    .category-right-left .article-wrapper {
        padding: 10px
    }

    .blog-header-banner {
        padding: 10px 0;
        margin-bottom: 20px
    }

    .blog-header-banner h1,
    .blog-header-banner span {
        font-size: 20px;
        font-weight: 700
    }

    .footer1 {
        border: 0 solid
    }

    footer .column,
    footer .column.column50 {
        width: 100%
    }
}

@media screen and (max-width: 800px) {
    .books-list .book-wrapper {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .archive-container {
        padding: 10px 10px
    }

    .topfooter1 .logo,
    .topfooter1 .logo:first-child {
        width: 50%;
        margin-bottom: 50px
    }

    .topfooter1 .logo:nth-child(2n+1) {
        clear: right
    }

    .topfooter2 [class*="row"] {
        width: 100%;
        margin-bottom: 40px;
        padding: 0
    }

    .topfooter2 {}
}

@media screen and (max-width: 750px) {
    .books-list .book-wrapper {
        flex: 0 0 50%;
        max-width: 50%;
    }



    .books-list .book .title a {
        font-size: 14px
    }

    .books-list .book-wrapper .price .amount bdi,
    .books-list .book-wrapper .price .amount bdi * {
        font-size: 15px
    }

    .woocommerce-cart-form thead th {
        font-size: 12px
    }

    .single-product .product-top-container .width75 {
        max-width: 65%;
        flex: 0 0 65%
    }

    .single-product .product-top-container .width25 {
        max-width: 35%;
        flex: 0 0 35%
    }

    .category-right-left .article-wrapper {
        width: 50%;
        padding: 10px
    }
}

@media screen and (max-width: 600px) {
    .product-right-left>div {
        width: 100%;
        margin-bottom: 20px;
        padding: 0
    }

    .books-list .book-wrapper {
        width: 50%
    }


    .comments .comments-form-wrapper .comment-form-author,
    .comments .comments-form-wrapper .comment-form-url,
    .comments .comments-form-wrapper .comment-form-email,
    .comments .comments-form-wrapper .comment-form-cookies-consent,
    .comments .comments-form-wrapper .form-submit {
        width: 100%
    }

    .woocommerce-cart-form tbody tr.cart_item {
        position: relative;
        min-height: 110px;
        display: inline-block;
        width: 100%;
        border-bottom: 3px solid #d6e7bc;
        padding: 10px 0;
        padding-right: 115px
    }

    .woocommerce-cart-form tbody tr,
    .woocommerce-cart-form tbody tr td {
        width: 100%
    }

    .woocommerce-cart-form tbody tr.cart_item td {
        width: 100%;
        display: inline-block;
        padding: 8px 0;
        border-bottom: 1px solid #83b73554
    }

    .woocommerce-cart-form tbody tr.cart_item td.product-remove {
        position: absolute;
        width: 80px;
        height: 30px;
        border: 0 solid;
        bottom: 15px;
        right: 10px;
        top: auto;
        padding: 0;
        text-align: center
    }

    .woocommerce-cart-form tbody tr.cart_item td.product-subtotal {
        border-bottom: 0
    }

    .woocommerce-cart-form tbody tr.cart_item td:before {
        content: attr(data-title);
        font-weight: 600;
        font-size: 12px
    }

    .woocommerce-cart-form tbody tr.cart_item td.product-name:before {
        display: none
    }

    .woocommerce-cart-form tbody tr.cart_item td.product-thumbnail {
        position: absolute;
        right: 10px;
        border: 0;
        width: 100px
    }

    .woocommerce-cart-form tbody tr.cart_item td .quantity {
        float: left
    }

    .woocommerce-cart-form,
    .woocommerce-cart-form * {
        display: inline-block
    }

    .woocommerce-cart-form thead {
        display: none;
        border-bottom: 3px solid #a9a9a9;
        width: 100%
    }

    .woocommerce-cart-form tbody tr.cart_item td.product-remove a {
        font-size: 15px
    }

    .woocommerce-cart-form tbody tr.cart_item td.product-remove a:after {
        content: attr(aria-label);
        font-size: 8px;
        position: relative;
        top: -3px;
        right: 6px
    }

    .woocommerce-cart-form .actions [type="submit"][name="update_cart"] {
        float: left;
        clear: both;
        margin-top: 30px
    }

    #customer_details #billing_first_name_field,
    #customer_details #billing_last_name_field,
    #checkout-kid-wrapper .form-row {
        width: 100% !important;
        padding: 0 !important
    }

    table .quantity .quantity-change {
        height: 25px;
        line-height: 26px
    }

    table .quantity [type="number"] {
        height: 25px
    }

    footer .column {
        width: 100%;
        padding: 20px 0
    }

    .single-product .product-top-container .width75 {
        max-width: 100%;
        flex: 0 0 100%
    }

    .single-product .product-top-container .width25 {
        max-width: 100%;
        flex: 0 0 100%
    }
}

@media screen and (max-width: 500px) {
    .book-list .book-wrapper {
        width: 100%
    }

    .books-list .book-wrapper {
        padding: 5px
    }

    .single-product .width75 {
        width: 100%
    }

    .single-product .width25 {
        width: 100%;
        padding: 0
    }

    .single-product .product .image {
        margin-bottom: 15px
    }

    .category-right-left .article-wrapper {
        width: 100%;
        padding: 10px
    }
}

.woodmart_button {
    float: right;
    width: 100%
}

.woodmart_button a {
    float: right;
    width: 100%;
    text-align: center;
    padding: 10px 10px;
    background: #ff5757;
    margin-bottom: 10px;
    color: #fff
}

.vc_row {
    margin: 0 !important;
    padding: 0 0
}

.vc_row .btitle,
.vc_row .btitle * {
    width: 100%;
    float: right;
    padding: 0;
    text-align: center;
    font-size: 20px
}

.vc_row .btitle {
    padding: 20px 0
}

.page-id-113515 .wpb_wrapper {
    display: block;
    max-width: 1200px;
    margin: auto;
    font-size: 44px;
    width: 100%;
    overflow: hidden;
    padding: 20px 0
}

.page-id-113515 .wpb_wrapper p {
    margin-bottom: 10px
}

.wpb_content_element {
    margin: 0 !important
}

.vc_row .vc_column.width50 {
    width: 50%;
    float: right;
    padding: 10px
}

.vc_row .vc_column.width50 img {
    height: auto
}

@media screen and (max-width: 600px) {
    .vc_row .vc_column.width50 {
        width: 100%
    }
}

.hodhod-wrapper-style1 {
    float: right;
    width: 100%;
    background: #fff;
    padding: 20px
}

.hodhod-wrapper-style2 {
    float: right;
    width: 100%
}

.hodhod-wrapper-style2 .container {
    background: #fff;
    padding: 20px
}

.woocommerce-shipping-fields,
.woocommerce-additional-fields {
    float: right;
    width: 100%;
    clear: both
}

.woocommerce-checkout #ship-to-different-address {
    margin-bottom: 20px;
    float: right;
    width: 100%;
    clear: both
}

.woocommerce-checkout div.create-account {
    float: right;
    width: 100%;
    margin-bottom: 20px
}

.woocommerce-checkout div.create-account.active {
    display: inline-block !important
}

.woocommerce-checkout div.create-account input {
    background: #fff
}

.woocommerce-checkout div.shipping_address {
    display: none;
    float: right;
    width: 100%;
    padding: 20px;
    background: #f1f1f1;
    margin-bottom: 20px
}

.woocommerce-checkout div.shipping_address.active {
    display: inline-block
}

.woocommerce-checkout div.shipping_address input {
    background: #fff
}

.woocommerce-checkout select {
    background: #fff
}

.woocommerce-checkout .select2-selection {
    max-width: 100%;
    width: 100%;
    height: 42px;
    border: 2px solid rgb(131 183 53 / 24%)
}

.woocommerce-checkout .select2-selection .select2-selection__rendered {
    height: 42px;
    line-height: 36px
}

.woocommerce-checkout .select2-selection .select2-selection__arrow {
    top: 7px !important
}

#customer_login {
    float: none;
    display: block;
    max-width: 1000px;
    margin: auto
}

#customer_login>div {
    float: right;
    width: 50%;
    padding: 15px
}

#customer_login>div h2 {
    float: right;
    width: 100%;
    font-size: 16px;
    margin-bottom: 10px;
    padding-bottom: 6px;
    position: relative;
    overflow: hidden
}

#customer_login>div h2:before {
    content: '';
    display: inline-block;
    width: 100%;
    height: 2px;
    position: absolute;
    right: 60px;
    top: 12px;
    background: #83b735
}

#customer_login>div label {
    float: right;
    width: 100%;
    margin-bottom: 7px;
    font-size: 12px
}

#customer_login>div .form-row {
    float: right;
    width: 100%;
    margin-bottom: 20px
}

@media screen and (max-width: 700px) {
    #customer_login>div {
        width: 100%
    }
}

.shop_table.shop_table_responsive.delivery_dates {
    width: 100%
}

#delivery_date_field {
    padding: 10px 0;
    color: #999
}

#delivery_date_field>h3 {
    color: #999
}

#delivery_date_field br {
    display: none
}

#delivery_date_field h3 {
    padding: 10px 0 20px
}

.woocommerce-pagination {
    width: 100%;
    float: right;
    text-align: center;
    padding: 30px 0
}

.page-numbers {
    display: table;
    margin: auto
}

.page-numbers li {
    float: right;
    margin: 5px
}

.page-numbers li a,
.page-numbers li span {
    float: right;
    padding: 10px;
    background: #f1f7e9;
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 5px
}

.page-numbers li span.current {
    background: #d7e8be
}

.woocommerce-order-received {
    float: right
}

.woocommerce-order-received ul.order_details {
    float: right;
    padding: 15px 0;
    width: 100%
}

.woocommerce-order-received ul.order_details li {
    float: right;
    padding: 5px 0;
    width: 100%;
    position: relative;
    text-indent: 12px
}

.woocommerce-order-received ul.order_details li:before {
    content: '';
    display: inline-block;
    width: 5px;
    height: 5px;
    background: red;
    position: absolute;
    right: 0;
    top: 13px
}

.woocommerce-order-received .order_details {
    border-collapse: collapse;
    width: 100%
}

.woocommerce-order-received .order_details td,
.woocommerce-order-received .order_details th {
    border: 1px solid #ddd;
    padding: 8px
}

.woocommerce-order-received .order_details tr:nth-child(even) {
    background-color: #f2f2f2
}

.woocommerce-order-received .order_details tr:hover {
    background-color: #ddd
}

.woocommerce-order-received .order_details th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: right;
    background-color: #83b735;
    color: #fff
}

.page-type-wrapper .mcontainer {
    display: block;
    max-width: 1200px;
    margin: auto;
    padding: 30px 0
}

.home .page-type-wrapper .mcontainer {
    padding-top: 0
}

.page-type-wrapper .mcontainer p {
    margin-bottom: 15px
}

.page-type-wrapper .mcontainer ul {
    float: right;
    width: 100%;
    margin-bottom: 15px
}

.page-type-wrapper .mcontainer ul li {
    float: right;
    width: 100%;
    position: relative;
    padding: 5px 0;
    text-indent: 15px
}

.page-type-wrapper .mcontainer ul li .type {
    color: #777;
    font-size: 11px
}

.page-type-wrapper .mcontainer ul li:before {
    content: "";
    position: absolute;
    right: 0;
    top: 11px;
    width: 6px;
    height: 6px;
    background: #333
}

.page-type-wrapper .mcontainer ul li.outofstock:before {
    /* background: #d00 */
}

.page-type-wrapper .mcontainer ul li.outofstock a {
    float: right;
    width: 100%;
    /* color: #d00 */
}

.page-type-wrapper .mcontainer ul li.seperator {
    width: 100%;
    height: 25px
}

.page-type-wrapper .mcontainer ul li.seperator:before {
    width: 100%;
    height: 2px
}

#field_2_1,
#field_2_2,
#field_2_3,
#field_2_4 {
    padding: 0 15px !important
}

#input_2_1,
#input_2_2,
#input_2_3,
#input_2_4 {
    margin: 0;
    float: right
}

#input_2_2,
#input_2_3 {
    background: #fff
}

#gform_2 {
    background: #f7f7f7;
    float: right;
    width: 100%;
    border-radius: 10px
}

#gform_2 label {
    float: right;
    width: 100%;
    font-weight: 600;
    text-indent: 0;
    margin-bottom: 10px
}

#gform_2 .name_first {
    float: right;
    width: 50%
}

#gform_2 .name_last {
    float: right;
    width: 50%
}

#gform_2 .name_first input,
#gform_2 .name_last input {
    float: right;
    width: 100%;
    background: #fff
}

#gform_2 #gform_submit_button_2 {
    background: #83b735;
    color: #fff;
    padding: 10px 50px
}

.gform_footer {
    padding: 15px !important
}

.search-in-page {
    float: right;
    padding: 20px;
    width: 100%
}

.search-in-page>div {
    position: relative
}

.search-in-page label {
    display: none
}

.search-in-page [type="submit"] {
    display: inline-block;
    position: absolute;
    left: 0;
    left: 0
}

.page-id-120804 .page-wrapper {
    min-height: 600px
}

.woocommerce-edit-account .edit-account {
    float: right;
    width: 100%;
    background: #83b7353d;
    padding: 20px 0
}

.woocommerce-edit-account .edit-account .woocommerce-FormRow,
.woocommerce-edit-account .edit-account .woocommerce-form-row {
    float: right;
    width: 50%;
    padding: 0 20px
}

.woocommerce-edit-account .edit-account fieldset {
    width: 100%
}

.woocommerce-edit-account .edit-account legend {
    display: none
}

.woocommerce-edit-account .edit-account .woocommerce-Button {
    float: left;
    margin-left: 30px;
    background: #83b735;
    color: #fff
}

.sort {
    float: right;
    width: 100%;
    background: #f15a23;
    padding: 2px 15px;
    margin-bottom: 10px;
    border-radius: 4px
}

.sort .label {
    color: #fff;
    font-size: 12px;
    float: right;
    font-weight: 600;
    padding: 5px 0
}

.sort a {
    color: #fff;
    font-weight: 600px;
    font-size: 12px;
    padding: 5px 10px;
    float: right
}

.sort a.active {
    color: #000
}

.comment .stars-wrapper {
    float: right;
    width: 100%
}

.comment .stars-wrapper svg {
    float: right;
    width: 15px
}

.taxonomy-action-division {
    display: none;
    float: right;
    width: 100%;
    margin-bottom: 10px;
    border-radius: 3px
}

.taxonomy-action-division .taxonomy-action-buttons>span {
    padding: 8px 15px;
    float: right;
    font-size: 12px;
    background: #83b735;
    color: #fff;
    border-radius: 3px;
    min-width: 90px;
    text-align: center
}

.taxonomy-action-division .taxonomy-action-buttons>.filter-action {
    float: left
}

.taxonomy-action-division .taxonomy-action-modals>div {
    display: none;
    background: 000;
    position: fixed;
    top: 0;
    right: 0;
    background: #ffffffeb;
    height: 100%;
    width: 100%;
    z-index: 100000000000;
    overflow: scroll
}

.taxonomy-action-division .taxonomy-action-modals>div.active {
    display: inline-block
}

.taxonomy-action-division .taxonomy-action-modals>div [class*="wrapper"] {
    float: none;
    width: 100%;
    height: 100%;
    padding: 50px 20px;
    max-width: 350px;
    margin: auto
}

.taxonomy-action-division .taxonomy-action-modals>div [class*="wrapper"] .label {
    float: right;
    width: 100%;
    font-size: 17px;
    margin-bottom: 10px;
    font-weight: 600;
    border-bottom: 2px solid #83b735;
    padding-bottom: 10px;
    color: #83b735
}

.taxonomy-action-division .taxonomy-action-modals>div [class*="wrapper"] a {
    float: right;
    width: 100%;
    padding: 4px 0;
    color: #83b735
}

.taxonomy-action-division .taxonomy-action-modals>div [class*="wrapper"] a.active {
    color: #333
}

.taxonomy-action-division .taxonomy-action-modals>div .block {
    border: 0 solid;
    padding: 0;
    background: #fff
}

.taxonomy-action-division .taxonomy-action-modals>div .block .btitle span {
    background: #fff;
    color: #000;
    float: right;
    width: 100%;
    font-size: 17px;
    font-weight: 600;
    color: #83b735;
    text-align: revert;
    border-bottom: 2px solid #83b735;
    border-radius: 0
}

@media screen and (max-width: 900px) {
    .taxonomy-action-division {
        display: inline-block
    }

    .sort {
        display: none
    }
}

.pw-gateway-submit {
    background-color: #83b735;
    color: #fff
}

.shortlink-wrapper {
    display: inline-block;
    width: 100%;
    position: relative
}

.shortlink-wrapper .label {
    display: inline-block;
    font-weight: 600;
    font-size: 12px;
    float: right;
    margin-left: 10px;
    background: #83b735;
    padding: 6px 9px;
    color: #fff;
    border-radius: 4px
}

.shortlink-wrapper .shortlink-content {
    display: inline-block;
    font-size: 12px;
    float: right;
    margin-left: 10px;
    background: #fff;
    padding: 6px 9px 4px;
    color: #5f8b1e;
    border-radius: 4px;
    border: 1px solid #83b735;
    user-select: none;
    cursor: pointer;
    text-align: center;
    width: 190px
}

.shortlink-wrapper .tooltip {
    position: absolute;
    bottom: -30px;
    width: 190px;
    background: #83b7358a;
    color: #000;
    font-size: 11px;
    padding: 4px 0;
    text-align: center;
    border-radius: 3px;
    display: none;
    right: 84px
}

.h_iframe-aparat_embed_frame {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 50.4%
}

.h_iframe-aparat_embed_frame iframe {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.button-share-container {
    display: none;
    bottom: 15px;
    position: fixed;
    margin: 0;
    left: 15px;
    z-index: 999;
    width: 80px
}

.share-btn-hide {
    bottom: 74px;
    position: fixed;
    margin: 0 16px;
    left: 0;
    z-index: 999;
    visibility: hidden;
    display: inline-block;
    overflow: hidden
}

.button-share-container a {
    -webkit-transition-delay: 25ms;
    transition-delay: 25ms;
    background-color: #6a952a;
    box-shadow: 0px 5px 11px -2px rgb(0 0 0 / 18%), 0px 4px 12px -7px rgb(0 0 0 / 15%);
    border-radius: 5px;
    display: block;
    width: 80px;
    height: 35px;
    position: relative;
    -webkit-transition: all .1s ease-out;
    transition: all .1s ease-out
}

.button-share-container a>span {
    width: 100%;
    display: inline-block;
    height: 35px;
    float: right;
    text-align: center
}

.button-share-container svg {
    width: 18px;
    margin: 7px 0
}

.rotate {
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    position: absolute;
    margin: 0;
    width: 24px;
    height: 24px;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    background-size: contain
}

.rotate .fa-share-alt {
    font-size: 25px;
    color: #eee
}

.share-container {
    width: 80px
}

.share-btn-active {
    bottom: 74px;
    position: fixed;
    margin: 0 16px;
    left: 0;
    z-index: 999;
    visibility: visible;
    display: inline-block;
    overflow: hidden;
    transition: all .1s;
    width: 80px
}

.share-buttons {
    box-shadow: 0px 5px 11px -2px rgb(0 0 0 / 18%), 0px 4px 12px -7px rgb(0 0 0 / 15%);
    border-radius: 5px;
    display: block;
    width: 56px;
    height: 56px;
    margin: 20px auto 0;
    position: relative;
    -webkit-transition: all .1s ease-out;
    transition: all .1s ease-out;
    width: 100%;
    height: 35px;
    margin: 11px auto 0 auto;
    color: #fff;
    text-align: center;
    padding: 9px 0 0;
    font-size: 12px
}

.share-buttons:nth-last-child(6) {
    -webkit-transition-delay: 100ms;
    transition-delay: 100ms;
    background-size: contain;
    background-color: #08c
}

.share-buttons:nth-last-child(5) {
    -webkit-transition-delay: 100ms;
    transition-delay: 100ms;
    background-size: contain;
    background-color: #00aced
}

.share-buttons:nth-last-child(4) {
    -webkit-transition-delay: 80ms;
    transition-delay: 80ms;
    background-size: contain;
    background-color: #00aced
}

.share-buttons:nth-last-child(3) {
    -webkit-transition-delay: 60ms;
    transition-delay: 60ms;
    background-size: contain;
    background-color: #3b5998
}

.share-buttons:nth-last-child(2) {
    -webkit-transition-delay: 40ms;
    transition-delay: 40ms;
    background-color: #d34836;
    background-position: center;
    background-repeat: no-repeat
}

.share-buttons:nth-last-child(1) {
    -webkit-transition-delay: 20ms;
    transition-delay: 20ms;
    background-color: #c8232c;
    background-position: center;
    background-repeat: no-repeat
}

.search-bar {
    float: right;
    width: 100%;
    min-height: 400px
}

.search-bar .header {
    float: right;
    width: 100%;
    margin-bottom: 20px
}

.search-bar .header span {
    width: 49%;
    float: right;
    padding: 10px;
    text-align: center;
    background: #f1f1f1;
    margin: 0;
    cursor: pointer;
    border-radius: 3px
}

.search-bar .header span.active {
    background: #83b735;
    color: #fff
}

.search-bar .header span:nth-child(1) {
    float: right
}

.search-bar .header span:nth-child(2) {
    float: left
}

.search-bar .search-in-page {
    padding: 0;
    display: none
}

.search-bar .search-in-page.active {
    padding: 0;
    display: inline-block
}

.search-bar .search-bar-results {
    padding: 20px
}

.search-bar [type="submit"] {
    display: none
}

@media screen and (max-width: 1250px) {
    .search-bar {
        padding: 20px
    }
}

.fast-access {
    display: inline-block;
    width: 100%;
    float: right;
    padding: 20px 0
}

.fast-access span,
.fast-access a {
    display: inline-block;
    float: right;
    padding: 5px 10px;
    margin: 5px
}

.fast-access span {
    font-weight: 600;
    padding: 2px 10px
}

.fast-access a {
    background: #e27272;
    border-radius: 5px;
    font-size: 12px;
    color: #fff
}

.fast-access .more-subjects {
    font-weight: 100;
    cursor: pointer
}

.fast-access .more-subjects~a {
    display: none
}

.fast-access a:nth-child(11)~a {
    display: none
}

.term-description .books-list {
    max-width: 100%
}

.term-description .books-list .content {
    max-width: 1200px;
    width: 100%;
    margin: auto;
    display: table;
    background: #83b73545;
    padding: 5px 4px;
    border-radius: 5px
}

.term-description .books-list .content .book-wrapper {
    width: 33.3%;
    padding: 5px
}

.term-description .books-list .content .book-wrapper:nth-child(4n+1) {
    clear: none
}

.term-description .books-list .content .book .title a {
    font-size: 14px;
    width: auto;
    text-align: right;
    min-height: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0;
    margin-bottom: 0
}

.term-description .books-list .book-wrapper .stars .icon-star {
    font-size: 12px;
    color: #f8d809;
    text-shadow: -1px 1px 0px #1116
}

.term-description .books-list .book-wrapper .price .amount bdi,
.term-description .books-list .book-wrapper .price .amount bdi * {
    font-size: 13px
}

.term-description .books-list .book-wrapper .image {
    max-width: 70px;
    border-radius: 5px;
    overflow: hidden;
    margin-left: 10px;
    float: right;
}

.term-description .books-list .book-wrapper .title {
    display: block;
    float: none;
    text-align: right;
    margin: 0
}

.term-description .books-list .book-wrapper .price {
    text-align: center;
    margin-bottom: 0;
    float: none;
    width: auto;
    display: block;
    text-align: right
}

.books-list .book-wrapper .book {
    padding: 10px
}

@media screen and (max-width: 1000px) {
    .term-description .books-list .content .book-wrapper {
        width: 33.3%;
        padding: 10px
    }

    .term-description .books-list .content .book-wrapper:nth-child(3n+1) {
        clear: right
    }
}

@media screen and (max-width: 800px) {
    .term-description .books-list .content .book-wrapper {
        width: 50% !important;
        padding: 5px
    }

    .term-description .books-list .content .book-wrapper:nth-child(3n+1) {
        clear: none
    }
}

@media screen and (max-width: 500px) {
    .term-description .books-list .content .book-wrapper {
        width: 100% !important
    }
}

.hodhod-related-tag-lists {
    float: right;
    width: 100%;
    max-width: 100%
}

.hodhod-related-tag-lists .content {
    max-width: 1200px;
    margin: auto;
    float: none
}

.hodhod-related-tag-lists .content ul {
    float: right;
    width: 100%;
    padding: 0
}

.hodhod-related-tag-lists .content ul li {
    float: right;
    margin: 0 0 10px 10px;
    width: auto;
    text-indent: 0
}

.hodhod-related-tag-lists .content ul li:last-child {
    margin-left: 0
}

.hodhod-related-tag-lists .content ul li:first-child {
    margin-bottom: 0
}

.hodhod-related-tag-lists .content ul li strong {
    float: right;
    font-weight: 700;
    padding: 5px 0;
    font-size: 12px;
    margin-left: 0
}

.hodhod-related-tag-lists .content ul li a {
    float: right;
    font-weight: 500;
    padding: 5px 10px;
    border-radius: 5px;
    background: #ddecc8;
    font-size: 11px
}

.hodhod-related-tag-lists ul li:before {
    display: none
}

.page-type-wrapper .list-of-tags-front ul li {
    width: auto;
    text-indent: 0;
    padding: 0
}

.page-type-wrapper .list-of-tags-front ul li:before {
    display: none
}

.page-type-wrapper .list-of-tags-front ul li a {
    color: #fff;
    float: right;
    padding: 4px 21px;
    background: #83b735;
    margin: 4px;
    border-radius: 15px;
    font-size: 12px
}

.page-type-wrapper .list-of-tags-front ul li a:hover {
    background: #4d7412
}

@media screen and (max-width: 1200px) {
    .page-type-wrapper .list-of-tags-front ul {
        padding: 0 20px
    }
}

.html-block .books-list .books-column-5 .book-wrapper {}

@media screen and (max-width: 1000px) {
    .html-block .books-list .books-column-5 .book-wrapper:nth-child(3n+1) {
        clear: none
    }

    .html-block .books-list .books-column-5 .book-wrapper:nth-child(2n+1) {
        clear: none
    }
}

@media screen and (max-width: 670px) {
    .html-block .books-list .books-column-5 .book-wrapper:nth-child(4n+1) {
        clear: right
    }
}

@media screen and (max-width: 500px) {
    .html-block .books-list .books-column-5 .book-wrapper:nth-child(4n+1) {
        clear: none
    }

    .html-block .books-list .books-column-5 .book-wrapper:nth-child(3n+1) {
        clear: right
    }
}

@media screen and (max-width: 400px) {
    .html-block .books-list .books-column-5 .book-wrapper:nth-child(2n+1) {
        clear: right
    }

    .html-block .books-list .books-column-5 .book-wrapper:nth-child(3n+1) {
        clear: none
    }
}

.hodhod-highlight-1 {
    padding: 14px 30px;
    background: #ffdc7d;
    border-radius: 35px;
    border: 3px dashed #87b70b
}

.hodhod-highlight-1 * {
    text-align: center
}

.category-description-wrapper {
    float: right;
    width: 100%
}

.category-description-wrapper .content {
    width: 100%;
    max-width: 1200px;
    margin: auto
}

.hodhod-title {
    width: 100%;
    position: relative;
    margin: 0 0 15px 0
}

.hodhod-title:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background: #ccc;
    top: 14px;
    right: 0
}

.hodhod-title h2 {
    text-align: center;
    width: 100%
}

.hodhod-title h2 span {
    position: relative;
    z-index: 100;
    background: #fff;
    padding: 0 40px;
    font-size: 23px;
    line-height: 37px;
}

.home .hodhod-title h2 span {
    background: #f1f1f1
}

.hodhod-title.color3 h2 span {
    color: #369683 !important
}

.hodhod-brief {
    width: 100%;
    position: relative
}

.hodhod-brief p {
    text-align: center;
    width: 100%;
    color: #666;
    font-size: 13px
}

.hodhod-brief.color3 p {
    color: #369683 !important
}

.block-search-wrapper .page-type-wrapper .mcontainer ul li:before {
    background: #fff
}

.block-search-wrapper .page-type-wrapper .mcontainer ul li.outofstock a {
    background: #eee
}

.block-search-wrapper .number-of-results {
    float: right;
    width: 100%;
    margin-bottom: 10px;
    background: #f5ca26;
    padding: 4px 10px 1px;
    border-radius: 4px
}

.home-banners {
    display: inline-block;
    width: 100%;
    background: #f1f1f1;
    background-image: url(https://hodhod.com/wp-content/themes/hodhod/assets/img/corrugation.png)
}

.home-banners .vc_column {
    float: right;
    display: inline-block;
    width: 25%;
    padding: 25px
}

.home-banners .vc_column * {
    float: right;
    display: inline-block;
    width: 100%
}

@media screen and (max-width: 1000px) {
    .home-banners .vc_column {
        float: right;
        display: inline-block;
        width: 50%
    }
}

@media screen and (max-width: 600px) {
    .home-banners .vc_column {
        float: right;
        display: inline-block;
        padding: 10px
    }
}

.home-banners-with-bg {
    position: relative
}

.home-banners-with-bg:before {
    position: absolute;
    left: 0;
    height: 100%;
    width: 100vw;
    --left-part: calc((100vw * -1 + 1225px) / 2);
    --width: 100vw;
    background: #f1f1f1;
    z-index: -1;
    left: var(--left-part);
    top: 0;
    background-image: url(https://hodhod.com/wp-content/themes/hodhod/assets/img/corrugation.png)
}

.related-products-region {
    width: 100%;
    position: relative;
    padding: 30px 0 0;
    margin: 40px 0 60px;
    min-height: 340px
}

.related-products-region .content {
    position: relative
}

.related-products-region .st-background {
    position: absolute;
    left: 0;
    height: 100%;
    width: 100vw;
    --left-part: calc(((100vw * -1) + 20px + 100%) / 2);
    background: #83b7351c;
    z-index: 0;
    left: var(--left-part);
    top: 0
}

.related-products-region .owl-wrapper {
    margin: 0
}

.related-products-region .slick-list {
    padding: 10px 0 0
}

#related-products-region .hodhod-title h2 span {
    background: #f1f7e9
}

.search-bar-book .header {
    float: right;
    width: 100%;
    margin-bottom: 20px
}

.search-bar-book .header span {
    width: 49%;
    float: right;
    padding: 10px;
    text-align: center;
    background: #f1f1f138;
    margin: 0;
    cursor: pointer;
    border-radius: 3px
}

.search-bar-book .header span.active {
    background: #fff;
    color: #111
}

.search-bar-book .header span:nth-child(1) {
    float: right
}

.search-bar-book .header span:nth-child(2) {
    float: left
}

.woocommerce-page .cart-collaterals .cross-sells {
    display: none
}

.page-id-148190 .page-type-wrapper .mcontainer h2 {
    font-weight: 700;
    margin-bottom: 15px;
    font-size: 20px
}

.page-id-148190 .page-type-wrapper .mcontainer p {
    line-height: 25px
}

.page-id-148190 .page-type-wrapper .mcontainer ul {
    padding-right: 5px
}

.page-id-148190 .page-type-wrapper .mcontainer a {
    color: red
}

body.archive .wpfFilterWrapper {
    margin: 0
}

body.archive .wfpDescription {
    font-weight: 700;
    margin-bottom: 10px;
    font-size: 16px;
    color: #222
}

body.archive.rtl .wpfFilterWrapper ul:not(.wpfButtonsFilter) li {
    padding: 3px 3px !important
}

body.archive .wpfFilterWrapper .wpfFilterTaxNameWrapper {
    color: #555;
    font-size: 12px
}

body.archive .wpfFilterButton.wpfButton {
    font-size: 12px;
    padding: 10px;
    background: #c7dea6;
    min-height: 0
}

body.archive .wpfClearButton.wpfButton {
    font-size: 12px;
    padding: 10px;
    background: transparent;
    min-height: 0
}

body.archive #wpfBlock_1 .wpfFilterVerScroll,
body.archive #wpfBlock_2 .wpfFilterVerScroll {
    max-height: 313px;
    margin-bottom: 20px
}

.hodhod-add-to-cart {
    padding: 10px 20px;
    background: #f15a21;
    color: #fff;
    font-weight: 500;
    border-radius: 3px;
    position: relative;
    padding-right: 0;
    border-radius: 5px !important;
    overflow: hidden;
    float: right;
    width: 40px
}

.hodhod-add-to-cart a {
    padding: 0;
    position: unset
}

.hodhod-add-to-cart .icon {
    position: absolute;
    right: 0;
    top: 0;
    height: 40px;
    width: 40px;
    background: #f15a23
}

.hodhod-add-to-cart .icon svg {
    position: absolute;
    right: 11px;
    top: 8px;
    width: 20px
}

.hodhod-add-to-cart .text {
    color: #fff;
    display: none
}

.product-section-fix {
    position: fixed;
    bottom: -90px;
    right: 0;
    width: 100%;
    background: #fff;
    padding: 6px 0;
    z-index: 1000;
    box-shadow: 4px 0 6px 1px #ddd;
    transition: all 1s
}

.product-section-fix.active {
    transition: all 1s;
    bottom: 0
}

.product-section-fix .container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center
}

.product-section-fix .image-title {
    flex: 1;
    padding-left: 30px;
    display: flex;
    flex-wrap: nowrap;
    align-content: space-around;
    justify-content: flex-start;
    align-items: center
}

.product-section-fix .fproduct-image {
    float: right;
    margin-left: 10px;
    width: 60px;
    flex: 0 0 60px
}

.product-section-fix .fproduct-image img {
    width: 100%;
    height: auto;
    float: right;
    border-radius: 4px
}

.product-section-fix .fproduct-title {
    font-size: 14px;
    max-width: 250px
}

.product-section-fix .add_to_cart_inline {
    display: none
}

.product-section-fix .hodhod-add-to-cart a {
    background: transparent;
    padding: 0;
    position: unset
}

.product-section-fix .hodhod-add-to-cart .text {
    display: inline-block;
    background: transparent;
    text-indent: 38px
}

.product-section-fix .hodhod-add-to-cart {
    width: 180px;
    padding: 10px 0;
    margin-right: 20px
}

.product-section-fix .fproduct-info {
    flex: 0 0 150px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center
}

.product-section-fix .fproduct-info {}

@media screen and (max-width: 1200px) {
    .product-section-fix {
        padding: 7px
    }
}

@media screen and (max-width: 750px) {
    .product-section-fix .hodhod-add-to-cart .text {
        display: none
    }

    .product-section-fix .hodhod-add-to-cart {
        width: 40px
    }

    .product-section-fix .fproduct-info {
        flex: 0 0 120px
    }
}

#shipping_method label,
#shipping_method label *,
.woocommerce-shipping-destination,
.woocommerce-shipping-destination *,
.shop_table .amount * {
    color: #777
}

#delivery_date_field .delivery_dates tbody tr th span.dayname {
    text-align: center;
    display: inline-block;
    width: 100%
}

#delivery_date_field .delivery_dates tbody tr th span.fullday {
    text-align: center;
    display: inline-block;
    width: 100%;
    margin: 4px 0 0 0 !important;
    color: #555
}

#delivery_date_field table.delivery_dates td input[type="radio"]+label {
    font-size: 12px
}

#payment img {
    float: right;
    margin-left: 10px
}

#payment .payment_method_WC_ZPal p {
    margin: 0
}

.block-long-description {
    float: right;
    width: 100%;
    padding: 20px 0 30px
}

@media screen and (max-width: 1200px) {
    .block-long-description {
        padding: 20px 20px 30px
    }
}

.block-long-description p {
    line-height: 25px;
    margin: 5px 0 10px
}

.block-long-description h2 {
    position: relative;
    text-indent: 16px;
    font-weight: 500;
    font-size: 20px;
    margin-bottom: 15px;
    padding: 0;
    text-align: right
}

.block-long-description h2 * {
    font-weight: 600;
    font-size: 20px
}

.block-long-description h2:before {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #83b735;
    position: absolute;
    right: 0;
    top: 10px;
    border-radius: 100px
}

.block-long-description h3 {
    font-family: iranyekan;
    font-weight: 500;
    font-size: 17px;
    display: inline-block;
    width: 100%;
    float: right;
    position: relative;
    color: #333;
    margin-bottom: 15px;
    text-indent: 22px
}

.block-long-description h3 * {
    font-weight: 600;
    font-size: 17px
}

.block-long-description h3:before {
    content: '';
    display: inline-block;
    width: 6px;
    height: 7px;
    background: #83b735;
    position: absolute;
    right: 0;
    top: 9px;
    border-radius: 100px
}

.block-long-description h3:after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 7px;
    background: #83b735;
    position: absolute;
    right: 10px;
    top: 9px;
    border-radius: 100px
}

.block-long-description ul {
    margin: 20px 0 25px;
    padding-right: 30px;
    list-style: circle
}

.block-long-description ul li {
    padding: 5px 0;
    list-style: circle
}

body.woocommerce-checkout .fix-block {
    display: none !important
}

.fix-block {
    position: fixed;
    right: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
    background: #ffcb05;
    z-index: 10000;
    padding: 6px 0
}

.fix-block .container {
    text-align: center
}

.banner-wrapper {
    text-align: center
}

.banner-wrapper a {
    display: inline-block;
    width: 100%;
    padding: 8px 20px;
    text-align: center;
    background: #ffcb05;
    border-radius: 5px;
    color: #333;
    background-image: url(https://hodhod.com/wp-content/themes/hodhod/assets/img/dimension.png);
    font-weight: 500;
    font-size: 16px
}

.haction-hidden-brief .term-description {
    display: none
}

.page-id-128869 .search-bar>.content {
    max-width: 700px;
    margin: auto
}

.single-product .galllery-wrapper .owl-dots {
    margin-top: 10px
}

.easyzoom {
    float: left
}

.easyzoom img {
    display: block
}

.easyzoom {
    display: inline-block
}

.easyzoom img {
    vertical-align: bottom
}

.woocommerce-cart #shipping_method li {
    margin-bottom: 30px
}

.woocommerce-cart #shipping_method li * {
    font-size: 12px
}

.woocommerce-cart #shipping_method li input {
    position: relative;
    top: 3px;
    margin-left: 10px
}

.summer {
    position: relative;
    margin: 50px 0;
    padding: 15px 40px 0;
    height: 400px
}

.summer .hodhod-title {
    margin: 20px 0 0 0
}

.hodhod-title:before {
    display: none
}

.summer .hodhod-title h2 {
    text-align: right
}

.summer .hodhod-title h2 span {
    background: transparent;
    padding: 0;
    font-size: 30px
}

.summer-1 {
    background-color: #f5faf4
}

.summer .owl-dots {
    display: none
}

.summer-1 .summerbg {
    content: "";
    display: inline-block;
    width: 340px;
    height: 100%;
    background: url(https://hodhod.com/wp-content/uploads/2023/06/summer.png);
    background-position: right top;
    background-repeat: no-repeat;
    background-color: #f5faf4;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .3s
}

.summer-day-0 .summerbg {
    background: url(https://hodhod.com/wp-content/uploads/2023/06/summer.png);
    background-color: #f5faf4
}

.summer-day-0 {
    background-color: #f5faf4
}

.summer-day-2 .summerbg {
    background: url(https://hodhod.com/wp-content/uploads/2023/06/Untitled-design-7.png);
    background-color: #fff6ca
}

.summer-day-2 {
    background-color: #fff7ca
}

.summer-day-1 .summerbg {
    background: url(https://hodhod.com/wp-content/uploads/2023/06/Untitled-design-7.png);
    background-color: #fff6ca
}

.summer-day-1 {
    background-color: #fff7ca
}

.summer .owl-prev,
.summer .owl-next {
    display: none
}

@media screen and (max-width: 800px) {
    .summer {
        padding: 0 20px 0;
        height: 340px
    }

    .summer-1 .summerbg {
        width: 290px;
        background-size: cover
    }
}

@media screen and (max-width: 600px) {
    .summer {
        height: 460px
    }

    .summer-1 .summerbg {
        width: 390px;
        background-size: cover
    }
}

@media screen and (max-width: 500px) {
    .summer {
        height: 410px
    }

    .summer-1 .summerbg {
        width: 340px;
        background-size: cover
    }
}

@media screen and (max-width: 400px) {
    .summer {
        height: 330px
    }

    .summer-1 .summerbg {
        width: 280px;
        background-size: cover
    }
}

.summer .tmore {
    position: absolute;
    left: 20px;
    top: 40px;
    color: #f15a21
}

@media screen and (max-width: 800px) {
    .summer .tmore {
        top: 20px
    }
}

@media screen and (max-width: 550px) {
    .summer .hodhod-title h2 span {
        font-size: 20px
    }
}

@media screen and (max-width: 400px) {
    .summer .hodhod-title h2 span {
        font-size: 15px
    }
}

.front-lists .front-category-lists {
    display: inline-block;
    width: 100%;
    text-align: center
}

.front-lists .front-category-lists ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    flex-direction: row;
    list-style: none;
    max-width: 950px;
    margin: auto;
    float: none;
    padding: 0;
}

.front-lists .front-category-lists ul li {
    float: none;
    flex: 0 0 20%;
    padding: 5px;
    list-style: none;
    width: auto;
    display: flex;
    flex-wrap: wrap;
}

.front-lists .front-category-lists ul li:before {
    display: none !important
}

.front-lists .front-category-lists ul li .image,
.front-category-lists ul li .image * {
    width: 100%;
    border-radius: 7px;
    display: inline-block;
    text-indent: 0
}

.front-lists .front-category-lists ul li .title {
    display: inline-block;
    width: 100%;
    padding: 10px;
    text-align: center;
    font-size: 13px
}


/* subject-categories */
.front-lists .front-category-lists.subject-categories ul li .image,
.front-lists .front-category-lists.subject-categories ul li .image * {
    margin: 0;
    background: transparent;
}

.front-lists .front-category-lists.subject-categories ul li .image a {
    display: flex;
    justify-content: center;
    padding: 0;
    margin-bottom: 10px;
}

.front-lists .front-category-lists.subject-categories ul li .image img {
    max-width: 100px;
    border-radius: 10000px;
}

.front-lists .front-category-lists.subject-categories ul li .title {
    padding: 0;
    margin: 0;
}

.front-lists .front-category-lists.subject-categories ul li .title a {
    padding: 0;
    margin: 0;
    background: transparent;
    text-align: center;
    display: inline-block;
    width: 100%;
    color: #333;
    text-indent: 0;
}

.subject-categories .owl-dots {
    display: flex;
    gap: 7px;
    margin: 20px 0 0;
}

.subject-categories .owl-dots button {
    width: 23px;
    height: 5px;
    background: #ddd;
}

.subject-categories .owl-dots button.active {
    background: #a25537;
}

.front-category-lists .owl-carousel .owl-stage {
    align-items: flex-start;
}

.front-lists .front-category-lists .owl-item li {
    flex: 0 0 100%;
}


@media screen and (max-width: 700px) {
    .front-lists .front-category-lists {
        padding: 0 10px
    }

    .front-lists .front-category-lists ul li {
        flex: 0 0 25%
    }
}

@media screen and (max-width: 500px) {
    .front-lists .front-category-lists ul li {
        flex: 0 0 33.3%
    }
}

.brief-more {
    display: none;
    position: relative;
    text-align: center;
    overflow: hidden;
    margin-top: 0
}

.brief-more:before {
    content: '';
    width: 100%;
    display: inline-block;
    height: 2px;
    position: absolute;
    top: 20px;
    background: #92ba5669;
    right: 0
}

@media screen and (max-width: 1000px) {
    .brief-content {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical
    }

    .brief-content.active {
        -webkit-line-clamp: 100
    }

    .brief-more {
        display: inline-block;
        width: 100%
    }

    .brief-more span {
        padding: 10px 20px;
        text-align: center;
        display: inline-block;
        color: #888;
        position: relative;
        z-index: 100;
        background: #fff;
        font-size: 13px
    }
}

.fix-promotion {
    display: inline-block !important;
    width: 100%;
    position: fixed;
    right: 0;
    bottom: 0 !important;
    height: 62px;
    background: #fff;
    z-index: 100;
    border-top: 2px solid #3c3838;
    transition: all 1s
}

.fix-promotion.show {
    display: inline-block;
    bottom: 0;
    transition: all 1s
}

.fix-promotion .ftb-content {
    display: flex;
    max-width: 1000px;
    width: 100%;
    margin: auto;
    flex-wrap: nowrap;
    justify-content: flex-start
}

.fix-promotion .ftb-content .ftb-right {
    display: inline-block;
    flex: 0 0 160px;
    font-size: 17px;
    height: 60px;
    line-height: 56px
}

.fix-promotion .ftb-content .ftb-image {
    display: inline-block;
    flex: 0 0 80px;
    margin-left: 0;
    min-height: 10px;
    position: relative
}

.fix-promotion .ftb-content .ftb-image * {
    display: inline-block;
    width: 100%;
    float: right;
    height: auto
}

.fix-promotion .ftb-content .ftb-title {
    padding-right: 20px;
    display: inline-block;
    height: 58px;
    line-height: 55px;
    flex: 1
}

.fix-promotion .ftb-content .ftb-title a {
    display: inline-block;
    width: 100%;
    float: right;
    height: 58px;
    line-height: 22px;
    font-size: 15px;
    font-weight: 500;
    padding-top: 7px
}

.fix-promotion .ftb-content .ftb-title a:hover {
    color: #df5745
}

.fix-promotion .ftb-content .ftb-action {
    display: inline-block;
    position: relative;
    z-index: 1000;
    padding-left: 20px
}

.fix-promotion .ftb-content .ftb-action a {
    display: inline-block;
    height: 36px;
    line-height: 37px;
    font-weight: 200;
    background: #ff5757;
    padding: 0 20px;
    border-radius: 5px;
    margin-top: 10px;
    color: #fff
}

.fix-promotion .ftb-content .ftb-close {
    position: absolute;
    left: 10px;
    top: -25px;
    background: #fff;
    padding: 4px 0 2px;
    border-radius: 4px 4px 0 0;
    border: 2px solid #000;
    cursor: pointer;
    border-bottom: 0 solid;
    width: 23px;
    height: 23px;
    text-align: center;
    font-size: 11px
}

@media screen and (max-width: 800px) {
    .fix-promotion .ftb-content .ftb-right {
        display: none !important
    }
}

.notif-promotion {
    position: fixed;
    top: 60px;
    right: 10px;
    width: 290px;
    max-width: 80%;
    z-index: 100;
    background: #fff;
    box-shadow: 0 0 4px 2px #ddd;
    border-radius: 6px;
    padding: 7px
}

.notif-promotion .container {
    display: flex
}

.notif-promotion .ftb-image {
    flex: 0 0 70px;
    border-radius: 4px;
    overflow: hidden;
    margin-left: 10px
}

.notif-promotion .ftb-title {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.notif-promotion .ftb-title a.action {
    padding: 2px 17px;
    display: inline-block;
    background: #ff5757;
    color: #fff;
    border-radius: 5px;
    font-size: 12px;
    float: left
}

.notif-promotion .ntb-close {
    position: absolute;
    top: -17px;
    width: 22px;
    height: 22px;
    background: #fff;
    text-align: center;
    line-height: 25px;
    font-size: 11px;
    border-radius: 5px 5px 0 0;
    left: 0
}

.pdf-button {
    display: inline-block;
    margin: 11px 0;
    width: 100%
}

.pdf-button a {
    background: #8dc73f;
    background-image: -webkit-linear-gradient(top, #8dc73f, #77a82d);
    background-image: -moz-linear-gradient(top, #8dc73f, #77a82d);
    background-image: -ms-linear-gradient(top, #8dc73f, #77a82d);
    background-image: -o-linear-gradient(top, #8dc73f, #77a82d);
    background-image: linear-gradient(to bottom, #8dc73f, #77a82d);
    -webkit-border-radius: 6;
    -moz-border-radius: 6;
    border-radius: 6px;
    color: #fff;
    padding: 9px 18px;
    text-decoration: none;
    display: inline-block;
    font-size: 13px
}

.page-template-default .page-type-wrapper {
    background-color: #f1f1f1
}

@media screen and (max-width: 1200px) {
    .page-template-default .page-type-wrapper {
        padding: 0 15px
    }

    .home.page-template-default .page-type-wrapper {
        padding: 0 0
    }
}

.page-id-8718 .products_tab.books-column-4 {
    display: flex;
    flex-wrap: wrap
}

.page-id-8718 .products_tab.books-column-3 {
    display: flex;
    flex-wrap: wrap
}

.page-id-8718 .products_tab.books-column-4>div {}

.fix-cart-button {
    position: fixed;
    bottom: 30px;
    left: 10px;
    z-index: 99999
}

.fix-cart-button a {
    display: inline-block;
    color: #fff;
    font-size: 17px;
    background: #83b735;
    padding: 7px 20px;
    border-radius: 5px;
    font-size: 15px;
    box-shadow: 0 2px 5px 1px #bcbcbc
}

.product-type-simple .add-to-cart-wrapper {
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 9999999999;
    background: #f1f7e9;
    width: 100%;
    padding: 10px 0;
    border-top: 2px solid #d2e6b7
}

@media screen and (max-width: 1240px) {
    .product-type-simple .add-to-cart-wrapper {
        padding: 10px 20px
    }
}

.tax-product_tag .hodhod-add-to-cart {
    display: none
}

body[class*="tax-"] .hodhod-add-to-cart {
    display: none
}

#wpadminbar {
    z-index: 999999999
}


.block-search-wrapper .search-bar-results ul li.seperator {
    display: none;
}






.yith-wcpb-product-bundled-items {}

.yith-wcpb-product-bundled-items .book-wrapper {
    flex: 0 0 33.3%;
    max-width: 20%;
    display: flex !important;
    align-items: flex-end;
}

.yith-wcpb-product-bundled-items .book-wrapper .product {
    display: flex;
    flex-wrap: wrap;
    box-shadow: 0 0 0;
}


.yith-wcpb-product-bundled-items .book-wrapper .product .image {
    flex: 0 0 100%;
    max-width: 100%;
}


.yith-wcpb-product-bundled-items .book-wrapper .product .brief {
    flex: 1;
}

.yith-wcpb-product-bundled-items .book-wrapper .product .title a {
    padding: 0;
    min-height: 0;
    font-size: 13px;
    color: #222;
}

.yith-wcpb-product-bundled-items .book-wrapper .product .description,
.yith-wcpb-product-bundled-items .book-wrapper .product .description * {
    color: #777;
    font-size: 12px;
    display: none;
}

.yith-wcpb-product-bundled-items .book-wrapper .product .price {
    display: none
}

.yith-wcpb-product-bundled-items .book-wrapper .book {
    padding: 15px 7px 15px !important;
}

@media (max-width: 850px) {
    .books-list-template-wide.books-list .book-wrapper {
        flex: 0 0 33.3%;
        max-width: 33.3%;
    }
}



.information-division {
    background: #83b7351c;
    display: flex;
    justify-content: center;
}

.information-division>div {
    padding: 5px 0 5px;
    font-size: 12px;
    text-align: center;
}

@media screen and (max-width:700px) {
    .information-division>div {
        font-size: 10px;
    }
}


.home .front-lists .front-category-lists ul {
    max-width: 100%;
}

.home .front-lists .front-category-lists ul li .title {
    display: none;
}

.home .front-lists .front-category-lists.subject-categories ul li .title {
    display: inline-block;
    text-indent: 0;
}

.home .front-lists .front-category-lists.subject-categories ul {
    max-width: 100%;
}

.bg-white {
    background-color: #fff;
}




.header-banner-wrapper {
    text-align: center;
    background: #fffdff;
}

.header-banner-wrapper img {
    max-width: 800px;
    margin: auto;
    width: 100%;
}

#goftino_w {
    bottom: 80px !important;
    right: auto !important;
    left: 10px !important
}

.ftb-closed #goftino_w {
    bottom: 10px !important;
    left: 10px !important;
    max-height: 460px !important;
    max-width: 80% !important;
}