﻿.Feedback_AjaxWait{
    display: none !important;
}

.dpc-non{
    display: none!important;
}
.pc-display-none{
    display: none;
}
.contact img{
    width: 25px;
    height: 25px;
}

.three-btn-group{
    margin-top: 15px;
}

.content{
    background: #E5E5E5;
}

.main-content{
    background: #ffffff;
    margin-bottom: 132px;
}

.content-bottom{
    background: #ffffff;
}

.main-content.ThemeGrid_Container{
    margin-bottom: 111px !important;
}

.car-detail .bottom-content .btn-con.wish-list>div{
    align-self: center;
}

.check-wish-share{
    white-space: nowrap;
    display: flex;
}

.live-n-test-btn{
    gap: 25px;
    padding-left: 30px;
}

.car-detail .test-drive-btn {
    height: 50px;
    width: 190px;
    background-color: var(--color-primary);
    color: var(--color-neutral-0);
    white-space: nowrap;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 500;
}

.car-detail .test-drive-btn img {
    width: 30px;
    height: 30px;
    margin-right: 17px;
}

.car-detail .popup-call .div-popup-btn .Button{
    height: 40px;
    width: 380px!important;
    margin-top: 11px;
}

.popup-box{
    width: 410px;
    border-radius: 5px;
}



@media screen and  (max-width:1180px){
    .main-content.ThemeGrid_Container{
        margin-bottom: 34px !important; 
        margin-left: 34px !important;
        margin-right: 34px !important;
        width: auto !important;
    }

.popup-box{
    width: 312px;
}

.dpipad-non{
    display: none!important;
}



.check-wish-share{
    display: flex;
}


.car-detail .bottom-content .btn-con.wish-list>div{
    display: flex;
    flex-wrap:nowrap;
    width: auto;
    white-space: normal;
    text-align: center;
}

.three-btn-group{
    margin-top: 15px;
    justify-content: center;
    gap: 9px;
    display: flex;
}

.call-n-line{
    margin-top: unset;
    gap: 9px;
    width: 100%;
}

.call-n-line img{
    width: 25px!important;
    height: 25px;
}


.car-detail .test-drive-btn{
    width: 190px;
    height: 50px;
}

.car-detail .test-drive-btn img{
    width: 30px;
    height: 30px;
}

    .content-middle {
    padding-bottom: 80px;
}

.content{
    background: #F4F6F8;
}


.three-btn-group{
    display: flex;
}


}

