/* min-widths */
@media (min-width: 959px) {
  .scrollnotice {display: none;}
  .main-container .col-sm-9{
    padding-left:0;
  }
}

@media (min-width: 1100px) {
  header#navbar{
      padding:0;
    }
  .container {
    width: 1090px;
  }
  aside.col-sm-3{
    padding-right:0;
  }
  .node-type-saturna-products aside.col-sm-3 .region-sidebar-second{
    padding-left:15px;
  }
  .node-saturna-products .sector-allocation{
    margin-left:-20px;
  }
}
@media (min-width: 1330px) {
  .container {
    width: 1300px;
  }
  .yardarm-sidebar {
    width: 500px;
    padding: 10px;
    float: right;
    margin: 0px 0px 20px 30px;
  }
}

@media screen and (max-width: 1325px) {
  .hero-wrapper .hero-footer .bottom-right-image img {
    float: right;
    max-width: 180px;
  }
    #navigation ul li #aboutsubmenuleft li, #navigation ul li #employerwrapper li, #navigation ul li #counselsubmenuleft li, #navigation ul li #educationsubmenu li, #navigation ul li #individualinvestors li{margin-left:0;}
  #scorx_ad,#sghix_ad,#ssifx_ad,#ssgfx_ad,#stbfx_ad,#sbifx_ad,
  #halal_investing,#zakat_investing,#hajj_investing{width:290px;}
  .main_navigation ul.submenu7 {right:4px;}
  .node-saturna-products #piechart table.prod-sectors{margin-left:0px;}
}
@media screen and (max-width: 980px) {
  .container{width:100%;}

  .view-article-views #article-header .article-header-text{width:95%;}
#block-views-article-views-block-5{margin-top:45px;}
#block-bean-join-email-list-block .media{width:17px;}
#block-bean-join-email-list-block a.float_left{margin-right:8px;}
  header#navbar nav .navbar-nav li{
    padding:12px 1.75%;
  }
  header .navbar-header{width:100%;}
  header#navbar nav .navbar-nav li a{
    font-size: .95em;
    top:8px;
    padding:0 0 5px 0;
    margin-bottom:5px;
  }
  header#navbar nav .navbar-nav li a i.larger{
    font-size: 2em;
  }
  #navigationwrapper li a{
    margin-right:20px;
  }
  .front .jumbotron{
    padding-top:10px;
  }

  .front .jumbotron .hero-background{
    background-position: right 220px bottom 0px !important;
  }
  .front .jumbotron .container p {
    font-size: .95em;
    margin-top:0;
  }
  #videotube, #videotube1, #videotube2, #photo_floater {margin:0 auto; width:99%; height:99%; background:#FFF;}
  #amanafundselector_ad{margin-bottom:15px;}
  #amana_income_ad {background-position:right 90%;}
  #amana_growth_ad {background-position:right;}
  #amana_devworld_ad {background-position:right 50%;}
  #amana_participation_ad {background-position:right 50%;}
  #scorx_ad,#sghix_ad,#ssifx_ad,#ssgfx_ad,#stbfx_ad,#sbifx_ad,#halal_investing,#zakat_investing,#hajj_investing{width:100%;}
#halal_investing{background: #c67625 url("../images/amana_investing_halal.jpg") no-repeat scroll left 20%;}
}

