/** Global **/
body {
   font-family: "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
    -moz-osx-font-smoothing: grayscale;
}
.bg-primary {
background-color: #F76902 !important;
}
#h_nav {
min-height: 50px;
margin-bottom: 0.25rem;
}
h1.modal-title {
margin-top: 0;
font-weight: bold;
letter-spacing: -.20px;
line-height: 1.75rem;
}
h5.modal-title {
font-size: 1.5rem; 
font-weight: bold;
letter-spacing: -.20px;
line-height: 1.75rem;
}
.navbar-nav > li.open > a {
color: black !important;
background-color: transparent !important;
}
.navbar-nav > li.onhover > a::before {
content: "";
position: absolute;
bottom: 0;
height: 8px;
width: 5rem;
background-color: #f76902;
visibility: hidden;
transform: scaleX(0);
transition: visibility 150ms ease-in-out 0s,transform 150ms ease-in-out 0s
}
.navbar-nav > li.onhover > a:hover::before {
visibility: visible;
transform: scaleX(1);
}
.navbar-nav > li.onhover > a::after {
position: relative;
top: 0;
font-size: 1rem;
transition: transform 0.2s linear,top 0.2s linear;
}
li.nav-item.yamm-fw.onhover a.nav-link:hover {
  background-color: transparent;
}

a  {
color: #212529;
text-decoration-thickness: 0.125rem;
text-decoration-line: underline;
text-underline-offset: 0.125rem;
transition: text-decoration-color 250ms, color 250ms;
text-decoration-color: #f76902;
}
a:hover {
color: #727578;
text-decoration-color: transparent;
}
#ContainDiv {
max-width: 100%;
padding:0;
}
#contentSection {
padding: 0;
}
.breadcrumb {
padding: 0.5rem 1rem;
}
.breadcrumb li a {
text-transform: capitalize;
color: #212529;
font-weight: bold;
text-decoration-color: transparent;
}
 .breadcrumb li a:hover {
color: #212529;
text-decoration-color: #f76902;
text-decoration-thickness: 0.125rem;
 }

.mainItem, .merch_panel, .lgText, .help, .card, #itemRanking, .logoutLink, #textHeader, #merchHeader, #generalHeader, .orderMessageWrapper, .custLogoutHelpWrapper, .validation-summary-errors, .noListItems, .lgMessage  {
padding: 1rem;
}
.searchCatWrap, .loyaltyRedeemLink, .loyaltyHistoryLink  {
padding-left: 1rem;
}
#asteriskDisclaimer, .moneySaved, .buybackButton  {
padding-left: 1.25rem;
}
#ty-print-wrapper {
padding-right: 3rem;
}
.profileAsterisk {
padding: 0 1rem;
}

#submitButton {
margin-left: 1rem;
}
:focus {
/*outline: thin dotted;*/
}
#div_privacy, #Server {
display: none;
}
.btn-default, .btn-secondary {
font-size: 1.167rem;
}
.btn-primary {
background-color: #F76902;
border: 2px solid #F76902;
font-size: 1.167rem;
letter-spacing: 0;
font-weight: bold;
}
.btn-primary:hover {
color: #fff;
background-color: #000;
border-color: #000;
transition: ease-in;
}
.btn-primary.rem1_5 {
font-size: 1.5rem;
}

#cart-continuePayment, #lgLogin, #lgLoginGuest, #shippingMethod-save, #shippingAddress-save {
font-size: 1.5rem;
}

.register-wrapper a.btn-primary {
color: #fff;
font-size: 1.5rem;
}

.header-change-but {
top: 25px;
right: 25px;
color: #212529;
font-weight: bold;
text-decoration-color: transparent;
}
 .header-change-but:hover {
  text-decoration-color: #212529;
  text-decoration-thickness: 0.125rem;
 }

/** Top Section - Header **/
#top_upper_banner {
background-image: url('/SiteImages/269-SchoolImages/269-CS_Header_900x100_V5.jpg');
/*background-image: url('/SiteImages/269-SchoolImages/269-logo-banner-testing.jpg');*/
  background-position: left top;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  /* overflow: auto; */
}

#top_upper_banner_right_image {
  padding-top: 5px;
  margin-right: 20px;
  min-width: 120px;
  width: 120px;
  margin-bottom: 5px;
}

#top_upper_banner_right {
  text-align: right;
}

#top_upper_banner_left_wrapper {
  margin-left: 5px;
  margin-top: 10px;
}

#top_upper_banner_left_wrapper > a {
  color: #fff;
  font-size: 16px;
  margin-right: 10px;
  padding-left: 15px;
}

#top_upper_banner_left_myCart {
  border-left: 1px solid;
}
#top_middle_banner {
display: flex;
}
#top_middle_banner_left_image {
width: 35%;
margin-left: 0.5rem;
margin-top: 0.25rem;
}

#top_middle_banner_right {
  text-align: right;
}

#top_middle_banner_right_image {
  padding: 10px 15px 15px;
  max-width: 890px;
  width: 90%;
}

/** Header Icons **/
#headericons {
  text-align: right;
  padding-right: 35px;
   margin-top: 0.25rem;
}

#headericons span.fa {
  font-size: 3em;
  padding: 0px 10px;
}
#headericons a {
  color: #000;
}

/** Search Bar **/
#H_Search.max_width300 {
max-width: none;
width: auto;
}

#H_Search .form-control {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

.itemSearchWrapper {
top: 33px !important;
}

/** Shopping Cart with Number of Items*/
.secondary-nav-cart {
  position: relative;
}
#Cart {
display: none;
}
.span-cart-items {
  position: absolute;
  font-size: 18px;
  color: #fff;
  z-index: 2;
  top: 20%;
  left: 45%;
}
.fa.fa-shopping-cart {
  font-weight: 800;
  color: #000;
  font-size: 3em;
  line-height: 0.9;
  position: relative;
}

