/**
 * Theme Name: OceanWP-Child RTL CSS
 * rtl css Added By Masoud Salehi at NagaTheme.com to make the oceanwp more compatible with RTL Sites
 * Description: Adds support for languages written in a Right To Left (RTL) direction.
 */
html, body, h1, h2, h3, h4, h5, h6, p, a
{font-family: 'iransans-fa'!important;
}
.learndash-wrapper .ld-alert .ld-button .ld-icon {
    left: 15px;
    right:auto;
}
.learndash-wrapper .ld-button .ld-text {
	flex: 1!important;
}
.learndash-wrapper .ld-home-link:hover, .learndash-wrapper .ld-home-link:active, .learndash-wrapper .ld-home-link:focus {
    color: #1f1e1e;
}
.learndash-wrapper .ld-item-list .ld-item-list-item a.ld-item-name:hover {
    color: #187c48;
}
.learndash-wrapper .ld-course-navigation .ld-lesson-item.ld-is-current-lesson .ld-lesson-item-preview-heading .ld-status-incomplete, .learndash-wrapper .ld-course-navigation .ld-lesson-item.ld-is-current-lesson .ld-lesson-title .ld-status-incomplete {
    border: 2px solid #187c48;
}
.learndash-wrapper .ld-course-navigation .ld-lesson-item-preview a.ld-lesson-item-preview-heading:hover {
    color: #187c48;
}
    /**erfan **/
    .amount {
    color: #3e3e3e!important;
}
    /** All Letter Spacing Atributes **/
#site-navigation-wrap .dropdown-menu > li > a {
    letter-spacing: 0 !important;
}
.dropdown-menu ul li a.menu-link {
    letter-spacing: 0 !important;
}
.blog-entry.post .blog-entry-header .entry-title a {
    letter-spacing: 0 !important;
}
.blog-entry.large-entry .blog-entry-readmore a {
    letter-spacing: 0 !important;
}
#footer-callout {
    letter-spacing: 0 !important;
}
.widget_shopping_cart_content .buttons .button {
    letter-spacing: 0 !important;
}
.woocommerce-message a {
    letter-spacing: 0 !important;
}
.single .entry-title {
    letter-spacing: 0 !important;
}
.theme-heading {
    letter-spacing: 0 !important;
}


/** Headers **/
#site-navigation-wrap .dropdown-menu > li > a .nav-arrow {
    padding-right: 6px;
    padding-left: 0;
}


/** Minimal/Transparent Header **/
#site-navigation-wrap .dropdown-menu > li {
    float: right;
}
.has-social #site-navigation-wrap {
    left: 0;
    right: auto;
}
#site-navigation-wrap {
    float: left;
}

.oceanwp-social-menu.social-with-style {
    left: -2px;
    right: auto;
}
.oceanwp-social-menu {
    float: left;
}

#site-logo {
    float: right;
}

#searchform-dropdown {
    left: 0;
    right: auto;
}

.navigation li a i.before {
    margin-left: 6px;
    margin-right: auto;
}

.oceanwp-mobile-menu-icon {
    float: left !important;
}

/** medium-header **/
#site-header.medium-header .top-col.col-1 {
    text-align: right;
}
#site-header.medium-header .top-col.col-3 {
    text-align: left;
}
#site-header.medium-header .oceanwp-mobile-menu-icon {
    float: none !important;
}

/** Menu DropDown **/
.dropdown-menu ul li a.menu-link {
    text-align: right;
}
.dropdown-menu ul li a.menu-link .nav-arrow {
    left: 15px;
    right: auto;
}
.dropdown-menu ul .sub-menu {
    right: 100%;
    left: auto;
}
#mobile-dropdown ul li a {
    text-align: right;
}
#mobile-dropdown ul li a .dropdown-toggle {
    left: 0;
    right: auto;
}
#mobile-dropdown ul li a i, #mobile-dropdown ul li a img {
    margin-left: 10px;
    margin-right: auto;
}

/** Mega Menu **/
.dropdown-menu .sub-menu {
    text-align: right;
}
.navigation li.mega-cat .mega-cat-title {
    letter-spacing: 0;
}
.navigation li.mega-cat ul li .mega-post-date i {
    padding-left: 5px;
    padding-right: auto;
}
.navigation>ul>li>ul.megamenu.sub-menu>li {
    float: right;
    border-right-width: 1px;
    border-left-width: 0;
}

