@media only screen and (max-width: 1200px) {
	
.top-logo {
width: 260px;
background-color: #fff;
padding: 32px 30px;
margin: -16px;
}

.welcome-bg {
bottom: 60px !important;   
}

.top-logo {
width: 293px;
background-color: #fff;
padding: 38px 30px;
margin: -16px;
}

.news-title {
color: #282d62;
font-size: 18px;
font-weight: 600;
padding: 10px 0em 0em 0px;
}

.news-content {
color: #8e9498;
font-size: 13px;
padding: 5px 15px 0px 0px;
line-height: 18px;
}

.article-image {
text-align: center;
width: 200px;
height: auto;
position: relative;
margin-bottom: 20px;
}
}

@media only screen and (max-width: 992px) {
	
.nav {
font-size: 14px;
margin-left: 2.5em !important;
}

.navbar {
min-height: 124px;
}

.nav>li>a {
position: relative;
display: block;
padding: 10px 10px !important;
}

.navbar-nav {
float: none !important;
}

.navbar-toggle {
display:block important;
}

.top-logo {
width: 289px;
background-color: #fff;
padding: 41px 30px;
margin: -16px;
} 

.welcome-bg {
bottom: 0 !important;
}

.banner-right-full {
margin-top: 6.5em;
}

.welcome-message-rt {
padding: 10px 10px 0px 10px;
}

.welcome-content-rt {
padding:0px 10px;
}

.info-detail {
padding: 13px 0px 0px 30px;
}

.info-detail-last {
padding: 13px 0px 0px 0px;
}

.form-xs {
padding-right:0;
padding-left:0;
}

.contact-xs {
padding-right:0;
padding-left:0;
}

.thumbnail-margin-bottom {
margin-bottom: 20px;
}
}

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

.welcome-bg {
bottom: 0;
}

.top-logo {
width: 320px;
background-color: #fff;
padding: 10px 14px;
}

.navbar {
min-height: 80px;
}

.navbar-default {
background-color: #fff;
border-color: transparent;
}

.welcome-bg {
bottom: 1px !important;
}

.full-xs{
padding:0px;
}

.navbar-toggle {
border:none;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
background-color: transparent;
}

.navbar-toggle .icon-bar {
display: block;
width: 23px;
height: 3px;
margin-top: 12px;
border-radius: 7px;
background-color: #282d62 !important;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
border: 0 !important;
}

.navbar-default .navbar-nav>li>a {
color: #000;
}

.nav {
margin-top: 15px;
margin-left:0px;
}

.mg-btm-3 {
margin-bottom: 0;
}

.clients-logo {
padding: 10px 0;
}

.img-container {
min-height: 490px;
}

.form-xs {
margin-bottom: 20px;
}

.contact-xs h4 {
margin-bottom: 15px;
}

.thumbnail-margin-bottom {
margin-bottom: 20px;
}

.news-body h2 {
line-height: 30px;
}
.support-tab {
margin-right: 30px;
margin-left: 30px;
font-size: 12px;
padding: 5px;
}
}

@media only screen and (max-width: 460px) {
	
.top-logo {
width: 250px;
background-color: #fff;
padding: 10px 14px;
}

.navbar {
min-height: 62px;
}

.navbar-default {
background-color: #fff;
border-color: transparent;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
margin-bottom: 40px;
}

.navbar-toggle .icon-bar {
display: block;
width: 23px;
height: 3px;
margin-top: 5px;
border-radius: 7px;
background-color: #282d62 !important;
}

.full-xs {
padding:0px;
}

.navbar-toggle {
border:none;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
background-color: transparent;
}

.navbar-toggle .icon-bar {
display: block;
width: 23px;
height: 3px;
border-radius: 7px;
background-color: #282d62 !important;;
}

.navbar-default .navbar-nav>li>a {
color: #000;
}

.welcome-bg {
bottom: 0px;    
}

.info-message {
padding: 15px;
}

.nav {
margin-top: 15px;
margin-left:0px;
}

.img-container {
min-height: 440px;
}

.footer-copy {
font-size: 14px;
}

.about-us-container {
min-height: 280px;
background-image: url("https://www.railscape.co.uk/images/about-us-banner.jpg");
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}

.services-container {
min-height: 280px;
background-image: url("https://www.railscape.co.uk/images/services-banner.jpg");
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}

@media only screen and (max-width: 460px) {
    .spray-display-container {
        min-height: 280px;
        background-image: url("https://railscape.tech/SDM/images/7-banner.jpg");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }
}

@media only screen and (max-width: 768px) {
    .spray-display-container {
        min-height: 440px;
        background-image: url("https://railscape.tech/SDM/images/7-banner.jpg");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }
}




.page-title {
background-color: rgba(245,146,20,0.8);
position: absolute;
bottom: 1px;
left: 0;
width: 100%;
z-index: 2; 
padding: 15px 0 15px 25px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}

.page-title h1 {
margin: 0; 
padding: 0; 
font-size: 26px;
color: #fff;
font-weight: 600;
}

.body-content {
padding: 20px 10px;
}

.about-image {
margin: 15px 0 20px 0;
}

.form-xs {
padding-right:10px;
padding-left:10px;
}

.contact-xs {
padding-right:10px;
padding-left:10px;
}

.contact-xs h4 {
padding-left:0;
}

.article-thumbnail {
text-align: center;
width: 100%;
height: 100%;
position: relative;
margin-bottom: 20px;
}

.article-image {
text-align: center;
width: 100%;
height: 100%;
position: relative;
margin-bottom: 20px;
}

.thumbnail-margin-bottom {
margin-bottom: 20px;
}

.news-body h2 {
line-height: 30px;
}

}

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

}