.uk-container {
    max-width: 1400px;
}

.vehicle-header-top {
    display: grid;
    grid-template-columns: max-content max-content max-content;
    grid-template-areas: 'htl htm htr';
    border: 1pt solid #000;
    margin-top: 30px!important;
    justify-content: space-around;
    padding:20px 0;
}



.header-top-left {
    grid-area: htl;
}

.header-top-middle {
    grid-area: htm;
}

.header-top-right {
    grid-area: htr;
}

.header-top-left,
.header-top-middle h1,
.header-top-right {
    font-size: 24px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    text-align:center;
    color: #000;
    text-transform: uppercase;
    letter-spacing: 0.2rem;
    margin:0;
    height: 100%;
	font-weight: normal;
}
.suitable-for {
    background-color: #efefef;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    padding: 15px 0;
    text-transform: uppercase;
}

.vehicle-detail-container {
    display: grid;
    grid-template-columns: auto auto auto;
    grid-column-gap: 3vw;
    grid-template-areas:
        'vdi vdt vdl'
        'vdi vdt pdf';
    margin: 0 auto;
}
.vehicle-detail-image {
    grid-area: vdi;
}
.vehicle-detail-information {
    grid-area: vdt;
}
.pdf_download_btn {
    grid-area: pdf;
}
.vehicle-information-container {
    width: 100%;
    height: auto;
    display: grid;
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    grid-template-columns: max-content auto;
    grid-template-areas:
        'viht vitt'
        'vihm vitm'
        'vihy vity'
        'vihd vitd';
    padding: 5px 0;
}

.vehicle-info.heading.type {
    grid-area: viht;
}
.vehicle-info.text.type {
    grid-area: vitt;
}

@media screen and (max-width: 900px) and (min-width: 601px) {
    .vehicle-detail-container {
    grid-template-columns: auto auto;
    grid-column-gap: 50px;
    grid-row-gap: 30px;
    grid-template-areas:
        'vdi vdt'
        'pdf pdf';
    margin: 0 auto;
    }
}
@media only screen and (max-width: 600px) {
    .vehicle-detail-container {
        width:95%;
        grid-row-gap: 30px;
        grid-template-columns: 100% ;
        grid-template-areas: 'vdi' 'vdt' 'pdf';
        margin:0 auto;
    }
    .header-top-left,
    .header-top-middle,
    .header-top-right {
        padding:5px;
    }
    .vehicle-header-top {
        grid-template-columns: 100% ;
        grid-template-areas: 'htl' 'htm' 'htr';
        padding: 10px 0;
    }
    .vehicle-detail-logo {
        display:none !important;
    }
    .vehicle-information-container {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    grid-template-columns: 100%;
    grid-template-areas:
        'viht'
        'vitt'
        'vihm'
        'vitm'
        'vihy'
        'vity'
        'vihd'
        'vitd';
    padding: 5px 0;
}
    .vehicle-information-container > .vehicle-info {
        justify-content:center!important;
        text-align:center;
    }
    .pairs-bar-container {
    	width: 95%;
    	grid-template-columns: 100%;
    	grid-template-areas: 'pbic' 'pbit' 'pbip' 'pbiw';
    	margin: 0 auto;
    }
    
}

.vehicle-detail-image, .vehicle-detail-information, .vehicle-detail-logo {
    display: flex !important;
    align-items: center;
    justify-content: center;
}
.vehicle-detail {
    padding: 50px 0px;
}
.vehicle-detail-image img {
    width: 100%;
    height: auto;
}


.vehicle-info.heading {
    display: flex !important;
    align-items: start;
    justify-content: flex-end;
    text-align:center;
    font-weight: 600;
    background: #efefef;
    padding: 10px;
}
.vehicle-detail-image, .vehicle-detail-information, .vehicle-detail-logo, .pdf_download_btn {
    display: flex !important;
    align-items: center;
    justify-content: center;
}
.vehicle-info.text p {
    display: block !important;
    align-items: center;
    justify-content: flex-start;
    margin: 0;
    height: 100%;
}

.vehicle-info,
.vehicle-info > p,
.vehicle-info > h1,
.vehicle-info > h2,
.vehicle-info > h3 {
    font-size: 24px!important;
    line-height: 1.3;
    font-weight:normal;
    margin:0;
    color:#696969;
}
.vehicle-info.text {
    background-color: #fff;
    padding: 10px;
}
.pdf_download_btn {
    margin-top: auto;
    max-height: 75px;
    padding: 20px;
    border: 1pt solid #000;
}

.pairs-bar {
    background-color: #262626;
    padding: 5px 15px;
    border: 1px solid #000;
}