span.raised.my-cart {
  bottom: 5px;
}
.raised {
  position: relative;
  bottom: 8px;
}
/** Bookstore Navigation Menu - Offcanvas Mega Menu **/
.offcanvas-menu-large {
position: static !important;
text-align: center;
}
.offcanvas-dropdown-menu-large {
line-height: 1.2;
left: 0;
}
.offcanvas-dropdown-menu-link {
color: #666B6A;
font-weight: bold;
padding: 0.5rem 0;
white-space: normal;
transition: color .2s ease-in;
font-size: 1rem;
line-height: 1.25rem;
text-decoration: none;
display: block;
width: fit-content;
margin-left: 0.95rem;
}
.offcanvas-dropdown-menu-link:hover {
text-decoration: none;
cursor: pointer;
color: #C75300;
}
.offcanvas-dropdown-menu-link:focus {
/*outline: thin dotted;*/
}
.offcanvas-col-header {
color: #666b6a;
font-size: 18px;
white-space: nowrap;
font-weight: bold;
margin-bottom: 0.5rem;
}
.dropdown-item.offcanvas-list-item {
/*padding: 0.5rem 0;*/
padding: 0;
}
.navbar-offcanvas > .navbar-right > li > a > span.fa.fa-user, .navbar-offcanvas > .navbar-right > li > a > span.fa.fa-shopping-cart  {
font-size: 1.65em;
margin-top: -5px;
}
.offcanvas-menu-large a {
/*padding-left: 0.95rem;*/
padding-right: 1.55rem;
font-size: 0.99rem;
position: relative;
}
#apparel div li a.offcanvas-dropdown-menu-link{
font-weight: 500;
}
.RIT-nav .dropdown-menu {
width: 100%;
position: absolute;
right: 0;
background: #e9ecef;
border-radius: 0;
margin: 0;
overflow: hidden;
}
.RIT-nav .dropdown-menu::before {
content: "";
position: absolute;
top: -20px;
left: 0;
width: 100%;
height: 20px;
box-shadow: 0 0 20px rgba(0,0,0,0.4);
}
.RIT-nav .nav-item:hover .dropdown-menu {
z-index: 1000;
display: block;
visibility: visible;
left: 0;
}
.RIT-nav .nav-item > a.dropdown-toggle::after, .RIT-nav .nav-item > span.dropdown-toggle::after {
position: relative;
top: 0;
font-size: 1rem;
transition: transform 0.2s linear,top 0.2s linear;
}
.RIT-nav .dropdown-toggle::after {
width: .5rem;
height: .5rem;
margin-left: 0.5em;
border-top: 0.15em solid;
border-right: 0.15em solid;
border-left: 0;
transform: rotate(135deg);
}
.RIT-nav .nav-item > a::before, .RIT-nav .nav-item > span::before {
content: "";
position: absolute;
bottom: 0;
left: 0.35rem;
height: 8px;
width: calc(100% - 1.3rem);
background-color: #F76902;
visibility: hidden;
transform: scaleX(0);
transition: visibility 150ms ease-in-out 0s,transform 150ms ease-in-out 0s;
}
 .RIT-nav .nav-item > span:hover::before, .RIT-nav .nav-item > a:hover::before, .RIT-nav .nav-item.active > a::before, .RIT-nav .nav-item.active > span::before, .RIT-nav .nav-item.show-subnav > a::before, .RIT-nav .nav-item.show-subnav > span::before {
visibility: visible;
transform: scaleX(1);
}
.RIT-nav .dropdown-item:active, .dropdown-item:active {
background-color: transparent;
outline: none !important;
}
/** Bookstore Navigation Menu - Yamm **/
:root {
  --clr-orange: #C75300;
  --clr-grey-lt: #e9ecef;
  --col-gap: 80px;
}

.navbar {
  --bs-navbar-padding-y: 0;
}

.dropdown-menu {
  --bs-dropdown-padding-y: 0;
}

.yamm .nav,
.yamm .collapse,
.yamm .dropup,
.yamm .dropdown {
  position: static;
}

.yamm .nav {
  margin-left: auto;
  margin-right: auto;
}

.yamm .container {
  position: relative;
}

.yamm .dropdown-menu {
  left: 0;
  right: 0;
  border: none;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.yamm .yamm-content {
  padding: 0px 30px 20px 30px;
  background-color: var(--clr-grey-lt);
  width: 100%;
  padding-top: 1.25rem; /** Added 11.8.24 **/
}

.yamm .dropdown.yamm-fw .dropdown-menu {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  z-index: 9999;
}

@media (max-width: 1500px) {
  .yamm .dropdown.yamm-fw .dropdown-menu {
    width: 100%;
    z-index: 9999;
  }
}


.navbar-brand {
margin-right: auto;
margin-left: 1rem;
font-weight: bold;
font-size: calc(14px + 6 * ((100vw - 320px) / 448));
}

.navbar-brand-link {
color: #000;
}
    
.navbar-brand-link:hover {
color: #000;
text-decoration: none;
}

#mm-container-fluid {
  padding: 0;
}


#mmnavbar {
  display: flex !important;
  justify-content: center;
}

@media (max-width: 767px) {
  #mmnavbar {
    display: none !important;
  }

  #mmnavbar.show {
    display: flex !important;
  }
.navbar-nav > li.open > a {
color: #fff !important;
}
}

.yamm-row-flex {
  display: flex;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  gap: var(--col-gap);
  justify-content: center;
  flex-wrap: nowrap;
}

.yamm-col-flex {
  min-width: 200px;
  max-width: 200px;
}

.yamm-col-flex-sub {
  display: flex;
  gap: var(--col-gap);
}

.yamm-col-flex.top-level-section {
  width: 50%;
  display: flex;
  gap: 10%;
}

.yamm-col-flex > ul {
  list-style-type: none;
  padding: 0;
  color: white;
}

.yamm-col-flex h4 {
  color: white;
  display: block;
}

.yamm-col-flex h2 {
  color: #666B6A;
  font-size: 16px;
  white-space: nowrap;
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 15px;
}

.yamm-col-flex a {
  display: block;
  color: #666B6A;
  line-height: 1.25rem; /** Was 1.7**/
  white-space: normal;
  margin-left: 10px;
  width: fit-content;
  /*margin-bottom: 15px; removed 12.16.24 */
  font-size: 1rem;
font-weight: 500;
padding: 0.5rem 0;
}

