.blog-nav-item{
    color: black;
    font-size: 15px !important;
}
.close-icon{
    color: white !important;
}

.menu-icon span{
    background-color: black !important;
}
.bg-and-its-content{
    height: 17vh;
}
/* blog page properties*/
.all-blogs-body{
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    min-height: 90vh;
}
.all-blogs-heading{
    text-align: center;
    margin-bottom: 50px;
}
.branding-section{
    display: grid;
    grid-template-columns: 33% 33% 33%;
}
.branding-content{
    width: 100% !important;
}


.blog-body{
    width: 65%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
}
.blog-heading{
    margin-bottom: 15px;
}
.blog-img{
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
}
.blog-content{
    margin-bottom: 40px;
}
.blog-subheading{
    margin-bottom: 10px;
}
.blog-img img{
    width: 100%;
}
.footer{
    margin-top: 100px;
}

@media (max-width: 991px){
    .blog-nav-item{
        color: white;
        font-size: 15px !important;
    }
}
@media (max-width: 860px){
    .branding-section{
        grid-template-columns: 50% 50%;
    }
}
@media (max-width: 600px){
    .branding-section{
        grid-template-columns: 100%;
    }
}