/* style_vmob.css for marlowcheese */

.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:100%}
  div.toplinks{}
  div.toplinks2{width:98%; margin:5px auto;}
  div.toplink1{width:19%; margin:0.5%}
  div.toplink2{width:19%; margin:0.5%}

  div.contentleft {clear:left; width:98%; max-width:98%; background-color:inherit}
  div.highlights {float:left; width:98%; max-width:98%; margin-bottom:10px}
  div.contentlinkf {width:0; max-width:0; height:0; visibility:hidden; overflow:hidden}
  div.contentlinkm {width:250px; max-width:80%; height:inherit}
  div.contentmid {width:75%; max-width:75%; ; margin-left:1%} 
  div.contentright {clear:left; width:98%; max-width:98%; background-color:inherit}

  div.rightitem{width:100%; max-width:100%}
  div.rightitema{width:30.5%; max-width:30.5%; margin:1%; float:left}

  div.rcindiv3{}

  .thumbs2 {width:300px; max-width:100%; float:left}
  .thumbs3 {width:300px; max-width:100%; float:left}

.youtubediv {width:100%; max-width:100%; margin:0}
}


@media screen and (max-width:800px) {
  div.rightitem { width:98%; max-width:98%; margin-left:1%; clear:left }
  div.rightitema { width:47%; max-width:47% }

  div.rcindiv3{}
  div.rcindiv2{}

  div.heading1b { width:12%; margin-right:1% }
  div.heading1c { width:80%; margin-right:5% }
  img.heading1c {margin-top:5px}
}

@media screen and (max-width:700px) {
  div.headimgright {visibility:hidden}

  div.toplink1{width:31.5%; margin:0.5%}
  div.toplink2{width:31.5%; margin:0.5%}

  div.highlights {clear:left; width:98%; max-width:98%; height:inherit; margin-left:1%}
  div.contentlinkm {clear:both; width:98%; max-width:98%; height:inherit; margin-left:1%; margin-right:1%}
  div.contentmid {clear:left; width:98%; max-width:98%; height:inherit; margin-left:1%} 
  div.contentright {clear:left; width:98%; max-width:98%; height:inherit; margin-left:1%; margin-top:10px}

  div.rightitem { width:98%; max-width:98%; margin-left:1%; clear:left }
  div.rightitema { width:98%; max-width:98%; clear:left }

  div.rcindiv2{margin-bottom:0}

}

@media screen and (max-width:600px) {
  div.headwords1 {}
  div.toplinks{width:99%; margin:0 auto;}
  div.toplinks2{width:96%; margin:5px auto;}
  div.toplink1{width:47%; margin:1%}
  div.toplink2{width:47%; margin:1%}

  p,a {}
  a.toplink {}

  p.fwlt600 { clear:both; width:100% }
}

@media screen and (max-width:500px) {
 p.head1 {font-size: 20pt }
 div.heading1a {margin-left:1%}
}

@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}

  div.toplinks2{width:95%; margin:5px auto;}
  div.toplink1{width:97%; margin:1%}
  div.toplink2{width:97%; margin:1%}

  .img1 {visibility:hidden;width:0;height:0;max-width:0;max-height:0;overflow:hidden;margin:0px !important;}
  .img2 {visibility:hidden;width:0;height:0;max-width:0;max-height:0;overflow:hidden;margin:0px !important;}
  .img3 {visibility:hidden;width:0;height:0;max-width:0;max-height:0;overflow:hidden;margin:0px !important;}
  .img4 {visibility:hidden;width:0;height:0;max-width:0;max-height:0;overflow:hidden;margin:0px !important;}
  .imgt {margin:0 5px 10px 5px !important} /* keep visible for all screens sizes */
  .img1t {margin:0 5px 10px 5px !important} /* keep visible for all screens sizes */
  .img2t {margin:0 5px 10px 5px !important} /* keep visible for all screens sizes */
  .img3t {margin:0 5px 10px 5px !important} /* keep visible for all screens sizes */
  .img4t {margin:0 5px 10px 5px !important} /* keep visible for all screens sizes */

  .img_genl_ish {visibility:hidden;width:0;height:0;overflow:hidden;margin:0px !important;}
  .img_left_ish {visibility:hidden;width:0;height:0;overflow:hidden;margin:0px !important;}
  .img_right_ish {visibility:hidden;width:0;height:0;overflow:hidden;margin:0px !important;}


}
