@media(max-width: 1760px) {
    .nav>li{
        margin: 0 18px;
    }
}

@media(max-width: 1470px) {
    .home06 .slick-arrow {
        background-color: #35ABFF;
        color: white;
        border-color: #35ABFF;
    }

    .home06 .slick-arrow:hover {
        color: white;
    }

    .home06 .slick-prev.slick-arrow {
        left: 0;
    }

    .home06 .slick-next.slick-arrow {
        right: 0;
    }

    .home01 .row .col:nth-child(2) .img img {
        margin-top: 115px;
    }

    .datlich01 .ro.ro2 input,
    .datlich01 .ro.ro2 select,
    .datlich01 .ro.ro1 input,
    .datlich01 .ro.ro1 select {
        min-width: 435px;
    }

    .dlt01 .datlich01 .ro.ro2 input,
    .dlt01 .datlich01 .ro.ro2 select,
    .dlt01 .datlich01 .ro.ro1 input,
    .dlt01 .datlich01 .ro.ro1 select {
        min-width: 342px;
        max-width: 342px;
    }

    .dlt01 .datlich01 .ro.ro3 input,
    .dlt01 .datlich01 .ro.ro3 select {
        max-width: 222px;
        min-width: 222px;
    }

    .singleproduct>div .block-1,
    .taxvacxin .main .block-1,
    .chitiet-tintuc>div .co1,
    .chuyenmuctintuc>div .co1 {
        max-width: 66%;
    }

    .singleproduct>div .block-2,
    .taxvacxin .main .block-2,
    .chitiet-tintuc>div .co2,
    .chuyenmuctintuc>div .co2 {
        max-width: 32%;
    }

    .chitiet-tintuc>div .co1 .related_news .new-list-related .slick-list {
        min-width: auto;
        margin-left: 0px;
    }
}

@media(max-width: 1366px) {
    .home01 .row .col:nth-child(2) .img img {
        margin-top: 155px;
    }

    .datlich01 .ro.ro2 input,
    .datlich01 .ro.ro2 select,
    .datlich01 .ro.ro1 input,
    .datlich01 .ro.ro1 select {
        min-width: 400px;
    }

    .datlich01 .ro.ro3 input,
    .datlich01 .ro.ro3 select {
        max-width: 260px;
        min-width: 260px;
    }

    .dlt01 .datlich01 .ro.ro2 input,
    .dlt01 .datlich01 .ro.ro2 select,
    .dlt01 .datlich01 .ro.ro1 input,
    .dlt01 .datlich01 .ro.ro1 select {
        min-width: 316px;
        max-width: 316px;
    }

    .dlt01 .datlich01 .ro.ro3 input,
    .dlt01 .datlich01 .ro.ro3 select {
        max-width: 204px;
        min-width: 204px;
    }
}

@media(max-width: 1232px) {
    .home01 .row .col:nth-child(2) .img img {
        margin-top: 206px;
    }

    .datlich01 .ro.ro2 input,
    .datlich01 .ro.ro2 select,
    .datlich01 .ro.ro1 input,
    .datlich01 .ro.ro1 select {
        min-width: 355px;
        max-width: 355px;
    }

    .datlich01 .ro.ro3 input,
    .datlich01 .ro.ro3 select {
        max-width: 230px;
        min-width: 230px;
    }

    .datlich01 .btn::before {
        left: 39%;
    }

    .dlt01 .datlich01 .ro.ro2 input,
    .dlt01 .datlich01 .ro.ro2 select,
    .dlt01 .datlich01 .ro.ro1 input,
    .dlt01 .datlich01 .ro.ro1 select {
        min-width: 282px;
        max-width: 282px;
    }

    .dlt01 .datlich01 .ro.ro3 input,
    .dlt01 .datlich01 .ro.ro3 select {
        max-width: 182px;
        min-width: 182px;
    }

    .dlt01 .datlich01 .btn::before {
        left: 36%;
    }
}

@media(max-width: 1140px) {
    .nav-left {
        margin-left: 10px;
    }

    .txt-Top p {
        margin-left: -30px;
    }

    .nav>li {
        margin: 0px 15px;
    }

    .datlich01 .ro.ro2 input,
    .datlich01 .ro.ro2 select,
    .datlich01 .ro.ro1 input,
    .datlich01 .ro.ro1 select {
        min-width: 325px;
        max-width: 325px;
    }

    .home01 .row .col:nth-child(2) .img img {
        margin-top: 241px;
    }

    .datlich01 .ro.ro3 input,
    .datlich01 .ro.ro3 select {
        max-width: 210px;
        min-width: 210px;
    }

    .datlich01 .ro.ro2>div:nth-child(1)::before,
    .datlich01 .ro.ro1>div:nth-child(2)::before,
    .datlich01 .ro.ro3>div:nth-child(1)::before,
    .datlich01 .ro.ro3>div:nth-child(3)::before,
    .datlich01 .ro.ro3>div:nth-child(2)::before,
    .datlich01 .ro.ro1>div:nth-child(1)::before,
    .datlich01 .ro.ro2>div:nth-child(2)::before {
        right: 11px;
    }

    .dlt01 .datlich01 .ro.ro2 input,
    .dlt01 .datlich01 .ro.ro2 select,
    .dlt01 .datlich01 .ro.ro1 input,
    .dlt01 .datlich01 .ro.ro1 select {
        min-width: 260px;
        max-width: 260px;
    }

    .dlt01 .datlich01 .ro.ro3 input,
    .dlt01 .datlich01 .ro.ro3 select {
        max-width: 168px;
        min-width: 168px;
    }

    .dlt01 .datlich01 .btn::before {
        left: 34%;
    }
}