.yamm-col-flex a.standalone {
  color: #666B6A;
  font-size: 16px;
  font-weight: bold;
  margin-left: 0;
 /* margin-bottom: 17px; removed 12.16.24 */
}

.yamm-col-flex a:hover {
  color: var(--clr-orange);
  transition: color, background-color 200ms ease;
  cursor: pointer;
}

.yamm-col-flex a:focus {
outline: thin dotted;
color: #666b6a;
text-decoration: none;
}



.yamm-col-flex > hr.xpad {
  margin-top: 60px;
}

.navbar-nav > li > a {
  font-size: 1rem; /** Was 1.1rem**/
  color: #727578;
  cursor: pointer;
  font-weight: 700;
}

.navbar-nav > li > a:hover {
color: #000;
} /* Added 10.29.24 */

.navbar-collapse {
  padding-left: 0;
  padding-right: 0;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: var(--clr-orange);
  background-color: transparent;
  transition: color 200ms ease;
  cursor: pointer;
}

.navbar-default .navbar-nav > li:hover > a {
  background-color: var(--clr-grey-lt) !important;
  transition: background-color 200ms ease;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: var(--clr-orange);
  transition: color 200ms ease;
}

@media (max-width: 1100px) and (min-width: 767px) {
  .yamm-col-flex a {
   /* font-size: 10px;  */
  }
}

@media (max-width: 992px) and (min-width: 768px) {
  .navbar-nav > li > a {
   /* font-size: 0.8rem; */
  }

  .yamm-small-width {
    /* min-width: 180px; */
  }
}

.navbar-default {
  background-color: white;
  border: none;
  border-radius: 0;
  border-bottom: 2px solid var(--clr-orange);
}

.dropdown-menu {
  background-color: #e9ecef;
}

.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > li > a {
  background-color: transparent !important;
}

@media (max-width: 1450px) {
  .nav > li > a {
    padding: 10px 10px;
  }
}

.yamm-no-gap {
  gap: 0;
}

.dropdown-toggle::after {
  /*content: none;*/
}

.navbar-expand-md .navbar-nav .nav-link {
  /*padding: 15px 35px;
  text-wrap: nowrap; REMOVED FOR OFFCANVAS*/
}

.navbar-expand-md .navbar-nav .nav-link:not(.dropdown-toggle):hover {
 /* background-color: var(--clr-grey-lt);*/
background-color: transparent;
}

@media (max-width: 1590px) {
  .navbar-expand-md .navbar-nav .nav-link {
    /*padding: 10px 10px; REMOVED 1.13.25 Dropdown issues*/
  }
}

.navbar-nav > li[bs5-open='true'] > a {
  color: #555;
  background-color: var(--clr-grey-lt);
}
@media (min-width: 1200px) and (max-width: 1399px) {
.navbar-expand-md .navbar-nav .nav-link {
padding-left: 0.95rem;
padding-right: 1.55rem;
}
.navbar-nav > li.onhover > a::after {
font-size: 0.99rem;
}
.yamm-col-flex h2 {
font-size: 0.99rem;
}
.yamm-col-flex a {
font-size: 0.99rem;
}
.yamm-col-flex a.standalone {
font-size: 0.99rem;
margin-left: 10px;
}
.yamm-col-flex {
min-width: 170px;
max-width: 170px;
}
}


@media (min-width: 768px) and (max-width: 991px) {
.navbar-expand-md .navbar-nav .nav-link {
padding: 1rem 0.95rem 1rem 0.35rem;
}
.navbar-nav > li.onhover > a::after {
font-size: 0.875rem;
}
.yamm-col-flex h2 {
font-size: 0.875rem;
}
.yamm-col-flex a {
font-size: 0.875rem;
}
.yamm-col-flex a.standalone {
font-size: 0.875rem;
margin-left: 10px;
}

.yamm-col-flex {
min-width: 130px;
max-width: 130px;
}
.yamm-about-content {
width: 170px !important;
}
.yamm-about-content a.standalone {
margin-left: 0;
}
}
/** End Bookstore Navigation Menu - Yamm **/

/** Homepage - Carousel - Slider **/
.carousel {
border-top: 1px solid lightgray;
border-bottom: 1px solid lightgray;
}
.carousel-control-prev, .carousel-control-next {
opacity: 1;
}
.carousel-control-prev-icon, .carousel-control-next-icon {
width: 3rem;
height: 3rem;
}
.carousel-control-prev-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23F76902'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")
}

.carousel-control-next-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23F76902'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
}
.carousel-indicators [data-bs-target] {
background-color: #C75300;
height: 24px;
width: 24px;
}

/* Homepage Products Content */
.home-products {
margin: 1.5rem 0;
}
.home-products-header {
text-align: center;
font-size: 3em;
color: #F76902;
font-weight: bold;
}

.home-products-item {
text-align: center;
padding-top: 30px;
}

.home-products-item p {
margin-bottom: 2rem;
}

.home-products-item a {
    font-size: 1.25em;
    color: #212529;
    text-decoration-color: transparent;
    font-weight: bold;
}

.home-products-item a:hover {
 text-decoration-color: #F76902;
}

.home-products-item img {
margin: 0 auto;
padding-top: 15px;
max-width: 300px;
max-height: 300px;
transition: transform 0.3s;
}
.home-products-item img:hover {
transform: scale(1.2);
}

.call-out-box {
text-align: center;
background-color: #F76902;
color: #fff;
}

.call-out-box p {
font-size: 1.5rem;
}

.call-out-box a {
font-size: 1.5rem;
color: #fff;
text-decoration: underline;
}

.email-signup-box {
text-align: center;
background-color: #D0D3D4;
}

/** Merchandise **/
.pageHelp {
margin-top: 0px;
color: #212529;
font-weight: bold;
text-decoration-color: transparent;
}
.pageHelp:hover {
color: #212529;
text-decoration-color: #f76902;
text-decoration-thickness: 0.125rem;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: transparent;
    border: none;
    color: #212529;
    font-weight: bold;
    text-decoration-color: transparent;
}
.pagination > .active > a {
    color: #606060;
    text-decoration: underline;
    text-decoration-thickness: 0.125rem;
    text-decoration-color: #212529;
}
.pagination > li > a, .pagination > li > span {
    color: #212529;
    border: none;
    font-weight: bold;
}

