@media only screen and (min-width: 1350px) {
    html {
        font-size: 16px;
    }
}

@media only screen and (max-width: 1350px) {
    .slick-next {
        right: 0.5rem;
    }

    .slick-prev {
        left: .5rem;
    }

    .slick-wrapper {
        /* padding: 0; */
    }

    .slick-wrapper .slick-list {
        overflow: hidden;
        padding: 3rem;
        margin: -3rem;
    }

    .slick-wrapper .slider-project-for .slick-list {
        margin: 0;
        padding: 0;
    }

    .slick-wrapper .slider-style .slick-slide {
        opacity: 0;
    }
}

@media only screen and (max-width: 991px) {
    html {
        font-size: 16px;
        margin-top: 50px;
    }

    .well-question {
        margin: 0;
    }

    .footer .wrapper {
        flex-direction: column;
        align-items: center;
    }

    .footer .links {
        text-align: center;
    }

    .service-bottom .image {
        transform: scale(1);
        margin: 0;
        margin-bottom: -30%;
        margin-top: -30%;
    }

    .well.well-contact {
    }

    .title .title-title {
        white-space: inherit;
        line-height: 0.9;
        width: 100%;
    }

    .title span {
        display: none;
    }

    .title .text-yellow {
        display: contents;
    }

    .title .title-title {
        border-bottom: 12px solid #f2f2f2;
        padding-bottom: 10px;
    }

    .title .shape {
        margin-left: -1rem;
    }

    .service .wrapper .image {
        position: relative;
        width: 100%;
        left: inherit;
        height: auto;
        margin: 0;
    }

    .service .wrapper .image img {
        position: relative;
        width: 100%;
    }

    .service .wrapper .inner {
        width: 100%;
        margin-bottom: 3rem;
        padding-right: 0;
    }

    .sidebar-wrapper {
        position: fixed;
        right: 0;
        height: 100vh;
        top: 0;
        z-index: 30;
        overflow: scroll;
        opacity: 0;
        transition: .2s;
        pointer-events: none;
    }

    .sidebar-wrapper .background {
        position: fixed;
        background: black;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        opacity: 0.4;
    }

    .sidebar-wrapper.active {
        opacity: 1;
        pointer-events: auto;
    }

    .sidebar-wrapper .sidebar-single {
        width: 300px;
        border-radius: 0;
        margin: 0;
        margin-right: -300px;
        transition: .4s;
    }

    .sidebar-wrapper.active .sidebar-single {
        margin-right: 0;
    }

    .well.well-object-desc .image {
        height: 13rem;
    }

    .well.well-object-desc-video .video-section {
        height: 13rem;
    }

    .well.well-doc .btn {
        margin-top: .5rem;
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .well.well-doc .btn {
        height: auto;
        flex-wrap: wrap;
    }

    .well.well-doc .btn span {
        width: 100%;
        font-size: .8rem;
        margin-top: .15rem;
    }
    .slick-wrapper .slick-list {
        overflow: hidden;
        padding: 1rem 3rem;
        margin: -1rem -3rem;
    }
}

@media only screen and (max-width: 767px) {
    .slick-wrapper-3D .slider-project-for .slick-slide {
        height: 20rem;
    }

    html {
        font-size: 13px;
    }

    .well-project .price .title {
        font-size: 1.5rem;
    }

    .well-project {
        padding: 0;
    }

    .mainscreen-slider .item .inner .desc {
        padding: 10px;
    }

    .mainscreen-slider .item .inner .desc h1 {
        font-size: 2.3rem;
    }

    .title .shape {
        font-size: 4rem;
        max-width: 100%;
        left: 0;
        margin-left: 0;
        line-height: 1;
    }

    .slider-project-for .slick-list {
        padding: 0;
        margin: 0;
        margin-bottom: .4rem;
    }

    .slider-project-nav .well-image-blur {
        height: 5rem;
    }

    .slider-project-for .well-image-blur {
        height: 20rem;
    }

    .title.title-shape {
        padding-top: 5rem;
        margin-bottom: 0rem;
    }

    .title.title-shape {
        padding-top: 4rem;
    }

    .title .title-title {
        white-space: inherit;
        line-height: 0.8;
        margin-right: 2rem;
        width: 100%;
        margin-right: 0;
    }

    .title span {
        display: none;
    }

    .well-question .inner {
        padding: 0;
    }

    .title.title-border {
        padding-left: 10px;
        font-size: 3rem;
    }

    .cube::after {
        width: 130px;
    }

    .well-gray-right {
        margin: 0;
        padding: 1rem;
    }

    .well-gray-left {
        margin: 0;
        padding: 1rem;
    }

    .title-shape-right .shape {
        writing-mode: inherit;
    }

    ul li::marker {
        color: #f3ad1a;
    }

    ul {
        padding-left: 2rem;
    }

    body {
        font-size: 13px;
    }

    .service .wrapper .inner .btn {
        margin-bottom: .5rem;
    }

    .h1, h1 {
        font-size: 2.3rem;
    }

    /*-*/
    .h2, h2 {
        font-size: 2.0rem
    }

    /*48px*/
    .h3, h3 {
        font-size: 1.5rem
    }

    /*32px*/
    .h4, h4 {
        font-size: 1.3rem
    }

    /*28px*/
    .h5, h5 {
        font-size: 1.1rem
    }

    /*24px*/
    .well-contact-desc {
        background: white;
        /* border-radius: 15px; */
        box-shadow: 0 5px 15px 0px rgb(0 0 0 / 3%);
        padding: 1.5rem;
        margin-bottom: .5rem;
    }

    .contact-arrow {
        padding: 1rem;
        background: antiquewhite;
    }

    .pagination li a {
        font-size: .8rem !important;
    }

    .breadcrumb-wrapper-wrapper {
        margin-top: 1rem;
    }

    .slider-project-for {
        margin-left: -1rem;
        margin-right: -1rem;
        width: calc(100% + 2rem) !important;
        max-width: inherit;
    }

    .slider-project-for .well {
        border-radius: 0;
    }

    .price-variation {
        min-height: 4rem;
        margin-bottom: .5rem;
    }

    .price-variation .image {
        margin-left: .5rem;
    }

    .price-variation .inner {
        margin-left: 3.5rem;
    }
    .footer .links a{
        display:inline-block;
        padding: 4px 24px;
        margin: 0 0 8px 0;
        border: 1px solid #444;
    }
}

@media only screen and (max-width: 360px) {
    body {
        font-size: 12px;
    }

    .h1, h1 {
        font-size: 20px;
    }

    /*-*/
    .h2, h2 {
        font-size: 18px
    }

    /*48px*/
    .h3, h3 {
        font-size: 15px
    }

    /*32px*/
    .h4, h4 {
        font-size: 14px
    }

    /*28px*/
    .h5, h5 {
        font-size: 14px
    }


    /*24px*/
}