#site-name {
	display: none;
}
@viewport {
  zoom: 1.0; /* same as initial-scale=1 */
  width: device-width;
}

/* For all mobile device widths */
@media(min-width:1px) and (max-width:991px) {
  body {
    min-width: 0px;
  }
  
 /* Nice menus */
  ul.nice-menu-right li.menuparent,
  ul.nice-menu-right li li.menuparent {
    background-image: none;
  }

  ul.nice-menu-right li.menuparent:hover,
  ul.nice-menu-right li.over,
  ul.nice-menu-right li li.menuparent:hover,
  ul.nice-menu-right li li.over {
    background-image: none;
  }


  .youtube-video-container {
    max-width: 991px;
    margin: 0px auto;
  }

  .youtube-video-container > div {
    position: relative;
    padding-bottom: 75%;
    height: 0px;
  }

  .youtube-video-container iframe {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
  }

  div#gallery .content {
    display: none
  }

  #block-search-0 {
    display: none;
  }  
  #gallery {
    display: none;
  }
  #loading #loadingLink {
    display: none;
  }
  #page {
    overflow: hidden;
    margin-left: 0px;
  }
  #sidebar-left-inner {
    margin-left: auto;
    margin-right: auto;
    padding-left: 8px;
    padding-right: 8px;
  }
  #sidebar-left {
    float: none;
  }
  #sidebar-left .block {
    margin-bottom: 0px;
  }
  ul.nice-menu li  a{
    margin-left: 5px;
  }
  #content {
    display: block;
    float: none;
    margin: 0 0 0 0;
  }  
  .nice-menu-show-title {
   /*  display: none; */
  }
  #main-inner {
    display: table;
  }
  #main-inner div#content {
    display:table-footer-group;
  }
  #main-inner div#sidebar-left {
    display:table-header-group;
  }
  
  
  /* Resize the collages */
  #collagediv, #collagerotate {
    padding: 0px;
  }
  #collagediv {
    /* Changed to accomodate scaling with page width */
    width: 100%;
  }
  #collagerotate {
    width: 100%;
  }
  
  #collagerotate img {
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    display: block;
    width: 480px;
  }
  
  /* Nice menu formatting */
  ul.nice-menu-right, ul.nice-menu-left, ul.nice-menu-right li, ul.nice-menu-left li {
    width: 100%;
  }
  ul.nice-menu-left ul, ul.nice-menu-left ul ul, ul.nice-menu-left ul ul ul 
   {
    width: 100%;
    left: 0px;
    position: relative;
    top: 0px;
  }   
  ul.nice-menu-right ul, ul.nice-menu-right ul ul, ul.nice-menu-right ul ul ul 
   {
    width: 100%;
    left: 0px;
    position: relative;
    top: 0px;
  }  
  ul.nice-menu-right ul {
    margin-left: 1em;
  }  