@media(max-width: 1024px) {
    .nav>li>a{
        font-size: 14px;
    }
    .home01{
        min-height: unset;
    }
    .home01 .row .col:nth-child(2) .img img {
        margin-top: 90px;
    }
    .home01 .row .col:nth-child(1) h2{
        font-size: 33px;
        line-height: 43px;
        margin-right: 0;
    }
    .home01 .row .col:nth-child(1) .nd{
        margin-top: 30px;
    }
    .home01 .row .col:nth-child(1) .btn{
        height: 50px;
        line-height: 50px;
        padding: 0 20px;
    }
    .home01 .row .col:nth-child(1) .btn span{
        font-size: 15px;
        line-height: 50px;
        margin: 0;
        display: block;
    }
    .home01 .row .col:nth-child(1) .btn span::after{
        margin-left: 10px;
    }

    .datlich01 .ro.ro3 input,
    .datlich01 .ro.ro3 select {
        max-width: 185px;
        min-width: 185px;
    }

    .datlich01 .ro.ro2 input,
    .datlich01 .ro.ro2 select,
    .datlich01 .ro.ro1 input,
    .datlich01 .ro.ro1 select {
        min-width: 285px;
        max-width: 285px;
    }

    .nav>li {
        margin: 0px 11px;
    }

    .dlt01 .datlich01 .ro {
        display: block;
    }

    .dlt01 .datlich01 .ro.ro2 input,
    .dlt01 .datlich01 .ro.ro2 select,
    .dlt01 .datlich01 .ro.ro1 input,
    .dlt01 .datlich01 .ro.ro1 select {
        min-width: 100%;
        max-width: 100%;
    }

    .dlt01 .datlich01 .ro.ro3 input,
    .dlt01 .datlich01 .ro.ro3 select {
        max-width: 100%;
        min-width: 100%;
    }

    .taxproduct .main .block {
        grid-template-columns: repeat(3, 1fr);
    }

    .dlt01 .datlich01 .btn::before {
        left: 33%;
    }
}

@media(max-width: 849px) {
    .footer-Main .row .co3 .nd {
        padding-left: 0;
    }

    #logo {
        position: absolute;
        left: 0;
    }

    .footer-Main .row .co1 .nd h5 {
        padding-right: 0;
    }

    .home01 .row .col {
        margin-top: 30px;
    }
    .home01 .row .col:nth-child(2) .img .img-inner.dark{
        text-align: center;
    }
    .home01 .row .col:nth-child(2) .img img {
        margin-top: 0px;
        max-width: 60%;
    }

    .home01 .row .col:nth-child(1) h2 {
        padding-right: 0;
    }

    .home04 .content1 {
        padding-right: 0;
    }

    .home04 .content2 {
        max-width: 100%;
    }

    .home05-1 .datlich01 {
        margin-top: -100px;
    }

    .datlich01 .ro.ro2 input,
    .datlich01 .ro.ro2 select,
    .datlich01 .ro.ro1 input,
    .datlich01 .ro.ro1 select {
        min-width: 365px;
        max-width: 365px;
    }

    .datlich01 .ro.ro3 input,
    .datlich01 .ro.ro3 select {
        max-width: 235px;
        min-width: 235px;
    }

    .home04 .row .col:nth-child(1) {
        order: 1;
    }

    .home04 .row .col:nth-child(4) {
        order: 2;
    }

    .home04 .row .col:nth-child(2) {
        order: 3;
    }

    .home04 .row .col:nth-child(3) {
        order: 4;
    }

    .home04 .row .col:nth-child(5) {
        order: 5;
    }

    .home04 .row .col:nth-child(6) {
        order: 6;
    }

    .dlt01 .row .col:nth-child(1) {
        order: 2;
    }

    .dlt01 .row .col:nth-child(2) {
        order: 1;
        margin-bottom: 20px;
    }

    .lienhe .row .col:nth-child(1) iframe {
        width: 100%;
    }

    .lienhe .row .col:nth-child(2) {
        padding-left: 15px;
    }

    .chuyenmuctintuc>div .co1>div .featured-posts {
        grid-template-columns: repeat(1, 1fr);
        gap: 0px;
    }

    .singleproduct>div .block-1,
    .singleproduct>div .block-2,
    .taxvacxin .main .block-1,
    .taxvacxin .main .block-2,
    .chitiet-tintuc>div .co1,
    .chitiet-tintuc>div .co2,
    .chuyenmuctintuc>div .co1,
    .chuyenmuctintuc>div .co2 {
        max-width: 100%;
    }

    .home04 .content2::after {
        right: -4px;
    }

    .dlt01 .datlich01 .btn::before {
        left: 39%;
    }
}