/** Mobile Menu Slider **/
a.sidr-class-toggle-sidr-close i {
    padding-left: 8px;
    padding-right: 0;
}

/** Page Title **/
/** page Breadcrumbs **/
.site-breadcrumbs {
    left: 0;
    right: auto;
}

/** read more icon **/
.blog-entry .blog-entry-readmore a i::before {
    content: '\f104';
}
.blog-entry.large-entry .blog-entry-readmore a i {
    margin-right: 5px;
    margin-left: auto;
}

/** Content **/
ul, ol {
    margin: 15px 20px 15px 0;
}

/** archive post breadcrumbs **/
#top-bar-nav>ul>li:last-child {
    margin-right: 15px !important;
}

/** archive post breadcrumbs **/
ul.meta li {
    float: right;
}
ul.meta li i {
    padding-left: 5px;
    padding-right: 0;
}

/** Search bar **/
#site-header.medium-header #medium-searchform label {
    right: 12px;
    left: auto;
}
#site-header.medium-header #medium-searchform button {
    left: 0;
    right: auto;
}
#site-header.medium-header #medium-searchform input {
    padding: 6px 12px 6px 38px;
}

#site-header.vertical-header #vertical-searchform form label {
    right: 12px;
    left: auto;
}
#site-header.vertical-header #vertical-searchform form button {
    left: 0;
    right: auto;
}#site-header.vertical-header #vertical-searchform form input {
     padding: 6px 12px 6px 38px;
 }

#searchform-header-replace-close {
    left: 8px;
    right: auto;
}

/** Footers **/
/** Footer Widget Verticl Line **/
.widget-title {
    border-width: 0 3px 0 0;
    padding-right: 15px;
    padding-left: 0;
    letter-spacing: 0;
    font-size: 15px;
    font-weight: 700;
}

/** Footer bottom menu Verticl Line **/
#footer-bottom #footer-bottom-menu ul {
    direction: ltr;
}

/** ّFooter Back to top button **/
#scroll-top {
    right: auto;
    left: 20px;
}

/** Button Letter-spacing **/
input[type="button"],
input[type="reset"],
input[type="submit"],
button[type="submit"],
.button,
body div.wpforms-container-full .wpforms-form input[type="submit"],
body div.wpforms-container-full .wpforms-form button[type="submit"],
body div.wpforms-container-full .wpforms-form .wpforms-page-button {
    letter-spacing: 0;
}

/** rows > like footer **/
body .oceanwp-row .col {
    float: right;
}

/** Blog Posts **/
/** Single Posts > Comments **/
.theme-heading .text::before { content: '\f104';}
.theme-heading .text::before {
    padding-left: 6px;
    padding-right: auto;
    vertical-align: middle;
}
.comment-author .comment-link {
    float: right;
    letter-spacing: 0;
}
.comment-author .comment-meta {
    float: left;
    letter-spacing: 0;
}
.comment-body img.avatar {
    margin-left: 30px;
    margin-right: auto;
}

/** Single Posts > Comments > Fields **/
#respond .comment-form-author, #respond .comment-form-email, #respond .comment-form-url {
    float: right;
}
#respond .comment-form-author {
    padding-left: 10px;
    padding-right: 0;
}
#respond .comment-form-url {
    padding-right: 10px;
    padding-left: 0;
}

/** Single Posts > Comments > reply **/
#respond #cancel-comment-reply-link {
    float: left;
    letter-spacing: 0;
}
/** Single Posts > related posts > date **/
time.published i {
    padding-left: 5px;
    padding-right: auto;
}

/** quotes **/
blockquote {
    padding-right: 20px;
    padding-left: 0;
    border-right-width: 3px;
    border-left-width: 0;
}

/** blog > Archive Posts > read more > icon **/
.blog-entry.grid-entry .blog-entry-readmore a i {
    margin-right: 5px;
    margin-left: auto;
}

/** Woocommerce **/
/** Shop page pagination **/
nav.woocommerce-pagination ul.page-numbers li a.next.page-numbers i::before {
    content: "\f104";
}
nav.woocommerce-pagination ul.page-numbers li a.prev.page-numbers i::before {
    content: "\f105";
}

.widget-area.sidebar-primary {
    float: left;
    padding-right: 30px;
    padding-left: 0
}

