span.no-mobile, img.no-mobile {
  display: none;
  visibility: hidden
}

span.mobile-title {
  background: #293958;
  display: inline-block;
  float: left;
  height: 55px;
  padding: 3px 10px 10px;
  width: 88%;
}

span.mobile-title img { max-width: 56% }
div.page-content span.left { border-top: 0!important }

div.page-content span.left, div.page-content span.right, div.header-image {
  float: left!important;
  margin-bottom: 0!important
}

div.general-panel span.right, div.page-content span.left { padding-top: 10px!important }
ul#menu-main-menu li:last-child { padding-bottom: 20px!important }


header#header.mobile { height: 0!important }

span.header-text {
    font-size: 110%!important;
    top: 36%!important
}

div.page-content {
  margin-bottom: 20px!important;
  padding: 0 10px
}

div.general-panel { height: auto!important }

div.general-panel span.general-name, span.description p {
  padding: 0 10px
}

table.reports td.share-price { width: 50%!important }

div.tabs li {
  -webkit-border-radius: 0px!important;
    border-radius: 0px!important;
  margin-right: 0!important;
  width: 100%!important
}

div.tabs p { padding: 0 10px }

div.flexslider.shares { width: 100%!important }

/* -- NEX5x -- */
@media only screen and (min-width: 412px) and (max-width: 732px) {
  span.mobile-title { width: 88%!important }

}

/* Portrait */
@media only screen and (min-width: 320px) and (max-width: 568px) and (orientation: portrait) {
}

/* Landscape */
@media only screen and (min-width: 412px) and (max-width: 732px) and (orientation: landscape) {

  
  div.panel span.left img { max-width: 100%!important }

  div.page-content span.right { max-width: 100% }


  span.mobile-title {
    height: 84px!important;
    width: 91%!important
  }




}


/* -- IPHONE 5 -- */
@media only screen and (min-width : 320px) and (max-width : 568px) {
  .flex-direction-nav .flex-next { right: 10px }

  #itro_popup, #sixth-panel li span.gal.left, #sixth-panel li span.gal.right {
    max-width: 100%!important;
    min-width: 100%!important;
    width: 100%!important
}
  

  div.content, section#second-panel article, div#third-panel article, div.social-panel article, div#fifth-panel article, section#sixth-panel article, div#seventh-panel article, div#general-panel article {
    margin: 0 5%;
    max-width: 90%!important
  }

  div#third-panel ul li, div.social-panel div, .footer span {
    display: block;
    width: 100%
  }

  div.social-panel div {
    border-top: solid 1px #fff;
    border-right: none;
    font-size: 126%;
    padding: 6px 0
  }

  div.title { margin-bottom: 20px!important }

  div#slider.flexslider span.left {
    margin-bottom: 20px;
    min-height: 120px
  }

  #sixth-panel li span.gal.left, #sixth-panel li span.gal.right { min-height: 200px }

  nav.main-nav { font-size: 110% }
  nav.main-nav ul.right { width: 80%!important }

  #second-panel .info-block div.left, #second-panel .info-block div.right, #seventh-panel .info-block div.left, #seventh-panel .info-block div.right {
    display: block!important;
    text-align: center;
    width: 100%
  }

  #second-panel .info-block div.left { margin-bottom: 10px }
  #sixth-panel li span { max-width: 100% }

  li.gf_left_half, li.gf_right_half, .gfield input { width: 100%!important }

  div.footer span { text-align: center }

  a.pps-button-popup > img, a.pps-btn-img > img { max-width: 15px }
}



