@media only screen and (max-width : 1200px) {

}

@media only screen and (max-width : 1100px) {  
    section.login{background-size:60% auto, 60% auto; min-height: 700px;}
}


@media only screen and (max-width : 800px){
    
}


/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    section.login{background-size: 50%; }
	h1, .header .title h1{font-size:28px; line-height:0.75em;}
	.login-header, .login-body{width:92%;}
	.login-header img{max-width:100%;}
	.login-body .common-label{margin:0 0 10px; color:#333; font-size:17px; font-weight:bold;}
	.login-body .common-input{margin:0 0 30px;}
	.login-body .common-input input{background-color:#999; padding:10px; font-size:20px;}
	.common-image-gallery-list{padding:0;}
	.common-image-gallery-list>.row{padding:15px 0;}
	.common-image-gallery-list>.row>div{padding:5px;}
	.common-image-upload{padding:0 15px;}
	.common-image-upload label.pull-left{float:none;}
	.common-image-upload .progress{width:100px;}
	.box-header>.box-tools{width:70%;}
	.input-group-team, .input-group-team ul.token-input-list{width:200px;}
	ul.token-input-list li input{width:100%;}
	.info-box-content h3{font-size:16px;}
	.taxivoucher .content-header>h1{text-align:center; margin:30px 0 0;}
	.steps{margin:30px 0 0; float:none; text-align:center; width:100%;}
	.steps li{float:none; display:inline-block;}
	.taxivoucher #form1 h4{margin:20px 0 30px;}
}

@media only screen and (max-width : 480px) {
    .login-page{background-size: 30%;}
    section.login{background-size: 70%, 50%; min-height: 480px;}
	#requestapproval .tab-content .col-sm-2{font-weight:bold; margin-top:10px;}
}