@media (max-width: 1200px) {
    .owl-carousel-team .item {
        height: 550px;
    }
    .video-box {
        left: 15%;
        width: 70%;
    }
}

@media (max-width: 992px) {
    .skills-info,
    .form-frame {
        padding: 60px 15px;
    }
	.contact .form-frame {
		padding: 70px 15px 140px;
	}
    .element-item {
        height: 50vw;
    }
    .owl-carousel-team .item {
        height: 450px;
    }
    .owl-carousel-team {
        width: 100%;
    }
    .owl-carousel-team .item {
        height: 550px;
    }
    .navigation {
        width: 100%;
    }
    .nav-menu {
        top: -100%;
        left: -0;
        width: 100%;
        height: auto;
        display: block;
    }
    .nav-menu.active-nav-menu {
        top: 0;
    }
    .nav-menu ul {
        width: 100%;
        text-align: center;
        margin-top: 100px;
        display: block;
        margin-bottom: 30px;
    }
	.admin-bar .nav-menu ul {
        margin-top: 135px;
    }
    .nav-menu ul li {
        margin-bottom: 15px;
    }
    .header-social {
        display: none;
    }
    .nav-menu .mobile-social {
        position: relative;
        margin-top: 60px;
        display: block;
    }
    h2 {
        font-size: 36px;
    }
    .background-text {
        position: relative;
        display: none;
    }
    .demo-header {
        height: 90px;
    }
    .header-2-title {
        padding: 180px 0 90px;
    }
}

@media (max-width: 768px) {
    .header.header-sec-six h1 {
		font-size: 50px;
	}
	.skills-info {
        padding: 60px 15px;
    }
    .ilust {
        height: 100vw;
    }
    .element-item {
        height: 100vw;
    }
    .banner {
        height: 100vh;
    }
    .team-nav {
        position: relative;
        margin-bottom: 30px;
		margin-top: 30px;
    }
    .owl-carousel-team .item {
        height: 650px;
    }
    .testimonials-nav {
        float: inherit;
        text-align: center;
    }
    .testimonials-nav button {
        margin-right: 5px;
        margin-left: 5px;
    }
    .blog-nav {
        float: inherit;
        text-align: center;
    }
    .blog-nav button {
        margin-right: 5px;
        margin-left: 5px;
    }
    .video-box {
        left: 5%;
        width: 90%;
    }
    .author {
        float: inherit;
    }
    .footer-links {
        text-align: center;
    }
    .footer-links li {
        margin-left: 0;
        margin-bottom: 15px;
        display: block;
    }
    .logo-footer img {
        float: inherit;
    }
    .load-more-btn {
        margin-right: auto;
        margin-left: auto;
        right: auto;
    }
    .load-more-btn-fake {
        margin-left: 0;
    }
    .header-control {
        display: none;
    }
    .mobile-space {
        display: block;
    }
	.logo-footer{
		text-align:center;
	}
	.subscribe-input {
		padding: 50px 0 10px;
		-webkit-box-flex: 0.3;
		-ms-flex: 0.3 0.3 auto;
		flex: 0.3 0.3 auto;
	}
	#newsletter .c-button {
		font-size: 13px;
		right: 0;
		left: auto;
		top: 38px;
		padding: 15px 25px;
	}
	.features-1 .vc_empty_space, .features-2 .vc_empty_space{
		height: 0 !important;
	}
	.features-2 .p-25-0-35{
		padding: 25px 0 0;
	}
	.counter-box-one.p-60-0-60 {
		padding: 60px 0 0;
	}
	.vc_row.wpb_row .wpb_column:last-child .counter-box-one{
		padding-bottom: 60px;
	}
	.contact .ilust{
		height: 0;
		display: none;
	}
}

@media (max-width: 540px) {
    .filters .button {
        display: block;
        margin: auto;
        margin-bottom: 15px;
    }
    .video-box {
        height: 300px;
    }
    .banner {
        height: 120vh;
    }
    .video-bg-img {
        height: 265px
    }
    .owl-carousel-team .item {
        height: 430px;
    }
    .main-title h1 {
        font-size: 36px;
        margin-bottom: 120px;
    }
    .scroll-hint {
        display: none;
        margin-left: 0;
    }
	.header-text-frame {
        margin-top: 60px;
    }
	.resp-margin {
        margin-bottom: 10px;
    }
}
@media (max-width: 400px) {
    .element-item {
        height: 120vw;
    }
	.noshow-max400{
		display: none !important;
	}
}
@media (max-height: 500px) {
    .banner {
        height: 100vw;
    }
}