#submenu-switcher {display:none}

.only-desktop { }
.only-mobile { display:none}

@media screen and (max-width: 900px) {
  #menu {     display: none;  }
  #top {     display: none;  }

.only-mobile { display:block}
.only-desktop { display:none }


  #top-2 .slogan { display:none;line-height:1.3;font-size:1.8rem;margin-top:-4.2rem;max-width:18rem;text-align:left;margin-left:8rem; }

.mobi-table-head {background:#4eb648;font-size:18px;color:#fff;padding:.5rem;margin-top:.5rem}
.mobi-table-head .winner {font-weight:bold}
.mobi-table small {color:#666}

.news-holder.three-bigger .news a .i,
.news-holder.three-bigger .news.c-2 a .i,
.news-holder.three-bigger .news.c-0 a .i,
.news-holder.three-bigger .news.c-1 a .i {width:100%;float:none;margin-left:0;height:16rem}

.news-holder.three-bigger .news a,
.news-holder.three-bigger .news.c-0 a  ,
.news-holder.three-bigger .news.c-2 a  ,
.news-holder.three-bigger .news.c-1 a  {height:auto !important;border:1px solid #ccc;padding:0}

.news-holder.three-bigger .news,
.news-holder.three-bigger .news.c-0  ,
.news-holder.three-bigger .news.c-2  ,
.news-holder.three-bigger .news.c-1  {padding:.5rem}

.news-holder.three-bigger .news a .d,
.news-holder.three-bigger .news.c-0 a .d,
.news-holder.three-bigger .news.c-2 a .d,
.news-holder.three-bigger .news.c-1 a .d {font-size:1.2rem;padding:.5rem;padding-bottom:0;}
.news-holder.three-bigger .news a .t,
.news-holder.three-bigger .news.c-0 a .t,
.news-holder.three-bigger .news.c-2 a .t,
.news-holder.three-bigger .news.c-1 a .t {font-size:1.4rem;padding:.5rem;font-weight:normal;display:block;float:none;height:3.8rem;overflow:hidden;margin-bottom:5px}
.news-holder.three-bigger .news a .l,
.news-holder.three-bigger .news.c-0 a .l,
.news-holder.three-bigger .news.c-2 a .l,
.news-holder.three-bigger .news.c-1 a .l {display:none}
.news-holder.three-bigger .news a .rm,
.news-holder.three-bigger .news.c-0 a .rm,
.news-holder.three-bigger .news.c-2 a .rm,
.news-holder.three-bigger .news.c-1 a .rm {display:none}
 .news .img-cats {font-size:1.2rem;line-height:2rem;padding-left:1rem;padding-right:1rem}

.upload-report { display:block }

.home-infos .h-panel h2 {font-size:1.6rem;text-align:center}
.home-infos .h-panel h2 a {display:none}


.bottom-section {padding-left:2.5rem;padding-right:2.5rem;padding-top:0.1rem}
.bot-footer p.r {float:none;text-align:center}

.home-infos .h-panel {width:100%;float:none}
.logo {padding-top:1.2rem;padding-left:.5rem}
.logo a {height:3.6rem; }
.logo a span {display:none;}
.logo {max-height:5rem}

#top-2 .rside { margin-right:1rem;padding-top:.8rem}


.three-panels img {margin:0}

#menu-holder {background:none;margin-top:-4.7rem;margin-right:-2.5rem;float:right;width:5rem}

.three-panels .hp {float:none;width:100%}

    img {height: auto !important}
.srch { z-index:1000;position:relative}
#intright:before {content:" ";clear:both;display:block;}

  #menu-toggler {
      float:right;
      display:block;
      font-size:3rem; 
      max-width:4rem;
      float:right;
      margin-right:2rem;
      padding-left:1rem;margin-top:5rem;color:#f7f2e9}

  .top-area .bot-l .srch {margin-right:2rem;margin-top: .5rem;margin-left:3rem}

  .top-area .bot-l {max-width:100%;float:none;width:auto;}

  .top-area .logo a {width:40%;max-width:40%;margin-left:2rem}
.bnrs .thumb {width:100%;float:none}
 #left-off-menu  {padding:1rem}

.thumb a .img .kw {width:100%;font-size:2rem}
.thumb a .tt .t {display:none}
.thumb a .img .kw:after { height:2rem;width:2rem;font-size:2.5rem}
blockquote {margin-left:0;margin-right:0}
  #left-off-menu a { display:block;color:#fff;font-size:1.8rem;text-decoration:none}
  #left-off-menu ul.main-m li.level-0 {display:block;padding-bottom:.5rem}
  #lmenu-close {float:right;font-size:2rem;padding-right:.5rem }

  #slides .mta { height:auto; background-size:cover !important}

#slides .mta .margins {padding:0;position:absolute;width:100%}
    #slides .marketstext {top:auto;width:100%;bottom:0}
    #slides .marketstext h2 { font-size:2rem ;text-align:center}
    #slides .marketstext h3 { font-size:1.8rem ;text-align:center}
    #slides .marketstext p { font-size:1.4rem;padding-bottom:0px;margin-bottom:0px }
  #slides .marketstext p a.btn {padding:.5rem 1rem 0 1rem;font-size:1.4rem; }
   #slides .marketstext p a.btn:after {content:" >";background:none;height:auto;display:inline;border:0;position:static;top:auto}

  .bx-wrapper .bx-pager {display:none !important}
h2.partners { margin-top:.5rem;margin-bottom:1rem}
h2.partners span {font-size:2.5rem;}

h2.home {margin:.5rem 0;font-size:2.6rem}

div.news {float:left !important;width:50% !important; }

h2.mobile-smaller {font-size:2.4rem}

 .news-content .news.c-0 a .t {font-size:3rem;}
.news-content .news.c-0 a .t:after {font-size:2rem !important;line-height:3rem !important}
.news-content .news a .t {font-size:2rem !important}

.news-content-2 .news a {height:auto !important;padding-bottom:2rem}
.news-content-2 .news a .i {float:none !important;width:100% !important;margin-left:0px !important;margin-left:-1rem;padding-right:-1rem;}
.news-content-2 .news a .d,
.news-content-2 .news a .t,
.news-content-2 .news a .rm {padding-left:1rem}
.news-content-2 .news a .d {padding-top:1rem}
.news-content-2 .news a .d:after {left:1rem}

.home-event a .title {font-size:1.8rem}

.bnrs  div {float:none !important;text-align:center;margin-left:0px !important}

.news-art a{ padding-left:0 !important}
.news-3 .news-art a .i {margin:0  !important;width:100%  !important;height:35rem !important}

.foot-area .col {width:100%;float:none;padding:1rem}
.foot-area .col  h2 {margin-top:0px}
.page-list-news .internalmargins .margins { }




body.content-page #intleft,
body.not-home #intleft
 {width:100% !important;float:none  !important;padding:1rem 0rem }
.page-date {font-size:1.6rem}
.page-cats .cat {font-size:1.4rem;line-height:2rem}


body.not-home #intleft h2 img {width:80px !important;margin-right:0px !important;float:right !important}

h1 {font-size:3.6rem}
h2 {font-size:3rem}
h3 {font-size:2.4rem}
p {font-size:1.8rem}

body.content-page #intright {width:100%;float:none;padding:1rem;margin:0;max-width:100%}
body.not-home #intright {display:none}
.news-holder .news, .news-holder .hof{ padding-bottom:0}
.thumb {width:100%;float:none; padding-left:0; padding-right:0}
.thumb a .tt{padding:1rem;height:auto !important}
.thumb a .tt .t-r,
.thumb a .tt .t {width:100%;float:none;padding:.5rem}
.foot-area .top-footer,.foot-area {padding:0}

.thumbs-index .ci {width:100%;float:none;padding:0;padding-bottom:2rem}
.thumbs-index .ci a  {height:auto;padding-bottom:3rem}
.thumbs-index .ci a .i {display:none}
.thumbs-index .ci a:after {left:2rem}
.thumbs-index .ci a .r {width:100%;float:none;padding:2rem;display:block}
.thumbs-index .ci a .r:before,.thumbs-index .ci a .r:after {display:none;content:" "}

.internalmargins .margins {padding:0 2rem}


.news-holder .news, .news-holder .hof {width:100%;float:none}
.top-holder .margins {padding:2rem}
.top-holder .margins h1{font-size:3rem}

dl.hof-stats{padding:0 2rem;margin:0}
dl.hof-stats dt,dl.hof-stats dd {font-size:1.8rem;width:100%;}
dl.hof-stats dt{padding-bottom:.5rem}
dl.hof-stats dd{padding-top:.5rem}
.subpage-hall_of_fame #image-hold {float:none;margin:0}
.top-holder .margins h1 {font-size:2rem;line-height:3.2rem;padding:0}
.top-holder .margins h1 span {display:block;font-size:3rem;padding:0}
.top-holder {position:relative;}
.top-holder .news-cats-buttons {z-index:9;display:none;width:80%;position:absolute;background:#e1e1e1;right:0; top:100%;margin-top:-2px}
.top-holder .news-cats-buttons a {display:block;margin:0;}

.table-holder {max-width:100%;overflow-x:scroll;}
.news-holder .news.c-0 a .t {font-size:3.6rem;}
.news-holder .news.c-0 a .l{font-size:2.2rem}
.product-col {width:100%;float:none;padding-right:0 !important}
#submenu-switcher {display:inline-block;float:right;font-size:2.4rem;color:#000;margin-top:-.1rem}
a.narrow-thumb {width:100%;float:none;margin:1rem 0 !important;padding-top:0rem;padding-bottom:0rem}
a.narrow-thumb span {padding-top:1rem;padding-bottom:1rem;background-size:10%;padding-left:7rem;background-position:2rem center}
.top-holder {padding-top:0}
.featured .margins .content .panel .text,
.featured .margins .content .panel .img {width:100%;float:none}
.three-buttons a.btn {width:80%;margin:0 auto;}
.three-buttons .margins .content,
.featured .margins .content,
.what-we-do .content {margin:0 !important;padding:1rem !important}
.bx-controls-direction {display:none !important}
.three-buttons { padding-top:0}
.three-buttons div.btn-hldr {float:none;width:100%;padding:.5rem 0;}
.three-buttons div.btn-hldr a.btn {padding-top:1rem;padding-bottom:1rem;font-size:2rem}
.three-buttons div.btn-hldr a.btn span {padding:0;background-size:contain}
.featured .margins .content .panel .text h3 {font-size:3rem}
.featured .margins .content .panel .text h4 {font-size:2rem}
.logo {width:70%}
.top-area .logo a {width:100%;max-width:100%;background-size:contain;margin-left:0 }
#top-2,body.home #top-2 {position:static !important; padding:1rem;height:auto;padding-top:0rem;border-bottom:1px solid #eee}
a.phone {margin-top:-2rem;display:block;text-align:right;float:none;padding-right:2rem}
a.phone i {float:none}

.event div.arrow_box {padding:0}
.event  div.arrow_box .eventtop {padding:1rem;float:none}
.event .eventtop div.evdate {width:80px;margin-left:0px;margin-right:0px}
.event  .eventtop div.evtdesc {padding-right:0px;padding-left:2rem}

.event .eventtop div.evtbtn {margin-top:2rem;width:100%}

.top-holder .margins {padding-bottom:0px;padding-top:1rem;margin-bottom:0px}
.top-holder .margins h1 {margin-bottom:0px}

.bot-footer p {font-size:1.4rem}



}

@media screen and (max-width: 640px) {
  .news-holder-home .news a {  font-size:1.4rem}
  .news-holder-home .news a .i {margin-bottom:5px;}
   .news-holder-home .news a .t {height:5.2rem;overflow:hidden;display:block}
}