@media (max-width: 1150px) {
    #container{
        margin:0 auto;
        width:100%;
        background:url('gfx/parallaxbg/topbg.jpg') no-repeat right center;
    }
    .defbox{
        padding:10px;
        margin:0 auto;
        background:rgba(0,0,0,0.8);
    }
    #fblikebox {
        position: relative;
        right: 0px;
        top: 0px;
    }

    .itemeq.mode_craft {
        width:70px;
        margin:10px 15px;
    }

    .imgframe.craft {
        width: 70px;
        height: 70px;
    }

    .imgframe.craft .imgpic {
        width: 70px;
        height: 70px;
    }

}
@media (max-width: 767px) {

    .ui-dialog{
        width:98% !important;
        margin-left:1%;
    }
    .ui-dialog img{
        width:90%; 
    }


    #container {
        margin: 0px auto;
        width: 100%;
        background: transparent url("gfx/parallaxbg/topbg.jpg") no-repeat scroll right center;
    }

    .monster_splash{
        display:none;
    }

    #header {
        width: 100%;
        background-size:80%;
        height: 0px;
        padding-top:27%;
        margin-bottom:5%;
        background-position:top center;
    }
    #header h2{
        position:relative;
        font-size:15px;
        text-align:center;
    }
    #dimlight,#messenger {
        display:none;
    }

    #content {
        width: 100%;
        margin: 0px auto;
        min-height: 300px;
    }

    #inner {
        width: 100%;
    }

    #footer {
        min-width: 0px;
    }   

}
@media (max-width: 720px) {
    p{
        font-size:13px;
    }
    .hero .icon img{
        width:60%;
    }
}

@media (max-width: 600px) {
    #hero-type,.helptext{
        display:none;
    }

}