@font-face {
  font-family: "FolioStd";
  src: url("fonts/FolioStd-Medium.woff2") format("woff2"),
       url("fonts/FolioStd-Medium.woff") format("woff"),
       url("fonts/FolioStd-Medium.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "FolioStd";
  src: url("fonts/FolioStd-Bold.woff2") format("woff2"),
       url("fonts/FolioStd-Bold.woff") format("woff"),
       url("fonts/FolioStd-Bold.otf") format("opentype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

html {
  scroll-behavior: smooth;
}

:root {
  --brand-rentals-primary-color: #AE3134; /* primary color */
  --brand-rentals-secondary-color: #000; /* secondary color */
  --brand-rentals-nav-gradient: linear-gradient(to bottom, #a52a2c 6%, #cf393b 24%, #a52a2c 44%, #5a191a 97%, #cf393b 100%); /* third */
  --brand-rentals-gradient: radial-gradient(circle,rgba(174, 49, 52, 1) 0%, rgba(133, 45, 44, 1) 100%);;
  --brand-rentals-gradient-on-hover: radial-gradient(circle,rgba(174, 49, 52, 1) 0%, rgba(103, 13, 22, 1) 100%);
  --white-rentals-color: #FFFFFF; /* white */ 
  --body-rentals-font: 'Open Sans', Helvetica, Arial, sans-serif;
  --body-hero-title-rentals-font: "Folio Std", "Open Sans", sans-serif;/* header and title font family */
  --section-background-gradient: radial-gradient(50% 50% at 50% 50%, #FFF 0%, #F6F6F6 100%);
  --large-btn-padding:  15px 78px 10px 78px;  
  --small-btn-padding:  4px 15px;  
  --large-btn-font-size:  18px;
  --large-btn-font-transition: background-color 0.5s ease;
}
html {
  font-size: 16px; /* Base size */
}
html {
  -webkit-font-smoothing: antialiased; /* For WebKit-based browsers */
  -moz-osx-font-smoothing: grayscale; /* For Firefox on macOS */
}

/**************************************     HEADER     ************************************************/
.container .rentals-store {
  font-family: 'Open Sans', sans-serif;
}
.rentals-store {
  width: 100vw;
  position: relative;
  margin-left: -50vw;
  left: 50%;
  box-sizing: border-box;
  padding: 0px;
  background-color: white;
  box-shadow: none;
}
.rentals-store > .row-fluid {
  max-width: 1170px;
  margin: 0 auto;
  padding: 10px 0px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.rentals-store .logo-rentals-sws .img1 {
  padding-left: 0px;
  margin-right: 0px;
}
.rentals-store .rentals-item{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
}
.rentals-store .span9.row-fluid{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
}
.rentals-store .span4{
  margin-left: 0;
}
.rentals-store .rentals-item .rentals-application-title{
  position: relative;
  left: 18px;
  border-top: 2px solid var(--brand-rentals-primary-color);
  border-bottom: 2px solid var(--brand-rentals-primary-color);
}
.rentals-store .rentals-item p.application-title{
  color: black;
  font-size: 17px;
  margin: 11px 7px 7px;
  font-weight: 500;
  font-family: var(--body-hero-title-rentals-font);
}
.rentals-store .rentals-item .rentals-application-img{
  width: 28%;
  opacity: 15%;
}
/**************************************     NAV     ************************************************/
.rentals-store .input-append.subheading-nav {
  position: relative;
  background: var(--brand-rentals-nav-gradient);
  z-index: 1;
  margin-top: 0px;
}
.rentals-store .input-append.subheading-nav::after {
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: linear-gradient(to bottom, rgba(255,255,255,0.15) 0%, transparent 40%);
  z-index: 2;
  pointer-events: none;
}
.rentals-store ul.nav.nav-pills{
  float: right;
  margin-bottom: 0px;
}
.rentals-store .nav-pills > li:not(:last-child) > a {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: 15px;
  margin-left: 15px;
}
.rentals-store .nav-pills>li>a {
  background-color: transparent;
  color: white;
  font-size: 16px;
  font-weight: 500;
  font-family: var(--body-hero-title-rentals-font);
}
.rentals-store .nav.nav-pills > :first-child > a.nav-home-icon{
  width: 17px;
  height: auto;
  padding-top: 5px;
}
 a#rentals-categories-products {
  background-color: transparent;
}
.dropdown-menu.rentals-whole-cateogies-list-menu{
  width: 300px;
  left: -222px !important;
  border-radius: 0px;
  background-color: var(--white-rentals-color);
  font-family: var(--body-hero-title-rentals-font);
  opacity: 1;
  border: 2px solid var(--brand-rentals-primary-color);
  top: 32px;
  text-align: left;
  padding: 5px 12px 0px;
  font-size: 16px;
  color: var(--brand-rentals-primary-color) !important;
  padding: 10px;
}
.rentals-whole-cateogies-list-menu .dropdown-header {
  line-height: 1.5;
  font-family: var(--body-hero-title-rentals-font);
  font-weight: 500;
  font-size: 16px;
  text-align: left;
  display: block;
  text-decoration: none;
}
.rentals-store .dropdown-menu li.dropdown-header>a,
.rentals-store .dropdown-menu li.dropdown-submenu>a {
  color: var(--brand-rentals-secondary-color);
  text-decoration: none;
} 
.rentals-store .nav-pills .open .dropdown-toggle{
  background-color: transparent;
}
.rentals-store .dropdown-menu li>a {
  padding: 5px 5px 2px;
  clear: both;
  line-height: 25px;
  font-weight: 500;
}
.rentals-store .dropdown-menu li.line-height-decriase>a {
  line-height: 20px;
}
.rentals-store .dropdown-menu li.line-height-decriase-fr>a {
  line-height: 20px;
}
.rentals-store .dropdown .dropdown-menu .dropdown-submenu:focus,
.rentals-store .dropdown .dropdown-menu .dropdown-submenu:active{
  color: var(--white-rentals-color) !important;
  background-color: var(--brand-rentals-primary-color) !important;
}
.rentals-store ul.dropdown-menu.pull-left{
  left: 100% !important;
  right: auto !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  width: auto;
  border-radius: 0px !important;
  border: 1px solid var(--brand-rentals-primary-color);
  padding: 10px;
}
.gts-sub-level{
  width: 15em;
}
.rentals-store .dropdown-menu li>a:hover, 
.dropdown-menu li>a:focus, 
.dropdown-submenu:hover>a {
  color: var(--white-rentals-color) !important;
  background-color: var(--brand-rentals-primary-color) !important;
}
.rentals-store .dropdown-submenu>a:after {
  display: none;
  float: right;
  width: 0;
  height: 0;
  margin-top: 5px;
  margin-right: -17px;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0px 5px 5px;
  content: " ";
}
.rentals-store .dropdown-submenu .chevron {
  float: right;
  font-size: 18px;
  margin-top: -1px;
  color: var(--brand-rentals-primary-color);
  margin-left: 10px;
  font-weight: 500;
  transition: transform 0.3s ease;
}
.rentals-store .dropdown-submenu.two-lines-name .chevron {
  margin-top: -10px;
}

/* Move it slightly to the right when hovering the link */
.dropdown-submenu>.dropdown-toggle:hover .chevron {
  transform: translateX(4px); 
  color: var(--white-rentals-color);
}
.rentals-store .dropdown-submenu .rentals-flex-dropdown{
  display: flex;
  gap: 6px;
  width: 23rem !important;
  margin-left: 0;
}
.rentals-store-french.rentals-store .dropdown-submenu .rentals-flex-dropdown {
  display: flex;
  gap: 6px;
  width: 28rem !important;
  margin-left: 0;
}
.rentals-store .dropdown-submenu .rentals-flex-dropdown .rentals-flex-child-dropdown{
  padding: 0px;
  text-align: left;
  list-style-type: none;
}
.rentals-store .dropdown-submenu .rentals-flex-dropdown .rentals-flex-child-dropdown:last-child{
  border-left: 1px solid #e5e5e5;
  padding-left: 6px;
}
.rentals-store .dropdown-submenu .rentals-flex-dropdown .rentals-flex-child-dropdown ul{
  margin-left: 0px;
}
.rentals-store .dropdown-submenu .rentals-flex-dropdown .rentals-flex-child-dropdown ul>li{
  list-style-type: none;
}
.rentals-store .dropdown-submenu .rentals-flex-dropdown .rentals-flex-child-dropdown ul>li>a{
  white-space: normal;
}


/**************************************     SEARCH BAR     *******************************************/
.rentals-store .span7.rentals-search{
  margin: 0;
}
.rentals-store .span7.rentals-search form.navbar-search.pull-right {
  margin-left: 0px;
  float: right;
  margin-top: 5px;
  margin-bottom: 5px;
  width: 100%;
  border: 1px solid #000;
}
.rentals-store .span7.rentals-search form.navbar-search.pull-right  input#ProductSearch {
  width: 96%;
  margin-bottom: 0px;
  border-radius: 0px;
  border: none;
  font-size: 14px;
  font-family: 'Open Sans';
}
.rentals-store .span7.rentals-search form.navbar-search.pull-right  input[type="text"]{
  color: #AE3134;
}
.rentals-store .span7.rentals-search form.navbar-search.pull-right input[type="text"]:focus{
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #51515199;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #51515199;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #51515199;
}
.rentals-store .span7.rentals-search-french form.navbar-search.pull-right  input#ProductSearch {
	width: 96%;
	margin-bottom: 0px;
	font-size: 10.2px;
}
.rentals-store .span7.rentals-search form#ProductDisplayForm button.btn.btn-default i.icon-search,
.rentals-mobile .mobile-search button .icon-search {
  margin-top: 1px !important;
}
.rentals-store .span7.rentals-search .btn{
  padding: 6px 6px;
}
/* Style for the  button */
.rentals-store .span7.rentals-search form#ProductDisplayForm button.btn.btn-default {
  background-color: white;
  border-radius: 0%;
  border: 1px solid #000;
  width: 43px;
  height: 43px !important;
  position: absolute;
  right: -1px;
  top: -1px;
  transition: background-color 0.4s ease;
  z-index: 2
}

/* Input focus styling */
.rentals-search input.refine-search.appendInputButton:focus {
  color: #000;
  box-shadow: none;
}
.rentals-search input.refine-search.appendInputButton::-webkit-input-placeholder {
  /* Chrome, Opera, Safari */
  color: #000;
}
.rentals-search input.refine-search.appendInputButton:-moz-placeholder {
  /* Firefox 4-18 */
  color: #000;
}
.rentals-search input.refine-search.appendInputButton::-moz-placeholder {
  /* Firefox 19+ */
  color: #000;
}
.rentals-search input.refine-search.appendInputButton:-ms-input-placeholder {
  /* IE 10-11 */
  color: #000;
}
.rentals-search input.refine-search.appendInputButton::-ms-input-placeholder {
  /* MS Edge */
  color: #000;
}
.rentals-search input.refine-search.appendInputButton::placeholder {
  /* your styles */
  color: #000;
}


@media (max-width: 1199px) {
/**************************************     HEADER     ************************************************/
.rentals-store > .row-fluid {
  max-width: 940px;
  margin: 0 auto;
}
.rentals-store .logo-rentals-sws .img1 {
  padding-left: 0;
  margin-right: 0px;
  width: auto;
}
.rentals-store .span9.row-fluid {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start
}
.rentals-search.offset1 {
  margin-left: 0 !important;
}
.rentals-search.span7{
  float: right !important;
  width: 63%;
}
.rentals-store .span4 {
  margin-left: 0;
  width: 37%;
}

.rentals-store .rentals-item p.application-title {
  font-size: 18px;
}
.rentals-store .rentals-item .rentals-application-img {
  width: 23%;
}

/**************************************     SEARCH BAR     *******************************************/  
.rentals-store .span7.rentals-search form.navbar-search.pull-right {
  margin-left: 0px;
  float: right;
  margin-top: 0px;
  margin-bottom: 0px;
  width: 95%;
}
.rentals-store .span7.rentals-search form.navbar-search.pull-right input#ProductSearch {
  width: 90%;
}
  
}

@media (max-width: 979px) {
/**************************************     HEADER     ************************************************/
.navbar-inner.rentals-mobile{
  background: white;
  border-bottom: none;
}
.rentals-mobile > .row-fluid {
  display: flex;
  align-items: center;
  margin-top: 5px;
  padding-top: 0px;
}
.rentals-mobile > .row-fluid > .span4{
  flex: 1;
}
.rentals-mobile > .row-fluid > .span8{
  padding-top: 0;
  flex: 2;
  margin-left: 0;
}
.rentals-mobile .logo-rentals-sws img.img1.brandlogo{
  display: block;
}
.rentals-mobile .span8 .input-append.mobile-search{
  display: flex;
  flex-direction: row;
  gap: 1.5rem;
  align-items: center;
  justify-content: space-evenly;
  margin-top: 0;
}
.input-append.mobile-search > .span4{
  position: relative;
}
.rentals-mobile-french.rentals-mobile .input-append.mobile-search > .span4 {
  margin-left: 0px;
}
.rentals-mobile .rentals-item .rentals-application-title{
  position: relative;
  display: flex;
  align-items: center;
  float: inline-end;
}
.rentals-mobile-french.rentals-mobile .rentals-item .rentals-application-title{
  position: relative;
  display: flex;
  align-items: center;
  float: inline-end;
  right: 4px;
}
.rentals-mobile .rentals-item p.application-title{
  color: black;
  font-size: 17px;
  padding: 10px 7px 7px;
  font-weight: 500;
  font-family: var(--body-hero-title-rentals-font);
  border-top: 2px solid var(--brand-rentals-primary-color);
  border-bottom: 2px solid var(--brand-rentals-primary-color);
}
.rentals-mobile .rentals-item .rentals-application-title img{
  opacity: 15%;
  max-height: 68px;
  width: auto;
  position: relative;
  right: 2.2rem;
}

.rentals-mobile .rentals-item .rentals-application-img img{
  display: block;
  max-width: 100%;
  height: auto;
  width: 85%;
}
/**************************************     NAV     ************************************************/
.rentals-mobile .sws-mobile-header-nav.accordion{
  margin-top: 0px;
  margin-bottom: 0px;
  width: 100vw !important;
  position: relative;
  margin-left: -50vw;
  left: 50%;
}
.rentals-mobile .sws-mobile-header-nav .nav.navbar-Rental-subsite {
  background: var(--brand-rentals-nav-gradient);
}
.rentals-mobile li>a:hover {
  color: var(--brand-rentals-primary-color) !important;
  background-color: #ffffff8f !important;
}
.rental-boder-left-mobile {
  box-shadow: inset 2px 0px 0px 0px #dddddc;
}
.rentals-mobile .mobile-first-nav-list {
  width: 23%;
}
.rentals-mobile .mobile-second-nav-list {
  width: 20%;
}
.rentals-mobile .mobile-third-nav-list {
  width: 16%;
}
.rentals-mobile .mobile-fourth-nav-list {
  width: 41%;
}
.rentals-mobile.rentals-mobile-french .mobile-first-nav-list {
  width: 19%;
}
.rentals-mobile.rentals-mobile-french .mobile-second-nav-list {
  width: 22%;
}
.rentals-mobile.rentals-mobile-french .mobile-third-nav-list {
  width: 17%;
}
.rentals-mobile.rentals-mobile-french .mobile-fourth-nav-list {
  width: 42%;
}

.rentals-mobile .sws-mobile-header-nav .nav>li>a
/* , 
.rentals-mobile .sws-mobile-header-nav .nav>li:hover>a */
 {
  padding: 6px 0px;
  text-align: center;
  font-weight: 500;
  font-size: 16px;
  font-family: var(--body-hero-title-rentals-font);
}
ul.accordion-group.accordion-inner.nav.mshow.padding{
  background: var(--brand-rentals-gradient-on-hover) !important;
  border-radius: 0;
  border-top: 2px solid white;
  padding: 10px 0;
}
.rentals-mobile .rental-mobile-sub-nav ul li>a{
  text-align: left;
  margin: 0;
  padding: 1px;
  color: white;
  border-radius: 0;
  font-weight: 500;
}
.rentals-mobile .rental-mobile-sub-nav .dropdown-submenu>a:after {
  display: none;
}
.rentals-mobile .rental-mobile-sub-nav ul li{
  padding: 1px 15px;
}
.rentals-mobile .rental-mobile-sub-nav li.dropdown-header>a,
.rentals-mobile .rental-mobile-sub-nav li.dropdown-submenu>a,
.rentals-mobile .rental-mobile-sub-nav li.dropdown-submenu:hover>a {
  text-align: left;
  padding-left: 5px;
  line-height: 20px;
}
.rentals-mobile .rental-mobile-sub-nav li.dropdown-submenu.sub-sub-level>a {
  padding-left: 0px;
}
.rentals-mobile .rental-mobile-sub-nav ul.dropdown-menu.pull-left{
  border-left: 1px solid var(--brand-rentals-primary-color);
  margin-left: 6px;
}
.rentals-mobile .rental-mobile-sub-nav .dropdown-submenu a.dropdown-toggle{
  background-color: transparent !important;
  color: white !important;
  font-weight: 500;

}
.rentals-mobile .rental-mobile-sub-nav .dropdown-submenu .rentals-mobile-itm-dropdown{
  padding-left: 0;
}
.rentals-mobile .rental-mobile-sub-nav .dropdown-submenu .rentals-mobile-itm-dropdown ul.rentals-flex-dropdown{
  margin-left: 0px !important;
  list-style: none;
}
.rentals-mobile .rental-mobile-sub-nav .dropdown-submenu .rentals-mobile-itm-dropdown ul.rentals-flex-dropdown li.rentals-flex-child-dropdown{
  padding-left: 0px 
}
.rentals-mobile .rental-mobile-sub-nav .dropdown-submenu .rentals-mobile-itm-dropdown ul.rentals-flex-dropdown li.rentals-flex-child-dropdown >ul{
  list-style: none;
  margin-left: 0;
}
/**************************************     SEARCH BAR     *******************************************/  
.rentals-mobile .span6.rentals-search{
  margin: 0;
  margin-left: 0px;
  margin-right: 0px;
}
.rentals-mobile .span6.rentals-search form#ProductDisplayForm{
  margin-top: 0;
  margin-bottom: 0;
  background-color: white;
  width: 100%;
  padding: 0;
}
.rentals-mobile .span6.rentals-search form.navbar-search  input#ProductSearch{
  border: 1px solid black;
  border-radius: 0px;
  background-color: white;
  font-size: 15px;
  font-family: 'Open Sans';
  width: 100%;
}
.rentals-mobile .span6.rentals-search-french form.navbar-search  input#ProductSearch {
	width: 96%;
}
.rentals-mobile .span6.rentals-search form.navbar-search input#CategoryCategory{
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
.rentals-mobile .span6.rentals-search form.navbar-search  input[type="text"]{
  color: #AE3134;
}
.rentals-mobile .span6.rentals-search form.navbar-search input[type="text"]:focus{
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #51515199 !important;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #51515199 !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #51515199 !important;
}
.rentals-mobile .span6.rentals-search form#ProductDisplayForm button.btn.btn-default i.icon-search,
.rentals-mobile .mobile-search button .icon-search {
  margin-top: 1px !important;
}
/* Style for the  button */
.rentals-mobile .span6.rentals-search form#ProductDisplayForm button.btn.btn-default {
  border-radius: 0%;
  border: 1px solid #000;
  width: 43px;
  height: 43px !important;
  position: absolute;
  top: 0px;
  transition: background-color 0.4s ease;
  z-index: 2;
  margin-top: 0px !important;
  background-color: white;
  margin-left: -43px;
}

}
  
