@media (max-width:1150px) {
    .icon_term4 {
        right: 0
    }
}

@media (max-width:1024px) {
    .rst-info-hello {
        width: calc(100% - 385px);
        padding-left: 50px
    }

    .container {
        padding-right: 25px;
        padding-left: 25px
    }

    .rst-banner-order .container>h1 {
        font-size: 55px;
        line-height: 1.2
    }

    .arrow_5 {
        display: none
    }

    #form_upload_order {
        padding-left: 0
    }

    .arrow_service {
        display: none
    }

    .drag_here {
        width: calc(100% - 255px)
    }
}

@media (max-width:991px) {
    .rst_inner_content_single {
        float: none;
        width: 100%;
        padding-right: 0
    }

    #sidebar {
        width: 290px;
        float: none;
        margin: 0 auto
    }

    .buy_now_container img {
        display: none
    }

    .buy_now_container {
        width: 295px
    }

    .rst-box-about:nth-child(2n+1) .rst-thumb-box-about {
        float: none
    }

    .icon_about0,
    .icon_about2,
    .icon_about1,
    .icon_about4,
    .icon_about3 {
        display: none
    }

    .rst-content-bottom-about {
        padding-bottom: 0
    }

    .rst-thumb-box-about {
        float: none;
        width: 100%
    }

    .rst-info-box-about h3 {
        font-size: 32px
    }

    .rst-info-box-about h5 {
        margin-bottom: 25px
    }

    .rst-list-box-about {
        margin-top: 35px
    }

    .rst-info-box-about h3+p {
        margin-top: 25px
    }

    .rst-box-about {
        padding-bottom: 60px
    }

    .rst-info-box-about {
        width: 100%;
        float: none;
        padding-left: 0;
        margin-top: 40px
    }

    .rst-box-about:nth-child(2n+1) .rst-info-box-about {
        float: none;
        padding-right: 0
    }

    .twentytwenty-container {
        min-height: auto !important
    }

    .right-popup {
        padding-bottom: 40px
    }

    .right-popup .text-right {
        display: none
    }

    .buy_now {
        position: static
    }

    .rst-banner {
        padding-top: 50px
    }

    .single-services #wrapper {
        padding-top: 145px
    }

    .left-banner,
    .right-banner {
        width: 100%;
        padding: 0;
        float: left
    }

    .arrow_1,
    .arrow_2 {
        display: none
    }

    .right-banner {
        padding-top: 30px
    }

    .rst-title,
    .rst-content-hello h2,
    .rst-content-contact h2 {
        font-size: 50px
    }

    .rst-box-try-it .rst-thumb-hello {
        width: 100%;
        float: none
    }

    .rst-box-try-it .rst-info-hello {
        width: 100%;
        float: none;
        padding-left: 0;
        padding-top: 50px
    }

    .rst-content-footer {
        margin: 100px auto 0
    }
}

@media (max-width:870px) {
    .content-upload {
        padding-top: 55px
    }

    .rst-banner-form {
        padding-top: 80px
    }

    .rst-form-group-choose {
        max-width: 100%
    }

    .content-order {
        padding-bottom: 0
    }

    .result_test_order .arrow_3 {
        display: none
    }

    .left-content-order {
        width: 100%;
        padding-right: 0;
        float: none
    }

    .right-content-order {
        width: 100%;
        padding-top: 60px;
        float: none
    }

    .right-popup {
        width: 250px
    }

    .left-popup {
        width: calc(100% - 250px);
        padding-left: 30px;
        padding-top: 55px;
        padding-right: 30px
    }

    .rst-thumb-hello {
        width: 100%;
        float: none
    }

    .rst-info-hello {
        float: none;
        width: 100%;
        padding-left: 0;
        padding-top: 30px
    }

    .rst-box-hello {
        padding-left: 0;
        margin-bottom: 80px;
        padding-right: 0
    }

    .rst-box-hello2 .rst-thumb-hello {
        width: 100%;
        float: none;
        padding: 0
    }

    .rst-box-hello2 .rst-info-hello {
        width: 100%;
        float: none;
        padding-top: 30px
    }

    .rst-nav-menu {
        display: none
    }

    .rst-menu-trigger {
        display: block;
        position: absolute;
        top: 40px;
        left: 15px;
        z-index: 9999;
    }

    .rst-nav-menu {
        /* position: absolute; */
        top: 100%;
        width: 100%;
        left: 0;
        z-index: 999;
        /* background: #fff; */
        float: none;
        border-bottom: 1px solid #e5e5e5
    }

.upto{
    margin-top: 50px;
    margin-left: 0;
    
}
#video{
    top: 185px;
}
.socia ul{
    top: 143px;
    right: 34px;
}

    .rst-nav-menu li {
        display: block;
        border-top: 1px solid #e5e5e5;
        text-align: left;
        margin: 0
    }

    .rst-nav-menu li a {
        padding: 12px 30px;
        border: none;
        font-size: 18px;
        color: #353535 !important
    }

    .rst-logo {
        left: 20px
    }

    .sub-menu {
        display: block;
        width: 100% !important;
        position: static;
        box-shadow: none;
        background: none;
        border-top: 1px solid #e5e5e5;
        padding-left: 15px;
        margin-left: 15px !important;
        min-width: auto
    }

    .rst-nav-menu li a:hover {
        background: none;
        color: #008fd2 !important
    }

    .rst-nav-menu .sub-menu li a:hover {
        background: none;
        font-weight: 400;
        color: #008fd2 !important
    }

    .rst-nav-menu li:hover>.sub-menu {
        animation: 0s ease 0s normal none 1 running none;
        display: block;
        z-index: 999
    }

    .rst-nav-menu .sub-menu li a {
        color: #353535;
        padding: 12px 30px
    }

    .hul {
        margin: 0;
        padding-right: 0;
    }
    .logo{
        top: 0;
        left: 15px;
    }
}