.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
 color: #000;
    text-decoration-color: #f76902 !important;
    text-decoration: underline;
    text-decoration-thickness: 0.125rem;
background-color: transparent;
}
.chevRight > a, .chevLeft > a {
    color: #f76902 !important;
}
.chevRight > a:hover, .chevLeft > a:hover {
    color: #000 !important;
    text-decoration-color: #f76902 !important;
    text-decoration: underline;
    text-decoration-thickness: 0.125rem;
}
.merchLink {
 color: #212529;
font-weight: bold;
text-decoration-color: transparent;
}

.merchLink:hover {
color: #212529;
text-decoration-color: #f76902;
text-decoration-thickness: 0.125rem;
}
.merchTitle {
font-weight: 600;
}
#goToTop {
  z-index: 9;
}

.newBadge {
  font-size: 1.18rem;
}

/*** Cards ***/
.card {
border: none;
}

.card-header {
background-color: #dee2e6;
color: #000;
}

/*** Shopping Cart ***/

#cart-rightCard {
z-index: 0;
}

/*** Login ***/

.register-wrapper a.btn-primary {
color: #fff;
}

/*** Checkout ***/

#shippingMethod-h1, #shippingMethod-h2, #shippingAddress-h1, #shippingAddress-h2, #shippingMethod-change, #shippingAddress-change, #shippingAddressGuest-h1, #shippingAddressGuest-h2, #guestAddress-change { 
color: #000; 
} 
.helpSection-phoneWrapper > .helpSection-phoneIcon, 
.helpSection-emailWrapper > .helpSection-emailIcon,
.helpSection-returnWrapper > .helpSection-returnIcon { 
color: #000; 
} 
.paymentBilling-change {
font-size: 1.167rem;
letter-spacing: 0;
}

.paymentBilling-change:hover {
color: #727578;
text-decoration-color: transparent;
text-decoration-thickness: 0.125rem;
}

#shippingPolicy {
        color: #212529;
  }

/** Custom Pages / SiteText Pages **/
.btn--page {
font-family: "Helvetica Neue";
font-weight: bold;
padding: 10px 20px;
border-radius: 0;
}
.orange-text {
color: #C75300;
}
.page--item p {
margin-bottom: 2rem
}
.textbook-col-content-container {
width: 375px;
margin-left: auto;
margin-right: auto;
}

h2.page--title, h1.page--title {
font-size: 2.25rem;
line-height: 2.5rem;
font-weight: bold;
letter-spacing: -.20px;
color: #212529;
}

.page--item p.page--subhead {
margin-bottom: 1rem;
font-size: 1.5rem;
font-weight: bold;
line-height: 1.2;
color: #212529;
}

.page--item h3 {
font-size: 2rem;
line-height: 2.25rem;
margin-top: 0;
font-weight: bold;
letter-spacing: -.20px;
color: #212529;
}

.rit-table .table-header {
font-size: 1.25rem;
}

/** Accordion **/

.accordion-custom .accordion-button {
color: #000;
font-weight: bold;
}

.accordion-custom .accordion-button:after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23C75300'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
}

/*--------------------------------------------------------------*/
/*---- RIT CAMPUS CSS - Header & Footer Tags -------*/
/*--------------------------------------------------------------*/
/*--------------------------------------------------------------*/
/*----- Start Global CAMPUS - CSS Header/Footer------*/
/*--------------------------------------------------------------*/
.font-weight-bold {
    font-weight: 700;
}

#header--top > .container, #header--middle > .container {
    max-width: 100%;
    padding-left: 30px;
    padding-right: 30px;
}
#header--top .nav-link {
    position: relative;
    padding: 0.75rem 0.39rem;
    font-size: .56rem;
    color: #fff;
    white-space: nowrap; 
}

.no-link-underlines a, .no-link-underlines button {
    text-decoration: none; 
}
a.white-on-black:hover {
    /*color: #c75300 !important;*/
}

a.white-on-black:active {
   /* color: #727578;*/
}

a.white-on-black:focus {
    /*outline: thin dotted;*/
}
#header--top #nav--global--right {
margin-right: -15px;
}
#header--top #nav--global--right .nav-link:first-child {
    padding-left: .5rem;
}
#nav--global--right::after {
    content: ' ';
    position: absolute;
    right: -30px; /*Adjusted for inSite*/
    top: 0;
    width: 20px;  /*Adjusted for inSite*/
    height: 100%;
    background-color: #F76902;
}

#header--top #nav--global--right .nav-link {
    padding: 0.75rem 0.251rem;
    text-shadow: -1px -1px 0 #C75300,1px -1px 0 #C75300,-1px 1px 0 #C75300,1px 1px 0 #C75300;
    transition: color .2s ease-in-out,text-shadow .2s ease-in-out;
}

#header--top #nav--global--right .bg-rit-orange {
    background-color: #C75300 !important;
    background: #C75300 url("https://www.rit.edu/marketing/drupal8base/sites/all/themes/uwbase/rit_bootstrap_2019/images/cta/bg-rit-orange.gif") repeat;
}

#header--top #nav--global--right .nav-link:visited, #header--top #nav--global--right .nav-link:hover, #header--top #nav--global--right .nav-link:active, #header--top #nav--global--right .nav-link:focus {
    text-shadow: none;
}

a.white-on-orange:hover {
    color: #000 !important;
}

a.white-on-orange:active {
    color: #F6BE00 !important;
}

a.white-on-orange:focus {
    /*outline: thin dotted;*/
}
#header--middle--logo a.logo {
  width: 60px;
  height: 25px;
}
#header--middle--logo a.logo svg {
  width: 100%;
  height: 100%;
  fill: #F76902;
}
#header--middle--site-text .h2, #header--middle--site-text .h2 a.larger-part-1 {
  font-size: 2rem;
  letter-spacing: -0.05rem;
  line-height: 1;
}
#header--middle--static-links .nav-link::after {
  left: 0.46rem;
  right: 0.46rem;
  bottom: -3px;
}
#header--middle--static-links .nav-link {
  padding: 0.5rem 0.46rem;
  font-size: .7rem;
  position: relative;
}