/*ul.nice-menu-right li.over > span.plus_minus:before {
    content: '-';
  }
  ul.nice-menu-right li:not(.over) > span.plus_minus:before {
    content: '+';
  } */
  ul.nice-menu li {
    cursor: pointer;
  }
  ul.nice-menu li a {
    font-size: 1.5em;
    width: 100%;
  }  
  ul.nice-menu li.menuparent > a {
    width: 90%;
    float:left;
    z-index: 1000;    
  }  
  li.menuparent > a {
    width: 90%;
    float:left;
    z-index: 1000;    
  }

  ul.nice-menu li.menuparent .plus_minus {
    width: 5%;
    float:right;
    display: block;
  }
  ul.nice-menu-right li.menuparent:hover, 
  ul.nice-menu-right li.over, 
  ul.nice-menu-right li li.menuparent:hover 
    ul.nice-menu-right li li.over,
  ul.nice-menu-right li.menuparent, 
  ul.nice-menu-right li li.menuparent {
    background-image: none;
  }  
  /* Reset the nice menus border */
  ul.nice-menu li {
    border: none;
  }  
  /* Add a bottom border to menu items */
  ul.nice-menu li {
    border-bottom: 1px solid #FFFFFF;
  }
  .plus_minus {
    font-size: 1.8em;
    font-weight: bold;
    text-align: right;
    padding-top: 2px;
    padding-right: 3px;
    cursor: pointer;
    z-index: 9999;
    top: 0px;
  }
  ul.nice-menu-right ul li a{
    font-size: 1.5em;
  }
  ul.nice-menu-right ul li li a {
    font-size: 1.5em;
  }
  #mobile-detail-menu {
    padding-top: 10px;
  }
  .breadcrumb {
    display: none;
  }
  #search-bar {
    display: none;
    width: 100%;
    padding: 5px;
  }
  #search-bar input.form-text {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
  }
  #search-bar input.form-submit {
    width: 20%;
    margin-left: auto;
    margin-right: auto;
  }  
  #skip-to-nav {
    display:  none;
  }

  #site-name {
    /*height: 30px;*/
    width: 90%;
    text-align: center;
    margin-top: 60px;  
    display: block;
    margin-bottom: 10px;
    margin-right: auto;
    margin-left: auto;
    padding: 8px;
    padding-right: 10%;
  }
  #site-name {
    background: #8d99a7; /* Old browsers */
    background: -moz-linear-gradient(top, #8d99a7 0%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8d99a7), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #8d99a7 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #8d99a7 0%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #8d99a7 0%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to bottom, #8d99a7 0%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8d99a7', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
  }

  /* Formatting the content area */
  .breadcrumb {
    font-size: 1.1em;
  }
  div#content h1.title {
    font-size: 1.6em;
  }
  .view-content .field-content {
    font-size: 1.1em;
    overflow: hide;
  }
  
  /* Begin image gallery theming */
  #gallery .image-caption {
    font-size: 16px;
  }
  
  #gallery .caption {
    font-size: 20px;
  }
  
  /* Image caption size */
  #imageData #caption {
    font-size: 2em;
  }
  
  #galleriffic .slideshow {
    width: 100%;
  }
  
  #galleriffic #thumbs {
    margin-left: auto;
    margin-right: auto;
  }
  
  #slideshow .image-wrapper {
    width: auto;
  }
  
  #slideshow  .image-wrapper img {
    width: auto;
  }
  /* Remove extraneous padding and margins so items format properly when in mobile sizing */
  #content-header {
    padding-left: 0px;
    padding-right: 0px;
    margin: 0px 0px 0px 0px;
    
  }
  .learning_detail_menu {
    padding-left: 0px;
    padding-right: 0px;
    margin: 0px 0px 0px 0px;
  }
  
  div[id^='node'] div.node-content {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 1.3em;
  }
  #resources_link_icon {
    height: 20px;
    width: auto;
    margin-right: 0.5em;
  }
  .addthis_toolbox {
    display: block;
    width: 100%;
  }
  .addthis_toolbox  img{
    width: 32px;
  }
  /* DDBLOCK SLIDESHOW */
  div.slider div.slide {
    width: 100%;
  }
  .custom-pager .imagefield  img{
    width: 25%;
  }
  .custom-pager .slide-inner img {
    width: 100%;
  }
  .responsive-view-column {
    display: inline-block;
    padding: 10px;
  }
  .view-content {
    text-align: center;
  }
  div#mobile-search a.search-icon {
    background: url(/sites/all/themes/learning/lc_zen/mobile_icons/menu.png) no-repeat;
    width:25px;
    height:20px;
    background-size: 20px 20px;
    display: inline;
    float:left;
  }
  div#mobile-menu a.menu-icon {
    background: url(/sites/all/themes/learning/lc_zen/mobile_icons/menu.png) no-repeat;
    width:25px;
    height:25px;
    background-size: 20px 20px;
    display: inline;
    float:left;
  }
  #mobile-navbar > #mobile-search {
    display: block;
    float:right;
    width: 130px;
    height: 32px;
    font-family: Sans-Serif;
  }
  #mobile-navbar {
    width: 100%;
    height: 32px;
    background-color: #8d99a7;
    color: #FFFFFF;
    font-size: 1.5em;
    font-weight: bold;
    font-family: Sans-Serif;
    padding-top: 5px;
  }
  #mobile-navbar > #mobile-menu {
    display: block;
    float:left;
    padding-left: 5px;
    width: 150px;
    height: 32px;
    padding-top: 0px;
  }  
   #mobile-navbar > #mobile-menu i {
    margin-right: 3px;
   }
   #mobile-navbar > #mobile-search i {
    margin-right: 3px;
   }  
  #galleriffic .content {
    margin: 0 auto; 
  }
  #galleriffic  ul.thumbs li{
    float: none !important;
    display: inline-block;
  }
  .slider .slide {
    width: 100% !important;
    max-width: 676px !important;
  }
  .slide-inner {
    width: 100%;
    max-width: 676px;
  }
  .imagefield-field_home_slideshow_image img {
    width: 100%;
  }
  /*
  .content  p {
    padding: 10px;
  }
  .content  span {
    padding: 10px;
  } */
  div#block-block-2 img  {
    height: 6em; 
    width: auto;
  }
  #galleriffic {
    width: 100%;
  }
  /* Add padding to multimedia content */
  .product_content p , .product_content span {
    padding: 10px;
  }
}

