/*
Module Name:Home (Mobile CSS)
Author: MP | Prosoft Phils
Date: 05-09-2022
*/

@media (max-width: 767px) {
	.mobile-home-pg {
		height: 94vh;
  		height: calc(var(--vh, 1vh) * 94);
  		min-height: -webkit-fill-available;
  		padding-top: 15vh;
		background-image: url('../img/bg-home-mobile.png');
		background-repeat: no-repeat;
		background-size: cover;
	}

	.quote_area {
		justify-content: flex-start;
		padding: 0;
	}

	.quote_area .col-lg-12{
		padding: 0;
	}

	.quote_area .row.right_quote{
		width: 100%;
		margin: auto;
		padding: 0 50px;
	}

	.video-button {
		display: flex;
		align-items: center;
		justify-content: space-between !important;
	}

	.video_con {
	    display: flex;
		align-items: center;
		border-radius: 10px;
		height: 130px;
	}

	.video-button img {
		margin: 0 !important;
		width: 65%;
	}

		.button-con .justify-content-between.mb-5 {
			margin-bottom: 0 !important;
		}

	.video_col_desktop label {
		display: none;
	}

	.video_col_desktop p, 
	.video_col_desktop ul li,
	.video_col_desktop h4 {
		font-size: 16px;
	}

	.home_vid_button div {
		flex-direction: column;
	}

	.home_vid_button button {
		margin: 5px 0;
		padding: 5px;
    	width: 100%;
	}

	.banner-label {
		font-size: 24px;
		line-height: 24px;
	}

	.banner-label-small {
		font-size: 20px;
		line-height: 24px;
	}


} /* END of @media 767px*/

@media (max-width: 576px) {
	.home_vid_button button,
	.home_vid_button div {
		padding: 5px 15px
	}

	.video-button .video_con {
		max-width: 55%;
		margin:  0 5px;
		align-items: center;
		justify-content: center;
	}

	.video_con i {
		font-size: 30px;
		position: relative;
		top: 0;
		left: 0;
	}


}