@media screen and (max-width: 1330px) {
  #ourcompanies img, #ourfunds img{
    width:150px;
    height:auto;
  }
  #navigationwrapper .toprow a.menu_show7{
    padding:10px 5px;
  }
  #navigationwrapper li a{
    margin-right:4px;
  }
  #navigationwrapper li a.menu_show1{
    margin-left:0;
    padding-left:8px;
  }
  #fundssubmenu{
    min-width: 800px;
  }
}
@media screen and (max-width: 1092px) {

  aside.col-sm-3 .region-sidebar-second .block{
    width: 100%;
  }
  #navigationwrapper li a{
    padding:10px 2px;
  }
    #navigationwrapper li a{
    margin-right:1px;
  }
   #navbar #breadcrumbs{padding:0 15px;}
   .main-container .region-content .nav-tabs li a{
    padding:10px 10px;
   }
  .footer .navbar-nav{
    margin-left:10px;
    margin-right:10px;
    margin-top:0;
    padding-top:0;
  }
  .footer #block-bean-footer-social-media{
    position: absolute;
    right:0;
    width:190px;
    text-align: center;
  }
  .footer #block-bean-footer-social-media #social a{
    padding-bottom:10px;
    margin-top:10px;
  }
  .footer #block-bean-footer-social-media #mail-list{
    margin:12px 0px 0 0;
  }
  .footer #block-menu-menu-footer-menu{
    float:left;
    display:block;
    width:250px;
  }
  .footer .navbar-nav li.first a,
  .footer .navbar-nav li.first,
  .footer .navbar-nav{
    margin-right:0;
    margin-top:0;
    padding-top:0;
    margin-left:0;
  }
  .footer #block-menu-menu-footer-menu ul.menu li{
    display:block;
    float: none;
  }
  #block-menu-menu-footer-menu .menu li.first a{
    padding-left:15px;
  }
  #block-bean-footer-menu-and-copyright{
    float:left;
    clear:both;
    width:100%;
    padding:15px 15px 0 15px;
  }
  footer #block-bean-footer-social-media{
    margin:0;
  }
  footer img.footer_logo {
    margin-bottom: 32px;
    margin-top: -130px;
  }
}
/*
 * Off Canvas
 * --------------------------------------------------
 */
@media screen and (max-width: 981px) {
  .top-nav{
    left: 0;
    position: fixed;
    right: 0;
    z-index: 1030;
    border-width: 0 0 1px;
    top: 0;
  }

  .col-md-6.right-side{
    padding:0px;
  }
  .col-md-6.left-side{
    padding:0px;
  }
  .front .front-mid section.col-sm-4 .block{
    padding: 20px 15px 0 15px;
  }
  .front .front-mid section.col-sm-4.right-side {
    padding: 0 5px;
  }
  #block-bean-saturna-brokerage-services-secti .btgrid .bottom{
    top:0;
  }
  .block .no-gutter .row > [class*='col-'] {
    padding-left:2%;
    padding-right:2%;
  }
  .region-content-top{
    padding-left:15px;
    padding-right:15px;
  }
  #block-menu-block-30{
    display:none;
  }
  .main-container .container{
    padding-left:15px;
    padding-right:15px;
  }
  .top-nav{
    background-image:none;
    background-color:#369;
    height:60px;
  }


  .top-nav #block-search-form{
    margin:12px 12px 0 0;
  }
  .top-nav #block-system-user-menu,
  .top-nav #block-menu-menu-utility-menu{
    display:none;
  }
  header#navbar{
    margin-top:65px;
  }

  header#navbar a.logo.pull-left{
    float:none !important;
  }
  header#navbar .navbar-brand{
    display:block;
  }
  header#navbar .navbar-collapse.main-menu{
    display:none;
  }
  header .navbar-header h2.tagline{
    float:none;
    font-size: 14px;
    margin:5px 0 0 25px;
  }
  header .navbar-header .region-contact{
    width:auto;
    margin-right:2%;
  }
  header #block-bean-display-contact-info-in-header{
    margin-top:25px;
  }
  header #block-bean-display-contact-info-in-header h2.block-title{
    display:block;
    text-align: right;
  }
  header #block-bean-display-contact-info-in-header h2{
    font-size: 14px;
    font-weight: bold;
    margin:4px 0 0 0;
    padding:0;
  }
  header .navbar-header h2.tagline{
    width:100%;
    text-align: center;
    margin:0;
  }
  .front .jumbotron .container .col-sm-7{
    width:99%;
    margin:0;
    padding:0;
  }
 .front .jumbotron .hero-background{
    background-image: none !important;
  }
  .hero-wrapper{
     height:auto;
  }
  .hero-wrapper .hero-content{
  float:none;
  width:100%;

  }
  .front .jumbotron h1{
    font-size: 30px;
  }
  .hero-wrapper .hero-footer .bottom-right-image{
    text-align: center;
    width:100%;
    position: relative;
    clear:both;
  }
  .front .jumbotron .container p{
    font-size: .8em;
  }
  .front .jumbotron .container .logos li{
    margin-right:0px;
  }
  body.navbar-is-fixed-top{
    padding-top: 64px !important;
  }
  header#navbar{
    padding-left:-15px;
    padding-right:-15px;
  }
  header#navbar nav .navbar-nav li{
      padding:12px 0 12px 20px;
    }
  header#navbar nav .secondary{
      display:block;
  }
  .front .front-mid section.col-sm-4.left{
    padding-left:15px;
  }
  .front .front-mid section.col-sm-4.right{
    padding-right:15px;
  }
  #block-bean-home-funds-companies-links{
    padding-left:15px;
  }
  #block-bean-home-funds-companies-links h4{
    font-weight:bold;
    font-size: 14px;
  }
  #breadcrumbs{
    display:none;
  }
  .main-container{
    margin-top:10px;
  }

  .main-container #page-header{
    padding:5px 10px;
    margin:0;
  }
  .main-container #page-header h1.page-header{
    padding:0;
    margin:0;
  }
  #ourcompanies img, #ourfunds img{
    width:180px;
    height:auto;
  }
  footer #block-menu-block-8 ul li,
  footer #block-menu-block-9 ul li,
  footer #block-menu-block-10 ul li,
  footer #block-menu-block-11 ul li{
    width:100%;
  }
  .footer .region-bottom-menu-1,
  .footer .region-bottom-menu-2,
  .footer .region-bottom-menu-3,
  .footer .region-bottom-menu-4{
    display:none;
  }
  #block-bean-footer-statement{
    padding:15px;
  }

  #block-views-crew-list-block-1,
  #block-views-crew-list-block-2{
    width:100%;
    display:block;
    float:left;
  }
  /*hide product taglines*/
  .region-content-top .fund-tagline{
    display:none;
  }
  .page-error h4{
    width:350px;
    display: block;
  }
}

