html,
body {
    overflow-x: hidden;
    max-width: 100%;
}

/*tablet*/
@media (max-width:1024px) {

    /* home */
    .hero-play-icon::before {
        /*top: -63%;*/
        /*left: -77%;*/
        transform: scale(1);
        transform: translate(-50%,-50%);
    }

    .home-about-box .elementor-icon-box-wrapper::before {
        transform: translate(-55px, calc(-100% + 10px));
        font-size: 60px;
    }

    .home-category-box .elementor-icon-box-wrapper::before {
        transform: translate(-25px, calc(-100% + 0px));
        font-size: 55px;
    }

    .home-category-link .elementor-icon-box-wrapper::after {
        width: 140px;
        transform: translate(0, -50px) scale(.7);
    }

    .home-services-box .elementor-icon-box-wrapper::before {
        top: 0;
        right: 0;
        transform: translate(-25px, calc(-100% + 0px));
        font-size: 55px;
    }

    .home-services-item .elementor-icon-box-icon {
        position: relative !important;
        top: 50 !important;
        right: 0;
        transform: translate(-0px, 0px);
    }

    .home-services-item .elementor-icon-box-title {
        padding-right: 0px;
        padding-top: 0px;
    }

    .home-pricing-box .elementor-icon-box-wrapper::before {
        transform: translate(-25px, calc(-100% + 0px));
        font-size: 55px;
    }

    .home-testimonial-box .elementor-icon-box-wrapper::before {
        transform: translate(-25px, calc(-100% + 0px));
        font-size: 55px;
    }

    .home-testimonial-link .elementor-icon-box-wrapper::after {
        width: 145px;
        height: 147px;
        transform: translate(65%, -80%) scale(.8);
    }

    .home-weblog-box .elementor-icon-box-wrapper::before {
        transform: translate(-25px, calc(-100% + 0px));
        font-size: 55px;
    }

    .home-weblog-link .elementor-icon-box-wrapper::after {
        width: 190px;
        height: 154px;
        transform: translate(0px, -50px) scale(.6);
    }

    .item-product-price-link .woocommerce-Price-currencySymbol {
        font-size: 12px !important;
    }

    /* home */


    /*product-archive*/
    .product-archive-grid .item-product-archive-container:hover {
        transform: translate(0, -20px) !important;
    }

    /*product-archive*/



    /* about */
    .about-hero-image-box .elementor-image-box-img::before {
        left: 50%;
        bottom: calc(50% + 90px);
        transform: translate(-50%, 50%) scale(.7);
    }

    .about-feature-container::after {
        position: absolute;
        right: 30%;
        top: 0;
        transform: translate(-40%, -45%) scale(.8);
    }

    .about-feature-subject::after {
        position: absolute;
        right: 0;
        bottom: 0;
        transform: translate(100%, 50px);
    }

    /* about */
}

/*tablet*/


