/* Large desktops and laptops */

@media (min-width: 1200px) {
}

/* Landscape tablets and medium desktops */

@media (min-width: 992px) and (max-width: 1199px) {

    .feature-services .service-item {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .video-service .normal-video .video-item figure img.ft-image {
        max-height: 135px;
    }

    .specifiction .overviewBoxCont > ul > li {
        width: 33.33%;
    }

    .carDetails .carDesc,
    .carDetails .hover-wrapper {
        height: 100%;
    }

    .product-list .loop.list .carDetails a.carImg {
        width: 35%;
    }

    .carDetails a.carImg img {
        object-fit: cover;
        object-position: center;
        height: 237px;
    }


}

/* Portrait tablets and small desktops */

@media (min-width: 768px) and (max-width: 991px) {

    .video-service .normal-video .video-item figure img.ft-image {
        max-height: 97px;
    }

    .lexus-news .lexus-news-slider .new-item img.new-img {
        max-height: 245px;
    }

    .carDetails a.carImg img {
        object-fit: cover;
        object-position: center;
        height: 208px;
    }

    .product-list .loop.list .carDetails a.carImg {
        width: 40%;
    }

    .carDetails .carDesc,
    .carDetails .hover-wrapper {
        height: 100%;
    }

    .specifiction .overviewBoxCont > ul > li {
        width: 50%;
    }

    .searchContainer .searchBy {
        position: relative;
        width: auto;
        right: initial;
        transform: none
    }

    .searchContainer .searchBy label {
        width: auto;
    }

    .searchContainer .searchWrap {
        width: 100%;

    }

    .searchContainer .searchBy label.labelHead {
        width: 100%;
    }


    header.poowoo-header nav .navbar-brand > img {
        max-height: 145px;

    }

    header.poowoo-header .navbar-default .navbar-nav > li > a {
        margin-left: 0;
        margin-right: 0;
        padding-left: 10px;
        padding-right: 10px;
    }

    #poowoo-who-play .obama-play {
        padding-top: 0;
    }

    #poowoo-who-play .obama-play h2.heading {
        padding-top: 10px;
        padding-bottom: 10px;
        margin: 0px;
    }

    #poowoo-who-play .obama-play p.cm {
        margin-bottom: 10px;
    }

    #poowoo-who-play .obama-play h2.heading {
        font-size: 48px;
    }

    #registration h2.heading {
        font-size: 44px;
    }

    #poowwo-new-products h2.heading {
        font-size: 44px;
    }

    #faq-buyer .buyers-list .buyer-inner {
        height: 960px;
        overflow: hidden;
    }


}


@media (min-width: 992px) and (max-width: 1199px) {
    .ldp-lx-570-header .boxtop__call {
        width: 183px;
    }
}


@media (max-width: 992px) {


    .header #navbar-header ul.menu > li > a {
        padding: 5px 0;
        margin: 5px 0
    }

    .ldp-lx-570-header .boxtop {
        display: none;
    }

    .header .navbar-brand {
        left: auto;
        top: auto;
        float: none;
        width: 170px;
        height: 50px;
        background-size: 100%;
        margin: 0 auto 0;
        text-align: center;
        z-index: 1;
        display: block;
    }

    .ldp-lx-570-header .header .container {
        width: 100%;
        max-width: 100%;
    }

    .header .navbar-toggler .navbar-toggler-icon {
        width: 35px;
        height: 40px;
    }

    .header #navbar-header > ul {
        margin: 0;
        padding: 12px 15px 0;
        width: 100%;
    }

    .header #navbar-header > ul {
        padding: 10px 0;
    }

    .header {
        min-height: 60px;
        background: #fff;
    }


    .header .navbar-brand img {
        max-height: 100%;

    }

    .header .navbar-brand {
        left: auto;
        top: auto;
        float: none;
        margin: 0 auto 0;
        text-align: center;
        z-index: 1;
        display: block;
    }

    .header .navbar-toggler {
        position: absolute;
        top: 12px;
        z-index: 2;
        cursor: pointer;
        border: none;
        padding: 0;
    }

    .header .call {
        display: block;
        background: #e43c3b url(https://benhvienthammydonga.vn/wp-content/themes/donga/media/images/call.png) no-repeat center;
        width: 40px;
        height: 40px;
        border-radius: 4px;
        margin: 12px 10px;
        position: absolute;
        right: 5px;
        top: 0;
        z-index: 3;
    }
}


