/********************** FOR MOBILE ***************************/
@media(max-width:768px)
{

	/************************HEADER************************/
	.navbar
	{
		padding: 0!important;
	}
	.navbar img
	{
		width: auto;
		height: 6vh;
	}
	.navbar .mheader
	{
		padding: 10px 20px!important;
		border-radius: 0px;
		background-color: #fff;
	}
	.mheader .navbar-collapse .navbar-nav
	{
		background: #eeeeee;
	    list-style: disc;
	    padding: 1rem;
	    display: flex;
	    align-items: center;
	    border-radius: 20px;
	}
	.mheader .navbar-collapse .navbar-nav .nav-item a
	{
		text-align: center;
	}
	/************************END************************/





	/************************BANNER************************/
	.banner
	{
		min-height: 95vh;
		margin-top: 0vh;
	    padding: 0 2rem;
	}
	.banner h1
	{
		font-size: 30px;
		margin-bottom: 10px;
	}
	.banner h2
	{
		font-size: 25px;
		text-align: center;
		margin-bottom: 10px;
	}
	.banner p
	{
		font-size: 18px;
	}
	/************************END************************/





	/***********************WHO WE ARE**********************/
	.wwa
	{
		padding: 2rem 1rem;	
	}
	.wwa h2
	{
		font-size: 30px;
		margin-bottom: 20px;
	}
	.wwa img
	{
		min-height: auto;
		margin-bottom: 20px;
	}
	/************************END************************/






	/***********************Our values**********************/
	.ovalues
	{
		padding: 2rem 1rem;
		background: linear-gradient(120deg, #2121d7f2, #ec0bfdf2), url(../img/wwwwa.jpg);
	}
	.ovalues h2
	{
		font-size: 30px;
		margin-bottom: 20px;
	}
	.ovalues .value-box img
	{
		height: 25vh;
	}
	.ovalues .value-box  h3
	{
		font-size: 25px;
		text-align: center;
		color: var(--one-color);
		margin-bottom: 15px;
	}
	/************************END************************/





	/************* FINANCIAL COACHING **************/
	.fincoa
	{
		padding: 2rem 1rem;
	}
	.fincoa h2
	{
		font-size: 30px;
		margin-bottom: 20px;
	}
	.fincoa h3
	{
		font-size: 25px;
		text-align: left;
		margin-bottom: 15px;
	}
	/************************END************************/





	/***********************HOW WE CAN HELP**********************/
	.hwch
	{
		padding: 2rem 1rem;
	}
	.hwch h2
	{
		font-size: 30px;
		margin-bottom: 20px;
	}
	.hwch ul li
	{
		font-size: 18px;
		text-align: left;
		color: #000;
		margin-bottom: 15px;
	}
	.hwch img
	{
		min-height: auto;
		margin-bottom: 20px;
	}
	/************************END************************/





	/************************OUR SERVICES********************/
	.oservices
	{
		padding: 2rem 1rem;
	}
	.oservices img
	{
		height: auto;
	}
	.oservices p
	{
		font-size: 20px;
		text-align: left;
		color: #000;
		margin-bottom: 10px;
	}
	/************************END************************/




	/**********Financial companies aligned with our mission*********/
	.fcawom
	{
		padding: 2rem 1rem;
		background: linear-gradient(120deg, #2121d7f2, #ec0bfdf2), url('../img/banner.jpg');
	}
	.fcawom h2
	{
		font-size: 30px;
		margin-bottom: 20px;
	}
	/************************END************************/





	/************************OUR FOUNDER********************/
	.ofounder
	{
		padding: 2rem 1rem;
	}
	.ofounder h2
	{
		font-size: 30px;
		margin-bottom: 20px;
	}

	.ofounder img
	{
		height: auto;
		width: 100%;
		object-fit: contain;
		float: none;
		margin-right: 0px;
		margin-bottom: 15px;
	}
	/************************END************************/





	/****************** OUR MEDIA ***************************/
	.our-media
	{
		padding: 2rem 1rem;
		background: linear-gradient(120deg, #2121d7f2, #ec0bfdf2), url(../img/banner.jpg);
	}
	.our-media h2
	{
		font-size: 30px;
		margin-bottom: 20px;
	}
	.our-media .media-img
	{
		height: auto;
	}
	/************************END************************/





	/********************** CONTACT US **********************/
	.contact-us
	{
		padding: 2rem 1rem;
	}
	.contact-us h2
	{
		font-size: 30px;
		margin-bottom: 20px;
	}
	.contact-us img
	{
		margin-bottom: 20px;
	}
	.contact-us h3
	{
		font-size: 25px;
	}

	.contact-us a p
	{
		margin-top: 20px;
		font-size: 20px;
	}
	.contact-us .pdng
	{
		padding-left: 10px;
	}
	/************************END************************/





	/************* Start Your Journey to Independence ***********/
	.syjti
	{
		padding: 2rem 1rem;
	}
	.syjti h2
	{
		font-size: 30px;	
		margin-bottom: 10px;
	}
	.syjti h3
	{
		font-size: 25px;
		margin-bottom: 10px;
	}
	.syjti h4
	{
		font-size: 20px;
		margin-bottom: 20px;
	}

	.syjti form
	{
		background-color: #fff;
		border: 1px solid var(--one-color);
		border-radius: 20px;
		padding: 1rem;
		box-shadow: 0px 0px 10px 0px var(--one-color);
	}
	
	.syjti img
	{
		margin-bottom: 20px;
	}
	/************************END************************/






	/***********************Disclaimer**********************/
	.disclaimer
	{
		padding: 2rem 1rem;
	}
	.disclaimer h2
	{
		font-size: 30px;
		margin-bottom: 20px;
	}
	/************************END************************/





	/************************* FOOTER *************************/
	footer
	{
		padding: 2rem 1rem 2rem 1rem;
		background: linear-gradient(120deg, #0027ffe8, #bb2195e3), url('../img/banner.jpg');
	}
	footer .upper-footer 
	{
		text-align: left;
	}
	footer .upper-footer img
	{
		width: 100%;
		margin-bottom: 30px;
	}
	footer .upper-footer .social
	{
		margin-top: 20px;
		margin-bottom: 30px;
	}
	footer .upper-footer iframe
	{
		height: 30vh;
	}
	footer .lower-footer 
	{
		margin-top: 20px;
        background: black;
        padding: 1rem;
        border-radius: 20px;
	}
	footer .lower-footer p
	{
		text-align: center;
		margin-bottom: 0px;
	}
	footer .lower-footer p a
	{
		color: #fff;
	}

}







/********************** FOR TABLETS ***************************/

@media (min-width: 767px) and (max-width: 1180px)
{

	/************************HEADER************************/
	.navbar
	{
		padding: 0!important;
	}
	.navbar img
	{
		width: auto;
		height: 7vh;
	}
	.navbar .mheader
	{
		padding: 10px 10px!important;
		border-radius: 0px;
		background-color: #fff;
	}
	.mheader .navbar-collapse .navbar-nav
	{
		background: #eeeeee;
	    list-style: disc;
	    padding: 1rem;
	    display: flex;
	    align-items: center;
	    border-radius: 20px;
	}
	.mheader .navbar-collapse .navbar-nav .nav-item a
	{
		text-align: center;
	}
	/************************END************************/





	/************************BANNER************************/
	.banner
	{
		min-height: 95vh;
		margin-top: 0vh;
	    padding: 0 2rem;
	}
	.banner h1
	{
		font-size: 50px;
		margin-bottom: 15px;
	}
	.banner h2
	{
		font-size: 40px;
	}
	.banner p
	{
		font-size: 20px;
	}
	/************************END************************/





	/***********************WHO WE ARE**********************/
	.wwa
	{
		padding: 3rem 2rem;	
	}
	.wwa img
	{
		min-height: auto;
		margin-bottom: 20px;
	}
	/************************END************************/






	/***********************Our values**********************/
	.ovalues
	{
		padding: 3rem 2rem;
		background: linear-gradient(120deg, #2121d7f2, #ec0bfdf2), url(../img/wwwwa.jpg);
	}
	.ovalues .value-box img
	{
		height: 25vh;
	}
	.ovalues .value-box
	{
		padding: 2rem 5rem;
	}
	.ovalues .value-box  h3
	{
		font-size: 35px;
		margin-bottom: 15px;
	}
	/************************END************************/





	/************* FINANCIAL COACHING **************/
	.fincoa
	{
		padding: 3rem 2rem;
	}
	/************************END************************/





	/***********************HOW WE CAN HELP**********************/
	.hwch
	{
		padding: 3rem 2rem;
	}
	.hwch img
	{
		min-height: auto;
		margin-bottom: 20px;
	}
	/************************END************************/





	/************************OUR SERVICES********************/
	.oservices
	{
		padding: 3rem 2rem;
	}
	.oservices img
	{
		height: auto;
	}
	/************************END************************/




	/**********Financial companies aligned with our mission*********/
	.fcawom
	{
		padding: 3rem 2rem;
		background: linear-gradient(120deg, #2121d7f2, #ec0bfdf2), url('../img/banner.jpg');
	}
	/************************END************************/





	/************************OUR FOUNDER********************/
	.ofounder
	{
		padding: 3rem 2rem;
	}
	.ofounder img
	{
		height: auto;
		width: 100%;
		object-fit: contain;
		float: none;
		margin-right: 0px;
		margin-bottom: 15px;
	}
	/************************END************************/





	/****************** OUR MEDIA ***************************/
	.our-media
	{
		padding: 3rem 2rem;
		background: linear-gradient(120deg, #2121d7f2, #ec0bfdf2), url(../img/banner.jpg);
	}
	.our-media .media-img
	{
		height: auto;
	}
	/************************END************************/





	/********************** CONTACT US **********************/
	.contact-us
	{
		padding: 3rem 2rem;
	}
	.contact-us img
	{
		margin-bottom: 20px;
	}
	.contact-us h3
	{
		font-size: 30px;
	}
	/************************END************************/





	/************* Start Your Journey to Independence ***********/
	.syjti
	{
		padding: 3rem 2rem;
	}
	.syjti img
	{
		margin-bottom: 20px;
	}
	/************************END************************/






	/***********************Disclaimer**********************/
	.disclaimer
	{
		padding: 3rem 2rem;
	}
	/************************END************************/





	/************************* FOOTER *************************/
	footer
	{
		padding: 3rem 2rem;
		background: linear-gradient(120deg, #0027ffe8, #bb2195e3), url('../img/banner.jpg');
	}
	
	footer .upper-footer img
	{
		width: 100%;
		margin-bottom: 40px;
	}
	footer .upper-footer .social
	{
		margin-top: 25px;
		margin-bottom: 0px;
	}
	footer .upper-footer iframe
	{
		height: 25vh;
	}
	footer .lower-footer 
	{
		margin-top: 35px;
        background: black;
        padding: 1rem;
        border-radius: 20px;
	}
	footer .lower-footer p
	{
		text-align: center;
		margin-bottom: 0px;
	}
	footer .lower-footer p a
	{
		color: #fff;
	}

}