@media screen and (orientation:portrait) and (max-width:551px){
    .car-detail .bottom-content .btn-con.wish-list img{
        width: 15px;
}

.popup-box{
    width: 312px !important;
}

.wish-icon img{
    width: 15px;
    height: 15px;
    margin-top: 5px;
    margin-right: 5px;
}
.tablet .content .ThemeGrid_Container {
    padding: 5px;
}

.car-live-btn{
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: center;

}

 .wish-list img{
     width: 15px;
     height: 15px;
     margin-top: 5px;
     margin-right: 5px;
 }

.tell-card-title{
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
}

.tell-card-carname{
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
}

.tell-card-seller{
    font-size: 12px;
    font-weight: 300;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: left;
}

.tell-card-textbottom{
    white-space: nowrap;    
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: left;
}

.top-wish-share{
    color: #207062;
    text-decoration: underline;
    
    display: flex;
    justify-content: end;
    align-items: center;
    align-content: center;
    text-align: center;
}

.top-wish-icon{
    margin-right: 8px;
}

.top-share-icon{
    margin-right: 2px;
}

.check-wish-share{
    display: none;
}

.live-n-test-btn {
   gap: 0px;
    padding-left: 5px;
    position: relative;
    left: 0px;
}

.car-detail .car-live-btn {
    margin-right:0px ;
}

.car-detail .car-live-btn {
    margin-right: 0px;
}
 .car-detail .card{
        margin: 0px 20px;
    }

.three-btn-group{
    margin-top: 15px;
    justify-content: flex-start;
    gap: 9px;
    display: flex;
    margin-right: 20px;
    margin-left: 20px;
}

.car-detail .Button.contact{
    font-weight: 400;
    white-space: nowrap;
}

.tel-popup{
    width: 100px !important;
    height: 60px !important;
}

.tel-popup img {
    width: 90px;
    height: 60px;
}


.popup-icon{
    width: 20px;
    height: 20px;
}

.text-2line{
    margin-top: unset!important;
}

.car-detail .popup-call .div-popup-btn .Button {
    height: 40px;
    width: 282px!important;
    margin-top: 11px;
}

.call-n-line{
    gap: 9px;
}

.call-btn {
    width: 100%;
    height: 40px;
}

.call-n-line img{
    width: 20px!important;
    height: 20px;
}

.call-btn-grey {
    width: 100%;
    height: 40px;
}

.line-btn-grey{
    width: 100% !important;
    height: 40px;
}

.line-btn {
    height: 40px !important;
    display: flex;
    width: 100% !important;
}


.dpc-non{
    display: grid !important;
    width: 100%;
    grid-auto-columns: 50% auto;
}
.pc-display-none{
    display: flex !important;
}
.dpm-non{
    display: none!important;
}

.car-detail .test-drive-btn {
    height: 33px;
    width: auto;

    font-weight: 400;
    font-size: 12px;
    line-height: 21px;
    display: flex;
    align-items: center;
    text-align: center;
}

.car-detail .test-drive-btn img {
    width: 20px;
    height: 20px;
    margin-right: 5px;
}

.car-detail .bottom-content .btn-con.wish-list>div{
    width: 15px;
}
.car-detail .btn.contact, .car-detail .Button.contact {
    width: 100% !important;
}

.car-detail .btn.contact, .car-detail .Button.contact img{
    width: 20px;
    height: 20px;
}

.phone .btn, .phone .Button {
    min-width: unset;
}

.compare-text{
    margin-top: 10px !important;
    justify-content: center;
    
}

.share-button-wrapper .other-share {
    position: absolute;
    top: -9px;
    right: -31px;
}

}

@media screen and (orientation:horizontal) and (max-width:551px){
    .check-wish-share{
        display: flex;
    }

    .car-detail .bottom-content .btn-con.wish-list>div{
        display: flex;
    }

    .car-detail .bottom-content .btn-con.wish-list>div{
        display: flex;
    }

    .live-n-test-btn{
        padding-left: unset;
    }
}

a[disabled = "disabled"]{
    pointer-events: none;
}

.Button[disabled = "disabled"],
.btn[disabled = "disabled"] {
    background-color: #A6ADB2!important;
    border: 1px solid #A6ADB2;
    color: #fff !important;
    pointer-events: none;
}

.text-2line {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top: 5px;
}

/* Ipad Pro Portrait */
@media screen and (orientation:portrait) and  (max-width:834px) and (min-width:552px){
.car-detail .btn.contact, .car-detail .Button.contact {
    
    width: 390px;
}

.live-n-test-btn{
    gap: 5px;
        padding-left: unset;
    }

.popup-box {
    width: 410px;
    border-radius: 5px;
}

.car-detail .popup-call .div-popup-btn .Button {
    width: 380px!important;
}
.btn-con .checkbox{
        
        
    }
    .wish-icon img{
    
    }
   
   
}

/* Ipad Pro 11" Landscape */
@media screen and (orientation:landscape) and (max-width:1194px){
    .car-detail .btn.contact, .car-detail .Button.contact {
    width: 735px;
}

.live-n-test-btn{
    gap: 25px;
        padding-left: unset;
    }

.popup-box {
    width: 410px;
    border-radius: 5px;
}

.car-detail .popup-call .div-popup-btn .Button {
    width: 380px!important;
}

    .btn-con .checkbox{
        
        
    }
    .wish-icon img{
     
    }
    
}

/* Mobile" Landscape */
 @media screen and (orientation:landscape) and (max-height:428px) and (max-width:926px){
     .car-detail .btn.contact, .car-detail .Button.contact {
    width: 429px;
}
.live-n-test-btn {
    gap: 8px;
}
 }