@media only screen and (max-width: 1366px){
	.banner-section .banner-content h1 {
		font-size: 36px;
	}

	.banner-section .banner-content .banner-logo img{
		    width: 80%;
		}

	.banner-section .banner-content .feature-ban {
	    max-width: 830px;
	}
	.feature-section .feature-item {
		width: 33.33%;
	}
}






@media only screen and (max-width: 991px){
	.feature-section .feature-item {
		width: 50%;
	}
	.demos-item {
		width: 50%;
	}
	.inner-page-item {
		width: 33.33%;
	}
	.header-section {
		position: static;
		background-color: #0131ff;
	}

	.fixed-top-menu {
	    background-color: #0131ff;
	    position: fixed;
	    left: 0;
	    top: 0;
	    right: 0;
	    z-index: 999;
	}

	.banner-section {
		height: auto;
	}
	.banner-section .banner-content {
		padding-top: 100px;
		padding-bottom: 100px;
		position: static;
		transform: translateY(0%);
	}
}


@media only screen and (max-width: 768px){
	.inner-page-item {
		width: 50%;
	}
	.inner-page,
	.demos {
		padding-left: 10px;
		padding-right: 10px;
	}
	.feature-all {
	    padding-left: 10px;
	    padding-right: 10px;
	}
	.header-section {
		text-align: center;
	}

	.header-section .primary-menu .purchase-btn {
		float: none;
	}
	.header-section .primary-menu .main-menu ul li {
		float: none;
		display: inline-block;
	}

	.banner-section .banner-content .feature-ban .feature-item {
		float: none;
		width: 100%;
		margin-bottom: 10px;
	}

}


@media only screen and (max-width: 500px){
	.feature-section .feature-item {
		width: 100%;
		float: none;
	}
	.demos-item {
		width: 100%;
		float: none;
	}
	.inner-page-item {
		width: 100%;
		float: none;
	}

	.footer-bg .footer-content-area h2 {
	    font-size: 25px;
	    color: #fff;
	    line-height: 1.4;
	}
}