/************************
	Media queries
*************************/

@media print {
	a[href]:after { display:none; }
	.page-break {
		display:block;
		page-break-before:always;
	}
}

/* Large desktops and laptops */
@media (min-width: 1200px) {
    .salaryBandText {
		margin-top: 25%;
	}
}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
    .salaryBandText {
		margin-top: 35%;
	}
	.depPad {
		margin-top: 20%;
	}
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
    .checkbox-label {font-size: 17px;}
	.btn-next, .btn-print {margin-left: 0px; margin-top: 0px;}
	.extraPadding {
	    margin-right: 20px !important;
	    margin-left: 20px !important;
	}
	.depPad {
		margin-top: 30%;
	}
	.hcmImage {
		width: 454px;
		height: 166px;
		margin-left: 30px;
	}
	
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
	h1 {font-size: 30px;}
	h2 span {font-size: 30px;}
	.navbar {line-height: inherit; padding-top: 5px;}
	
	.legendAdjust {
		margin-top: 0px;
	}
	.extraPadding {
	    margin-right: 50px !important;
	    margin-left: 50px !important;
	}
	.salaryBandText {
		margin-top: 20%;
	}
	.depPad {
		margin-top: 0%;
	}
	.btn-input {
		width: 75%;
		height: 75%;
		text-align: center;
		margin: 0 auto;
		min-height: 0px;
		margin-top: 20px;
	}
	.btn-black {
		margin-top: 10px;
	}
	.hcmImage {
		width: 454px;
		height: 166px;
		margin-left: 10px;
	}
	.legend {
		width: 200px;
	}	
	.colROR {
		margin-bottom: 0px;
	}
	#button-row .btn {
		font-size: 14px;
	}
	.glyphicon {
    	top: 2px;
	}

	
}


@media (max-width: 568px) {

	.salaryBandText {
		margin-top: 30%;
	}
	#button-row .btn {
		font-size: 13px;
	}
	.btn-input {
		width: 75%;
		height: 75%;
		text-align: center;
		margin: 0 auto;
		min-height: 0px;
		margin-top: 20px;
	}
	.hcmImage {
		width: 350px;
		height: 128px;
		margin-left: 10px;	
	}
	.landing-block .caption, .input-block .caption {
		font-size: 11pt;
		width: 70%;		
	}
	.captionTop {
		font-size: 11pt;
	}
	h1 {
	    font-size: 20px;
	}
	
	h2 span {
	    font-size: 20px;
	}
}


/* Portrait phones and smaller */
@media (max-width: 480px) {
	.extraPadding {
	    margin-right: 0px !important;
	    margin-left: 0px !important;
	}
	.salaryBandText {
		margin-top: 30%;
	}
	.hcmImage {
		width: 225px;
		height: 82px;
		margin-left: 0px;
	}
	#button-row .btn {
		font-size: 12px;
	}
			
}