@media (min-width: 1601px) {
    .is-nav-hidden .l-masterNav {
        display: flex;
    }
    .l-masterHeader-toggleMenu {
        display: none;
    }
    .l-masterHeader-container {
        width: calc(100% - 250px);
    }
    .l-masterHeader-container.no-Menu {
        width: 100%;
    }
}

@media screen and (min-width: 950px) and (max-width: 1600px) {
    .is-nav-hidden .l-masterNav {
        display: none;
    }
    .l-master .l-masterHeader .l-masterHeader-logo {
        padding-left: 0;
    }
}

@media screen and (min-width: 650px) and (max-width: 950px) {
    .is-nav-hidden .l-masterNav {
        display: none;
    }
    .l-master .l-masterHeader .l-masterHeader-logo {
        padding-left: 0;
    }
    .l-gridCol-colFixed {
        -webkit-flex: 1 0 100%;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%;
        max-width: 100%;
    }
    .l-gridCol-col3 {
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }
    .l-gridCol-col4 {
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .l-gridCol-col6 {
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .l-gridCol-col8 {
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .l-gridCol-col9 {
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .l-gridCol-col12 {
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .l-backgroundCover {
        height: 130px;
        min-height: 130px;
    }
    .l-backgroundCover + .l-masterBody-content {
        margin-top: -65px;
    }
}

@media screen and (max-width: 650px) {
    .is-nav-hidden .l-masterNav {
        display: none;
    }
    .l-master .l-masterHeader .l-masterHeader-logo {
        padding-left: 0;
    }
    .l-backgroundCover.no-bevel {
        height: 100px;
        min-height: 100px;
    }
    .l-backgroundCover.no-bevel.is-large {
        height: 130px;
    }
    .l-panel {
        margin: 5px 10px;
    }
    .l-panel.no-margin {
        margin: 0;
    }
    .l-noPanel {
        margin: 5px 0;
    }
    .l-gridCol-colFixed {
        -webkit-flex: 1 0 100%;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%;
        max-width: 100%;
    }
    .l-gridCol-col3 {
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .l-gridCol-col4 {
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .l-gridCol-col6 {
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .l-gridCol-col8 {
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .l-gridCol-col9 {
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .l-gridCol-col12 {
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .l-backgroundCover {
        height: 100px;
        min-height: 100px;
    }
    .l-backgroundCover + .l-masterBody-content {
        margin-top: -35px;
    }
}

@media screen and (min-width: 650px) and (max-width: 950px) {
    .PictoCard.is-big {
        font-size: 2.5em;
    }
    .PaymentModalContainer {
        margin-left: -35% !important;
        width: 70% !important;
    }
}

@media screen and (max-width: 650px) {
    .UserCardColumn-body {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        padding: 10px;
        text-align: left;
    }
    .UserCardColumn-container {
        margin-left: 10px;
        margin-top: 0;
        display: inline-block;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    }
    .UserCardColumn-content {
        -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    }
    .UserCardColumn-complement {
        -webkit-flex: initial initial initial;
        -ms-flex: initial initial initial;
        flex: initial initial initial;
        width: 110px;
    }
    .UserImage {
        width: 50px;
        height: 50px;
        min-width: 50px;
        min-height: 50px;
        border-radius: 25px;
        background-size: cover !important;
        text-align: center;
        font-size: 1.5em;
    }
    .UserImage.is-size110 {
        width: 90px;
        height: 90px;
        min-width: 90px;
        min-height: 90px;
        border-radius: 45px;
        background-size: cover !important;
        text-align: center;
    }
    .ActorImage {
        width: 50px;
        height: 50px;
        min-width: 50px;
        min-height: 50px;
        border-radius: 25px;
        background-size: cover !important;
        text-align: center;
        font-size: 1.5em;
    }
    .ActorImage.is-size110 {
        width: 90px;
        height: 90px;
        min-width: 90px;
        min-height: 90px;
        border-radius: 45px;
        background-size: cover !important;
        text-align: center;
    }
    .HeaderSessionCard-container {
        display: inline-block;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .ListItemCard-body {
        align-items: flex-start;
    }
    .ListItemCard-container {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: flex-start;
        -ms-flex-align: flex-start;
        align-items: flex-start;
    }
    .ListItemCard-complement .KebabMenu {
        position: absolute;
        top: 0;
        right: 0;
    }
    .ListItemCard-action-label {
        display: none;
    }
    .OrderListItemCard-title {
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    }
    .OrderListItemCard-title h3::after {
        display: none;
    }
    .OrderListItemCard-content {
        display: inline-block;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
        -webkit-align-items: flex-start;
        -ms-flex-align: flex-start;
        align-items: flex-start;
        -webkit-justify-content: space-around;
        -ms-flex-pack: space-around;
        justify-content: space-around;
        position: relative;
    }
    .OrderListItemCard-text {
        padding-left: 10px;
    }
    .OrderListItemCard-actionButtons .KebabMenu {
        position: absolute;
        top: 0;
        right: 0;
    }
    .PictoCard.is-big {
        font-size: 1.5em;
    }
    .ResourceCard-body {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        min-height: 110px;
    }
    .ResourceCard-image {
        width: 110px;
        height: 110px;
    }
    .ResourceCard-origin {
        display: none;
    }
    .ResourceCard-iconContainer {
        bottom: 5px;
        right: 5px;
    }
    .ResourceCard-icon {
        width: 40px;
        height: 40px;
        min-width: 40px;
        min-height: 40px;
        border-radius: 20px;
        background-size: cover !important;
        text-align: center;
    }
    .ResourceCard-container {
        padding: 0 10px;
    }
    .ResourceCard-complement .PictoCard {
        font-size: 0.85em;
    }
    .ResourceCard-text {
        display: none;
    }
    .ResourceCard-actions {
        display: inline-block;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: flex-start;
        justify-content: flex-start;
    }
    .HeaderUserCard {
        text-align: center;
    }
    .HeaderUserCard-body {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 5px;
    }
    .HeaderUserCard-image {
        width: 90px;
        height: 90px;
        border-radius: 45px;
        margin: 10px auto;
    }
    .HeaderUserCard-container {
        display: inline-block;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        margin-left: 0;
    }
    .HeaderUserCard-content {
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
    }
    .HeaderUserCard-action {
        margin: auto;
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
    }
    .HeaderUserCard-secondarytext {
        display: none;
    }
    .HeaderUserCard-Button {
        margin: auto;
    }
    .ProfileUserCard {
        display: inline-block;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .ProfileUserCard-action {
        margin-left: auto;
        min-height: 0;
    }
    .GridView-header {
        display: none;
    }
    .GridView-header .FieldHeader,
    .GridView-row .FieldData {
        display: block !important;
        padding: 5px;
        width: 100% !important;
        text-align: left;
    }
    .GridView-row td.is-header,
    .GridView-row td:nth-child(-n+2) {
        border-bottom: 0 none;
        display: inline-block !important;
        min-height: 30px;
        width: auto !important;
    }
    .GridView-row td:before {
        content: attr(data-th);
        font-weight: bold;
        display: inline-block !important;
        width: 160px;
    }
    .GridView-row td.is-header:before,
    .GridView-row td:nth-child(-n+2):before,
    .GridView tr td.header:before {
        width: 0;
        display: none !important;
    }
    .GridView tr.Pager td:before {
        display: none !important;
    }
    .GridView .RowSelectorField {
        width: auto;
    }
    .GridView div.enumeration16 SPAN {
        float: none;
    }
    .GridView div.enumeration16 {
        display: inline-block;
    }
    .GridView tr.Pager td {
        display: table-cell;
        float: none !important;
    }
    .ImageLinkCard {
        height: 120px;
    }
    .ImageLinkCard-image {
        height: 120px;
    }
    .ImageLinkCardList {
        height: 120px;
    }
    .ImageLinkCard-title {
        top: 80px;
    }
    .ImageLinkCardList-slideButtons {
        top: 2%;
    }
    .MyProfileImage-container {
        padding: 4px;
        margin: -35px 0 0;
    }
    /*.MyProfileImage{
        flex-direction:column;
    }*/
    .MyProfileImage-image {
        width: 100px;
        height: 100px;
        min-width: 100px;
        min-height: 100px;
        border-radius: 50px;
        background-size: cover !important;
        text-align: center;
    }
    .MyProfileImage-actions {
        width: 30px;
        height: 30px;
        min-width: 30px;
        min-height: 30px;
        border-radius: 15px;
        background-size: cover !important;
        text-align: center;
        font-size: 0.9em;
    }
    .MyProfileImage-actions.is-header {
        right: 10px;
    }
    .MyProfileImage-actions .KebabMenu {
        height: 30px;
    }
    .MyProfileImage-links {
        min-width: 100px;
        width: 100px;
    }
    .EnumerationField .RadComboBox {
        width: auto !important;
    }
    .PaymentModalContainer {
        top: 20px;
        left: 0;
        margin: 5%;
        width: 90%;
    }
    .InterviewImage-intro {
        max-height: 150px;
    }
    .SmallButton-text {
        display: none;
    }
    .jquery-notebook.bubble {
        top: -40px;
    }
}

@media (min-width: 1601px) {
    .Hotspot-marker {
        font-size: 30px;
        margin-left: -15px;
        margin-top: -15px;
    }
}

@media screen and (min-width: 950px) and (max-width: 1600px) {
    .Hotspot-marker {
        font-size: 30px;
        margin-left: -15px;
        margin-top: -15px;
    }
}

@media screen and (min-width: 650px) and (max-width: 950px) {
    .l-responsiveHidden {
        display: none;
    }
    .CatalogTheme-image {
        height: 130px;
    }
    .CatalogTheme-text {
        display: none;
    }
    .ResourcesCatalog .UserCardColumn-body {
        min-height: 280px;
    }
    .Hotspot-marker {
        font-size: 20px;
        margin-left: -10px;
        margin-top: -10px;
    }
}

@media screen and (max-width: 650px) {
    .LoginPage-body .LoginPage-mainForm .LoginPage-languageField,
    .LoginPage-divErrorLogin,
    .LoginPage-normalText,
    .LoginPage-inputField {
        width: 90% !important;
    }
    .LoginPage-normalText {
        margin: 0 5% 1em 5% !important;
    }
    .LoginPage-divErrorLogin {
        margin: 0 5% 0 5% !important;
    }
    .LoginPage-panel {
        margin: 0 !important;
    }
    .LoginPage-mainForm {
        max-width: 100% !important;
        min-height: 100vh;
        box-sizing: border-box;
    }
    .LoginPage-body .RadAjaxPanel {
        height: auto !important;
    }
    .l-responsiveHidden {
        display: none;
    }
    .CatalogTheme-image {
        height: 90px;
    }
    .CatalogTheme-title {
        margin-top: 0;
        padding-top: 0;
        font-size: 1.2em;
    }
    .CatalogTheme-complement {
        font-size: 1em;
    }
    .CatalogTheme-breadcrumb {
        padding: 5px;
    }
    .CatalogTheme-text {
        display: none;
    }
    .ResourceCard-body.is-opened {
        position: relative;
    }
    .Hotspot-marker {
        font-size: 20px;
        margin-left: -10px;
        margin-top: -10px;
    }
    .SpeCapsEditorCss .CapsEditor-primaryActions {
        display: none;
    }
    .SpeCapsEditorCss .CapsEditor-responsiveActions {
        display: block;
    }
}