
/*
|
|  Screen size 1000px
|
|
 */
@media (max-width: 1000px) {
 .container {width: 90%; }
 #Body_container .banner .overlayContent {width: 90%;}
#Body_container .mainContainer {
	position: relative;
	top: 0;
	z-index: 999;
}
#Body_container .fixedTracker h2 {
	font-size: 24px;
	float: left;
}
#Body_container .fixedTracker .inputWrapper { margin: 20px 0px 20px 10px; width: 75%; overflow: hidden; float: right;}
#Body_container .fixedTracker .inputWrapper button {padding: 15px 20px;}
#Body_container  footer #footer  .footerNavs  .footerHelp  .textOverlay button {margin-right: 20px;}
#Body_container .trackingField  .inputTrackerWrapper {height: auto;}
#Body_container .trackingField  .inputTrackerWrapper h2 {
	color: #333;
	margin: 0 10px;
	font-size: 18px;
	float: none;
	line-height: 40px;
	text-align: center;
}
#Body_container .trackingField  .inputTrackerWrapper input {
	display: block;
	width: 70%;
	height: 40px;
	float: left;
}
#Body_container .trackingField  .inputTrackerWrapper button#TrackCodeNow {
	float: left;
	padding: 0 10px;
	font-size: 16px;
	width: 30%;
}



}


@media (max-width: 850px) {
 .container {width: 98%;}
#Body_container header .topHeaderBar .innerwrapper .logowrapper {width: 160px;}
#Body_container .banner .overlayContent h1 {
	font-size: 27px;
}
#Body_container .banner .overlayContent a {
	font-size: 24px;	
}
#Body_container .banner .overlayContent a span.bold {font-size: 31px;}
#Body_container section#quickQuotes h1 {
	font-size: 23px;
}
#Body_container section#quickQuotes .sendingFromDetails label {
	float: none;
	margin: 3% 0;
}
#Body_container section#quickQuotes .sendingFromDetails label input {
	width: 100%;
}
#Body_container section#quickQuotes .sendingFromDetails label select {
	width: 100%;
}
#Body_container section#quickQuotes .addParcel span.number {
	margin: 3% 0;
	float: none;
	margin-right: 45px;
	width: 35px;
}
#Body_container section#quickQuotes .addParcel label {
	margin: 3% 0;
	margin-right: 45px;
	float: left;

}
#Body_container section#quickQuotes .addParcel label input {width: 45%;}
#Body_container section#findQuote h1 {
	float: none;
	margin-right: 100px;
	line-height: 50px;

}
#Body_container section#findQuote label.checkbox {
	float: none;
	margin-right: 100px;
	margin-top: 17px;

}
#Body_container section#sendingOptions {
	width: 100%;
	height: auto;
}
#Body_container section#sendingOptions .options {
	width: 100%;
	float: none;
}
#Body_container section#sendingOptions .options:last-child {
	width: 100%;
	float: none;
}

#Body_container section#moreServices {
	width: 100%;
	height: auto;
}
#Body_container section#moreServices .serviceOne {
	width: 100%;
	height: 430px;
	border: none;
	float: none;
	position: relative !important;
}
#Body_container  footer #footer  .footerNavs {
	width: 100%;
	height: auto;
	float: none;
	overflow: hidden;
	margin: 3% 0;
}
#Body_container  footer #footer  .footerNavs:last-child {width: 50%;}
#Body_container .aboutBody {width: 100%;}
#Body_container  .moreContacts  .blockContact {float: none; width: 100%; margin-right: 0;}
#Body_container header .topHeaderBar .toprightNav ul.mainNav li {
	float: left;
	padding: 10px 12px;
}
#Body_container  footer #footer  .footerNavs {width: 100%;}
#Body_container  footer #footer  .footerNavs:last-child {width: 100%;}
.updateParcel .updateParcelBody {width: 90% !important;}




}



/*
|
|  Screen size 650
|
|
 */
@media (max-width: 650px) {

#Body_container .banner .overlayContent h1 {
	font-size: 22px;
}
#Body_container .banner .overlayContent a {
	font-size: 18px;	
	padding: 2px 20px;
}
#Body_container .banner .overlayContent a span.bold {font-size: 17px;}
#Body_container header .topHeaderBar .innerwrapper .logowrapper {width: 190px !important; height: auto; margin: 2% auto; position: relative; left: 0; bottom: 0 !important;}
#Body_container header .topHeaderBar .toprightNav ul.mainNav li {display: none;}




#Body_container .fixedTracker h2 {
	color: #FFF;
	font-family: 'Effra Light', sans-serif;
	font-weight: 100;
	font-size: 20px;
	float: none;
	text-align: left;
	line-height: 1;
}
#Body_container .fixedTracker .inputWrapper {float: left; margin: 4px 20px ; width: 90%; overflow: hidden;}

#Body_container section#findQuote label.depotTrack input {width: 95%;}
#Body_container section#findQuote label.depotTrack button#searchQuote {margin: 8px;}
.updateParcel .updateParcelBody {width: 98% !important;}
#Body_container .trackingField h1  {font-size: 35px;}
#Body_container  .moreContacts  form#contactForm label {width: 100%;}

#body_container.cPanel .loginBody  {width: 98%;}

#cookieAlert i {float: right !important;}

}

/*
|
|  Screen size 480
|
|
 */
@media (max-width: 480px) {
#Body_container header .topHeaderBar .toprightNav ul.navOne {width: 100vw; float: none; height: 30px; overflow: hidden;}
#Body_container header .topHeaderBar .toprightNav ul.navOne li {
	width: 32%;
	box-sizing: border-box;
	overflow: hidden;
}
#Body_container header .topHeaderBar .toprightNav ul.navOne li:last-child {margin-right: 0 !important;}
#Body_container .banner .overlayContent { 
	top: 1px !important; 
}
#Body_container .fixedTracker h2 {
	font-size: 20px;
	float: none;
	text-align: center;
	line-height: 1;
}
#Body_container .fixedTracker .inputWrapper {float: none; margin: 0; width: 100%; overflow: hidden;}
#Body_container .fixedTracker .inputWrapper button {width: 20%;}
#Body_container section#quickQuotes .addParcel label {width: 100%;}
#Body_container section#quickQuotes .addParcel label input {width: 80%;}
#Body_container section#findQuote label.depotTrack input {width: 95%;}
#Body_container section#findQuote label.depotTrack button#searchQuote {margin: 8px;}


#Body_container header .topHeaderBar .innerwrapper .logowrapper {width: 90px;}
#Body_container .trackingField  .inputTrackerWrapper input {
	display: block;
	width: 100%;
	height: 40px;
	float: none;
}
#Body_container .trackingField  .inputTrackerWrapper button#TrackCodeNow {
	float: none;
	padding: 0 10px;
	font-size: 16px;
	width: 100%;
}



}