/** Shop page > filter hamberger icon **/
.woocommerce .oceanwp-off-canvas-filter i {
    margin-left: 6px;
    margin-right: auto;
}

/** Woocommerce > Archive Page > SideBar right **/
.widget-area.sidebar-primary {
    float: right;
    padding-right: 0;
    padding-left: 30px;
}

/** Widget Area > Woocommerce > products **/
.woocommerce ul.product_list_widget li {
    padding: 10px 94px 10px 0;
}
.woocommerce ul.product_list_widget li img {
    right: 0;
    left: auto;
}

/** Dropdown Shopping cart **/
.widget_shopping_cart .total strong {
    float: right;
    letter-spacing: 0 !important;
}
.widget_shopping_cart .total .amount {
    float: left;
    letter-spacing: 0 !important;
}
.widget_shopping_cart ul.cart_list li .owp-grid-wrap .owp-grid.content {
    padding-right: 10px;
    padding-left: auto;
}
.widget_shopping_cart ul.cart_list li .owp-grid-wrap .owp-grid > div {
    padding-left: 60px;
    padding-right: 5px;
}
.woocommerce .widget_shopping_cart .cart_list li a.remove, .woocommerce.widget_shopping_cart .cart_list li a.remove {
    left: 20px;
    right: auto !important;
}

/** Ocean Elementor Widgets **/
/** Grid Post **/
.oew-blog-grid .oew-grid-meta li i {
    margin-left: 6px;
    margin-right: auto !important;
    vertical-align: middle;
}
.oew-blog-grid .oew-grid-meta li a {
    float: left;
}

/*
 * Child Theme Created By NagaTheme.com
 * RTL Codes That Are Necessary for Astra Added By NagaTheme.com
 */

