/**
 * Use this file to conditionally override styles for devices.
 * If you adjust the media queries in the theme settings you should
 * adjust them here so they match.
 */

/* Smartphone portrait */

@media only screen and (max-width:320px) {
body {
background-image: none;
padding: 0;    
}
.nav li, .nav .menu li { 
display: inline;
float: none;
list-style: none outside none;
}
header[role="banner"] {
background-image: none;
background-color: #FFF;                      
}
#primary-menu-bar {
background-image: none; 
height: auto;                
}
#logo { 
padding: 0px 0px;
margin: 0;
text-align: center;
}
#main-content {
padding: 10px 10px 10px 10px ;               
}
#page {
padding: 0px;
background-color: white;
}
.region-footer .block p { 
text-align: center;
}
#primary-menu-bar li a {
/*padding: 10px 17px 10px 17px; */
font-family: Oswald, sans-serif;
text-decoration: none;
color: #2d2d2d;
font-weight: bold;
text-transform: uppercase;
margin: 0 0px 0 0;
float: none; 
height: auto;
padding: 12px 20px;             
}
#primary-menu-bar li { 
border-right: 1px solid #FFFFFF;
display: block;
float: none;
margin: 0px;
}
#bg-img {
  padding-bottom: 40px;
}
.tb-megamenu {
  padding-top: 18px;
}
}

/* Smartphone landscape */
@media only screen and (min-width:321px) and (max-width:480px) {
body {
background-image: none;
padding: 0;    
}
.nav li, .nav .menu li { 
display: inline;
float: none;
list-style: none outside none;
}
header[role="banner"] {
background-image: none;
background-color: #FFF;                      
}
#primary-menu-bar {
background-image: none; 
height: auto;                
}
#logo { 
padding: 0px 0px;
margin: 0;
text-align: center;
}
#main-content {
padding: 10px 10px 10px 10px ;               
}
#page {
padding: 0px;
background-color: white;
}
.region-footer .block p { 
text-align: center;
}
#primary-menu-bar li a {
/*padding: 10px 17px 10px 17px; */
font-family: Oswald, sans-serif;
text-decoration: none;
color: #2d2d2d;
font-weight: bold;
text-transform: uppercase;
margin: 0 0px 0 0;
float: none; 
height: auto;
padding: 12px 20px;             
}
#primary-menu-bar li { 
border-right: 1px solid #FFFFFF;
display: block;
float: none;
margin: 0px;
}
.tb-megamenu {
  padding-top: 18px;
}
}

/* Tablet portrait */
@media only screen and (min-width:481px) and (max-width:768px) {
body {
background-image: none;
padding: 0;    
}
.nav li, .nav .menu li { 
display: inline;
float: none;
list-style: none outside none;
}
header[role="banner"] {
background-image: none;
background-color: #FFF;                      
}
#primary-menu-bar {
background-image: none; 
height: auto;                
}
#logo { 
padding: 0px 0px;
margin: 0;
text-align: center;
}
#main-content {
padding: 10px 10px 10px 10px ;               
}
#page {
padding: 0px;
background-color: white;
}
.region-footer .block p { 
text-align: center;
}
#primary-menu-bar li a {
/*padding: 10px 17px 10px 17px; */
font-family: Oswald, sans-serif;
text-decoration: none;
color: #2d2d2d;
font-weight: bold;
text-transform: uppercase;
margin: 0 0px 0 0; 
height: auto;
padding: 12px 20px;             
}
#primary-menu-bar li { 
border-right: 1px solid #FFFFFF;
display: block;
margin: 0px;
}
#bg-img {
  padding-bottom: 40px;
}
}

/* Tablet landscape */
@media only screen and (min-width:769px) and (max-width:1024px) {
}



/* Standard layout */
@media only screen and (min-width:1025px) {
}

/* all */
@media only screen and (min-width:100px) and (max-width:980px) {
.tb-megamenu .btn-navbar {
margin: 10px 10px 10px 50px;
}
.tb-megamenu {
padding-left: 0px;
}
.tb-megamenu .nav-collapse {
background: #EBA000;
}
.region-leaderboard {
margin: 20px 0px 0px 0px;
}
#logo {
padding: 5px 35px;
}
.tb-megamenu {
  padding-top: 18px;
}
.region-sidebar-second {
padding: 0 10px ;
}
#block-tb-megamenu-main-menu ul li {
  padding-left: 0px;
}
.tb-megamenu .nav-collapse {
  background: #000;
  margin-top: 40px;
  position: absolute;
  top: 28px;
  right: 10px;
  width: 220px;
  z-index: 999;
}
.tb-megamenu .nav-collapse .nav > li > a {
  padding: 20px 30px;
    font-size: 18px;
  }
}