@media only screen and (max-width:767px) {
    body {
        font-size: 14px
    }

    .ptb-100 {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .pt-100 {
        padding-top: 50px
    }

    .ptb-70 {
        padding-top: 20px;
        padding-bottom: 50px
    }

    .pb-100 {
        padding-bottom: 50px
    }

    .pt-70 {
        padding-top: 30px
    }

    .pb-70 {
        padding-bottom: 20px
    }

    .pt-45 {
        padding-top: 25px
    }

    .ml-45 {
        margin-left: 0
    }

    .default-btn {
        padding: 8px 25px
    }

    .section-title span {
        font-size: 12px
    }

    .section-title h2 {
        font-size: 26px
    }

    h3 {
        font-size: 20px
    }

    .text-end {
        text-align: center
    }

    .mobile-nav .logo img {
        max-width: 120px;
        height: 40px;
        margin-top: -5px
    }

    .mobile-nav .logo .logo-two {
        display: none
    }

    .nav-btn-area {
        display: none
    }

    .d-line {
        display: none
    }

    .banner-area {
        background-color: #fef9eb
    }

    .banner-content {
        margin-left: auto;
        margin-right: auto;
        padding-top: 130px
    }

    .banner-content h1 {
        font-size: 35px;
        margin-bottom: 15px
    }

    .banner-content p {
        font-size: 16px;
        margin-bottom: 20px
    }

    .banner-content .banner-btn .buy-btn {
        padding: 8px 30px
    }

    .banner-content .banner-btn .rent-btn {
        padding: 8px 26px
    }

    .banner-img {
        margin-top: 30px;
        margin-bottom: 80px
    }

    .banner-img::before {
        border-radius: 15px 15px 15px 130px;
        width: 100%
    }

    .banner-shape {
        display: none
    }

    .banner-content-two {
        margin-left: auto;
        margin-right: auto;
        padding-top: 130px;
        padding-bottom: 75px
    }

    .banner-content-two h1 {
        font-size: 35px;
        margin-bottom: 15px
    }

    .banner-content-two p {
        font-size: 16px;
        margin-bottom: 20px
    }

    .banner-content-two .banner-btn .buy-btn {
        padding: 8px 30px
    }

    .banner-content-two .banner-btn .rent-btn {
        padding: 8px 26px
    }

    .banner-content-three {
        padding-top: 110px
    }

    .banner-content-three h1 {
        font-size: 35px;
        margin-bottom: 20px
    }

    .banner-content-three p {
        font-size: 16px
    }

    .banner-form {
        padding: 25px 15px;
        border: none;
        border-radius: 0
    }

    .banner-form .form-group {
        position: relative;
        border-bottom: 1px solid #dbd2ff;
        margin-bottom: 15px
    }

    .banner-form .form-group .form-control {
        height: 50px;
        padding: 10px 15px;
        border: none;
        font-weight: 400;
        border-radius: 0;
        background-color: #dbd2ff
    }

    .banner-form .form-group .form-control:focus {
        -webkit-box-shadow: none;
        box-shadow: none;
        outline: none
    }

    .banner-form .nice-select {
        margin-bottom: 15px
    }

    .banner-form .nice-select::after {
        right: 20px
    }

    .banner-form .default-btn {
        float: none;
        padding: 10px 30px;
        width: 100%
    }

    .banner-img-two {
        margin-top: 30px;
        margin-bottom: 70px;
        margin-left: auto;
        margin-right: auto
    }

    .banner-img-two::before {
        display: none
    }

    .inner-banner .inner-title {
        padding-top: 120px;
        padding-bottom: 60px;
        text-align: center
    }

    .inner-banner .inner-title h3 {
        font-size: 26px
    }

    .inner-banner .inner-title ul li {
        font-size: 16px
    }

    .inner-banner .inner-title ul li::before {
        top: 10px
    }

    .about-content {
        margin-left: 0;
        margin-bottom: 23px
    }

    .about-content .about-btn {
        margin-top: 25px
    }

    .property-features-img .shape {
        display: none
    }

    .property-features-content {
        margin-left: 0
    }

    .employee-content .employee-btn {
        margin-top: 20px
    }

    .employee-img {
        position: relative;
        z-index: 1;
        margin-bottom: 30px;
        margin-right: auto;
        margin-right: auto
    }

    .employee-img::before {
        display: none
    }

    .property-item .content {
        position: relative;
        padding: 20px 15px
    }

    .property-item .content .price {
        font-size: 26px
    }

    .property-item .content .property-btn {
        bottom: 20px;
        right: 20px
    }

    .property-item .content .property-btn .book-btn {
        padding: 6px 18px
    }

    .property-btn-area {
        margin-top: 20px;
        float: none;
        width: 170px
    }

    .property-card .content {
        padding: 30px 14px 20px
    }

    .property-details-img {
        margin-bottom: 30px;
        margin-right: auto;
        margin-left: auto
    }

    .property-details-img::before {
        display: none
    }

    .property-details-content {
        margin-left: 0
    }

    .property-details-content span {
        font-size: 12px
    }

    .property-details-content h2 {
        font-size: 26px
    }

    .property-details-content .property-details-list {
        margin-top: 25px;
        margin-bottom: 25px;
        max-width: 100%
    }

    .property-details-content .property-details-list li {
        font-size: 15px
    }

    .property-details-content .property-details-list li b {
        font-size: 17px
    }

    .service-item {
        padding: 20px 15px 30px
    }

    .service-article .service-content h2 {
        font-size: 24px
    }

    .service-article .service-another {
        margin-top: 20px
    }

    .service-article .service-another .service-another-content h2 {
        font-size: 24px
    }

    .service-article .service-more h2 {
        font-size: 24px;
        margin-bottom: 25px
    }

    .gallery-tab {
        margin-top: 30px
    }

    .gallery-tab .tabs {
        max-width: 290px
    }

    .gallery-tab .tabs li a {
        padding: 9px 12px
    }

    .gallery-content {
        padding: 40px 20px 15px;
        margin-right: 15px
    }

    .gallery-content h2 {
        font-size: 26px
    }

    .gallery-content-icon {
        margin-bottom: 25px;
        max-width: 200px
    }

    .gallery-content-icon .icon-ml {
        margin-left: 5px
    }

    .gallery-img {
        margin-left: 15px
    }

    .gallery-item .gallery-item-content {
        background-color: #fff;
        padding: 30px 40px 100px
    }

    .gallery-item .gallery-item-content h2 {
        font-size: 26px
    }

    .gallery-item .gallery-item-content p {
        margin-bottom: 15px
    }

    .gallery-item .gallery-item-content ul li a {
        font-size: 16px
    }


    .product-desc h3 {
        margin-bottom: 10px;
        font-size: 20px;
        font-weight: 600
    }

    .product-desc .product-add-btn .default-btn {
        margin-right: 10px
    }

    .products-tabs-reviews ul li {
        padding-left: 0;
        padding-bottom: 30px
    }

    .products-tabs-reviews ul li img {
        position: initial;
        top: 0;
        left: 0;
        margin-bottom: 20px
    }

    .cart-wraps-area .cart-table {
        text-align: center
    }

    .cart-wraps-area .cart-table table thead tr th {
        padding: 0 40px 10px;
        white-space: nowrap;
        font-size: 16px
    }

    .cart-wraps-area .cart-table table thead tr th:first-child {
        text-align: left;
        padding-left: 0
    }

    .cart-wraps-area .cart-table table thead tr td {
        white-space: nowrap
    }

    .cart-wraps-area .cart-table table thead tr td:first-child {
        text-align: left;
        padding-left: 0
    }

    .cart-wraps-area .cart-buttons {
        text-align: center
    }

    .cart-wraps-area .cart-buttons .text-right {
        text-align: center !important;
        margin-top: 0
    }

    .cart-wraps-area .cart-buttons .default-btn {
        display: block;
        text-align: center;
        width: 100%
    }

    .cart-wraps-area .cart-totals {
        padding: 20px;
        margin-top: 35px
    }

    .cart-wraps-area .cart-totals h3 {
        margin-bottom: 18px;
        font-size: 20px
    }

    .cart-wraps-area .cart-totals ul li {
        font-size: 14px
    }

    .cart-wraps-area .cart-totals .default-btn {
        display: block;
        text-align: center;
        width: 100%
    }

    .cart-wraps-area .cart-wraps .continue-shopping-box {
        margin-bottom: 20px
    }

    .cart-wraps-area .cart-calc {
        padding: 20px !important;
        margin-top: 30px
    }

    .cart-wraps-area .cart-calc .cart-wraps-form h3 {
        font-size: 18px
    }

    .cart-wraps-area .cart-calc .cart-wraps-form .form-group select {
        width: 100%
    }

    .cart-wraps-area .cart-calc .cart-wraps-form .default-btn {
        width: 100%;
        text-align: center
    }

    .billing-details {
        padding: 30px
    }

    .billing-details h3 {
        font-size: 20px
    }

    .billing-details .form-group {
        margin-bottom: 15px
    }

    .order-details .order-table {
        padding: 30px 15px
    }

    .order-details .order-table h3 {
        font-size: 20px
    }

    .order-details .order-table table thead tr th {
        padding: 15px 10px;
        font-size: 16px
    }

    .order-details .payment-box {
        padding: 30px
    }

    .house-img {
        margin-bottom: 30px;
        margin-right: auto;
        margin-left: auto
    }

    .house-img::before {
        display: none
    }

    .house-content {
        margin-left: 0
    }

    .house-content span {
        font-size: 12px
    }

    .house-content h2 {
        font-size: 26px
    }

    .house-content .house-list {
        margin-top: 25px;
        margin-bottom: 25px
    }

    .house-content .house-list li {
        font-size: 15px
    }

    .house-content .house-list li b {
        font-size: 17px
    }

    .innovation-img {
        margin-top: 0;
        margin-bottom: 30px;
        margin-left: auto;
        margin-right: auto
    }

    .innovation-shape {
        display: none
    }

    .innovation-content {
        margin-bottom: 20px
    }

    .innovation-content .innovation-btn {
        margin-top: 25px
    }

    .testimonials-item {
        padding: 30px 20px
    }

    .testimonials-img {
        margin: 0 0 30px
    }

    .testimonials-img .testimonials-shape {
        display: none
    }

    .testimonials-area-three .section-title {
        margin-bottom: 20px
    }

    .testimonials-client {
        display: none
    }

    .testimonials-slider-two {
        margin-bottom: 10px
    }

    .blog-item .content {
        padding: 20px 10px 30px;
        position: relative
    }

    .blog-item .content span {
        left: 10px;
        font-size: 14px
    }

    .blog-item .content ul {
        right: 10px;
        font-size: 14px
    }

    .blog-item .content ul li {
        margin-right: 7px
    }

    .blog-article .blog-status .blog-comment {
        float: none;
        margin-top: 15px
    }

    .blog-article .blog-status .blog-comment h3 {
        font-size: 14px
    }

    .blog-article .article-content h2 {
        font-size: 24px
    }

    .blog-article .article-content .blockquote p {
        font-size: 17px;
        margin-left: 0
    }

    .blog-article .another-content .content-img .row .col-6 {
        padding-left: 7px !important;
        padding-right: 7px !important
    }

    .blog-article .blog-article-share .social-icon li {
        margin-right: 0
    }

    .blog-article .blog-article-share .social-icon li:first-child {
        margin-right: 10px
    }

    .blog-article .comments-wrap ul li {
        padding-left: 30px
    }

    .blog-article .comments-wrap ul li img {
        position: inherit;
        left: 0;
        top: 0;
        margin-bottom: 15px
    }

    .blog-article .comments-wrap ul li a {
        position: inherit;
        top: 0;
        left: 0;
        margin-top: 15px
    }

    .blog-article .comments-form {
        margin-bottom: 40px
    }

    .side-bar-widget .widget-popular-post .item .info .title-text {
        font-size: 17px
    }

    .user-all-form .contact-form {
        padding: 30px 20px
    }

    .user-all-form .contact-form .section-title {
        margin-bottom: 20px
    }

    .user-all-form .contact-form .forget {
        float: none
    }

    .error-area .error-content {
        padding-top: 70px;
        padding-bottom: 70px
    }

    .error-area .error-content h1 {
        font-size: 120px
    }

    .error-area .error-content h3 {
        margin-top: 20px;
        font-size: 26px
    }

    .error-area .error-content p {
        font-size: 15px;
        margin-top: 10px;
        padding: 0 15px
    }

    .coming-soon-area .coming-soon-content {
        padding-top: 30px;
        padding-bottom: 20px;
        padding-left: 15px;
        padding-right: 15px
    }

    .coming-soon-area .coming-soon-content h1 {
        font-size: 30px;
        line-height: 1.1;
        margin-top: 0
    }

    .coming-soon-area .coming-soon-content p {
        font-size: 14px;
        margin-top: 15px
    }

    .coming-soon-area .coming-soon-content #timer {
        margin-top: 10px
    }

    .coming-soon-area .coming-soon-content #timer div {
        font-size: 30px;
        margin-left: 5px;
        margin-right: 5px
    }

    .coming-soon-area .coming-soon-content #timer div span {
        font-size: 14px;
        margin-top: -5px
    }

    .coming-soon-area .coming-soon-content #timer div::before {
        display: none
    }

    .coming-soon-area .coming-soon-content .newsletter-form {
        margin-top: 20px;
        margin-bottom: 20px
    }

    .coming-soon-area .coming-soon-content .newsletter-form .input-newsletter {
        height: 55px;
        padding-left: 13px;
        font-size: 15px
    }

    .coming-soon-area .coming-soon-content .newsletter-form button {
        position: relative;
        font-size: 14px;
        margin-top: 15px;
        width: 100%;
        height: 50px
    }

    .pagination-area {
        margin-top: 0
    }

    .footer-widget h3 {
        margin-top: 0;
        font-size: 22px;
        color: #000;
        margin-bottom: 20px
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .banner-img::before {
        border-radius: 15px 15px 15px 230px
    }

    .gallery-tab .tabs {
        max-width: 390px
    }

    .gallery-tab .tabs li a {
        padding: 12px 24px
    }

    .blog-article .blog-status .blog-comment {
        float: right;
        margin-top: 0
    }

    .blog-article .blog-status .blog-comment h3 {
        font-size: 14px
    }

    .cart-wraps-area .cart-wraps .continue-shopping-box {
        margin-bottom: 0
    }

    .user-all-form .contact-form .forget {
        float: right
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    body {
        font-size: 14px
    }

    .ptb-100 {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .pt-100 {
        padding-top: 50px
    }

    .ptb-70 {
        padding-top: 20px;
        padding-bottom: 50px
    }

    .pb-100 {
        padding-bottom: 50px
    }

    .pt-70 {
        padding-top: 30px
    }

    .pb-70 {
        padding-bottom: 20px
    }

    .pt-45 {
        padding-top: 25px
    }

    .ml-45 {
        margin-left: 0
    }

    .default-btn {
        padding: 8px 25px
    }

    .section-title span {
        font-size: 12px
    }

    .section-title h2 {
        font-size: 26px
    }

    h3 {
        font-size: 20px
    }

    .mobile-nav .logo img {
        max-width: 120px;
        height: 40px;
        margin-top: -5px
    }

    .mobile-nav .logo .logo-two {
        display: none
    }

    .nav-btn-area {
        display: none
    }

    .d-line {
        display: none
    }

    .banner-area {
        background-color: #fef9eb
    }

    .banner-content {
        margin-left: auto;
        margin-right: auto;
        padding-top: 130px
    }

    .banner-content h1 {
        font-size: 35px;
        margin-bottom: 15px
    }

    .banner-content p {
        font-size: 16px;
        margin-bottom: 20px
    }

    .banner-content .banner-btn .buy-btn {
        padding: 8px 30px
    }

    .banner-content .banner-btn .rent-btn {
        padding: 8px 26px
    }

    .banner-img {
        margin-top: 30px;
        margin-bottom: 80px
    }

    .banner-img::before {
        border-radius: 15px 15px 15px 305px;
        width: 100%
    }

    .banner-shape {
        display: none
    }

    .banner-content-two {
        padding-top: 130px;
        padding-bottom: 75px;
        max-width: 450px
    }

    .banner-content-two h1 {
        font-size: 35px;
        margin-bottom: 15px
    }

    .banner-content-two p {
        font-size: 16px;
        margin-bottom: 20px
    }

    .banner-content-two .banner-btn .buy-btn {
        padding: 8px 30px
    }

    .banner-content-two .banner-btn .rent-btn {
        padding: 8px 26px
    }

    .banner-content-three {
        padding-top: 110px;
        text-align: center
    }

    .banner-content-three h1 {
        font-size: 35px;
        margin-bottom: 20px
    }

    .banner-content-three p {
        font-size: 16px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px
    }

    .banner-img-two {
        margin-top: 30px;
        margin-bottom: 70px;
        margin-left: auto;
        margin-right: auto
    }

    .banner-img-two::before {
        display: none
    }

    .inner-banner .inner-title {
        padding-top: 120px;
        padding-bottom: 60px;
        text-align: center
    }

    .inner-banner .inner-title h3 {
        font-size: 26px
    }

    .inner-banner .inner-title ul li {
        font-size: 16px
    }

    .inner-banner .inner-title ul li::before {
        top: 10px
    }

    .about-content {
        margin-left: 0;
        margin-bottom: 23px
    }

    .about-content .about-btn {
        margin-top: 25px
    }

    .property-features-img .shape {
        display: none
    }

    .property-features-content {
        margin-left: 0
    }

    .employee-content .employee-btn {
        margin-top: 20px
    }

    .employee-img {
        position: relative;
        z-index: 1;
        margin-bottom: 30px;
        margin-right: auto;
        margin-right: auto
    }

    .employee-img::before {
        display: none
    }

    .property-item .content {
        position: relative;
        padding: 20px
    }

    .property-item .content .price {
        font-size: 26px
    }

    .property-item .content .property-btn {
        bottom: 20px;
        right: 20px
    }

    .property-item .content .property-btn .book-btn {
        padding: 6px 18px
    }

    .property-details-img {
        margin-bottom: 30px;
        margin-right: auto;
        margin-left: auto
    }

    .property-details-img::before {
        display: none
    }

    .property-details-content {
        margin-left: 0
    }

    .property-details-content span {
        font-size: 12px
    }

    .property-details-content h2 {
        font-size: 26px
    }

    .property-details-content .property-details-list {
        margin-top: 25px;
        margin-bottom: 25px;
        max-width: 100%
    }

    .property-details-content .property-details-list li {
        font-size: 15px
    }

    .property-details-content .property-details-list li b {
        font-size: 17px
    }

    .house-img {
        margin-bottom: 30px;
        margin-right: auto;
        margin-left: auto
    }

    .house-img::before {
        display: none
    }

    .house-content {
        margin-left: 0
    }

    .house-content span {
        font-size: 12px
    }

    .house-content h2 {
        font-size: 26px
    }

    .house-content .house-list {
        margin-top: 25px;
        margin-bottom: 25px;
        max-width: 100%
    }

    .house-content .house-list li {
        font-size: 15px
    }

    .house-content .house-list li b {
        font-size: 17px
    }

    .gallery-tab {
        margin-top: 30px
    }

    .gallery-tab .tabs {
        max-width: 390px;
        margin-bottom: 5px
    }

    .gallery-tab .tabs li a {
        padding: 12px 24px
    }

    .gallery-content {
        padding: 40px 20px 15px;
        margin-right: 15px
    }

    .gallery-content h2 {
        font-size: 26px
    }

    .gallery-content-icon {
        margin-bottom: 25px;
        max-width: 200px
    }

    .gallery-img {
        margin-left: 15px
    }

    .gallery-item .gallery-item-content {
        background-color: #fff;
        padding: 30px 40px 100px;
        margin-bottom: 35px
    }

    .gallery-item .gallery-item-content h2 {
        font-size: 26px
    }

    .gallery-item .gallery-item-content p {
        margin-bottom: 15px
    }

    .gallery-item .gallery-item-content ul li a {
        font-size: 16px
    }


    .innovation-img {
        margin-top: 0;
        margin-bottom: 30px;
        margin-left: auto;
        margin-right: auto;
        text-align: center
    }

    .innovation-shape {
        display: none
    }

    .innovation-content {
        margin-bottom: 20px
    }

    .innovation-content .innovation-btn {
        margin-top: 25px
    }

    .testimonials-img {
        margin: 0 0 30px;
        text-align: center
    }

    .testimonials-img .testimonials-shape {
        display: none
    }

    .testimonials-area-three {
        max-width: 600px;
        margin-left: auto;
        margin-right: auto
    }

    .testimonials-area-three .section-title {
        margin-bottom: 20px
    }

    .testimonials-slider-two {
        margin-bottom: 15px
    }

    .testimonials-client {
        display: none
    }

    .blog-item .content ul li {
        margin-right: 10px
    }

    .user-all-form .contact-form .section-title {
        margin-bottom: 20px
    }

    .error-area .error-content {
        padding-top: 70px;
        padding-bottom: 70px
    }

    .error-area .error-content h1 {
        font-size: 120px
    }

    .error-area .error-content h3 {
        margin-top: 20px;
        font-size: 30px
    }

    .error-area .error-content p {
        font-size: 15px;
        margin-top: 10px;
        padding: 0 15px
    }

    .coming-soon-area .coming-soon-content {
        padding-top: 30px;
        padding-bottom: 20px;
        padding-left: 15px;
        padding-right: 15px
    }

    .coming-soon-area .coming-soon-content h1 {
        font-size: 40px;
        line-height: 1.1;
        margin-top: 0
    }

    .coming-soon-area .coming-soon-content p {
        font-size: 14px;
        margin-top: 15px
    }

    .coming-soon-area .coming-soon-content #timer {
        margin-top: 10px
    }

    .coming-soon-area .coming-soon-content #timer div {
        font-size: 35px;
        margin-left: 15px;
        margin-right: 15px
    }

    .coming-soon-area .coming-soon-content #timer div span {
        font-size: 14px;
        margin-top: -5px
    }

    .coming-soon-area .coming-soon-content #timer div::before {
        display: none
    }

    .coming-soon-area .coming-soon-content .newsletter-form {
        margin-top: 20px
    }

    .pagination-area {
        margin-top: 0
    }

    .footer-widget h3 {
        margin-top: 0;
        font-size: 22px;
        color: #000;
        margin-bottom: 20px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .main-nav nav .navbar-nav .nav-item a {
        margin-left: 10px;
        margin-right: 10px
    }

    .nav-btn-area .nav-btn-two {
        padding: 10px 20px
    }

    .option-item {
        margin-right: 15px
    }

    .option-item .language-list {
        margin-top: 0
    }

    .option-item .language-list ul li a {
        padding: 0
    }

    .nav-btn-area .nav-btn {
        padding: 8px 20px
    }

    .banner-content {
        max-width: 450px;
        margin-left: auto
    }

    .banner-content h1 {
        font-size: 48px
    }

    .banner-shape .shape1 img {
        max-width: 60px
    }

    .banner-shape .shape3 img {
        max-width: 70px
    }

    .banner-img::before {
        width: 100%;
        height: 100%;
        border-radius: 15px 15px 15px 190px
    }

    .banner-content-two h1 {
        font-size: 56px
    }

    .banner-content-three h1 {
        font-size: 55px
    }

    .banner-form .form-group .form-control {
        font-size: 14px
    }

    .banner-form .default-btn {
        float: right;
        padding: 12px 30px;
        font-size: 14px
    }

    .banner-form .nice-select {
        font-size: 14px
    }

    .banner-form .nice-select .list .option {
        padding-left: 7px;
        padding-right: 7px
    }

    .banner-form .nice-select::after {
        right: -5px
    }

    .property-features-content .property-features-item {
        padding: 20px 10px 30px
    }

    .property-features-content .property-features-item h3 {
        font-size: 20px
    }

    .property-item .content {
        position: relative;
        padding: 20px 15px
    }

    .property-item .content ul li {
        margin-right: 10px
    }

    .property-item .content p {
        font-size: 14px
    }

    .property-item .content .price {
        font-size: 26px
    }

    .property-item .content .property-btn {
        bottom: 20px;
        right: 20px
    }

    .property-item .content .property-btn .book-btn {
        padding: 6px 18px
    }

    .features-item {
        padding: 20px 15px 30px
    }

    .features-item h3 {
        font-size: 20px
    }

    .gallery-content {
        padding: 38px 20px
    }

    .gallery-content h2 {
        font-size: 31px
    }

    .gallery-content .gallery-content-icon .gallery-icon {
        font-size: 15px;
        padding-left: 50px
    }

    .gallery-content .gallery-content-icon .gallery-icon i {
        font-size: 45px;
        position: absolute;
        left: 0;
        line-height: 1
    }

    .gallery-item .gallery-item-content {
        background-color: #fff;
        padding: 50px 30px;
        margin-bottom: 35px
    }

    .gallery-item .gallery-item-content h2 {
        font-size: 28px
    }

    .gallery-item .gallery-item-content p {
        margin-bottom: 15px
    }

    .gallery-item .gallery-item-content ul li a {
        font-size: 16px
    }

    .testimonials-client {
        width: 500px;
        height: 500px
    }

    .testimonials-client::before {
        top: 50px;
        left: 10%;
        right: 10%;
        width: 390px;
        height: 390px;
        border: 40px solid #dbd2ff
    }

    .testimonials-client::after {
        width: 500px;
        height: 500px
    }

    .testimonials-client .testimonials-client-icon {
        top: 42%;
        left: 42%;
        right: 42%
    }

    .testimonials-client .testimonials-client-img .client1 img {
        max-width: 80px
    }

    .testimonials-client .testimonials-client-img .client6 img {
        max-width: 100px
    }

    .blog-item .content {
        padding: 20px 10px 30px
    }

    .blog-item .content span {
        left: 10px;
        font-size: 14px
    }

    .blog-item .content ul {
        right: 10px
    }

    .blog-item .content ul li {
        margin-right: 10px;
        font-size: 14px
    }

    .footer-widget h3 {
        font-size: 22px
    }

    .footer-widget .footer-list-two li {
        font-size: 15px
    }

    .footer-widget .social-link li {
        margin-right: 3px
    }
}

