@media screen and (max-width: 1366px) {
    .narrow-wrapper {width: calc(1366px - 755px);max-width: 100%;}
    .large-wrapper {width: calc(1366px - 120px);max-width: 100%;}
    .middle-wrapper {width: calc(1366px - 235px);max-width: 100%;}
    .small-wrapper {width: calc(1366px - 275px);max-width: 100%;}
    .smallest-wrapper {width: calc(1366px - 455px);max-width: 100%;}
    .logo-image img {height: 80px;}
}

@media screen and (max-width: 1150px) {
    .home-banner-bg{background-color: rgba(0, 0, 0, 0.45);}
    .home-banner-info-content h3{color: #ffffff;}
    .two-columns.activity-columns > div {width: 100%;}
    .two-columns.column-with-border.activity-columns > div {border-bottom: 1px solid #e5e5e5;}
    .large-wrapper {width: calc(100% - 120px);max-width: 100%;}
}

@media screen and (max-width: 1000px) {
    .three-columns.column-with-border > div:first-of-type {border-bottom: 1px solid #e5e5e5;}
    .three-columns > div:first-of-type {width: 100%;margin-bottom: 20px;padding-bottom: 20px;}
    .three-columns > div.completed-challenges-holder {margin-bottom: 0;}
    .three-columns.column-with-border > div:nth-of-type(n+2) {width: calc(50% + 1px);}
    .three-columns > div:nth-of-type(n+2) {width: 50%;}
    #message-list{min-height: auto;}
}

@media screen and (max-width: 850px) {
    .modal-dialog .two-columns > div {width: 100%;}
    .leader-list-holder {column-count: 1;}
    .leader-list-holder .elements {column-count: 1;}
    div.side-tab-controls-holder {display: none;}
    .two-columns[class*="-fixed-width"] div.side-tab-items-holder {width: 100%;max-width: none;}
    .side-tab-items-holder > div {display: block;}
    .large-wrapper {width: calc(100% - 80px);max-width: 100%;}
}

@media screen and (max-width: 800px) {
    .week-boxes > div.weeks-8, .week-boxes > div.weeks-6, .week-boxes > a.weeks-8, .week-boxes > a.weeks-6 {width: calc(50% - 4%);margin: 2%;}
    #messenger .two-columns > div {width: 100%;max-width: none;}
}

@media screen and (max-width: 700px) {
    .two-columns[class*="-wider"] > div:nth-of-type(n+1) {width: 100%;}
    .two-columns[class*="-fixed-width"] div.user-form-holder, .two-columns[class*="-fixed-width"] div.user-form-holder + div {width: 100%;max-width: none;min-width: 0}
    div.phone-download-img {display: none;}
    .bg-welcome-mobile {display: none;}
}

@media screen and (max-width: 600px) {
    .leader-description .name {font-size: 17px;}
    .leader-description .steps {font-size: 35px;}
    .three-columns.column-with-border > div:nth-of-type(1) {border-bottom: 1px solid #e5e5e5;}
    .three-columns > div:nth-of-type(n+1) {width: 100%;margin-bottom: 20px;padding-bottom: 20px;}
    .challenges-row.three-columns > div {margin-bottom: 0;}
    .three-columns.column-with-border > div:nth-last-of-type(1) {border-bottom: 0;}
    .two-columns > div, .two-columns.column-with-border > div {width: 100%;}
    .two-columns.column-with-border > div {border-bottom: 1px solid #e5e5e5;}
    .two-columns[class*="-huge"] > div, .two-columns[class*="-huge"] > div:nth-of-type(n) {width: 100%;max-width: none;min-width: 0;}
    div.faq-jump-links {display: none;}
    .week-boxes .middle-align-static {padding: 10px;}
    .week-boxes > div.weeks-8, .week-boxes > div.weeks-6, .week-boxes > a.weeks-8, .week-boxes > a.weeks-6 {width: 100%;margin: 0;}
    .bg-welcome-pc {display: none !important;}
    .bg-welcome-mobile {display: block;padding-left: 25px;padding-right: 25px;color: #00a389;}
    .bg-welcome-mobile h1 {font-size: 50px;}
    .static-modal .modal-dialog .two-columns.login-window {background: #fff;}
    .dialog-form-holder {padding: 50px 30px 150px;}
    .register-button {margin-top: 0;margin-left: 0;}
    .large-wrapper {width: calc(100% - 40px);max-width: 100%;}
    .complete-registration-title {font-size: 32px !important;}
    .logo-image img {height: 65px;}
    .prologis-ver {margin-top: 0!important;}
    .prologis-ver .static-modal, .reg-modal.static-modal {margin-top: 0;padding-top: 3px;}
    .mobile-form .dialog-form-holder h1, .mobile-form .dialog-form-holder input {text-align: center;}
    #login-form .form-group, #login-form .help-block {margin-bottom: 15px}
    #login-form .submit-row {text-align: center;}
    #profile-box {width: 180px;padding: 15px 10px;transform: translate(-90px, 100%);}
    #menu-list {padding: 30px;}
    #menu-list .dropdown {padding-top: 40px;}
    .grey-page {padding-top: 40px;padding-bottom: 20px;}
    .page-title {margin-bottom: 30px;}
    .label-center-mobile {text-align: center;}
    .separator {margin-left: -20px;margin-right: -20px;color: #666666;border-top: 3px solid #eee;margin-top: 30px;margin-bottom: 40px;}
    .mobile-btn-center {text-align: center;}
    .btn-150:not(.mobile-one-btn) {width: 120px;}
    .forgot-password {margin-left: 15px;font-size: 18px;/*vertical-align: middle;*//*vertical-align: -webkit-baseline-middle;*/}
    .verify-sub-title {font-size: 20px;text-align: center;}
    .prologis-header-ver {display: none;}
    .label-animation label:not(.no-anim) {left: 50%;transform: translateX(-50%);/*width: 125px;*//*left: 0;*//*right: 0;*//*margin: 0 auto;*/}
    .banner-tab-control {width: 45%;}
    .leader-list-holder {margin: 40px 0;}
    .home-banner-info {padding-left: 30px;}
    .home-banner-info h1 {font-size: 55px;}
    .completed-challenges > div{padding: 0 20px !important; max-width: 400px; margin: auto}
    .challenge-checkbox input{margin-right: 5px;}
    .home-slider .item p {line-height: 1.1; padding-left: 10px; padding-right: 10px;}
    .slider .carousel-indicators li {margin: 7px; width: 12px; height: 12px;}
    .slider { height: 370px;}
}

@media screen and (max-width: 500px){
    .team-name-text {  font-size: 24px;}
    .my-team-description {padding: 20px 15px 0;}
    .my-team-members{padding: 20px 15px 0;}
    .teammate-list a{    font-size: 18px;}
    .message-to-link {margin-left: 10px;    width: 17px;        height: 17px;}
    .leader-list-item::before{width: 50px; font-size: 28px;}
    .leader-list-item{padding-left: 50px;}
    .leader-list-item-counter{padding-left: 0px;width: 50px; font-size: 28px;}
    .leader-avatar, .team-leader .leader-avatar{width: 100px; background-position: center;}
    .leader-description, .team-leader .leader-description{padding: 15px 15px 15px 115px;}
    .home-banner-bg{background-color: rgba(0, 0, 0, 0.45);}
    .home-banner-info-content h3{color: #ffffff; font-size: 20px; font-weight: 700;}
    .home-banner-info-content h2{font-size: 32px; font-weight: 700; color: #87d1c6; line-height: 0.3;}
    .home-banner-info-content h1{font-size: 37px; font-weight: 700; margin-bottom: 10px; line-height: 1; margin-top: 10px;}
    .home-banner-info img{display: none;}
    /*.home-banner-info-holder{padding-top: 210px;}*/
    .home-banner-info-holder{ padding-top: 80px;}
    .home-banner-reminder{ padding: 20px 10px; text-align: center}
    .red-box{width: 100%; margin-bottom: 15px;}
    .home-banner{height: 450px; background-position: 75%;}
    .home-banner-info-content{padding-top: 0;}
    .pagination > li > a, .pagination > li > span {margin: 0 3px;}
}

@media screen and (max-width: 452px){
    .dialog-form-holder{margin-bottom: 25px;}
}

@media screen and (max-width: 400px) {
    h5 {margin-top: 15px;}
    .btn-white{margin-top: 10px;}
    .leader-description .steps {font-size: 30px;}
    .two-columns[class*="-fixed-width"][class*="-huge"] > div,
    .two-columns[class*="-fixed-width"][class*="-huge"] > div:nth-of-type(n),
    .two-columns[class*="-fixed-width"][class*="-large"] > div,
    .two-columns[class*="-fixed-width"][class*="-large"] > div:nth-of-type(n),
    .two-columns[class*="-fixed-width"][class*="-big"] > div,
    .two-columns[class*="-fixed-width"][class*="-big"] > div:nth-of-type(n) {min-width: 0;}
    .home-slider .item p{line-height: 1.2; font-size: 22px;}
    .week-boxes > div.weeks-8, .week-boxes > div.weeks-6, .week-boxes > a.weeks-8, .week-boxes > a.weeks-6 {width: 100%;margin: 0;}
    .bg-welcome-pc {display: none !important;}
    .bg-welcome-mobile {display: block;padding-left: 15px;padding-right: 15px;}
    .bg-welcome-mobile h1 {font-size: 40px;}
    .static-modal .modal-dialog .two-columns.login-window {background-color: #fff;}
    .dialog-form-holder {padding: 40px 20px 150px;}
    .register-button {margin-top: 0;margin-left: 0;}
    .re-verify-pass-title {letter-spacing: 1px;}
    .prologis-ver {margin-top: 0!important;}
    .prologis-ver .static-modal, .reg-modal.static-modal {margin-top: 0;padding-top: 3px;}
    .prologis-header-ver {display: none;}
    .logo-image img {height: 65px;}
    #login-form .form-group, #login-form .help-block {margin-bottom: 15px}
    #login-form .submit-row {text-align: center;}
    h4 {font-size: 20px;}
    .btn-150:not(.mobile-one-btn) {width: 120px;}
    .forgot-password {margin-left: 15px;font-size: 16px;/*vertical-align: middle;*//*vertical-align: -webkit-baseline-middle;*/}
}

@media screen and (max-width: 370px) {
    .dialog-form-holder{margin-bottom: 0;}
    .forgot-password {margin-left: 15px;font-size: 16px;/*vertical-align: middle;*//*vertical-align: -webkit-baseline-middle;*/}
    .register-row {padding: 20px 10px;}
    .complete-registration-title {font-size: 28px !important;}
    .re-verify-pass-title {letter-spacing: 1px;}
    .prologis-ver {margin-top: 0!important;}
    .prologis-ver .static-modal, .reg-modal.static-modal {margin-top: 0;padding-top: 3px;}
    .prologis-header-ver {display: none;}
    .logo-image img {height: 65px;}
    #login-form .form-group, #login-form .help-block {margin-bottom: 15px}
    #login-form .submit-row {text-align: center;}
    .bg-welcome-mobile h1 {font-size: 35px;}
}