body{font-family:Montserrat !important;}

.container-fluid .row .col{padding-left:0 !important;padding-right:0 !important;}
.top-header{background-image: linear-gradient(109deg, #cc2841, #16305d);height:60px;}
.row .col img{object-fit: cover;width:100%;opacity:0.47}
.bottom-footer{background-image: linear-gradient(109deg, #cc2841, #16305d);height:60px;}

#content {
  position: absolute; 
  left: 0; 
  right: 0; 
  margin-left: auto; 
  margin-right: auto; 
  width: 502px;
  margin-top:320px;
  z-index:1;
}

#links {
  position: absolute; 
  left: 0; 
  right: 0; 
  margin-left: auto; 
  margin-right: auto; 
  width: 305px;
  z-index:1;
  margin-top:-55px;
}

#links a{font-size:12px;color:#09347a;}


.wplaceholder::-webkit-input-placeholder{font-family: Montserrat;font-size: 13px;font-weight: normal;font-style: italic;font-stretch: normal;line-height: 3.92;letter-spacing: normal;text-align: left;color: #09347a;}
.wplaceholder::-moz-placeholder{font-family: Montserrat;font-size: 13px;font-weight: normal;font-style: italic;font-stretch: normal;line-height: 3.92;letter-spacing: normal;text-align: left;color: #09347a;}
.wplaceholder:-ms-input-placeholder{font-size: 13px;font-weight: normal;font-style: italic;font-stretch: normal;line-height: 3.92;letter-spacing: normal;text-align: left;color: #09347a;}
.wplaceholder:-moz-placeholder{font-size: 13px;font-weight: normal;font-style: italic;font-stretch: normal;line-height: 3.92;letter-spacing: normal;text-align: left;color: #09347a;}


@media (min-width: 900px) and (max-width: 1600px){
	#content{
		margin-top:210px;
	}
	#inputs{
		margin-top:60px !important;
	}
}

@media (min-width: 900px) and (max-width: 1440px){
	#content{
		margin-top:160px;
	}
	#inputs{
		margin-top:110px !important;
	}
}

@media (min-width: 768px) and (max-width: 1366px){
	#content{
		margin-top:90px;
	}
	#inputs{
		margin-top:35px !important;
	}
}


/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) and (max-width:480px) {
	div.main-content-column{max-width:100% !important;flex:0 0 100%;}
	div.st-jude-logo{display:none;}
	.nav-col{z-index:1000;flex:0 0 100% !important;max-width:100%;}
	.top-header-cust-logo img{width:50px !important;}
	.client-email{font-size:9px !important;}
	

	/* div.top-header div.clearfix{display:none !important;}
	div.row div.sub-nav-col{display:none !important;}
	div.row div.nav-col{display:none !important;} */
	
	.nav-side-menu{position: relative;width: 100%;margin-bottom: 10px;height:60px;}
	.nav-side-menu .toggle-btn {display: block !important;cursor: pointer;position: absolute;right: 10px;top: 10px;z-index: 10 !important;padding: 3px;background-color: #ffffff;color: #000;width: 40px;text-align: center;}
	.brand {text-align: left !important;font-size: 22px;padding-left: 20px;line-height: 50px !important;}
	
	.nav-side-menu-new-height{height:300px !important;overflow-y:scroll !important;}
	
	.title-page{font-size:20px !important;}
	.page-title-note{font-size:9px !important;}
	.rate-ozip-title{font-size:13px !important;}
	.rate-dzip-title{font-size:13px !important;}
	.zips-textbox{width:50px !important;}
	.zips-info-origin{margin-left:0px !important;font-size:10px !important;}
	.zips-info-destination{margin-left:0px !important;font-size:10px !important;}
	.rate-addon-links{font-size:7px !important;}
	.schedulepickup-carrier-sel{margin-left:0px !important;width:80px !important;}
	.schedulepickup-carrier-sel img{width:80px !important;}
	.row-shipment-param .font-14px{font-size:10px !important;}
	
	/* .wplaceholder::-webkit-input-placeholder{font-family: Montserrat;font-size: 5px;font-weight: normal;font-style: italic;font-stretch: normal;line-height: 1.31;letter-spacing: normal;text-align: right;color: #949494;}
	.wplaceholder::-moz-placeholder{font-family: Montserrat;font-size: 5px;font-weight: normal;font-style: italic;font-stretch: normal;line-height: 1.31;letter-spacing: normal;text-align: right;color: #949494;}
	.wplaceholder:-ms-input-placeholder{font-size: 5px;font-weight: normal;font-style: italic;font-stretch: normal;line-height: 1.31;letter-spacing: normal;text-align: right;color: #949494;}
	.wplaceholder:-moz-placeholder{font-size: 5px;font-weight: normal;font-style: italic;font-stretch: normal;line-height: 1.31;letter-spacing: normal;text-align: right;color: #949494;}

	.other-placeholder::-webkit-input-placeholder{font-family: Montserrat;font-size: 5px;font-weight: normal;font-style: italic;font-stretch: normal;line-height: 1.31;letter-spacing: normal;text-align: left;color: #323232;}
	.other-placeholder::-moz-placeholder{font-family: Montserrat;font-size: 5px;font-weight: normal;font-style: italic;font-stretch: normal;line-height: 1.31;letter-spacing: normal;text-align: left;color: #323232;}
	.other-placeholder:-ms-input-placeholder{font-size: 5px;font-weight: normal;font-style: italic;font-stretch: normal;line-height: 1.31;letter-spacing: normal;text-align: left;color: #323232;}
	.other-placeholder:-moz-placeholder{font-size: 5px;font-weight: normal;font-style: italic;font-stretch: normal;line-height: 1.31;letter-spacing: normal;text-align: left;color: #323232;} */
	
	img.img-fluid{width:350px !important;}
	div.img-fluid{width:350px !important;}
	div#content{width:100% !important;margin-top:90px !important;}
	div#inputs{margin-top:30px !important;}
	div#login-button{margin-top:30px !important;}
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}