@media screen and (max-width:480px) {
    body,
    html,
    * {
        padding: 0;
        margin: 0;
        box-sizing: border-box;
    }
    #wrapper .wrap-top .content .left-menu {
        margin: 0 auto;
        position: relative;
    }
    #wrapper .wrap-middle .content .box {
        display: block;
        width: 100%;
        float: none;
        clear: both;
    }
    #wrapper .wrap-bottom .content .fancybox .span6 {
        display: block;
        width: 100%;
        position: relative;
    }
    #wrapper .wrap-top .content .main {
        display: block;
        padding: 30px;
        width: 100%;
        position: relative;
    }
    #wrapper .wrap-top .content .top-menu ul li {
        padding-left:0;
    }
    #wrapper .wrap-bottom .content,
    #wrapper .wrap-middle .content,
    #wrapper .wrap-top .content,
    #wrapper .wrap-footer .content {
        width: 100%;
        overflow: auto;
        position: relative;
    }
    #wrapper .wrap-middle {
        height: auto;
        padding: 0;
        background-repeat: repeat;
    }
    #wrapper .wrap-middle .content .box {
        height: auto;
        padding: 35px 20px;
        min-height: 340px;
        text-align:center;
    }
    #wrapper .wrap-middle .content .box.twitter {
        background:#000;
    }
    #wrapper .wrap-bottom .content .fancybox .span6.two {
        margin: 0;
    }
    #wrapper .wrap-middle .content .box.first {
        padding-left: 20px;
    }
    #wrapper .wrap-top {
        background: none;
        padding:0;
    }
    #wrapper .wrap-top .content {
        display: flex;
        flex-direction: column;
    }
    #wrapper .wrap-bottom .content .slideshow > h2 span.stars {
    background-position: center 4px;
    }
    #wrapper .wrap-top .content .left-menu {
        order: 2;top:0;
    }
    #wrapper .wrap-top .content .top-menu {
        order: 1;
        position: relative;
        top:0;

    }
    #wrapper .wrap-top .content .top-menu ul li {
        display: none;
    }
    #wrapper .wrap-top .content .top-menu ul,
    #wrapper .wrap-top .content .top-menu ul li:last-child {
        display: block;
        width: 100%;
        text-align:center;
    }
    #wrapper .wrap-middle .content .box > .text {
        height: auto;
        min-height: 140px;
    }
    #wrapper .wrap-middle .button {
        float: none;
        clear: both;
    }
    #wrapper .wrap-top .content .top-menu ul{
    background: url('../images/top-menubg.png') repeat-x;
        width:100%;
        padding:8px 0;
        }
    #wrapper .wrap-top .content .main {
        order: 3;
        display:flex;
        flex-direction:column;
    }
    #wrapper .wrap-top .content .main .pull-right, #wrapper .wrap-top .content .main img.pull-right {
        order:3; display:flex;
        float:none;
        width:100%;
        max-width:100%;
        margin:0 auto;
        clear:both;
    }
    #wrapper .wrap-top .content .main .text p:last-child {
        margin-bottom:0;
        padding-bottom:30px;
            }
    #wrapper .wrap-top .content .main h1 {
        margin-top:0;
        padding-top:0;
    }
    #wrapper .wrap-top .content .main h1 br {
        display:none;
    }
    #wrapper .wrap-bottom .content .slideshow > h2 span.stars {
        display:block;
        padding:20px;

    }
    #wrapper .wrap-bottom .content .slideshow a.prev.pull-left, #wrapper .wrap-bottom .content .slideshow a.next.pull-right{
        margin-top:0;
        z-index:999999;
        position:relative;
        padding:10px;
        background:#fff;
        border:1px solid #ededed;
        margin-top:30px;
    }
    #wrapper .wrap-bottom .content .slideshow .jcarslider {
        overflow: hidden;
        width:100% !important;
        max-height: auto;
        top:-90px;
        z-index:2;
        margin-bottom:-90px;
    }
    #wrapper .wrap-bottom .content .slideshow {
        position:relative;
        overflow-x: hidden;
    }
    #wrapper .wrap-bottom .content .fancybox .span6.two .content-box .accordion .item .span1, #wrapper .wrap-bottom .content .fancybox .span6.one .content-box .comments .comment .span1 {
        padding: 5px; width:55px;
    }
    #wrapper .wrap-bottom .content .fancybox .span6.two .content-box .accordion .item .span5, #wrapper .wrap-bottom .content .fancybox .span6.two .content-box .accordion .item .span1, #wrapper .wrap-bottom .content .fancybox .span6.one .content-box .comments .comment .span5 {
    display:table-cell;
    }
    #wrapper .wrap-bottom .content .fancybox .span6.two .content-box .accordion .item .span5, #wrapper .wrap-bottom .content .fancybox .span6.one .content-box .comments .comment .span5 {
        width:calc(100% - 55px);
        width:100%;
    }
    #wrapper .wrap-bottom .content .fancybox .span6.two .content-box .accordion .item, #wrapper .wrap-bottom .content .fancybox .span6.one .content-box .comments .comment {
        display:table;
        width:100%;
    }
    #wrapper .wrap-footer {
        padding:30px;
    }
    #wrapper .wrap-footer .content p span {
        display:block;
        padding-top:10px;
    }
    #wrapper .wrap-bottom .content .fancybox .span6.one .content-box .new-comment input[type="submit"], #wrapper .wrap-bottom .content .fancybox .span6.one .content-box .new-comment textarea,#wrapper .wrap-bottom .content .fancybox .span6.one .content-box .new-comment input[type="text"] {
        margin-top:10px;
        width: 100%;
        min-height:40px;
    }
    #wrapper .wrap-bottom .content .fancybox .span6.one .content-box .new-comment textarea {
        margin-bottom:0;
    }
    #wrapper .wrap-bottom .content .fancybox .span6 h2 {
        margin-left:20px;
    }
}