/* style_vmob.css for marlowwebsites */

.ifsmallhide {visibility:visible}
.ifsmallshow {visibility:hidden;width:0;height:0;overflow:hidden}
.ifsmallhide_p {visibility:visible}
.ifsmallshow_p {visibility:hidden}

#ifsmallimages {visibility:hidden;width:0;height:0;}

.mw100perc {max-width:100%}

@media screen and (max-width:995px) {
  .fullonly {visibility:hidden; overflow:hidden; height:0; width:0}
  .mobonly {visibility:visible; overflow:visible; height:inherit; width:inherit}

  div.overall{width:99%}
  div.toplinks{width:100%}

  .home6a {padding-top:10px; padding-bottom:10px}

}

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

  .home3 {width:100%; clear:left}
  div.h3img1 {width:20%; height:120px; text-align:center; overflow:hidden; float:left}
  div.h3img2 {width:20%; height:120px; text-align:center; overflow:hidden; float:left}
  div.h3img3 {width:20%; height:120px; text-align:center; overflow:hidden; float:left}
  div.h3img4 {width:20%; height:120px; text-align:center; overflow:hidden; float:left}
  div.h3img5 {width:20%; height:120px; text-align:center; overflow:hidden; float:left}
  div.h3img6 {width:0; height:0; text-align:center; visibility:hidden; overflow:hidden}
  div.h3img7 {width:0; height:0; text-align:center; visibility:hidden; overflow:hidden}
  div.h3img8 {width:0; height:0; text-align:center; visibility:hidden; overflow:hidden}

  img.h3img6 {width:0; height:0; visibility:hidden}
  img.h3img7 {width:0; height:0; visibility:hidden}
  img.h3img8 {width:0; height:0; visibility:hidden}

  .home4 {width:80%}

  .home5 {width:20%}
  div.h5img1 {text-align:center}
  div.h5img2 {text-align:center}
  div.h5img3 {text-align:center}
  div.h5img4 {text-align:center}
  div.h5img5 {text-align:center}
  div.h5img6 {text-align:center}
  div.h5img7 {text-align:center}
  div.h5img8 {width:0; height:0; text-align:center; visibility:hidden; overflow:hidden}

  img.h5img8 {width:0; height:0; visibility:hidden}

  div.contentb {border-left:0px}
}

@media screen and (max-width:850px) {
  h1.header1 {font-size:24pt}
  p.header1 {font-size:18pt}
  .home2 li {font-size:14pt}

  div.h3img1 {width:25%}
  div.h3img2 {width:25%}
  div.h3img3 {width:25%}
  div.h3img4 {width:25%}
  div.h3img5 {width:0; height:0; visibility:hidden}

  img.h3img5 {width:0; height:0; visibility:hidden}

  .home4 {width:75%}

  .home5 {width:25%}

}

@media screen and (max-width:750px) {
  div.toplink1 {width:48%; margin:0 1% 10px 1%}
  .home6 {width:100%; margin-left:0}

}

@media screen and (max-width:650px) {
  .home1 {width:100%; margin-left:0; clear:left}
  .home1a {margin:0 auto 10px}
  .home2 {width:95%; margin-left:5%; clear:left}

  div.h3img1 {width:33%}
  div.h3img2 {width:34%}
  div.h3img3 {width:33%}
  div.h3img4 {width:0; height:0; visibility:hidden}

  img.h3img4 {width:0; height:0; visibility:hidden}

  .home4 {width:100%; clear:left}

  .home5 {width:100%; clear:left}
  div.h5img1 {width:33%; height:120px; margin-top:10px; text-align:center; overflow:hidden; float:left}
  div.h5img2 {width:34%; height:120px; margin-top:10px; text-align:center; overflow:hidden; float:left}
  div.h5img3 {width:33%; height:120px; margin-top:10px; text-align:center; overflow:hidden; float:left}
  div.h5img4 {width:0; height:0; text-align:center; visibility:hidden; overflow:hidden}
  div.h5img5 {width:0; height:0; text-align:center; visibility:hidden; overflow:hidden}
  div.h5img6 {width:0; height:0; text-align:center; visibility:hidden; overflow:hidden}
  div.h5img7 {width:0; height:0; text-align:center; visibility:hidden; overflow:hidden}
  div.h5img8 {width:0; height:0; text-align:center; visibility:hidden; overflow:hidden}

  img.h5img4 {width:0; height:0; visibility:hidden}
  img.h5img5 {width:0; height:0; visibility:hidden}
  img.h5img6 {width:0; height:0; visibility:hidden}
  img.h5img7 {width:0; height:0; visibility:hidden}

  .home7 {width:35%}
  .home8 {width:65%}

  div.contentb {border-right:0px}

}

@media screen and (max-width:500px) {
  div.h3img1 {width:50%}
  div.h3img2 {width:50%}
  div.h3img3 {width:0; height:0; visibility:hidden}

  div.h5img1 {width:50%}
  div.h5img2 {width:50%}
  div.h5img3 {width:0; height:0; visibility:hidden}

  .home6a {border-bottom:dashed 1px rgb(234,243,234)}
  .home6b {border-bottom:dashed 1px rgb(234,243,234)}
  .home7 {width:100%; clear:left}
  .home8 {width:94%; margin-left:3%; clear:left}

}

@media screen and (max-width:450px) {
  div.toplink1 {width:96%; margin-left:2%}
}

@media screen and (max-width:400px) {
  .ifsmallhide {visibility:hidden;width:0;height:0;overflow:hidden;margin:0px !important;}
  .ifsmallshow {visibility:visible;width:100%;height:inherit}
  .ifsmallhide_p {visibility:hidden}
  .ifsmallshow_p {visibility:visible}
}