@media(max-width: 1700px){
	.design-flex {
        column-gap: normal;
    }
}
@media(min-width:1600px) {
	.container {
		max-width: 1600px
	}
}
@media (max-width: 1599px) {
	:root {
		--fs-80: 72px;
		--fs-50: 48px;
		--fs-30: 26px;
		--fs-25: 24px;
	}
	.social-wrap {
		padding-left: 0;
	}
	.universal-banner {
		height: 460px;
	}
	.about-box {
		gap: 100px;
	}
	.designer-title {
		font-size: 40px;
		margin-bottom: 10px;
	}
	.contact-form {
		max-width: 500px;
	}
	.contact-container {
		max-width: 1460px;
	}
	.contact-heading-box {
		max-width: 650px;
	}
	.items_img {
		max-width: 395px;
		width: 100%;
		height: 400px;
	}
	.brave-design-section {
		padding: 130px 0px;
	}
	.products-section .heading-50 {
		margin-bottom: 40px;
	}
	.our_flex {
		margin-top: 100px;
	}
	.row-reverse-grid .grid-items:nth-child(even) .items-content-inner {
		padding-left: 0;
		padding-right: 15px;
	}
	.items-content-inner {
		max-width: 600px;
		width: 100%;
		margin-left: 60px;
	}
	.design-flex {
		column-gap: 50px;
		justify-content: space-between;
	}
	.design-service .heading-50 {
		margin-bottom: 40px;
	}
	.design-img {
		width: 255px;
        height: 255px;
        display: block;
        margin: 0 auto;
	}
	.filter-items .heading-30::after {
		top: 0px;
	}
	.fs-75 {
		font-size: 65px;
		line-height: 75px;
	}
}
@media (max-width: 1399px) {
	:root {
		--fs-80: 64px;
		--fs-50: 45px;
		--fs-30: 24px;
		--fs-25: 22px;
		--fs-16: 14px;
		--fs-18: 16px;
		--fs-19: 16px;
		--fs-22: 18px;
		--fs-20: 18px;
	}
	.footer-title, .subcribe-title {
		line-height: 1.2;
	}
	.footer-basic li, .footer-links li {
		margin-bottom: 10px;
	}
	.footer-box {
		gap: 20px;
	}
	.demo-grid {
		gap: 30px;
	}
	.universal-banner {
        height: 420px;
    }
	.about-box {
        gap: 80px;
    }
	.designer-title {
		font-size: 35px;
	}
	.contact-box {
		padding: 50px 60px;
	}
	.contact-container {
        max-width: 1280px;
    }
	.contact-heading-box {
        max-width: 575px;
    }
	header.site-header {
		height: 115px;
	}
	.main-navigation .menu-list li {
		padding-left: 25px;
		padding-right: 25px;
	}
	.mega-menu {
		top: 115px;
	}
	.menu-tab .heading-22 {
		width: 140px;
	}
	.tab-flex {
		max-width: 670px;
		width: 100%;
	}
	.tab-image {
		align-items: center;
	}
	.tab-flex {
		column-gap: 25px;
		padding-top: 20px;
	}
	.menu-tab .heading-22 {
		margin-bottom: 25px;
	}
	.menu-tab li {
		margin-bottom: 10px;
	}
	.online-graph {
		max-width: 100%;
	}
	.online-graph.quote-slider .quote-only.quote-white{
		width: 610px;
	}
	.online-image {
		width: 540px;
		margin-left: -50px;
	}
	.quote-slider .quote-only.quote-black .quote-pd {
		max-width: 450px;
		width: 100%;
	}
	.online-img {
        height: 450px;
        overflow: hidden;
        background-color: var(--color-black);
		margin-top: 70px;
    }
	.quote-slider .quote-only {
		height: 260px;
	}
	.quote-only {
		width: 650px;
		height: auto;
		padding-top: 50px;
		padding-left: 50px;
		padding-bottom: 50px;
	}
	.items_img {
        max-width: 335px;
        height: 350px;
    }
	.celestial-box {
		margin-left: 40px;
		padding: 30px 20px;
	}
	.celestial-parent{
		height: 400px;
	}
	.items-content-inner {
        margin-left: 0;
        padding-left: 50px;
        padding-right: 15px;
    }
	.reverse-items.reverse-items-content .show_frames {
		max-width: 300px;
		width: 100%;
	}
	.row-reverse-grid .grid-items:nth-child(even) .items-content-inner {
        padding-left: 50px;
        padding-right: 15px;
    }
	.row-reverse-grid .grid-items:nth-child(even) .show_frames {
		right: auto;
		left: 15px;
		max-width: 200px;
	}
	.our-design-section {
		padding: 30px 0px;
	}
	.design-flex {
        column-gap: 30px;
        justify-content: space-between;
    }
}
@media (max-width: 1199px) {
    :root {
		--fs-80: 45px;
        --fs-50: 40px;
		--fs-30: 22px;
    }
	.main-footer {
		padding: 80px 0;
	}
	.social-box {
		padding: 50px 0;
	}
	.about-box {
        gap: 50px;
    }
	.designer-title {
        font-size: 32px;
    }
	.contact-container {
        max-width: 1100px;
    }
    .contact-heading-box {
        max-width: 410px;
    }
	header.site-header {
        height: auto;
        background-color: var(--color-white);
        padding-top: 10px;
        padding-bottom: 10px;
        position: sticky;
    }
	.mega-menu{
		display: none !important;
	}
	.main-navigation{
		display: none;
	}
	.mobile-menu {
		display: block;
		width: 50px;
		cursor: pointer;
	}
	.online-graph.quote-slider,
	.online-graph {
		display: grid;
	}
	.quote-only,.quote-pd {
		max-width: 100%;
		width: 100%;
		height: auto;
	}
	.quote-white {
		padding-left: 50px;
	}
	.our_flex {
        justify-content: space-around;
    }
	.quote-slider .quote-only.quote-black .quote-pd {
        max-width: 800px;
        width: 100%;
    }
	.quote-slider .quote-only.quote-white {
		width: 100%;
		padding-left: 0;
		display: grid;
		align-items: end;
		padding-bottom: 30px;
		padding-top: 0;
	}
	.online-image {
        margin-left: 50px;
    }
	.online-graph.quote-slider .online-image{
		margin-top: -80px;
	}
	.banner-items {
		width: 100%;
		height: 729px;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
	}
	.box-filter {
		margin-bottom: 40px;
		margin-top: 15px;
		padding: 10px 80px 10px;
	}
	.image-grid-5 {
		gap: 40px;
		flex-wrap: wrap;
	}
	.quote-slider .quote-only {
        height: auto;
    }
	.items-content-inner .btn {
		margin-top: 20px;
	}
	.our-section-mobile{
		padding-top: 0;
	}
	.design-flex {
        gap: 30px;
        justify-content: flex-start;
        flex-wrap: wrap;
    }
	.design-img {
        width: 279px;
        height: 279px;
        display: block;
        margin: inherit;
    }
	header.site-header.active{
		background-color: var(--color-white);
	}
	.banner-video {
		width: 100%;
		height: calc(100vh - 100px);
	}
	.mini-menu > li .open_items a{
		display: inline-flex;
		justify-content: normal;
		font-weight: 500;
		font-size: 18px;
	}
	.mini-menu .mini-items{
		position: relative;
	}
	.open_items {
		display: flex;
		justify-content: space-between;
	}
}
@media (max-width: 991px) {
	:root {
		--fs-40: 30px;
        --fs-50: 38px;
		--fs-80: 40px;
    }
	.footer-box {
		flex-direction: column;
	}
    .main-footer, .office-section {
        padding: 60px 0;
    }
	.footer-title {
		margin: 20px 0;
	}
	.footer-basic {
		margin-top: 50px;
	}
	.demo-section {
		padding: 80px 0;
	}
	.demo-grid {
		grid-template-columns: 1fr 1fr;
		row-gap: 50px;
	}
	.demo-content {
		margin-top: 24px;
	}
	.demo-title {
		margin-bottom: 8px;
	}
	.universal-banner {
        height: 400px;
    }
	.stories-box {
		grid-template-columns: 1fr 1fr;
	}
	.about-box {
		grid-template-columns: 1fr;
		gap: 20px;
	}
	.about-section {
		padding: 60px 0 10px;
	}
	.basic-title, .basic-content {
		margin-bottom: 20px;
	}	
	.office-title {
		margin-bottom: 40px;
	}
	.contact-wrap {
		flex-direction: column-reverse;
		align-items: start;
	}
	.contact-form {
		max-width: 100%;
	}
	.contact-flow {
		margin-bottom: 30px;
	}
	.contact-subtitle {
		margin-bottom: 10px;
	}
    .contact-container {
        padding: 0;
    }
    .contact-cage {
        flex-direction: column-reverse;
    }
	.contact-heading-box {
		padding: 0 20px;
		max-width: 100%;
		text-align: center;
	}
	.contact-banner {
		width: 100%;
		height: 500px;
		overflow: hidden;
	}
	.contact-banner img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.online-graph.quote-slider, .online-graph {
        display: block;
    }
	.quote-slider .quote-only.quote-black {
		padding: 20px;
	}
	.filter-items a::after {
		width: 26px;
		height: 20px;
		background-position: 3px -3px;
		transform: rotate(90deg);
		top: 13px;
		background-size: 19px 25px;
	}
	.filter-items .form-select {
		background-size: 18px;
		background-position: 94px 14px;
	}
	.grid-items {
		display: grid;
	}
	.reverse-items {
		max-width: 100%;
		width: 100%;
	}
	.reverse-items.reverse-items-content {
		padding: 90px 15px;
	}
	.reverse-items-img img{
		width: 100%;
	}
	.online-quote-section {
		padding-top: 60px;
	}
	.design-items {
		width: 290px;
	}
	.banner-video {
        width: 100%;
        height: calc(100vh - 200px);
    }
}
@media (max-width: 767px) {
	:root {
		--fs-80: 36px;
        --fs-50: 32px;
		--fs-25: 20px;
		--fs-20: 16px;
		--fs-18: 16px;
    }
	.footer-grid {
		flex-wrap: wrap;
	}
	.social-box {
        padding: 45px 0;
    }
	.demo-grid {
		column-gap: 16px;
		row-gap: 32px;
	}
	.demo-content {
        margin-top: 20px;
    }
	.universal-banner {
        height: 320px;
    }
	.office-details {
		margin-top: 20px;
	}
	.office-address {
		margin-bottom: 10px;
	}
	.designer-title {
        font-size: 30px;
    }
	.contact-box {
		padding: 50px 30px;
	}
	.contact-heading {
		line-height: 1.2;
	}
	.hero-contact {
		padding-bottom: 40px;
	}
	.brave-design-section {
        padding: 80px 0px;
    }
	.products-section .heading-50 {
        margin-bottom: 20px;
    }
	.banner-items {
        height: 500px;
    }
	.celestial-box {
		max-width: 400px;
	}
	.online-image {
        margin-left: 0;
    }
	.quote-slider .quote-only {
        height: auto;
    }
	.online-image{
		width: 100%;
		margin-top: 0;
		margin-left: 0;
	}
	.slider_arrow {
		margin-top: 20px;
	}
	.online-quote-section {
		padding-top: 80px;
	}
	.online-img {
        margin-top: 40px;
    }
	.quote-white {
        padding-top: 40px;
    }
	.our_flex {
        margin-top: 40px;
    }
	.quote-slider .quote-only.quote-white {
        padding-bottom: 10px;
    }
	.quote-pd img{
		max-width: 30px;
		width: 100%;
	}
	.box-filter {
        margin-bottom: 40px;
        margin-top: 15px;
        padding: 10px 23px 11px 2px;
    }
	.design-flex {
        justify-content: center;
    }
}
@media (max-width: 575px) {
	:root {
		--fs-80: 32px;
        --fs-50: 28px;
		--fs-30: 20px;
		--fs-16: 15px;
    }
	.demo-section, .stories-section {
        padding: 60px 0;
    }
    .demo-grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }
	.demo-img {
		max-width: 100%;
	}
	.universal-banner {
        height: 300px;
    }
    .stories-box {
        grid-template-columns: 1fr;
        row-gap: 40px;
    }
	.story-img img {
		width: 100%;
	}
	.stories-title {
		margin-bottom: 30px;
	}
	.about-section {
		padding: 40px 0 10px;
	}
	.about-box {
		gap: 0;
	}
	.designer-title {
        font-size: 28px;
    }
	.contact-banner {
		height: 400px;
	}
	.site-logo {
        width: 80px;
    }

	.mobile_menushow {
		height: 91.2vh;
        top: 73px;
	}
	.mini-menu > li .open_items a{
		font-size: 16px;
	}
	.online-graph.quote-slider .online-image {
        margin-top: 0;
    }
	.items-content-inner,
	.row-reverse-grid .grid-items:nth-child(even) .items-content-inner{
        padding-left: 15px;
        padding-right: 15px;
    }
	.overlay-banner svg {
		max-width: 40px;
	}
	.banner-video{
		height: 60vh;
	}
	.filter-items .heading-30::after {
        top: 3px;
        width: 11px;
        height: 31px;
        right: -15px;
    }
	.fs-75 {
        font-size: 55px;
        line-height: 65px;
    }
}
@media (max-width: 428px) {
	:root {
		--fs-80: 28px;
		--fs-50: 26px;
		--fs-25: 18px;
		--fs-20: 15px;
		--fs-18: 15px;
		--fs-16: 14px;
	}
	.subscribe-description {
		line-height: 1.5;
	}
	.social-list {
		gap: 20px;
	}
	.social-wrap {
		gap: 30px;
		flex-wrap: wrap;
	}
	.demo-title {
		line-height: 1.2;
	}
	.universal-banner {
        height: 260px;
    }
	.designer-title {
        font-size: 24px;
    }
	.contact-box {
        padding: 40px 20px;
    }
	.contact-banner {
        height: 300px;
    }
	.banner-items {
        height: 350px;
    }
	.celestial-box {
        max-width: 80%;
		margin-left: 0;
    }
	.quote-only{
		padding-left: 15px;
		padding-right: 15px;
	}
	.online-img {
        height: 300px;
    }
	.online-img img{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.filter-items .form-select {
        background-size: 14px;
        background-position: 75px 16px;
        padding-right: 25px;
		font-size: 18px;
    }
	.filter-items .heading-30{
		font-size: 18px;
	}
	.filter-items a::after {
        width: 22px;
        height: 16px;
        background-position: 5px -3px;
        transform: rotate(90deg);
        top: 13px;
        background-size: 15px 26px;
    }
	.our-section {
		padding-top: 20px;
	}
	.reverse-items.reverse-items-content {
        padding: 50px 15px;
    }
	.fs-75 {
        font-size: 45px;
        line-height: 55px;
    }
}
@media (max-width: 360px) {

}