@media only screen and (max-width:1600px) {

	.mockup img {

	    max-width: 100%;

	    height: auto;

	}

	.abt-theme {

		padding-left: 18%;

	}



	.iframe-container {

		padding-top: 96%;

	}

}



@media only screen and (max-width:1024px) {

	.banner-content span {

		max-width: 50%;

	}

	.sec-space.extra-space-btm {

	    padding-bottom: 100px;

	}

	.overlap {

	    margin: 120px 0;

	}

	.comng-son {

	    padding: 6.7rem 1rem;

	}

	.abt-theme {

	    padding-left: 10%;

	}

	.iframe-container {

	    padding-top: 133%;

	}

	.wave-box {bottom: -70px;}

}



@media only screen and (max-width:980px) {


	.respnsive-header {

		display: block;

	}

	.banner-content img {

	    width: 100%;

	    height: auto;

	}

	.banner-content span {

	    max-width: 80%;

	    margin-top: 2rem;

	}

	.top-banner {

		padding-top: 200px;

	}

	.sec-space.extra-space-btm {

	    padding-bottom: 0;

	}

	.sec-space {

	    padding: 90px 0;

	}

	.sec-heading h2 {

		font-size: 3rem;

	}

	.sec-heading span {

		font-size: 2.25rem;

	}

	.page-builder {

	    padding: 4.25rem 3rem;

	}

	.pg-bulder-inner {

	    padding-left: 3rem;

	}

	.bulder-inner-contnt h2 {

		font-size: 3rem;

		margin-bottom: 0.75rem;

	}

	.niche-demos {

	    padding: 5rem 4rem;

	}

	.demo-item figure {

		margin-bottom: 1rem;

	}

	.demo-item {

		margin-bottom: 1rem;

	}

	.abt-theme.sec-space {

		padding: 90px 30px;

	}

	.abt-theme h2 {

		font-size: 3rem;

	}

	.overlap {

	    margin: 90px 0;

	}

	.iframe-container {

	    padding-top: 56.25%;

	}
	.wave-box {bottom: -10px;}

}



@media only screen and (max-width:640px) {

	.sec-space {

		padding: 70px 0;

	}

	.uniq-feature {

		padding: 2rem;

	}

	.uniq-feature h3 {

		font-size: 1.45rem;

		line-height: 1.65rem;

	}

	.pg-bulder-inner {

	    padding-left: 0;

	    margin-top: 1rem;

	}

	.pg-bulder-inner p {

		margin-top: 1rem

	}

	.niche-demos {

	    padding: 3rem 2rem;

	}

	.comng-son h2 {

		font-size: 3rem;

	}

	.comng-son h2 span {

		font-size: 5rem;

	}

	.abt-theme.sec-space {

		padding: 70px 30px;

	}

	.abt-theme h2 {

	    font-size: 2.5rem;

	    line-height: 3rem;

	    margin-bottom: 2rem;

	}

	.mt-120 {

	    margin-top: 70px;

	}

	.overlap {

	    margin: 70px 0;

	}

}



@media only screen and (max-width:480px) {

	.banner-content span {

	    max-width: 100%;

	    margin-top: 1.50rem;

	}

	.top-banner {

	    padding-top: 170px;

	    padding-bottom: 90px;

	}

	.mockup {

		top: -70px;

	}

	.sec-heading h2 {

	    font-size: 2.5rem;

	    line-height: 3rem;

	}

	.sec-heading span,
	.sec-heading p {

	    font-size: 2rem;

	}

	.bulder-inner-contnt h2 {

		font-size: 2.5rem;

	}

	.demo-nam h3 {

		font-size: 2rem;

	}
	.sec-heading p {max-width: 100%;}

}



@media only screen and (max-width:414px) {

	.banner-content span {

		font-size: 1.5rem;

		line-height: 2rem;

	}

	.sec-space {

		padding: 50px 0;

	}

	.sec-heading h2 {

	    font-size: 2.25rem;

	    line-height: 2.75rem;

	}

	.sec-heading span,
	.sec-heading p {

	    font-size: 1.5rem;

	}

	.abt-theme h2 {

		font-size: 2rem;

		line-height: 2.75rem;

		margin-bottom: 1.5rem;

	}

	.abt-theme p {

		margin-bottom: 2.75rem;

	}

	.abt-theme.sec-space {

	    padding: 50px 20px;

	}

	.overlap {

	    margin: 50px 0;

	}

	.mt-120 {

	    margin-top: 50px;

	}

	.demo-list-item {

		margin-top: 2rem;

	}

}



@media only screen and (max-width:360px) {

	.page-builder {

	    padding: 4rem 1rem;

	}

	.sec-heading {

		padding: 0 15px;

	}

	.footer ul li {

	    margin-right: 2px;

	}

	.demo-nam > span {margin-left: 0;width: 100%;}

}