/* CSS Document */
.w3layouts-advert-nojob {
    width: 95%; 
    margin:1em auto;
    background:#FFFFFF;
    padding: 0px; 
	-webkit-box-shadow: 0px 0px 1px 0px #7090B0;
	-moz-box-shadow:    0px 0px 1px 0px #7090B0;
	box-shadow:         0px 0px 1px 0px #7090B0;	 
}
.w3layouts-advert {
	transition: transform .2s;
	  
    width: 95%;
    margin:1em auto;
	background-color:#FFFFFF ; 
    padding: 0px;  
	-webkit-box-shadow: 0px 0px 1px 0px #7090B0;
	-moz-box-shadow:    0px 0px 1px 0px #7090B0;
	box-shadow:         0px 0px 1px 0px #7090B0;
	  	 
}

.w3layouts-advert-jd {
	transition: transform .2s;
    width: 95%;
	height: 92vh; 
    margin:1em auto;
	background:#FFFFFF ;
	cursor:pointer;
    padding: 0px;  
	-webkit-box-shadow: 0px 0px 1px 0px #7090B0;
	-moz-box-shadow:    0px 0px 1px 0px #7090B0;
	box-shadow:         0px 0px 1px 0px #7090B0;	 
}
.w3layouts-advert:hover{ 
    background-color:#E1E8F0;
	transform: scale(1.03) ; 
	
	-webkit-transition: all .2s linear;
    -ms-transition: all .2s linear;
    transition: all .2s linear;	 
}
.w3layouts-inner-layout {  
    padding: 42px 35px; 
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
.job-header { width: 100%; overflow:hidden; }
.job-hr { width: 100%;  }
.job-body { height: 100%;  }

@media (min-width:768px) { 
	.job-title {   width: 80%;float:left; padding-top:2em; }
	.job-apply {  width: 20%;float:right; text-align:right; padding-top:2em; }
 } @media (max-width:768px){ 
	.job-title {   width: 100%; float:none; padding-top:2em; }
	.job-apply {  width: 100%;float:none;text-align:left; padding-top:2em; }
  }