@media (max-width:776px) {
    .rst-thumbnail-single {
        height: 250px;
        margin-top: 90px
    }

    .post-block p+h3,
    .post-block p+h2,
    .post-block p+h4 {
        margin-top: 45px
    }

    .post-block h3,
    .post-block h2,
    .post-block h5 {
        margin: 0 0 20px 0
    }

    .wp-caption+h3,
    .wp-caption+h2,
    .wp-caption+h4 {
        margin-top: 45px
    }

    .rst-heading-faq h2 {
        font-size: 28px
    }

    .rst-list-faq li {
        margin-bottom: 50px
    }

    .rst-heading-faq {
        margin-bottom: 50px;
        padding-top: 0
    }

    .icon_term4,
    .icon_footer2 {
        display: none
    }

    .rst-content-contact {
        margin-bottom: 115px
    }

    .icon_footer {
        left: 0
    }

    .footer-main {
        background: #4e7efe;
        padding: 85px 0 70px 0
    }

    .rst-inner-banner-term .service_title h1 {
        font-size: 50px
    }

    .rst-banner-privacy {
        background: #f8f8f6
    }

    .rst_box_privacy h3 {
        min-height: auto
    }

    .rst_box_privacy p {
        min-height: auto
    }

    .rst-inner-banner-term {
        position: relative;
        padding: 170px 0 100px 0
    }

    .icon_term1,
    .icon_term2 {
        display: none
    }

    .rst_content_top_privacy>h2 {
        font-size: 30px;
        margin: 0 0 55px 0
    }

    .rst-inner-form form input[type="text"],
    .rst-inner-form form input[type="email"],
    .rst-inner-form form input[type="tel"] {
        font-size: 18px !important
    }

    .group-input {
        margin-bottom: 30px
    }

    .rst-banner-about {
        padding-top: 140px
    }

    .rst-banner-about h1 {
        font-size: 34px
    }

    .rst-banner-order {
        padding-top: 175px
    }

    .rst-banner-order .container>h1 {
        font-size: 45px
    }

    .rst-content-contact h2 {
        margin-bottom: 40px
    }

    .item-example {
        width: 100%
    }

    .rst-box-our-work {
        margin-bottom: 60px
    }

    .rst-content-try-it {
        padding-bottom: 40px
    }

    .rst-list-how-we-work {
        display: block
    }

    .rst-box-how-we-work {
        max-width: 100%;
        margin-bottom: 40px
    }

    .rst-how-we-work {
        background: #d7d8dc;
        padding: 100px 0
    }

    .rst-thumb-work {
        width: 100%;
        float: none
    }

    .rst-info-work {
        width: 100%;
        float: none;
        padding-top: 30px !important;
        padding-right: 0px !important;
        text-align: left !important
    }

    .arrow_submit {
        display: none
    }

    .rst-inner-form form input[type="submit"] {
        margin-top: 20px
    }

    .rst-content-hello {
        padding-top: 50px
    }

    .service_title h1 {
        font-size: 56px
    }

    .single-services #content {
        background: none
    }

    .action_upload label {
        padding: 15px 30px
    }

    .rst-box-our-work2 .rst-info-work {
        padding-left: 0
    }

    .rst-item-post {
        width: 100%
    }

    .rst-item-post img {
        width: 100%
    }

    .content-upload .rst-banner-form h2 {
        font-size: 35px
    }
}

@media (max-width:650px) {
    .file_test_service>span {
        display: none
    }

    .drag_here {
        width: calc(100% - 155px)
    }
    p:last-child {
        margin: 0 0px;
        margin-bottom: 10px;
    }
    footer p {

       padding: 0 25px;
    }
    .ico{
        margin-top: 15px;
    }
    .b-list {
        margin-top: 5px;
  margin-left: 17px;
    }
    .choose_file {
        width: 120px;
        padding-left: 10px;
        padding-right: 10px
    }

    .container {
        padding-right: 20px;
        padding-left: 20px
    }

    .left-banner h2 {
        font-size: 40px;
        line-height: 45px
    }

    .service_title h1 {
        font-size: 50px
    }

    .picture_before {
        display: none
    }

    .left-popup {
        width: 100%
    }

    .right-popup {
        width: 100%;
        padding-left: 30px;
        padding-right: 30px
    }

    .action_upload label {
        font-size: 16px
    }

    .rst-banner-order {
        padding-bottom: 85px
    }
}

@media (max-width:480px) {
    .left-popup {
        padding-left: 20px;
        padding-right: 20px
    }

    .content-upload {
        padding-bottom: 50px
    }

    .rst_content_list_post {
        padding-top: 0;
        padding-bottom: 65px
    }

    #tf-pagination a {
        font-size: 18px;
        margin: 0 20px
    }

    #tf-pagination {
        margin-top: 40px
    }

    .post-block h3 {
        font-size: 20px
    }

    .rst-inner-banner-term .service_title h1 {
        font-size: 40px
    }

    .rst-inner-banner-term {
        padding: 140px 0 100px 0
    }

    .drag_here {
        width: calc(100% - 120px);
        padding: 0
    }

    .choose_file {
        width: 120px;
        padding-left: 10px;
        padding-right: 10px
    }

    .rst-banner-order .container>span {
        font-size: 28px
    }

    .rst-banner-order .container>h1 {
        font-size: 32px
    }

    .rst-action-started a {
        width: 150px;
        padding: 0 15px;
        margin: 0 2px
    }

    .service_title h1 .rst_for {
        font-size: 32px
    }

    .service_title h1 {
        font-size: 32px
    }
}