/* XL Device :1200px. */
@media (min-width: 1200px) and (max-width: 1449px) {

    .footer__content {
        padding: 150px 0px 40px;
    }

    .estate__top__bar {
        gap: 8px;
        padding: 10px 12px;
        right: 50px;
        left: 50px;
    }

    .estate__top__bar span {
        font-size: 14px;
    }

    .estate__area {
        padding-top: 150px;
    }

    .team__area {
        padding-block: 150px;
    }

    .service__area {
        padding-block: 150px;
    }

    .project__area {
        padding-block: 150px;
    }

    .project__content__container {
        gap: 150px;
    }

    .about__area {
        padding-top: 150px;
    }

    .faq__area {
        padding-block: 150px;
    }

    .contact__area {
        padding-block: 150px;
    }

    .header__language__select .nice-select .list {
        width: 160px;
        left: -100px;
    }

    .contact__form .input__checkbox label {
        height: 70px;
        align-items: center;
        display: flex;
    }

    .input__checkbox label::before {
        top: 28px;
    }
}

/* LG Device :992px. */
@media (min-width: 992px) and (max-width: 1200px) {
    .contact__form .input__checkbox label {
        height: 70px;
        align-items: center;
        display: flex;
    }
.contact__form {
	padding: 50px;
}
    .contact__wrapper {
    padding: 70px;
}
    .estate__top__bar {
        gap: 8px;
        padding: 10px;
        right: 35px;
        left: 35px;
    }

    .estate__top__bar span {
        font-size: 14px;
    }

    .single__estate {
        width: 31.4%;
    }

    .input__checkbox label::before {
        top: 28px;
    }

    .footer__content {
        padding: 180px 0px 40px;
    }

    .single__service {
        width: 32%;
        padding: 35px 30px;
    }

    .header__language__select .nice-select .list {
        width: 160px;
        left: -100px;
    }
}


/* MD Device :768px. */
@media (min-width: 768px) and (max-width: 991px) {
    .brand__extra__flex {
        justify-content: center !important;
        gap: 60px;
    }

    .brand__extra__row.active .brand__extra__flex {
        max-height: 362px;
    }

    .hero__text h1 {
        font-size: 64px;
    }

    .section__title h1 {
        font-size: 44px;
    }

    .estate__top__bar span {
        font-size: 12px;
    }

    .estate__area .container {
        padding: 0;
    }

    .estate__area .section__title {
        margin: 0 30px;
    }

    .promises__content {
        flex-direction: column;
        gap: 45px;
    }

    .single__promise {
        width: 58%;
    }

    .promises__content .single__promise:nth-child(2) {
        width: 78%;
    }

    .promises__content .single__promise:nth-child(3) {
        width: 78%;
    }

    .team__area .container {
        padding: 0;
    }

    .team__area .section__title {
        margin: 0 30px;
    }

    .service__flex {
        flex-direction: column;
    }

    .single__service {
        width: 63%;
        margin: 0 auto;
    }

    .project__content {
        flex-direction: column;
        gap: 90px;
    }

    .project__info {
        width: 90%;
    }

    .project__image {
        width: 66.5%;
    }

    .project__content__container .project__content:last-child .project__image {
        order: 2;
    }

    .single__about {
        width: 88.7%;
        margin: 0 auto;
    }

    .single__brand {
        width: 38.5%;
    }

    .brand__flex {
        gap: 60px;
        justify-content: center !important;
    }

    .accordion__left {
        width: 92%;
        margin: 0 auto;
    }

    .accordion__right {
        width: 92%;
        margin: 0 auto;
    }

    .contact__content {
        flex-direction: column;
        margin: 0 30px;
    }

    .single__contact {
        width: 100%;
    }

    .contact__wrapper {
        padding-block: 120px 143px;
        padding-inline: 90px;
        margin-bottom: 0;
    }

    .footer__credit {
        padding: 0;
        gap: 20px;
        justify-content: center !important;
    }

    .estate__active .single__estate {
        width: 100%;
    }
}


