.blogSection{width:1500px;flex-grow:1;margin-top:50px;margin-bottom:50px;padding:0;}
.blogSection h2{font-size:30px;color:var(--h1-color);}
.blogSection h3{font-size:24px;color:var(--h1-color);}
.blogSection p{font-size:15px;color:var(--sub-color);}
.blogSection h1{padding-bottom:20px;}
.blogSection .blogList ul{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;}
.blogSection .blogList li{display:flex;flex-direction:column;align-items:center;gap:16px;box-shadow:1px 0px 6px rgb(0 0 0 / 24%);padding:15px;width:365px;}
.blogSection .blogList .vehList li{box-shadow:unset;padding:unset;}
.blogSection .blogList .blogImg{padding:15px;background:#fff;text-align:center;}
.blogSection .blogList .blogImg .vehimg{width:364px;height:230px;}
.blogSection .blogList .vehList{display:flex;flex-direction:column;gap:10px;margin-top:15px;margin-bottom:15px;align-items:baseline;}
.blogSection .blogList .readMore{background:var(--primary-color);color:var(--white-color);border-radius:5px;padding:4px;font-size:16px;line-height:32.61px;width:250px;overflow:hidden;display:block;text-align:center;font-weight:bold;padding:3px 0px;width:225px;cursor:pointer;border:none;}
.brand-home-page-form .headerInfo{display:flex;}
@media only screen and (max-width:801px){.blogSection{width:95%;padding:0;}}
@media only screen and (min-width:0px) and (max-width:500px){
    .blogSection .blogList .vehList{display:flex;flex-direction:row;gap:10px;margin-top:15px;margin-bottom:15px;justify-content:space-evenly;align-items:center;} 
    .blogSection .blogList li{display:flex;flex-direction:column;justify-content:center;gap:16px;} 
    .blogSection .blogList .readMore{background:var(--primary-color);color:var(--white-color);border-radius:5px;padding:4px;font-size:16px;line-height:32.61px;width:250px;overflow:hidden;display:block;text-align:center;font-weight:bold;padding:3px 0px;width:100%;cursor:pointer;} 
    .blogSection{margin:14px auto;}
    .blogSection .blogList .blogImg .vehimg{width:100%;}
    .blogSection h2{font-size:30px;color:var(--h1-color);text-align:center;}
    .blogSection h3{font-size:24px;color:var(--h1-color);text-align:center;}
    .blogSection p{font-size:15px;text-align:justify;}
}
@media only screen and (min-width:501px) and (max-width:800px){
    .blogSection .blogList .vehList{display:flex;flex-direction:row;gap:10px;margin-top:15px;margin-bottom:15px;justify-content:space-evenly;align-items:center;}
    .blogSection .blogList li{display:flex;flex-direction:column;justify-content:center;gap:16px;}
    .blogSection h2{font-size:30px;color:var(--h1-color);text-align:center;}
    .blogSection h3{font-size:24px;color:var(--h1-color);text-align:center;}
    .blogSection p{font-size:15px;text-align:justify;}
    .blogSection .blogList .readMore{background:var(--primary-color);color:var(--white-color);border-radius:5px;padding:4px;font-size:16px;line-height:32.61px;width:250px;overflow:hidden;display:block;text-align:center;font-weight:bold;padding:3px 0px;width:100%;cursor:pointer;}
}
@media only screen and (min-width:801px) and (max-width:1024px){.blogSection{margin:14px auto;padding:0;}}
@media only screen and (min-width:1025px) and (max-width:1280px){.blogSection{max-width:90%;padding:0;}}
@media only screen and (min-width:1281px) and (max-width:1419px){.blogSection{max-width:1220px;padding:0;}}
@media only screen and (min-width:1420px) and (max-width:1579px){.blogSection{max-width:1370px;padding:0;margin:14px auto;}}
@media only screen and (min-width:1580px){.blogSection .blogList .blogImg .vehimg{width:440px;height:265px;} .blogSection .blogList li{display:flex;flex-direction:column;align-items:center;gap:16px;box-shadow:1px 0px 6px rgb(0 0 0 / 24%);padding:15px;width:450px;}}