@media (max-width: 767px) {
/**************************************     HEADER     ************************************************/
.rentals-mobile .logo-rentals-sws img.img1.brandlogo {
  display: block;
  visibility: visible;
  margin-right: 10px;
}
.rentals-mobile .span6.rentals-search {
  margin-left: 10px;
  margin-right: 10px;
}
.rentals-mobile .span8 .input-append.mobile-search {
  justify-content: flex-start;
  gap: 2.5rem;
  flex-wrap: nowrap;
}
.input-append.mobile-search > .span4 {
  margin-bottom: 0;
  right: 25px;
}
.rentals-mobile .rentals-item p.application-title {
  font-size: 16px;
  padding: 8px 7px 5px;
}
.rentals-mobile-french.rentals-mobile .rentals-item .rentals-application-title {
  position: relative;
  display: flex;
  align-items: center;
  float: inline-end;
  right: 4px;
  justify-content: space-between;
}
.rentals-mobile .rentals-item .rentals-application-title img {
  /* width: 31%; */
  right: 1.2rem;
  max-height: 57px;
}
.rentals-mobile-french.rentals-mobile .rentals-item .rentals-application-title {
  right: 0px;
}

/**************************************     SEARCH BAR     *******************************************/  
.rentals-mobile .span6.rentals-search form.navbar-search input#ProductSearch {
  height: 28px !important;
}
.rentals-mobile .span6.rentals-search form#ProductDisplayForm button.btn.btn-default {
  width: 38px;
  height: 38px !important;
  margin-top: 0px !important;
  margin-left: -38px;
  padding: 5px 9px;
}

}

