/************* MAX WIDE *************/
@media screen and (max-width: 1600px) {

    /** COMMON **/
    body, html {
    }

    /** COMPONENTS **/
    /** LOOPS **/
    /** PARTS **/
    /** SECTIONS **/
    /** SECTION: TOP **/
    /** SECTION: BLOCKS **/
    /** SECTION: BOTTOM **/

}

/************* MAX DESKTOP *************/
@media screen and (max-width: 1224px) {

    /** COMMON **/
    body, html {
    }

    .container-1 {
        padding: 45px 0px;
    }

    .wrapper-1 {
        padding: 0px 45px;
    }

    .box-1 {
        padding: 50px 50px;
    }

    .component-1 {
        margin: 0px 0px 10px 0px;
    }

    /** COMPONENTS **/
    /** LOOPS **/
    /** PARTS **/
    /** SECTIONS **/
    /** SECTION: TOP **/
    /** SECTION: BLOCKS **/
    /** SECTION: BOTTOM **/

}

/************* MAX TABLET-LANDSCAPE *************/
@media screen and (max-width: 1024px) {

    /** COMMON **/
    body, html {
        font-size: 15px;
    }

    .mb-100 {
        margin-bottom: 80px;
    }

    .mb-95 {
        margin-bottom: 76px;
    }

    .mb-90 {
        margin-bottom: 72px;
    }

    .mb-85 {
        margin-bottom: 68px;
    }

    .mb-80 {
        margin-bottom: 64px;
    }

    .mb-75 {
        margin-bottom: 60px;
    }

    .mb-70 {
        margin-bottom: 56px;
    }

    .mb-65 {
        margin-bottom: 52px;
    }

    .mb-60 {
        margin-bottom: 48px;
    }

    .mb-55 {
        margin-bottom: 44px;
    }

    .mb-50 {
        margin-bottom: 40px;
    }

    .mb-45 {
        margin-bottom: 36px;
    }

    .mb-40 {
        margin-bottom: 32px;
    }

    .mb-35 {
        margin-bottom: 28px;
    }

    .mb-30 {
        margin-bottom: 24px;
    }

    .mb-25 {
        margin-bottom: 20px;
    }

    .mb-20 {
        margin-bottom: 16px;
    }

    .mb-15 {
        margin-bottom: 11px;
    }

    .mb-10 {
        margin-bottom: 6px;
    }

    .mb-5 {
        margin-bottom: 3px;
    }

    .container-1 {
        padding: 40px 0px;
    }

    .wrapper-1 {
        padding: 0px 40px;
    }

    .box-1 {
        padding: 35px 35px;
    }

    .component-1 {
        margin: 0px 0px 10px 0px;
    }

    /** COMPONENTS **/
    .btn {
        line-height: 19px;
        padding: 9px;
        font-size: 15px;
    }

    /** LOOPS **/
    /** PARTS **/
    /** SECTIONS **/
    /** SECTION: TOP **/
    /** SECTION: BLOCKS **/
    .block-login .block-in {
        padding: 30px;
    }

    .framework-content {
        padding: 30px;
    }

    /** SECTION: BOTTOM **/

}