a.black-on-white {
    color: #000;
}

a.black-on-white:hover {
  color: #C75300;
}

a.black-on-white:active {
  color: #727578;
}

#mobile-header {
    border-bottom: 1px solid #ccc;
}

#mobile-header a.logo {
    width: 64px;
    height: 31px;
}
#mobile-header a.logo svg {
    fill: #f76902;
}


#footer--global {
  color: #ced4da;
}
#footer > section > .container {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

#footer a:not(.social-link) {
  color: #ced4da;
  font-size: .75rem;
}

#footer--global--top-left--rit-logo a {
  width: 300px;
  height: 50px;
}

#footer--global--top-left--rit-logo a svg {
  fill: #fff;
}

#footer .address-content p {
  line-height: 1.25rem;
  font-weight: 500;
}

#footer p {
  font-size: .75rem;
}

#footer h5, #footer #footer--site--bottom ul.nav-0 > li.expanded > .nav-link, #footer--site--bottom #footer ul.nav-0 > li.expanded > .nav-link, #footer #footer--site--bottom ul.nav-0 > li > a.nav-link, #footer--site--bottom #footer ul.nav-0 > li > a.nav-link, #footer .h5, #footer .twitter-block .twitter-block--header, .twitter-block #footer .twitter-block--header {
    margin-bottom: 0.75rem;
    font-size: .9rem;
}


#footer ul.menu--social {
  margin-top: -1rem;
}

ul.menu--social li {
  transition: background-color 200ms ease;
}

ul.menu--social li a {
  width: 42px;
  height: 42px;
  padding: 0;
  padding-top: 0.45rem;
  color: #000000;
  font-size: 1.167rem;
  text-align: center;
  transition: color 200ms ease;
}

ul.menu--social li:hover {
  color: #fff;
  background-color: #F76902 !important;
  border-radius: 50%;
}

ul.menu--social li:active {
  background-color: #727578 !important;
  border-radius: 50%;
}

ul.menu--social li a:hover, ul.menu--social li a:active {
  color: #fff;
}

#footer--site--top-middle ul.menu--social li a {
color: #fff;
}

#footer--site--top-left--site-logo img {
height: 33px;
max-height: 33px;
}

.btn-lg {
    padding: 0.625rem 1.25rem;
    font-size: 1.167rem;
    line-height: 1.5;
    border-radius: 0;
} /* If inSite butttons are too large, we'll need to target this one for the Footer buttons */

.btn-outline-secondary {
border-color: #6c757d;
}

.btn-outline-secondary:hover {
background-color:  #6c757d;
border-color: #6c757d;
}

#footer a.btn-lg, #footer a.btn-primary:not(.btn-sm) {
  font-size: 0.875rem;
}
#footer--global .btn-lg {
padding: 0.625rem 1.7rem;
}

.bg-gray-300 {
  background-color: #dee2e6 !important;
}

#footer #footer--site--bottom ul.nav > li.menu-level-0 > .nav-link, #footer--global--middle .nav .nav-link {
  font-size: 1.125rem;
  line-height: 1.25rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  margin-bottom: 0;
}

.nav-link:hover, .nav-link:focus {
  text-decoration: none;
}

a.white-on-black:active {
  color: #727578 !important;
}

#footer--global--bottom p {
  line-height: 1.4rem;
}

#footer--global--bottom a {
  text-decoration: underline;
}

#footer--global--bottom a:not(.btn):active {
  color: #727578 !important;
}

#footer--site {
  background-color: #e9ecef;
}
#footer--site--bottom ul.nav-0 {
display: block;
}
#footer--site--bottom ul.nav-0 > li {
}
#footer--site--bottom ul.nav-0 > li.expanded > .nav-link::after {
  position: absolute;
  top: auto;
  left: inherit;
  right: 1rem;
  width: .65rem;
  height: .65rem !important;
  background-color: transparent !important;
border-top: 0.15em solid;
border-right: 0.15em solid;
border-left: 0;
transition: transform 0.2s linear,top 0.2s linear;
transform: rotate(135deg);
}

#footer--site--bottom ul.nav-0 > li.expanded > .nav-link:not(.collapsed)::after {
top: calc(50% - .3rem + 5px);
transform: rotate(-45deg);
}

#footer--site--bottom ul.nav-0 > li::after {
display: block;
content: '';
height: 1px;
background-color: #ced4da;
}

#footer--site--bottom ul.nav-0 > li.expanded > .nav-link, #footer--site--bottom ul.nav-0 > li > a.nav-link, #header--mobile--title-bar a.rit-main {
  font-weight: bold;
  transition: color .2s ease-in-out;
  letter-spacing: -.20px;
  color: #212529;
  padding-left: 0; 
}
#footer--site--bottom ul.nav-0 > li > ul.nav, #footer--site--bottom ul.nav-0 > li .nav-container {
  margin-bottom: 3rem;
  display: none;
}
#footer--site--bottom ul.nav-0 > li > ul.nav li, #footer--site--bottom ul.nav-0 > li .nav-container li {
  width: 100%;
}

#footer--site--bottom ul.nav-0 > li > ul.nav li a, #footer--site--bottom ul.nav-0 > li .nav-container li a {
  padding: 0.25rem 0;
  line-height: 1rem;
  position: relative;
  display: inline-block;
}

#footer--site a.footer-nav--link-header {
color: #495057;
font-size: .855rem;
font-weight: bold;
}

#footer--site p, #footer--site a:not(.social-link) {
  color: #495057;
}

#footer--global .main-nav-links .nav-link {
font-size: 0.875rem;
line-height: .875rem;
padding: 0.8rem 0;
padding-right: 1.4rem;
margin-bottom: 0;
text-decoration-color: transparent;
}

