.single-blog-page{

    padding:10px 0 50px 0;

    background:#fff;

}

.single-blog-page{
    width:100%;
    padding:10px 0 50px;
    background:#fff;
}

.single-container{
    width:100%;
    max-width:1200px;
    margin:0 auto;
    padding:0 15px;
    box-sizing:border-box;
}


.single-thumb{

    margin-bottom:35px;

}

.single-thumb img{

    width:100%;

    height:620px;

    object-fit:cover;

    display:block;

}

.post-meta{

    display:flex;

    gap:25px;

    flex-wrap:wrap;

    margin-bottom:20px;

    font-size:13px;

    color:#777;

    text-transform:uppercase;

    letter-spacing:1px;

}

.single-title{

    font-size:46px;

    line-height:1.2;

    margin-bottom:35px;

    color:#111;

}

.single-content{

    font-size:17px;

    line-height:1.9;

    color:#555;

}

.single-content p{

    margin-bottom:28px;

}

.single-content img{

    width:100%;

    height:auto;

    margin:40px 0;

}

.single-content h2,
.single-content h3,
.single-content h4{

    margin:40px 0 20px;

}

.single-content ul,
.single-content ol{

    margin:20px 0 20px 25px;

}

.post-tags{

    margin-top:45px;

    padding-top:25px;

    border-top:1px solid #eee;

}

.post-tags a{

    display:inline-block;

    padding:8px 16px;

    margin:5px;

    border:1px solid #ddd;

    text-decoration:none;

    color:#222;

    transition:.3s;

}

.post-tags a:hover{

    background:var(--primary-color);

    color:#fff;

}

.post-navigation{

    max-width:1200px;

    margin:30px auto;

    padding-top:30px;

    border-top:1px solid #eee;

    display:flex;

    justify-content:space-between;

}

.post-navigation a{

    color:#222;

    text-decoration:none;

    font-weight:600;

}

@media(max-width:991px){

.single-thumb img{

height:450px;

}

.single-title{

font-size:36px;

}

}

@media(max-width:767px){

.single-blog-page{

padding:45px 0;

}

.single-post{

max-width:100%;

}

.single-thumb img{

height:250px;

}

.single-title{

font-size:28px;

}

.post-meta{

gap:12px;

font-size:12px;

}

.single-content{

font-size:15px;

line-height:1.8;

}

.post-navigation{

flex-direction:column;

gap:20px;

}

}