/* RESPONSIVENESS */
@media only screen and (min-width: 860px) and (max-width: 1300px) {
	.full-width, .one-half, .one-third, .two-thirds, .three-fourths, .four-sixths, .five-sixths, .three-fifths, .four-fifths {
        float: none;
		width:100%;
	}
    .one-third {
        width: 33%;
    }
    .one-third .one-half label {
        margin-right: 2%;
        width: 23%;
    }
    .one-third .one-half input {
        margin-right: 0;
        width: 90%;
        padding-left: 1%;
        padding-right: 1%;
    }
    .one-third .one-half label + input {
        margin-left: 0%;
        width: 65%;
    }
    .one-third .one-half [type="submit"],
    .one-third .one-half [type="reset"] {
        float: none;
    }
	.one-fourth, .one-fifth, .two-fifths, .one-sixth, .two-sixths  {
        /*float: left;*/
		width:50%;
	}
    .three-fourths input,
    .three-fourths label.standard {
        float: none;
    }
    #login-mobile .one-sixth  {
        float: left;
        width: 33.33%;
    }
	#login-compatible{top: 777px;}
	#login-mobile .login-mobile-images div {padding-bottom: 27px;}
	#whatsnew .one-half {
        float: left;
        width:50%;
    }
	#login_wrapper .one-half {
        float: left;
        width:50%;
    }
	#whatsnew { top: 54%; }
}

@media only screen and (max-width: 1150px) {
    #header .logged-as {
        display: none;
    }
}

@media only screen and (max-width: 1024px) {
    #logo {
        padding-left: 10px;
        padding-right: 10px;
        width: 190px;
    }

    #logo a.logo {
        width: 100%;
    }

    #general-options {
        padding-left: 10px;
        padding-right: 10px;
    }

    #userinfo {
        margin-right: 10px;
    }

    #header + .table {
        display: block;
    }

    #header .chzn-container {
        width: 300px !important;
    }

    nav#sidebar,
    section#playground {
        margin: 15px 0;
    }

    nav#sidebar {
        display: none;
    }

    section#playground {
        display: block;
    }
/*}

@media only screen and (max-width: 860px) {*/
	.full-width, .one-half, .one-third, .two-thirds, .one-fourth, .three-fourths,
	.one-fifth, .two-fifths, .three-fifths, .four-fifths, .one-sixth, .two-sixths, .four-sixths, .five-sixths {
        float: none;
		width:100%;
	}
	#login-mobile .one-sixth {
        float: left;
		width: 50%;
	}
	#login-compatible{top: 1112px;}
	#login-mobile .login-mobile-images div {padding-bottom: 27px;}
	#login_wrapper .loginbutton,
    #login_wrapper .forgotpassword {
        margin-top: 30px;
    }
	
	#login_wrapper .one-half {
        float: left;
        width:50%;
    }
	#responsive-nav { display:inline-block; }
	#playground { padding: 0 0 0 25px; }
	#userinfo { display:none!important; }
	/*#header figure#logo a.logo { margin:15px!important; }*/
	#logo {
        float: none;
        width: auto;
    }
	#container { background-image: none!important; }
	.searchbar { display:none!important; }
	#whatsnew .one-half { width:50%; }
	#popup, #font-carres, #shadow, #quit, #getavis { display:none!important; }
	#container {-webkit-filter: none!important; -moz-filter: none!important; -o-filter: none!important; -ms-filter: none!important; filter: none!important;}
    #general-options {
        float: none;
        text-align: center;
    }
    #general-options form {
        float: none;
        margin-bottom: 5px;
    }
    #header .fleft,
    #header .field-box {
        float: none;
    }
    .dashboard div.module-list {
        position: relative;
        top: -47px;
        right: -3%;
    }

    body div.SnapABug_Button {
        right: 5%;
        left: auto;
    }
    .dashboard .module-list div.modules {
        top: 0;
        padding-top: 5px;
        border-top: 1px solid #fff;
    }

    #rows td {
        padding: 5px;
    }

    #rows .mobile {
        display: none;
    }

    #header #toggle-menu {
        display: block;
    }

    #playground > .box {
        margin-right: 0;
    }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	#login-container { bottom: 42%; }
	#container { position:inherit; }
	/*.breadcrumb { display:none!important; }*/
	/*.searchbar { display:none!important; }*/
	/*#userinfo { display:none!important; }*/
	/*#general-options { display:none!important; }*/
	/*.widget-set { display:none!important; }*/
	
	#responsive-nav .jqTransformSelectWrapper {  }
	#responsive-nav .jqTransformSelectWrapper ul {  height:auto!important; }
	#responsive-nav .jqTransformSelectWrapper div span {  }
	ul.no-bullets, ol.no-bullets { padding:0px!important; }
	.reminder li label { font-size:12px!important; }
	.reminder li .number { font-size:14px!important; }
	#login_wrapper .one-half {
        float: left;
        width:50%;
    }
}
@media only screen and (max-width: 480px) {
	#popup, #font-carres, #shadow { display:none!important; }
	#login_wrapper {
        width:90%;
        text-align: center;
    }
    #login_wrapper .loginbutton {
        margin-top: 30px;
    }
    #login_wrapper .forgotpassword {
        margin-top: 5px;
    }
	#login_wrapper input[type=text], #login_wrapper input[type=password] { width:207px!important; }
	#container { position:inherit; }
	.breadcrumb { display:none!important; }
	/*.searchbar { display:none!important; }
	#userinfo { display:none!important; }
	#general-options { display:none!important; }
	.widget-set { display:none!important; }*/
	/*#responsive-nav { padding:0px 30px; float:none; }*/
	#responsive-nav .jqTransformSelectWrapper { width:250px!important; }
	#responsive-nav .jqTransformSelectWrapper ul { width:248px!important; height:auto!important; }
	#responsive-nav .jqTransformSelectWrapper div span { width:210px!important; }
	ul.no-bullets, ol.no-bullets { padding:0px!important; }
	.reminder li label { font-size:12px!important; }
	.reminder li .number { font-size:14px!important; }
	#login_wrapper .one-half {
        float: none;
        width: 100%;
    }
    #login-header {
        height: auto;
        padding-bottom: 5px;
        padding-top: 5px;
    }
    #login-header a,
    #login-header input {
        display: block;
        float: none;
        text-align: center;
        width: 100%;
        margin: 5px 0;
        padding: 0;
    }
    #login-header a,
    #login-header input {
        float: none !important;
    }
    #login-header input {
        display: block !important;
        margin: 5px 0 !important;
        padding: 0 !important;
    }
    #login-header form {
        float: none !important;
    }
    #login_wrapper .field-box,
    #login_wrapper label,
    #login_wrapper input {
        float: none;
    }
    #login_wrapper label {
        margin-top: 10px;
    }
    #login_wrapper input {
        margin-right: 0;
    }
    #login_wrapper .button.tiny {
        margin: 0 auto;
        width: 78%;
    }
}

@media only screen and (max-width: 560px) {
    #header section.widgets > span {
        display: block;
    }
}