/* Tablet Landscape size to standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {  
  #page,
  .page-node-add #page {
    width: 100%;
    max-width: 728px;
    margin: 0 auto;
  }

  .container-12,
  .container-16,
  .container-24 {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }

  #sidebar-last {
    margin-left: 2%;
    margin-right: 0;
  }

  #banner {
    width: 650px; /* total: 660px */
    max-width: 100%;
  }

  #banner > a > img {
    width: 649px;
    max-width: 100%;
    height: auto;
  }
  
  #site-menu {
    margin-left: 0;
    width: 100%;
  }
  
  .menu-mobile {
    clear: both;
  }
  
  #site-menu ul {
    margin-left: 0;
  }
  
  #navigation-filter {
    right: 0;
  }
  
  #main-wrapper {
    width: 100%;
    left: 0;
    margin-right: 0;
  }

  #main-content,
  #content-tabs {
    width: 99%;
  }
  
  #messages-wrapper .messages, #messages-wrapper .help {
    box-sizing: border-box;
  }
  
  .service-type .node-inner {
    max-width: 98%;
    padding-left: 1%;
    padding-right: 1%;
  }

  #sidebar-first {
    display: none;
  }

  #branding,
  #header-top {
    width: 29.25%;
  }
  
  #sidebar-last {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  
  #branding img {
    max-width: 80%;
    height: auto !important;
  }
  
  #search-box {
    margin: 25px 0 0 0;
    left: auto;
    right: 32%;
    max-width: 43%;
  }
  
  #search-box input.form-text {
    max-width: 70%;
    background-size: cover;
  }
  
  #comunicart-frontpage .region#region-upper_left,
  #comunicart-frontpage .region#region-upper_right,
  #comunicart-frontpage .region#region-lower_left,
  #comunicart-frontpage .region#region-lower_right {
    max-width: 100%;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  
  .service-type.node-mini .node-inner {
    max-width: 100%;
  }
  
  #header-featured {
    top: 100%;
    z-index: 999;
    left: 0;
    bottom: auto;
    margin-top: 15px; 
  }

  #header-featured,
  #header-featured .comunicart-slider,
  #header-featured .comunicart-slider-pager {
    width: 100%;
    box-sizing: border-box;
  }
  
  #header-featured .comunicart-slider .views-row {
    width: 100% !important;
    margin: auto;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    bottom: auto !important;
    padding-bottom: 15px;
    box-sizing: border-box;
  }
  
  #header-featured .comunicart-slider .max-height-processed .views-row {
    height: 100% !important;
  }
  
  #header-featured .comunicart-slider-pager {
    z-index: 1000;
  }
  
  #header-featured .comunicart-slider .views-row .node {
    height: 100%;
  }
  
  /* Blocks */
  #sidebar-last #block-menu-secondary-links {
    display: none;
  }

  #comunicart_user_block .user-profile {
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  
  object,
  iframe {
    max-width: 100%;
  }
  
  #site-menu .service-link-set-item.service-link-create {
    margin-top: 4px;
    margin-right: 10px;
  }
  
  .tinynav.secondary {
    float: right;
  }
  
  .tinynav.services,
  .tinynav.secondary {
    margin-top: 12px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
  #main-wrapper {
    width: 498px;
    margin-top: -29px;
  }
  
  #site-menu {
    width: 100%;
    position: relative;
    height: 52px;
  }
  
  .menu-mobile {
    position: absolute;
    right: 0;
    top: 0;
    height: 42px;
  }
  
  .logged-in .menu-mobile {
    width: 220px;
  }
  
  #site-menu .service-link-set-item.service-link-create {
    margin-right: 0;
  }
  
  .no-node-page #main-content,
  .admin-page.no-node-page #main-content {
    max-width: 462px;
  }
  
  #sidebar-last #block-menu-secondary-links {
    display: block;
  }

  #sidebar-last {
    width: 219px;
    margin-left: 10px;
  }
  
  .tinynav.services,
  #site-menu .service-link-set-item.service-link-create {
    display: block;
  }
  
  .logged-in .tinynav.services {
    max-width: 160px;
    float: right;
  }
  
  .tinynav.services {
    width: 219px;
  }
  
  .view-latest-set-documents .views-row {
    max-width: 147px;
  }
  
  #navigation-filter {
    right: 228px;
    margin-top: 6px;
  }
  
  #bcrumb {
    max-width: 473px;
  }
  
  #banner #site-name {
    top: 7px;
  }

  #banner,
  #banner #banner-image {
    width: 498px;
    margin-bottom: -2px;
  }
  
  #banner .banner-large #banner-image {
    height: 166px;
  }
  
  #banner .banner-small #banner-image {
    height: 51px;
  }
}

