/*

    The following CSS codes are created by the YellowPencil plugin.
    https://yellowpencil.waspthemes.com/


    T A B L E   O F   C O N T E N T S
    ........................................................................

    01. Non-Static Homepage

*/



/*-----------------------------------------------*/
/*  Non-Static Homepage                          */
/*-----------------------------------------------*/
body.home .hero-section{
	-webkit-transform:translatex(0px) translatey(0px);
	-ms-transform:translatex(0px) translatey(0px);
	transform:translatex(0px) translatey(0px);
}

@media (max-width:768px){

	body.home .hero-section h1{
	padding-left:0px;
	-webkit-transform:translatex(4px) translatey(-30px);
	-ms-transform:translatex(4px) translatey(-30px);
	transform:translatex(4px) translatey(-30px);
}

body.home .hero-section .hero-content{
	left:-50px;
	z-index:-10;
	padding-left:0px;
	padding-right:8px;
	padding-top:0px;
	padding-bottom:0px;
	top:16px;
	position:relative;
	right:-200px;
	margin-right:18px;
	-webkit-transform:translatex(-23px) translatey(-3px);
	-ms-transform:translatex(-23px) translatey(-3px);
	transform:translatex(-23px) translatey(-3px);
}

body.home .hero-section .container .hero-content{
	width:60% !important;
}

body.home .hero-section .container{
	-webkit-transform:translatex(149px) translatey(13px);
	-ms-transform:translatex(149px) translatey(13px);
	transform:translatex(149px) translatey(13px);
	padding-left:25px;
	width:1033px;
}

body.home .hero-section .professional-intro{
	-webkit-transform:translatex(3px) translatey(-36px);
	-ms-transform:translatex(3px) translatey(-36px);
	transform:translatex(3px) translatey(-36px);
}

body.home .hero-section{
	width:99%;
	}

}



@media (min-width:769px){

	body.home .hero-section{
	padding-top:191px;
	}

}