@media only screen and (min-width:300px) and (max-width: 720px){

    .suq{
        width: 100%;
        text-align: left;
    }

    .l h2 {
        margin-left: -17px;
    }

    .f h2 {
        position: relative;
        left: 0;
        right: 0;
        top: 0;
    }

    .x1 p {
        padding-left: 30px !important;
    }

    .x1 {
        max-width: 240px;
    }
    .nd{
        padding: 5%;
        background: #98192b;
    }

    .m_br br{
        display: none
    }

    .top{
        position: relative;
        bottom: 0;
        left: 0;
        padding: 10px 5%;
        background: #98192b;
    }

    .l,.r{
        width: auto;
        float: inherit;
        padding: 10px;
    }
    p.icon1 {
        background-position: 0 15px;
    }

}