@media (min-width:320px)  { /* smartphones, iPhone, portrait 480x320 phones */ 
.sign-box{
		margin-top: ;
	}
	.panel{
		border:0px !important;
		box-shadow: 0px !important;
		border-radius: 15px 15px 15px 15px;
	}
	.title-head{
		margin-top: 8px;

	}
	.title-head h2 {
		color: white !important;
	}
	.label-color{
		background: #3fbae4 !important;
	}
	.input-yot{
		border: 0px;
		background: #f5f5f5 !important;
	}
	.input-control{
		border: 0px !important;
		background: #f5f5f5 !important;
	}
	.btn-color{
		background: #3fbae4 !important;
		border-color:  #3fbae4 !important;
	}
	.panel-footer{
		border: 0px !important;
		border-radius: 0px 0px 15px 15px;
		background: #fff !important;
	}
	.panel-body{
		border: 0px !important;
	}
	.panel-heading{
		border: 0px !important;
		background: #3fbae4 !important;
		border-radius: 15px 15px 0px 0px;
	}
	.panel.panel-danger{
		border-top-color: #3fbae4 !important;
	}
	select{
		border: 0px !important;
		background: #f5f5f5 !important;
	}
	.logo-login{
		font-size: 50px !important; 
		color: #3fbae4; 
		text-align: center;
	}
	a{
		color: black;
	}

}
@media (min-width:481px)  { /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */ 
.sign-box{
		margin-top: ;
		min-height: 520px !important;
	}
	.panel{
		border:0px !important;
		box-shadow: 0px !important;
		border-radius: 15px 15px 15px 15px;
	}
	.title-head{
		margin-top: 8px;

	}
	.title-head h2 {
		color: white !important;
	}
	.label-color{
		background: #3fbae4 !important;
	}
	.input-yot{
		border: 0px;
		background: #f5f5f5 !important;
	}
	.input-control{
		border: 0px !important;
		background: #f5f5f5 !important;
		min-height: 50px;
	}
	.btn-color{
		background: #3fbae4 !important;
		border-color:  #3fbae4 !important;
	}
	.panel-footer{
		border: 0px !important;
		border-radius: 0px 0px 15px 15px;
		background: #fff !important;
	}
	.panel-body{
		border: 0px !important;
	}
	.panel-heading{
		border: 0px !important;
		background: #3fbae4 !important;
		border-radius: 15px 15px 0px 0px;
	}
	.panel.panel-danger{
		border-top-color: #3fbae4 !important;
	}
	select{
		border: 0px !important;
		background: #f5f5f5 !important;
	}
	.logo-login{
		font-size: 90px !important; 
		color: #3fbae4; 
		text-align: center;
	}
	a{
		color: black;
	}

}
@media (min-width:641px)  { /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ 
.sign-box{
		margin-top: ;
		min-height: 520px !important;
	}
	.panel{
		border:0px !important;
		box-shadow: 0px !important;
		border-radius: 15px 15px 15px 15px;
	}
	.title-head{
		margin-top: 8px;

	}
	.title-head h2 {
		color: white !important;
	}
	.label-color{
		background: #3fbae4 !important;
	}
	.input-yot{
		border: 0px;
		background: #f5f5f5 !important;
	}
	.input-control{
		border: 0px !important;
		background: #f5f5f5 !important;
		min-height: 50px;
	}
	.btn-color{
		background: #3fbae4 !important;
		border-color:  #3fbae4 !important;
	}
	.panel-footer{
		border: 0px !important;
		border-radius: 0px 0px 15px 15px;
		background: #fff !important;
	}
	.panel-body{
		border: 0px !important;
	}
	.panel-heading{
		border: 0px !important;
		background: #3fbae4 !important;
		border-radius: 15px 15px 0px 0px;
	}
	.panel.panel-danger{
		border-top-color: #3fbae4 !important;
	}
	select{
		border: 0px !important;
		background: #f5f5f5 !important;
	}
	.tile-oi{
		min-height: 250px !important;
	}
	.tile-oi{
		min-height: 150px !important;
	}
	.logo-login{
		font-size: 120px !important; 
		color: #3fbae4; 
		text-align: center;
	}
	a{
		color: black;
	}

}
@media (min-width:961px)  { /* tablet, landscape iPad, lo-res laptops ands desktops */ 
.sign-box{
		margin-top: ;
		min-height: 300px !important;
	}
	.panel{
		border:0px !important;
		box-shadow: 0px !important;
		border-radius: 15px 15px 15px 15px;
	}
	.title-head{
		margin-top: 8px;

	}
	.title-head h2 {
		color: white !important;
	}
	.label-color{
		background: #3fbae4 !important;
	}
	.input-yot{
		border: 0px;
		background: #f5f5f5 !important;
	}
	.input-control{
		border: 0px !important;
		background: #f5f5f5 !important;
		min-height: 50px;
	}
	.btn-color{
		background: #3fbae4 !important;
		border-color:  #3fbae4 !important;
	}
	.panel-footer{
		border: 0px !important;
		border-radius: 0px 0px 15px 15px;
		background: #fff !important;
	}
	.panel-body{
		border: 0px !important;
	}
	.panel-heading{
		border: 0px !important;
		background: #3fbae4 !important;
		border-radius: 15px 15px 0px 0px;
	}
	.panel.panel-danger{
		border-top-color: #3fbae4 !important;
	}
	select{
		border: 0px !important;
		background: #f5f5f5 !important;
	}
	.tile-oi{
		min-height: 200px !important;
	}
	.logo-login{
		font-size: 120px !important; 
		color: #3fbae4; 
		text-align: center;
	}
	.label-tile{
		font-size: 18px;
	}
	a{
		color: black;
	}

}
@media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */ 
.sign-box{
		margin-top: ;
		min-height: 520px !important;
	}
	.panel{
		border:0px !important;
		box-shadow: 0px !important;
		border-radius: 15px 15px 15px 15px;
	}
	.title-head{
		margin-top: 8px;

	}
	.title-head h2 {
		color: white !important;
	}
	.label-color{
		background: #3fbae4 !important;
	}
	.input-yot{
		border: 0px;
		background: #f5f5f5 !important;
	}
	.input-control{
		border: 0px !important;
		background: #f5f5f5 !important;
		min-height: 50px;
	}
	.btn-color{
		background: #3fbae4 !important;
		border-color:  #3fbae4 !important;
	}
	.panel-footer{
		border: 0px !important;
		border-radius: 0px 0px 15px 15px;
		background: #fff !important;
	}
	.panel-body{
		border: 0px !important;
	}
	.panel-heading{
		border: 0px !important;
		background: #3fbae4 !important;
		border-radius: 15px 15px 0px 0px;
	}
	.panel.panel-danger{
		border-top-color: #3fbae4 !important;
	}
	select{
		border: 0px !important;
		background: #f5f5f5 !important;
	}
	.logo-login{
		font-size: 120px !important; 
		color: #3fbae4; 
		text-align: center;
	}
	}
	.tile-oi{
		min-height: 250px !important;
	}
	.label-tile{
		font-size: 18px;
	}
	.dlm-tile{
		margin-top: 40px;
	}
	a{
		color: black;
	}
	
}
@media (min-width:1281px) { /* hi-res laptops and desktops */ 
	.sign-box{
		margin-top: ;
		min-height: 520px !important;
	}
	.panel{
		border:0px !important;
		box-shadow: 0px !important;
		border-radius: 15px 15px 15px 15px;
	}
	.title-head{
		margin-top: 8px;

	}
	.title-head h2 {
		color: white !important;
	}
	.label-color{
		background: #3fbae4 !important;
	}
	.input-yot{
		border: 0px;
		background: #f5f5f5 !important;
	}
	.input-control{
		border: 0px !important;
		background: #f5f5f5 !important;
		min-height: 50px;
	}
	.btn-color{
		background: #3fbae4 !important;
		border-color:  #3fbae4 !important;
	}
	.panel-footer{
		border: 0px !important;
		border-radius: 0px 0px 15px 15px;
		background: #fff !important;
	}
	.panel-body{
		border: 0px !important;
	}
	.panel-heading{
		border: 0px !important;
		background: #3fbae4 !important;
		border-radius: 15px 15px 0px 0px;
	}
	.panel.panel-danger{
		border-top-color: #3fbae4 !important;
	}
	select{
		border: 0px !important;
		background: #f5f5f5 !important;
	}
	.tile-oi{
		min-height: 250px !important;
	}
	.logo-login{
		font-size: 120px !important; 
		color: #3fbae4; 
		text-align: center;
	}
	.label-tile{
		font-size: 18px;
	}
	.dlm-tile{
		margin-top: 40px;
	}
	a{
		color: black;
	}
}