@media (max-width: 768px){
 .content {	padding: 40% 0 0;}
#main-contact-form input.btn.em-btn.btn-default { float:inherit}
#em-services .service {margin-bottom: 2em;}

}

@media (max-width: 603px){
#em-menu.navbar-default {
	padding: 5px;
	background-color: rgba(0, 0, 0, 0.79);
	}
#em-works li.pull-right, #em-works li.pull-left {
    margin-top: 10px;
    float: none !important;
    text-align: center;
    display: block;
}
label{
    float: none !important
}
.pull-left.fnav,
.pull-right.fnav {
    float: none !important;
    text-align: center;
}

.hover-bg .hover-text {
    padding: 12% 10%;
}

/* fix padding section */
#em-about,#em-works,#em-brand,#em-contact { padding-top:80px ; padding-bottom:50px}
#em-home .overlay {    height: 650px;}
#em-services .overlay, #em-clients .overlay, #em-repair-service .overlay, #em-testimonials .overlay {padding-top:80px ; padding-bottom:50px}

}
@media (max-width: 360px){
.hover-bg .hover-text {
    padding: 22% 10%; 
} 
}


@media (min-width: 768px){
.modal-dialog {
    width: 80%;
}
}