@media only screen and (min-width: 960px) and (max-width: 1199px) {
  #banner {
    width: 657px;
    overflow: hidden;
    margin-bottom: -2px !important;
  }
  
  #banner #banner-image {
    width: 780px;
    margin-bottom: -2px;
  }
  
  #banner .banner-large #banner-image {
    height: 260px;
  }
  
  #banner .banner-smalle #banner-image {
    height: 67px;
  }

  #header-featured,
  #header-featured .comunicart-slider{
    width: 320px;
  }

  #header-featured .comunicart-slider-pager {
    width: 315px;
  }

  .vertical-tabs #upload-attachments .description {
    width: 380px;
  }
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
  #page {
    max-width: 482px;
  }
  
  .no-node-page #main-content,
  .admin-page.no-node-page #main-content {
    max-width: 446px;
  }
  
  #search-box {
    right: 34%;
  }
  
  #banner #site-name {
    top: 6px;
  }
  
  #comunicart_user_block form input.form-submit {
    visibility: hidden;
    margin-left: -99999px;
  }
  
  #comunicart_user_block .user-profile {
    max-width: 90px;
  }
  
  #comunicart_user_block .user-profile-icon {
    display: none;
  }
  
  #site-menu .service-link-set-item.service-link-create {
    display: block;
    clear: left;
  }
  
  .tinynav.services,
  .tinynav.secondary {
    display: block;
    width: 200px;
  }
  
  .view-latest-set-documents .views-row {
    max-width: 142px;
  }
  
  #navigation-filter {
    border-radius: 3px;
  }
  
  #bcrumb {
    max-width: 457px;
  }

  #banner,
  #banner #banner-image {
    width: 480px;
    margin-bottom: -2px;
  }
  
  #banner .banner-large #banner-image {
    height: 160px;
  }
  
  #banner .banner-small #banner-image {
    height: 49px;
  }
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
  #header-top {
    width: 140px;
  }
  
  .front .messages.status {
    display: none;
  }
  
  #banner #site-name {
    top: 4px;
    height: 26px;
    line-height: 26px;
    font-size: 1.7em;
  }
  
  #main-wrapper #banner {
    display: none;
  }
  
  #nice-menu-primary-links {
    display: none;
  }
  
  #branding img {
    max-width: 100%;
  }
  
  #search-box input.form-text {
    max-width: 0;
    width: 0;
  }
  
  .set-categories-form select {
    max-width: 120px;
  }
  
  .tinynav,
  #site-menu .service-link-set-item.service-link-create {
    display: block;
  }
  
  .tinynav {
    font-size: .71em;
  }
  
  .tinynav.primary {
    width: 100%;
    max-width: 100%;
  }
  
  .tinynav.services,
  .tinynav.secondary {
    width: 126px;
    max-width: 100%;
  }

  #search-box {
    position: static;
    float: left;
    width: auto;
    margin-left: 15px;
    margin-top: 17px;
  }
  
  #search-box input.form-text:focus {
    max-width: 140px;
    width: 140px;
    position: absolute;
    z-index: 999;
    background-color: #fff;
  }
  
  #site-menu {
    min-height: 81px;
  }

  #page {
    max-width: 320px;
    width: 320px;
  }
  
  .no-node-page #main-content,
  .admin-page.no-node-page #main-content {
    max-width: 284px;
  }
  
  #comunicart_user_block .form-text {
    width: 85px;
  }
  
  #comunicart_user_block .request-password a {
    bottom: 8px;
  }
  
  #comunicart_user_block .user-messages {
    clear: left;
  }
  
  #messages-wrapper .messages, #messages-wrapper .help {
    width: 298px;
  }
  
  #comunicart_user_block form input.form-submit {
    visibility: hidden;
    margin-left: -99999px;
  }
  
  #comunicart_user_block .user-profile {
    max-width: 100%;
    margin-left: 0;
  }
  
  #comunicart_user_block .user-picture {
    display: none;
  }
  
  #comunicart_user_block .user-profile-icon {
    display: none;
  }
  
  #header-featured .node .node-inner .content > * {
    display: none;
  }
  
  #header-featured .node .node-inner .content > .node-title {
    display: block;
  }
  
  .view-latest-set-documents .views-row {
    max-width: 136px;
  }
  
  #navigation-filter {
    margin-top: 79px;
  }
  
  #main-wrapper {
    margin-top: 15px;
  }
  
  .navigation-filter-none #main-wrapper {
    margin-top: 0;
  }
  
  #bcrumb {
    max-width: 297px;
  }
  
  #banner,
  #banner #banner-image {
    width: 318px;
    margin-bottom: -2px;
  }
  
  #banner .banner-large #banner-image {
    height: 106px;
  }
  
  #banner .banner-small #banner-image {
    height: 33px;
  }
}

@media only screen and (min-width: 1200px) {
  .container-12, .container-16, .container-24 {
    width: 1170px;
    margin-left: auto;
    margin-right: auto;
  }
  
  #main-content, #content-tabs {
    width: 100%;
  }
  
  .no-node-page #main-content {
    max-width: 744px;
  }
  
  .admin-page.no-node-page #main-content {
    max-width: 1037px;
  }
  
  .container-16 .grid-11 {
    width: 780px;
  }
  
  .container-16 .pull-11 {
    left: -806px;
  }
  
  #sidebar-last {
    max-width: 300px;
    margin-left: 0;
  }
  
  .container-16 .push-1 {
    left: 63px;
  }
  
  .service-type .node-inner {
    max-width: 727px;
  }
  
  #comunicart-frontpage .region#region-upper_left, #comunicart-frontpage .region#region-upper_right, #comunicart-frontpage .region#region-lower_left, #comunicart-frontpage .region#region-lower_right, #header-featured {
    width: 49%;
  }
  
  #bcrumb {
    max-width: 759px;
  }
  
  #banner,
  #banner #banner-image {
    width: 780px;
    margin-bottom: -2px !important;
  }
  
  #banner .banner-large #banner-image {
    height: 260px;
  }
  
  #banner .banner-small #banner-image {
    height: 80px;
  }

  #header-featured,
  #header-featured .comunicart-slider {
    width: 382px;
  }

  #header-featured .comunicart-slider-pager {
    width: 377px;
  }
  
  #block-menu-secondary-links .menuparent ul {
    max-width: 262px;
  }
  
  #navigation-filter {
    right: 375px;
  }
  
  #search-box {
    left: auto;
    right: 315px;
    margin-left: 0;
  }
  
  #comunicart_user_block {
    width: 290px;
    max-width: 290px;
  }
  
  #comunicart_user_block .user-profile {
    width: 239px;
    max-width: 239px;
  }
  
  #comunicart_user_block .form-text {
    max-width: 200px;
  }

  .vertical-tabs #upload-attachments .description {
    width: 520px;
  }

}