/* mobile style*/
@media only screen and (max-width: 768px) {
    div#tab-1 table{
        width: 100% !important;
        overflow: scroll !important;
        overflow: auto;
        display: block;
        overflow-x: auto;
    }
    .post-item .post-thumbnail {
        width: 100%;
        max-width: 100%;
        height: 220px;
    }

    .post-item .post-content {
        width: 100%;
        padding: 10px 0;
    }

    .content_single_post table, .content_single_post table {
        width: 100%;
        overflow: scroll !important;
        overflow: auto;
        display: block;
        overflow-x: auto;
    }
    
    div#main-menu ul li a img, div#main-menu ul li a .price {
        display: none !important;
    }

    .banner-home {
        display: none !important;
    }
    .elementor-price-table__ribbon {
        position: absolute;
        top: 0;
        left: auto;
        right: 0px;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        width: 150px;
        overflow: hidden;
        height: 150px;
    }

    .filter-by {
        flex-flow: wrap;
    }

    .filter-by .filter-by-select-main {
        flex-flow: wrap;
    }
    .elementor-widget-container.dmic .elementor-price-table__ribbon {
        position: absolute;
        top: 0;
        left: auto;
        right: 15px;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        width: 150px;
        overflow: hidden;
        height: 150px;
    }

    .filter-by .filter-by-select {
        width: 100%;
        margin-bottom: 10px;
    }
    .ods-offer-card__badge.position-absolute {
        height: 50px;
        top: -21px;
        left: 50%;
        -webkit-transform: translate(-50%,-100%);
        transform: translate(0%,0%);
    }
    .ods-offer-card__badge .ods-badge {
        font-size: 1.25rem;
        line-height: 1.25em;
        letter-spacing: 0;
        border-bottom-left-radius: 23px;
        border-bottom-right-radius: 23px;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        display: inline-block;
        padding: 0.25rem 1rem;
    }
    .home-banner-slider .home-banner-item {
        background-image: unset !important;
    }

    article.bk-review-home {
        width: 100%;
    }

    .home-banner-item-content {
        padding: 30px;
        text-align: center;
        display: flex;
        flex-flow: wrap;
        justify-content: center;
    }

    .home-title h3, .home-title2 h3 {
        margin: 0px 0 0px;
        font-size: 25px;
        line-height: 30px;
    }

    .home-title p, .home-title2 p {
        padding-top: 10px;
        font-size: 16px;
        margin: 0;
    }

    .mt-footer {
        margin-bottom: 20px !important;
    }

    .review-home-item .review-content:before {
        display: none;
    }

    .review-home-item .review-star {
        justify-content: center;
    }

    .ssl-abouts .box-image {
        width: 80px !important;
    }

    span.verified-txt {
        display: none;
    }

    span.lock-icon img {
        width: 15px;
    }

    .browser-main .address-bar {
        font-size: 20px;
    }

    .ssl-abouts h4, .ssl-abouts p {
        text-align: center;
    }

    .browser-main {
        display: block;
        align-items: center;
    }

    .browser-main .browser-actions {
        display: none !important;
    }

    .ssl-abouts .box-image {
        text-align: center;
    }

    .ssl-abouts .box-image img {
        width: 70px;
    }

    .faq__ssl a.accordion-title.plain {
        font-size: 15px;
    }

    .faq__ssl .accordion-inner {
        font-size: 14px;
    }

    .video-wrapper {
        border-radius: 15px;
        overflow: hidden;
        background: #ececec;
        box-shadow: 0 0 10px 5px rgb(0 0 0 / 10%);
        border: 1px solid #fff;
        height: 250px;
    }

    .video-images {
        display: none !important;
    }

    .video.video-fit.mb.video__ssl {
        padding-top: 200px !important;
        width: 90%;
        position: absolute;
        top: 15px;
    }

    .flex-col.show-for-medium.flex-right {
        width: unset !important;
        max-width: unset !important;
        display: unset !important;
    }

    .home-banner-item-content .home-banner-item-price-main {
        font-size: 35px;
    }

    .home-banner-item-content .home-banner-item-price-main span {
        font-size: 35px;
    }

    .home-banner-item-content .home-banner-item-price-year {
        right: -20px;
    }

    .home-banner-item-content .home-banner-item-name {
        font-size: 30px;
    }

    li.html.custom.html_topbar_right {
        display: block !important;
    }

    div#masthead .header-account a i {
        color: var(--primary-color) !important;
        font-size: 20px !important;
    }

    a.is-small i:before {
        content: '\f0c9' !important;
        font-family: "Font Awesome 6 Pro" !important;
        color: #000;
    }

    .category-nav ul li a {
        padding: 20px 15px;
        font-size: 16px;
    }

    footer#footer .footer-tv a {
        width: 30%;
        padding: 10px;
        height: 60px;
    }



    h4.filter-title.collapsable.closed {
        /* width: 200px; */
        padding: 5px !important;
        font-size: 13px !important;
        text-transform: unset !important;
        margin: 0px !important;
        border-radius: 5px !important;
        background: #fff !important;
        color: #000 !important;
        border: 2px solid #f2f2f2 !important;
        padding-right: 20px !important;
        height: 50px;
        display: flex;
        align-items: center;
    }




    .home-title h3 {
        font-size: 20px;
    }

    .project-item .project-thumbnail, .post-item .post-thumbnail {
        height: 220px;
    }

    .pageBanner {
        min-height: 220px;
    }

    .yith-wcan-filters.horizontal:not(.filters-modal) .yith-wcan-filter h4.collapsable {
        padding: 5px !important;
        font-size: 13px !important;
        text-transform: unset !important;
        margin: 0px !important;
        border-radius: 5px !important;
        background: #fff !important;
        color: #000 !important;
        border: 2px solid #f2f2f2 !important;
        padding-right: 20px !important;
        height: 50px;
        display: flex;
        align-items: center;
    }

    .yith-wcan-filters.horizontal:not(.filters-modal) .yith-wcan-filter h4.collapsable:after {
        right: 5px !important;
    }

    .p-container .p-sku {
        width: 100%;
    }

    .yith-wcan-filters.horizontal .filters-container {
        position: relative;
    }

    .yith-wcan-filters.horizontal .filter-content {
        left: 0px !important;
        box-shadow: unset !important;
        border-radius: 0px !important;
        border-color: #f2f2f2 !important;
        padding: 10px !important;
    }

    .filter-content-footer {
        margin: 10px -10px -10px !important;
        padding: 6px !important;
    }

    a.apply-filters.button.alt {
        font-weight: normal;
        font-size: 15px;
        padding: 0px 15px !important;
        height: 35px !important;
        min-height: 35px !important;
        line-height: 35px !important;
        border-radius: 5px !important;
        background: var(--primary-color) !important;
    }
    .price-item.vps-mmo-roduct_cat {
        min-width: 14rem;
        border-radius: 15px;
        position: relative;
        background: #fff;
        border: 1px solid #f2f2f2;
        box-shadow: 1px 1px 1px #ffffff12, 0 0 10px hsl(0deg 0% 100% / 20%), 0 0 8px #908c8c00;
        transition: 0.3s ease-in-out;
    }

    .yith-wcan-filters.horizontal:not(.filters-modal) .yith-wcan-filter {
        min-width: 31% !important;
        margin-right: 6px !important;
        padding: 0px !important;
        border: 0px !important;
        position: unset !important;
        margin-bottom: 10px !important;
        width: 31% !important;
    }

    .yith-wcan-filters.horizontal:not(.filters-modal) .yith-wcan-filter h4 {
        border-radius: 4px !important;
    }

    .yith-wcan-filters.horizontal:not(.filters-modal) .yith-wcan-filter:nth-child(3n) {
        margin-right: 0px !important;
    }

    .yith-wcan-filters h4.filter-title:before {
        display: none !important;
    }
}

/* iPad landscape style here */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {

}

/* iPad portrait style here */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {

}

/**desktop**/
@media only screen and (min-width: 1920px) {

}