/************* MAX TABLET-PORTRAIT *************/
@media screen and (max-width: 768px) {

    /** COMMON **/
    body, html {
        font-size: 14px;
    }

    .columns,
    .column {
        display: block;
    }

    .mb-100 {
        margin-bottom: 64px;
    }

    .mb-95 {
        margin-bottom: 61px;
    }

    .mb-90 {
        margin-bottom: 57px;
    }

    .mb-85 {
        margin-bottom: 53px;
    }

    .mb-80 {
        margin-bottom: 49px;
    }

    .mb-75 {
        margin-bottom: 45px;
    }

    .mb-70 {
        margin-bottom: 41px;
    }

    .mb-65 {
        margin-bottom: 37px;
    }

    .mb-60 {
        margin-bottom: 33px;
    }

    .mb-55 {
        margin-bottom: 29px;
    }

    .mb-50 {
        margin-bottom: 25px;
    }

    .mb-45 {
        margin-bottom: 21px;
    }

    .mb-40 {
        margin-bottom: 17px;
    }

    .mb-35 {
        margin-bottom: 15px;
    }

    .mb-30 {
        margin-bottom: 14px;
    }

    .mb-25 {
        margin-bottom: 13px;
    }

    .mb-20 {
        margin-bottom: 11px;
    }

    .mb-15 {
        margin-bottom: 9px;
    }

    .mb-10 {
        margin-bottom: 5px;
    }

    .mb-5 {
        margin-bottom: 2px;
    }

    .container-1 {
        padding: 35px 0px;
    }

    .wrapper-1 {
        padding: 0px 35px;
    }

    .box-1 {
        padding: 20px 20px;
    }

    .component-1 {
        margin: 0px 0px 10px 0px;
    }

    /** COMPONENTS **/
    .btn {
        line-height: 18px;
        padding: 8px;
        font-size: 14px;
    }

    /** LOOPS **/
    /** PARTS **/
    /** SECTIONS **/
    /** SECTION: TOP **/
    .mobile-toggle {
        display: block;
    }

    /** SECTION: BLOCKS **/
    .framework-columns .column-1 {
        position: fixed;
        z-index: 20;
        top: 65px;
        bottom: 0;
        left: -100%;
        background-color: #FFF;
    }

    body.filter-open {
        overflow: hidden;
    }

    body.filter-open .framework-columns .column-1 {
        left: 0;
    }

    body.filter-open .overlay {
        opacity: 1;
    }

    .framework-content {
        padding: 20px;
    }

    .ensurers-filter {
        display: table-cell !important;
        position: relative;
        top: 2px;
    }

    .framework-nav-close {
        display: block !important;
    }

    /** SECTION: BOTTOM **/

}

/************* MAX MOBILE *************/
@media screen and (max-width: 480px) {

    /** COMMON **/
    body, html {
        font-size: 13px;
    }

    .mb-100 {
        margin-bottom: 52px;
    }

    .mb-95 {
        margin-bottom: 48px;
    }

    .mb-90 {
        margin-bottom: 44px;
    }

    .mb-85 {
        margin-bottom: 40px;
    }

    .mb-80 {
        margin-bottom: 36px;
    }

    .mb-75 {
        margin-bottom: 32px;
    }

    .mb-70 {
        margin-bottom: 28px;
    }

    .mb-65 {
        margin-bottom: 24px;
    }

    .mb-60 {
        margin-bottom: 20px;
    }

    .mb-55 {
        margin-bottom: 16px;
    }

    .mb-50 {
        margin-bottom: 15px;
    }

    .mb-45 {
        margin-bottom: 14px;
    }

    .mb-40 {
        margin-bottom: 13px;
    }

    .mb-35 {
        margin-bottom: 12px;
    }

    .mb-30 {
        margin-bottom: 11px;
    }

    .mb-25 {
        margin-bottom: 10px;
    }

    .mb-20 {
        margin-bottom: 9px;
    }

    .mb-15 {
        margin-bottom: 7px;
    }

    .mb-10 {
        margin-bottom: 4px;
    }

    .mb-5 {
        margin-bottom: 1px;
    }

    .container-1 {
        padding: 20px 0px;
    }

    .wrapper-1 {
        padding: 0px 20px;
    }

    .box-1 {
        padding: 10px 10px;
    }

    .component-1 {
        margin: 0px 0px 10px 0px;
    }

    /** COMPONENTS **/
    .btn {
        line-height: 16px;
        padding: 7px;
        font-size: 13px;
    }

    /** LOOPS **/
    /** PARTS **/
    /** SECTIONS **/
    /** SECTION: TOP **/
    /** SECTION: BLOCKS **/
    .block-login .block-in {
        padding: 20px;
    }

    .framework-form {
        max-width: none;
    }

    /** SECTION: BOTTOM **/

}