#footer--global .main-nav-links a.nav-link:hover {
    color: #fff;
    text-decoration: underline #F76902 solid 0.12rem;
} 
#footer--global .copyright-disclaimer-etc p {
  line-height: 1.3rem;
}

#footer--global .copyright-disclaimer-etc a, #footer--global .copyright-disclaimer-etc p {
  color: #969696;
  font-size: .75rem;
}

#footer--global .copyright-disclaimer-etc a {
  padding-top: .19rem;
  padding-bottom: .19rem;
text-decoration: none;
}

#footer--global .copyright-disclaimer-etc a:hover {
text-decoration: underline;
text-decoration-thickness: 0.125rem;
}

#footer--global .copyright-disclaimer-etc a:active {
color: #727578;
}

#footer--global .copyright-disclaimer-etc a:focus {
outline: thin dotted;
}

.margin-x-n15 {
margin-right: -15px;
margin-left: -15px;
}

.mt-n3 {
margin-top: -1rem;
}

.padding-x-15px {
padding-left: 15px;
padding-right: 15px;
}

#footer--site .nav-0.list-unstyled {
margin-bottom: 0;
}



/*--------------------------------------------------------------*/
/*----- END Global CAMPUS - CSS Header/Footer------*/
/*--------------------------------------------------------------*/

/*------------------------------------------------------------------------*/
/*----- START MEDIA TAGS CAMPUS - CSS Header/Footer------*/
/*------------------------------------------------------------------------*/
/** Start min-width 576px **/
@media (min-width: 576px) {
#footer--global .container, .RIT-nav .container {
max-width: 540px;
}
}
/** End min-width 576px **/

/** Start min-width 768px / max-width 778px **/
@media (min-width: 768px) and (max-width: 778px) {
#header--top > .container, #header--middle > .container {
padding-left: 20px;
padding-right: 20px;
}
}
/** End min-width 768px / max-width 778px **/

/** Start min-width 768px **/
@media (min-width: 768px) {
  #footer > section > .container {
    padding-top: 4.5rem;
    padding-bottom: 4.5rem;
  }
  #footer #footer--site--bottom ul.nav > li.menu-level-0 > .nav-link, #footer--global--middle .nav .nav-link {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    margin-bottom: 0.25rem;
    position: relative;
    display: inline;
    white-space: normal;
  }
  #footer--site--bottom ul.nav-0 > li {
    max-width: 100%;
    border-top: 0;
  }

#footer #footer--site--bottom ul > li.menu-level-0 > .nav-link, #footer--global .main-nav-links .nav-link {
font-size: .875rem !important;
line-height: .875rem;
padding: 0.8rem 0;
padding-right: 1.4rem;
margin-bottom: 0 !important; 
}


  #footer--site--bottom ul.nav-0 > li.expanded > .nav-link::after {
    /*display: none;*/
  }
  #footer--site--bottom ul.nav-0 > li > ul.nav, #footer--site--bottom ul.nav-0 > li .nav-container {
    display: block;
  }
#footer--global .container, .RIT-nav .container  {
max-width: 720px;
}
}
/** End min-width 768px **/
/** Start min-width 880px**/
@media (min-width: 880px) {
    .col-mdlg-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }
    #header--top .nav-link {
        padding: 0.75rem 0.6rem;
    }
.col-mdlg-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }
    #header--top #nav--global--right .nav-link:first-child {
        padding-left: 1rem
    }
    #header--top #nav--global--right .nav-link {
        padding: 0.75rem 0.6rem;
    }
  #header--middle--logo a.logo {
    width: 83px;
    height: 34px;
  }
  #header--middle--static-links .nav-link::after {
    left: 0.61rem;
    right: 0.61rem;
  }
  #header--middle--static-links .nav-link {
    padding: 0.5rem 0.61rem;
    font-size: 0.8rem;
  }
#footer--global .container, .RIT-nav .container  {
max-width: 840px;
}

}
/** End min-width 880px**/
/** Start min-width 992px **/
@media (min-width: 992px) {
    #header--top .nav-link {
        font-size: .69rem;
    }
  #header--middle--static-links .nav-link::after {
    left: 0.75rem;
    right: 0.75rem;
  }
  #header--middle--static-links .nav-link {
    padding: 0.5rem 0.75rem;
    font-size: 0.875rem;
  }
.text-lg-left {
text-align: left !important;
}
  #footer--site--bottom ul.nav-0 > li {
   
  }
#footer--global .container, .RIT-nav .container  {
max-width: 960px;
}
}
/** End min-width 992px **/
/** Start min-width 992px / max-width 1199.98 **/
@media (min-width: 992px) and (max-width: 1199.98px) {
#footer--global nav.social {
width: 53.25%;
}
}
/** End min-width 992px / max-width 1199.98 **/

/** Start min-width 1200px **/
@media (min-width: 1200px) {
    #header--top .nav-link {
        padding: 0.75rem 0.5625rem;
        font-size: 0.75rem;
    }
    #header--top #nav--global--right .nav-link {
        padding: 0.75rem 0.5625rem;
    }
  #header--middle--site-text .h2, #header--middle--site-text .h2 a.larger-part-1 {
    margin-top: 0.2rem;
    font-size: 2.05rem;
  }
  #header--middle--static-links .nav-link::after {
    left: 0.9375rem;
    right: 0.9375rem;
  }
  #header--middle--static-links .nav-link {
    padding: 0.5rem 0.9375rem;
  }
#footer--global .container, .RIT-nav .container  {
max-width: 1140px;
}
}
/** End min-width 1200px **/
/** Start min-width 1460px **/
@media (min-width: 1460px) {
  #header--middle--site-text .h2, #header--middle--site-text .h2 a.larger-part-1 {
    font-size: 2.25rem;
  }
#footer--global .container, #footer--site .container, .RIT-nav .container  {
max-width: 1400px;
}
}
/** End min-width 1460px **/

