@media (min-width: 1400px){
    section.banner .description {
        font-size: 17px;
    }
}
@media (min-width: 1200px){
    .container {
        width: 1200px;
        max-width: 1200px;
    }
}
@media (max-width: 1500px){
    body {
        font-size: 14px;
    }
    header.main-header {
        position: absolute;
    }
    h1 {
        font-size: 40px;
    }
    main.main-content {
        padding-top: 175px;
    }
    section.loan .boxes .icon-holder {
        height: 135px;
        width: 135px;
    }
    section.loan .boxes .icon-holder img {
        display: inline-block;
        max-width: 60px;
    }
    section.banner .boxes .box:nth-child(1) {
        margin-left: 95px;
    }
    section.banner .boxes .box:nth-child(1):before {
        left: -97px;
        bottom: 30px;
        height: 90px;
        width: 80px;
    }
    section.banner .boxes .box:nth-child(4):before {
        right: -97px;
        top: 30px;
        height: 90px;
        width: 80px;
    }
    section.banner .boxes-holder .image {
        max-width: 500px;
    }
    section.banner .boxes .box .icon-holder {
        max-width: 40px;
        margin: 0 auto 15px;
    }
    section.banner .boxes .box .box-title {
        font-size: 23px;
    }
    section.banner .boxes .box .box-text {
        font-size: 14px;
    }
    section.banner .boxes .box {
        width: 168px;
        height: 200px;
        padding: 40px 10px 0;
    }
    section.banner .content-holder {
        max-width: 610px;
        margin-top: 0;
    }
    section.banner .image-holder {
        max-width: 550px;
    }
    .custom-button {
        font-size: 14px;
        padding: 12px 20px;
    }
    .button-phone {
        font-size: 16px;
    }
    header.main-header .logo {
        top: 0;
    }
    header.main-header .header-menu ul li a {
        font-size: 13px;
        padding: 12px 18px;
    }
    section.calculator-section .form .button-pre-approved {
        margin-top: 21px;
    }
}
@media (max-width: 1200px) {
    body {
        font-size: 13px;
    }
    h1 {
        font-size: 34px;
    }
    h2 {
        font-size: 24px;
    }
    h4 {
        font-size: 16px;
    }
    h3 {
        font-size: 18px;
    }
    h5 {
        font-size: 12px;
    }
    .custom-button.custom-button-xl {
        min-width: 180px;
    }
    header.main-header .header-menu ul li a {
        max-width: 125px;
        padding: 8px 18px;
    }
    header.main-header .header-menu ul li:last-child a {
        border-right: 1px solid #DEE7F2;
    }
    .form .slider-numbers .number {
        width: 2.85%;
    }
    section.banner {
        padding-top: 50px;
        padding-bottom: 30px;
        background: -moz-linear-gradient(top, #fff 0%, #fff 70%, rgba(255, 255, 255, 0) 71%, rgba(255, 255, 255, 0) 100%);
        background: -webkit-linear-gradient(top, #fff 0%, #fff 70%, rgba(255, 255, 255, 0) 71%, rgba(255, 255, 255, 0) 100%);
        background: linear-gradient(to bottom, #fff 0%, #fff 70%, rgba(255, 255, 255, 0) 71%, rgba(255, 255, 255, 0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#00ffffff",GradientType=0);
    }
    section.banner .rate-boxes {
        float: right;
    }
    section.banner .wave {
        background-image: url("../../assets/images/banner-home-wave.svg");
    }
    section.banner .description {
        max-width: 700px;
    }
    section.banner .boxes .box .icon-holder {
        max-width: 45px;
    }
    section.banner .image-holder {
        float: right;
    }
    .custom-button-light {
        font-size: 14px;
    }
    .custom-button.custom-button-lg {
        padding: 18px 15px 18px;
    }
    .field-icon .icon-holder {
        max-width: 55px;
    }

    .field-icon {
        padding-left: 65px;
    }
    .form h3 {
        font-size: 18px;
    }
    .form label.label-field {
        font-size: 13px;
    }
    section.loan .boxes .icon-holder {
        height: 120px;
        width: 120px;
    }

    section.loan .boxes .icon-holder img {
        max-width: 60px;
        margin-top: 30px;
    }

    section.loan .boxes .box-text {
        padding: 0 20px 30px;
    }

    section.compare .vs {
        font-size: 75px;
        left: calc(50% - 55px);
    }

    section.compare .columns .list-no .column {
        margin-left: 19%;
    }

    section.how .boxes .box .box-image {
        max-width: 380px;
    }

    section.how .boxes .box-content {
        max-width: 377px;
    }
    .post-block .content {
        height: 140px;
        padding: 25px 15px 20px 25px;
    }
    section.feedback .form .form-control {
        font-size: 15px;
        padding: 15px;
        height: 52px;
    }
    aside.sidebar .post-block.post-block-sm .image-holder {
        height: 80px;
        width: 80px;
        margin-right: 10px;
    }
    aside.sidebar .post-block .content .post-date {
        font-size: 10px;
        margin-top: 5px;
    }

    .post-block.post-block-lg .image-holder {
        height: 240px;
    }
    .post-block.post-block-lg .content {
        padding-top: 15px;
    }
    section.custom-section .left-column .form .form-field {
        overflow: hidden;
    }
    section.custom-section .left-column .form .col-md-3 {
        width: 50%;
    }
    section.footer-menu .footer-text {
        margin-left: 0;
    }
    section.footer-menu .footer-address {
        margin-top: 50px;
    }
    body.single-service section.loan .boxes .box-text {
        min-height: 170px;
    }
    .rate-boxes .box {
        width: 170px;
        margin: 0 15px 20px 0;
    }
    .rate-boxes .box .custom-button.custom-button-sm {
        font-size: 12px;
        padding: 11px 5px;
        width: 100%;
    }
    .rate-boxes .box .box-content {
        padding: 15px;
        height: 230px;
    }
    .rate-boxes .box .box-content .rate-icon {
        height: 40px;
        margin-top: 15px;
        margin-bottom: 20px;
    }
    .rate-boxes .box .box-content .rate-title {
        font-size: 12px;
        margin-bottom: 25px;
    }
    section.banner .boxes {
        margin-bottom: 0px;
    }
}
@media (max-width: 992px){
    h1 {
        font-size: 26px;
    }
    h4 {
        font-size: 14px;
    }
    main.main-content {
        padding-top: 167px;
    }
    .panel-title {
        font-size: 14px;
    }
    header.main-header .header-menu ul li a {
        font-size: 12px;
        padding: 12px 15px;
        max-width: 107px;
    }
    header.main-header .header-menu ul li:last-child a {
        border-right: 1px solid transparent;
    }
    section.banner.banner-home .content-holder {
        margin-bottom: 40px;
    }
    .description br {
        display: none;
    }
    section.loan .boxes .icon-holder {
        height: 80px;
        width: 80px;
        margin: 20px auto 20px;
    }
    section.loan .boxes .icon-holder img {
        max-width: 40px;
        margin-top: 18px;
    }
    section.compare .vs {
        font-size: 45px;
        left: calc(50% - 31px);
    }
    section.how .boxes .box .box-image {
        max-width: 300px;
    }
    section.how .boxes .box-content {
        max-width: 300px;
        padding-top: 0;
    }
    section.how .boxes .box-icon {
        top: calc(50% - 25px);
        left: calc(50% - 25px);
         width: 50px;
        height: 50px;
    }
    section.how .boxes .box-col {
        min-height: 150px;
        margin-bottom: 30px;
    }
    section.testimonials .content-holder .rate {
        font-size: 120px;
        margin-top: 10px;
    }
    section.custom-section .custom-section {
        padding: 0 0 50px;
    }
    section.custom-section {
        padding: 50px 0;
    }
    section.latest-news {
        padding: 50px 0 50px;
    }
    .post-block .image-holder {
        height: 145px;
    }
    section.footer-menu .menu-box .menu-list.menu-list-col li {
        width: 100%;
        float: none;
    }
    header.main-header .logo {
        width: 180px;
        display: block;
    }
    section.feedback .description {
        margin-bottom: 15px;
    }
    .form .slider-numbers .number {
        width: 2.8%;
    }
    section.key .boxes .box {
        padding: 15px 20px;
    }
    section.key .boxes .box .box-text {
        font-size: 12px;
        min-height: 70px;
    }
    section.feedback,
    section.testimonials {
        padding: 50px 0;
    }
    section.testimonials .testimonial-slider .testimonial-block .content {
        margin: 30px auto;
    }
    footer.main-footer .or {
        padding: 0 5px;
    }
    footer.main-footer .company {
        font-size: 11px;
    }
    section.footer-menu .address {
        font-size: 12px;
    }
    .convergine-wrapper {
        width: 220px;
    }
    .convergine-wrapper .left-block a {
        font-size: 11px;
    }
    footer.main-footer .footer-text {
        margin: 15px 0;
        font-size: 11px;
    }

    .post-block.post-block-lg .content {
        height: 150px;
        padding: 18px 30px;
    }
    nav.nav-category ul li a {
        font-size: 11px;
        padding: 8px 10px;
    }
    nav.nav-category ul li {
        margin-right: 5px;
        margin-bottom: 8px;
    }
    .post-block .content {
        height: 140px;
        padding: 25px 10px 10px 15px;
    }
    .post-block .content .post-date {
        font-size: 10px;
        margin-right: -10px;
    }
    aside.popup-menu .popup-nav .menu-list-col li {
        width: 100%;
        float: none;
    }
}
@media (max-width: 992px){
    h2 {
        font-size: 22px;
    }
    .button-holder .custom-button {
        margin-right: 10px;
    }
    section.mortgage-form.form .risk-scale .col-sm-6 .form-field {
        padding: 0 20px;
    }
    section.mortgage-form.form .risk-scale .col-sm-6 .form-radio-field-small .col-4 {
        padding: 0 5px;
    }
    section.form-full .form .field-group .same-address {
        padding-left: 0;
    }
    section.form-full .form .field-group .same-address .form-checkbox-field label {
        font-size: 10px;
    }
    section.loan .boxes .box-text {
        padding: 0 30px 30px;
    }
    section.loan .boxes .box {
        max-width: 330px;
    }
    .custom-button-light {
        font-size: 12px;
    }
    .button-phone {
        font-size: 14px;
    }
    .custom-button {
        font-size: 12px;
    }
    section.rates-type .col-first {
        width: 100%;
    }
    section.custom-section .left-column .form .col-md-3 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    section.custom-section .left-column .form .checkbox-col,
    section.custom-section .left-column .form .agent-col,
    section.custom-section .left-column .form .col-sm-4 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    section.banner .wave {
        background-size: contain;
    }
    section.provides .title {
        margin-left: 0px;
        margin-right: 0px;
    }
    .custom-button .bee-icon {
        right: -60px;
        top: -25px;
        height: 94px;
        width: 260px;
    }
}
@media (min-width: 767px) and (max-width: 992px){
    aside.sidebar .resent-posts {
        margin-top: 0px;
    }
    aside.sidebar .post-block.post-block-sm {
        width: 100%;
        max-width: 220px;
        float: none;
    }
    aside.sidebar .post-block.post-block-sm .image-holder {
        height: 80px;
        width: 100%;
        margin-right: 0px;
    }
    aside.sidebar .post-block.post-block-sm .content {
        padding: 15px;
        background: #fff;
        width: 100%;
    }
    body.page-template-template-blog .post-block.post-block-lg .content .post-date {
        font-size: 12px;
    }
    body.page-template-template-blog aside.sidebar .post-block.post-block-sm {
        width: calc(50% - 15px);
        float: left;
        margin-right: 15px;
        max-width: inherit;
    }
    body.page-template-template-blog aside.sidebar .resent-posts {
        margin-top: 40px;
    }
    body.page-template-template-blog aside.sidebar .post-block .content {
        height: 100px;
    }
    body.page-template-template-blog aside.sidebar .post-block .content .post-title {
        font-size: 14px;
    }
    body.page-template-template-blog aside.sidebar .post-block.post-block-sm .image-holder {
        height: 120px;
    }
    section.loan .info {
        font-size: 16px;
    }
}
@media (max-width: 767px){
    h1 {
        font-size: 28px;
    }
    section.how .boxes .box .box-image {
        max-width: 100%;
    }
    section.custom-section .left-column .form .col-md-3 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    header.main-header .middle {
        padding: 10px 0;
    }
    .field-icon .title {
        margin-top: 0;
    }
    .form label.label-field {
        font-size: 14px;
    }
    .form .form-field {
        margin-bottom: 10px;
    }
    .form-full-wrapper .form .form-radio-field .form-radio {
        height: inherit;
    }
    .form .info-details .info-content {
        padding: 10px;
    }
    section.sheet-form .rates-values-body {
        padding: 0;
    }
    section.sheet-form .rates-values .rates-values-body .form-radio {
        font-size: 12px;
        line-height: 1.2;
    }
    section.mortgage-form.form label.label-field {
        margin-bottom: 2px;
    }
    section.mortgage-form.form .form-title h4 {
        font-size: 14px;
    }
    section.mortgage-form.form .form-field {
        margin-bottom: 0;
    }
    section.custom-section .mortgage-form.form {
        padding: 0;
        border: none;
        background: transparent;
    }
    section.mortgage-form.form .field-group h3 {
        margin: 0 -26px 25px;
        padding-bottom: 15px;
    }
    section.mortgage-form.form .form-title {
        margin-top: 0;
    }
    section.mortgage-form.form .border-col {
        border-right: none;
    }
    section.mortgage-form.form .field-group {
        padding: 0 25px 15px;
        margin-bottom: 0px;
    }
    section.mortgage-form.form ul {
        padding-left: 15px;
    }
    section.mortgage-form.form .space {
        height: 0px;
    }
    section.form-full .form .field-group .same-address {
        padding-left: 15px;
    }
    section.form-full .form .field-group .same-address .form-checkbox-field label {
        font-size: 14px;
    }
    section.mortgage-form.form .risk-scale .col-sm-6 {
        padding: 0 15px;
        background: transparent;
        border: none;
    }
    section.banner {
        position: relative;
        /* z-index: 2; */
        padding: 30px 0;
        background: -moz-linear-gradient(top, white 0%, white 95%, rgba(255, 255, 255, 0) 96%, rgba(255, 255, 255, 0) 100%);
        background: -webkit-linear-gradient(top, white 0%, white 95%, rgba(255, 255, 255, 0) 96%, rgba(255, 255, 255, 0) 100%);
        background: linear-gradient(to bottom, white 0%, white 95%, rgba(255, 255, 255, 0) 96%, rgba(255, 255, 255, 0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#00ffffff",GradientType=0 );
    }
    section.banner .image-holder {
        max-width: 308px;
        margin: 20px auto;
        float: none;
    }
    section.banner.banner-simple {
        padding: 50px 0 30px;
    }
    section.banner.banner-home {
        margin-bottom: 30px;
        padding: 50px 0 30px;
    }
    section.banner.banner-home h1 {
        font-size: 26px;
        margin-top: 0;
    }
    section.banner .content-holder {
        margin-bottom: 30px;
    }
    section.banner .wave {
        background-size: contain;
    }
    section.banner .boxes .box .icon-holder {
        max-width: 35px;
    }
    section.banner .boxes-holder .image {
        max-width: 350px;
        height: 326px;
        top: inherit;
        bottom: 0;
        transform: rotate(90deg);
    }
    section.banner .boxes .box:nth-child(1) {
        margin-left: 0px;
        margin-right: 8px;
        margin-bottom: 8px;
    }
    section.banner .boxes .box:nth-child(2) {
        margin-right: 0px;
        margin-bottom: 8px;
    }
    section.banner .boxes .box:nth-child(3) {
        margin-right: 8px;
        margin-left: 0;
    }
    section.banner .boxes .box:nth-child(1):before {
        bottom: 140px;
        left: 113px;
        z-index: -1;
    }
    section.banner .boxes .box:nth-child(4):before {
        left: -44px;
        top: -48px;
        background-image: url(../images/cell-first.png);
    }
    section.banner .boxes .box:nth-child(3):before {
        pointer-events: none;
        transition: all ease 0.3s;
        content: "";
        height: 90px;
        width: 80px;
        position: absolute;
        right: -44px;
        bottom: -50px;
        background-position: center center;
        background-repeat: no-repeat;
        -webkit-background-size: contain;
        background-size: contain;
        background-image: url(../images/cell-first.png);
    }
    section.banner .boxes-holder {
        padding-top: 60px;
        padding-bottom: 40px;
        float: none;
        margin: 0 auto;
        max-width: 305px;
    }
    section.banner .boxes .box {
        width: 148px;
        height: 180px;
        padding: 40px 10px 0;
    }
    section.banner .boxes .box .box-text {
        font-size: 11px;
    }
    section.banner .rate-boxes {
        float: none;
    }
    .rate-boxes .box {
        width: calc(50% - 10px);
        margin: 0 10px 20px 0;
    }
    .rate-boxes .box .box-content {
        padding-left: 5px;
        padding-right: 5px;
    }
    .rate-boxes .box .custom-button.custom-button-sm {
        max-width: 130px;
    }
    section.how .boxes .box-col {
        min-height: 50px;
        margin-bottom: 30px;
    }
    section.how {
        padding: 30px 0;
    }
    section.how .boxes .box-icon {
        position: relative;
        top: 0;
        left: 0;
        right: 0;
    }
    section.how .boxes .box:after {
        content: "";
        position: absolute;
        width: 230px;
        display: block;
        pointer-events: none;
        top: -25px;
        background-image: url(../images/btn-bee-line.png);
        height: 94px;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        left: 70px;
    }
    section.how .holder .icons-line {
        display: none;
    }
    section.how.advantages .boxes .box-col {
        min-height: 80px;
        margin-bottom: 0px;
    }
    section.how .boxes .box:nth-child(even) .box-col:nth-child(odd) .box-image {
        float: none;
    }
    section.how .boxes .box:nth-child(even) .box-col:nth-child(odd) {
        order: 0;
    }
    section.how .boxes .box:nth-child(odd) .box-col:nth-child(even) .box-content {
        float: none;
    }
    section.key .boxes .box .box-text {
        font-size: 14px;
        min-height: 20px;
    }
    .form .slider-numbers .number{
        width: 5.5%;
    }
    .form .form-radio {
        margin-bottom: 15px;
        font-size: 14px;
    }
    .form .slider-numbers .number:nth-child(even){
        display: none;
    }
    section.loan .boxes .box {
        margin-bottom: 15px;
        max-width: 270px;
        margin-left: auto;
        margin-right: auto;
    }
    section.testimonials .content-holder {
        margin-bottom: 50px;
    }
    section.testimonials {
        max-height: inherit;
    }
    section.testimonials .testimonial-slider .testimonial-block .content {
        padding: 0;
        margin-top: 30px;
    }
    section.testimonials:after {
        height: 54%;
        width: 100%;
    }
    section.provides .boxes .box {
        margin-bottom: 20px;
    }
    section.provides .boxes .box-icon {
        margin-bottom: 15px;
    }
    section.compare .vs {
        display: none;
    }
    section.compare:before {
        content: none;
    }
    section.compare .columns .list-no .column {
        margin-left: 0;
        margin-top: 40px;
    }
    .custom-button {
        font-size: 12px;
    }
    aside.popup-menu .popup-nav h4 {
        font-size: 16px;
        margin-bottom: 15px;
    }
    body.menu-open {
        height: 100%;
        overflow: hidden;
    }
    aside.popup-menu .popup-nav {
        padding: 50px 0 80px;
    }
    aside.popup-menu .popup-nav ul {
        margin-bottom: 30px;
    }
    aside.popup-menu {
        overflow: auto;
        height: 100%;
        margin-top: -10px;
        padding-bottom: 200px;
        position: fixed;
        transform: rotateX(0) rotateY(180deg);
        transform-origin: left;
    }
    header.main-header .top .text {
        font-size: 9px;
    }
    header.main-header .logo {
        margin-bottom: 10px;
        margin-top: 0px;
    }
    header.main-header .button-holder .custom-button {
        margin-right: 5px;
        padding-left: 8px;
        padding-right: 8px;
        width: calc(50% - 7px);
    }
    header.main-header .button-holder .custom-button:nth-child(2) {
        margin-right: 0;
        margin-left: 5px;
    }
    header.main-header .button-holder .custom-button:last-child {
        width: 100%;
        margin: 10px 0 5px;
    }
    header.main-header .bottom .button-phone {
        padding: 15px 0;
    }
    button.popupCollapse {
        padding-top: 10px;
    }
    section.banner.banner-home .content-holder {
        margin-bottom: 15px;
    }
    section.footer-menu {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    section.footer-menu .menu-box .menu-list li a {
        font-size: 11px;
    }
    section.footer-menu .menu-box .menu-title {
        font-size: 14px;
        margin-bottom: 15px;
    }
    section.footer-menu .address {
        font-size: 10px;
    }
    section.footer-menu .menu-box .menu-list {
        margin-bottom: 25px;
    }
    section.footer-menu .footer-address {
        margin-top: 0px;
    }
    section.custom-section .form {
        padding: 25px;
    }
    aside.sidebar {
        margin-top: 30px;
    }
    aside.sidebar .post-block .content .post-title {
        font-size: 12px;
    }
    .post-block.post-block-lg .content {
        height: inherit;
        padding: 18px 20px;
    }
    .post-block .content .post-title {
        font-size: 16px;
    }
    .post-block .content .post-date {
        font-size: 12px;
        margin-right: 0px;
    }
    section.teams .team-box {
        margin-bottom: 30px;
    }
    .convergine-wrapper .left-block {
        width: 180px;
    }
    .convergine-wrapper {
        width: 210px;
        float: none;
        margin: 0;
    }
    .form h3 {
        margin-top: 15px;
    }
    section.loan .info {
        font-size: 14px;
    }
    section.loan .info {
        font-size: 13px;
    }
    section.contact .text {
        margin-bottom: 10px;
    }
    main.main-content {
        padding-top: 190px;
    }
    section.feedback .image {
        max-width: 100%;
        left: 0;
    }
    section.feedback .icon-line {
        right: 0;
        max-width: 100%;
        top: 0;
    }
}
@media (max-width: 576px){
    main.main-content {
        padding-top: 230px;
    }

}
@media (max-width: 325px){
    section.banner .boxes .box {
        width: 140px;
    }
    section.banner .boxes-holder .image {
        max-width: 100%;
        height: 277px;
    }
    h2 {
        font-size: 18px;
    }
    .form h3 {
        margin-top: 15px;
        font-size: 16px;
    }
    .field-icon {
        padding-top: 0;
    }
    .form .slider-numbers .number {
        width: 4.4%;
    }
    header.main-header .button-holder .custom-button {
        padding-left: 5px;
        padding-right: 5px;
    }
    section.testimonials .content-holder .rate {
        font-size: 105px;
        margin-top: 15px;
    }
    section.how .boxes .box:after {
        width: 218px;
    }
    section.how .boxes .box:before {
        left: 285px;
    }
    header.main-header .top .text {
        font-size: 8px;
    }
    section.banner .boxes .box .box-text {
        font-size: 9px;
    }
}