.teensdetail{
    margin-top: 50px;
}
.teensdetail .teensdetail__all .teensdetail__main {
    margin-top: 60px;
}
.teensdetail .teensdetail__all .teensdetail__main .teensdetail__head{
    margin:0 auto;
    max-width: 856px;
    text-align: center;
}
.teensdetail .teensdetail__all .teensdetail__main .teensdetail__head h5{
    margin-top: 40px;
    color: var(--color-blue);
}
.teensdetail .teensdetail__all .teensdetail__main .teensdetail__img{
    width: 631px;
    height: 390px;
    margin: 0 auto;
    margin-top: 60px;
}
.teensdetail .teensdetail__all .teensdetail__main .teensdetail__text{
    max-width: 857px;
    color: var(--color-grey);
    margin-top: 60px;
}

.teensdetail .teensdetail__all .teensdetail__main .teensdetail__text h5{
    margin-bottom: 30px;
    color: var(--color-black);
}

.teensdetail .teensdetail__all .teensdetail__main .teensdetail__text h5{
    margin-bottom: 30px;
    color: var(--color-black);
}

.teensdetail .teensdetail__all .blog__more{
    margin-top: 100px;
    
}
/* responsive start */
@media screen and(max-width:768px){
    .teensdetail .teensdetail__all .teensdetail__main .teensdetail__img{
        width: 100%;
        height: 300px;
    }
    .teensdetail .teensdetail__all .teensdetail__main .teensdetail__img img{
       object-fit: contain;
    }
}
@media screen and (max-width:480px){
    .teensdetail .teensdetail__all .teensdetail__main .teensdetail__img{
        height:180px;
    }
    
}


/* responsive end */