/** Start max-width 991px **/
@media (max-width: 991px) {
#footer--site .container, .RIT-nav .container  {
max-width: 840px;
}
}
/** End max-width 991px **/
/** Start max-width 879.98px **/
@media (max-width: 879.98px) {
#footer--global .container {
max-width: 100%;
}
.pl-0-mobile {
padding-left: 0px;
}

}
/** End max-width 879.98px **/
/** Start max-width 767px **/
@media (max-width: 767px) {
#footer > section > .container {
padding-left: 20px;
padding-right: 20px;
}
#footer--site .container {
max-width: 100%;
}
}
/** End max-width 767px **/

/*------------------------------------------------------------------------*/
/*----- END MEDIA TAGS CAMPUS - CSS Header/Footer------*/
/*------------------------------------------------------------------------*/

/*------------------------------------------------------------------------*/
/*---------------- START MEDIA TAGS inSite CSS -----------------*/
/*------------------------------------------------------------------------*/

/** Start min-width 1200px / max-width 1459px - inSite CSS **/
@media (min-width: 1200px) and (max-width: 1459px) {
.page-container {
max-width: 1140px;
}
.RIT-nav .nav-item > a.nav-link {
padding-left: 0.95rem;
padding-right: 1.55rem;
font-size: 0.99rem;
}
}
/** End min-width 1200px / max-width 1459px - inSite CSS **/

/** Start max-width 1200px - inSite CSS **/
@media (max-width: 1200px) {
.home-products-item img {
max-width: 200px;
max-height: 200px;
}
}
/** End max-width 1200px - inSite CSS **/

/** Start min-width 992px / max-width 1199px - inSite CSS **/
@media (min-width: 992px) and (max-width: 1199px) {
.page-container {
max-width: 960px;
}
.textbook-col-content-container {
width: 275px;
}
.RIT-nav .nav-item > a.nav-link {
padding-left: 0.65rem;
padding-right: 1.25rem;
font-size: 0.9rem;
}
.offcanvas-dropdown-menu-large a.offcanvas-dropdown-menu-link {
font-size: 1rem;
padding: 0.5rem 0;
}
#H_Search.max_width300 {
width: 25%;
}
#headericons {
padding-top: 8px;
padding-right: 10px;
margin-left: 0.5rem;
}
#headericons span.fa {
font-size: 2.25em;
padding: 0 4px;
}
.span-cart-items {
top: 16%;
}
}
/** End min-width 992px / max-width 1199px - inSite CSS **/

/** Start min-width 992px / max-width 1050px - inSite CSS **/
@media (min-width: 992px) and (max-width: 1050px) {
#headericons {
padding-top: 15px;
}
}
/** End min-width 992px / max-width 1050px - inSite CSS **/



/** Start max-width 991px - inSite CSS **/
@media (max-width: 991px) { 
/** Fixes Mobile issues Checkout page **/
.coCheckoutBtnWrap { 
z-index: 1000; 
    }}
/** End max-width 991px - inSite CSS **/

/** Start min-width 880px - inSite CSS **/
@media (min-width: 880px) {
.RIT-nav .nav-item > a.dropdown-toggle::before {
left: 0.45rem;
width: calc(100% - 1.5rem);
}
}

/** End min-width 880px - inSite CSS **/

/** Start min-width 992px - inSite CSS **/
@media (min-width: 992px) { 
/** Fixes Desktop issues Checkout page **/
.coRightSticky { 
z-index: 999; 
} 
.RIT-nav .nav-item > a.dropdown-toggle::before {
left: 0.65rem;
width: calc(100% - 1.9rem);
}
}
/** End min-width 992px - inSite CSS **/

/*--------------------------------------------*/
/** Start min-width 1200px - inSite CSS**/
/*--------------------------------------------*/
@media (min-width: 1200px) {
.RIT-nav .nav-item > a.dropdown-toggle::before {
width: calc(100% - 3.5rem);
}
.RIT-nav .nav-item > a::before {
left: 0.95rem !important;
}
}
/*--------------------------------------------*/
/** End min-width 1200px - inSite CSS**/
/*--------------------------------------------*/

/*--------------------------------------------*/
/** Start min-width 1460px - inSite CSS **/
/*--------------------------------------------*/
@media (min-width: 1460px) {
.page-container {
max-width: 1460px;
}
.RIT-nav .nav-item > a.dropdown-toggle::before {
left: 1.25rem !important;
width: calc(100% - 3.1rem);
}
.RIT-nav .nav-item > a.nav-link {
padding-left: 1.25rem;
padding-right: 1.875rem;
font-size: 1.125rem;
}
}
/*--------------------------------------------*/
/** End min-width 1460px - inSite CSS **/
/*--------------------------------------------*/

/*--------------------------------------------*/
/** Start min-width 880px / max-width 991px - inSite CSS **/
/*--------------------------------------------*/
@media (min-width: 880px) and (max-width: 991px) {
.page-container {
max-width: 840px;
}
.RIT-nav .nav-item > a.nav-link {
padding-left: 0.45rem;
padding-right: 1.05rem;
font-size: 0.8rem;
}
.offcanvas-dropdown-menu-large a.offcanvas-dropdown-menu-link {
font-size: 1rem;
padding: 0.5rem 0;
}
}
/** End min-width 880px / max-width 991px - inSite CSS **/

/** Start min-width 768px / max-width 879px - inSite CSS **/
@media (min-width: 768px) and (max-width: 879px) {
.page-container {
max-width: 720px;
}
.RIT-nav .nav-item > a.nav-link {
padding-left: 0.35rem;
padding-right: 0.95rem;
font-size: 0.75rem;
}
.offcanvas-dropdown-menu-large a.offcanvas-dropdown-menu-link {
font-size: 0.875rem;
padding: 0.5rem 0;
}
}
/** End min-width 768px / max-width 879px - inSite CSS **/

/** Start min-width 768px - inSite CSS **/
@media (min-width: 768px) {
.fa-mobile-user, .cart-mobile, .navbar-toggler-link {
display: none;
}
}

/** End min-width 768px - inSite CSS **/

/** Start min-width 768px / max-width 991px - inSite CSS **/


