/** ABOUT */

.about-left-wrapper {
    width: 50%;
    padding-top: 30px;
}

#about-video {
    position: relative;
    cursor: pointer;
    display: flex;
    /* align-items: center; */
    /* justify-content: center; */
}

#about-video a {
}

#about-video .play-btn {
    box-shadow: inset -2px 0px 20px 1px #eaeaea;
}

#about-video .play-btn img {
    width: 60px;
}

.essemm-building img {
    width: 100%;
}

.mid-bdr {
    width: 50px;
}

.f-col.about-essemm {
    width: 50%;
    padding-top: 30px;
}

.f-col.about-essemm p {
    margin-bottom: 0;
    text-align: justify;
}

.caption {
    font-style: italic;
    margin-top: 7px;
    text-align: center;
}

.about-video-section {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    margin: 20px 0px;
}

.abot-left-img {
    width: 100%;
}

.abot-left-img img {
    width: 100%;
}

.certificates {
    display: flex;
    align-items: center;
}

#about-video a {
    padding: 10px 0px;
    top: 0;
}

/************************** MOBILE STYLES IN LANDSCAPE ***********************************/


/********* TABLET LANDSCAPE *********/
@media screen and (max-device-width: 1024px) and (orientation: landscape){
	.essemm-building {
	    width: 100%;
	}
	

	
}




/********* LARGE PHONE LANDSCAPE *********/
@media screen and (max-device-width: 736px)	and (orientation: landscape){



	
}




/********* SMALL PHONE LANDSCAPE *********/
@media screen and (max-device-width: 640px)	and (orientation: landscape){

	
}






/************************** MOBILE STYLES IN PORTRAIT ***********************************/


/********* TABLET PORTRAIT */
@media screen and (max-device-width: 768px) and (orientation: portrait){

	#about .inner-wrapper.flex {
	    flex-direction: column;
	}

	.essemm-building {
	    width: 100%;
	}

	.f-col.about-essemm {
	    width: 100%;
	    padding: 10px;
	    box-sizing: border-box;
	    margin-top: 10px;
	}

	.caption {
	    margin-bottom: 20px;
	    font-size: .9em;
	}

}



/********* LARGE PHONE PORTRAIT */
@media screen and (max-device-width: 414px) and (orientation: portrait){

	

	.f-col.about-essemm{
		padding: 0;
	}

	.about-essemm p {
	    text-align: justify;
	    margin-bottom: 0;
	}
	.about-left-wrapper {
	    width: 100%;
	}
	
}



/********* SMALL PHONE PORTRAIT */
@media screen and (max-device-width: 360px) and (orientation: portrait){

	
	
	
}