@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  div#navbar {
    display: none;
}
div#subnav {
    display: none;
}
#wrapper,#telephone,#jamesHeader,#homeSubTitle,#subheader-content,.header-minor,#mainContent,#leftContent,#rightContent,#picholder,#contact-area,.servicespic {
    width: 100%;
}
#SubContent,#rightContent2,#leftContent2{
  width: 100%;
}
#picholder img,.servicespic img,#addressdetails img {
    width: 100%;
    height: auto;
} {
    width: 100%;
    height: auto;
}
#addressdetails img {
    margin-bottom: 10%;
}
#page-wrap {
    width: 97%;
    padding: 0;
    margin: 4% 2%;
}
#jamesHeader img {
    width: 90%;
    height: auto;
    margin: 1% 0 3% 5%;
}
#homeSubTitle img{
    width: 95%;
    height: auto;
    margin-left: 3%;
}
.colouredbox,.colouredbox2 {
    width: 95%;
}
#innerFooter{
 width: 89%;
 height: 515px;
}
#footer{
  padding-top: 0px;
}
.footerBlock {
    margin: 3% 0;
}
.footerBlock h3 {
    margin-bottom: 4%;
}
.footerBlock ul li a {
    font-size: 13.6px;
}
div#copyright {
    width: 40%;
    text-align: left;
}
div#rowswood {
    width: 60%;
    text-align: right;
}
#leftContent h1 {
    padding-top: 3%;
}
/*#copyright,#rowswood {
    text-align: center;
}*/
#innerBody{
  background: url(../images/bg_home_mob2.jpg) no-repeat center top;

}
#telephone,.header-main,.header-minor {
    text-align: center;
}
#homeSubTitle{
  margin-top: 232px;
}
p.header-minor {
    background: #181a17;
    margin-top: -4px;
    padding: 10px 0;
}
#leftContent h1,#leftContent p,#leftContent ul,#rightContent2 h1,#rightContent2 p,#rightContent2 h2,#addressdetails p {
    margin: 0 2%;
}
body,body#workshops,body#contact{
  background: none;
}
div#jamesHeader1 img {
    width: 100%;
    height: auto;
}
#header2 {
    height: 44px;
    background: #314d59;
}
#jamesHeader1 img{
  display: block !important;
}
#telephone {
    background: #314d59 ;
    color: white;
}
#SubContent{
    padding-top: 0;
}
/*.servicespic img {
    margin-left: 6%;
}*/
#rightContent2 {
    margin-top: 10%;
}
.hrlne {
    margin: 0;
    height: 0;
}
label {
    text-align: left;
    width: 90%;
    margin-bottom: 2%;
}
#contact-area input, #contact-area textarea {
    width: 92%;
}
#contact-area input.submit-button {
    width: 35%;
    float: left;
}

}

@media (min-width: 768px) and (max-width: 1023px){

#innerBody{
  background: url(../images/bg_home_tab.jpg) no-repeat center top;

}
#homeSubTitle {
    margin-top: 135px;
}
.colouredbox {
    width: 100%;
}
.colouredbox h2,.colouredbox p {
    margin: 0 2%;
}
.footerBlock {
    width: 25%;
}
#innerFooter {
    width: 92%;
    height: 270px;
}
}

#jamesHeader1 img{
  display: none;
}
a[href^=tel] {
   color: #fff;
}
.footerBlock h3 {
    margin-bottom: 12px;
}