/*
 * Responsive styles for Villoz Child theme
 * Loaded after style.css on all frontend pages.
 */

@media (min-width: 1200px) and (max-width: 1403px) {
    .main-header__bottom .container-fluid {
        gap: 16px;
        justify-content: space-between;
    }

    .main-header__logo,
    .main-header__right {
        flex: 0 0 auto;
    }

    .main-header__logo img {
        width: clamp(200px, 16vw, 230px) !important;
        max-width: clamp(200px, 16vw, 230px) !important;
    }

    .main-header__nav {
        flex: 1 1 auto;
        min-width: 0;
        margin-left: 0;
        margin-right: 0;
    }

    .main-menu .main-menu__list {
        justify-content: center;
        width: 100%;
        gap: clamp(14px, 1.25vw, 20px);
    }

    .main-menu .main-menu__list > li {
        padding-top: 28px;
        padding-bottom: 28px;
    }

    .main-menu .main-menu__list > li + li {
        margin-left: 0;
    }

    .main-menu .main-menu__list > li > a {
        font-size: clamp(14px, 1.05vw, 15px);
        line-height: 1.2;
        white-space: nowrap;
    }

    .main-header__btn {
        font-size: 13px;
    }

    .main-header__btn > i {
        padding-right: clamp(18px, 1.8vw, 26px);
        padding-left: clamp(18px, 1.8vw, 26px);
    }
}

@media (min-width: 768px) {
    .video-two .col-lg-5 > .row.gutter-y-10 {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
        margin-right: 0;
        margin-left: 0;
    }

    .video-two .col-lg-5 > .row.gutter-y-10 > .col-md-6 {
        display: flex;
        width: auto;
        max-width: none;
        padding-right: 0;
        padding-left: 0;
    }

    .video-two__box {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 100%;
        min-height: 222px;
    }

    .video-two__box__title {
        max-width: 220px;
        line-height: 1.2;
    }
}

@media (max-width: 1199px) {
	body.home .banner-one__title {
		padding-left: 0px !important;
	}

	body.home .banner-one .row > div:first-child  {
		width: 100% !important;
	}

    body.home .feature-one .col-xl-5 .feature-one__image {
        max-width: 100% !important;
        margin: 0 auto 20px auto !important;
    }

    body.home .feature-one .col-xl-5 img {
        max-width: 100% !important;
    }
}

@media (max-width: 991px) {
	body.home .banner-one {
		padding-top: 200px;
		padding-bottom: 160px;
	}

	body.home .banner-one__title {
		padding-left: 0;
		margin-top: 50px;
        margin-bottom: 100px;
		font-size: clamp(32px, 7.2vw, 46px);
		line-height: 1.12;
		overflow-wrap: anywhere;
		word-break: normal;
	}

    .video-two__content .video-two__cta-btn {
        display: flex;
        width: fit-content;
        margin-right: auto;
        margin-bottom: 40px;
        margin-left: auto;
    }
}

@media (max-width: 767px) {
	body.home .banner-one {
		padding-top: 140px;
		padding-bottom: 65px;
	}

	body.home .banner-one__title {
		font-size: clamp(26px, 8.5vw, 36px) !important;
		line-height: 1.15 !important;
	}

    .contact-one__form .wpcf7 form .wpcf7-response-output {
        font-size: 13px;
        padding: 12px 14px;
    }
    
}