@media (max-width: 600px) {
/**************************************     HEADER     ************************************************/
.rentals-mobile > .row-fluid {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.rentals-mobile > .row-fluid > .span4 {
  width: 50%;
  margin-bottom: 8px;
}
.rentals-mobile .logo-rentals-sws img.img1.brandlogo {
  margin-bottom: -18px;
  margin-top: -10px;
  margin-right: 0px;
}
.rentals-mobile > .row-fluid > .span8 {
  padding-top: 0;
  margin-left: 0;
  margin-bottom: 0;
}
.rentals-mobile-french.rentals-mobile > .row-fluid > .span8 {
  margin-bottom: 8px;
}
.rentals-mobile .span6.rentals-search {
  margin-left: 0px;
  margin-right: 0px;
}
.rentals-mobile .span8 .input-append.mobile-search {
  justify-content: flex-start;
  gap: 0.5rem;
  flex-wrap: nowrap;
  margin-bottom: 6px;
}
.input-append.mobile-search > .span4 {
  margin-bottom: 0px;
  right: -20px;
}
.rentals-mobile .rentals-item .rentals-application-title {
  position: relative;
  float: inline-end;
  align-items: center;
}
.rentals-mobile .rentals-item p.application-title {
  font-size: 14px;
  padding: 7px 0px 4px;
}
.rentals-mobile .rentals-item .rentals-application-title img {
  /* width: 42%; */
  max-height: 57px;
}
/**************************************     SEARCH BAR     *******************************************/  
.rentals-mobile .span6.rentals-search form.navbar-search input#ProductSearch {
  font-size: 14px;
  width: 100%;
  height: 23px !important;
}
.rentals-mobile .span6.rentals-search form#ProductDisplayForm button.btn.btn-default {
  width: 33px;
  height: 33px !important;
  margin-left: -33px;
  margin-top: 0px !important;
}
/**************************************     NAV     ************************************************/
.rentals-mobile.rentals-mobile-french .mobile-first-nav-list {
  width: 19%;
}
.rentals-mobile.rentals-mobile-french .mobile-second-nav-list {
  width: 26%;
}
.rentals-mobile.rentals-mobile-french .mobile-third-nav-list {
  width: 17%;
}
.rentals-mobile.rentals-mobile-french .mobile-fourth-nav-list {
  width: 38%;
}

}