/* SM Small Device :320px. */
@media only screen and (min-width: 315px) and (max-width: 767px) {
    .header__extra {
        gap: 18px;
    }

    .estate__active .single__estate {
        width: 100%;
    }

    header.scroll-header {
        padding: 10px 0;
    }

    .header__logo img {
        width: 66px;
    }

    .header__language__select .nice-select .list {
        width: 110px;
        left: 0;
        top: 35px;
    }

    .hero__text h3 {
        font-size: 24px;
    }

    .hero__area {
        height: 100vh;
    }

    .hero__text h1 {
        font-size: 35px;
    }

    .hero__text p {
        font-size: 16px;
    }

    .hero__whatsup {
        padding: 12px 24px;
        font-size: 14px;
    }

    .estate__area {
        padding-top: 150px;
    }

    .section__title a {
        padding: 8px 14px;
        font-size: 10px;
    }

    .section__title h1 {
        font-size: 32px;
    }
.section__title h1 span {
	display: block;
}
    .section__title p {

        font-size: 14px;
    }

    .section__title {
        padding-bottom: 60px;
    }

    .estate__top__bar {
        right: 40px;
        left: 40px;
    }

    .estate__top__bar span {
        font-size: 12px;
    }

    .estate__top__bar svg {
        flex-shrink: 0;
    }

    .vertical__bar {
        display: none;
    }

    .promises__content {
        padding: 30px;
        gap: 30px;
    }

    .promise__title h2 {
        font-size: 28px;
    }

    .single__promise {
        width: 100%;
        text-align: center;
    }

    .promise__gradiant__box {
        height: auto;
        max-width: 300px;
        margin: 0 auto;
    }

    .promise__gradiant__box p,
    .promise__title p {
        font-size: 14px;
    }

    .team__area {
        padding-block: 20px 120px;
    }

    .team__member__info a {
        font-size: 16px;
    }

    .team__member__info p {
        font-size: 14px;
    }

    .service__area {
        padding-block: 120px;
    }

    .single__service {
        width: 100%;
        padding: 27px 45px;
        text-align: left;
    }

    .service__flex {
        row-gap: 30px;
    }

    .project__area {
        padding-block: 120px 200px;
    }

    .project__info {
        width: 100%;
        padding-inline: 30px;
    }

    .project__image {
        width: 100%;
    }

    .project__text span {
        padding: 8px 14px;
    }

    .project__text h1 {
        font-size: 32px;
        line-height: normal;
    }

    .project__text p {
        font-size: 14px;
    }

    .project__link a {
        font-size: 14px;
        margin: 0;
        padding: 8px 14px;
    }

    .project__content {
        gap: 60px;
    }

    .project__area .container {
        padding: 0;
    }

    .project__content__container .project__content:last-child .project__image {
        order: 2;
    }

    .project__content__container {
        gap: 90px;
    }

    .image__wrapper {
        border-radius: 0;
    }

    .about__area {
        padding-top: 120px;
    }

    .single__about {
        width: 100%;
        padding: 45px 30px 30px 30px;
    }

    .single__about__heading {
        margin-bottom: 30px;
    }

    .brand__flex {
        column-gap: 40px;
    }

    .about__flex {
        row-gap: 30px;
    }

    .single__brand {
        width: 95%;
        max-width: 300px;
        margin: 0 auto;
    }

    .brand__area {
        padding-block: 90px 120px;
    }

    .brand__more {
        display: none;
    }

    .faq__area {
        padding-block: 120px;
    }

    .faq__accordion .accordion-item .accordion-button {
        font-size: 14px;
    }

    .faq__accordion .accordion-body p {
        font-size: 12px;
    }


    .accordion__left {
        width: 100%;
    }

    .accordion__right {
        width: 100%;
    }

    .faq__accordion .accordion-item {
        margin-bottom: 15px;
    }

    .theme__btn1 {
        padding: 12px;
        font-size: 12px;
    }

    .contact__area {
        padding-block: 120px;
    }

    .single__contact {
        width: 100%;
    }

    .contact__form {
        padding: 60px 30px;
    }

    .contact__form__title h1 {
        font-size: 28px;
    }

    .contact__form__title p {
        font-size: 16px;
        margin-bottom: 30px;
    }

    .single__input {
        width: 100%;
    }

    .input__container {
        gap: 30px;
    }

    .contact__form .input__checkbox label {
        font-size: 14px;
        height: 47px;
        display: flex;
        align-items: center;
    }

    .input__sumbit button {
        padding: 14px 22px;
    }
    .header__logo img {
        width: 114px;
    }
    .contact__wrapper {
        padding-block: 90px;
        padding-inline: 30px;
        margin-bottom: 0;
        gap: 50px;
    }

    .input__checkbox label::before {
        top: 16px;
    }

    .footer__main h1 {
        font-size: 24px;
        line-height: 40px;
    }

    .footer__credit {
        padding: 0;
        text-align: center;
        justify-content: center !important;
        gap: 20px;
    }

    .footer__credit p,
    .footer__privacy__menu a {
        font-size: 14px;
        text-align: center;
        margin: 0;
    }

    .footer__privacy__menu {
        display: flex;
        gap: 20px;
    }

    .footer__content {
        padding-block: 120px;
        padding-inline: 0;
    }

    .footer__privacy {
        gap: 20px;
    }
    .vbox-close {
        padding: 20px;
    }
    .vbox-num {
        padding: 20px;
    }
    .vbox-next {
        right: 20px;
    }
    .vbox-prev{
        left: 20px;
    }
    .hero__text .typewriter {
        font-size: 25px;
    }
    #typed-text-2 {
        font-size: 20px;
    }
    .project__link .whatsup__link {
        padding: 8px 10px;
    }
    .project__link .whatsup__link svg{
        width: 16px;
    }
    .project__link {
        gap: 10px;
    }
    .project__link svg {
        width: 16px;
    }
    .onlyfrmbl {
        display: block;
    }
}

/* extra mobile media */
@media only screen and (min-width: 315px) and (max-width: 380px) {

    .container {
        padding-inline: 20px;
    }
    

}


/* SM Small Device :550px. */
@media only screen and (min-width: 576px) and (max-width: 767px) {

    .image__wrapper {
        border-radius: 12px;
    }

}