@media(max-width:1920px) {}

@media(max-width:1680px) {}

@media(max-width:1600px) {
    .category-box {
        flex: 0 0 16.666%;
    }
}

@media(max-width:1440px) {}

@media(max-width:1366px) {}

@media(max-width:1280px) {
    .main-header {
        padding: 20px 0%;
    }

    .navbar {
        padding: .5rem 0rem;
    }

    .nav-sub ul li:nth-child(1) {
        padding-left: 0px;
    }

    .nav-sub ul li:nth-child(3) {
        padding-right: 350px !important;
    }

    .navbar-nav {
        margin-left: 15%;
    }
}

@media(max-width:1199px) {
    .main-header .container {
        max-width: 95%;
    }

    .header-account {
        flex: 0 0 25%;
    }


}

@media(max-width:1024px) {
    .nav-sub ul li:nth-child(3) {
        padding-right: 180px !important;
    }

    .navbar-nav {
        margin-left: 20%;
    }
}

@media(max-width:991px) {
    .navbar-toggler .navbar-toggler-icon {
        width: 40px;
        height: 3px;
        background: #2f3d7c;
        border-radius: 5px;
        position: relative;
    }

    .navbar-toggler .navbar-toggler-icon::after {
        content: '';
        position: absolute;
        top: -8px;
        width: 35px;
        height: 3px;
        background: #2f3d7c;
        border-radius: 5px;
        right: 0;
    }

    .navbar-toggler .navbar-toggler-icon::before {
        content: '';
        position: absolute;
        bottom: -8px;
        width: 35px;
        height: 3px;
        background: #2f3d7c;
        border-radius: 5px;
        right: 0;
    }

    .navbar-toggler {
        position: absolute;
        right: 0;
        padding: 0px;
    }

    .my-nav {
        justify-content: space-between;
    }

    .logo {
        position: relative;
        left: auto;
        top: 0;
        transform: translateX(0);
        z-index: 5;
    }

    .main-header {
        padding: 5px 0%;
    }

    .header-account {
        position: absolute;
        right: 110px;
    }

    .navbar-collapse {
        position: absolute;
        right: -35px;
        top: 45px;
        z-index: 99;
        padding: 5px 15px;
        background: var(--white);
        min-width: 200px;
        box-shadow: rgb(0 0 0 / 16%) 0px 1px 4px, rgb(51 51 51 / 0%) 0px 0px 0px 3px;
    }

    .navbar-nav {
        margin-left: 0%;
    }

    .nav-sub ul li:nth-child(3) {
        padding-right: 0px !important;
    }

    .nav-sub ul li {
        padding-left: 0px;
        margin-bottom: 10px;
    }

    .nav-sub ul {
        align-items: flex-start;
    }

    .ttp-left h3 {
        font-size: 22px;
        line-height: 32px;
        text-align: center;
    }

    .ttp-cc p {
        text-align: center;
    }

    .ttp-cc {
        padding-bottom: 0;
        padding-left: 0;
    }

    .sec-space {
        padding: 50px 0;
    }

    .ggap {
        grid-row-gap: 12px;
    }

    .faq-image {
        display: none;
    }

    .ft-logo {
        text-align: center;
        margin: 0 auto;
    }

    .footer-link-wrapper .row {
        grid-row-gap: 10px;
    }

    .footer-link-wrapper .row {
        justify-content: center;
    }

    .header-appear {
        position: relative;
    }
}

@media(max-width:820px) {
    .in-touch {
        padding: 20px;
        box-shadow: 0px 0px 20px #0000000D;
    }

    .scroll-down {
        display: none;
    }
}

@media(max-width:784px) {}

@media(max-width:768px) {
    .sec-para {
        padding-bottom: 30px;
    }

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

    .pr-logo img {
        height: auto;
        width: 80px;
    }

    .property-content h2 {
        font-size: 30px;
    }

    .property-content {
        max-width: 420px;
        margin: 0 auto;
    }

    .slider-banner .item img {
        height: 350px;
    }

    .banner-home {
        height: 350px;
    }

    figure.logoftr {  text-align: center;}
    .logoftr a img{width:50px;}
    .quick-link-box ul li {    padding: 0 15px 0 0;}

}

@media(max-width:767px) {
    .ttp-feature {
        flex-wrap: wrap;
    }

    .ttpf-image {
        margin: 0 auto;
    }

    .ft-subscribe .ig_es_form_field_email {
        width: 400px;
    }
}

@media(max-width:736px) {}

@media(max-width:684px) {}

@media(max-width:667px) {

    .scroll-down {
        width: 60px;
        height: 60px;
    }

    .ttp-left h3 {
        font-size: 20px;
        line-height: 30px;
    }


}

@media(max-width:600px) {}

@media(max-width:575px) {
    .sec-space {
        padding: 40px 0;
    }
}

@media(max-width:480px) {
    .navbar-toggler .navbar-toggler-icon::before {
        width: 30px;
    }

    .navbar-toggler .navbar-toggler-icon::after {
        width: 30px;
    }

    .navbar-toggler .navbar-toggler-icon {
        width: 30px;
    }

    .header-account {
        right: 75px;
    }

    .navbar-toggler {
        position: absolute;
        right: 0;
        padding: 0px;
        top: -5px;
    }

    .scroll-down {
        display: none;
    }

    .ttpf-content {
        text-align: center;
    }

    .set-in-touch .section-title {
        padding-right: 10%;
    }

    .section-title {
        font-size: 20px;
        line-height: 28px;
    }

    .sec-space {
        padding: 30px 0;
    }

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

    .property-content .btn-red {
        height: 40px;
        line-height: 40px;
    }

    .btn {
        font-size: 13px;
    }

    .footer-link-wrapper {
        padding: 20px 0;
    }

    .login-btn {
        font-size: 0px !important;
        position: relative;
        background: transparent !important;
        border: 0px;
    }

    .sign-btn {
        font-size: 0px !important;
        position: relative;
        background: transparent !important;
        border: 0px;
    }

    .login-btn:after {
        content: '\F1BE';
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-family: bootstrap-icons !important;
        font-size: 22px;
        color: var(--black);
    }

    .sign-btn:after {
        content: '\F89A';
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-family: bootstrap-icons !important;
        font-size: 22px;
        color: var(--black);
    }

    .slider-banner .item img {
        height: 250px;
    }

    .banner-home {
        height: 250px;
    }

    .ttp-left h3 {
        font-size: 18px;
        line-height: 24px;
    }
}

@media(max-width:414px) {
    .property-content h2 {
        font-size: 20px;
        line-height: 30px;
    }
}

@media(max-width:412px) {}

@media(max-width:384px) {}

@media(max-width:375px) {}

@media(max-width:360px) {
    .header-account ul li {
        margin-right: 10px;
    }

    .header-account {
        right: 70px;
    }
}

@media(max-width:320px) {}