@media (max-width: 480px) {
/**************************************     HEADER     ************************************************/
.rentals-mobile .span8 .input-append.mobile-search {
  gap: 1.5rem;
}
.rentals-mobile .rentals-item p.application-title {
  padding: 6px 0px 3px;
}
.rentals-mobile .rentals-item .rentals-application-title img {
  max-height: 44px;
} 

/**************************************     NAV     ************************************************/
.rentals-mobile.rentals-mobile-french .mobile-second-nav-list {
  width: 28%;
}
.rentals-mobile.rentals-mobile-french .mobile-third-nav-list {
  width: 15%;
}
.navbar-inner.rentals-mobile .sws-mobile-header-nav .nav>li>a,
.rentals-mobile .rental-mobile-sub-nav li.dropdown-submenu>a,
.rentals-mobile .rental-mobile-sub-nav ul li>a{
  font-size: 0.95em;
}

}

@media (max-width: 399px) {
/**************************************     HEADER     ************************************************/
.rentals-mobile > .row-fluid > .span4 {
  max-width: 60%;
  margin-bottom: 0px;
}
.rentals-mobile .logo-rentals-sws img.img1.brandlogo {
  width: 100%;
  margin: 0;
  margin-bottom: -7px;
}
.rentals-mobile .span6.rentals-search {
  margin-right: 2rem;
}
.input-append.mobile-search > .span4 {
  right: 0px;
  margin-left: 1rem;
}
.rentals-mobile .span8 .input-append.mobile-search {
  gap: 1rem;
}
.rentals-mobile .rentals-item .rentals-application-title img {
  max-height: 44px;
  right: 1.8rem;
} 

/**************************************     NAV     ************************************************/
.rentals-mobile.rentals-mobile-french .mobile-first-nav-list {
  width: 17%;
}
.rentals-mobile.rentals-mobile-french .mobile-second-nav-list {
  width: 32%;
}
.rentals-mobile.rentals-mobile-french .mobile-third-nav-list {
  width: 8%;
}
.rentals-mobile.rentals-mobile-french .mobile-fourth-nav-list {
  width: 43%;
}
.navbar-inner.rentals-mobile .sws-mobile-header-nav .nav>li>a{
  font-size: 0.75rem;
}

}
@media (max-width: 329px) {
/**************************************     HEADER     ************************************************/
.rentals-mobile > .row-fluid {
  margin-top: 0px;
  padding-top: 0px;
}
.rentals-mobile .logo-rentals-sws img.img1.brandlogo {
  margin-bottom: -14px;
}
.rentals-mobile-french.rentals-mobile > .row-fluid > .span8 {
  margin-bottom: 0px;
}
/**************************************     NAV     ************************************************/
.navbar-inner.rentals-mobile .sws-mobile-header-nav .nav>li>a,
.rentals-mobile .rental-mobile-sub-nav li.dropdown-submenu>a,
.rentals-mobile .rental-mobile-sub-nav ul li>a {
  font-size: 0.8em;
}

} 

/**************************************     HERO     ************************************************/

.SWS-mobile-setting .rental-sws-store{
      margin-top: -15px;
    width: 100vw !important;
    position: relative;
    margin-left: -50vw;
    left: 50%;
    margin-bottom: 0px;
    background-image:url(/images/pages/rental-program/rental-icon-bg.svg), url(/images/pages/rental-program/Hero-gradient-background.png) ;
    background-position: 45% center, center;
    background-repeat: no-repeat, no-repeat;
    background-size: 600px, cover;
    height: 400px;
}

.SWS-mobile-setting #myCarousel .hero-content{
    max-width: 1170px;
    width: 100%;
    display: grid;
    grid-template-columns: 1.5fr 1.5fr;
    align-items: start;
    padding: 44px 20px 0;
    height: 100%;
    margin: 0 auto;
    padding-bottom: 5em;  
}

.SWS-mobile-setting .hero-image.carousel-1{
    position: relative; 
    display: inline-block; 
  padding-left: 30px;
}

.SWS-mobile-setting .hero-image.carousel-1 img{
  background: radial-gradient(circle, rgba(255, 255, 255, 0.6) 0%,rgba(255, 255, 255, 0.6) 50%, transparent 50.1%);
}

