﻿/*******SMALL MASTHEAD**************/
.small-masthead { width:100%; margin:10px 0 10px 0; }
.small-masthead>.logo {margin-bottom:10px; }
.navbar-toggle{top:10px;padding:2px;margin:0;border:0}
.small-masthead .subscribe {margin-top:0; }
a.navbar-toggle:hover,a.navbar-toggle:active{background-color:white!important}
 
/*==========  Non-Mobile First Method  ==========*/
 /*==("MAX" == <=)==*/

    /* Large Devices, Wide Screens */
    /*ANY SCREEN SMALLER THEN LARGE */
@media only screen and (max-width : 1200px) {
   header .container > .row{height:0;padding:0}
  .content { display: inline-block; width: 100%; }
  .col-lg-12 { padding: 0; }
  .box, .rightColumn { margin-left: 0; width: 100%!important; }
  .box { padding: 30px 0 30px 0!important; }
  .navbar > .container { margin: 0; padding: 0; }
  .navbar-default .navbar-collapse { border: 0; }
  .navbar-login { float: left; }
  .nav li { width: 100%!important; font-weight: 100; }
  .nav li:last-child { border-right: none; }
  .navbar-login .my-account { margin-left: 20px; margin-top: 25px; }
  .navbar-search { padding: 0; margin: 0; }
  .navbar-search .input-group { display: inline; width: 100%; }
  .searchform input[type="text"] { background-color: #EDF2DB; text-align: center; }
  .navbar-login a { display: none; }
  .home-latest-news { height: initial; }
  .article-list ul { padding: 0; }
  .article-list li .list-date { margin: 5px 0; }
  .article-list li img { margin: 0 0 10px 10px; }
  .search-form { padding: 0; }
  .article-share { text-align: center; }
  .col-xs-6.right-advert, .col-xs-6.right-content { width: 100%; }
  .ad-large-rectanlge { height: inherit; width: 100%; margin-bottom: 20px!important; }
  .panel-2, .mpu { margin-left: 0; }
  .mpu { margin-left: 0; }
  .latest-issue { height: 264px; padding: 11px 16px 16px 16px!important; }
  /*Collapse navigation*/
  .navbar-collapse.collapse { display: none !important; }
  .navbar-collapse.collapse.in { display: block !important; }
  .navbar-header .collapse, .navbar-toggle { display: block !important; }
  .nav > li > a { height:auto!important; }
  .navbar-header { float: none; }
  .panel-5 { float: right!important; margin-left: 0; }
  .play-button { top: 29%; left: 42%; }
  .video-text { margin-bottom: 15px; }
  .upcoming-events { padding: 0; }
  .med-rectangle-3 { margin-left: 23px!important; }
  /*.article-adverts > .right-content { width: initial!important; }
  .article-adverts > .right-advert { width: initial!important; float: right!important; }*/
  .article { padding: 0 20px 0 20px!important; }
  .bridge-home-med-rectangle-2 { margin-top: 0; }
  .last-footer-lg {margin-right:0!important; }
}

@media only screen and (min-width : 1024px) and (max-width : 1200px) {
    .large-masthead{ display:block!important; padding-left:17px; padding-right:4px;}
    .small-masthead,  .small-masthead-form, .pull-right.login-menu, .collapse, .navbar-toggle  { display:none!important; }
     #bs-example-navbar-collapse-1{ display: inline-block !important; width:100%; padding-right: 0!important; padding-bottom: 0!important;height:49px!important;}
    .navbar-nav {padding-bottom: 0!important; margin-right:0!important; margin-top:15px; }
    .navbar-nav li { font-size:1.1em!important; height:40px!important;  width:auto!important;}
    .dropdown-menu li { height:auto!important;}
    .nav>li>a{ padding-left: 31px; padding-right: 29px; height:40px!important;}
     li.home>a {padding-left:10px; padding-right:10px;} 
    .navbar-nav li:last-child {border-right:1px solid #575759; }
    .dropdown-menu li{ width:100%!important;}
    .dropdown-menu li a{ padding-left:3px; font-size:12px;}
    .dropdown-menu li:last-child {border-right:none; }
    header .container { padding-left:0!important; width:100%; }
    header .row { margin:0!important; }
    .navbar-search  .input-group { display:inline-table!important; }
    .my-account {margin:0!important; margin-left:-10px!important;}
     nav { margin-bottom:0!important;padding-bottom:0!important }
    .last-footer-lg {width:50%!important; }
    .issue-cover { margin: 0 0 0 5px; }
    .latest-news-lg { display: none; }
}
    
@media only screen and (max-width : 1024px) {
    .panel, .tile-ad { margin-bottom:15px!important; }
    .outer-footer-panel { padding-right:10px!important; }
    .nav>li>a{height:initial!important;}
    .list-date { padding: 0 0 10px 15px; }
     .box-footer { padding: 25px 15px 0 15px!important; }
    .footer-panel { height:360px!important;}
    .panel.panel_default.content.min-height { height:360px; }    
    .article-adverts > .right-advert > .tile-ad {  width:100%!important; margin:0 0 10px 0!important; }
}


/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
    .col-xs-4.brand { width: 45%; }
    .login-menu { padding:1px 24px 0 0!important; display:block; }
    .rightColumn { padding:0!important;}
    .right-advert > .tile-ad { float:left!important; width:50%!important; margin:0  auto!important; }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    .col-xs-12, .col-xs-2, .col-xs-3 { padding-left: 0; }
    .col-xs-12, .col-xs-2, .col-xs-3 { padding-left: 0; }
    .navbar > .container { margin: 0; padding: 0; }
    .navbar-default .navbar-collapse { border: 0; }
    .navbar-login { float: left; }
    .panel-text .navbar-login .my-account { margin-left: 20px; margin-top: 25px; }
    .navbar-login a { display: none; }
    .article-list ul { padding: 0; }
    .article-list li .list-date { margin: 5px 0; }
    .article-list li img { margin: 0 0 10px 10px; }
    .search-form { padding: 0; }
    .article-share { text-align: center; }
    .keyword { background-color: #EDF2DB; text-align: center; }
    .play-button { top: 20%; }
    .footer-panel-body h2 { font-family: 'PT Sans',sans-serif; }
    .box-footer { padding: 25px 15px 0 15px!important; }
    .panel-6, .panel-7 { margin-top: 30px; }
    .latest-issue { width: initial; padding: 15px; height: auto; margin-bottom: 10px!important; }
    .panel-5 { margin-left: 23px; }
    .panel-text h2 { font-size:21pt;}
    .panel-text h3 { font-size:17.2pt!important; margin-top:0; }
    .video-text { margin-left:15px;}
    .box-footer > div > div {margin-right:0!important; }
    .issue-cover { margin-bottom:10px;}
    /*.right-advert > .tile-ad:first-child { margin-right: 60px; }*/
    .footer-panel { height:360px!important;}    
    .article-adverts > .right-advert > .tile-ad {  width:100%!important; margin:0 0 10px 0!important; }
}

@media only screen and (max-width : 767px) {
    div[class*="panel-"]  { margin-right: 0!important; margin-left: 0!important; }
    .upcoming-events{ padding:0 !important; }
    .footer-panel { height:auto!important; width:100%!important; padding-right:0; }
    .outer-footer-panel{ padding-right:0!important; }
}

@media only screen and (max-width : 763px) { 
    .right-advert> .tile-ad {width:100%!important;}   
    .col-custom-6 { margin-left:0!important; }
}

/* Small Devices landscape, Tablets */
@media only screen and (max-width : 640px) {
    .box { padding-left:10px!important; padding-right:10px!important; }
    .tile-ad { margin-left: auto!important; }
    .home-tile { float: left!important; margin: 10px 20px 0 32px!important; width: initial!important; }
    .home-tile > .tile-ad:first-child { padding-right: 100px!important; }
    .login-menu {  padding-right:6%; padding-top:32px; display: inline-block; } 
     div[class*="panel"] { padding: 0!important; margin-left: 0!important; margin-right: 0!important;  }
    .panel { margin-bottom:40px;}  
    .footer-panel-body p { margin: 10px!important; }
    .footer-panel-body { margin-bottom: 10px!important; }
    .article-adverts > .right-advert {float:none!important;}
    .issue-cover{margin:0 30px 20px 30px;}
    .article-adverts > .right-advert > .tile-ad { float:left!important; width:50%!important; margin:0 0 10px 0!important; }
    .right-advert > .tile-ad {  margin:0 0 10px 0!important; }
}

@media only screen and (max-width : 478px) {
    header > .row { padding: 0!important; }
    .tile-ad{margin-left:50px!important;}
    .right-advert  .tile-ad,  .tile-ad>.center-block { margin-left: 0px!important; float: none!important; }
    .col-xs-4.brand{width:34%;}
    .home-tile{margin:0!important;}
     footer{height:70px!important;font-size:0.9em;}
     footer .container, .container>.navbar-header{padding:0!important}
     footer .container { padding-left: 10px!important; }
    .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse { margin:0!important}
    .logo{ padding-left:0!important;}
    .navbar-toggle { right: 0; padding:5px 0!important; }
    .col-custom-6 { margin: 0!important; }          
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
    footer { height:85px!important; font-size: 0.9em; width:100%; }
    footer .container { padding: 0 0 0 10px!important; }
    footer ul { list-style: none; padding: 0; }
    footer li { margin-top: 10px; margin-right: 0; }
    footer li:first-child { float: none; }
    footer li:last-child { float: none; margin-right: 20px; }
    .article-adverts > .right-advert { float:left!important;   }
    .panel-text h2 { font-size:21pt;}
    .home-tile { float: none!important; margin: 0; width: initial!important; }
    .login-menu {  padding:1px 26px 0 0; display: inline-block; }
    .tile-ad-home  {width:100%!important; }
    .home-tile > .tile-ad:first-child { padding-right: 0!important; }
    .issue-cover { margin: 0 0 20px 90px; }
    .issue-cover img {   display: block;margin-right: auto; margin-left: auto;}
    .article-adverts > .right-advert > .tile-ad { float:left!important; width:100%!important; margin:0 0 10px 0!important; }
}

 /*Iphone 6 +*/
 @media only screen and (max-width : 414px) {
    .right-advert>.tile-ad> div { display: block; margin-right: auto; margin-left: auto!important; }
    .login-menu { padding:4px 32px 0 0!important; display:block; }
 }

    /* Custom, iPhone Retina */
 @media only screen and (max-width : 375px) {
    .panel-text h3 { display:none; }
    .panel-text h2 { font-size:15pt;}
    .menu-account {display:block!important; }
    .col-xs-4.text-left.no-padding {width:29%!important; }
    .logo img { width:182px; }
  }

 @media only screen and (max-width : 360px) {
    .login-menu {  display: none; }
    .tile-ad{margin-left:25px!important; }
    .subscribe { font-size:12px; width:75px;  height:26px; padding-left:0px; margin-top:12px!important;}
    .small-masthead {margin-top:0; }
    .issue-cover  {  margin-left:0;}
 }