/* Large desktops and laptops */

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

/* Landscape tablets and medium desktops */

@media (min-width: 992px) and (max-width: 1199px) {
    .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) {
    .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;
    }

    #postList .item-wrapper{
        height: 424px;
    }

    .form-box .flex-display>div{
        flex: 1 1 50%;
    }


}

/* Landscape phones and portrait tablets */

@media (max-width: 767px) {

    header.lexus-header nav #primary-navbar .navbar-right{
        display: flex;
        justify-content: space-between;
    }
    header.lexus-header .navbar-default .navbar-right>li{
        flex: 1 1 50%;

    }


    header.lexus-header .navbar-default .navbar-right>li>a{
        height: 37px;
        margin: 3px;
        text-align: center;
    }

    section.car-review .review-article h2.heading{
        font-size: 26px;
        text-transform: uppercase;
        border-left: 5px solid #e36e43;
        padding-left: 15px;
        margin-top: 0;
    }

    section.car-review .review-article.on-mb figure{
        max-width: 55%;
        margin-right: 10px;
        float: left;
    }

    section.car-review .review-article.on-mb{
        margin-bottom: 0;
    }
    .averagePrice,
    .searchPointers{
        display: none;
    }

    .autoshowroom-quote .slick-track .autoshowroom-quote-item .autoshowroom-quote-info .autoshowroom-quote-content{
        font-size: 15px;
        line-height: 1.8;
    }

    .autoshowroom-quote .slick-track .autoshowroom-quote-item .autoshowroom-quote-image{
        width: 80px;
        height: 80px;
    }



    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;
    }

    .specifiction .tabbingCont .tabbingHead{
        position: relative!important;
        margin-top:initial!important;
        left: unset;
    }

    .specifiction .overviewBoxCont >ul>li {
        flex: 1 1 30%;
    }

    .specifiction .overviewBoxCont > ul > li .overviewBox{
        height: 150px;
        padding-top: 15px;
    }

    .specifiction .overviewBoxCont > ul > li .overviewmoreBox{
        height: 150px;
        padding-top: 34px;
    }

    .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;
    }


    .carDetails a.carImg span.carName{
        padding: 12px;
    }
    .carDetails a.carImg span.carName strong{
        font-size: 18px;
    }

    .item-wrapper:nth-of-type(2n+1){
        padding-right: 8px;
    }
    .item-wrapper:nth-of-type(2n){
        padding-left: 8px;
    }

    .mobile-fix .item-wrapper:nth-of-type(2n){
        /*padding-left: 15px;*/
        /*padding-right: 8px;*/
    }

    .mobile-fix .item-wrapper:nth-of-type(2n+1){
        /*padding-right: 15px;*/
        /*padding-left: 8px;*/
    }

    .carDesc .carprice span{
        font-size: 18px;
    }

    .check-price {
        display: none;
    }

    .carDetails .carDesc .carDescTop>ul{
        display: flex;
        flex-flow: wrap;
    }

    .carDetails .carDesc .carDescTop>ul>li{
        flex: 1 1 50%;
        padding: 5px 0;
        border-bottom: 1px solid #d9d9d9;
    }

    .carDetails .carDesc .carDescTop>ul>li:last-child{
        border-bottom: 0;
    }
    .carDesc .carDescTop > ul > li span{
        text-align: center;
    }
    .carDesc .carDescTop > ul > li strong{
        font-size: 16px;
    }

    .carDesc .carprice{
        height: auto;
    }

    .blog-primary .sticky-blogs .sticky-feature .first figure img{
        max-height: 256px;
    }

    #postList .item-wrapper{
        height: auto
    }

    .form-box .flex-display>div{
        flex: 1 1 50%;
    }



}

/* Portrait phones and smaller */

@media (max-width: 576px) {

    .form-box .flex-display>div{
        flex: 1 1 100%;
    }

    .form-box .flex-display>div label{
       margin-bottom: 10px;
    }

    .carDetails a.carImg img{
        height: 161px;
    }

    .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) {

}
