/* 0000px - INTERMEDIARY/MOBILE */

@media (min-width: 48.1rem) {
    
}

@media (min-width: 64.1rem) {
    .mobile{
        display: none;
    }
    .container {
        padding: 0 3rem;
    }


}

@media (min-width: 64.1rem) and (max-width: 86rem) {
   

}

@media (min-width: 48.1rem) and (max-width: 64rem) {
}

/*1024*/
@media (max-width: 64rem) {
   .dekstop{
       display: none;
   }
    .actions__search-form{
        padding-bottom: 30px;
    }
   .header__wrapper {
       align-items: center;
   }
   .header__logo img{
       width: 150px;
   }
    html[lang="ja"] nav.header__nav .nav__list {
        gap: 20px;
    }
    html[lang="ja"] nav.header__nav .nav__list li a {
        font-size: 19px;
    }
    html[lang="ja"] .header__mobile-show .actions__button .btn__text {
        font-size: 19px;
    }
   .header__mobile-show {
        width: 80%;
        position: fixed;
        top: 0;
        background-color: var(--WHITE);
        z-index: 9999;
        right: 0;
        height: 100vh;
        padding: 30px;
        overflow-x: scroll;
    }
    nav.header__nav .nav__list {
        gap: 20px;
        flex-direction: column;
        margin-bottom: 50px;
        margin-top: 20px;
    }
    #header__menu-close{
        position: absolute;
        right: 16px;
        top: 23px;
    }
    section.hero .hero__media img {
        height: 300px;
    }
    html[lang="en-GB"] section.hero .hero__content .hero__title ,
    html[lang="ja"] section.hero .hero__content .hero__title {
        font-size: 30px;
        max-width: unset;
        padding-right: 15px;
     }
    section.hero .hero__content .main-btn {
        margin-top: 30px;
    }
    .about-us__wrap {
        grid-template-columns: 1fr;
        gap: 50px;
    }
    .servies .servies__list,
    html[lang="ja"] .about-us__content .about-us__text,
    html[lang="en-GB"] .about-us__content .about-us__text,
    html[lang="ja"] .about-us__content .about-us__heading,
    html[lang="en-GB"] .about-us__content .about-us__heading {
        max-width: unset;
    }
    .about-us__image img {
        height: 300px;
    }
    .footer,
    section.contact-us,
    section.blog,
    section.why-us,
    section.servies,
    section.about-us {
        padding: 50px 0;
    }
    html[lang="ja"] .section-heading__title,
    html[lang="en-GB"] .section-heading__title,
    .servies .servies__title,
    html[lang="ja"] .about-us__content .about-us__title,
    html[lang="en-GB"] .about-us__content .about-us__title {
        margin-bottom: 50px;
    }
    .why-us__wrap,
    .product-registration__wrap{
        grid-template-columns: 1fr;
    }
    .product-registration__content {
        padding: 50px 15px;
    }
    .product-registration__image img {
        height: 500px;
    }
    .footer__bottom-wrap,
    .contact-us__wrap,
    .blog__wrap {
        grid-template-columns: 1fr;
        gap: 50px;
    }
    .blog__post__wrap {
        gap: 15px;
        flex-direction: column;
    }
    .contact-us__bottom-info {
        position: relative;
        bottom: unset;
        margin-top: 30px;
    }
    .contact-us__form {
        padding: 30px;
    }
    .footer__top {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    section.about-hero ,
    section.about-hero .about-hero__image {
        height: 500px;
    }
    section.about-hero .about-hero__title {
        font-size: 30px;
        max-width: unset;
        padding: 0 15px;
    }
    .page-template-page-about .about-us__block--two, .page-template-page-about .about-us__block--one {
        grid-template-columns: 1fr;
        gap: 50px;
    }
    .cta-black__image,
    .cta-black__img,
    .page-template-page-about .cta__img,
    .page-template-page-about .about-us__image img {
        height: 300px;
    }
    .page-template-page-about .strengths__list {
        grid-template-columns: repeat(1, 1fr);
    }
    .page-template-page-about .text-blocks__wrapper {
        grid-template-columns: 1fr;
        gap: 50px;
    }
    .page-template-page-about .cta,
    .page-template-page-about .text-blocks,
    .page-template-page-about .strengths {
        padding: 50px 0;
    }
    .page-template-page-about .text-blocks__vector {
        width: 150px;
    }
    .page-template-page-about .text-blocks__item:not(:last-child) {
        margin-bottom: 50px;
    }
    .cta-black__wrapper,
    .page-template-page-about .cta__wrapper {
        grid-template-columns: 1fr;
        gap: 50px;
    }
    .page-template-page-about .cta__wrapper .cta__content {
        padding-right: unset;
    }
    html[lang="ja"] .cta-black__heading,
    html[lang="ja"] .page-template-page-about .cta__heading{
        max-width: unset;
    }
    .cta-black__wrapper .cta-black__content {
        padding-left: unset;
    }
    .cta-black__button {
        margin-bottom: 50px;
    }
    html[lang="ja"] .page-template-page-about .about-us__title,
    html[lang="en-GB"] .page-template-page-about .about-us__title {
        margin-bottom: 50px;
    }
    .single-post .single-post__wrapper {
        grid-template-columns: 1fr;
        gap: 50px;
    }
    section.single-post {
        padding: 50px 0;
    }
    .single-post .single-post__thumbnail,
    .single-post .single-post__thumbnail img {
        height: 300px;

    }
    .single-post section.cta {
        padding: 30px;
        margin-top: 0px;
        text-align: center;
    }
    .single-post section.cta .cta__heading{
        font-size: 30px;
    }
    section.latest-posts,
   body.category  section.page-header,
    .page-template-page-blog section.page-header {
        padding: 50px 0;
    }
    body.category .featured-posts__image,
    body.category  .featured-posts__image img,
    .page-template-page-blog .featured-posts__image,
    .page-template-page-blog .featured-posts__image img {
        height: 300px;
    }
    body.category  .featured-posts__list ,
    .page-template-page-blog .featured-posts__list {
        grid-template-columns: repeat(1, 1fr);
    }
    section.latest-posts .latest-posts__wrapper {
        grid-template-columns: 1fr;
    }
    section.latest-posts .latest-posts__category-list {
        margin-top: 0px;
    }
    .page-template-page-services .page-header {
        padding: 50px 0;
    }
    .page-template-page-services .service-single {
        grid-template-columns: 1fr;
        margin-bottom: 15px;
    }
    .page-template-page-services .service-single__content {
        padding: 30px;
    }
    .page-template-page-services .service-single__image {
        height: 300px;
    }
    .page-template-page-services .service-single__title {
        max-width: unset;
    }
    .faq__wrapper {
        grid-template-columns: 1fr;
        gap: 50px;
    }
    .page-template-page-faq .page-header {
        padding: 50px 0;
    }
    .page-template-page-faq section.cta {
        padding: 30px;
        margin-top: 10px;
        margin-bottom: 50px;
        text-align: center;
    }
    .page-template-page-faq section.cta .cta__heading{
        font-size: 30px;
    }
    .pricing-plans__intro-title {
        max-width: unset;
    }
    .page-template-page-pricing .page-header {
        padding: 50px 0;
    }
    .pricing-plans__list {
        grid-template-columns: repeat(1, 1fr);
    }
    .contact-faq .contact-faq__list {
        column-count: 1;
    }
    .page-template-page-pricing .modal-container {
        width: 90%;
        min-width: auto;
    }
    .page-template-page-pricing .modal-container .planForm__wrapper {
        grid-template-columns: 1fr;
    }
    .page-template-page-pricing .modal-container .planForm__total {
        gap: 15px;
        flex-direction: column;
    }


    /* user area */

    .page-template-page-user-area #user-area-511 .woocommerce, .page-template-page-user-area #user-area-574 .woocommerce {
        max-width: 100%;
        margin: 0 auto;
    }
    .page-template-page-user-area .woocommerce .form__separator::after, .page-template-page-user-area .woocommerce .form__separator::before {
        width: 40.5%;
    }

}

@media (max-width: 48rem) {
   

}