@media(max-width: 820px) {

    .datlich01 .ro.ro2 input,
    .datlich01 .ro.ro2 select,
    .datlich01 .ro.ro1 input,
    .datlich01 .ro.ro1 select {
        min-width: 355px;
        max-width: 355px;
    }

    .datlich01 .ro.ro3 input,
    .datlich01 .ro.ro3 select {
        max-width: 230px;
        min-width: 230px;
    }
}

@media(max-width: 812px) {}

@media(max-width: 768px) {

    .datlich01 .ro.ro2 input,
    .datlich01 .ro.ro2 select,
    .datlich01 .ro.ro1 input,
    .datlich01 .ro.ro1 select {
        min-width: 330px;
        max-width: 330px;
    }

    .datlich01 .ro.ro3 input,
    .datlich01 .ro.ro3 select {
        max-width: 215px;
        min-width: 215px;
    }

    .taxproduct .main .block {
        grid-template-columns: repeat(2, 1fr);
    }

    .home04 .content2::after {
        right: -20px;
    }
    .sl-mb01{
        padding: 0 30px;
    }
   
}

@media(max-width: 691px) {
    .datlich01 .ro {
        display: block;
    }

    .datlich01 .ro.ro3 input,
    .datlich01 .ro.ro3 select,
    .datlich01 .ro.ro2 input,
    .datlich01 .ro.ro2 select,
    .datlich01 .ro.ro1 input,
    .datlich01 .ro.ro1 select {
        min-width: 100%;
        max-width: 100%;
    }

    .datlich01 .btn::before {
        left: 37%;
    }

    .dlt01 .datlich01 .btn::before {
        left: 37%;
    }
}

@media(max-width: 656px) {}

@media(max-width: 480px) {
    .footer-Main .row .co2 .nd {
        max-width: 75%;
        margin: initial;
    }

    .home01 .row .col:nth-child(1) h2 {
        font-size: 35px;
        line-height: 45px;
    }

    .home04 .row .col:nth-child(4) {
        margin-top: 25px;
    }

    .lienhe .row .col:nth-child(2) .formLienHe .ro {
        display: block;
    }

    .taxproduct .main .block {
        grid-template-columns: repeat(1, 1fr);
    }

    .chuyenmuctintuc>div .co1>div .post.dig .hinhanh {
        min-width: 180px;
    }

    .taxvacxin .main .block-1>div .connent .hinhanh img {
        min-width: 170px;
    }

    .lienhe .row .col:nth-child(2) .formLienHe .ro>div:nth-child(2) {
        margin-left: 0;
    }

    .lienhe .row .col:nth-child(2) .formLienHe .ro>div:nth-child(1) {
        margin-right: 0px;
    }

    .dlt01 .img {
        padding-left: 0px;
    }
    .dlt01 .datlich01 .btn::before {
        left: 32%;
    }
    .product-images .product-gallery-slider img {
        height: 500px;
    }
    .home01 .row .col:nth-child(1) .nd>div p{
        font-size: 14px;
    }
    .home01 .row .col:nth-child(1) p{
        font-size: 15px;
    }
    .home01 .row .col:nth-child(2) .img img{
        max-width: 70%;
    }
    .home02 .nd h2,.home03 .text h2,.home04 .content1 h3,.home05 .nd h2,.datlich01 .txt h2,
    .home06 h2{
        font-size: 25px;
        line-height: 35px;
    }
    .sl-mb01{
        padding: 0 15px;
    }
    .sl-mb01 .slick-arrow{
        left: 10px;
    }
    .sl-mb01 .slick-next{
        right: 10px;
        left: unset;
    }
    .home03 .box .nd p{
        font-size: 14px;
    }
}

@media(max-width: 430px) {
    .footer-Main .row .co2 .nd {
        max-width: 100%
    }

    .datlich01 {
        padding: 20px;
    }

    .datlich01 .btn::before {
        left: 29%;
    }
    .dlt01 .datlich01 .btn::before {
        left: 29%;
    }
}

@media(max-width: 428px) {}

@media(max-width: 414px) {
    .home04 .content2::after {
        right: 0;
    }
}

@media(max-width: 390px) {
    .datlich01 .btn::before {
        left: 27%;
    }

    .home04 .content2::after {
        right: -10px;
    }
    .dlt01 .datlich01 .btn::before {
        left: 27%;
    }
}

@media(max-width: 375px) {
    .home04 .content2::after {
        right: -30px;
    }
}

@media(max-width: 360px) {
    .dlt01 .datlich01 .btn::before {
        left: 25%;
    }
}

@media(max-width: 320px) {}