/*mobile*/
@media (max-width:768px) {

    /* home */
    .home-product-tabs .e-n-tabs-heading{
        flex-direction: row;
        flex-wrap: nowrap;
        overflow-x: scroll !important;
        justify-content: start !important;
    }
    .home-services-box .elementor-icon-box-wrapper::before {
        width: 80vw !important;
    }
    .home-hero-link-container::after {
        transform: translate(49%, 33%) scale(1);
    }

    .home-about-box .elementor-icon-box-wrapper::before {
        transform: translate(-25px, calc(-100% + 10px));
        font-size: 50px;
    }

    .home-about-link .elementor-icon-box-content {
        padding: 10px !important;
        transform: translate(-20px, 0);
    }

    .home-about-link .elementor-icon-box-icon {
        padding: 10px !important;
        transform: translate(-5px, 4px);
    }

    .home-category-box .elementor-icon-box-wrapper::before {
        transform: translate(-15px, calc(-100% + 0px));
        font-size: 45px;
    }

    .home-services-box .elementor-icon-box-wrapper::before {
        transform: translate(-15px, calc(-100% + 0px));
        font-size: 45px;
    }

    .home-category-link .elementor-icon-box-wrapper::after {
        width: 0px;
        height: 0px;
        transform: translate(0, -0px);
    }

    .home-services-link .elementor-icon-box-wrapper::after {
        width: 0px;
        height: 0px;
        transform: translate(0, -0px);
    }

    .item-product-price-link .elementor-icon-box-icon {
        padding: 18px 5px 10px 3px !important;
        transform: translate(5px, 2px);
    }

    .item-product-price-link .elementor-icon {
        position: relative;
        left: 0px !important;
    }

    .item-product-price-link .elementor-icon-box-content {
        padding: 0px !important;
        width: 0px !important;
        white-space: nowrap;
        text-align: right;
        background-color: red !imoprtant;
    }

    .item-product-price-link .woocommerce-Price-currencySymbol {
        font-size: 11px !important;
    }

    .item-product-title a {
        padding-top: 110px !important;
    }

    .item-product-image-container {
        height: 170px;
        border-radius: 20px
    }

    .item-product-image-container::after {
        height: 150px;
        border-radius: 0 0 20px 20px;
    }

    .home-pricing-box .elementor-icon-box-wrapper::before {
        transform: translate(-55px, calc(-100% + 0px));
        font-size: 35px;
    }

    .home-weblog-link .elementor-icon-box-wrapper::after {
        width: 0px;
        height: 4px;
        transform: translate(0px, -50px) scale(.6);
    }

    .home-testimonial-box .elementor-icon-box-wrapper::before {
        transform: translate(-25px, calc(-100% + 0px));
        font-size: 45px;
    }

    .home-testimonial-link .elementor-icon-box-wrapper::after {
        width: 0px;
        height: 0px;
    }

    .home-weblog-box .elementor-icon-box-wrapper::before {
        transform: translate(-25px, calc(-100% + 0px));
        font-size: 45px;
    }

    .home-weblog-link .elementor-icon-box-wrapper::after {
        width: 0px;
        height: 0px;
    }

    .hero-play-icon::before {
        /*top: -79%;*/
    }

    /* home */

    /*product-archive*/
    .product-archive-grid .item-product-archive-container:hover {
        transform: translate(0, -20px) !important;
    }

    .item-product-archive-image-container {
        height: 220px;
        border-radius: 30px;
    }

    .item-product-archive-link .elementor-icon-box-icon {
        padding: 15px 20px 10px 20px !important;
    }

    /*product-archive*/

    /* about */
    .about-hero-image-box .elementor-image-box-img::before {
        left: 50%;
        bottom: calc(50% + 110px);
        transform: translate(-50%, 50%) scale(.3);
    }

    .about-feature-container::after {
        transform: translate(-90%, -55%) scale(.5);
    }

    .about-feature-subject::after {
        position: absolute;
        opacity: 0
    }

    /* about */


    /*single-product*/
    .single-product-top-aside .elementor-icon-list-text {
        display: none !important
    }

    /*.custom-variable-submit {*/
    /*    flex-direction: column !important;*/
    /*    justify-self: start !important;*/
    /*    gap: 10px !important;*/
    /*}*/
    
    .custom-message-container .message-preview {
        width: 100%;
    }

    .custom-message-container .message-symbol .symbol-list {
        gap: 3px;
        flex-flow: wrap;
    }

    .comment-reply-login {
        font-size: 10px;
    }

    .reply-link {
        position: static;
    }

    .faq-question {
        padding: 13px;
        gap: 5px;
    }

    .faq-question-text {
        font-size: 14px;
    }

    .faq-toggle {
        width: auto;
        display: flex;
        transform: scale(.8);
        padding: 15px;
    }

    /*single-product*/

}

@media (max-width:400px) {
    .custom-variable-table tbody {
        flex-direction: column;
    }

    .custom-variable-table tr {
        width: calc(100%) !important;
    }
}

@media (max-width:490px) {
    .custom-variable-submit {
        flex-direction: column !important;
        justify-self: start !important;
        gap: 10px !important;
    }

    .custom-comments-wrapper .comment-reply-title {
        font-size: 18px;
    }
}

/*mobile*/