/* Landscape phones and portrait tablets */

@media (max-width: 767px) {

    .feature-services .service-item {
        padding-top: 30px;
        padding-bottom: 30px;
        flex: 1 1 50%;
        border-bottom: 1px solid #fff;
    }

    .feature-services .service-list {
        flex-flow: wrap;
    }

    /* nth-of-type, tinh tu phan tu dau*/
    /* nth-last-of-type, tinh tu phan tu cuoi*/
    .feature-services .service-item:nth-of-type(2n) {
        border-right: 0;
    }

    .feature-services .service-item:nth-last-of-type(2),
    .feature-services .service-item:nth-last-of-type(1) {
        border-bottom: 0;
    }

    header.lexus-header .top-header img.primary,
    header.lexus-header .top-header img.secondary {

        height: 55px;
        min-height: 55px;
    }

    section.car-review .review-article .excerpt p {
        text-align: justify;
    }

    .landingpage-slider img {
        max-height: 300px;
    }

    .all-car-list h2 {
        position: absolute;
        top: 0;
        margin-top: 0;
    }

    .all-car-list .tabbingBody > ul {
        padding-top: 100px;
    }

    .tabbingCont .tabbingHead {
        position: absolute !important;
        margin-top: 60px;
        left: -8px;
    }

    .all-car-list h2 {
        font-size: 20px;
    }

    .all-car-list h2 strong {
        font-size: 24px;
    }

    .all-car-list .tabbingCont .tabbingHead ul {
        flex: 1 1 auto;
    }

    .all-car-list .tabbingCont .tabbingHead li {

        width: 66px;
    }

    header .navbar > .container .navbar-brand.lexus-brand {
        padding: 0;

        margin-left: 5px;
    }

    header .navbar > .container .navbar-brand.lexus-brand img {
        height: 100%;
        max-height: 50px;
    }

    header.lexus-header nav .navbar-brand > img {
        margin: 0;
        -webkit-filter: brightness(0) invert(1);
        filter: brightness(0) invert(1);
    }

    .searchPointers label.combined,
    .searchPointers label.exotic,
    .searchPointers label.luxury {
        -webkit-background-size: 40px;
        background-size: 40px;
        padding-left: 0;
        margin-bottom: 10px;
        padding-top: 45px;
        background-position: top;
        text-align: center;
        width: 33.33%;
    }

    .searchContainer {
        padding: 25px 0;
    }

    .searchContainer .favBrands {
        margin: 15px 0;
    }

    .favBrands .search {
        margin-top: 0 !important;
    }

    .searchContainer .exploreRow {
        margin-bottom: 15px;
    }

    .searchContainer .priceSlider {
        width: 100%;
    }

    .searchContainer .priceSlider {
        margin-top: 60px;
    }

    .searchContainer .averagePrice {
        width: 100%;
    }

    .searchContainer .searchBy label a {
        width: 60px;
        height: 60px;
    }

    .searchContainer .searchBy label a span {
        margin-bottom: 20px;
    }

    .favBrands input[name="carname"],
    .favBrands .searchBtn button {
        height: 45px !important;
    }

    .favBrands input[name="carname"] {
        font-size: 16px !important;
        text-transform: initial !important;
    }

    .searchContainer p.finding-car {
        font-size: 24px;
    }


    .searchPointers label span {
        font-size: 24px;
    }

    .landingpage-slider .controlBtn,
    .brandTypesListing .controlBtn {
        display: none !important;
    }

    .list-phukien .viewcontrols {
        height: 40px;
        display: none;
    }

    .feature-img-testimonial {
        display: none;
    }

    .filterByBrandBtn {
        display: none;
    }

    .viewcontrols a.listview,
    .viewcontrols a.gridview {
        display: none;

    }

    .viewcontrols {
        padding-right: 0;
    }


    .autoshowroom-quote-image {
        display: block !important;
        margin: auto;
    }

    .autoshowroom-quote .slick-track .autoshowroom-quote-item .autoshowroom-quote-image .autoshowroom-quote-image-box img {
        object-position: center top;
        object-fit: cover;
        height: 100%;
    }

    .autoshowroom-quote .slick-track .autoshowroom-quote-item .autoshowroom-quote-image {
        margin-bottom: 70px;
    }

    .blog-primary .blogs-archives .archive-item figure.feature-img img {
        max-width: initial;
    }

    header.lexus-header .navbar-default .navbar-right > li > a {
        margin-right: 0
    }

    #primary-navbar .navbar-nav {
        margin: 0;
    }

    .product-list .loop.list .item-wrapper {
        clear: both;
        overflow: hidden;
    }

    .carDetails a.carImg img {
        object-fit: cover;
        object-position: center;
        height: 257px;
    }

    .product-list .loop.list .carDetails a.carImg {
        width: 45%;
    }

    .mobile-contact-group {
        position: fixed;
        bottom: 0;
        width: 100%;
        background: #fff;
        /*background: #e23d3a;*/
        color: #fff;
        padding: 0;
        display: flex;
        z-index: 9999;
    }

    .mobile-contact-group .btn-tu-van-mb,
    .mobile-contact-group .btn-contact-mobile {
        flex: 1 1 0;
        padding: 6px;
        text-align: center;
        font-size: 18px;
        color: #fff;
        height: 40px;
    }

    .mobile-contact-group .btn-tu-van-mb {
        background: #019968;
        margin-left: 2px;
    }

    .mobile-contact-group .btn-contact-mobile:hover,
    .mobile-contact-group .btn-tu-van-mb:hover {
        background: #FF5C00;
        color: #fff;
    }

    .mobile-contact-group .btn-contact-mobile {
        background: #e36e43;
        margin-right: 2px;

    }

    .btn-contact {
        display: none;
    }


    .carDetails .carDesc,
    .carDetails .hover-wrapper {
        height: 100%;
    }

    .collectionForm {
        height: auto;
    }

    footer .top-footer .widget .registration .reg-email-btn {
        display: table;
        margin: auto
    }

    .relate-posts-slider .controlBtn.btnRight, .brandTypesListing .controlBtn.btnRight {
        right: 30px;
        z-index: 99;
    }

    .relate-posts-slider .controlBtn.btnLeft, .brandTypesListing .controlBtn.btnLeft {
        left: 30px;
        z-index: 99;
    }

    .tabbingCont .tabbingHead {
        position: relative;
    }

    footer .copy-right p:last-child {
        text-align: center
    }

    .testimonial-box h2 {
        margin-top: 30px
    }

    .specifiction .overviewBoxCont > ul > li {
        width: 50%;
    }

    .searchContainer .searchBy {
        position: relative;
        width: auto;
        right: initial;
        transform: none
    }

    .searchPointers,
    .searchContainer .favBrands {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }


    .searchContainer .searchBy label {
        width: auto;
    }

    .searchContainer .searchWrap {
        width: 100%;

    }

    .searchContainer .searchBy label.labelHead {
        width: 100%;
    }


    .testimonial h2.heading,
    section.section-box h2.heading,
    .top-sellers h2.heading {
        font-size: 26px;
    }

    #hero-banner h1.banner-heading {
        font-size: 24px;
        top: 10px;
        left: 10px;
        margin: 0
    }

    section.car-review .review-article h2.heading {
        font-size: 24px;
    }

    .car-review .review-article {
        margin-bottom: 30px
    }

    .car-feature .cta-view-more .view-more-car {
        font-size: 20px;
        padding: 7px 15px
    }

    .car-feature .cta-view-more .view-more-car .fa {
        font-size: 20px;
    }

    footer .footer-brand {
        padding-top: 10px;
        display: table;
        margin: auto;
        margin-bottom: 30px;
        text-align: center;
    }

    .product-about h2.heading {
        font-size: 30px;
    }

    .product-about a.view-more {
        font-size: 24px;
    }

    #lexus-page.product h1.page-heading {
        font-size: 26px;
    }

    #poowoo-who-play .obama-img img {
        width: 100%;
        height: auto;
    }

    .buyers-list {
        margin-top: 30px;
    }

    .reply-box > div {
        margin-left: 66px !important;
    }

    .reply-box > div .form-control {
        margin-top: 10px;
    }

    .comment-list .list-reply {
        margin-left: 66px;

    }

    .comments {
        padding-left: 0;
        padding-right: 0;
    }

    .comment-list .item figure {
        max-width: 50px;
    }

    .comments form .form-control {
        margin-bottom: 15px;
    }

    .comment-list .com {
        margin-left: 66px;

    }

    header.poowoo-header .navbar-default .navbar-nav > li > a {
        margin-left: 0;
        margin-right: 0;
    }

    header.poowoo-header .navbar-default .navbar-nav > li > a:hover {
    }

    header .navbar.navbar-fix-top {
        display: block;
        height: auto;
    }

    header .navbar.navbar-fix-top .navbar-header {
        border-bottom: 1px solid #eee;
    }

    header .navbar.navbar-fix-top .navbar-header .navbar-toggle {
        background: #0e4aaf;
        color: #fff;
    }

    header .navbar.navbar-fix-top .navbar-header .navbar-toggle:hover {
        background: #1656c4;
        color: #fff;
    }

    header .navbar.navbar-fix-top .navbar-header .navbar-toggle .icon-bar {
        background: #fff;
    }


    /* /////////////////////////POWER ////////////////////////////// */
    header.poowoo-header nav.navbar-default #primary-navbar {
        /* display: none; */
        /* justify-content: initial; */
    }

    header.poowoo-header nav #primary-navbar .navbar-left {
        margin-right: initial;
        position: relative;
        left: initial;
        transform: initial
    }

    header.poowoo-header nav #primary-navbar .navbar-right {
        margin-left: initial;
        position: relative;
        right: initial;
        transform: initial;
        margin-right: -15px;
    }

    header.poowoo-header nav #primary-navbar .navbar-nav {
        margin-left: -15px;
        margin-right: -15px;
    }

    header.poowoo-header .navbar-default .navbar-nav > li > a {
        font-size: 20px;
    }

    .row.equal-height {
        display: block;
    }

    footer .copy-right {
        height: auto;
    }

    header.poowoo-header nav .navbar-brand > img {
        max-height: 80px;
        margin-top: 0 !important;
    }

    #registration h2.heading,
    #poowwo-new-products h2.heading {
        font-size: 36px;
    }

    #registration .short-info .add {
        font-size: 28px;
    }

    #registration .short-info .call a {
        font-size: 28px;
    }

    #registration .short-info img {
        width: 30px;

    }

    #poowoo-who-play .obama-img {
        margin-top: 30px;
    }

    #poowoo-who-play .obama-play {
        padding-top: 0
    }

    #poowoo-who-play .obama-play h2.heading {
        font-size: 40px;
    }

    .comments form textarea#comment-content {
        height: 120px;
    }

    .comments .btn-send-image,
    .comments .comment-send {
        width: 150px;
        height: 40px;
    }

    .comments .btn-send-image {
        padding: 7px;
    }

    .blog-primary .blogs-archives .archive-item figure.feature-img img {
        width: 161px;
        height: 105px;
    }

    .blog-primary .blogs-archives .archive-item .blog-title-mb.heading,
    .blog-primary .blogs-archives .archive-item .blog-title-mb {
        margin-top: 0;
        font-size: 16px;
        color: #000;
    }

    .blog-primary .blogs-archives .archive-item .blog-title-mb.heading {
        font-size: 20px;
    }

    .blog-primary .blogs-archives .archive-item .blog-title-mb.heading:hover,
    .blog-primary .blogs-archives .archive-item .blog-title-mb:hover {
        color: #e36e43;
    }

    .top-footer .widget {
        margin-bottom: 15px;
    }


    .header #navbar-header > ul {
        padding: 15px;
        background: #424965;
    }

    .top-lido .top-content {
        flex-flow: wrap;
    }

    .top-lido .top-content .left-img {
        max-height: 300px;
        flex: 1 1 100%;
        height: 300px;
        margin-bottom: 15px;
    }

    .top-lido .top-content ul.lido {
        padding-left: 0;
    }

    .best-choice figure {
        display: none;
    }

    .best-choice .your-choice {
        display: flex;
        text-align: center;
        flex-direction: column;
        align-items: center;
        margin-bottom: 30px;
    }


    .quytrinh-test .step-list .body .middle .step {
        flex-basis: 45%;
    }

    .quytrinh-test .step-list .body .middle .step {
        border-right: 1px solid #fff !important;
    }


    .quytrinh-test .step-list .body .middle .step:nth-of-type(2n) {
        border: 0 !important;
    }

    .quytrinh-test .step-list .body .top .left {
        flex-basis: 100%;
    }

    .quytrinh-test .step-list .body .top .right {
        padding-left: 0;
        margin-top: 15px;
        text-align: justify;
    }

    .quytrinh-test .header {
        background: transparent;
    }

    .quytrinh-test .step-list .header .right,
    .quytrinh-test .step-list .header .left {
        flex-basis: 100%;
    }

    .quytrinh-test .step-list .header h3.heading {
        margin-top: 15px;
    }

    .quytrinh-test .step-list .header .left {
        display: flex;
        justify-content: center;
    }

    .bill-gate .bill-quote {
        padding: 50px 10px;
    }

    .bill-gate .bill-quote h3.heading {
        font-size: 36px;
        top: -14px;
    }

    .bill-gate .bill-quote::before,
    .bill-gate .bill-quote::after {
        width: 120px;
    }

    .bill-gate .bill-quote blockquote {
        font-size: 20px;
    }

    .bill-gate {
        background-position: right center !important;
    }


    .take-care .care-list .left {
        padding-right: 0;
        flex-basis: 100%;
        border: 0;
        margin-bottom: 15px;
    }

    .take-care .care-list .right {
        padding-left: 0;
        flex-basis: 100%;

    }

    .take-care .care-list ul > li img {
        margin-right: 5px;
    }


    .nhan-thong-tin {
        display: flex;
        flex-flow: wrap;
        position: relative;
    }

    .nhan-thong-tin figure {
        flex-basis: 100%;
    }

    .nhan-thong-tin figure img {
        width: 100%;
        height: auto;
    }

    .nhan-thong-tin .get-info {
        flex: 1 1 100%;
        padding: 30px;
        padding-right: 30px;
        text-align: center;
        position: absolute;
        left: 0;
        top: 0px;
        width: 100%;
    }

    .nhan-thong-tin .get-info .reg-now {
        max-width: 100%;
    }

    footer {
        margin-bottom: 40px;
    }

    .chuyen-vien .info-wrap .skills {
        flex-basis: 100%;
        padding-left: 0;
    }

    .chuyen-vien .info-wrap .about {
        flex-basis: 100%;
        padding-right: 0;
        margin-bottom: 15px;
    }

    .chuyen-vien .info-wrap .about .excerpt {
        margin-bottom: 15px;
    }

    .chuyen-vien .info-wrap {
        flex-direction: column;
    }

    .chuyen-vien .info-wrap .img-profile {
        flex: 1 1 100%;
        padding-left: 0;
        width: 100%;
        height: auto;
        max-width: 575px;
    }

    .chuyen-vien .info-wrap .img-profile img {
        width: 100%;
        height: auto;
    }


    .more-about-us .wrap .left {
        flex-basis: 100%;
        margin-right: initial;
        padding-right: 30px;
    }

    .more-about-us .wrap {
        flex-flow: wrap;
    }

    .more-about-us .wrap .right {
        display: none;
    }

    .more-about-us .wrap .right {
        flex-basis: 100%;
    }


    .landingpage-slider .slick-dots {
        margin-top: -30px;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }

    .customer-testimonial .test-slider .item {
        flex-flow: wrap;
        flex-direction: column-reverse;
        align-items: center;
    }

    .customer-testimonial .test-slider .content {
        padding-left: 15px;
        padding-right: 20px;
        padding-top: 15px;
    }

    .customer-testimonial .test-slider .cus-img {
        flex-basis: 100px;
        width: 150px;
        height: 150px;
        margin-top: 50px;
    }

    .customer-testimonial .test-slider .cus-img img {
        width: 150px;
        height: 150px;
        object-fit: cover;
        object-position: center;
        border-radius: 100%;
        -webkit-clip-path: unset;
        clip-path: unset;

    }


    .price-slider .inner .item figure .info{
        display: none;
    }

    .price-slider .inner .item figure .info-mb{
        display: block;
        position: absolute;
        left: 0px;
        right: 0px;
        justify-content: space-between;
        bottom: 0px;
        background: rgba(0,0,0,0.77);
        color: #fff;
        padding: 10px;
    }
    .price-slider .inner .item figure .info-mb h3{
        font-size: 22px;
        text-align: center;
        text-transform: uppercase;
    }

    .price-slider .inner .item figure .info-mb .extra{
        display: flex;
        justify-content: space-around;

    }

    .price-slider .inner .item figure .info-mb .extra > div{
        flex: 1 1 33%;
        text-align: center;
        font-size: 16px;
    }
    .price-slider .inner .item figure .info-mb .extra > div.pri{
        color: #ff7133;
        font-size: 18px;
        font-weight: 600;
    }


    .chuyen-vien .info-wrap .skills .list .item:last-child{
        margin-bottom: 0;
    }
    #car-info .info-table .right,
    #car-info .info-table .left{
        flex: 1 1 100%;
        padding:0
    }

    .bill-gate .bill-quote h3.heading{
        font-size:26px;
    }



    .quytrinh-test .step-list .body .middle {
        max-height: 345px;
        overflow-y: scroll;
    }

    .customer-testimonial .test-slider .cus-img,
    .more-about-us .wrap .left{
        -webkit-clip-path:unset;
        clip-path: unset;
    }




}