@media screen and (max-width: 500px) {
  body{
    font-size: 15px;
  }
  .page-node-46 .block .view-id-crew_list .view-content{
    column-width: 280px;
  }
  .row{
    margin:0;
    padding:0;
  }
  .container,
  .main-container .container{
    padding-left:0px;
    padding-right:0px;
  }
  .main-container .container section.col-sm-12 {
    padding-left: 10px;
    padding-right: 10px;
  }
  #block-system-main{
    padding:0px 10px;
  }
  .container > .navbar-header{
    margin:0;
  }

  .main-container .nav-tabs li a{
    padding:10px 5px;
  }
  .mobile-hide{
    display:none;
  }
  #ourcompanies img, #ourfunds img{
    width:90%;
    height:auto;
  }
  .hero-wrapper .hero-footer {
    padding-top:20px;
  }

  .hero-wrapper .hero-footer .bottom-right-image img{
    position: relative;
    width:100%;
    margin:0 auto;
    float:none;
    max-width:220px;
    bottom:0;
  }
  #block-bean-footer-menu-and-copyright{
    text-align: left;
  }
  #block-bean-footer-menu-and-copyright img{
    width:160px;
    float:left;
    height:auto;
  }
  #block-bean-footer-menu-and-copyright .btgrid{
    float:left;
  }

  .main-container .slab_float{
    width: 100%;
  }

  .node-saturna-crew .left-side-crew{
    width:150px;
  }

  #amana_income_ad {background-position:100% 90%;}
  #amana_growth_ad {background-position:right;}
  #amana_devworld_ad {background-position: 85% 50%;}
  #amana_participation_ad {background-position:right 50%;}

  footer #mail-list,
  footer #social{
    float:none;
  }
  footer #social img{
    margin-right:4px;
  }
  footer .footer-logo{
    float:left;
    margin:0px;
    width:200px;
  }
  footer .footer-logo img{
    float:none;
    margin:0;
  }
  footer .mobile-contact{
    float:right;
    display:block;
    text-align: right;
    padding-top:20px;
    padding-right:20px;
  }
  footer #footer-contact a,
  footer #footer-phone a{
    color:#fff;
  }
  .page-error{
    background-position: 160px 10px;
  }
  .page-error h4{
    width:200px;
    display: block;
  }
}
@media screen and (max-width: 479px){
  .bt-wrapper{
    height:205px;
  }
}