/* #Media Queries
================================================== */
/* END__ */

@media (min-width: 992px) and (max-width: 1199px) {
}
/* END__ */

@media (min-width: 768px) and (max-width: 991px) {
    .wrapper-content-line [class*=col-]:first-child{ border-right:none;}
    .wrapper-vh{ min-height:inherit; background:none;}
    .wrapper{ padding-top:0; padding-bottom:40px;}
    .page-header{ padding-top:30px;}
    .page-header-pb-5{ padding-bottom:120px;}
    .character-list ul li{ padding:6px 50px 6px 12px; font-size:14px;}
    .character-listing .continue, .character-listing .continue:hover{ background-size:36px; padding-top:40px;}
    .page-bg{ min-height:inherit;}
    .character-list ul li input[type="checkbox"] + label span{ height:22px; width:22px}
    .avatar-slider a.d-block{ padding-bottom:40px;}
}
/* END__ */

@media only screen and (max-width: 767px) {
    body, .form-control, .btn , .dropdown-menu, .input-group-text, .popover-header{ font-size:1rem;}
    p {line-height:1.5rem}
    h1, .h1 {font-size:1.875rem;}
    h2, .h2 {font-size:1.6875rem;}
    h3, .h3 {font-size:1.4375rem;}
    h4, .h4 {font-size:1.25rem;}
    h5, .h5,.page-header h4 {font-size:1.125rem;}
    h6, .h6 {font-size:1rem;}
    .page-header h1{ font-size:32px;}
    .wrapper-content{ padding:0;}
    .character-list{ position:relative; z-index:100; margin-top:-100px;}
    .character-list h5{ background:#F7E2F1; color:#000;}
    .wrapper-content-line [class*=col-]:first-child{ border-right:none;}
    .wrapper-vh{ min-height:inherit; background:none}
    .wrapper{ padding-top:0; padding-bottom:40px;}
    .page-header{ padding-top:30px;}
    .page-header-pb-5{ padding-bottom:120px;}
    .character-list ul li{ padding:6px 50px 6px 12px; font-size:14px;}
    .character-listing .continue, .character-listing .continue:hover{ background-size:36px; padding-top:40px;}
    /*.page-bg{ min-height:inherit;}*/
    .character-list ul li input[type="checkbox"] + label span{ height:22px; width:22px}
    .avatar-slider a.d-block{ padding-bottom:40px;}
    body {background: url(../images/background-light-gradient.svg) no-repeat 50% 20%;}
    /*.page-header{padding-bottom: 50px;padding-top: 50px;}*/

}


/*My Css*/

@media only screen and (min-width: 768px) {
    .wrapper-bg-pink{background: #faebf6!important;}
    .rect-card {margin: 60px auto;max-width: 400px;}
    .h-100vh-md{height: 100vh;}
    #gate-3-feedback .null-card,#gate-4-feedback .null-card {    box-shadow: 0 3px 6px rgb(0 0 0 / 20%);-webkit-box-shadow: 0 3px 6px rgb(0 0 0 / 20%);background: #fff;}
    #gate-3-feedback .mybe-card .card-text.card-shadow,#gate-4-feedback .mybe-card .card-text.card-shadow{background: transparent;box-shadow: none;}
    .continue-btn.btn-md-black, .continue-btn.btn-md-black:hover{    background: url(../images/continue-small-black.png) no-repeat top center;    color: #000;    padding-top: 75px;}
    .mybe-card.null-card.type-1 {padding: 30px 25px;}
    #avatar-content{height: calc(100vh - 175px);overflow-y: scroll;}
}
@media only screen and (max-width: 767px) {
    .page-header h1 {font-size: 42px;}
    .page-header h2 {font-size: 22px;font-family: "Segoe UI",sans-serif;text-transform: uppercase;font-weight: 600;color: #F2F2F2;text-shadow: 0 3px 6px #00000029;}
    .wrapper {padding-top: 0;padding-bottom: 0;}
    .page-header{top: 7%;}
    .page-header.small-heading h1 {font-size: 38px;}
    .character-listing .continue, .character-listing .continue:hover{padding-bottom: 10px;}
    .mybe-card:not(.reponsive-same){margin: 0;    padding: 40px 15px;background: transparent;box-shadow:none;padding-bottom: 10px;}
    .mybe-card:not(.reponsive-same) .card-text{font-size: 18px;box-shadow: 0 3px 6px rgb(0 0 0 / 20%);-webkit-box-shadow: 0 3px 6px rgb(0 0 0 / 20%);    background: #fff;padding: 20px 12px;border-radius: 12px;}
    .page-header.pb-40{padding-bottom: 40px;}
    .continue-btn,.continue-btn:hover{margin-top: 15px;}
    .body-title{max-width: 100%; margin:0}
    .assessment-options .content img{  width: 90%;max-width: initial;}
    /*.assessment-options .content{min-height: calc( 100vh - 285px );}*/
    .features{padding: 15px 0;}
    .assessment-options .item img {max-width: 32px;}
    .assessment-options .item.active img {max-width: 80px;}
    .assessment-options{min-height: 180px;}
    .body-title{    padding: 15px;}
    .assessment-options .items .item.active .item-name{font-size: 28px;}
    #gate-4 .assessment-options .items .item.active .item-name {font-size: 19px;}
    .empty-space{height: 210px;}
    .intro-logo {margin: 0 auto 10px;}
    .intro-content .next-btn img{max-height: 50px;}
    .bottom-image {margin-top: 20px;}
    .type-1 div{font-size: 26px;}
    .type-1 h4.text-shadow.text-pink {font-size: 24px;}
    .mybe-card.pink-card h4{font-size: 1.5rem;}
    #gate-5-demo .body-title {margin-right: 0;}
    #gate-5-demo .empty-space {height: 185px;}
    #gate-5-demo .assessment-options .content {font-size: 18px;}
    #gate-5-demo h3 {font-size: 2rem;}
    #gate-5-demo .assessment-options .items .item.active.small-font .item-name{font-size: 18px;}
    .mybe-heading h1.active {font-size: 1.5em;}
    .avatar-img{max-height: 320px;}
    .lrm-signup-section .fieldset{flex: 0 0 100%;max-width: 100%;}
    .lrm-signup-section .lrm-integrations.lrm-integrations--register {
        flex: 0 0 33%;
        max-width: 33%;
    }
    .lrm-signup-section .lrm-fieldset-wrap .fieldset:nth-of-type(3) {
        flex: 0 0 67%;
        max-width: 67%;
    }
    .fieldset.fieldset--city, .fieldset.fieldset--postcode {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .fieldset.fieldset--religion, .fieldset.fieldset--ethnic_origin, .fieldset.fieldset--marital_status {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .expand-container .intro-logo img {
        max-height: 95px;
    }
    .page-template-login-page .intro-logo {
        margin: 0 auto 35px;
    }
    #logout-btn{top: 5px;left: 5px;padding: 5px 5px;font-size: 14px;}
}
/* iPhone X and Xs Max */
@media only screen
and (min-device-width: 375px)
and (min-device-height: 812px)
and (-webkit-device-pixel-ratio: 3)
and (orientation: portrait) {
    /*.page-header {
        padding-bottom: 100px;
        padding-top: 60px;
    }*/
}
/* END__ */

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

@media (max-width: 350px) {
    .mybe-dialog input[type="radio"]+label {font-size: 10px;}
}
/* END__ */