@charset "utf-8";
/* CSS Document */

@media only screen and (max-width: 320px) {
	.main-section {
		display: none;
	}

	.main-section-1 {
		display: block;
	}

	.main-section-1-content {
		padding: 0px;
		text-align: center;
	}

	.main-section-1-content .logo {
		margin-bottom: 10px;
		margin-top: 10px;
		width: 100%;
	}

	/*.main-section-1-content .logo img
	{
		width:auto;
	}*/
	.main-section-1-content img {
		float: none;
		width: 38%;
	}

	.main-section-1-content h1 {
		font-size: 16px;
		margin-top: 10px;
		margin-bottom: 0px;
	}

	.main-section-1-content p {
		font-size: 10px;
		margin-bottom: 5px;
		text-transform: lowercase;
	}

	.main-section-1-content button {
		margin-bottom: 10px;
		font-size: 10px;
		padding: 5px 10px;
	}
}

@media only screen and (max-width: 360px) {
	/* .main-section-1-content img {
		float: none;
		width: 64% !important;
	} */
}

@media only screen and (max-width: 375px) {
	/* .main-section-1-content img {
		float: none;
		width: 62% !important;
	} */
}

@media only screen and (max-width: 411px) {
	/* .main-section-1-content img {
		float: none;
		width: 55% !important;
	} */
}

@media only screen and (max-width: 414px) {
	/* .main-section-1-content img {
		float: none;
		width: 55% !important;
	} */
}

/*---For Mobile---*/
@media (max-width: 767px) {
	.main-section {
		display: none;
	}

	.main-section-1 {
		display: flex;
		height: 100vh;
		justify-content: center;
		align-items: center;
	}

	.main-section-1-content {
		padding: 30px 10px;
		text-align: center;
	}

	.main-section-1-content img {
		float: none;
		width: 70%;
	}

	.main-section-1-content .logo {
		margin-top: 0;
		margin-bottom: 18px;
		width: 100%;
	}

	.main-section-1-content .logo img {
		width: 128px !important;
	}

	.main-section-1-content h1 {
		font-size: 27px;
	}

	.main-section-1-content h6 {
		margin: 25px 0;
	}

	.main-section-1-content p {
		font-size: 18px;
		margin-bottom: 10px;
		/* text-transform: lowercase; */
	}

	.main-section-1-content button {
		margin-bottom: 10px;
		font-size: 18px;
		padding: 6px 15px;
	}

}

/*---For Vertical iPad---*/
@media (min-width: 768px) and (max-width: 991px) {

	.main-section {
		padding: 45px 0px;
		height: 75vh;
	}

	.main-section-content-1 img {
		width: 100%;
	}

	.main-section-content {
		padding: 0px;
	}

	.main-section-content h1 {
		font-size: 36px;
	}

	.main-section-content p {
		font-size: 16px;
	}
}

/*---For Horizental iPad---*/
@media (min-width: 992px) and (max-width: 1199px) {}

/*---For Laptop---*/
@media (min-width: 1200px) and (max-width: 1400px) {}

@media only screen and (min-width: 2880px) {}