/* Mobile */
@media(min-width:320px) and (max-width:767px) {
	#mobileBanner{
		display:none;
	}
	.opl-navbar-default-mob{
		background-color:#0097A7;
		border-color:#0097A7;
	}
	.opl-logo-txt h1{
		font-size:18px;
		color:#fff;
		text-align:center;
		margin-bottom: 20px !important;
	}
	.opl-top-part {
		height: 100%;
	    position: relative;
		background-position: 30% 20%;
		background-repeat: no-repeat;
		background-size: cover;
		top:40px;
	}
	
	.opl-logo-m{margin:0 auto;}
	.opl-footer {
		padding:0;
	}
	.opl-heading-fsize {
    font-size: 26px!important;
}

	.opl-logo-text h2{
		text-align: center;
		width: 90%;		
		margin: 30% auto 10%;
		border-radius: 5px;
		padding: 4%;
		line-height:1.5;
		font-size: 24px;
		font-weight: 400;
	}
	.opl-login-btn-mob{margin:0 10%;}
	
}

@media(min-width:320px) and (max-width:361px) {
.opl-logo-text h2{margin: 10% auto 10% !important;}
}
@media(min-width:375px) and (max-width:767px) {
.btn-logout {padding: 15px 17%;}
}
@media (min-width:320px) and (max-width:767px) and (orientation:landscape){
.opl-logo-text h2{width: 100%;margin: 0;}
}