.SWS-mobile-setting .text-content h1 {
  text-align: right;
 font-family: var(--body-hero-title-rentals-font);
  font-size: 58px;
  font-style: normal;
  font-weight: 750;
  line-height: normal;
  text-transform: uppercase;
  color: transparent;
  -webkit-text-stroke-width: 1.5px;
  -webkit-text-stroke-color: #FFF;
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

/* .SWS-mobile-setting .text-content h1 span{
    color: #FFF;
    -webkit-text-stroke-width: 0px;
    padding-top: 8px;
    border-top: 3px solid #fff;
    border-bottom: 3px solid #fff;
    height: 62px;
    max-height: 62px; 
    display: flex;
    width: 305px;
} */

.rental-sws-store .text-content img{
  width: 88%;
  margin-top: 2%;
}

.SWS-mobile-setting .text-content{
  text-align: right;
  padding-right: 45px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: flex-end;
}

.SWS-mobile-setting .rentals-carousel-bg-image.carousel-1 .hero-image.carousel-1{
padding-left: 18%;
}

.SWS-mobile-setting .text-content p{
  color: #FFF;
font-family: var( --body-hero-title-rentals-font);
font-size: 17px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-transform: uppercase;
margin-bottom: 50px;
}

.SWS-mobile-setting .text-content a{
  background-color: #fff;
  color: var(--brand-rentals-primary-color);
  font-family: var(--body-hero-title-rentals-font);
font-size: var(--large-btn-font-size);
font-style: normal;
font-weight: 500;
line-height: normal;
text-transform: uppercase;
padding: var( --large-btn-padding);
border-bottom: 2px solid #fff;
border-top: 2px solid #fff;
transition: var(--large-btn-font-transition);
width: fit-content;
}
.row-fluid.rental-sws-store .hero-content .text-content p{
    line-height: 1.3em;
    margin-bottom: 5%;
}
.carousel-inner .hero-content a{
  font-size: 17px;
  padding: 13px 64px 8px;
  margin-bottom: 2%;
}

.SWS-mobile-setting .text-content a:hover{
  background-color: rgba(255, 255, 255, 0.2);
  color: #fff ;
}

/**************************************     BODY     ************************************************/

.welcome-to-rentals{
  padding-top: 40px;
  padding-bottom: 40px;
}
.welcome-to-rentals .grid-container{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  margin-top: 104px;
}

.welcome-to-rentals .grid-item{
  background-image: url(/images/pages/rental-program/welcome-to-rentals-boxes-bg.png);
  padding: 20px ;
  text-align: center;
  background-size: cover;
}

.welcome-to-rentals .grid-item h3, .welcome-to-rentals .grid-item p{
  color:#fff;
  text-align: center;
}

.welcome-to-rentals .grid-item h3{
  font-family: var(--body-hero-title-rentals-font);
  font-weight: 500;
  font-size: 20px;
}

.welcome-to-rentals .grid-item p{
  font-size: 16px;
  line-height: 24px;
  font-family: var(--body-rentals-font);
}

.welcome-to-rentals .grid-item img{
  width: auto;
  height: 50px;
}

.welcome-to-rentals .span4 h2, .why-rent-with-us .span8 h2, .how-it-works h2, .browse-categories h2, .best-price-guaranteed h2, .featured-products-section h2, .rentals-faq h1.category-title{
  text-transform: uppercase;
  font-family: var( --body-hero-title-rentals-font);
  border-bottom: 2px solid var(--brand-rentals-primary-color) ;
  border-top: 2px solid var(--brand-rentals-primary-color) ;
  padding-top: 10px;
  padding-bottom: 2px;
  width: fit-content;
  margin-bottom: 30px;
  font-size: 22px;
  color: var(--brand-rentals-secondary-color);
}

/* word animation */

.word-rotate {
  display: inline-block;
  position: relative;
  width: 7.5em; 
  height: 1.2em;
  overflow: hidden;
  top: 2px;
}

.rental-fr .word-rotate{
  width: 15em;
}

.word-rotate span {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  opacity: 0;
  animation: rotateWords 12s linear infinite;
}

.word-rotate span:nth-child(1) {
  animation-delay: 0s;
}
.word-rotate span:nth-child(2) {
  animation-delay: 3s;
}
.word-rotate span:nth-child(3) {
  animation-delay: 6s;
}
.word-rotate span:nth-child(4) {
  animation-delay: 9s;
}

@keyframes rotateWords {
  0% { opacity: 0; }
  8% { opacity: 1; }
  25% { opacity: 1; }
  33% { opacity: 0; }
  100% { opacity: 0; }
}

/* word animation - end */

.welcome-to-rentals .span4 h2 span{
  color:var(--brand-rentals-primary-color) ;
}

.welcome-to-rentals .span4 p , .why-rent-with-us .span8 p, .best-price-guaranteed .span6 p{
  font-size: 16px;
  line-height: 28px;
  padding-right: 20px;
  color: var(--brand-rentals-secondary-color);
}

 .best-price-guaranteed .span6 p{
  margin-bottom: 60px;
 }

 .why-rent-with-us .span8{
  padding-left: 60px;
}

.why-rent-with-us .why-rent-with-us_icons-container{
    display: flex;
    justify-content: space-between;
    height: fit-content;
    margin-top: 50px;
    
}

.why-rent-with-us .why-rent-with-us_icons-container .why-rent-us_icons{
      width: 100%;
    height: fit-content;
    text-align: center;
    background-image: unset;
}

.why-rent-with-us .why-rent-with-us_icons-container .why-rent-us_icons img{
   width: 50px;
   height: auto;
   margin-bottom: 10px;   
}

.why-rent-with-us .why-rent-with-us_icons-container p{
   padding-right: 0px;
}

.why-rent-with-us .span4{
  height: 100px;
  background-image: url(/images/pages/rental-program/why-rent-with-us-image.jpg);
  background-size: cover;
  background-position: center;
  height: 100%;
  border-radius: 0px;
}

/* .why-rent-with-us::before, .browse-categories::before, .featured-products-section::before{
  content: "";
  background:var(--section-background-gradient) ;
  width: 100vw;
 height: 637px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  border-bottom: 2px solid var(--brand-rentals-primary-color) ;
  border-top: 2px solid var(--brand-rentals-primary-color) ;
} */

 /*.why-rent-with-us, .browse-categories,*/ .featured-products-section, .welcome-to-rentals,  .how-it-works{ 
  background:var(--section-background-gradient) ;
  width: 100vw;
  margin-left: 50%;
  transform: translate(-50%, 0%);
  border-bottom: 2px solid var(--brand-rentals-primary-color) ;
  border-top: 2px solid var(--brand-rentals-primary-color) ;
  padding-top: 40px;
  padding-bottom: 40px; 
}

/* .why-rent-with-us .section-container, .browse-categories .section-container, .featured-products-section .section-container, .row-fluid.welcome-to-rentals .section-container,  .how-it-works .section-container{ */
 .featured-products-section .section-container, .row-fluid.welcome-to-rentals .section-container, .how-it-works .section-container{
  max-width: 1142px;/*1170px;*/
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.featured-products-section .grid-container_featured-products-section .grid-item.featured-product img{
  height: 200px;
  width: auto;
  object-fit: contain;
  display: block;
  margin: 0 auto;
}

.why-rent-with-us .section-container{
    height: 477px;
    max-height: 100%;
}

.why-rent-with-us .span4 img{
  margin-top: -47px;
}

/* how it works section */

.how-it-works .how-it-works-items {
  /* padding-bottom: 150px; */
  padding-bottom: 66px;
}

.how-it-works .how-it-works-items h3 {
  font-family: var(--body-hero-title-rentals-font);
  color: var(--brand-rentals-secondary-color);
  font-weight: 500;
  font-size: 20px;
}

.how-it-works .how-it-works-items p {
  color: #000;
  font-family: var(--body-rentals-font);
  font-size: 18px;
  line-height: 34px;
}

.how-it-works, .best-price-guaranteed {
  position: relative;
  margin-top: 40px;
  margin-bottom: 40px;
}

.how-it-works{
border-bottom: none;
margin-bottom: 0;
}

.progress-bar {
  position: absolute;
  left: 0;
  top: 93px;
  bottom: 133px;
  width: 4px;
  background-color: #eee;
  transform: translateX(-50%);
  z-index: 1;
}

.progress-indicator {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 0;
  background-color: #a1181c;
  transform-origin: top;
  transition: height 0.4s ease;
  z-index: 2;
  transform-origin: top;
  transition: height 0.4s ease;
}

.how-it-works-items h3,
.how-it-works-items p {
  color: #999;
  opacity: 0.4;
  transition: color 0.4s ease, opacity 0.4s ease;
}

.how-it-works-items.visible h3,
.how-it-works-items.visible p {
  color: #000;
  opacity: 1;
}

.how-it-works-items .span1 {
  position: relative;
}

.how-it-works-items .circle {
  width: 25px;
  height: 25px;
  background-color: #eee;
  border-radius: 50%;
  position: absolute;
  left: -29.5%;
  transition: background-color 0.3s ease;
  z-index: 3;
}

.how-it-works-items .circle.active {
  background-color: #a1181c;
}

.why-rent-with-us a {
  color: var(--brand-rentals-primary-color);
  text-decoration: underline;
  font-weight: 700;
}

@media (max-width: 780px) {
  .progress-bar {
    left: 25.4%;
  }

  .how-it-works-items .circle {
    left: -40%;
  }
}


/* end animation */
.browse-categories .grid-conteiners{
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(3, 1fr);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  /* margin-right: 65px;
  margin-left: -49px; */
}

.browse-categories .grid-conteiners .grid-item{
  text-align: center;
  padding: 20px 0px;
 
}

.browse-categories .grid-conteiners .grid-item img{
  width: 64px;
  height: auto;
  margin-bottom: 10px;
}

.browse-categories .grid-conteiners .grid-item p a{
  font-weight: 700;
  color: var(--brand-rentals-secondary-color);
}

.browse-categories{
  position: relative;
}


.best-price-guaranteed .span6 a{
 background: var(--brand-rentals-gradient);
 padding: var(--large-btn-padding);
 font-size: var(--large-btn-font-size);
 font-family: var(--body-hero-title-rentals-font);
 color: #fff;
 margin-bottom: 80px;
 transition: var(--large-btn-font-transition);
 text-transform: uppercase;
}

.best-price-guaranteed .span6 a:hover{
  background: var(--brand-rentals-gradient-on-hover);
}

.best-price-guaranteed .span6 img.best-pratice-stamp{
    width: 174px;
    height: auto;
    margin-bottom: -43px;
    rotate: 27deg;
}

.best-price-guaranteed .span6 img{
    width: 501px;
    height: auto;
   
}

.best-price-guaranteed .span6:last-of-type{
  text-align: right;
}

/* .featured-products-section .featured-product img{
 width: 188px;
 
} */

.grid-container_featured-products-section {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 14px;
grid-row-gap: 0px;
}


/* .featured-products-section .featured-product.prod-03 img{
  width: 97px;
}

.featured-products-section .featured-product.prod-04 img{
  width: 77px;
} */

.featured-products-section .featured-product .featured-product-btn {
  background: var(--brand-rentals-gradient);
  padding: var(--small-btn-padding);
  color: #fff;
  font-weight: 600;
  font-size: 16px;
  width: 55%;
  margin-left: auto;
  margin-right: auto;
  text-transform: uppercase;
}

.itm-french-content .featured-products-section .featured-product .featured-product-btn{
   font-size: 12px;
}

.featured-products-section .featured-product .featured-product-btn:hover{
  background: var(--brand-rentals-gradient-on-hover);
}

.featured-products-section .featured-product{
  text-align: center;
  padding: 30px 20px;
   border-top: 2px solid #AE3134;
  background:
    linear-gradient(to bottom, #AE3134, #fff) left,
    linear-gradient(to bottom, #AE3134, #fff) right;
  background-repeat: no-repeat;
  background-size: 2px 100%;
  background-position: left top, right top;
  height: 360px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.featured-products-section .featured-product h3{
  font-size: 14px;
  font-weight: 600;
}

.featured-products-section .featured-product h3, .featured-products-section .featured-product p{
  color: var(--brand-rentals-secondary-color);
}
.row-fluid.navbar.taxonomy-breadcrumbs.sws-breadcrumbs {
    display: none;
}

@media (max-width: 1199px) {
/**************************************     HEADER     ************************************************/

/**************************************     NAV     ************************************************/

/**************************************     SEARCH BAR     *******************************************/  

/**************************************     HERO     ************************************************/
.SWS-mobile-setting #myCarousel .hero-content, .why-rent-with-us .section-container, .browse-categories .section-container, .featured-products-section .section-container, .row-fluid.welcome-to-rentals .section-container, .how-it-works .section-container {
  max-width: 910px;
}

.SWS-mobile-setting #myCarousel .hero-content{
  grid-template-columns: 1fr 2fr;
}
.SWS-mobile-setting .text-content h1{
  font-size: 54px;
}

.rental-sws-store .text-content img{
  margin-bottom: 20px;
  width: 523px;
  height: auto;
}

.itm-french-content .SWS-mobile-setting .text-content h1{
  font-size: 50px;
}

.SWS-mobile-setting .text-content{
  padding-right: 0px;
}

/**************************************     BODY     ************************************************/
.welcome-to-rentals .span4 h2, .why-rent-with-us .span8 h2, .how-it-works h2, .browse-categories h2, .best-price-guaranteed h2, .featured-products-section h2, .row-fluid.rentals-faq.terms-conditions h1.category-title, .row-fluid.rentals-faq h1.category-title{
  font-size: 16px;
  line-height: 36px;
}

.itm-french-content .welcome-to-rentals .span4 h2, .itm-french-content .why-rent-with-us .span8 h2, .how-it-works h2, .itm-french-content 
.browse-categories h2, .itm-french-content .best-price-guaranteed h2, .itm-french-content .featured-products-section h2{
  font-size: 15px;
}

.welcome-to-rentals .grid-item img{
  height: 50px;
}

.welcome-to-rentals .grid-item h3{
  font-size: 16px;
  line-height: 18px;
}

.welcome-to-rentals .grid-item p{
  font-size: 14px;
  line-height: 24px;
}

.welcome-to-rentals .span4 p, .why-rent-with-us .span8 p, .best-price-guaranteed .span6 p{
  font-size: 14px;
  line-height: 26px;
}

.SWS-mobile-setting .hero-image.carousel-1{
  padding-left: 0px;
  display: flex;
  align-items: center;
  height: 100%;
}

.why-rent-with-us .span8{
  padding-left: 30px;
}
.how-it-works .how-it-works-items p{
  font-size: 16px;
  line-height: 32px;
}

.browse-categories .grid-conteiners{
  margin-right: 0px;
  margin-left: 0px;
}

.word-rotate{
  height: 1.6em;
  top: 2px;
}
.row-fluid.best-price-guaranteed.why-rent-with-us.cms-best-price.unique-best-price-section{
  padding-bottom: 0;
}

}
@media (max-width: 979px) {
/**************************************     HEADER     ************************************************/

/**************************************     NAV     ************************************************/

/**************************************     SEARCH BAR     *******************************************/  

/**************************************     HERO     ************************************************/
.itm-french-content .SWS-mobile-setting .text-content a{
  padding: 20px 40px 15px 40px;
}
/**************************************     BODY     ************************************************/

.how-it-works-items .circle{
  left: -36.5%;
}
.progress-bar{
  top: 132px;
}
.grid-container_featured-products-section{
  grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(2, 1fr);
grid-row-gap: 14px;
 }
.SWS-mobile-setting #myCarousel .hero-content, .why-rent-with-us .section-container, .browse-categories .section-container, .featured-products-section .section-container, .row-fluid.welcome-to-rentals .section-container, .how-it-works .section-container, .best-price-guaranteed{
  max-width: 90vw;
  margin: auto;
}
.row-fluid.best-price-guaranteed.why-rent-with-us.cms-best-price {
    max-width: /*96vw;*/100%;
}


}
  
@media (max-width: 767px) {
/**************************************     HEADER     ************************************************/

/**************************************     NAV     ************************************************/

/**************************************     SEARCH BAR     *******************************************/  

/**************************************     HERO     ************************************************/
.SWS-mobile-setting .hero-image.carousel-1 img{
  display: none;
}

.SWS-mobile-setting .rental-sws-store{
  margin-top: -4px;
}
/**************************************     BODY     ************************************************/
.navbar-inner.rentals-mobile {
    border-bottom: none;
}
.rentals-faq h1.category-title{
    margin-top: 1em !important;
    margin-bottom: 2em !important;  
}
.best-price-guaranteed .span6 a{
  font-size: 16px;
}
.best-price-cms-page{
  margin-top: -0.5%;
}
.SWS-mobile-setting .rental-sws-store{
  height: 350px;
}
/* .welcome-to-rentals, .how-it-works{
  max-width: 96vw;
  margin-left: auto;
  margin-right: auto;
} */
.welcome-to-rentals .grid-container{
  margin-top: 40px;
}
.why-rent-with-us .span4{
  height: 325px;
  margin-bottom: 30px;
  background-position-y: 27%;
}
.why-rent-with-us .section-container{
  height: fit-content;
}
.why-rent-with-us .span4 img{
 margin-top: -195px;
}
.how-it-works .how-it-works-items .span3, .how-it-works .how-it-works-items .span8 {
  margin-left: 10vw;
  width: 80vw;
}
.how-it-works h2{
  margin-left: 10vw;
}
.progress-bar{
  left: 2.5%;
}
.how-it-works-items .circle{
  left: 0.9%;
  top: -40px;
}

.best-price-guaranteed:not(.cms-best-price){
    max-width: 85vw;/*96vw;*/
    margin-left: auto;
    margin-right: auto;
}

.best-price-guaranteed .span6:last-of-type{
  margin-top: 35px;
}

.SWS-mobile-setting .text-content p{
  font-size: 16px;
}
.why-rent-with-us .span8{
  padding-left: 0px;
}
 .why-rent-with-us .section-container, .browse-categories .section-container, .featured-products-section .section-container, .row-fluid.welcome-to-rentals .section-container{
  max-width: 85vw;
}
.how-it-works{
  margin-bottom: -0.7em;
}
}

@media (max-width: 600px) {
/**************************************     HEADER     ************************************************/

/**************************************     NAV     ************************************************/

/**************************************     SEARCH BAR     *******************************************/  

/**************************************     HERO     ************************************************/
.SWS-mobile-setting .text-content h1{
  font-size: 52px;
}
.itm-french-content .SWS-mobile-setting .text-content h1{
  font-size: 40px;
}

.SWS-mobile-setting .text-content a{
  padding: 12px 40px 7px 40px;
  font-size: 16px;
}

.itm-french-content .SWS-mobile-setting .text-content a{
  font-size: 14px;
}

/**************************************     BODY     ************************************************/
.browse-categories .grid-conteiners{
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(4, 1fr);
}

.why-rent-with-us .span4{
  height: 226px;

}

.why-rent-with-us .span4 img{
  margin-top: -152px;
}
.how-it-works-items .circle{
  left: 0;
}
.SWS-mobile-setting #myCarousel .hero-content, .why-rent-with-us .section-container, .browse-categories .section-container, .featured-products-section .section-container{
  padding-left: 0px;
  padding-right: 0px;
}



}

@media (max-width: 480px) {
/**************************************     HEADER     ************************************************/

/**************************************     NAV     ************************************************/

/**************************************     SEARCH BAR     *******************************************/  

/**************************************     HERO     ************************************************/
.SWS-mobile-setting .text-content a{
  font-size: 14px;
}

.SWS-mobile-setting #myCarousel .hero-content{
  grid-template-columns: 1fr 8fr;
}
/**************************************     BODY     ************************************************/
.browse-categories .grid-conteiners{
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(5, 1fr);
}

.welcome-to-rentals .grid-container{
  display: block;

}
.welcome-to-rentals .grid-item{
  margin-bottom: 10px;
}

.grid-container_featured-products-section{
  display: block;
}

.welcome-to-rentals .span4 p{
  padding-right: 0px;
}
.why-rent-with-us .why-rent-with-us_icons-container{
  max-width: 90vw;
}

.how-it-works-items .circle{
  left: -2px;
}
.SWS-mobile-setting .text-content h1{
  font-size: 42px;
}

.itm-french-content .SWS-mobile-setting .text-content h1{
  font-size: 32px;
  line-height: 144%;
}

.itm-french-content .SWS-mobile-setting .text-content p{
  font-size: 16px;
}
.browse-categories .grid-conteiners{
      grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(7, 1fr);
}

.browse-categories .grid-conteiners .grid-item p{
  font-size: 12px;
}
}

