.hide {
    display: none!important;
}

.pagesize {
    content: "large";
}

.loginForm {
        background: rgba($form-bg, 0.9);
        padding: 40px;
        max-width: 80%;
        margin: 40px auto;
        border-radius: $br;
        box-shadow: 0 4px 10px 4px rgba($form-bg, 0.3);
    }

.mobile-potrait {
    display:none;
}


@media (max-width: 767px) {

    .pagesize {
        content: "extrasmall";
    }

    .selection-boxes .box-holder .box .box-controls .btn  {
        max-width: 74px;
    }

    .loginForm {
        max-width: 90%;
    }
}


@media (min-width: 768px) and (max-width: 992px) {

    .pagesize {
        content: "small";
    }
    .loginForm {
        max-width: 80%;
    }
}

@media (min-width: 993px) and (max-width: 1200px) {

    .pagesize {
        content: "medium";
    }

    .loginForm {
        max-width: 80%;
    }
}


@media (max-width: 500px) {

    .mobile-potrait {
        display:block;
    }

    .loginForm {
        max-width: 90%;
    }
}



.banner-bar {
	padding: 9px 0;
	background-color: #f2af25;
    margin-bottom: 23px;
}

@media (min-width: 1024px) {
    .banner-bar {
        margin-top: -23px;
    }
}

/*
.banner-bar .form-title {
	font-family: "fatfrank", sans-serif;
	color: #fff; 
	white-space: nowrap;
}

.banner-bar .form-title .fas {
	margin-right: 3px;
}
*/