@media only screen and (min-width:1350px) and (max-width:1699px) {
    .container {
        max-width: 1320px !important
    }

    .banner-content {
        max-width: 630px
    }

    .banner-content p {
        max-width: 530px
    }

    .banner-content-two h1 {
        font-size: 75px
    }

    .banner-content-three h1 {
        font-size: 75px
    }

    .about-content .section-title h2 {
        max-width: 530px
    }

    .about-content .section-title p {
        max-width: 550px
    }

    .property-features-content .section-title h2 {
        max-width: 530px
    }

    .property-features-content .section-title p {
        max-width: 590px
    }

    .property-features-content .property-features-item {
        padding: 20px 40px 30px
    }

    .property-card .content {
        padding: 30px 23px 20px
    }

    .gallery-content {
        padding: 123px 50px
    }

    .gallery-item .gallery-item-content {
        padding: 119px 50px
    }

    .employee-content .section-title h2 {
        max-width: 490px
    }

    .employee-content .section-title p {
        max-width: 570px
    }

    .testimonials-item {
        padding: 30px 45px
    }

    .testimonials-item p {
        max-width: 530px
    }

    .blog-card .content {
        padding: 30px 35px
    }

    .features-item {
        padding: 20px 40px 30px
    }
}

@media only screen and (min-width:1700px) {
    .container {
        max-width: 1440px !important
    }

    .banner-content {
        max-width: 690px
    }

    .banner-content h1 {
        font-size: 75px
    }

    .banner-content p {
        max-width: 530px
    }

    .banner-content-three h1 {
        font-size: 75px
    }

    .about-img img {
        width: 100%
    }

    .about-content .section-title h2 {
        max-width: 590px
    }

    .about-content .section-title p {
        max-width: 550px
    }

    .property-features-content .section-title p {
        max-width: 590px
    }

    .property-features-content .property-features-item {
        padding: 20px 40px 30px
    }

    .property-item .content {
        padding: 30px 40px
    }

    .property-item .property-btn {
        right: 40px
    }

    .property-card .content {
        padding: 30px 29px 20px
    }

    .house-content h2 {
        max-width: 590px
    }

    .employee-content .section-title h2 {
        max-width: 490px
    }

    .gallery-content {
        padding: 148px 70px
    }

    .gallery-item .gallery-item-content {
        padding: 144px 70px
    }

    .innovation-content .section-title h2 {
        max-width: 490px
    }

    .innovation-content .section-title p {
        max-width: 550px
    }

    .features-item {
        padding: 20px 20px 30px
    }

    .testimonials-item {
        padding: 30px 45px
    }

    .testimonials-item p {
        max-width: 100%
    }

    .testimonials-area-three .section-title h2 {
        max-width: 490px
    }

    .blog-card .content {
        padding: 30px 35px
    }

    .blog-card-color .content {
        padding: 26px 25px
    }

    .blog-item .content {
        padding: 20px 35px 30px
    }

    .blog-item .content span {
        left: 30px
    }

    .blog-item .content ul {
        right: 30px
    }

    .service-item {
        padding: 20px 45px 30px
    }

    .service-card {
        padding: 40px 45px 30px
    }
}

@media only screen and (min-width:1800px) {
    .banner-img::before {
        width: 100%;
        border-radius: 15px 15px 15px 385px
    }

    .banner-shape .shape1 img {
        max-width: 100%
    }
}