.img-js.fade {
        animation-name: fadeIn;
        animation-duration: 400ms;
        animation-fill-mode: forwards;
        animation-timing-function: ease-in;
        opacity: 1;
    }
    
    @keyframes fadeIn {
        0% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }
    
    .navbar-header {
        margin-right: 0px;
    }
    
    .mm-header-logo {
        float: left;
        width: 310px;
        padding-top: 25px;
        position: relative;
        height: 60px;
        left: 65px;
    }
    
    .mm-geo-logo {
        float: left;
        width: 310px;
        padding-top: 25px;
        position: relative;
        z-index: 2;
    }
    
    .navbar-mm {
        background-color: rgba(12, 84, 129, 0.93);
        height: 75px;
        margin-bottom: 0px;
    }
    
    .mm-background {
        background-position: center 2%;
        align-items: center;
        justify-content: center;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        z-index: -1;
    }
    
    #hp-wrapper {
        margin-top: -50px;
    }
    
    .fullscreen-section {
        color: #fff;
        padding: 50px 5px 5px 5px !important;
    }
    
    .tablet-moving {
        position: relative;
        left: 20px;
    }
    
    .mm-moving-title {
        color: #FFFFFF;
        font-family: Montserrat;
        font-size: 76px;
        font-weight: 900;
        letter-spacing: 2.85px;
        text-shadow: 0 0px 8px #5D5D5D;
        margin-bottom: -15px;
        letter-spacing: 2px;
        text-transform: uppercase;
    }
    
    .find-and-compare {
        width: 295px;
        margin: auto;
    }
    
    .geo-city-title {
        color: #FFFFFF;
        font-family: Montserrat;
        font-size: 130px;
        font-weight: 900;
        letter-spacing: 2.85px;
        text-shadow: 0 0px 8px #5D5D5D;
        margin-bottom: -15px;
        position: relative;
        left: -7px;
    }
    
    .geo-tag {
        position: relative;
        top: -10px;
    }
    
    .geo-recieve-and-compare {
        font-size: 25px;
        line-height: 28px;
        width: 340px;
        color: white;
        background: rgba(29, 118, 173, 0.8);
        font-family: Kalam;
        text-align: center;
        padding: 10px;
        margin-top: 10px;
    }
    
    .mm-sfe-div {
        background-color: #F7F9FA;
        padding: 15px;
        text-align: center;
    }
    
    .mm-sfe-icon {
        height: 60px;
    }
    
    .mm-sfe-finding-style {
        color: #45B1F3;
        font-family: Montserrat;
        font-size: 18px;
        font-weight: 900;
        line-height: 22px;
        padding-bottom: 10px;
    }
    
    .mm-sfe-text {
        color: #45B1F3;
        font-family: Kalam;
        padding-top: 20px;
        font-size: 36px;
        line-height: 50px;
    }
    
    .sfe-mobile {
        display: none;
    }
    
    .sfe-tablet {
        display: none;
        background-color: #F7F9FA;
        padding-top: 29px;
    }
    
    .person-info-box {
        border-radius: 6px;
        padding-bottom: 10px;
        background-color: #F7F9FA;
        color: #0C5481;
        text-align: center;
    }
    
    .peronsal-info-p {
        font-family: Assistant;
        font-weight: bold;
        font-size: 12px;
        margin: 0px;
        padding-bottom: 4px;
    }
    
    .no-worry-p {
        font-family: Kalam;
        font-size: 22px;
        text-align: center;
        padding-top: 9px;
        margin: 0px;
    }
    
    .has-result-div {
        background-color: #0C5481;
        color: white;
        padding-bottom: 100px;
    }
    
    .mm-glance-box {
        background-color: #0C5481;
        color: white;
    }
    
    .h3-section {
        background-color: #0C5481;
        color: white;
        padding: 20px;
        font-family: Montserrat;
        font-weight: 900;
        text-align: center;
        margin-top: 0px;
        height: 125px;
        margin-bottom: 50px;
        text-transform: uppercase;
    }
    
    .move-matcher-has-res {
        background-color: #0C5481;
        color: white;
        padding-top: 36px;
        padding-bottom: 26px;
        font-family: Montserrat;
        font-weight: 900;
        text-align: center;
        text-transform: uppercase;
        margin-bottom: -10px
    }
    
    h3 {
        font-size: 40px;
    }
    
    h2 {
        font-size: 40px;
    }
    
    .outer {
        display: inline-block;
        position: relative;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        height: 450px;
        border: 15px solid black;
        top: -70px;
    }
    
    .black-round-border {
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        border: 22px solid black;
    }
    
    .white-round-border {
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        border: 6px solid white;
        padding-right: 0px;
        padding-left: 0px;
    }
    
    .outer-left {
        width: 800px;
        left: 220px
    }
    
    .outer-right {
        width: 215px;
        left: 1050px
    }
    
    .inner {
        display: inline-block;
        position: absolute;
        border-top-left-radius: 9px;
        border-top-right-radius: 9px;
        width: 100%;
        top: -0px;
        height: 435px;
        overflow: hidden;
    }
    
    .inner-left {
        left: 50%;
        transform: translate(-50%);
    }
    
    .inner-right {
        left: 50%;
        transform: translate(-50%);
        top: -0px;
    }
    /* city Class */
    
    .city {
        color: #FFFFFF;
        font-family: Montserrat;
        font-weight: 900;
        text-align: center;
        text-shadow: 0 0px 8px rgba(0, 0, 0, 0.7);
        word-spacing: 16px;
        font-size: 110px;
        font-size: 100px;
        line-height: 100px;
    }
    
    .city-line {
        width: 879px;
        border-bottom: 2px solid #FFFFFF;
        box-sizing: border-box;
        margin: auto;
        margin-top: 10px;
    }
    
    .city-image {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        padding-top: 5%;
        padding-bottom: 5%;
    }
    
    .city-box {
        background-color: rgba(29, 118, 173, 0.8);
        border-radius: 5px;
        padding: 10px;
        text-align: center;
        height: 594px;
        margin: auto;
        height: 594px;
        width: 1040px;
    }
    
    .serve {
        font-family: Kalam;
        color: #F7F9FA;
        font-size: 40px;
        padding-top: 10px;
    }
    
    .dont-see-city {
        font-family: Kalam;
        color: #F7F9FA;
        font-size: 40px;
        line-height: 64px;
        letter-spacing: -1px;
        padding-top: 10px;
    }
    /* city class */
    
    @media only screen and (max-width: 1202px) {
        .city-box {
            height: 492px;
            width: 930px;
        }
        .serve {
            font-size: 36px;
        }
        .city {
            font-size: 80px;
            line-height: 83px;
        }
        .city-line {
            width: 700px;
        }
        .dont-see-city {
            font-size: 40px;
        }
    }
    
    @media only screen and (max-width: 996px) {
        .serve {
            font-size: 29px;
            padding-top: 10px;
            width: 466px;
            margin: auto;
        }
        .city-box {
            height: 507px;
            width: 700px;
        }
        .city-line {
            width: 640px;
        }
        .dont-see-city {
            font-size: 30px;
            padding-top: 0px;
        }
    }
    
    @media only screen and (max-width: 750px) {
        .city-box {
            height: 310px;
            width: 455px;
        }
        .serve {
            font-size: 30px;
            line-height: 29px;
            width: auto;
        }
        .city {
            font-size: 45px;
            line-height: 45px;
        }
        .city-line {
            width: 400px;
            margin-bottom: 5px;
        }
        .dont-see-city {
            font-size: 24px;
            line-height: 24px;
            width: 251px;
            margin: auto;
        }
    }
    
    @media only screen and (max-width: 500px) {
        .city-box {
            height: 302px;
            width: 336px;
        }
        .serve {
            font-size: 22px;
            line-height: 26px;
        }
        .city {
            font-size: 37px;
        }
        .city-line {
            width: 270px;
        }
    }
    
    @media only screen and (max-width: 350px) {
        .city-box {
            height: 225px;
            width: 275px;
        }
        .serve {
            font-size: 20px;
            line-height: 23px;
            padding-top: 0px;
        }
        .city {
            font-size: 28px;
            line-height: 28px;
        }
        .city-line {
            width: 270px;
        }
        .dont-see-city {
            font-size: 23px;
            line-height: 24px;
            width: 250px;
            letter-spacing: -1;
            margin: auto;
        }
    }
    
    .get-quote-div {
        background-color: #FFFFFF;
        padding: 15px;
        border-radius: 0px 0px 5px 5px;
    }
    
    .get-quote-text {
        font-family: Assistant;
        color: #0C5481;
        font-weight: bold;
        padding-bottom: 5px;
        font-size: 24px;
        margin: 0px;
    }
    
    .orange-line {
        margin: auto;
        border-bottom: 2px solid #FC8603;
        box-sizing: border-box;
        width: 276px;
    }
    
    .quote-form .address-fields-to:before {
        width: 18px;
        height: 17px;
    }
    
    .quote-form .address-fields-from:before {
        width: 18px;
        height: 17px;
    }
    
    .quote-form .icon-40:before {
        top: 13px !important;
        left: 29px;
        width: 18px;
        height: 17px;
        content: '';
        background-repeat: no-repeat;
        position: absolute;
    }
    
    .quote-form .icon-40-50:before {
        top: 13px !important;
        left: 29px;
        width: 18px;
        height: 17px;
        content: '';
        background-repeat: no-repeat;
        position: absolute;
    }
    
    .quote-form .icon-60:before {
        top: 20px;
        left: 29px;
        width: 18px;
        height: 17px;
        content: '';
        background-repeat: no-repeat;
        position: absolute;
    }
    
    .quote-form .pin-from-icon:before {
        background-image: url(assets/svgs/Pin_Dark_Gray.svg);
    }
    
    .quote-form .pin-to-icon:before {
        background-image: url(assets/svgs/Pin_Dark_Gray_Filled.svg);
    }
    
    .quote-form .house-icon:before {
        background-image: url(assets/svgs/Home_Size_Dark_Gray.svg);
    }
    
    .quote-form .date-icon:before {
        background-image: url(assets/svgs/Calendar_DarkGray.svg);
    }
    
    .quote-form .person-icon:before {
        background-image: url(assets/svgs/Name_Dark_Gray.svg);
    }
    
    .quote-form .mail-icon:before {
        background-image: url(assets/svgs/Email_DarkGray.svg);
    }
    
    .quote-form select.form-control {
        -webkit-appearance: none;
        background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc);
        background-position: calc(100% - 14px) calc(2em + -3px), calc(100% - 9px) calc(2em + -3px), 0;
        background-size: 5px 5px, 5px 5px, 1px 1.5em;
        background-repeat: no-repeat;
    }
    
    .quote-form>button,
    #getReferralBtn {
        text-transform: none;
        font-family: Assistant;
        font-size: 18px;
        font-weight: bold;
    }
    
    .sfe-card-icon {
        width: 50px;
    }
    
    .sfe-card-p {
        font-family: Assistant;
        font-weight: 600;
        font-size: 16px;
        line-height: 20px;
        padding-top: 15px;
        text-align: center;
        padding-left: 30px;
        padding-right: 30px;
    }
    
    .why-mm-phrase {
        font-family: Kalam;
        font-size: 38px;
        color: #02C17E;
        padding-left: 20px;
        position: relative;
        top: 10px;
    }
    
    .mm-tag {
        background: rgba(29, 118, 173, 0.8);
        font-family: Kalam;
        text-align: center;
        width: 400px;
        padding: 10px;
        line-height: 21px;
        font-size: 20px;
        margin-bottom: 30px;
        margin-top: 30px;
    }
    
    .mm-get-started {
        height: 75px;
        border-radius: 5px 5px 0 0;
        background: linear-gradient(90deg, #057AE1 0%, #01D57F 100%);
        line-height: 80px;
        font-family: Kalam;
        color: #FFFFFF;
        font-size: 26px;
        text-align: center;
    }
    
    .no-padding {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    
    .no-padding-right {
        padding-right: 0px !important;
    }
    
    .no-padding-left {
        padding-left: 0px !important;
    }
    
    .mm-desktop-form {
        padding-top: 25px;
        border-radius: 5px;
        text-align: center;
        padding-right: 0px;
    }
    
    .mm-tile-icon {
        background-image: url(assets/images/mm2/tiledicons_desktop.jpg);
    }
    
    .mm-has-result-p {
        font-family: Assistant;
        color: #F7F9FA;
        font-size: 16px;
        font-weight: bold;
        text-align: center;
        width: 540px;
    }
    
    .why-mm-box {
        box-shadow: 0 0 8px 0 rgba(29, 118, 173, 0.2);
        border-radius: 5px;
        background-color: #FFFFFF;
        margin-bottom: 30px;
    }
    
    .full-width {
        width: 100%
    }
    
    .text-center {
        text-align: center;
    }
    
    .blog-img {
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
    }
    
    .blog-title {
        color: #46A4DD;
        font-weight: bold;
        height: 45px;
        font-size: 22px;
        font-family: Assistant;
        line-height: 25px;
        letter-spacing: -1px;
        word-spacing: 1px;
        padding-top: 10px;
        margin-top: 0px;
    }
    
    .blog-date {
        color: #9AA9B1;
        font-size: 14px;
        font-weight: bold;
        padding-top: 25px;
        padding-bottom: 5px;
        margin-bottom: 0px;
    }
    
    .blog-excerpt {
        color: #343942;
        font-size: 14px;
        height: 100px;
    }
    
    .red {
        color: #FB5058
    }
    
    .blue {
        color: #46A4DD;
    }
    
    .blog-btn {
        font-size: 18px;
        text-align: center;
        font-weight: bold;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    
    .blog-text-box {
        background-color: #FFFFFF;
        box-shadow: 0 0 8px 0 rgba(29, 118, 173, 0.2);
        padding: 0px 30px 5px 30px;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }
    
    .blog-box-btn {
        border: 2px solid #FB5058;
        border-radius: 5px;
        background-color: #FFFFFF;
        margin-bottom: 20px;
    }
    /* input and forms */
    
    .mm-input {
        border: 2px solid #CAE3F3 !important;
        height: 60px !important;
    }
    
    .mm-input-40 {
        border: 2px solid #CAE3F3 !important;
        height: 40px !important;
    }
    
    .mm-input-50 {
        border: 2px solid #CAE3F3 !important;
        height: 50px !important;
    }
    
    .mm-input-40-50 {
        border: 2px solid #CAE3F3 !important;
        height: 40px;
    }
    
    .mm-input-cal {
        border: 2px solid #CAE3F3 !important;
        height: 40px !important;
    }
    
    .mm-input-cal::placeholder,
    .mm-input-40::placeholder,
    .mm-input-50::placeholder,
    .mm-input-40-50::placeholder,
    .mm-input::placeholder {
        border-radius: 5px !important;
        color: #9AA9B1;
        font-family: Montserrat;
        font-size: 16px;
        font-weight: 900;
    }
    
    .mm-input-cal::-webkit-input-placeholder,
    .mm-input-40::-webkit-input-placeholder,
    .mm-input-50::-webkit-input-placeholder,
    .mm-input-40-50::-webkit-input-placeholder,
    .mm-input::-webkit-input-placeholder {
        border-radius: 5px !important;
        color: #9AA9B1;
        font-family: Montserrat;
        font-size: 16px;
        font-weight: 900;
    }
    
    .mm-input-cal:-moz-placeholder,
    .mm-input-40:-moz-placeholder,
    .mm-input-50:-moz-placeholder,
    .mm-input-40-50:-moz-placeholder,
    .mm-input:-moz-placeholder {
        border-radius: 5px !important;
        color: #9AA9B1;
        font-family: Montserrat;
        font-size: 16px;
        font-weight: 900;
    }
    
    .mm-input-cal:-ms-input-placeholder,
    .mm-input-40:-ms-input-placeholder,
    .mm-input-50:-ms-input-placeholder,
    .mm-input-40-50:-ms-input-placeholder,
    .mm-input:-ms-input-placeholder {
        border-radius: 5px !important;
        color: #9AA9B1;
        font-family: Montserrat;
        font-size: 16px;
        font-weight: 900;
    }
    
    input[type=date]:invalid {
        font-family: Assistant;
        color: #0C5481;
        font-size: 16px;
        font-weight: 600;
    }
    
    select:required:invalid {
        font-family: Assistant;
        color: #0C5481;
        font-size: 16px;
        font-weight: 600;
    }
    
    .quote-form .form-control {
        border-radius: 5px !important;
        color: #333;
        font-family: Montserrat;
        font-size: 16px;
        font-weight: 900;
        line-height: 19px;
    }
    
    #quote_form2 .form-control {
        border-radius: 5px !important;
        font-family: Montserrat;
        font-size: 16px;
        font-weight: 600;
    }
    
    .quote_form2>button,
    #bid-submit-btn-2 {
        font-family: Montserrat;
        text-transform: none;
        font-weight: bold;
        background: #02C17E;
        margin-bottom: 40px;
        border-radius: 5px;
        font-size: 18px;
        color: #fff;
        padding-top: 18px;
        padding-bottom: 18px;
        transition: all 150ms ease;
    }
    
    .btn:hover {
        background-color: #FC8603;
    }
    
    .blog-btn.red:hover {
        background-color: #FB5058;
        color: white;
    }
    
    .glance-circle {
        background-color: #F7F9FA;
        border-radius: 50%;
        width: 93px;
        height: 93px;
    }
    
    .glance-img {
        height: 60px;
        position: relative;
        top: 19px
    }
    
    .truck-img {
        height: 52px;
        position: relative;
        top: 18px
    }
    
    .quoute-box {
        padding-left: 20px;
    }
    
    .glance-quote-box {
        display: inline-flex;
    }
    
    .glance-quote-box.middle {
        padding-left: 40px;
        padding-right: 40px;
    }
    
    .quote-cost-movers-font {
        font-family: Assistant;
        color: #FFFFFF;
        font-size: 24px;
        font-weight: bold;
        text-align: left;
        margin-bottom: 0px;
    }
    
    .quote-cost-movers-number-font {
        font-family: Montserrat;
        color: #FFFFFF;
        font-weight: 900;
        font-size: 75px;
        line-height: 70px;
        text-align: left;
        margin: 0px;
    }
    
    .glance-row {
        margin-top: 50px;
        margin-bottom: 50px;
        background-color: #0C5481;
    }
    
    .glance-stat-container {
        padding-top: 10px;
    }
    
    .glance-stat-row {
        padding-bottom: 16px;
    }
    
    .thousand-satisfied {
        color: #FFFFFF;
        font-family: Kalam;
        font-size: 27px;
        font-weight: bold;
        margin: 0px
    }
    
    .mover-matcher-provide {
        font-family: Montserrat;
        color: #FFFFFF;
        font-weight: 900;
        text-align: center;
        font-size: 22px;
        padding-bottom: 20px;
        margin: auto;
    }
    
    .moving-company-learn {
        font-family: Assistant;
        color: #FFFFFF;
        font-weight: bold;
        text-align: center;
        font-size: 16px;
        padding-bottom: 20px;
        margin: auto;
    }
    
    .national-box {
        height: 16px;
        width: 16px;
        border: 2px solid #FFFFFF;
        border-radius: 4px;
        background-color: #0C5481;
        display: inline-block;
    }
    
    .national-text {
        padding-right: 30px;
        padding-left: 10px;
        position: relative;
        bottom: 7px;
        display: inline-block;
        font-family: Assistant;
        color: #FFFFFF;
        font-weight: bold;
        margin-bottom: 0px;
        font-size: 13px;
    }
    
    .local-box {
        height: 16px;
        width: 16px;
        border: 2px solid #FFFFFF;
        border-radius: 4px;
        background-color: #02C17E;
        display: inline-block;
    }
    
    .local-text {
        padding-left: 10px;
        position: relative;
        display: inline-block;
        font-family: Assistant;
        color: #FFFFFF;
        font-weight: bold;
        font-size: 13px;
        bottom: 7px;
    }
    
    .map-label {
        display: inline-block;
    }
    
    .hide-991 {
        display: inline-block;
    }
    
    @media only screen and (max-width: 1199px) {
        .quote-cost-movers-font {
            font-size: 18px;
        }
        .quote-cost-movers-number-font {
            font-size: 60px;
        }
        .moving-company-learn {
            padding-top: 10px
        }
    }
    /* Desktop */
    
    @media only screen and (min-width: 992px) {
        .tablet-view-form {
            width: 100%
        }
        .show-mobile-tablet {
            display: none;
        }
        .whymm-left-col {
            float: none;
            display: table-cell;
            vertical-align: top;
        }
        .tablet-mobile-image-card-overflow {
            overflow: hidden;
            max-height: 190px;
        }
        .whymm-right-col {
            float: none;
            display: table-cell;
            vertical-align: middle;
        }
        .mm-moving-title {
            width: 440px;
        }
        .geo-desktop {
            padding-top: 10px;
        }
        .national-box {
            width: 24px;
            height: 24px;
        }
        .local-box {
            width: 24px;
            height: 24px;
        }
        .national-text {
            font-size: 16px;
        }
        .local-text {
            font-size: 16px;
        }
        .mover-matcher-provide {
            max-width: 350px;
            padding-top: 70px;
            padding-bottom: 100px;
        }
    }
    
    @media only screen and (min-width: 1199px) {
        .mover-matcher-provide {
            padding-top: 100px;
            padding-bottom: 160px;
        }
    }
    /* small desktop */
    
    @media only screen and (max-width: 991px) {
        .blog-img {
            position: relative;
        }
        .hide-mobile-mm {
            display: none;
        }
        .mm-header-logo {
            left: 25px;
        }
        .tablet-view-form {
            height: 430px;
        }
        .tablet-moving {
            position: relative;
            top: 190px;
            padding-left: 0px;
            padding-right: 0px
        }
        .geo-tag {
            top: 150px;
        }
        .mm-tag {
            font-size: 15px;
            padding-left: 0px;
            padding-right: 0px;
            letter-spacing: -0.75px;
            margin-top: 10px;
        }
        .find-and-compare {
            width: auto;
        }
        .tablet-mobile-image-phrase {
            padding-top: 20px;
            display: table;
            margin: auto;
        }
        .tablet-mobile-whymm-icon {
            float: none;
            display: table-cell;
            vertical-align: top;
            padding-right: 7px;
        }
        .tablet-mobile-whymm-phrase {
            float: none;
            display: table-cell;
            vertical-align: middle;
            padding-left: 7px;
        }
        .sfe-card-icon {
            width: 55.14px;
        }
        .tablet-mobile-image-card-overflow {
            overflow: hidden;
            max-height: 190px;
        }
        .quote-form .mail-icon:before {
            top: 24px;
        }
        .blog-excerpt {
            height: auto;
        }
        .blog-title {
            height: auto;
            font-size: 22px;
            padding-top: 20px;
            margin-bottom: 0px;
        }
        .blog-date {
            padding-top: 12px;
        }
        .sfe-card-p {
            padding-bottom: 20px;
            font-size: 16px;
        }
        .mm-sfe-text {
            font-size: 28px;
            padding-top: 0;
        }
        .geo-recieve-and-compare {
            font-size: 16px;
            width: 210px;
            letter-spacing: -1px;
            line-height: 16px;
            margin-top: 10px;
        }
        .geo-city-title {
            font-size: 90px;
            width: 400px;
        }
        .tablet-moving {
            width: 400px;
        }
        .mm-moving-title {
            width: 362px;
        }
        .mm-tag {
            padding: 7px;
        }
        .glance-row {
            margin-top: 40px;
            margin-bottom: 40px;
        }
        .quote-cost-movers-font {
            font-size: 18px;
        }
        .quote-cost-movers-number-font {
            font-size: 60px;
            line-height: 70px;
        }
        .glance-quote-box.middle {
            padding-left: 20px;
            padding-right: 20px;
        }
        .hide-991 {
            display: none;
        }
        .mm-moving-title {
            font-size: 45px;
            text-align: center;
            padding-top: 60px;
        }
        .tablet-moving,
        .mm-moving-title {
            width: 100%;
        }
        .mm-tag {
            margin: 30px auto;
        }
    }
    
    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .mover-matcher-provide {
            padding-bottom: 65px;
        }
    }
    
    @media only screen and (min-width: 768px) {
        .why-mm-box {
            min-height: 475px;
        }
        .moving-company-learn {
            max-width: 250px;
        }
        .mm-input-40-50 {
            height: 50px !important;
        }
        .quote-form .icon-40-50:before {
            top: 17px !important;
        }
    }
    /* tablet */
    
    @media only screen and (max-width: 767px) {
        #bs-example-navbar-collapse-1 {
            position: fixed !important;
            top: 62px;
            bottom: 0;
        }
        .mm-background {
            min-height: 450px;
            background-position: 40%
        }
        .outer {
            top: 810px !important;
        }
        .h3-section {
            padding: 10px;
            height: 94px;
        }
        h3 {
            font-size: 30px;
        }
        h2 {
            font-size: 30px;
        }
        .mm-moving-title {
            font-size: 30px;
        }
        .move-matcher-has-res {
            padding-top: 46px;
        }
        .sfe-card-p {
            padding-bottom: 20px;
        }
        .mm-header-logo {
            left: 18px;
            width: 280px;
        }
        .navbar-mm {
            height: 75px;
        }
        .glance-row {
            margin-top: 20px;
            margin-bottom: 20px;
        }
        .quote-cost-movers-font {
            font-size: 18px;
        }
        .quote-cost-movers-number-font {
            font-size: 60px;
            line-height: 66px;
        }
        .quote-form .date-icon:before {
            left: 28px;
        }
        .quote-form .mail-icon:before {
            left: 28px;
        }
        .map-tablet {
            max-width: 375px;
            margin: auto;
        }
        .map-label {
            margin-left: 20%
        }
    }
    /*mobile */
    
    @media only screen and (max-width: 450px) {
        .tablet-moving {
            text-align: center;
            position: relative;
            top: 145px;
            left: 0px;
            width: 100%;
        }
        .mm-geo-logo {
            width: 210px;
        }
        .geo-tag {
            top: 205px;
        }
        .mm-sfe-text {
            font-size: 18px;
        }
        .geo-recieve-and-compare {
            font-size: 14px;
            width: 180px;
        }
        .h3-section {
            padding: 1px;
            height: 74px;
        }
        h3 {
            font-size: 24px;
        }
        h2 {
            font-size: 24px;
        }
        .mm-moving-title {
            padding-top: 20px;
        }
        .mm-tag {
            padding-top: 10px;
        }
        .move-matcher-has-res {
            padding-top: 24px;
            padding-bottom: 23px;
            width: auto;
            margin: auto;
        }
        .sfe-card-p {
            padding-bottom: 20px;
        }
        .mm-header-logo {
            left: 15px;
            width: 210px;
            padding-left: 10px;
        }
        .why-mm-phrase {
            font-size: 36px;
        }
        .mm-get-started {
            font-size: 20px;
            letter-spacing: -0.87px;
        }
        .r-easy {
            position: relative;
            right: 25px;
        }
        .l-simple {
            position: relative;
            left: 25px;
        }
        .geo-city-title {
            font-size: 70px;
            width: auto;
        }
        .mm-moving-title {
            text-align: center;
            font-size: 26px;
            width: auto;
        }
        .mm-background {
            max-height: 400px;
            background-position-y: -49px;
            background-position-x: 37%;
        }
        .mm-tag {
            font-size: 12px !important;
            letter-spacing: -0.6px;
            width: 300px;
            margin: auto;
            margin-top: 15px;
        }
        .glance-row {
            margin-top: 30px;
            margin-bottom: 30px;
        }
        .quote-cost-movers-font {
            font-size: 24px;
            font-weight: bold;
            text-align: left;
        }
        .quote-cost-movers-number-font {
            font-weight: 900;
            font-size: 80px;
            line-height: 70px;
        }
        .quote-cost-movers-font {
            font-size: 16px;
        }
        .quote-cost-movers-number-font {
            font-size: 40px;
            line-height: 40px;
        }
        .glance-circle {
            width: 52px;
            height: 52px;
        }
        .glance-img {
            height: 30px;
            position: relative;
            top: 11px
        }
        .truck-img {
            height: 30px;
            position: relative;
            top: 9px
        }
        .avg-cost-width {
            width: 150px
        }
        .thousand-satisfied {
            font-size: 18px;
        }
        .mm-tile-icon {
            background-image: url(assets/images/mm2/tiledicons_mobile.jpg);
        }
        #hp-wrapper-mobile {
            margin-top: -50px;
        }
    }
    
    @media only screen and (max-width: 992px) and (min-width:600px) {
        .sfe-tablet {
            display: block;
        }
        .tablet-quote-form {
            padding-right: 30px;
            padding-left: 30px;
        }
    }
    
    @media only screen and (max-width: 687px) {
        .center-mobile-quote-box {
            width: min-content;
            margin: auto;
        }
        .glance-quote-box.middle {
            padding-left: 0px;
            padding-right: 0px;
            padding-top: 0px;
        }
        .glance-quote-box {
            float: left;
            padding-bottom: 10px;
        }
    }
    
    @media only screen and (max-width: 599px) {
        .sfe-mobile {
            display: block;
        }
    }
    
    @media only screen and (max-width: 560px) {
        .mm-has-result-p {
            width: auto;
        }
    }
    
    .col-centered {
        display: inline-block;
        float: none;
        margin-right: 0px;
    }
    
    @media (min-width: 1280px) {
        .glance-container.container {
            width: 1240px;
        }
    }
    /* BLUE QUOTE FORM */
    
    .bg.dark {
        background-color: #0C649B;
    }
    
    .bg.light {
        background-color: #1477B5;
    }
    
    .error .bg.light {
        background-color: #FF6E6E !important;
    }
    
    .quote-form-wrapper {
        padding: 18px;
        border-radius: 5px;
        color: #FFF;
    }
    
    .quote-form-wrapper h2 {
        font-family: Montserrat;
        font-size: 18px;
        font-weight: 900;
        line-height: 22px;
        text-align: center;
        margin: 0 0 10px 0;
    }
    
    .quote-form-wrapper input::placeholder {
        color: #FFF;
        font-family: Montserrat;
        font-size: 16px;
        font-weight: 900;
    }
    
    .quote-form-wrapper input::-webkit-input-placeholder {
        color: #FFF;
        font-family: Montserrat;
        font-size: 16px;
        font-weight: 900;
    }
    
    .quote-form-wrapper input:-ms-input-placeholder {
        color: #FFF;
        font-family: Montserrat;
        font-size: 16px;
        font-weight: 900;
    }
    
    .quote-form-wrapper .quote-form .input-value {
        color: #FFF;
    }
    
    .quote-form-wrapper .input-group input.form-control {
        border: none;
        border-bottom-left-radius: 0px !important;
        border-top-left-radius: 0px !important;
        padding: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #FFF;
        z-index: 0;
    }
    
    .quote-form-wrapper .error {
        text-align: left;
        font-family: Assistant;
        font-size: 10px;
        font-weight: bold;
        line-height: 13px;
    }
    
    .quote-form-wrapper .input-group .input-group-addon {
        border: none;
        padding: 6px 15px 6px 20px;
    }
    
    .quote-form-wrapper .h50 {
        height: 50px;
    }
    
    .quote-form-wrapper .person-info-box {
        background: none;
        color: #FFF;
        margin: 10px;
    }
    
    .quote-form-wrapper .form-btn {
        display: block;
        width: 100%;
        padding: 20px;
        margin: 0 !important;
        background-color: #00C88B;
        font-family: Montserrat;
        font-weight: 900;
    }
    
    .quote-form-wrapper .form-btn:hover {
        border-color: transparent;
    }
    
    .quote-form-wrapper form {
        margin: 0 !important;
    }
    
    .mm-tag.light {
        background-color: #7DC4EF;
    }
    
    #bbb-wrapper {
        background-color: #EDF2F5;
        padding: 40px;
    }
    
    #bbb-wrapper .bbb-title {
        color: #6B92A7;
        font-family: Assistant;
        font-size: 16px;
        font-weight: bold;
        line-height: 21px;
        margin: 10px 0;
    }
    
    @media only screen and (max-width: 767px) {
        #bbb-wrapper {
            padding: 20px;
        }
        #bbb-wrapper .bbb-title {
            font-size: 12px;
            margin: 5px;
            text-align: center;
        }
        #bbb-wrapper .bbb-logo {
            text-align: center;
        }
    }
    
    @media only screen and (max-width: 992px) {
        .quote-form-wrapper {
            border-radius: 0px;
        }
        .mm-moving-title.xs-big {
            font-size: 56px;
        }
    }
    /* END BLUE QUOTE FORM */
    /*LIGHT BLUE HERO */
    
    .light-blue-wrapper {
        background: #85CCFF;
        height: 100vh;
    }
    
    .fullscreen-section.long {
        height: 90vh;
    }
    
    .navbar-mm.transparent {
        background: transparent;
    }
    
    .mm-moving-title.no-shadow {
        text-shadow: none;
    }
    
    .mm-moving-title.f56 {
        font-size: 55px;
    }
    
    .mm-moving-slogan {
        font-family: Montserrat;
        font-size: 16px;
        font-weight: 900;
        line-height: 19px;
        margin-top: 40px;
        background: #85CCFF;
    }
    
    .mm-moving-list {
        font-family: Assistant;
        font-size: 16px;
        font-weight: bold;
        line-height: 21px;
        list-style: disc;
        margin-left: 20px;
        background: #85CCFF;
    }
    
    .mm-moving-btn {
        margin-top: 40px;
        padding: 15px 20px;
        color: #0C649B;
        font-family: Montserrat;
        font-size: 12px;
        font-weight: 900;
        line-height: 15px;
        text-align: center;
        text-shadow: 0 0 6px 0 #49515E;
        border-radius: 5px;
        background-color: #FEF7A7;
        display: inline-block;
        text-transform: uppercase;
    }
    
    .mm-moving-btn:hover,
    .mm-moving-btn:active {
        background-color: #0C649B;
        color: #FEF7A7;
    }
    
    .row.pt40 {
        padding-top: 40px;
    }
    
    .mm-background.light-blue .learn-more {
        margin: 0 auto;
        width: 100%;
        text-align: center;
        font-family: Montserrat;
        font-size: 10px;
        font-weight: 900;
        position: absolute;
        bottom: 3vh;
        text-transform: uppercase;
        left: 0;
    }
    
    .mm-background.light-blue .learn-more .fa {
        color: #fff;
    }
    
    @media (max-width: 768px) {
        .light-blue-wrapper {
            height: auto;
        }
        .mm-moving-btn {
            margin: 80px auto 0 auto;
            display: block;
            width: 80%;
        }
        .fullscreen-section.long {
            height: auto;
        }
        .mm-moving-title.f56 {
            font-size: 24px;
            line-height: 22px;
            text-align: left;
            margin: 0;
            margin-top: 15px;
            padding: 0;
        }
        .mm-moving-slogan {
            font-size: 12px;
            line-height: 15px;
            text-align: left;
            margin: 15px 0;
            padding: 0;
        }
        .mm-moving-list {
            font-size: 11px;
            line-height: 14px;
            text-align: left;
            margin: 0 15px;
            padding: 0;
        }
        .row.pt40 {
            padding-top: 0;
        }
        .navbar-mm.transparent .tablet-view-form {
            height: auto;
            min-height: 0;
        }
        .mm-background.light-blue .tablet-view-form {
            height: auto;
            min-height: 0;
        }
        .mm-background.light-blue .tablet-moving {
            top: 0;
        }
        .mm-background.light-blue.box .tablet-moving {
            width: 66.6666667%
        }
        .mm-background.light-blue.line-city {
            min-height: 0;
            background: none !important;
        }
        .mm-background.light-blue.box {
            min-height: 0;
            background-size: 60% !important;
            background-position: 500px !important;
        }
        .light-blue-wrapper {
            padding-bottom: 15px;
        }
    }
    
    @media (max-width: 411px) {
        .mm-background.light-blue.box {
            background-size: 130% !important;
            background-position: 165px 20px !important;
            max-height: none;
            height: 100vh;
        }
        .mm-background.light-blue.box .mm-moving-slogan,
        .mm-background.light-blue.box .mm-moving-list {
            background: none;
        }
        .light-blue-wrapper.short {
            height: auto;
        }
        .light-blue-wrapper {
            height: 100vh;
        }
        .mm-moving-btn {
            position: absolute;
            bottom: 20vh;
        }
    }
    
    @media (max-width: 350px) {
        .mm-moving-btn {
            margin: 40px auto 0 auto;
            padding: 15px;
        }
    }
    
    @media only screen and (max-width: 991px) {
        .mm-background.light-blue .tablet-moving {
            top: 0;
        }
    }
    /* END LIGHT BLUE HERO */