/* iPhone 6 */
/* Portrait and Landscape */
@media only screen and (min-width: 375px) and (max-width: 667px) {

  .row { width: 100% }

  div.page-content span.left, div.page-content span.right, div.panel span.left, div.panel span.right, div.panel span.left.panel-post, div.panel span.right.panel-post, div.general-panel span.left, div.general-panel span.right {
    float: none;
    max-width: 100%!important;
    width: 100%!important
  }

  span.right.panel-post h3, span.left.panel-post h3 { color: #fff }

  footer.row span { margin-top: 60px!important }

  div.staff-members span.left, div.staff-members span.right {
    background: #fff;
    display: block!important;
    padding: 20px!important;
    width: 100%!important
  }



}



/* Landscape */
@media only screen and (min-width: 375px) and (max-width: 667px) and (orientation: landscape) { 

  span.mobile-title {
    height: 84px!important;
    width: 91%!important
  }

  .nav-bar li a { font-size: 87% }

  div.panel span.left.panel-post, div.panel span.right.pad, div.panel span.left.pad, div.panel span.right-post { max-width: 49% }
  div.panel span.left img { max-width: 100%!important }

  div.page-content span.right { max-width: 100% }

}

/* iPhone 6+ */
/* Portrait and Landscape */
@media only screen and (min-width: 414px) and (max-width: 736px) { 

}

/* Portrait */
@media only screen and (min-width: 414px) and (max-width: 736px) and (orientation: portrait) { 

}

/* Landscape */
@media only screen and (min-width: 411px) and (max-width: 736px) and (orientation: landscape) { 

  span.no-mobile, img.no-mobile, nav.menu-main-menu-container  {
  display: none!important;
  visibility: hidden!important
}

.mobile {
  display: block;
  visibility: visible
}

.nav-collapse {
  background: #e1f069!important;
    display: block!important;
    top: 0!important;
    position: relative;
    width: 100%;
    visibility: visible!important
  }

.nav-collapse ul {
  display: block;
  list-style: none;
  width: 100%
}

.nav-collapse li {
  display: block;
  line-height: 2em;
  text-align: left;
  width: 100%
}

.nav-collapse a {
  -moz-box-sizing: border-box;
  -moz-transition: background .3s ease;
  -webkit-box-sizing: border-box;
  -webkit-transition: background .3s ease;
  box-sizing: border-box;
  color: #57675c;
  display: block;
  padding: 0 1.6em;
  text-decoration: none;
  transition: background .3s ease;
  width: 100%
}

  .js .nav-collapse {
    clip: rect(0 0 0 0);
    display: block;
    max-height: 0;
    overflow: hidden;
    position: absolute
  }

  .nav-collapse.opened { max-height: 9999px!important }
  .nav-collapse a:hover { background: transparent }
  .nav-collapse .active a:hover { color: #fff; background: rgba(0,0,0, .3) }
  .nav-toggle {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #e1f069;
    display: inline-block;
    float: right;
    height: 55px;
    margin: 0;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    text-indent: -999px;
    width: 12%
  }

.nav-toggle {
  -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    display: block!important;
    user-select: none;
    background: #e1f069;
    display: inline-block;
    float: right;
    height: 84px;
    margin: 0;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    text-indent: -999px;
    visibility: visible!important;
    width: 9%;
}

.nav-toggle:before {
    color: #000;
    content: "\f333";
    font-family: "dashicons";
    font-size: 280%;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    left: -4px;
    line-height: 75px;
    position: absolute;
    speak: none;
    text-indent: 0;
    text-align: right;
    text-transform: none;
    top: 0;
    width: 100%;
}

span.mobile-title {
    background: #293958;
    display: inline-block;
    float: left;
    height: 84px;
    padding: 3px 10px 10px;
    width: 91%;
}

span.right ul {
    margin-left: 4%!important;
    width: 90%!important;
}

.nav-bar li a { font-size: 87% }

  div.panel span.left.panel-post, div.panel span.right.pad, div.panel span.left.pad, div.panel span.right-post { max-width: 49% }
  div.panel span.left img { max-width: 100%!important }

  div.page-content span.right { max-width: 100% }

}


@media only screen and (min-width: 375px) and (max-width: 736px) { 

span.no-mobile, img.no-mobile, nav.menu-main-menu-container  {
  display: none!important;
  visibility: hidden!important
}

.mobile {
  display: block;
  visibility: visible
}

.nav-collapse {
  background: #e1f069!important;
    display: block!important;
    top: 0!important;
    position: relative;
    width: 100%;
    visibility: visible!important
  }

.nav-collapse ul {
  display: block;
  list-style: none;
  width: 100%
}

.nav-collapse li {
  display: block;
  line-height: 2em;
  text-align: left;
  width: 100%
}

.nav-collapse a {
  -moz-box-sizing: border-box;
  -moz-transition: background .3s ease;
  -webkit-box-sizing: border-box;
  -webkit-transition: background .3s ease;
  box-sizing: border-box;
  color: #57675c;
  display: block;
  padding: 0 1.6em;
  text-decoration: none;
  transition: background .3s ease;
  width: 100%
}

  .js .nav-collapse {
    clip: rect(0 0 0 0);
    display: block;
    max-height: 0;
    overflow: hidden;
    position: absolute
  }

  .nav-collapse.opened { max-height: 9999px!important }
  .nav-collapse a:hover { background: transparent }
  .nav-collapse .active a:hover { color: #fff; background: rgba(0,0,0, .3) }
  .nav-toggle {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #e1f069;
    display: inline-block;
    float: right;
    height: 55px;
    margin: 0;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    text-indent: -999px;
    width: 12%
  }

.nav-toggle {
  -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    display: block!important;
    user-select: none;
    background: #e1f069;
    display: inline-block;
    float: right;
    height: 84px;
    margin: 0;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    text-indent: -999px;
    visibility: visible!important;
    width: 9%;
}

.nav-toggle:before {
    color: #000;
    content: "\f333";
    font-family: "dashicons";
    font-size: 280%;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    left: -6px;
    line-height: 75px;
    position: absolute;
    speak: none;
    text-indent: 0;
    text-align: right;
    text-transform: none;
    top: 0;
    width: 100%;
}

span.mobile-title {
    background: #293958;
    display: inline-block;
    float: left;
    height: 55px;
    padding: 3px 10px 10px
}

span.right ul {
    margin-left: 4%!important;
    width: 90%!important;
}

.nav-bar li a { font-size: 87% }

  div.panel span.right.pad, div.panel span.left.pad, div.panel span.right-post { max-width: 49% }
  div.panel span.left img { max-width: 100%!important }

  div.page-content span.right { max-width: 100% }
  }




/* - TABLETS - */
/* iPad mini */
/* Portrait and Landscape */
@media only screen and (min-width: 768px) and (max-width: 1024px) {

}

/* Portrait */
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {

  span.no-mobile, img.no-mobile {
  display: none!important;
  visibility: hidden!important
}


span.mobile-title {
    background: #293958;
    display: inline-block;
    float: left;
    height: 84px;
    padding: 3px 10px 10px;
    width: 91%;
}

span.right ul {
    margin-left: 4%!important;
    width: 90%!important;
}



}

/* Landscape */
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

}

/* iPad 1 and 2 */
/* Portrait and Landscape */
@media only screen and (min-width: 768px) and (max-width: 1024px) {

  .mobile {
  display: none;
  visibility: hidden
}

}

/* Portrait */
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {

  .nav-bar li a { font-size: 87% }

  div.panel span.left.panel-post, div.panel span.right.pad, div.panel span.left.pad, div.panel span.right-post { max-width: 49% }
  div.panel span.left img { max-width: 100%!important }

  div.page-content span.right { max-width: 100% }

}

/* Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 


    span.mobile-title {
    background: #293958;
    display: inline-block;
    float: left;
    height: 84px!important;
    padding: 3px 10px 10px
}

}


/* iPad 3 and 4 */
/* Portrait and Landscape */
@media only screen and (min-width: 768px) and (max-width: 1024px) {

}

/* Portrait */
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {

}

/* Landscape */
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

}

/* Nexus 7 */
/* Portrait and Landscape */
@media screen and (device-width: 601px) and (device-height: 906px) {

}

/* Portrait */
@media screen and (device-width: 601px) and (device-height: 906px) and (orientation: portrait) {

}

/* Landscape */
@media screen and (device-width: 601px) and (device-height: 906px) and (orientation: landscape) {

}



/* -- IPHONE 6 - LANDSCAPE -- */
@media only screen and (min-width : 375px) and (max-width : 667px) and (orientation : landscape) {
  div.content, section#second-panel article, div#third-panel article, div.social-panel article, div#fifth-panel article, section#sixth-panel article, div#seventh-panel article, div#general-panel article {
    margin: 0 5%;
    max-width: 90%!important
  }

  div#third-panel ul li, div.social-panel div, .footer span {
    display: block;
    width: 100%
  }

  div.social-panel div {
    border-top: solid 1px #fff;
    border-right: none;
    font-size: 126%;
    padding: 6px 0
  }

  div.title { margin-bottom: 20px!important }

  div#slider.flexslider span.left {
    margin-bottom: 20px;
    min-height: 120px
  }

  nav.main-nav { font-size: 110% }
  nav.main-nav ul.right { width: 80%!important }

  #second-panel .info-block div.left, #second-panel .info-block div.right, #seventh-panel .info-block div.left, #seventh-panel .info-block div.right {
    display: block!important;
    text-align: center;
    width: 100%
  }

  #second-panel .info-block div.left { margin-bottom: 10px }
  #sixth-panel li span { max-width: 100% }

  li.gf_left_half, li.gf_right_half, .gfield input { width: 100%!important }

  div.footer span { text-align: center }

  .flex-direction-nav .flex-next { right: 10px!important }
}