@media only screen and (max-width: 1400px) {
    ul.blogs-box-social-share li span {
        display:none
    }

    ul.blogs-box-social-share li {
        width: 35px;
        height: 35px;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .container {
        max-width: 100%
    }
}

@media only screen and (max-width: 1300px) {
    .post-intro-slider- .-GridItem-1:first-child {
        min-width:249px;
        max-width: 100%
    }

    ul.blogs-box-social-share li a span {
        display: none
    }

    .post-intro-slider- .-GridItem-1:last-child {
        min-width: 259px;
        max-width: 100%
    }
}

@media only screen and (max-width: 1200px) {
    .-Show-SubMenu-Icon>i {
        z-index:22;
        background: #efe1ff45;
        width: 35px;
        height: 35px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: var(--largeradius);
        transform: rotate(90deg);
        top: -52px;
        color: #fff
    }

    .blocks-footer,rootinse {
        overflow: hidden
    }

    breadcrumb {
        display: none
    }

    h1.slice-title {
        margin-bottom: 20px!important
    }

    .single- {
        margin-inline-end:0;margin-top: 10px
    }

    .-post-sidebar.-model-2,.-single-parent-box .-single-parent,.faq-img,.faq-info,.single- {
        max-width: 100%
    }

    .menu-nav>ul>li.menu-item-has-children>a::after {
        position: absolute;
        left: 6px
    }

    .faq_section {
        display: flex;
        align-content: space-between;
        flex-direction: column-reverse
    }

    .menu-nav>ul>li>a:hover {
        color: var(--uicolor2)
    }

    .faq-img {
        margin-inline-start:0;width: 100%;
        margin-bottom: 30px;
        min-width: 250px;
        height: 0!important
    }

    .faq-info {
        min-width: 251px
    }

    .-section-box,.-single-cat-box .container,.-single-city-box .container,.-single-parent-box,.blocks-footer,.seriver_model_bhaa .container,.single-price {
        flex-direction: column
    }

    .Contain--Content--Context,.Contain-post- {
        padding: 0;
        border: none
    }

    .-single-post {
        padding: 0;
        margin-bottom: 0
    }

    .-homepage--container,.seriver_model_bhaa .container .single- {
        min-width: 100%
    }

    .-single-parent-post--sidebar {
        min-width: 100%!important;
        margin-top: 20px;
        margin-inline-start:0!important;max-width: 100%!important
    }

    .-post-sidebar.-model-2 .-GridItem-3 {
        margin: 10px;
        min-width: 230px
    }

    .Griditem-posts-left,.Griditem-posts-right {
        max-width: 100%;
        display: flex;
        flex-wrap: wrap;
        min-width: 100%
    }

    .-single-blog-box .container,.-single-services-box .container {
        flex-wrap: wrap
    }

    .menu-nav>ul>li.current-menu-item>a {
        font-size: 16px
    }

    .price-contact-left {
        margin-inline-start:0;margin-top: 20px
    }

    .-section-box .-section- {
        max-width: 100%;
        margin-inline-end:0}

    .-post-box {
        margin-top: 21px;
        display: flex;
        flex-direction: column;
        max-width: 100%;
        min-width: 100%
    }

    .-GridItem-3-info {
        margin-top: 0;
        margin-inline-start:12px!important}

    .-GridItem-3 {
        min-width: 245px;
        margin-inline:0;flex-direction: row!important
    }

    .CategoryGrid__Terms .-GridItem-3 {
        margin: 0
    }

    .city-block {
        max-width: 100%!important;
        min-width: 140px!important
    }
}

@media only screen and (max-width: 1150px) {
    .-category-boxed,.contact-box,.faq-info,.menu-nav,.menu-nav form input,.twitter-box,benfit {
        max-width:100%
    }

    .company_info .titles_concept {
        width: 100%;
        margin-inline-end:0;align-items: center
    }

    sections-items>* {
        margin: 40px 0!important
    }

    .btn-search,.company_img {
        display: none
    }

    .contact-box {
        margin: 0 0 15px!important;
        min-width: 250px!important
    }

    .footer_menu {
        margin: 0 15px!important;
        min-width: 184px
    }

    .twitter-box {
        margin: 0 15px 30px!important
    }

    .blocks-content-left,.blocks-yc- {
        margin-bottom: 10px!important;
        min-width: 100%!important
    }

    a.content-btn {
        padding: 8px 16px;
        font-size: 16px
    }

    .titles_concept h2 {
        font-size: 32px!important
    }

    .First-Second-StarAds_Intro-Posts,.Second-StarAds_Intro-Posts .blogPost_item {
        --max-width: auto!important
    }

    a.contact-us-btn {
        padding: 8px 16px!important;
        font-size: 16px!important;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 19px auto 0
    }

    .intro-yu,.slider-intro {
        flex-direction: column-reverse
    }

    .menu-nav>ul>li>a {
        font-size: 16px!important;
        font-weight: 400!important;
        padding: 7px 13px;
        border-radius: 0;
        width: 100%
    }

    .menu-nav>ul>li.current-menu-item>a,.menu-nav>ul>li>ul li>a {
        color: #fff
    }

    header>.container {
        justify-content: space-between;
        padding: 12px 20px
    }

    .--dashboard--logo>a>.second-logo-word {
        margin-inline-start: 0
    }

    header .menu_bar {
        display: flex;
        background: var(--uicolor);
        margin: 0
    }

    .search_header {
        margin-inline-start:11px}

    header {
        padding: 0
    }

    .menu_bar {
        margin-inline-end:10px}

    .single-comments-comments {
        align-items: inherit;
        flex-direction: column-reverse
    }

    .blocks-yc- {
        justify-content: right
    }

    .single-post-parent-container-left {
        min-width: 100%!important;
        margin-bottom: 22px
    }

    .single-post-parent-container-right {
        margin-inline-start:0;max-width: 100%!important;
        margin-inline-end:0!important}

    .category-title {
        margin-top: 0
    }

    .CategoryBox {
        min-height: 140px
    }

    .menu-item-has-children .sub-menu {
        position: relative!important;
        opacity: 1!important;
        visibility: visible!important;
        display: none;
        margin: 3px!important;
        width: 100%!important;
        min-width: 99%!important;
        z-index: 2!important;
        max-width: 90%!important;
        top: 0;
        background: #fff3f330
    }

    .menu-item-has-children .sub-menu.active {
        display: block
    }

    benfit {
        min-width: 250px;
        flex-direction: column;
        padding: 20px!important
    }

    .menu-nav>ul,.seriver_model_bhaa .container {
        flex-direction: column
    }

    benfit .images_features {
        margin-bottom: 11px
    }

    .ButtonConcept a {
        font-size: 16px!important;
        padding: 11px 17px!important
    }

    .menu-nav {
        top: 93px;
        right: -100%;
        min-width: 280px;
        border-radius: 0;
        color: #f0f8ff;
        z-index: 19;
        padding: 20px 12px;
        margin-inline-end:0;position: fixed;
        bottom: 0;
        background: var(--ui_mobile_bkground);
        box-shadow: var(--box-shadow);
        overflow: scroll;
        opacity: 0;
        visibility: visible
    }

    .menu-nav form {
        display: flex!important;
        margin-bottom: 16px;
        position: relative
    }

    .menu-nav form input {
        outline: 0;
        display: flex;
        box-shadow: none;
        transition: .6s cubic-bezier(.25,1,.5,1);
        border: 1px solid #e8ebf2;
        flex: 1;
        padding: 12px 30px;
        min-width: 100%;
        border-radius: 47px
    }

    .menu-nav.open {
        width: 100%;
        right: 0;
        transition: 150ms;
        display: block!important;
        z-index: 99;
        height: 100%;
        visibility: visible;
        opacity: 1
    }

    ul.-Tabs--Posts--List {
        justify-content: start;
        flex-wrap: wrap
    }

    ul.-Tabs--Posts--List li {
        margin: 6px;
        font-size: 14px;
        display: flex;
        align-items: center
    }

    .-category-boxed {
        min-width: 130px;
        margin: 7px
    }

    .menu-nav>ul {
        display: flex;
        overflow: scroll;
        flex-wrap: wrap;
        margin-inline:0!important}

    .menu-nav>ul>li {
        width: 100%;
        margin: 2px 0;
        flex-direction: column;
        padding: 0
    }

    .price-block {
        margin: 0 -10px
    }

    .box-price {
        min-width: 250px;
        max-width: 1000%;
        margin: 10px;
        flex: 1
    }

    .image_price,.social--box {
        align-items: center
    }

    .image_price {
        display: flex;
        justify-content: center
    }

    .contact-info-box .contact-info,.info-cover {
        max-width: 100%!important;
        margin-inline-end:0!important}

    .intro_buttun {
        align-items: center;
        justify-content: center;
        margin-top: 15px
    }

    .info-cover h1 {
        font-size: 27px!important;
        text-align: center;
        display: flex;
        justify-content: center
    }

    .info-cover p {
        font-size: 15px;
        text-align: center
    }

    .titles_concept_1 h2 {
        font-size: 22px!important;
        margin-bottom: 11px
    }

    .box-price h3 {
        font-size: 26px
    }

    .list_services_price ul li {
        font-size: 13px
    }

    .links_price a,p.-common-keywords a {
        font-size: 15px
    }

    .links_price a {
        padding: 13px 35px!important
    }

    .titles_concept_1 p {
        font-size: 14px;
        font-weight: 400;
        max-height: 43px
    }

    .contact-info-box .contact-info {
        margin-top: 0;
        min-width: 100%;
        position: relative
    }

    .contact-info-box .contact-info>a {
        flex: 1;
        min-width: 220px;
        max-width: 260px;
        margin: 4px 0
    }

    .Address {
        flex: 1;
        min-width: 220px;
        max-width: 260px
    }

    .contact-info-box {
        display: block;
        margin-inline-end:0!important}

    ul.blogs-box-social-share {
        flex-wrap: wrap
    }
}

@media only screen and (max-width: 1069px) {
    .-works-info-box svg {
        transform:scalex(1.7) rotatey(180deg)
    }

    .-GridItem-2 {
        --m-w: 250px!important;
        max-width: 100%!important
    }
}

@media only screen and (max-width: 1000px) {
    .img_back-yu {
        max-width:589px!important;
        min-width: 240px!important
    }

    .Maps-section,.Model-YC-Box {
        max-width: 100%
    }

    .Maps-section {
        margin-inline-start:0;margin-top: 25px
    }
}

@media only screen and (max-width: 910px) {
    .-single-share-posts-area,.s-price-bottom {
        flex-direction:column
    }

    .features {
        min-width: 260px!important;
        max-width: 100%!important
    }

    .ArticleDetails_right {
        margin-inline-end:0!important}

    .s-price-contact {
        max-width: 100%
    }

    .First-Second-StarAds_Intro-Posts .-GridItem-1-ThumbBox {
        height: 164px
    }

    .Second-StarAds_Intro-Posts .-GridItem-1-ThumbBox {
        height: 180px
    }

    .-GridItem-1-info a h3 {
        font-size: 14px;
        line-height: 1.5
    }

    .Second-StarAds_Intro-Posts .-GridItem-1 {
        min-width: 270px!important;
        max-width: 350px!important;
        flex: 1
    }

    .price-block .owl-next {
        right: 17px
    }

    .price-block .owl-prev {
        left: 27px
    }

    .titles_concept span {
        font-size: 18px;
        padding-inline-start:0}

    .-GridItem-1 {
        flex: 1
    }

    .First-First-StarAds_Intro-Posts {
        min-width: 50%;
        max-width: 100%!important
    }

    .First-First-StarAds_Intro-Posts .-GridItem-1 {
        min-width: 50%!important
    }

    .share .-TitleContent-section {
        margin-bottom: 16px
    }
}

@media only screen and (max-width: 780px) {
    .contact-info-right,.twitter-box,features--block {
        margin:30px 0!important
    }

    .twitter-box {
        width: 100%
    }

    .call-how-box {
        display: flex;
        flex-direction: column;
        max-width: 100%!important
    }

    .single-post-parent-container-comments {
        padding: 21px
    }

    a.content-btn {
        font-size: 16px
    }

    .footer_menu {
        margin: 0!important;
        min-width: 250px
    }

    .single-post-parent-container-comments>span {
        margin-bottom: 0
    }

    .call-how-box .call-how-box {
        max-width: 100%!important;
        min-width: 100%!important;
        display: flex!important
    }

    features--block {
        max-width: 100%!important;
        flex-direction: column;
        flex: 1;
        margin: 10px!important;
        align-items: center;
        min-width: 190px
    }

    .blocks-footer {
        flex-wrap: wrap;
        padding-top: 40px
    }

    .single-post-parent-container-right {
        margin-inline-start:0!important;min-width: 300px!important;
        margin-bottom: 20px
    }

    .-comments-form-inputs-area {
        min-width: 100%!important
    }

    .RateComment>.RatingReview {
        font-size: 16px!important
    }

    features--block img {
        width: 116px;
        margin: auto!important;
        height: auto
    }

    h2.bk-title {
        font-size: 24px;
        margin-bottom: 8px!important
    }

    p.bk-content {
        font-size: 14px;
        text-align: center
    }

    .album-slider {
        width: 100%;
        min-width: 240px;
        max-width: 380px!important;
        transform: translate(-10px,-50%)
    }

    .album-slider .owl-item .item {
        min-width: 319px
    }

    i.fa-solid.fa-xmark.close {
        top: 16%;
        left: 4%
    }

    .box-title {
        margin-inline-start:0}
}

@media only screen and (max-width: 700px) {
    .ArticleDetails.details>*,.contact-info>.contact p,ol.BreadcrumbsFilters li a,ul.single-bar li p,ul.single-bar li>a,ul.single-bar li>span {
        font-size:14px
    }

    post--features {
        padding: 8px !important;
    }

    .title_rote li.active i, .title_rote ul li i {
        font-size: 13px;
    }

    services--block {
        min-width: 210px
    }

    .ArticleDetails img {
        width: auto;
        height: auto
    }

    .iframe_video_box {
        width: 100%;
        height: auto;
        border-radius: 20px;
        overflow: hidden
    }

    .call--box a,.footer_menu ul {
        display: flex
    }

    .call--box a {
        min-width: 150px;
        max-width: 100%!important;
        align-items: center;
        justify-content: center;
        margin: 10px!important
    }

    .call--box {
        margin: auto
    }

    .call-how-box a {
        margin-bottom: 10px!important
    }

    .call-how-box a:last-child {
        margin-bottom: 0!important
    }

    span.-rating-label {
        font-size: 12px!important
    }

    .RateComment .product-item-info-stats-ratings>p>span.-rating-value,.search_header span i {
        font-size: 16px!important
    }

    .search_header span {
        width: 35px!important;
        height: 35px!important
    }

    .-single-parent-flexes--content-bar p {
        max-height: 86px;
        overflow: hidden;
        margin-bottom: 0
    }

    .single-posttitle {
        max-width: 100%
    }

    .ArticleDetails table {
        min-width: max-content
    }

    .-GridItem-1-info a h3 {
        font-size: 16px;
        font-weight: 400
    }

    .contact-info ul {
        flex-wrap: wrap
    }

    .contact-info {
        min-width: 100%;
        margin: 0!important
    }

    ul.block-cotact li {
        min-width: 200px;
        max-width: 100%
    }

    .-GridItem-1-category-Item a,.answer p,.category-Item a {
        font-size: 14px!important;
        max-height: 5
    }

    .head-faq-title h2 {
        font-size: 19px!important;
        font-weight: 500!important;
        margin-inline-end:5px}

    .GridItem-title->a h2 {
        font-size: 16px;
        height: 46px
    }

    .tablecontainer {
        display: block;
        overflow-y: scroll;
        min-width: 251px;
        max-width: 100%
    }

    post--albums .img {
        min-width: 280px;
        max-width: 100%!important
    }

    post--albums .img img {
        margin: auto!important
    }

    .head-faq-title h3,allrights-reserved,ul.ez-toc-list li a {
        font-size: 15px
    }

    ul.ez-toc-list li a {
        padding: 8px !important;
        font-size: 12px;
    }

    .-single-parent-flexes--content-bar h1,.news-title {
        font-size: 21px
    }

    ul.ez-toc-list {
        padding-inline-start:10px!important}

    .Singlemosttabs,.foot-footer {
        flex-direction: column
    }

    .s-price-contact {
        min-width: 230px!important;
        max-width: 100%!important;
        flex: 1
    }

    .-single-parent-flexes--content-inner .-single-parent-flexes--content-bar {
        position: relative;
        padding: 15px;
        width: 100%
    }

    .blocks-yc- .text-footer-menu {
        margin-top: 15px;
        font-weight: 400
    }

    .news-title {
        font-weight: 500
    }

    .ArticleDetails.details h2 {
        font-size: 19px!important;
        text-align: center
    }

    .footer_menu ul li {
        min-width: 180px
    }

    .footer_menu ul li a {
        white-space: pre-wrap
    }

    how-we-work-steps {
        padding: 0!important
    }

    .ArticleDetails.details h3,.blocks-content span {
        font-size: 17px
    }

    .ArticleDetails.details h4 {
        font-size: 16px
    }

    ul.-date-model-1 li {
        font-size: 10px;
        margin-top: 5px
    }

    .GridItem-2-title-model a h2 {
        font-size: 16px;
        height: 44px
    }

    .GridItem-title->a>p,.company p {
        font-size: 13px
    }

    .box-block {
        min-width: 280px;
        max-width: 310px
    }

    .box-block:before {
        height: 47%
    }

    .popup-boxnumber {
        display: block
    }

    .box-block>* {
        width: 100%
    }

    svg-box {
        width: 70px
    }

    popup-title--box p {
        font-size: 19px
    }

    popup-title--box h2 {
        font-size: 25px
    }

    .company p a img {
        width: 109px
    }

    .blocks-content p {
        font-size: 16px!important;
        max-height: 79px;
        overflow: hidden
    }

    .ArticleDetails table tbody tr td {
        max-width: max-content!important;
        min-width: max-content!important
    }

    ul.single-bar li {
        margin: 2px
    }

    .imagecover- .owl-next {
        right: 8px
    }

    .imagecover- .owl-prev {
        left: 8px
    }

    .imagecover- .owl-next i {
        font-size: 27px
    }

    .-single-parent-flexes--content-inner-thumb {
        max-width: 300px;
        margin: 0 auto
    }

    .logo {
        min-width: 180px;
        height: auto;
        max-width: 180px
    }
}

@media only screen and (max-width: 650px) {
    .faq-img img {
        height:250px
    }

    .category-headline {
        display: flex;
        flex-direction: column-reverse
    }

    .ratingServise--stars i {
        font-size: 18px!important
    }

    .-works-info-box svg {
        transform: scalex(1) rotatey(180deg)
    }
}

@media only screen and (max-width: 615px) {
    a.content-btn {
        margin-inline-start:0
    }

    .single-post-parent-container-thumbnail {
        height: 248px;
        display: flex;
        align-items: center;
        justify-content: center
    }

    span.request {
        font-size: 17px;
        text-align: center
    }

    .number-title>h3 {
        font-size: 17px!important
    }

    allrights-reserved {
        flex-direction: column
    }

    .ratingServise--stars-value strong {
        font-size: 16px!important
    }

    .number-yu .sidebar-title h2 {
        font-size: 19px!important
    }

    .adress-call_number p {
        font-size: 15px!important
    }

    .btn {
        padding: 13px 20px!important
    }

    .social--footer>a {
        margin: 6px;
        margin-inline-end:0!important}
}

@media only screen and (max-width: 550px) {
    .rating-head,.work_image_group2 {
        display:flex
    }

    .-post-sidebar.-model-2,.-single-parent-box .-single-parent,.-single-parent-flexes--content,.faq-img,.faq-info,.ratingpost,.single- {
        padding: 0;
        border: none
    }

    .rating-head {
        flex-direction: column;
        align-items: center
    }

    .info-footer span,.rating-body p,li.site p {
        font-size: 14px;
        text-align: center
    }

    .UserAvatar {
        margin-inline-end:15px}

    .blocks-footer iframe {
        width: 100%!important
    }

    .blocks-yc- {
        margin: 0
    }

    .Boxed--Context---overlays {
        min-width: 300px;
        max-width: 340px
    }

    .popup_image {
        height: 200px
    }

    .inner--Context---overlays {
        min-height: 60px
    }

    .-works-ThumbBox,.work_image_group1 {
        width: 100%
    }

    .-Breadcrumb-SingularPost h1 i,.cat_title_boxed a h3,.faq-section.active h2,.works-title-model h3 {
        font-size: 18px
    }

    .-GridItem-1 {
        min-width: 209px!important;
        max-width: 100%;
        flex-direction: column
    }

    .icon_faq i {
        font-size: 16px!important;
        width: 35px;
        height: 35px
    }

    .-works {
        flex-direction: column;
        max-width: 500px!important
    }

    .-works-info-box {
        margin-top: 22px;
        margin-inline-start:0}

    .-works-info-box svg {
        display: none
    }

    .contact-info-box {
        width: 100%;
        margin: 10px 0 0!important;
        flex: auto
    }

    .blocks-content-left {
        margin-inline-end:0;max-width: 100%
    }

    .blocks-content p {
        margin-bottom: 0;
        max-width: 100%
    }

    .info-cover p,.titles_concept p {
        max-width: 100%!important;
        font-weight: 400!important
    }

    .category-title h1 {
        font-size: 27px!important
    }

    .box-price p,.text-footer-menu,.titles_concept h2 {
        font-size: 20px!important
    }

    .contact-info-box .contact-info>a {
        margin: 10px 0
    }

    .box-price p {
        text-align: center!important;
        margin: auto
    }

    .titles_concept p {
        font-size: 13px!important
    }

    .page-concept {
        padding: 40px 0 60px!important;
        margin: 0!important
    }

    .-widgets-aboutus-features-item-image {
        width: 60px;
        height: 60px;
        font-size: 30px
    }

    benfit p,ul.box-widght-data li span {
        font-size: 14px!important
    }

    .-GridItem-1-ThumbBox {
        width: 100%;
        margin-bottom: 15px
    }

    .-GridItem-1-info {
        padding-inline-start:0}

    benfit .images_features {
        --wc: 73px;
        font-size: 26px
    }

    .info-cover h1 {
        font-size: 24px!important;
        justify-content: center
    }

    .titles_concept_1 h2 {
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .titles_concept_1 p {
        margin-bottom: 12px
    }

    .head-block-city h3 {
        font-size: 16px
    }

    .info-cover p {
        font-size: 13px!important;
        text-align: center;
        margin: auto auto 20px;
        line-height: 1.9!important
    }

    benfit h3 {
        font-size: 25px
    }

    .postgrid-title,.rating-title.postgrid-title,.titles_section {
        flex-direction: column
    }

    .titles_concept_1 {
        max-width: 100%;
        text-align: center
    }

    .menu-nav,.s-price-contact {
        min-width: 100%
    }

    button.btn-brand {
        font-size: 18px!important;
        padding-top: 10px!important;
        padding-bottom: 10px!important
    }

    .social--footer>a {
        max-width: 39px;
        flex: 1
    }

    .social--footer>a i {
        font-size: 22px
    }

    .menu-item-has-children .sub-menu.active {
        display: block
    }

    .menu-nav>ul>li>ul li>a {
        padding: 10px 0
    }

    ul.sub-menu.open-menu {
        display: block!important
    }

    .-Breadcrumb-SingularPost h1 {
        font-size: 15px
    }

    .GridItem-2-title-model a h3 {
        font-size: 17px;
        font-weight: 400
    }

    .GridItem-2-title-model p {
        font-size: 12px;
        max-height: 100%
    }

    .CategoryGrid__Item {
        min-width: 250px!important
    }

    .-CategoryGrid__AvataIcon i {
        font-size: 30px!important
    }

    .CategoryName h2 {
        font-size: 16px!important
    }

    .-CategoryGrid__AvataIcon p {
        font-size: 11px!important
    }

    .-productBox-rate-bar-average {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap
    }

    .postgrid-title h2,.postgrid-title h3 {
        font-size: 18px;
        text-align: center
    }

    .cities-inner h1,.works_Single .-GridItem-3 {
        border: none
    }

    .sidebar-title h3 {
        margin-bottom: 0
    }
}

@media only screen and (max-width: 496px) {
    .svg-content {
        top:-71px;
        transform: scalex(1.4);
        left: 22px
    }

    .contact-info-right {
        margin: 0 0 30px!important
    }

    .item-icon {
        top: -46px
    }

    .-GridItem-2 {
        max-width: 410px;
        min-width: 268px!important
    }

    ul.-Tabs-loadmore-List li {
        font-size: 15px!important
    }

    .box-block {
        max-width: 390px;
        min-width: 300px
    }

    .popup-boxnumber {
        display: block
    }
}

@media only screen and (max-width: 490px) {
    .intro_buttun {
        display:flex;
        flex-direction: column
    }

    .tablecontainer {
        display: block;
        overflow-y: scroll;
        min-width: 251px;
        max-width: 331px
    }
}

@media only screen and (max-width: 420px) {
    .svg-content {
        top:-65px;
        transform: scalex(1);
        left: 0
    }

    .-works {
        min-width: 250px!important
    }
}

@media only screen and (max-width: 395px) {
    .tablecontainer {
        min-width:251px;
        max-width: 311px
    }
}

@media only screen and (max-width: 350px) {
    .tablecontainer {
        min-width:251px;
        max-width: 261px
    }

    .single-post-parent-container-right {
        min-width: 100%!important;
        max-width: 100%!important
    }
}