@media screen and (max-width: 600px) {
  .testimon-box {
    width: 100% !important;
  }
}
@media screen and (max-width: 1200px) {
  .testimon-box {
    width: 50% !important;
  }
  .sidebar {
    width: 100%;
  }
  .referral1 {
    max-width: 1000%;
    padding-right: 5px;
  }
}
@media screen and (max-width: 992px) {
  .sidebar .sidebar {
    width: 100%;
  }
}
@media (max-width: 990px) {
  .flags {
    padding-top: 1px;
  }
  .cont {
    padding: 0 10px;
  }
  .headersearch__result.dnmobile {
    display: none !important;
  }
  .form_group__steps_foot .formgroup_steps_but.button.r {
    margin-top: -10px;
  }
  .section1-about-mid {
    padding-left: 10px;
    padding-right: 10px;
  }
  .section2-about-mid {
    padding-left: 10px;
    padding-right: 10px;
  }
  .testimon-box {
    padding-left: 0;
    padding-right: 0;
  }
  .chevron-up-icon1 {
    bottom: 10px;
  }
  .admin .container {
    padding: 0 10px;
  }
  .admin__right {
    flex: 0 1 calc(100% - 140px);
    max-width: calc(100% - 140px);
    padding: 0;
    margin-left: 0;
  }
  .reviews {
    padding: 20px 0;
  }
  .reviews .reviews-button-prev {
    display: none;
  }
  .reviews .reviews-button-next {
    display: none;
  }
  .reviews .reviews__row .reviews__block .review {
    margin: 0 20px;
  }
  .testimonials__heading__blocks__mid {
    flex-direction: column;
  }
  .testimonials__heading__blocks__right__column {
    flex-direction: row;
    padding-left: 0;
  }
  .problemsolution {
    flex: 0 1 50%;
    margin-bottom: 0;
  }
  .testimonials__heading__blocks__left__column {
    padding-right: 0;
    flex: 0 1 100%;
  }
  .formula__checks {
    flex-direction: column;
    align-items: flex-start;
  }
  .formula__checks-check {
    margin-right: 0;
    width: 100%;
    margin-bottom: 10px;
  }
  .formula__checks-check label,
  .formula__checks-check input {
    width: 100%;
  }
  .formula #livingarea-other.active {
    margin-left: 0;
    width: 100%;
  }
  .section1-roofingEstimateCalculator .container-roofingEstimateCalculator .formula-roofingEstimateCalculator .fourthBlock .selectionBlock .selection {
    width: calc(16.6666666667% - 5px);
    margin-bottom: 5px;
  }
  .section1-roofingEstimateCalculator .container-roofingEstimateCalculator .formula-roofingEstimateCalculator .fourthBlock .selectionBlock .selection:nth-child(6) {
    margin-right: 0;
  }
}
@media (max-width: 660px) {
  .formula__imgchecks-check {
    flex: 0 1 calc(50% - 10px);
    margin-bottom: 20px;
  }
  .formula__imgchecks-check:nth-child(2n+2) {
    margin-right: 0;
  }
  .formula__imgchecks {
    flex-wrap: wrap;
  }
}
@media (max-width: 650px) {
  .section2-financing-application_container .tab .list2b {
    margin-right: 0;
    padding: 15px 15px;
  }
  .section2-financing-application_container .tab .welcome-tab-list-container {
    display: block;
  }
  .section2-financing-application_container .tab .welcome-tab-list-container .welcome-tab-working-hours {
    max-width: 100%;
    margin-top: 15px;
    min-height: 155px;
  }
  .section2-financing-application_container .tab .welcome-tab-list-container .welcome-tab-working-hours i {
    margin-top: -4px;
  }
  .section2-financing-application_container .tab .welcome-tab-list-container .welcome-tab-working-hours .welcome-tab-blocks .hours {
    display: flex;
  }
  .section2-financing-application_container .tab .welcome-tab-list-container .welcome-tab-working-hours .welcome-tab-blocks .hours span {
    margin-right: 10px;
  }
}
@media (max-width: 434px) {
  .section2-financing-application_container .tab .welcome-tab-list-container .welcome-tab-working-hours .welcome-tab-blocks .hours span {
    font-size: 14px;
    margin-right: 4px;
  }
  .section2-financing-application_container .tab .welcome-tab-list-container .welcome-tab-working-hours .welcome-tab-blocks .hours .limited-staff {
    margin-right: 0;
  }
}
@media (max-width: 480px) {
  .formula__imgchecks-check {
    flex: 0 1 100%;
    margin-right: 0;
  }
  .nw_thankyoutab h3.nw_thankyoutab__title {
    font-size: 30px;
    margin-bottom: 15px;
  }
  .nw_thankyoutab p.nw_thankyoutab_text {
    font-size: 18px;
  }
}
@media (min-width: 480px) {
  .section2-windows-mid {
    flex-direction: row;
  }
  .section2-bathroom-mid {
    flex-direction: row;
  }
  .section2-kitchen-mid {
    flex-direction: row;
  }
  .section2-painting-mid {
    flex-direction: row;
  }
  .section2-flooring-mid {
    flex-direction: row;
  }
  .section2-about-mid {
    flex-direction: row;
  }
  .section1-windows-mid h1 {
    font-size: 40px;
  }
  .section1-bathroom-mid h1 {
    font-size: 40px;
  }
  .section1-kitchen-mid h1 {
    font-size: 40px;
  }
  .section1-painting-mid h1 {
    font-size: 40px;
  }
  .section1-flooring-mid h1 {
    font-size: 40px;
  }
  .section1-about-mid h1 {
    font-size: 40px;
  }
  .section3-mid {
    max-width: 767px;
  }
  .section3-mid-card1 {
    max-width: 100%;
    max-height: 253px;
    min-height: 203px;
    background-image: url(../images/Merchant_header_220220191136.jpg);
    background-size: 100%;
  }
  .section3-mid-card1-cover {
    max-width: 100%;
    max-height: 253px;
    min-height: 203px;
    background: rgba(0, 0, 0, 0.3);
    padding-top: 20px;
    padding-left: 30px;
    padding-right: 30px;
  }
  .section3-mid-card1-cover h3 {
    color: white;
    font-size: 32px;
  }
  .section3-mid-card1-cover a {
    display: inline-block;
    padding: 0 20px;
    height: 30px;
    background: white;
    line-height: 30px;
    text-align: center;
    color: black;
    margin-top: 25px;
    font-weight: bold;
  }
  .section3-mid-card1-cover p {
    color: white;
    line-height: 24px;
    font-weight: 550;
    font-size: 14px;
    display: block;
  }
  .section3-mid-card1-cover p:nth-child(3) {
    display: none;
  }
  .section3-mid-card1-cover span {
    color: #162954;
  }
  .section3-mid-card2 input {
    min-width: 400px;
  }
  .slides p {
    font-size: 15px;
    line-height: 17px;
  }
  .slides b {
    font-size: 18px;
    line-height: 10px;
  }
}
@media (min-width: 576px) {
  .dn-pc {
    display: none !important;
  }
}
@media (max-width: 576px) {
  .dn-m {
    display: none !important;
  }
  .reviews .reviews__row {
    flex-direction: column;
    align-items: center;
  }
  .reviews .reviews__row .reviews__block.reviews__infoblock {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .admin__right {
    width: 100%;
    max-width: 100%;
  }
  .formgroup_steps_but.button.step5_check {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .reviews .reviews__row .reviews__block {
    flex: 0 1 50%;
  }
  div#calc-1-inner {
    overflow-y: auto;
  }
  div#calc-2-inner {
    overflow-y: auto;
  }
  .testimon-box {
    height: unset;
    height: unset;
  }
  .section__infoblock_overlay__mob {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
  }
  .testimon-box__rightcolumn {
    width: 100%;
  }
  .residential-roofing .sidebar {
    width: 100%;
  }
  .residentialcolorpicker__into {
    width: 100%;
  }
  .residentialcolorpicker {
    flex: 0 1 100%;
  }
  section.section_infoblock {
    margin: 50px 0 20px;
  }
  .testimonials__heading__blocks__mid {
    flex-direction: column;
  }
  .testimonials__heading__blocks__right__column {
    flex-direction: column;
    padding-left: 0;
  }
  .problemsolution {
    flex: 0 1 100%;
    margin-bottom: 0;
  }
  .testimonials__heading__blocks__left__column {
    padding-right: 0;
    flex: 0 1 100%;
  }
  .section1-roofingEstimateCalculator .container-roofingEstimateCalculator .formula-roofingEstimateCalculator .thirdBlock .selectionBlock .selection {
    max-width: calc(50% - 10px);
    margin-bottom: 10px;
  }
  .section1-roofingEstimateCalculator .container-roofingEstimateCalculator .formula-roofingEstimateCalculator .thirdBlock .selectionBlock .selection:nth-child(2) {
    margin-right: 0;
  }
  .section1-roofingEstimateCalculator .container-roofingEstimateCalculator .formula-roofingEstimateCalculator .thirdBlock .selectionBlock .selection:last-child {
    max-width: 50%;
  }
  .section1-roofingEstimateCalculator .container-roofingEstimateCalculator .formula-roofingEstimateCalculator .fifthBlock input,
  .section1-roofingEstimateCalculator .container-roofingEstimateCalculator .formula-roofingEstimateCalculator .sixthBlock input,
  .section1-roofingEstimateCalculator .container-roofingEstimateCalculator .formula-roofingEstimateCalculator .seventhBlock select,
  .section1-roofingEstimateCalculator .container-roofingEstimateCalculator .formula-roofingEstimateCalculator .seventhBlock select,
  .section1-roofingEstimateCalculator .container-roofingEstimateCalculator .formula-roofingEstimateCalculator .eightBlock input,
  .section1-roofingEstimateCalculator .container-roofingEstimateCalculator .formula-roofingEstimateCalculator .ninehtBlock input {
    width: 100%;
  }
  .prices {
    flex-direction: column;
  }
  .prices .price {
    flex: 0 1 100%;
    margin: 0 auto 30px;
    width: 100%;
    max-width: 360px;
  }
  .prices .price:last-child {
    margin-right: auto;
  }
}
@media (max-width: 650px) {
  .sectionGetEstimateAllPages {
    width: 100%;
    background-color: #162954;
  }
  .sectionGetEstimateAllPages .containerGetEstimateAllPages {
    flex-direction: column;
    padding-top: 7px;
    padding-bottom: 7px;
    position: relative;
    min-height: 127px;
  }
  .sectionGetEstimateAllPages .containerGetEstimateAllPages .left {
    position: absolute;
    left: 10px;
    top: 10px;
  }
  .sectionGetEstimateAllPages .containerGetEstimateAllPages .left .top {
    margin-bottom: 6px;
  }
  .sectionGetEstimateAllPages .containerGetEstimateAllPages .right {
    position: absolute;
    left: 10px;
    top: 56px;
    margin-top: 20px;
    max-width: 100%;
  }
  .sectionGetEstimateAllPages .containerGetEstimateAllPages .right .firstOne {
    background-color: transparent;
    border: 1px solid white;
    transition: 0.3s;
    color: white;
    cursor: pointer;
    font-size: 13px;
    padding: 10px 20px;
  }
  .sectionGetEstimateAllPages .containerGetEstimateAllPages .right .secondtOne {
    background-color: white;
    border: 1px solid white;
    transition: 0.3s;
    color: #162954;
    cursor: pointer;
    font-size: 13px;
    padding: 10px 20px;
  }
}
@media (min-width: 768px) {
  .header-very-top {
    width: 100%;
    background: #fff;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
    padding: 7px 0;
  }
  .header-very-top-left {
    padding-left: 0px;
  }
  .header-very-top-mid {
    margin: 0 auto;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 10px;
  }
  .header-very-top-mid a:first-child {
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
    color: #777777;
  }
  .header-very-top-mini-menu {
    display: block;
  }
  .header-very-top-mini-menu ul {
    display: flex;
    list-style: none;
    align-items: center;
  }
  .section2 {
    width: 100%;
    margin-top: 20px;
  }
  .section2-mid {
    margin: 0 auto;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    padding-bottom: 20px;
  }
  .section2-mid-left {
    max-width: 1023px;
    padding: 30px;
    background: #f2f2f2;
  }
  .section2-mid-right {
    max-width: 1023px;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
  }
  .section2-mid-right1 {
    max-width: 501px;
  }
  .section2-mid-right2 {
    max-width: 501px;
    padding-bottom: 20px;
  }
  .section3-mid {
    max-width: 959px;
    margin: 0 auto;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    padding-bottom: 38px;
  }
  .section3-mid-card1 {
    max-width: 100%;
    background-image: url(../images/Merchant_header_220220191136.jpg);
    background-size: 100%;
  }
  .section3-mid-card1-cover {
    max-width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    padding-top: 20px;
    padding-left: 30px;
    padding-right: 30px;
  }
  .section3-mid-card1-cover h3 {
    color: white;
    font-size: 36px;
  }
  .section3-mid-card1-cover a {
    display: inline-block;
    padding: 0 20px;
    height: 30px;
    background: white;
    line-height: 30px;
    text-align: center;
    color: black;
    margin-top: 25px;
    font-weight: bold;
  }
  .section3-mid-card1-cover p {
    color: white;
    line-height: 24px;
    font-weight: 550;
    font-size: 14px;
  }
  .section3-mid-card1-cover p:nth-child(3) {
    display: block;
  }
  .section3-mid-card1-cover span {
    color: #162954;
  }
  .section3-mid-card2 {
    max-width: 959px;
    height: 200px;
    background: #162954;
    position: relative;
    padding-left: 25px;
    padding-top: 30px;
    padding-right: 20px;
  }
  .section3-mid-card2 p:first-child {
    font-size: 36px;
    line-height: 40px;
  }
  .section3-mid-card2 p:nth-child(2) {
    font-size: 13px;
    margin-top: 25px;
    margin-bottom: 20px;
  }
  .section3-mid-card2 input {
    margin-right: 0;
    width: 280px;
    height: 40px;
    width: 200px;
  }
  .section3-mid-card2 button {
    margin-left: 0;
    position: absolute;
    height: 40px;
    width: 40px;
    border-style: none;
    background: white;
    border-style: none;
  }
  .section3-mid-card2 i {
    color: black;
  }
  .fa-paper-plane {
    font-size: 20px;
    color: white;
  }
  .slides p {
    font-size: 18px;
    line-height: 24px;
  }
  .slides b {
    font-size: 30px;
    line-height: 32px;
  }
  .removedTextForPhone {
    display: block;
    font-size: 18px;
    line-height: 24px;
    color: white;
    font-weight: 400;
  }
  .section2-testimonials {
    flex-direction: row;
  }
  .section1-testimonials > h1 {
    font-size: 32px;
  }
}
@media screen and (max-device-width: 500px) {
  .mapblock__rightcol {
    display: none;
  }
  .mapblock {
    max-width: 215px;
  }
}
@media screen and (max-device-width: 509px) {
  .section3-about-mid .left {
    flex-direction: column !important;
    margin-bottom: 25px;
  }
}
@media screen and (max-device-width: 400px) {
  .mapblock__leftcol p {
    display: none;
  }
  .mapblock__reviews {
    display: none;
  }
  .mapblock {
    max-width: 74%;
  }
  .mapblock__link.pt10 {
    padding-top: 4px;
  }
}
@media screen and (max-device-width: 750px) {
  .general {
    width: 60px;
    height: 60px;
  }
}
@media screen and (max-device-width: 570px) {
  .residential-roofing .sidebar {
    width: 100%;
  }
}
@media (max-width: 480px) {
  .section1-roofingEstimateCalculator .container-roofingEstimateCalculator .formula-roofingEstimateCalculator .thirdBlock .selectionBlock .selection {
    max-width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
  .section1-roofingEstimateCalculator .container-roofingEstimateCalculator .formula-roofingEstimateCalculator .thirdBlock .selectionBlock .selection:last-child {
    max-width: 100%;
  }
  .section1-roofingEstimateCalculator .container-roofingEstimateCalculator .formula-roofingEstimateCalculator .fourthBlock .selectionBlock .selection {
    width: calc(33.3333333333% - 10px);
  }
  .section1-roofingEstimateCalculator .container-roofingEstimateCalculator .formula-roofingEstimateCalculator .fourthBlock .selectionBlock .selection:nth-child(3), .section1-roofingEstimateCalculator .container-roofingEstimateCalculator .formula-roofingEstimateCalculator .fourthBlock .selectionBlock .selection:nth-child(6), .section1-roofingEstimateCalculator .container-roofingEstimateCalculator .formula-roofingEstimateCalculator .fourthBlock .selectionBlock .selection:nth-child(9), .section1-roofingEstimateCalculator .container-roofingEstimateCalculator .formula-roofingEstimateCalculator .fourthBlock .selectionBlock .selection:nth-child(12) {
    margin-right: 0;
  }
  .section1-roofingEstimateCalculator .container-roofingEstimateCalculator .formula-roofingEstimateCalculator .fourthBlock .selectionBlock {
    justify-content: center;
  }
  #iko_drops_select {
    margin-top: 10px;
  }
  .referral1 {
    padding-right: 0;
  }
  .sidebar {
    width: 100%;
  }
  .testimon-box__heading a {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
  }
  .testimon-box__heading a span.heading__name {
    margin-bottom: 0;
  }
  .testimon-box__heading .stars i {
    font-size: 15px;
    margin-right: 5px;
  }
  .testimon-box__heading .stars .star-time {
    margin-left: 10px;
  }
}
@media (max-width: 600px) {
  .magnify-blo#magnify {
    max-width: calc(100% - 40px);
    overflow: hidden;
  }
}
@media (max-width: 500px) {
  .callToActionBlockAllPages .container {
    padding-top: 35px;
  }
  .callToActionBlockAllPages .container h2 {
    font-size: 30px;
    line-height: 50px;
  }
}
@media (max-width: 400px) {
  .callToActionBlockAllPages {
    height: 280px;
  }
  .callToActionBlockAllPages .container {
    padding-top: 20px;
  }
  .callToActionBlockAllPages .container h2 {
    font-size: 25px;
  }
  .callToActionBlockAllPages .container .buttonBlock {
    padding-left: 15px;
  }
  .callToActionBlockAllPages .container .buttonBlock span {
    font-size: 13px;
  }
}
@media (max-width: 800px) {
  .callToActionBlockAllPages {
    background-size: 100% 100%;
  }
}
@media (max-width: 755px) {
  .callToActionBlockAllPages {
    background-size: auto 100%;
  }
}
@media (max-width: 550px) {
  .section1-roofingEstimateCalculator .container-roofingEstimateCalculator .formula-roofingEstimateCalculator .calc__group {
    margin-bottom: 5px;
  }
}
@media (max-width: 912px) {
  .section11-about h2 {
    font-size: 35px;
  }
  .section11-about .section11-about-mid {
    max-width: 1180px;
    margin: 0 auto;
    padding: 10px 20px 50px 20px;
  }
  .section11-about .section11-about-mid .content .img {
    max-width: 400px;
    margin-right: 25px;
  }
  .section11-about .section11-about-mid .content .img img {
    max-width: 400px;
  }
  .section11-about .section11-about-mid .content .text {
    max-width: 650x;
  }
  .section11-about .section11-about-mid .content .text P {
    margin-bottom: 15px;
  }
  .section11-about .section11-about-mid .content .text a {
    padding: 5px 10px;
    color: #ffffff;
    background: #162954;
    text-align: center;
    border: 2px solid #162954;
    line-height: 54px;
    font-size: 16px;
  }
}
@media (max-width: 876px) {
  .section11-about .section11-about-mid .content {
    align-items: flex-start;
  }
}
@media (max-width: 812px) {
  .section11-about .section11-about-mid .content .img {
    max-width: 250px;
  }
  .section11-about .section11-about-mid .content .img img {
    max-width: 250px;
  }
  .section11-about .section11-about-mid .content .text {
    max-width: 800px;
  }
}
@media (max-width: 726px) {
  .section11-about h2 {
    font-size: 35px;
  }
  .section11-about .section11-about-mid {
    max-width: 1180px;
    margin: 0 auto;
    padding: 10px 20px 50px 20px;
  }
  .section11-about .section11-about-mid .content {
    flex-direction: column;
  }
  .section11-about .section11-about-mid .content .img {
    max-width: 646px;
    width: 100%;
    margin: 0 auto;
  }
  .section11-about .section11-about-mid .content .img img {
    max-width: 646px;
    width: 100%;
  }
  .section11-about .section11-about-mid .content .text {
    max-width: 650x;
    margin-top: 25px;
  }
  .section11-about .section11-about-mid .content .text P {
    margin-bottom: 15px;
  }
  .section11-about .section11-about-mid .content .text a {
    padding: 5px 10px;
    color: #ffffff;
    background: #162954;
    text-align: center;
    border: 2px solid #162954;
    line-height: 54px;
    font-size: 16px;
  }
}
@media (min-width: 990px) {
  .header {
    display: block;
    width: 100%;
  }
}
@media (max-width: 900px) {
  .section3-about-mid {
    flex-direction: column;
  }
  .section3-about-mid .left {
    max-width: 100%;
    flex-direction: row;
  }
  .section3-about-mid .left h2 {
    margin-right: 35px;
    font-size: 25px;
  }
  .section3-about-mid .left p {
    max-width: 450px;
  }
}
@media (min-width: 1090px) {
  .wrapper {
    width: 49.7%;
  }
}
@media (max-width: 1029px) {
  .profile-links {
    top: 45px;
  }
}
@media (max-width: 1023px) {
  .section_infoblock {
    margin: 30px 0 50px !important;
  }
}
@media (max-width: 1024px) {
  .profile-img {
    display: unset !important;
  }
}
@media (max-width: 1176px) {
  .section2-store-mid .items {
    justify-content: space-around;
  }
}
@media (max-width: 500px) {
  .page_send_to_customer_link_footer .right p {
    font-size: 14px;
    letter-spacing: 0;
  }
  .page_send_to_customer_link_footer .right span {
    letter-spacing: 0;
    font-size: 16px;
  }
}
@media (max-width: 395px) {
  .page_send_to_customer_link_footer .right span {
    font-size: 12px;
  }
}
@media (max-width: 1024px) {
  .section2-financing-application_container .section2-userinvitation-steps,
  .section2-userinvitation_container .section2-userinvitation-steps {
    text-align: center !important;
  }
  .section2-financing-application_container .section2-financing-application-steps .step,
  .section2-userinvitation_container .section2-financing-application-steps .step {
    text-align: center;
    width: 100%;
  }
  .section2-financing-application_container .section2-financing-application-steps .welcome_message,
  .section2-userinvitation_container .section2-financing-application-steps .welcome_message {
    text-align: left;
  }
  .section2-financing-application_container .tab,
  .section2-userinvitation_container .tab {
    max-width: 360px;
    margin: 0 auto;
  }
  .page_send_to_customer_link_footer .left img,
  .userinvitation_footer .left img {
    width: 49px;
    height: 49px;
  }
  .page_send_to_customer_link_header,
  .userinvitation_header {
    padding: 10px 25px 7px 24px;
  }
  .page_send_to_customer_link_header .userinvitation_logo,
  .userinvitation_header .userinvitation_logo {
    max-width: 160px;
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .page_send_to_customer_link_header .left i,
  .userinvitation_header .left i {
    font-size: 17px;
    height: 39px;
    width: 39px;
    line-height: 39px;
    background-color: #293f5f;
    border-radius: 50%;
    text-align: center;
    color: #e8e8e8;
    margin-right: 10px;
  }
  .page_send_to_customer_link_header .right a,
  .userinvitation_header .right a {
    color: white;
    display: block;
    font-weight: bold;
    letter-spacing: 1px;
    font-size: 14px;
  }
  .page_send_to_customer_link_header .right span,
  .userinvitation_header .right span {
    color: white;
    font-size: 11px;
    letter-spacing: 0.4px;
  }
}
@media (max-width: 778px) {
  .page_send_to_customer_link_header .userinvitation_logo,
  .userinvitation_header .userinvitation_logo {
    max-width: 150px;
    padding-top: 3px;
    padding-bottom: 3px;
  }
  .page_send_to_customer_link_footer,
  .userinvitation_footer {
    height: 79px;
  }
  .page_send_to_customer_link_footer .left,
  .userinvitation_footer .left {
    min-height: 79px;
    max-height: 79px;
    min-width: 79px;
    max-width: 79px;
  }
  .page_send_to_customer_link_footer .left img,
  .userinvitation_footer .left img {
    width: 46px;
    height: 46px;
  }
}
@media (max-width: 550px) {
  .step {
    font-size: 19px !important;
  }
  .section2-financing-application_container .welcome_message,
  .section2-userinvitation_container .welcome_message {
    margin-top: 0px !important;
    font-size: 19px !important;
  }
  .section2-financing-application_container .tab.welcomeTab span,
  .section2-userinvitation_container .tab.welcomeTab span {
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: bold;
  }
  .page_send_to_customer_link_footer,
  .userinvitation_footer {
    height: 68px;
  }
  .page_send_to_customer_link_footer .left,
  .userinvitation_footer .left {
    min-height: 68px;
    max-height: 68px;
    min-width: 68px;
    max-width: 68px;
  }
  .page_send_to_customer_link_footer .left img,
  .userinvitation_footer .left img {
    width: 40px;
    height: 40px;
  }
  .page_send_to_customer_link_header {
    padding: 7px 20px 4px 20px;
  }
  .page_send_to_customer_link_header .for_laptops {
    display: none;
  }
  .page_send_to_customer_link_header .for_phones {
    display: block;
  }
  .page_send_to_customer_link_header .left i {
    font-size: 14px;
    height: 33px;
    width: 33px;
    line-height: 33px;
    background-color: #293f5f;
    border-radius: 50%;
    text-align: center;
    color: #e8e8e8;
    margin-right: 10px;
  }
  .page_send_to_customer_link_header .right a {
    color: white;
    display: block;
    font-weight: bold;
    letter-spacing: 1px;
    font-size: 13px;
  }
  .page_send_to_customer_link_header .right span {
    color: white;
    font-size: 11px;
    letter-spacing: 0.4px;
  }
  .userinvitation_header {
    padding: 7px 20px 4px 20px;
  }
  .userinvitation_header .for_laptops {
    display: none;
  }
  .userinvitation_header .for_phones {
    display: block;
  }
  .userinvitation_header .left i {
    font-size: 14px;
    height: 33px;
    width: 33px;
    line-height: 33px;
    background-color: #293f5f;
    border-radius: 50%;
    text-align: center;
    color: #e8e8e8;
    margin-right: 10px;
  }
  .userinvitation_header .right a {
    color: white;
    display: block;
    font-weight: bold;
    letter-spacing: 1px;
    font-size: 13px;
  }
  .userinvitation_header .right span {
    color: white;
    font-size: 11px;
    letter-spacing: 0.4px;
  }
}
@media (min-width: 1024px) {
  .fixed {
    position: fixed;
    z-index: 20;
    top: 0;
    width: 100%;
    background: white;
    transition: 0.3s;
  }
  .header-very-top-mid {
    padding-right: 10px;
    padding-left: 10px;
  }
  .header-very-top-mid a:first-child {
    font-style: normal;
    font-weight: bold;
    font-size: 17px;
    color: #777777;
  }
  .header-very-top-mid a:hover {
    opacity: 0.7;
    transition: all 0.2s ease-in-out;
  }
  .header-very-top-mini-menu {
    display: block;
  }
  .header-very-top-mini-menu ul {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    list-style: none;
    align-items: center;
  }
  .header-very-top-mini-menu a {
    padding-left: 10px;
    margin-left: 10px;
  }
  .logo {
    max-width: 300px;
    width: 100%;
    padding-bottom: 10px;
    margin-top: 5px;
  }
  .section1 {
    max-width: 100%;
  }
  .section2 {
    width: 100%;
    margin-top: 50px;
  }
  .section2-mid {
    margin: 0 auto;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    margin-bottom: 20px;
    padding-bottom: 20px;
  }
  .section2-mid-left {
    max-width: 668px;
    padding: 30px;
    background: #f2f2f2;
  }
  .section2-mid-right {
    max-width: 440px;
    display: block;
    margin-left: 32px;
  }
  .section2-mid-right1 {
    max-width: 440px;
    margin-right: 0;
    margin-top: 0;
  }
  .section2-mid-right2 {
    max-width: 440px;
    min-height: 193px;
  }
  .section3-mid {
    max-width: 1180px;
    margin: 0 auto;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    padding-bottom: 38px;
    flex-direction: row;
    padding-right: 20px;
    padding-left: 20px;
  }
  .section3-mid-card1 {
    max-width: 100%;
    width: 100%;
    height: 100%;
    min-height: 283px;
    background-image: url(../images/Merchant_header_220220191136.jpg);
    background-size: 100%;
    margin-right: 20px;
  }
  .section3-mid-card1-cover {
    max-width: 100%;
    min-height: 283px;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    padding-top: 20px;
    padding-left: 30px;
    padding-right: 30px;
  }
  .section3-mid-card1-cover h3 {
    color: white;
    font-size: 36px;
  }
  .section3-mid-card1-cover a {
    display: inline-block;
    padding: 0 20px;
    height: 30px;
    background: white;
    line-height: 30px;
    text-align: center;
    color: black;
    margin-top: 25px;
    font-weight: bold;
  }
  .section3-mid-card1-cover p {
    color: white;
    line-height: 24px;
    font-weight: 550;
    font-size: 14px;
  }
  .section3-mid-card1-cover p:nth-child(3) {
    display: block;
  }
  .section3-mid-card1-cover span {
    color: #162954;
  }
  .section3-mid-card2 {
    max-width: 389px;
    height: 100%;
    min-height: 283px;
    background: #162954;
    position: relative;
    padding: 1.5%;
  }
  .section3-mid-card2 p:first-child {
    font-size: 36px;
    line-height: 40px;
  }
  .section3-mid-card2 p:nth-child(2) {
    font-size: 13px;
    margin-top: 25px;
    margin-bottom: 20px;
  }
  .section3-mid-card2 input {
    margin-right: 0;
    min-width: 85%;
    height: 40px;
  }
  .section3-mid-card2 button {
    margin-left: 0;
    position: absolute;
    height: 40px;
    width: 40px;
    border-style: none;
    background: white;
    border-style: none;
  }
  .section3-mid-card2 i {
    color: black;
  }
  .fa-paper-plane {
    font-size: 20px;
    color: white;
  }
}
@media (max-width: 800px) {
  .section1-gallery-mid .project {
    max-height: -moz-fit-content;
    max-height: fit-content;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
  }
  .section1-gallery-mid .project .imgContainer {
    max-width: 100%;
    max-height: auto;
  }
  .section1-gallery-mid .project .imgContainer .img {
    max-width: 100%;
    max-height: auto;
  }
  .section1-gallery-mid .project .information {
    max-width: 100%;
    width: 100%;
    max-height: auto;
  }
}
@media screen and (max-width: 1000px) {
  .kc_ArticlesList {
    flex-wrap: nowrap !important;
    flex-direction: column !important;
  }
  .kc_ArticlesList .kc_articleItem {
    width: 100% !important;
  }
}/*# sourceMappingURL=media.css.map */