@media only screen and (max-width: 991px) {
    .navbar-toggler {
        line-height: 1;
        padding: 0;
        border-radius: 0;
    }

    .navbar-toggler.menu-icon {
        width: 35px;
        padding: 0;
        cursor: pointer;
        position: relative;
        border: 0px;
        margin-right: 15px;
    }

    .navbar-toggler.menu-icon span {
        width: 100%;
        height: 4px;
        display: block;
        background-color: #fff;
        margin: 6px 0;
        -webkit-transition: .5s;
        transition: .5s;
    }

    .navbar-toggler.menu-icon.active span {
        position: absolute;
        top: calc(50% - 8px);
    }

    .navbar-toggler.menu-icon.active span:nth-child(1) {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .navbar-toggler.menu-icon.active span:nth-child(3) {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .navbar-toggler.menu-icon.active span:nth-child(2) {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        display: none;
    }

    .navbar-light .navbar-brand {
        width: 75%;
    }

    .navbar-light .navbar-brand img {
        max-height: 100px;
    }

    .header .navbar-brand {
        width: 190px;
        height: 100px;
        text-align: left;
        padding-left: 15px;
    }

    .header .logo img {
        max-height: 85px;
    }

    .navbar-nav {
        background: #000;
        padding: 10px 0px;
    }

    .navbar-nav li {
        margin-right: 0px;
    }

    .navbar-nav .nav-link {
        margin: 0;
        text-align: center;
        font-size: 14px;
        line-height: 25px;
    }

    .header.scrolled .navbar-toggler.menu-icon span {
        background: #000;
    }

    .header.scrolled .navbar-nav {
        background: #fff;
    }

    .header.active .navbar-nav .nav-link {
        color: #fff;
    }

    .header.active.scrolled .navbar-nav .nav-link {
        color: #000;
    }

    .header.active .navbar-toggler.menu-icon span {
        background: #000;
    }

    .header {
        padding-top: 8px;
    }

    .header .container {
        padding: 0;
    }

    .navbar-nav li {
        width: 100%;
        text-align: center;
        margin: 4px 0px;
    }

    .navbar-nav .socials {
        justify-content: center;
    }

    .header.scrolled .navbar-nav .nav-link {
        margin: 0px;
    }

    .hamburger {
        left: auto;
        right: 0;
        margin-right: 10px;
    }

    .menu-wrapper ul li.social {
        padding: 70px 15px;
    }

    .menu-wrapper .social a {
        margin-left: 0px;
        margin-right: 4px;
    }

    .megamenu .lt {
        padding-left: 10px;
        padding-right: 10px;
    }

    .header.scrolled .hamburger span:before,
    .header.scrolled .hamburger span:after {
    }

    .header.scrolled .hamburger span {
    }

    .megamenu .sidemenu-header {
        text-align: right;
        margin-right: 30px;
        left: auto;
        right: 0;
        top: -26px;
    }

    .megamenu .menu-wrapper {
        padding: 50px 0 56px 0;
    }

    .menu-wrapper ul li a {
        padding: 8px 12px 5px 29px;
        font-size: 18px;
    }

    .menu-wrapper ul li ul li a {
        font-size: 14px;
        padding: 6px 12px 16px 19px;
    }

    .megamenu .menu-wrapper {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .navbar {
        width: 100%;
    }

}

@media only screen and (max-width: 767px) {
    .flush-xs {
        padding-right: 0px;
        padding-left: 0px;
    }

    .visible-xs {
        display: inline-block;
    }

    .xs-100 {
        width: 100%;
    }

    h6 {
        font-size: 13px;
    }

    h2 {
        font-size: 35px;
    }

    h3 {
        font-size: 24px;
    }

    h5 {
        font-size: 18px;
    }

    .underlined::after {
        left: 50%;
        margin-left: -35px;
        width: 70px;
    }

    .row-eq-height {
        display: inline-block;
    }

    .section-title {
        display: block;
    }

    .section-title h2 {
        font-size: 15px;
    }

    .section-title a {
        float: right;
    }

    .about {
        padding: 70px 0px;
        background: #000;
    }

    .about .content {
        padding-top: 30px;
        padding-right: 15px;
        padding-left: 15px;
    }

    .about .content .content-image {
        width: 100%;
        padding-top: 80%;
        position: relative;
        left: 0;
        margin-top: 30px;
    }

    .testimonials .section-title {
        margin-bottom: 0px;
    }

    .testimonials {
        padding: 100px 0 10px 0;
    }

    .sold {
        padding: 50px 0px 20px 0px;
    }

    .contact-down h2 {
        margin-bottom: 20px;
    }

    .contact-down input {
        margin-bottom: 20px;
    }

    .testimonials p {
        font-size: 15px;
    }

    .testimonials .spr img {
        left: 0px;
        width: 20px;
    }

    .cta-box {
        float: left;
        width: 100%;
    }

    .cta-box .text {
        transform: none;
    }

    .testimonials .spr {
        padding: 0px 23px;
    }

    .cta-buyer-seller .about-box canvas {
        height: 450px;
    }

    .social-media .insta {
        display: block;
    }

    .social-media .head {
        height: 220px;
        max-width: 100%;
        width: 100%;
    }

    .footer .big-container {
        padding: 0px 20px;
    }

    .footer {
        padding: 70px 0px;
    }

    .footer h3 {
        margin-top: 40px;
    }

    .footer h4 {
        margin-top: 10px;
    }

    .page-banner h1 {
        font-size: 30px;
    }

    p {
        font-size: 14px;
    }

    .section-title h6 {
        line-height: 1.5;
        font-size: 16px;
    }

    .copyrights p {
        margin: 10px 0px;
    }

    .contact-info .bg-img {
        padding: 50px 20px;
    }

    .formstyle {
        padding: 50px 20px;
    }

    .header-search form {
        margin: 0 15px;
    }

    .header-search form i.search {
        width: 6px;
        height: 24px;
        margin-right: 24px;
        fill: transparent;
        color: #fff;
        font-size: 24px;
    }

    .header-search form input {
        width: calc(100% - 88px);
        font-size: 30px;
        line-height: 30px;
    }

    .header-search form button {
        top: -5px;
    }

    .social-media {
        padding: 70px 0px 70px 0px;
    }

    .copyrights ul li {
        margin: 0px 7px 0px 7px;
    }

    .page-banner {
        padding: 240px 0px 130px 0px;
    }

    .info-small {
        padding: 50px 0px 70px 0px;
    }

    .info-small .bg {
        padding: 30px 20px;
    }

    .info-small h2 {
        font-size: 27px;
    }

    .agents h2 {
        font-size: 40px;
    }

    #filter-wrapper .mixitup-control {
        margin-bottom: 10px;
    }

}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    h2 {
        font-size: 30px;
    }

    h3 {
        font-size: 24px;
    }

    h4 {
        font-size: 20px;
    }

    h5 {
        font-size: 18px;
    }

    .slider h1 {
        font-size: 55px;
    }

    p {
        font-size: 14px;
    }

    .section-title h6 {
        line-height: 1.5;
        font-size: 16px;
    }

    .btn-default {
        padding: 0px 22px;
    }

    .copyrights p {
        font-size: 13px;
    }

    .contact-info .bg-img {
        padding: 50px 30px;
    }

    .testimonials .spr {
        padding: 0px 70px 0px 100px;
    }

    .testimonials .spr img {
        left: 36px;
        width: 60px;
    }

    .contact-down input {
        margin-bottom: 20px;
    }

    .about .content {
        padding-right: 0px;
        padding-left: 20px;
    }

    .cta-box .text p {
        font-size: 15px;
    }

    .cta-box .img figure {
        height: 250px;
    }

    .megamenu .lt {
        position: inherit;
    }

    .megamenu .sidemenu-header {
        top: 26px;
    }

    .about {
        padding: 34px 72px 50px 12px;
        background: #000;
    }

    .info-small .bg {
        padding: 40px 40px;
    }

    .info-small h2 {
        font-size: 27px;
    }

}


@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-left: 0;
        padding-right: 0;
    }

}