@media (min-width: 768px) and (max-width: 991px) {
#H_Search.max_width300 {
width: 23%;
top: 0%;
}
#headericons {
padding-top: 8px;
margin-top: 0;
padding-right: 0;
}
#headericons span.fa {
font-size: 2em;
padding: 0;
}
.span-cart-items {
top: 14%;
}
.textbook-col-content-container {
width: 200px;
}
}
/** End min-width 768px / max-width 991px - inSite CSS **/



/** Start max-width 767px - inSite CSS **/
@media (max-width: 767px) {
/** Start - Yam Nav Mobile **/
/**
  .yamm .dropdown.yamm-fw .dropdown-menu {
    box-shadow: none;
    width: 100%;
z-index: 9999;
  }
 .yamm .yamm-content {
  background-color: #000;
  }
  #mm-container-fluid {
    margin: 10px 0px;
  }
.yamm-row-flex {
    flex-direction: column;
    width: 100%;
  }
.yamm-col-flex {
  min-width: 100%;
  }
  .yamm-col-flex h2 {
    font-size: 1.5rem;
 color: #adb5bd;
  }
  .yamm-col-flex a {
  font-size: 1rem;
  line-height: 1.5rem;
  padding: 0.5rem 0; 
  color: #adb5bd;
  margin-left: 0px;
  margin-bottom: 0px;
  width: auto;
}

.yamm-col-flex a.standalone {
    color: #adb5bd;
    font-size: 1rem;
margin-left: 0px;
    margin-bottom: 0px;
    font-weight: 500;
} */

  .mobile-border-top {
  border-top: 1px solid #343a40;
  }

 /* .navbar-default {
    top: 250px;
    position: static;
  }

  .yamm-col-flex.top-level-section {
    flex-direction: column;
  }

  .yamm-row-flex {
    align-items: flex-start;
    gap: 0;
  }

  #mmnavbar-collapse {
    justify-content: flex-start;
  }

#mm-test-ul {
padding-top: 0.5rem;
margin-left: 0;
margin-right: 0;
width: 100%;
}
#mmnavbar {
background-color: #000;
padding-left: 0.5rem;
padding-right: 0.5rem;
} */

.navbar-expand-md .navbar-nav .nav-link, .RIT-nav a.nav-link {
color: #fff;
font-size: 1.6rem;
line-height: 1.75rem;
/*padding: 0.5rem 1rem;*/
padding: 0.5rem 0.5rem;
}
.navbar-expand-md .navbar-nav .nav-link:not(.dropdown-toggle):hover {
background-color: transparent !important;
color: #f76902;
}
.dropdown-toggle::after {
        content: "";
    }

  .navbar-nav > li > a {
    text-align: left;
    justify-content: flex-start;
  }

  .nav.navbar-nav * {
    text-align: left;
  }

  /*.yamm-col-flex-sub {
    flex-direction: column;
    gap: 0;
   width: 100%;
  }*/

/** End - Yam Nav Mobile **/

.textbook-col-content-container {
width: 90%;
}
.mt-0_75rem {
margin-top: 0.75rem;
}
.RIT-nav .dropdown-menu {
position: static;
}
.RIT-nav .nav-item:hover .dropdown-menu {
display: none;
}
.RIT-nav .dropdown-menu.offcanvas-dropdown-menu.offcanvas-dropdown-menu-large.show {
display: block;
--bs-dropdown-link-hover-bg: transparent;
}
.offcanvas-menu-large .dropdown-menu:not(.show) {
display: none; 
}
.fa-mobile-user, .cart-mobile {
display: block;
}
.desktop-cart, .desktop-user {
display: none;
}
.offcanvas-customer-account {
display: flex;
justify-content: start;
padding-left: 2rem;
align-items: baseline
 }
.fa-mobile-user .fa.fa-user {
color: #fff;
font-size: 2.6rem;
margin-right: 0.5rem;
}
.cart-mobile .fa.fa-shopping-cart-mobile {
color: #fff;
font-size: 2.6rem;
}
.span-cart-items {
color: #000;
font-size: 18px;
/*top: 6.25%;*/
top: 8%;
left: 22%
}
.RIT-nav .nav-item > span:hover::before, .RIT-nav .nav-item > a:hover::before, .RIT-nav .nav-item.active > a::before, .RIT-nav .nav-item.active > span::before, .RIT-nav .nav-item.show-subnav > a::before, .RIT-nav .nav-item.show-subnav > span::before {
visibility: hidden;
}
.RIT-nav a.nav-link:hover {
color: #F76902;
}
.RIT-nav .dropdown-menu {
background-color: transparent;
}
.mobile-padding {
  padding-left: 0;
  padding-right: 0;
}
 .offcanvas-col-header {
 color: #adb5bd;
 }
.offcanvas-menu-large a {
 color: #adb5bd;
 font-weight: 400;
 line-height: 1.5rem;
 font-size: 1rem;
display: block;
padding-left: 0;
width: 100%;
}
.dropdown-item.offcanvas-list-item {
padding-top: 0;
padding-bottom: 0;
}
.navbar-toggler-link {
 display: block;
  color: #000;
  font-size: calc(14px + 6 * ((100vw - 320px) / 448));
}
.lcsSelect {
margin-bottom: 0;
}

#merchQTY {
margin-top: 0;
margin-bottom: 0;
}
}
/** End max-width 767px - inSite CSS **/

/** Start min-width 576px / max-width 767px  - inSite CSS **/
@media (min-width: 576px) and (max-width: 767px) {
.page-container {
max-width: 540px;
}
}
/** End min-width 576px  / max-width 767px - inSite CSS **/

@media (max-width: 380px) {
.span-cart-items {
left: 23%;
top: 8.1%;
}
}
@media (max-width: 360px) {
.span-cart-items {
top: 8%;
}
}

@media (max-width: 350px) {
.span-cart-items {
left: 23.5%;
top: 7.8%;
}
}

@media (max-width: 335px) {
.span-cart-items {
left: 24%;
top: 7.5%;
}
}

@media (max-width: 315px) {
.span-cart-items {
left: 25.5%;
top: 7.5%;
}
}


/*------------------------------------------------------------------------*/
/*------------------ END MEDIA TAGS inSite CSS -------------------*/
/*------------------------------------------------------------------------*/