/**/
        .bgNav{
            background-color: #f8f9fa !important;
        }
        .chooseColorMainDiv{
            display: grid;
            grid-auto-flow: column;
            grid-gap: 5px;
            /*justify-content: center;*/
            /*width:100%;*/
        }
        #wrap {
            display: grid;
            justify-items: center;
            /*height:100vh;*/
        }
        
        
        #demo {
            width: 100% !important;
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
            height:65vh!important;
            
        }

        .mainSec {
            width: 100%;
            padding: 20px;
        }

        .first {
            font-size: 20PX;
            font-weight: 600;
        }
        .bColors{
            width: 40px;
            height: 40px;
            padding: 5px;
            padding-top: 20px;
            border:1px solid black;
            border-radius: 15%;
        }
        .logo{
            width: 106px;
        }
       
        @media(max-width:790px){
            .searchBar{
                display: flex;
                justify-content: center;
                padding-bottom: 10px;
            }
        }
        @media(max-width: 1000px){
        .mainSec {
            width: 100%;
            margin: 0;
            height: auto;
            padding: 0px;
           
            }
            .chooseCar{
                align-items: inherit !important;
            }
            .choose,.select,.chooseColor{
                font-size: 15px !important;
            }
            .innerChooseSection{
                margin-left: 0% !important;
            }
            
        }
        .chooseColor{
            display: block;
            text-align: center;
            width: 100%;
        }
        
/**/
.choose{
    font-size: 20px; letter-spacing: -1px; font-weight: 600;
}
.select{
    font-size: 0.8vw; letter-spacing: -0.7px; padding-left: 1vw; padding-right: 4vw;width: 100%;
}
#colorNameHere{
    display: block !important; margin-bottom: 20px;font-size: 18px; margin-left: 110px;
}

.blackColor{
    background:#1c1713;
}
.grayColor{
    background:#d0d02c;
}
.beigeColor{
    background:#4e4b35
}
.silverColor{
    background:#aeaaaa;
}
.whiteColor{
    background:d4cfcb;
}
.dropdown-item{
    padding: 15px !important;
}
/*index2*/
.chooseCar{
    display: flex;
    flex-direction: column;
    align-items: end;
}
.chooseCar2{
    display: flex;
    flex-direction: column;
    align-items: center !important;
}
.chooseCar3{
    display: flex;
    flex-direction: column;
    align-items: start !important;;
}
.innerChooseSection2,.innerChooseSection{
    /*margin-left: 8%;*/
    width:100%;
}
#colorNameHere2{
display: block !important; margin-bottom: 20px;font-size: 18px;text-align: center;
}
/*alto.html*/
.blueColor2{
    background:#384c87 !important;
}
.grayColor2{
    background:#66615d !important;
}
.silverColor2{
    background:#8e8b86 !important;
}
.blackColor2{
    background:#17120e !important;
}
.redColor2{
    background:#b4403f !important;
}
.whiteColor2{
    background:#fff !important;
}
.beigeColor2{
    background:#c1a782 !important;
}
/*swift*/
.blueColor3{
    background:#293754;
}
.grayColor3{
    background:#66615d !important;
}
.silverColor3{
    background:#9c9da1 !important;
}
.redColor3{
    background:#b4403f !important;
}
.whiteColor3{
    background:#fff !important;
}
.beigeColor3{
    background:#c8b594 !important;
}
/*wagonr*/
.grayColor4{
    background:#605e5d;
}
.silverColor4{
    background:#b5b5b5;
}
.blackColor4{
    background:black;
}
.redColor4{
    background:#952121;
}
.whiteColor4{
    background:white;
}
.beigeColor4{
    background:#ecd5b3;
}

/*Responsive code*/
@media(max-width:568px){
    #demo {
    height: 30vh !important;
}
.row {
    flex-direction: column;
}
.chooseCar3 {
    order: 1;
    margin-bottom: 20px;
}
.chooseCar2 {
    order: 3;
}
.chooseCar {
    order: 2;
}
.galleryContainer {
    min-height: 250px;
}
.filter-item {
    display: grid !important;
    grid-template-columns: repeat(2,1fr) !important;
    grid-gap: 10px !important;
    height: auto !important;
}
#sidePanel {
    min-height: 1px !important;
    height: auto !important;
    margin: 30px 0px !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px;
}
.box1,.box2,.box3{
    margin: 0 !important;height: 130px !important;
}
.chooseColor{
    margin: 0 !important;
    margin-top: 10px !important;
}
#colorNameHere{
    margin-bottom: 1rem !important;
    text-align: center !important;
    width: 100% !important;
    margin-left: 0px !important;
    }
}

@media(min-width:569px) and (max-width:992px){
    #demo {
    height: 35vh !important;
}
    /*col-md-6 col-lg-4 chooseCar*/
    /*col-md-6 col-lg-4 chooseCar2*/
    /*col-md-6 col-lg-4 chooseCar3*/
    
    .chooseCar3{
    	margin-bottom: 20px;
    }
    
    .filter-item {
        display: grid !important;
        grid-template-columns: repeat(3,1fr) !important;
        grid-gap: 10px !important;
    }
    #sidePanel {
        margin-top: 25px !important;
    }
    
    .box1, .box2, .box3 {
        height: 120px !important;
    }
    .chooseCar3{
        order: 1 !important;
    }
    .chooseCar2,.chooseCar{
        order: 2 !important;
    }
    #colorNameHere{
        width: 100%;
        text-align: center;
        margin-left: 0;
    }
    .chooseColorMainDiv{
        width:100%;
    }
    .chooseCar3Swift{
        display: grid;
        margin: 10px 0px;
    }
}
@media(min-width:991px) and (max-width:1200px){
    #demo{
        height:42vh !important;
    }
    #colorNameHere{
        margin-left:0;
    }
    .box1, .box2, .box3 {
    width: 100%;
    height: 150px !important;
    }
}
.chooseCar3Swift{
    display:grid;
}