@media all and (max-width: 1199px){
		
	.heading1{
		font-size: 50px;
	}
	.heading2{
		font-size: 60px;
	}
	.heading3{
		font-size: 38px;
	}
	.font28px{
		font-size: 25px;
	}
	.font24px{
		font-size: 20px;
	}

	.banner-content .heading1 {
			padding-bottom: 250px;
	}
	.features-area {
    padding: 100px 0px;
}
	.feature-boxs {
		grid-template-columns: repeat(auto-fit, minmax(268px, 1fr));
		gap: 50px;
	}
	.collection-area {
    padding: 100px 0px;
	}
	.community-area {
    padding: 100px 0px;
}
	.community-left span {
		width: 200px;
	}
}

@media all and (max-width: 991px){
	.heading1{
		font-size: 40px;
	}
	.heading2{
		font-size: 50px;
	}
	.heading3{
		font-size: 30px;
	}
	.font28px{
		font-size: 22px;
	}
	.font24px{
		font-size: 18px;
	}

	.banner-content .heading1 {
			padding-bottom: 200px;
	}
	.about-area {
    padding: 80px 0px;
	}
	.features-area {
    padding: 80px 0px;
	}
	.collection-area {
    padding: 80px 0px;
	}
	.community-area {
    padding: 80px 0px;
	}
	.community-content {
    flex-direction: column;
		gap: 40px;
	}
	.community-left{
		width: 100%;
	}
	.community-left span {
    max-width: 400px;
    width: 100%;
    margin: auto;
		rotate:0deg;
	}
	.community-right .heading2 {
			padding-bottom: 30px;
			text-align: center;
	}

}
@media all and (min-width: 768px){
	.header-menu{
		display: flex !important;
	}
	.header-nav nav{
		display: flex !important;
	}
}
@media all and (max-width: 767px){
	/* Mobile menu ----------------------------*/
	.mobile-menu {
		display: block;
	}
	.header-nav nav{
		position: absolute;
		width: 100%;
		top: 100%;
		left: 0;
		background: #4854E0;
		z-index: 1;
		box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
		padding:40px 0;
		box-sizing: border-box;
		text-align: center;
		display: none;
	}
	.header-nav nav ul{
		flex-direction: column;	
	}
	.header-nav nav ul li{
		margin-bottom: 30px;
	}

	.mobile-logo{
		display: block;
	}
	.desk-logo{
		display: none;
	}
	.header-menu {
		padding: 10px 20px;
    justify-content: flex-start;
	}




	.banner-area {
    padding: 100px 0px;
    padding-top: 130px;
	}
	.banner-buttons img {
    max-width: 150px;
	}
	.heading1 {
    line-height: 50px;
	}
	.heading2 {
    line-height: 50px;
	}



	.font28px {
    line-height: 35px;
	}

	.about-content .heading2 {
    padding-bottom: 20px;
	}
		.features-content .heading2 {
    padding-bottom: 30px;
	}
	.collection-content .heading2 {
    padding-bottom: 30px;
	}
}

@media all and (max-width:575px){
	.swiper-pagination{
		display: block;
	}
	.swiper-wrapper {
    padding-bottom: 30px;
	}
	.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: -7px;
	}
	.custom-navigation {
    width: calc(100% + 80px);
    right: -40px;
	}
	.heading2 {
    font-size: 40px;
	}

	.font28px {
			font-size: 20px;
	}
	.features-area {
    padding: 80px 0px;
		padding-top:0px;
	}
	.collection-area {
    padding: 60px 0px;
	}

	.community-right .heading2 {
    padding-bottom: 20px;
	}

	.community-right .font24px br{
		display: none;
	}
}


@media all and (max-width:450px){
	.heading1 {
    font-size: 30px;
	}

	.custom-navigation {
    display: none;
	}
}


@media all and (max-width:375px){

}