@charset "utf-8";
/*--------------media query css------------------*/
@media(max-width:1075px){
    .elevate-logo{
        display: none;
    }
}
@media(max-width:875px){

    .title-panel h1 {
        line-height: 34px;
    }
	
	.set-password-container{
	width: 100%;
	float: left;
	position: relative;
	}

    .gallery-image-container{
        width: 49%;
        padding-right: 1%;
        float: left;
    }

    .gallery-thumbnail-container{
        width: 49%;
        padding-right: 1%;
        margin-bottom: 10px;
        float: left;
    }

    .footer-links-container{
        margin-top: 10px;
        width: 100%;
    }

    .footer-logo{
        width: 60%;
        position: relative;
        float: left;
    }

    .footer-logo img{
        width: 143px;
        float: left;
    }

    .footer-logo p{
        float: left;
    }

    #backBtn {
        background-image: url('/img/frontend/mobile-back-btn.png');
        width: 28px;
    }

    #viewProfileBtn{
        float: right;
        position: relative;
        background-image: url('/img/frontend/Login-Profile-Button-MB.png');
        background-size: 100% 100%;
        text-indent: -9999px;
        height: 38px;
        width: 36px;
        border: 0;
        margin-bottom: 10px;
        margin-right: 5px;
        transition:all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s;
    }

    .macpartner-panel{
        width: 49%;
        float: left;
        padding-right: 1%;
        position: relative;
        transition:all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s;
    }

    .franchisee-profile-sub-container{
        width: 49%;
        padding-right: 1%;
    }

    .staff-profile{
        width: 24%;
        padding-right: 1%;
    }

    .franchisee-profile-sub-container{
        width: 24%;
    }

    .blank_btn_text {
        width: 90%;
        padding: 5%;
        font-size: 16px;
        bottom: 40%;
    }

    .footer-lower .copyright {
        width: 100%;
        margin-top: 10px;
        text-align: center;
    }

    .footer-lower .privacy-policy{
        width: 100%;
        margin-top: 10px;
        text-align: center;
    }

    .footer-lower .website-brand{
        width: 100%;
        text-align: center;
        margin-top: 10px;
    }


}
@media (max-width:667px) {
    .logo a img {
        width: 289.55px;
        height:123.433px;
    }

    header{
        height:123.433px;
    }

    .reset-password-container{
        width: 100%;
    }

    .overriding_icon {
        width: 50%;
        float: left;
    }

    .category-content-part-width {
        width: 100%;
        padding-left: 0%;
        float: left;
        border-left: 0px;
        margin-top: 0px;
    }


    #top_section{
        height: 30px;
    }
    .macademy-logo {
        margin-top: 50px;
    }

    .header-right .search{
        display: none;
    }

    #mobile-only-search{
        display: block;
    }

    #carousel{
        display: none;
    }



    .document-description {
        padding-left: 0px;
        padding-top: 10px;
    }

    .title-panel h1 {
        width: 50%;
        line-height: 34px;
    }

    #remember_me_checkbox{
        margin: unset;
        text-align: left;
    }

    .remember-me-container {
        bottom: 0px;
        position: absolute;
        left: 40%;
    }

    .panel {
        width: 100%;
    }

    .panel-type-b{
        width: 50%;
    }


    .login-button {
        width: 35%;
        height: 47px;
    }

    .forgotten-password-container {
        position: relative;
        left: unset;
        bottom: 0px;
        width: 100%;
        float: left;
        margin-top: 0px;
    }

    #backBtn {
        background-image: url('/img/frontend/mobile-back-btn.png');
        width: 28px;
    }

    #viewProfileBtn{
        float: right;
        position: relative;
        background-image: url('/img/frontend/Login-Profile-Button-MB.png');
        background-size: 100% 100%;
        text-indent: -9999px;
        height: 37.5px;
        width: 41px;
        border: 0;
        margin-bottom: 10px;
        margin-right: 5px;
        transition:all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s;
    }

    footer .social {
        float: right;
    }

    footer .social h3 {
        font-size: 14px;
    }

    #red-step-footer {
        height: 20px;
        margin-top: -20px;
    }

    .social a img {
        width: 47px;
        height: 47px;
    }

    .my-profile-container, .view-profile-container, .macpartners-container{
        width: 100%;
        min-width: unset;
    }

    .input-label{
        width: 100%;
    }

    .input-container{
        width: 100%;
    }

    .input-container input {
        width: 95%;
        height: 51px;
        padding-top: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
        padding-left: 5%;
        margin: 0;
        font-size: 12px;
        border: 0px;
    }

    #login-form{
        width: 100%;
    }

    .gallery-image-container{
        width: 100%;
        padding-right: unset;
        margin-bottom: 5px;
    }

    .profile-sub-container{
        width:100%;
        padding-right: 0%;
    }

    .staff-profile{
        width: 49%;
        padding-right: 1%;
    }
    .franchisee-profile-sub-container{
        width: 49%;
        padding-right: 1%;
    }

    .form-search button {
        width: 31px;
        height: 30px;
        margin-left: -3px;
    }

    .form-search input {
        height: 30px;
        width: 90px;
    }

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

    .gallery-thumbnail-container{
        width: 100%;
        padding-right: 0%;
        margin-bottom: 10px;
        float: left;
    }

    footer .social{
        float: left;
    }

    .macpartner-panel{
        width: 100%;
        float: left;
        padding-right: unset;
        position: relative;
        transition:all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s;
    }

    .staff-profile{
        width: 100%;
        padding-right: 0%;
    }

    .franchisee-profile-sub-container{
        width: 100%;
        padding-right: 0%;
    }

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

    #mobile-only-search .search .form-search input {
        width: 130px;
    }


    footer .social {
        float: left;
        margin-top: 10px;
    }
    .blank_btn_text {
        width: 90%;
        padding: 5%;
        font-size: 12px;
    }

}