/* Portrait phones and smaller */

@media (min-width: 576px) and (max-width: 786px) {

    .video-service .normal-video .video-item figure img.ft-image {
        max-height: 156px;
    }
}

@media (max-width: 575px) {


}


@media (max-width: 480px) {

    .blog-primary .blogs-archives .archive-item figure.feature-img {
        float: none;
        margin-right: 0;
        margin-bottom: 15px
    }

    .blog-primary .blogs-archives .archive-item figure.feature-img img {
        width: 100%;
        height: auto;
    }

    .product-list .loop.list .item-wrapper {
        width: auto;
        background: transparent;
    }

    .product-list .loop.list .carDetails {
        padding: 0;
        float: left;
        display: block;
        vertical-align: top;
        margin-bottom: 0;
        width: 100%;
    }

    .product-list .loop.list .carDetails a.carImg {
        display: block;
        width: 100%;
        float: none;
        display: block
    }

    .product-list .loop.list .carDetails .carDesc {
        width: 100%;
        display: block
    }

    .product-list .loop.list .carDetails a.carImg span.carName {
        display: block
    }

    .product-list .loop.list .carDetails .carDesc .carlistDesc {
        display: none;
    }

    .product-list .loop.list .carDetails .carDesc {
        padding-top: 0;
    }

    .searchPointers label {
        width: 100%;
        margin-bottom: 15px
    }

    .searchPointers label.exotic {
        margin: 0;
        margin-bottom: 15px;
    }

    .searchPointers {
        margin-bottom: 30px
    }

}

@media (max-width: 320px) {

}