nav {

    position: relative;

    border-bottom: 2px solid var(--kccolorlink);

}



.thangtran-new {

    font-size: 1.5rem;

}



.thangtran-wrapper {

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

    margin-bottom: 4rem;

    

}



.thangtran-wrapper .thangtran-col-l {

    flex-basis: 49%;

}



.thangtran-wrapper .thangtran-col-r {

    flex-basis: 49%;

    

}



.img-about

{

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    margin-top: 2em;

}

.img-about li

{

    flex-basis: 49%;

    margin-bottom: 1em;

}

.img-about li img

{

    height: 230px;

    border-radius: 4px;

}

.thangtran-title

{

    margin-bottom: 1em;

}

/*giới thiệu salon*/

.thangtran-col-l h2 {

    margin: 2rem 0;
}



.thangtran-col-l .thangtran-text {

    padding-left: 30px;

    width: 100%;

    margin-bottom: 15px;

    

   

}



.thangtran-col-l .thangtran-text i {

    font-size: 6px;

    margin-right: 7px;

}



.thangtran-col-l .thangtran-text a {

    color: var(--alBlueA);

}



.thangtran-col-l .thangtran-description {

    margin-top: 2rem;

    

}



.thangtran-col-l .thangtran-info {

    margin-bottom: 1.5rem;

}



.thangtran-col-l .thangtran-info a:hover {

    color: var(--alRed);

}



.thangtran-info p

{

    margin: 1em 0;

}

.thangtran-col-l p {

    margin-bottom: 1.5rem;

    

}

.thangtran-info a

{

    color: #2596cf;

}

/*xe mói về*/



.thangtran-col-r .thangtran-new-car {

    

    display: flex;

    align-items: flex-start;

    justify-content: space-between;

    flex-wrap: wrap;

    background: var(--box-backg);

    padding: .5em;

    border-radius: 4px;

}



.thangtran-col-r .thangtran-new-car .thangtran-item {

    flex-basis: 100%;

    display: flex;

    align-items: flex-start;

    justify-content: space-between;

    flex-wrap: wrap;

    border-bottom: 1px dotted #cdcdca;

    padding-top: 1em;

    padding-bottom: 0.5em;

    flex-direction: row-reverse;

}





.thangtran-col-r .thangtran-new-car .thangtran-item:first-child {

    padding-top: 0;

}



.thangtran-col-r .thangtran-new-car .thangtran-item:last-child {

    border-bottom: none;

}



.thangtran-col-r .thangtran-item .thangtran-img {

    flex-basis: 35%;

}



.thangtran-col-r .thangtran-item .thangtran-info-car {

    flex-basis: 61%;

    display: flex;

    align-items: flex-start;

    flex-direction: column;

}



.thangtran-col-r .thangtran-item .thangtran-info-car .thangtran-price {

    

    color: var(--kccolorlink);

    padding: 0.5em;

    border-radius: 4px;

    margin-top: 0.5rem;

    font-size: 1.5rem;

    padding-left: 0;

}



.thangtran-col-r .thangtran-item .thangtran-img img {

    height: 78px;

    border-radius: 4px;

}



.dich-vu-gt

{

    margin-left: 2em;

}



.dich-vu-gt li

{

    margin-top: 0.6em;

    margin-bottom: 0.6em;

    list-style: circle;

    

}



@media only screen and (max-width: 1230px) {

    .thangtran-wrapper {

        padding: 0 1.5rem 3rem;

        margin-bottom: 0;

    }

}



@media only screen and (max-width: 1024px) {

    .thangtran-wrapper .thangtran-col-l {

        flex-basis: 100%;

    }



    .thangtran-wrapper .thangtran-col-r {

        flex-basis: 100%;

    }



    /*xe mới về*/

    .thangtran-col-r .thangtran-item .thangtran-img {

        flex-basis: 25%;

    }



    .thangtran-col-r .thangtran-item .thangtran-info-car {

        flex-basis: 73%;

    }



    .thangtran-col-r .thangtran-item .thangtran-img img {

        height: 160px;

    }

    .thangtran-col-r .thangtran-new-car .thangtran-item:first-child

    {

        padding-bottom: 1em;

    }

}



@media only screen and (max-width: 768px) {

    .thangtran-wrapper {

        padding: 0 1rem 3rem;

    }



    /*giới thiệu salon*/

    .thangtran-col-l .thangtran-description {

        margin-top: 1.5rem;

    }



    .thangtran-col-l p {

        margin-bottom: 1.5rem;

    }



    /*xe mới về*/

    .thangtran-col-r .thangtran-item .thangtran-img img {

        height: 123px;

    }

    /*tiêu đề*/

    .thangtran-title

    {

        padding-bottom: 0 !important;

    }

}



@media only screen and (max-width: 640px) {

    /*xe mới về*/

    .thangtran-col-r .thangtran-item .thangtran-img img {

        height: 102px;

    }

}



@media only screen and (max-width: 576px) {

    /*giới thiệu salon*/

    .thangtran-col-l .thangtran-info {

        margin-bottom: 1rem;

    }



    .thangtran-col-l h2 {

        margin: 1rem 0;

    }



    .thangtran-col-l .thangtran-title {

        margin: 0;

    }



    .thangtran-col-l .thangtran-text {

        margin-bottom: 1rem;

    }



    /*xe mới về*/

    .thangtran-col-r .thangtran-item .thangtran-img {

        flex-basis: 30%;

    }



    .thangtran-col-r .thangtran-item .thangtran-info-car {

        flex-basis: 68%;

    }



    .thangtran-col-r .thangtran-item .thangtran-img img {

        height: 109px;

    }

    .img-about li img

    {

        height: 200px;

    }

}



@media only screen and (max-width: 480px) {

    /*giới thiệu salon*/

    .thangtran-col-l .thangtran-text {

        padding-left: 1.5rem;

    }



    /*xe mới về*/

    .thangtran-col-r .thangtran-item .thangtran-img img {

        height: 90px;

    }

}



@media only screen and (max-width: 420px) {

    /*giới thiệu salon*/

    .thangtran-col-l .thangtran-text-info {

        padding-left: 0;

        align-items: center;

        flex-wrap: wrap;

    }

    /*xe mới về*/

    .thangtran-col-r .thangtran-item .thangtran-img {

        flex-basis: 35%;

    }



    .thangtran-col-r .thangtran-item .thangtran-info-car {

        flex-basis: 63%;

    }



    .thangtran-col-r .thangtran-item .thangtran-img img {

        height: 91px;

    }

    .img-about li img

    {

        height: 170px;

    }

    

}



@media only screen and (max-width: 360px) {

    /*xe mới về*/

    .thangtran-col-r .thangtran-item .thangtran-img img {

        height: 79px;

    }

    .img-about li

    {

        flex-basis: 100%;

    }

}