@media(min-width:1px) and (max-width:767px) {
  #sidebar-left {
    width: 100vw;
  }
  #page, #main, #content, #content-inner {
    width: 100vw;
  }
  .sidebar-left #content {
    margin: 0 0 0 0;
    width: 100%;
  }
  ul.nice-menu-left li, ul.nice-menu-right li{
    width: 100%;
  }
  #content {
    overflow:scroll;
  }
  .sidebar-left #content {
    margin: 0 0 0 0;
    width: 100%;
  }
  ul.nice-menu-left li, ul.nice-menu-right li, ul.nice-menu ul li {
    width: 100%;
  }
  ul.nice-menu-right ul, ul.nice-menu-right ul ul, ul.nice-menu-right ul ul ul {
    width: 100%;
    left: 0px;
    position: relative;
    top: 0px;
  }
  ul.nice-menu  ul{
    display: none;
  }
  
  /* Begin galleriffic formatting */
  #galleriffic, #galleriffic #gallery, #galleriffic  #thumbs {
    width: 100%
  }
  
  /* Add formatting to pad paragraph elements on products */
  .node-inner  p{
    padding-left: 30px;
    padding-right: 30px;
  }
  
  /* Pad fields on multimedia */
  .node_multimedia_product .duration {
    padding-left: 30px;
    padding-right: 30px;
  }
  
  .block-gray-yellow-bg ul.nice-menu li {
    background-color: #e0dccc;
  }
}

@media(min-width:768px) and (max-width:991px) {
  #page, #main, #sidebar-left, #content, #content-inner {
    width: 100%;
  }
  #content {
    overflow:scroll;
  }
  .sidebar-left #content {
    margin: 0 0 0 0;
    width: 100%;
  }
  ul.nice-menu-left li, ul.nice-menu-right li, ul.nice-menu ul li {
    width: 100%;
  }
  ul.nice-menu-right ul, ul.nice-menu-right ul ul, ul.nice-menu-right ul ul ul {
    width: 100%;
    left: 0px;
    position: relative;
    top: 0px;
  }
  ul.nice-menu  ul{
    display: none;
  }
  

  /* imagefield imagefield-field_home_slideshow_image
  
  */
}

/* Resizes collage images for smaller screens*/
@media(min-width:1px) and (max-width:480px) {
  #collagediv img {
   max-width: 100%;
   height: auto;
   margin-top: 10px;
  }

}

@media(min-width:992px) {

}

@media(min-width:1200px) {

}

@media(min-width:768px) and (max-width:991px) {

}


ul.nice-menu a {
  /* padding: i*/
  padding: 1px 0px 1px 0px;
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
	ul.nice-menu-right {
		font-size: 120%;
		word-wrap: break-word;
	}
  ul.nice-menu-right, ul.nice-menu-left, ul.nice-menu-right li, ul.nice-menu-left li {
    width: 100%; /* Make this browser viewport width */
  }
/* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
/* Styles */
}

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

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
/* Styles */
}
/**********
iPad 3
**********/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}
/* Desktops and laptops ----------- */
@media only screen  and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen  and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

/* iPhone 5 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* iPhone 6 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* iPhone 6+ ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

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

/* Samsung Galaxy S3 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* Samsung Galaxy S4 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

/* Samsung Galaxy S5 ----------- */
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}