@media screen and (min-width: 1280px) {

}


@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .header.scrolled .logo img {
    }

    .navbar-nav .nav-link {
        font-size: 10px;
    }

    .navbar-nav li {
        margin: 0px 8px;
    }

    .navbar-nav {
        padding-right: 0px;
    }

    h2 {
        font-size: 34px;
    }

    p, ul.bulleted {
        font-size: 13px;
    }

    h6 {
        font-size: 14px;
    }

    .header .logo {
        padding-left: 70px;
    }

    .header .search-trigger {
        margin: 17px 0px 0px 0px;
    }

    .about {
        padding: 60px 72px 60px 12px;
        background: #000;
    }

}

@media screen and (max-width: 576px) {
    .page-banner {
        padding: 170px 0px 90px 0px;
    }

    .about.inner {
        margin-top: 0;
        margin-bottom: 20px;
    }

    .listing, .evaluation {
        padding: 40px 0;
    }

    #slider img {
        height: 300px;
    }

    #slider .thumbs img {
        height: 25px;
    }

    #slider .swiper-button-next, #slider .swiper-button-prev {
        max-width: 50px;
        min-width: auto;
    }

    #property .info .btn-wrapper a {
        min-width: auto;
    }

    .order-xs-1 {
        order: -1 !important;
    }

    .text-xs-center {
        text-align: center !important;
    }

    .listing .rt {
        padding-right: 15px;
        padding-top: 20px;
    }

    .heading-info {
        padding-bottom: 30px;
    }

    .listing .img img {
        height: 300px
    }

    .testimonials {
        padding: 40px 0 10px 0;
    }

    .listing-box {
        margin-bottom: 20px;
    }

    .contact-down, .contact-info, .footer {
        padding: 40px 0;
    }

    .contact-down h2 {
        font-size: 23px;
        line-height: 1.2;
    }

    #slider .wrapper {
        padding: 0;
    }

    #property {
        padding: 40px 0 40px;
    }

    #property .sp-address {
        font-size: 25px;
    }

    .info-small h2 {
        font-size: 20px;
    }

    .homeEvalutation .single-s {
        margin-bottom: 15px;
    }

    .tools #multi-step-form.fw-wizard {
        padding: 25px 20px;
    }

    .tools #multi-step-form .fw-choice.fw-input-container {
        display: block;
        width: 100%;
    }

    .section-title {
        margin-bottom: 30px;
    }

    .footer a.logo img {
        max-height: 100px;
    }

    .footer ul {
        margin-bottom: 20px;
    }

    .copyrights {
        margin-top: 40px;
    }

    .copyrights ul li {
        display: block;
        margin: 0;
    }

    .copyrights > div {
        padding: 0 15px;
    }

    .copyrights p {
        text-align: left;
    }

    .v-detail {
        margin-top: 30px;
    }

    .social-media {
        padding: 50px 0;
    }

    .api-msg h2 {
        font-size: 30px !important;
    }

    .modal-body .formstyle {
        padding: 0;
    }

    .modal-body .formstyle input, .modal-body .formstyle textarea {
        margin-bottom: 15px;
    }

    .mb-xs-2 {
        margin-bottom: 2rem;
    }

    #map, #streetMap {
        height: 300px;
    }

    #payment-calc .rh-calc-head .go, #payment-calc h3, #payment-calc .h3 {
        font-size: 12px !important;
    }

    .megamenu .fol {
        margin-top: 30px;
    }

    .menu-wrapper ul li.social {
        padding: 20px 0;
        text-align: center;
    }

    .menu-wrapper .social a {
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 16px;
    }

    .banner img {
        height: 500px;
    }
}