@media screen and (min-width: 1001px) and (max-width: 3000px) {
  /* *** SPANS *** */
  .spanmundi {
    width: 960px !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .one-sidebar #sidebar-first {
    width: 22% !important;
    display: inline-block !important;
    clear: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .sidebar-first #content {
    width: 78% !important;
    clear: none !important;
    display: inline-block !important;
    float: right !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  /* *** HTML STYLES *** */
  #page-content,
  #navbar,
  #navigation,
  #header,
  #navbar-inner,
  #closure-blocks, 
  .breadcrumb, 
  #primary-inner, 
  #secondary-inner, 
  #promo-banner,
  #footer,
  .no-sidebars #content  {
    width: 960px !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }
}

@media screen and (min-width: 770px) and (max-width: 1001px) {
  /* *** SPANS *** */
  .spanmundi {
    width: 100% !important;
  }
  .one-sidebar #sidebar-first {
    width: 22% !important;
    display: inline-block !important;
    clear: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .sidebar-first #content {
    width: 78% !important;
    clear: none !important;
    display: inline-block !important;
    float: right !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  /* *** HTML STYLES *** */
  #page-inner,
  #page,
  #page-content,
  #navbar,
  #navigation,
  #header,
  #navbar-inner,
  #closure-blocks, 
  .breadcrumb, 
  #primary-inner, 
  #secondary-inner, 
  #promo-banner,
  #footer,
  #content {
    width: 100% !important;
  }
  #content-inner {
    margin: 0 0 0 20px;
  }
  #page {
    padding: 0;
  }
  #page-wrapper {
    padding: 0 20px 0 20px;
  }
  .node-type-product #primarydetails { width: 65%; float:left; }
  .node-type-product #page #primaryimage img { width: 100%; }
  .node-type-product #secondarydetails { float: left; width: 30%; padding-left: 5%;}
  .node_gallery_image #image { float: left; width: 65%; }
  .node_gallery_image #thumbpager { width: 33%; padding-left: 2%;}
  .node-type-story div#newsimage { width: 65%; }
  .node-type-story div#newsdetail { width: 33%; padding-left: 2%; }
}

@media screen and (min-width: 470px) and (max-width: 769px) {
  /* *** SPANS *** */
  .spanmundi {
    width: 100% !important;
  }
  .one-sidebar #sidebar-first {
    width: 100% !important;
    clear: both !important;
    display: block !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-top: 20px;
  }
  .one-sidebar #content {
    width: 100% !important;
    clear: both !important;
    display: block !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  /* *** HTMLSTYLES *** */
  #page-inner,
  #page,
  #page-content,
  #navbar,
  #navigation,
  #header,
  #navbar-inner,
  #closure-blocks, 
  .breadcrumb, 
  #primary-inner, 
  #secondary-inner, 
  #promo-banner,
  #footer,
  #content {
    width: 100% !important;
  }
  div.node-images-grid ul { margin: 0 0 0 -2%; padding: 0; list-style: none; }
  div.node-images-grid li { width: 31%; padding: 0; margin: 0 0 2% 2%; float: left; list-style-type: none; display: block; }
  #page {
    padding: 0;
  }
  #page-wrapper {
    padding: 0 15px 0 15px;
  }
  #header-blocks { font-size: 20px; }
  .region-footer { font-size: 14px;}
  #navbar a, #footer-navbar a { font-size: 14px; padding: 0 15px 0 15px; margin: 12px 0 12px 0; }
  .form-item { width: 100%; }
  input.form-text { width: 100%; }
  form { width: 100%; }
  tbody td { padding: 5px; }
  .node-type-product #primarydetails { width: 100%; max-width: 572px; padding: 0; float: none; margin: 0 auto;}
  .node-type-product #page #primaryimage img { width: 100%; max-width: 572px; padding: 0;}
  .node-type-product #secondarydetails { float: none; clear: both; width: 100%; padding-left: 0;}
  .node-type-product #secondarydetails #buy { padding-bottom: 10px; }
  .node_gallery_image #image { float: none; width: 100%; max-width: 572px; margin: 0 auto; }
  .node_gallery_image #thumbpager { clear: both; width: 100%; padding-left: 0; margin-left: -20px; padding-top: 20px;}
  .node-type-story div#newsimage { width: 100%; max-width: 465px; float: none; margin: 0 auto;}
  .node-type-story div#newsdetail { width: 100%; float: none; padding-top: 20px; padding-left: 0;}
}

@media screen and (max-width: 469px) {
  /* *** SPANS *** */
  .spanmundi {
    width: 100% !important;
  }
  .one-sidebar #sidebar-first {
    width: 100% !important;
    clear: both !important;
    display: block !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-top: 20px;
  }
  .one-sidebar #content {
    width: 100% !important;
    clear: both !important;
    display: block !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  /* *** HTMLSTYLES *** */
  #page-inner,
  #page,
  #page-content,
  #navbar,
  #navigation
  #header,
  #navbar-inner,
  #closure-blocks, 
  .breadcrumb, 
  #primary-inner, 
  #secondary-inner, 
  #promo-banner,
  #footer,
  #content {
    width: 100% !important;
  }
  div.node-images-grid li { width: 95%; }
  div.node-images-grid li div.image img { margin: 0 auto;}
  div.node-images-grid { text-align: center; }
  .view-id-category_front_page .views-row {
    margin-right: 0;
    width: 100%;
  }
  #page {
    padding: 0;
  }
  #page-wrapper {
    padding: 0 10px 0 10px;
  }
  #header-blocks { font-size: 20px; }
  #header-logo { padding: 10px 0 10px 0;}
  .region-footer { font-size: 12px;}
   #block-imsite-social_web img {max-width: 20px;}
   #block-imsite-cart span.fa-lg { font-size: 20px !important }
   #block-imsite-cart #cart { padding-top: 7px;}
   #navbar a, #footer-navbar a { font-size: 12px; padding: 0 10px 0 10px; margin: 8px 0 8px 0; }
  .view-calendar { width: 100%; }
  .form-item { width: 100%; }
  input.form-text { width: 100%; }
  form { width: 100%; }
  tbody td { padding: 2px; }
  .node-type-product #primarydetails { width: 100%; max-width: 465px; float: none; margin: 0 auto; }
  .node-type-product #page #primaryimage img { width: 100%; max-width: 465px; }
  .node-type-product #secondarydetails { float: none; clear: both; width: 100%; padding-left: 0;}
  .node-type-product #secondarydetails #buy { padding-bottom: 10px; }
  .node_gallery_image #image { float: none; width: 100%; max-width: 572px; margin: 0 auto; }
  .node_gallery_image #thumbpager { clear: both; width: 100%; padding-left: 0; margin-left: -20px; padding-top: 20px;}
  .node-type-story div#newsimage { width: 100%; max-width: 465px; float: none; margin: 0 auto;}
  .node-type-story div#newsdetail { width: 100%; float: none; padding-top: 20px; padding-left: 0;}
}