/***** woocommerce onsale circle *****/
.woocommerce div.product.ast-product-gallery-with-no-image .onsale {
    right: -.5em !important;
    left: auto !important;
}
@media (min-width: 768px) {
    .woocommerce div.product.ast-product-gallery-layout-vertical .onsale {
        right: 12.5%;
        right: -webkit-calc(12.5% - .5em);
        right: calc(12.5% - .5em);
        left: auto !important;
    }
}
#ast-quick-view-content .onsale {
    right: 15px !important;
    left: auto !important;
}
/***** Header SubMenu Icons *****/
.ast-header-break-point .main-header-bar .main-header-bar-navigation .page_item_has_children > .ast-menu-toggle, .ast-header-break-point .main-header-bar .main-header-bar-navigation .menu-item-has-children > .ast-menu-toggle {
    left: calc(20px - 0.907em) !important;
    right: auto !important;
}
.ast-header-break-point .main-header-bar .main-header-bar-navigation ul.sub-menu .menu-item-has-children > .ast-menu-toggle, .ast-header-break-point .main-header-bar .main-header-bar-navigation ul.children .page_item_has_children > .ast-menu-toggle {
    left: calc(20px - 0.907em) !important;
    right: auto !important;
}
.ast-fullscreen-menu-enable.ast-header-break-point .main-navigation ul.sub-menu li.menu-item-has-children > a, .ast-fullscreen-menu-enable.ast-header-break-point .main-navigation ul.sub-menu li.page_item_has_children > a, .ast-default-menu-enable.ast-header-break-point .main-navigation ul.sub-menu li.menu-item-has-children > a, .ast-default-menu-enable.ast-header-break-point .main-navigation ul.sub-menu li.page_item_has_children > a, .ast-flyout-menu-enable.ast-header-break-point .main-navigation ul.sub-menu li.menu-item-has-children > a, .ast-flyout-menu-enable.ast-header-break-point .main-navigation ul.sub-menu li.page_item_has_children > a {
    padding-right: 30px !important;
    padding-left: auto !important;
}
.ast-desktop .main-navigation .ast-mm-template-content, .ast-desktop .main-navigation .ast-mm-custom-text-content, .main-navigation ul.sub-menu li a, .main-navigation ul.children li a, .ast-header-break-point .main-navigation ul.sub-menu li a, .ast-header-break-point .main-navigation ul.children li a {
    padding-right: 30px !important;
    padding-left: 0 !important;
}
/***** OutLine of Menu Items *****/
a, a:hover, a:active, a:focus {
    outline: 0;
}
/***** Archive Woocommerce Page > Off-Canvas *****/
.ast-off-canvas-overlay .woocommerce .astra-off-canvas-sidebar-wrapper .astra-off-canvas-sidebar, .ast-off-canvas-overlay .woocommerce-page .astra-off-canvas-sidebar-wrapper .astra-off-canvas-sidebar {
    margin-right: -17px;
}
/***** Fix Yith Woocommerce Checkout > input checkbox *****/
.woocommerce form .form-row .input-checkbox {
    margin: 7px 0 0 8px;
}
.woocommerce-checkout input[type="checkbox"] {
    float: right;
    clear: right;
}
.woocommerce-checkout label.checkbox {
    float: right;
}
/*hosein**********************************************************************************************/
.co-box {
    width: 35%;
    float: right;
    padding-right: 20px;
}
.co-box span {
    display: block;
    font-size: 14px;
    margin-bottom: 5px;
    color: #868686;
    font-weight: 500;
}
a.button-webinar {
    display: block;
    color: white;
    font-size: 12px;
    background-color: #187c48;
    border-radius: 5px;
    text-align: center;
    font-weight: 400;
    padding: 5px 0;
    width: 150px;
}
.woocommerce-MyAccount-navigation ul li {
    display: inline-block;
    font-size: 14px;
}
.woocommerce-MyAccount-navigation ul li a {
    color: #999;
    font-size: 13px;
}
.woocommerce-MyAccount-navigation-link.is-active a {
    color: #3c3c3c;
    font-weight: 500;
    border-radius: 8px 8px 0 0;
    border-bottom: 3px solid #187c48;
}
.woocommerce-MyAccount-navigation-link {
    list-style: none;
    border: 1px solid #f5f6fa;
    border-bottom-width: 0;
    display: inline-block;
}
.woocommerce-MyAccount-navigation ul {
    border: none;
}
.woocommerce-MyAccount-navigation {
    float: unset;
    width: 100%;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
    float: unset;
    width: 100%;
}
article.post-107 header.entry-header {
    display: none;
}
.woocommerce-account .woocommerce-MyAccount-content {
    width: 100%;
    background: #FBFBFB;
    padding: 42px 32px;
}
div.woocommerce-MyAccount-content div.box1 {
    width: 100%;
    padding-bottom: 0;
    padding-top: 48px;
    border-radius: 10px;
}
li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--customer-logout {
    display: none!important;
}
div.woocommerce-MyAccount-content .box1 .h1 {
    width: 100%;
    position: relative;
}
div.woocommerce-MyAccount-content .box1 .h1 img {
    display: inline-block;
    width: 36px;
    height: 36px;
}
div.woocommerce-MyAccount-content .box1 .h1 h4 {
    display: contents;
}
div.woocommerce-MyAccount-content div.box1 ul.curse-list {
    margin: 0 auto;
}
div.woocommerce-MyAccount-content div.box1 ul.curse-list li {
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
    list-style: none;
    display: inline-block;
    vertical-align: text-top;
    border-radius: 0;
    margin: 3px;
    margin-top: 21px;
    position: relative;
    padding: 0 0 20px;
}
div.woocommerce-MyAccount-content div.box1 ul.curse-list li:last-of-type {
    border-bottom:0;
}
div.woocommerce-MyAccount-content div.box1 ul.curse-list li img {
    border-radius: 5px;
    width: 14%;
    float: right;
}
.button-webinar {
    float: right;
}
div.woocommerce-MyAccount-content div.box1 ul.curse-list li h5 {
    text-align: right;
    font-size: 14px;
    margin: 0;
    padding: 0px 0 10px;
}
div.woocommerce-MyAccount-content div.box1 ul.curse-list li > a {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 50%;
    text-align: center;
    color: #fff;
    background: #177b47;
    bottom: -12px;
    border-radius: 6px;
    font-size: 11px;
    font-weight: bold;
    padding: 6px 2px;
}
/*دوره ها */

