@media screen and (max-height: 570px) {
    footer .fixed-content {
        position: relative;
    }
}


@media screen and (max-width: 1366px) {
    /* ------- Hero ------- */
    .hero h1 {
        font-size: 36px;
    }
    .hero p {
        font-size: 14px;
    }

}

@media screen and (max-width: 1199px) {

    /* ------- Header ------- */
    nav ul li {
        padding: 0 9px;
    }
    nav ul li a {
        font-size: 12px;
    }
    nav .socials a {
        width: 30px;
        height: 30px;
        font-size: 10px;
    }
    nav .socials a i {
        line-height: 30px;
    }

    /* ------- Hero ------- */
    .hero .slide-left {
        text-align: center;
    }
    .hero .slide-left p,
    .hero .slide-left h1 {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }
    /* ------- About ------- */
    .about-header h1 {
        font-size: 24px;
    }
    /* ------- Dimitra ------- */
    .dimitra .text {
        text-align: center;
    }
    .dimitra .text p {
        margin-left: auto;
        margin-right: auto;
    }
    .dimitra .text .separator {
        margin: 30px auto;
    }
    .dimitra a.button {
        display: block;
        margin: 0 auto;
    }
    /* ------- Full Service ------- */
    .full-service .text,
    .advisory-service .text,
    .rbnb-service .text {
        text-align: center;
    }
    .full-service .text p,
    .advisory-service .text p,
    .rbnb-service .text p {
        margin-left: auto;
        margin-right: auto;
    }
    .full-service .text .separator,
    .advisory-service .text .separator,
    .rbnb-service .text .separator {
        margin: 30px auto;
    }

}

@media screen and (max-width: 991px) {
    /* ------- Contact ------- */
    .services .services-header p {
        font-size: 18px;
    }

    /* ------- Contact ------- */
    .contact h2,
    .contact p {
        width: 85%;
        margin-left: auto;
        margin-right: auto;
    }
    .contact .left-content {
        text-align: center;
        margin-bottom: 60px;
    }
    .contact .left-content .separator {
        margin: 30px auto;
    }
    .contact-form form {
        width: 85%;
        margin: 0 auto;
    }
    .contact-form form button {
        display: block;
        margin: 0 auto;
    }
    /* ------- Footer ------- */

    footer div.socials {
        margin-left: 5px;
    }
    footer p.socials {
        font-size: 12px;
    }


}

@media screen and (max-width: 767px) {
    /* ------- About ------- */
    .feature {
        margin-bottom: 50px;
    }
    .feature:last-child {
        margin-bottom: 0;
    }

    /* ------- Our Work ------- */
    .carousel-item img {
        width: 100%;
        height: auto;
    }

    /* ------- Footer ------- */
    .footer-columns {
        padding-top: 90px;
        padding-bottom: 90px;
    }
    .column {
        border-bottom: 1px solid #cecece;
        margin-bottom: 25px;
        padding-bottom: 15px;
    }
    .column:last-child {
        border: none;
        margin-bottom: 0;
        padding-bottom: 0;
    }
    footer p.socials {
        font-size: 14px;
    }
    
    @media screen and (max-height: 870px) {
        footer .fixed-content {
            position: relative;
        }
    }
    
}

@media screen and (max-width: 575px) {

    /* ------- Hero ------- */
    .cta .button-primary {
        margin-bottom: 10px;
    }
    .hero .slide-left h1 {
        font-size: 24px;
    }
    .hero .slide-left p {
        font-size: 12px;
    }
    /* ------- About ------- */
    .feature p {
        width: 80%;
        margin: 0 auto;
    }
    /* ------- Footer ------- */
    .copyright p,
    .copyright a {
        font-size: 11px;
    }

}

@media screen and (max-width: 340px) {


}