@media(min-width:283px) {
    #image {
        width:100% !important;
        border:none;
        text-align:center;
    }

    #yw_ul {
        width:100% !important;
        float:left;
    }

    #top_img {
        width:331px !important;
        border:2px solid #008ec6;
    }

    #yw_ul_li {
        margin-right:0px !important;
    }

        #yw_ul_li li {
            line-height:40px;
        }

    .carousel-indicators {
        width:auto;
        margin-bottom:16px;
    }

}



@media(min-width:751px) {
    #image {
        width:331px !important;
    }

    #yw_ul {
        width:58.33333333% !important;
    }

    #yw_ul_li li {
        float:left;
        line-height:40px ;
    }

    #yw_ul_li {
        margin-right:-200px !important;
    }

    .carousel-indicators {
        width:60%;
         margin-bottom:16px;
    }
}