div.box2 {
    width: 100%;
    text-align: center;
    margin: 0 auto;
}
div.box2-wrapper {
    text-align: center;
    width: fit-content;
}
div.woocommerce-MyAccount-content div.box2 {
    width: 100%;
    padding-bottom: 0;
    display: inline-block;
}
div.woocommerce-MyAccount-content .box2 .h1 {
    width: 100%;
    position: relative;
    text-align: right;
    margin-bottom: 14px;
}
div.woocommerce-MyAccount-content .box2 .h1 img {
    display: inline-block;
    width: 36px;
    height: 36px;
}
div.woocommerce-MyAccount-content .box2 .h1 h4 {
    display: contents;
}
div.woocommerce-MyAccount-content .box2 .course-li {
    width: 100%;
    list-style: none;
    display: inline-block;
    border-bottom: 1px solid #ececec;
    padding: 11px 0;
}
div.woocommerce-MyAccount-content .box2 .course-li:last-of-type{
    border-bottom:0!important;
}
div.woocommerce-MyAccount-content .box2 .course-li .main-box .thumbnail {
    display: inline-block;
    float: right;
    width: 24%;
    border-radius: 5px;
}
div.woocommerce-MyAccount-content .box2 .course-li .main-box .thumbnail img {
    border-radius: 5px;
}
div.woocommerce-MyAccount-content .box2 .course-li .left-box {
    margin-right: 20px;
    float: right;
    width: 70%;
    text-align: right;
    margin-top: 7px;
}
div.woocommerce-MyAccount-content .box2 .course-li .left-box a {
    display: block;
    color: white;
    font-size: 12px;
    background-color: #187c48;
    border-radius: 5px;
    text-align: center;
    font-weight: 400;
    padding: 5px 0;
    width: 150px;
}
div.woocommerce-MyAccount-content .box2 .course-li .left-box span {
    display: block;
    font-size: 13px;
    margin-bottom: 16px;
    color: #3c3c3c;
    font-weight: bold;
}
.box1-wrapper {
    padding: 16px 0;
}
div.woocommerce-MyAccount-content .box2 .course-li .left-box .progressleft-box {
    display: block;
    background-color: #0b8457;
    height: 24px;
    width: 100%;
    margin-top: 10px;
}
.percentage {
    display:none;
    background: #F5F5F5;
    border-radius: 14px;
    margin-top: 6px;
    position: relative;
}
.percentage span.bar {
    background: #bce5d3;
    display: table;
    height: 20px;
    border-radius: 0 20px 20px 0;
}
.percentage span.text {
    font-size: 10px !important;
    font-weight: bold;
    display: block;
    text-align: center;
    position: absolute;
    top: 1px;
    left: 0;
    right: 0;
}
div.woocommerce-MyAccount-content div.box3 {
    width: 100%;
    padding-bottom: 30px;
}
div.woocommerce-MyAccount-content .box3 .h1 {
    width: 100%;
    margin-right: 8%;
    position: relative;
    padding: 27px;
}
div.woocommerce-MyAccount-content .box3 .h1 img {
    display: inline-block;
    width: 36px;
    height: 36px;
}
div.woocommerce-MyAccount-content .box3 .h1 h4 {
    display: contents;
}
div.main-profile-p {
    background-color: #f5f6fa;
    width: 100%;
    height: 233px;
    margin-top: -2px;
    padding-top: 22px;
}
div.p-picture {
    display: block;
    width: 19%;
    height: 100%;
    float: right;
}
div.p-picture img {
    width: 57px;
    height: 57px;
    background-color: white;
    display: block;
    margin-right: 172px;
    margin-top: 52px;
    border-radius: 100%;
}
div.p-formm {
    display: inline-block;
    float: right;
    width: 79%;

}
div.p-formm .my-profile-form label {
    display: inline-block;
    margin-right: 30px;
    margin-top: 13px;
    font-weight: bold;
    color: #b6b7bb;
}
div.p-formm .my-profile-form label input {
    padding: 3px;
    border-radius: 5px;
    border: 1px solid #dedede;
    font-size: 12px;
    font-weight: bold;
    width: 190px;
}
div.p-formm .my-profile-form label input:focus {
    border: 1px solid #74be99 !important;
    outline: none;
    border-radius: 5px;
}
div.p-formm .my-profile-form label div {
    margin-right: 6px;
    font-size: 12px;
}
div.p-formm .my-profile-form label select {
    width: 190px;
    padding: 0;
    background-color: white;
    border-radius: 5px;
    font-size: 14px;
}
div.p-formm form.my-profile-form button {
    color: #366956;
    background-color: #b7e0d2;
    width: fit-content;
    margin: 0 auto;
    padding: 10px 25px 10px 25px;
    display: block;
    font-size: 12px;
    font-weight: bold;
    border-radius: 5px;
    margin-top: 25px;
}
div.p-h2 {
    width: 100%;
    margin-right: 8%;
    position: relative;
    padding: 27px;
}
div.p-h2 img {
    display: inline-block;
}
div.p-h2 h4 {
    display: contents;
}
div.woocommerce-MyAccount-content div.box3 ul.suggest-list li {
    width: 20%;
    list-style: none;
    border-radius: 6px;
    display: inline-block;
    vertical-align: text-top;
    box-shadow: 4px 4px 11px #88888847;
    margin-left: 10px;
    margin-top: 20px;
}
div.woocommerce-MyAccount-content div.box3 ul.suggest-list li {
    width: 20%;
    list-style: none;
    border-radius: 6px;
    display: inline-block;
    vertical-align: text-top;
    box-shadow: 4px 4px 11px #88888847;
}
div.woocommerce-MyAccount-content ul.suggest-list li img {
    border-radius: 5px 5px 0 0;
}
div.woocommerce-MyAccount-content ul.suggest-list li h5 {
    margin-top: 10px;
    font-size: 13px;
    padding-right: 10px;
    margin-bottom: 0;
}
.woocommerce-MyAccount-tabs {
    width: 100%;
}
.woocommerce-MyAccount-navigation ul li {
    border: none;
}
.woocommerce-MyAccount-navigation ul {
    margin-bottom: 0;
}
.woocommerce-MyAccount-navigation ul li a {
    padding: 8px 20px;
}
.woocommerce-MyAccount-navigation ul li a:before {
    display: none;
}
div.woocommerce-MyAccount-content ul.suggest-list li a {
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    display: inline-block;
}
div.woocommerce-MyAccount-content ul.suggest-list li > span {
    font-size: 11px !important;
    padding-right: 10px;
}
div.woocommerce-MyAccount-content ul {
    margin-bottom: 0;
}
div.woocommerce-MyAccount-content li.none {
    box-shadow: none !important;
    width: 100% !important;
    text-align: center !important;
    margin: 0 !important;
    color: #757575 !important;
    list-style: none !important;
    background: transparent !important;
}
/* media screen */
@media only screen and (max-width: 1200px) {
    div.woocommerce-MyAccount-content .box2 .course-li .left-box {
        width: 44%;
        margin-top: 1px;
    }
    div.woocommerce-MyAccount-content .box2 .course-li .main-box .thumbnail {
        width: 27%;

    }
    div.box2-wrapper {
    padding: 16px;
}
.box1-wrapper {
    padding: 16px;
}
div.woocommerce-MyAccount-content div.box1 ul.curse-list li img {
    width: 25%;
}
}
@media only screen and (max-width: 1024px) {
    .box2 ul {
        width: 94%;
    }
    div.woocommerce-MyAccount-content .box2 .course-li {
        width: 100%;
        margin-right: 2px;
    }
    div.woocommerce-MyAccount-content .box2 .h1 {
        margin-right: 6px;
    }
    div.woocommerce-MyAccount-content .box1 .h1 {
        margin-right: 6px;
        margin-bottom: 6px;
    }
    div.woocommerce-MyAccount-content div.box1 ul.curse-list {
        width: 100%;
    }
    div.woocommerce-MyAccount-content .box3 .h1 {
        margin-right: 6px;
        padding: 21px;
    }

}
@media only screen and (max-width: 900px) {
    div.woocommerce-MyAccount-content div.box1 ul.curse-list {
        width: 100%;
    }
}
@media only screen and (max-width: 768px) {
    div.woocommerce-MyAccount-content .box2 .course-li {
        width: 100%;
        padding-bottom: 24px;
    }
    div.woocommerce-MyAccount-content .box2 .course-li .left-box {
        width: 44%;
        margin-top: 25px;
    }
    div.woocommerce-MyAccount-content div.box1 ul.curse-list li {
        width: 100%;
    }
    div.woocommerce-MyAccount-content div.box1 ul.curse-list li img {
    width: 25%;
}
    .co-box {
    width: 70%;
}
.box1-wrapper {
    padding: 16px;
}
    .woocommerce-MyAccount-navigation ul {
        margin-right: 0;
    }
    .woocommerce-MyAccount-navigation-link a {
        padding: 10px;
    }
    div.woocommerce-MyAccount-content div.box3 ul.suggest-list li {
        width: 29%;
        margin-right: 5px;
        margin-top: 10px;
    }
    div.woocommerce-MyAccount-content ul.suggest-list li a {
        font-size: 10px;
    }
}
@media only screen and (max-width: 600px) {
    div.woocommerce-MyAccount-content .box2 .course-li {
        margin-bottom: 22px;
    }
    div.woocommerce-MyAccount-content .box2 .course-li .left-box {
        width: 44%;
        margin-top: 15px;
    }
    div.woocommerce-MyAccount-content div.box1 ul.curse-list li a {
        width: 100%;
    }
    div.woocommerce-MyAccount-content div.box1 ul.curse-list li {
        width: 38%;
    }
    .woocommerce-MyAccount-navigation-link a {
        padding: 5px 10px 5px 10px;
    }
    .woocommerce-MyAccount-navigation ul li {
        border-radius: 18px;
        margin-left: 5px;
        margin-bottom: 11px;
        width: 31%;
        text-align: center;
    }
    .woocommerce-MyAccount-navigation-link.is-active a {
        border-radius: 0!important;
    }
    div.woocommerce-MyAccount-content div.box3 ul.suggest-list li {
        width: 30%;
    }

}
@media only screen and (max-width: 480px) {
    .box1-wrapper {
    padding: 16px 15px;
}
div.woocommerce-MyAccount-content div.box1 ul.curse-list li h5 {
    text-align: center!important;
    font-size: 16px;
    margin: 0;
    padding: 12px 0 10px;
}

div.woocommerce-MyAccount-content .box2 .course-li .left-box a {
    display: block;
    color: white;
    font-size: 12px;
    background-color: #187c48;
    border-radius: 5px;
    text-align: center;
    font-weight: 400;
    padding: 10px 30px;
     width: auto;
}
    .co-box {
    width: 100%;
    padding-right: 0;
    text-align: center;
}
    div.box2-wrapper {
    text-align: center;
    width: fit-content;
    margin: 0 auto;
    padding: 16px;
}

    div.woocommerce-MyAccount-content .box2 .course-li {
        margin-bottom: -2px;
    }
    div.woocommerce-MyAccount-content .box2 .course-li .left-box {
        width: 100%;
        margin-top: 12px;
        margin-right: 0;
        text-align: center;
    }
    div.woocommerce-MyAccount-content .box2 .course-li .main-box .thumbnail {
        width: 100%;
    }
    div.woocommerce-MyAccount-content .box2 .h1 {
        margin-right: 2px;
        padding: 15px;
    }
    div.woocommerce-MyAccount-content .box2 .course-li .left-box span {
        font-size: 13px;
        margin-bottom: 10px;
    }
    div.woocommerce-MyAccount-content div.box1 ul.curse-list li {
        width: 100%;
        display: table;
        margin: 0 auto;
        margin-top: 15px;
    }
    div.woocommerce-MyAccount-content div.box1 ul.curse-list li img {
    width: 100%;
}

    div.woocommerce-MyAccount-content .box1 .h1 {
        width: 100%;
        margin-right: 0;
        padding: 25px 0;
    }
    div.woocommerce-MyAccount-content .box3 .h1 {
        width: 100%;
        margin-right: 0;
        padding: 25px 0;
    }
    .woocommerce-MyAccount-navigation ul li a {
        color: #606163;
        font-size: 11px;
        padding: 6px 10px;
    }
    .woocommerce-MyAccount-navigation ul li {
        width: 47%;
    }
    div.woocommerce-MyAccount-content div.box3 ul.suggest-list li {
        width: 44%;
    }

}
@media only screen and (max-width: 320px) {
    div.woocommerce-MyAccount-content .box2 .course-li {
        margin-bottom: -24px;
    }
    div.woocommerce-MyAccount-content .box2 .course-li .main-box .thumbnail {
        width: 45%;
    }
    div.woocommerce-MyAccount-content .box2 .course-li .left-box span {
        display: block;
        font-size: 9px;
        margin-bottom: 5px;
    }
    div.woocommerce-MyAccount-content .box2 .course-li .left-box {
        width: 41%;
        margin-top: -9px;
    }
    div.woocommerce-MyAccount-content div.box1 ul.curse-list li {
        width: 89%;
    }
    div.woocommerce-MyAccount-content div.box3 ul.suggest-list li {
        width: 90%;
    }
}