@media (max-width: 399px) {
/**************************************     HEADER     ************************************************/

/**************************************     NAV     ************************************************/

/**************************************     SEARCH BAR     *******************************************/  

/**************************************     HERO     ************************************************/
.SWS-mobile-setting .text-content h1{
  font-size: 35px;
}
.SWS-mobile-setting .text-content p{
  font-size: 16px;
}
.itm-french-content .SWS-mobile-setting .text-content h1{
  font-size: 27px;
}
.itm-french-content .SWS-mobile-setting .text-content a{
  padding: 10px 30px 6px;
}
.SWS-mobile-setting .rental-sws-store{
  margin-top: -8px;
}
.SWS-mobile-setting .rental-sws-store {
  height: 310px;
}
.row-fluid.rental-sws-store .hero-content .text-content p {
  margin-bottom: 9%;
}
/**************************************     BODY     ************************************************/

}
@media (max-width: 329px) {
/**************************************     HEADER     ************************************************/

/**************************************     NAV     ************************************************/

/**************************************     SEARCH BAR     *******************************************/  

/**************************************     HERO     ************************************************/
.SWS-mobile-setting .text-content p{
  font-size: 14px;
}
.itm-french-content .SWS-mobile-setting .text-content h1{
  font-size: 24px;
}
.itm-french-content .SWS-mobile-setting .text-content p{
  font-size: 14px;
}
.itm-french-content .SWS-mobile-setting .text-content a{
  padding: 10px 30px;
  font-size: 12px;
}

/**************************************     BODY     ************************************************/
.browse-categories .grid-conteiners{
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(7, 1fr);
}
.how-it-works-items .circle{
  left: -4px;
}
.why-rent-with-us .why-rent-with-us_icons-container{
  flex-direction: column;
}

.SWS-mobile-setting .text-content h1{
  font-size: 30px;
}
.SWS-mobile-setting .text-content a{
  padding: 10px 40px;
}
.welcome-to-rentals .span4 h2, .why-rent-with-us .span8 h2, .how-it-works h2, .browse-categories h2, .best-price-guaranteed h2, .featured-products-section h2{
  font-size: 18px;
}
.word-rotate{
  top: 5px;
}
}
.content{
  padding-bottom: 0;
}
.browse-categories {
    margin-top: 40px;
    margin-bottom: 15px;
}
.why-rent-with-us{
    margin-top: 40px;
    margin-bottom: 4%;
}
.best-price-guaranteed {
    padding-top: 2%;
    margin-bottom: 2%;
}
.welcome-to-rentals{
  padding-bottom: 5%;
}
/*******Best Price section on all CMS pages*******/
.best-price-guaranteed.cms-best-price {
    background: var(--section-background-gradient);
    width: 100vw;
    margin-left: 50%;
    transform: translate(-50%, 0%);
    border-bottom: 2px solid var(--brand-rentals-primary-color);
    border-top: 2px solid var(--brand-rentals-primary-color);
    padding-top: 40px;
    padding-bottom: 40px;
}
.best-price-guaranteed.cms-best-price .section-container{
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}
.row-fluid.rentals-faq.terms-conditions {
    padding-top: 15px;
    margin-bottom: 5px;
}
#best-price-section a{
text-decoration: none;
font-weight: 400;
}
.cms-best-price {
    padding-bottom: 0;
    margin-top: 30px;
}
/* .row-fluid.terms-cond-last-div {
    padding-top: 10px;
    padding-bottom: 25px;
} */
.best-price-cms-page {
    border-top: 0;
}
.row-fluid.best-price-guaranteed.why-rent-with-us.cms-best-price.unique-best-price-section {
    border-top: none;
    margin-top: -15px;
}
.row-fluid.best-price-guaranteed.why-rent-with-us.cms-best-price{
    margin-bottom: 4em;
}
.row-fluid.best-price-guaranteed.why-rent-with-us.cms-best-price + .row-fluid{
  padding-bottom: 3em;
}

