@media only screen and (min-width:320px) {

    body {
        font-family: Tahoma;
        font-size:13px;
        margin: 0;
        padding: 0;
        width:100%;
        height:100%;
    }

    header {
        background-color: #fff;
        width: 100%;
        margin: 50px auto 0px;
    }

    section {
        background-color: #fff;
        width: 100%;
        margin: 0 auto;
    }

    footer {
        width: 100%;
        text-align: center;
        font-size:10px;
        padding-bottom: 10px;
    }

    .logo {
        margin: 0 auto;
        width:200px;
    }

    #Wrapper {
        width: 100%;
        height: 100%;
        overflow: hidden;
        /*vertical-align: middle;*/
    }

    #loginBox {
        display: block;
        width:70%;
        height:240px;
        /*Border Radius*/
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        /*Border & Background*/
        border: 15px solid #d9e2c2;
        background-color: #fff;
        /*Align box in center of webpage*/
        margin: 0px auto;
        padding: 0px;
    }

    #MBox {
        display: block;
        width:80%;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        border: 5px solid #d9e2c2;
        color: red;
        background-color: #fff;
        margin:5% auto;
        padding: 0px;
        text-align: center;
    }

    .textbox {
        line-height: 2;
        height: 30px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        border: 1px solid #d9e2c2;
        width: 200px;
        color: #3d3d3d;
    }

    .title_login {
        background: #68724e;
        border-bottom: 1px solid #68724e;
        color: #000;
        line-height:2.5;
        text-align: left;
        /*text-shadow: 1px 1px 0px rgba(255,255,255,.5);*/
        -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .2);
        box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .2);
        padding-left: 7px;
    }

    .content {
        width:100%;
        margin: 20px auto;
        padding:5px;
        text-align: center;
    }

    .btn {
        background-color: #68724e;
        color: #fff;
        border:0px;
        line-height:1.5;
        border-radius:5px;
        -moz-border-radius: 5px 5px 5px 5px;
        -webkit-border-radius: 5px 5px 5px 5px;
        padding:5px 9px 5px 9px;
    }

    .break {
        clear: both;
        height: 3px;
        display: block;
    }

    .msg {
        background-color: #f7bdbd;
        border: 0px;
        line-height: 1.5;
        border-radius: 5px;
        -moz-border-radius: 5px 5px 5px 5px;
        -webkit-border-radius: 5px 5px 5px 5px;
        width:85%;
        margin: 10px auto;
    }

    .floatleft {
        float: left;
    }

    .label {
        width:100%;
        text-align: left;
        line-height: 2;
    }

}
@media only screen and (min-width:600px) {
    body {
        font-family: Tahoma;
        font-size: 14px;
        margin: 0;
        padding: 0;
        width: 100%;
        height: 100%;
    }

    header {
        background-color: #fff;
        width: 100%;
        margin: 50px auto 0px;
    }

    section {
        background-color: #fff;
        width: 100%;
        margin: 0 auto;
    }

    footer {
        width: 100%;
        text-align: center;
        font-size:14px;
        padding-bottom: 10px;
    }

    .logo {
        margin: 0 auto;
        width: 200px;
    }

    #Wrapper {
        width: 100%;
        height: 100%;
        overflow: hidden;
        /*vertical-align: middle;*/
    }

    #loginBox {
        display: block;
        width:330px;
        height:230px;
        /*Border Radius*/
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        /*Border & Background*/
        border: 15px solid #d9e2c2;
        background-color: #fff;
        /*Align box in center of webpage*/
        margin: 0px auto;
        padding: 0px;
    }

    #MBox {
        display: block;
        width: 550px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        border: 5px solid #d9e2c2;
        color: red;
        background-color: #fff;
        margin: 25px auto;
        padding: 0px;
        text-align: center;
    }

    .textbox {
        line-height: 2;
        height: 30px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        border: 1px solid #d9e2c2;
        width: 200px;
        color: #3d3d3d;
    }

    .title_login {
        background: #68724e;
        border-bottom: 1px solid #68724e;
        color: #000;
        line-height: 3;
        text-align: left;
        /*text-shadow: 1px 1px 0px rgba(255,255,255,.5);*/
        -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .2);
        box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .2);
        padding-left: 7px;
    }

    .content {
        width: 300px;
        margin: 20px auto;
        padding: 5px;
        text-align: center;
    }

    .btn {
        background-color: #68724e;
        color: #fff;
        border: 0px;
        line-height: 1.5;
        border-radius: 5px;
        -moz-border-radius: 5px 5px 5px 5px;
        -webkit-border-radius: 5px 5px 5px 5px;
        padding: 5px 9px 5px 9px;
    }

    .break {
        clear: both;
        height: 3px;
        display: block;
    }

    .msg {
        background-color: #f7bdbd;
        border: 0px;
        line-height: 1.5;
        border-radius: 5px;
        -moz-border-radius: 5px 5px 5px 5px;
        -webkit-border-radius: 5px 5px 5px 5px;
        width: 95%;
        margin: 10px auto;
    }


    .floatleft {
        float: left;
    }

    .label {
        width: 90px;
        text-align: right;
        line-height: 2;
    }
    #basicmodalcontent{display:none;margin:0;padding:0;}

/* Overlay */
#simplemodal-overlay {background-color:#000;}

/* Container */
/*#simplemodal-container {height:360px; width:600px; color:#bbb; background-color:#333; border:4px solid #444; padding:12px;}*/
/*#simplemodal-container .simplemodal-data {padding:8px;}*/
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;}
/*#simplemodal-container a {color:#ddd;}*/
/*#simplemodal-container a.modalCloseImg {background:url(../../images/modal/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-10px; right:-14px; cursor:pointer;}*/
#simplemodal-container h3 {color:#84b8d9;}


#simplemodal-container
{
    /*padding-top:40px;
    padding-bottom:0px;*/
    width:390px;
    height:300px;
    margin:0;
    padding:0;
    background-color:#fff;
    border:15px solid #4e7086;
    z-index:10;
    text-align:center;

}
}