.vehicleDetail{
    .vehicleDetail-heading{
        background: #f1f1f1;
        padding: 30px 0;
        .carDetailTop{
            h3{
                font-size: 26px;
                @media screen and (max-width:767px){
                    font-size: 20px;
                }
            }
            ul{
                li{
                    display: inline-block;
                    margin-right: 10px;
                }
            }
            @media screen and (max-width:767px){
                text-align: center;
            }
        }
        .carPrice{
            font-size: 22px;
            text-align: right;
            color:$themeSecondaryClr;
            @media screen and (max-width:767px){
                margin-top: 20px;
                text-align: center;
            }
        }
    }
    .vehicleDetail-block{
        padding: 40px 0;
        .vehicle-slider{
            .slick-slide{
                img{
                    width: 100%;
                }
            }
            .slick-arrow{
                width:auto;
                height:auto;
            }
            .slick-next{
                right:8px;
                &:before{
                    font-size:28px;
                    opacity:1;
                }
            }
            .slick-prev{
                left:8px;
                z-index:1;
                &:before{
                    font-size:28px;
                    opacity:1;
                }
            }
        }
    }
    .sidebar-col{
        margin-bottom: 20px;
        background: #fff;
        box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.05);
        h4{
            margin: 0;
            font-size: 15px;
            margin-bottom: 0;
            color: #fff;
            background: $themePrimaryClr;
            border-bottom: 1px solid #e5e5e5;
            padding: 6px 15px;
            text-transform: uppercase;
        }
        &:last-child{
            margin-bottom: 0;
        }
        .fuel-efficiency-detail {
            padding: 25px 15px;
            text-align: center;
            label{
                margin-bottom: 0px;
                display: block;
            }
            p{
                font-size: 12px;
                margin-bottom: 0;
                margin-top: 20px;
            }
            img{
                width: 55px;
                margin: 0 auto;
            }
            .city_mpg{
                font-size: 30px;
            }
            .highway_mpg{
                font-size: 30px;
            }
        }
        .car-attributes{
            padding: 20px;
            li{
                display: block;
                padding-bottom: 8px;
                border-bottom: 1px solid #e3e3e3;
                margin-bottom: 8px;
                &:last-child{
                    border-bottom: 0;
                    margin-bottom: 0;
                    padding-bottom: 0;
                }
                span{
                    width: 150px;
                    display: table-cell;
                }
                strong{
                    display: table-cell;
                    text-align: left;
                    vertical-align: top;
                }
            }
        }
        .leadForm{
            padding: 20px;
            .form-group{
                .form-control{
                    font-size: 14px;
                    border-radius: 0;
                }
            }
            button{
                width:100%;
                background: transparent;
                display: inline-block;
                color: $themeSecondaryClr;
                border-radius: 0;
                border:2px solid $themeSecondaryClr;
                text-transform: uppercase;
                &:hover{
                    background: $themeSecondaryClr;
                    color: #fff;
                }
            }
        }
    }
    .singleDetailGrid{
        margin-top: 30px;
        box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.05);
        @media screen and (max-width:767px){
            margin-bottom: 30px;
        }
        h3{
            border-bottom: 1px solid #e5e5e5;
            font-size: 18px;
            text-transform: uppercase;
            background: $themePrimaryClr;
            color: #fff;
            margin-bottom: 0;
            padding: 7px 15px;
        }
        .singleDetailGridContent{
            padding: 20px;
            p{
                margin-bottom: 10px;
                &:last-child{
                    margin-bottom: 0;
                }
            }
        }
    }
    .veicleTabDetail{
        margin-top: 30px;
        .nav{
            background: $themePrimaryClr;
            .nav-item{
                .nav-link{
                    border-radius: 0;
                    text-transform: uppercase;
                    color: #fff;
                    &.active{
                        background: $themeSecondaryClr;
                    }
                }
            }
        }
        .tab-content{
            padding: 20px;
            box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.05);
            .specsBlock{
                margin-bottom: 15px;
                h5{
                    border-bottom: 1px solid #e5e5e5;
                    margin-bottom: 10px;
                    font-size: 14px;
                    text-transform: uppercase;
                    padding-bottom: 3px;
                }
                ul{
                    columns: 2;
                    @media screen and (max-width:767px){
                        columns: 1;
                    }
                    li{
                        list-style: inside;
                    }
                }
                &:last-child{
                    margin-bottom: 0;
                }
            }
        }
    }
}