@media (min-width:1200px) {
.cms-best-price div.section-container{
    max-width: 1138px;
}
.best-price-cms-page {
    margin-top: -15px;
}
/**/
.unique-best-price-section .section-container .span6:first-child{
  margin-top: 3em;
}
.unique-best-price-section .section-container .span6:first-child p{
  margin-top: 3em;
  font-size: 18px;
}
.unique-best-price-section .span6 img.best-pratice-stamp{
  width: 160px;
}
.unique-best-price-section .span6 img {
    width: 450px;
}
.unique-best-price-section .section-container {
    height: 380px;
}
/**/
}
@media (max-width:979px) {
.cms-best-price {
    width: 96vw;
    padding-left: 1em;
    padding-right: 2em;
}
/* .best-price-guaranteed.cms-best-price .section-container{
  max-width: 93vw !important;
} */
}
@media (max-width:1199px) and (min-width:980px) {
.best-price-cms-page{
  margin-top: -2%;
}
.itm-french-content .featured-products-section .featured-product .featured-product-btn{
  width: 80%;
}
}
@media (max-width:979px) and (min-width:768px) {
.best-price-cms-page{
  margin-top: -3%;
}
.best-price-guaranteed {
    padding-top: 4%;
    margin-bottom: 6%;
}
.row-fluid.best-price-guaranteed.why-rent-with-us.cms-best-price.unique-best-price-section{
  margin-top: -20px !important;
}
.logo-rentals-sws .brandlogo {
  display: block;
  visibility: visible;
}
}

