@media only screen and (min-width:320px) and (max-width:420px) {
              .blog__desc img{
        width:100% !important;
    }
    body{
        overflow-x: hidden;
    }

    }

    .imgresp
    {
        width: 100%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 10px; 
    }
    .accordion>.card>.card-header{
    background: #233d63;
    color: white;
    font-size: 18px;
    text-transform: capitalize;
    font-weight: 600;
    }
    .accordin p{
    font-size: 16px;
    color: #677286;
    font-weight: 500;
    line-height: 28px;
    }
    .accordion .card-header:after {
    font-family: 'FontAwesome';  
    content: "\f068";
    float: right; 
}
.accordion {
    font-size: 16px !important;
    color: #677286 !important;
    font-weight: 500 !important;
    line-height: 28px !important;
}
.accordion img{
    width:200px !important;
    height: 200px !important;
}
.accordion .card-header.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\f067"; 
}