@media (min-width:768px) {
.cms-best-price {
    max-height: 30.5em;
}
}
@media (max-width:600px) {
.cms-best-price {
    width: 90vw;
    padding-left: 2em;
    padding-right: 2em;
}
.row-fluid.rental-sws-store .hero-content .text-content p {
    margin-bottom: 12%;
}
.row-fluid.best-price-guaranteed.why-rent-with-us.cms-best-price{
  max-width: 91vw;
}
}
@media (max-width:630px) and (min-width:481px) {
.itm-french-content .featured-products-section .featured-product .featured-product-btn{
  width: 80%;
}
}
@media (max-width:767px) and (min-width:365px) {
.row-fluid.best-price-guaranteed.why-rent-with-us.cms-best-price.unique-best-price-section{
  margin-top: -4px;
}
}
@media (max-width:500px) {
.row-fluid.best-price-guaranteed.why-rent-with-us.cms-best-price{
  max-width: /*88vw;*/ 97%;
}
.row-fluid.best-price-guaranteed.why-rent-with-us.cms-best-price.unique-best-price-section {
  margin-top: -3px;
}
}
@media (max-width:400px) {
.row-fluid.best-price-guaranteed.why-rent-with-us.cms-best-price{
  max-width: /* 86vw; */95%;
}
}
@media (max-width:384px) {
.best-price-cms-page{
  margin-top: -1%;
}
.best-price-guaranteed .span6 a{
  padding-right: 2.5em;
  padding-left: 2.5em;
}
}
@media (max-width:300px) {
.best-price-guaranteed .span6 a{
        padding: 15px 50px 10px;
}
}