/*
Template Name:      Marketing 360® Bigcommerce Template 101
Version:            0.1.0
Author:             Madwire Media SWAT Team
Author URI:         http://www.madwiremedia.com
*/

/* =============================================================================
   Base !n! !bas
   ========================================================================== */

h2, .h2 {
  font-size: 22px;
  font-weight: 700;
  font-family: 'PT Serif', serif;
}

/* Menu Styles */

.sf-menu li {
    float: none !important;
}


/* Colors */

a,
.ProductMain #SideProductAddToWishList .wishlist-btn:hover {
  color: #428bca;
}
a:hover {
  color: #6aa3d5;
}

.btn,
a.btn,
input[type="submit"],
input[type="button"],
button,
.ExpressCheckoutBlock .ExpressCheckoutTitle,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  background: #428bca;
  color: #fff;
}

.btn:hover,
a.btn:hover,
.ProductQty a:hover,
.ProductActionAdd a:hover,
.slide-show-render-full .slide-button span:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
button {
  background: #6aa3d5;
  color: #fff;
}

/* Secondary Colors */

.btn.alt,
.btn.btn-secondary,
.ExpressCheckout .btn,
.ExpressCheckout input[type="submit"],
.Content .ProductList li .ProductImage .on-sale-badge,
.Content .ProductList li .ProductImage .bestseller-badge {
  background: #17a535;
  color: #fff;
}
.btn.alt:hover,
.btn.btn-secondary:hover,
.ExpressCheckout .btn:hover,
.ExpressCheckout input[type="submit"]:hover {
  background: #137f2a;
  color: #fff;
}

.btn,
a.btn,
input[type="submit"],
input[type="button"],
button {
  border-radius: 2px;
}

input.Textbox,
textarea,
input[type="text"],
input[type="password"] {
  padding-left: 6px;
  padding-right: 6px;
}

/* =============================================================================
   Header !n! !hdr
   ========================================================================== */

/* Fixed Top Nav */

.dropdown-group{
display: inline-block;
padding-right: 10px;
}
.fixed-nav-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 20;
  width: 100%;
  padding: 5px 0;
  background: #eee;
  border-top: 4px solid #232323;
  border-bottom: 1px solid #ddd;
}
.fixed-nav-wrapper #SearchForm input {
  height: 28px;
  line-height: 28px;
}
.fixed-nav-wrapper #SearchForm .Button {
  height: 28px;
}
.fixed-nav-wrapper .btn {
  padding: 4px 12px;
}

.fixed-nav-wrapper .QuickSearch {
  right: inherit;
  left: 0;
}

/* Fixed Nav Dropdown Menu */

#main-menu-wrap.affix {
  z-index: 15;
  position: fixed;
  top: 45px;
  left: 0;
  width: 100%;
}

.fixed-nav .dropdown-menu {
  /*min-height: 260px;*/
  padding: 0;
}
.fixed-nav > .open > .dropdown-menu {
  padding: 0;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  -webkit-animation-duration: .3s;
  animation-duration: .3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

/* FadeInDown Animation */
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  -webkit-animation-duration: .3s;
  animation-duration: .3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.fixed-nav .dropdown-menu ul.category-list {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
}
.fixed-nav .dropdown-menu ul.category-list li {
  display: block;
}
.fixed-nav .dropdown-menu ul.category-list li a {
  display: block;
  padding: 8px 8px;
  color: #232323;
  text-decoration: none;
}
.fixed-nav .dropdown-menu ul.category-list li:hover > a,
.fixed-nav .dropdown-menu ul.category-list li.open > a {
  background: #eee;
}
.fixed-nav .dropdown-menu ul.category-list li:hover > a > .caret {
  border-left: 4px solid #232323;
}

.fixed-nav .CatPopOut-enable .CatPopOut ul li {
    position: relative;
    padding: 10px;
}
.fixed-nav .CatPopOut-enable .CatPopOut ul li a .caret {
  top: 13px;
}
.fixed-nav .CatPopOut-enable .CatPopOut ul li ul {
  top: -1px;
  border-radius: 2px;
  width:350px;
}
.fixed-nav .CatPopOut-enable .CatPopOut ul li ul li {
  margin: 0;
}

.fixed-nav .CatPopOut-enable .CatPopOut ul li ul:before,
.fixed-nav .CatPopOut-enable .CatPopOut ul li ul:after {
  display: none;
}

.btn.my-cart {
  padding: 9px 16px !important;
  font-size: 16px;
  font-weight: 600;
}
.btn.my-cart i {
  margin-right: 3px;
  font-size: 18px;
}
.btn.my-cart .cart-items-var {
  display: none;
}

#SearchForm {
  float: none;
  width: 100%;
}

.TopMenu {
  padding-top: 4px;
}
.TopMenu,
.TopMenu a {
  color: #333;
}

.TopMenu h3{
font-size:18px!important;
margin-bottom: 10px!important;
}

.SubBrandListGrid li {
    width: 20%;
min-height: 200px;
}

/* Main Header */

.header {
  margin: 0;
  padding-top: 45px;
  border: none;
}

#Header {
  margin: 0;
  padding: 10px 0;
  background: #f8f8f8;
  border-bottom: 1px solid #ddd;
}

.header-logo {
  margin-top: 0px;
}

#main-menu-wrap {
  margin-bottom: 20px;
  padding: 5px 0;
  background: #eee;
  border-bottom: 1px solid #ddd;
}

.body-home #main-menu-wrap, .body-category #main-menu-wrap, .body-product #main-menu-wrap {
  margin-bottom: 0;
}

.prescription-text {
background: #0dbac8;
margin-top:50px;
width:100%;
}

.prescription-text{
text-transform: uppercase;
color: #ffffff;
font-weight:800;
padding: 15px;
}

/* Main Navigation */

/* == Dropdown ============================================================== */

.dropdown-group {
    position: relative;
    vertical-align: middle;
}

.dropdown-group .btn {
    display: block;
    width: 100%;
    padding: 6px 16px !important;
    font-size: 20px;
    font-weight: 700;
}

.caret {
  display: inline-block;
  position: relative;
  width: 0;
  height: 0;
  top: -2px;
  margin-left: 3px;
  vertical-align: middle;
  border-top: 6px solid;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
}

.dropdown {
  position: relative;
}

.dropdown-toggle:focus {
  outline: 0;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 260px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  list-style: none;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 2px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}

.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}

.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
  color: #333333;
  white-space: nowrap;
  text-decoration: none;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  text-decoration: none;
  outline: 0;
}
.open > .dropdown-menu {
  display: block;
}

.open > a {
  outline: 0;
}

/* Popular Nav */

.popular-nav {
  font-size: 14px;
}

.popular-label {
  display: inline-block;
}

.popular-nav > ul {
  display: inline-block;
  margin: 0;
  padding: 0;
  list-style: none;
}
.popular-nav > ul li {
  display: inline-block;
  padding-left: 15px;
  margin: 0;
}
.popular-nav > ul li a {
  display: inline-block;
  text-decoration: none;
}
.popular-nav > ul li ul {
  display: none;
}

/* == Category Popout == */

.Left .CatPopOut-enable {
  background: #f8f8f8;
  padding: 20px 6px 20px;
  margin: 0 0 20px;
}

.CatPopOut-enable .CatPopOut {
  position: relative;
  z-index: 69;
}

.CatPopOut-enable .SubCategoryList {
  margin: 0;
}

.CatPopOut-enable .CatPopOut ul li {
  position: relative;
}

.CatPopOut-enable .CatPopOut ul li a {
  position: relative;
}

.CatPopOut-enable .CatPopOut ul li a .caret {
  display: inline-block;
  width: 0;
  height: 0;
  position: absolute;
  right: 8px;
  top: 13px;
  text-indent: -99999px;
  *text-indent: 0;
  vertical-align: top;
  border-top: 4px solid transparent;
  border-left: 4px solid #bbb;
  border-bottom: 4px solid transparent;
  filter: alpha(opacity=30);
  content: "\2193";
}

.CatPopOut-enable .CatPopOut > ul > li > a:hover > .caret,
.CatPopOut-enable .CatPopOut > ul > li.dropdown.open > a > .caret {
  opacity: 1;
  filter: alpha(opacity=100);
}

/* popout styles */
.CatPopOut-enable .CatPopOut ul li ul {
  position: absolute;
  top: -4px;
  left: 100%;
  z-index: 1000;
  float: left;
  display: none;
  width: 220px;
  padding: 0;
  margin: 0;
  list-style: none;
  background-color: #ffffff;
  border: 1px solid #ccc!important;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  *border-right-width: 2px;
  *border-bottom-width: 2px;
}

.CatPopOut-enable .CatPopOut ul li:hover > ul {
  display: block;
}

.CatPopOut-enable .CatPopOut ul li ul li {
  margin: 0;
}

.CatPopOut-enable .CatPopOut ul li:hover,
.CatPopOut-enable .CatPopOut ul .dropdown.open {
*z-index: 1000;
}

.CatPopOut-enable .CatPopOut ul li a:active,
.CatPopOut-enable .CatPopOut .dropdown-toggle:active,
.CatPopOut-enable .CatPopOut .open .dropdown-toggle {
  outline: 0;
}

/* Uncomment and remove js in scripts.js if you desire non touch/mobile friendly hover dropdown */
/*.CatPopOut-enable .CatPopOut ul li:hover > ul { display: block; } */
.CatPopOut-enable .CatPopOut ul .dropdown.open > .dropdown-menu {
  display: block;
}

.CatPopOut-enable .CatPopOut li li a {
  display: block;
  padding: 8px 8px;
  clear: both;
  font-weight: 400;
  text-decoration: none;
  color: #555555;
  white-space: nowrap;
}

.CatPopOut-enable .CatPopOut ul li ul a:hover {
  background: #eee;
}

/* 2nd level and below drop down styles */
.CatPopOut-enable .CatPopOut ul li ul li ul {
  left: 100%;
}

.CatPopOut-enable .CatPopOut ul li ul li > a:hover > .caret {
  border-left: 4px solid #232323;
}

.CatPopOut-enable .CatPopOut ul li ul li.dropdown.open > a > .caret {
  opacity: 1;
  filter: alpha(opacity=100);
}

/* =============================================================================
   Content !n! !cnt
   ========================================================================== */

.TitleHeading {
  font-size: 30px;
  font-weight: 600;
}

/* =============================================================================
   Sidebar !n! !sdb
   ========================================================================== */

.Left .Block {
  padding: 10px 10px 5px;
  background: #f8f8f8;
}

.Left h3 {
  margin-bottom: 15px;
  font-size: 14px;
  font-weight: 600;
}

.Left ul {
  margin-bottom: 0;
}

.Left .SubCategoryList {
  margin-top: -20px;
  padding: 10px 10px 5px;
  background: #f8f8f8;
}

.Left #SideCategoryList .SideCategoryListFlyout > ul > li,
ul.side-menu > li {
  margin-bottom: 5px;
  padding-bottom: 5px;
  border: none;
}

/* =============================================================================
   Footer !n! !ftr
   ========================================================================== */

.footer .newsletter-subscription {
  background: #f8f8f8;
}
.footer .newsletter-subscription .container {
  padding-bottom: 5px;
}
.footer .newsletter-subscription h4 {
  margin-bottom: 10px;
  font-weight: 700;
}
.footer .newsletter-subscription form {
  margin-top: 7px;
}

.footer-main {
  background: #eee;
}
.footer-main .container {
  padding-bottom: 0;
}

.footer h4 {
  margin: 0 0 15px 0;
}

.footer-main .SocialConnect ul {
  text-align: left;
}

.footer-links p {
  padding-top: 0;
}

.footer-main .sf-menu li {
    float: none;
}

/* =============================================================================
   Miscelaneous !n! !msc
   ========================================================================== */

/* Breadcrumbs */
.Breadcrumb ul, .Breadcrumb li {
    list-style: none;
    margin: 0;
    padding: 0;
}
.Breadcrumb {
    padding: 0 0 14px 0;
}
.Breadcrumb li {
    padding: 0 5px 0 15px;
    display: inline-block;
    position: relative;
}
.Breadcrumb li:first-child {
    padding-left: 0;
}
.Breadcrumb li:first-child:before {
    content: "";
}
.Breadcrumb li:before {
    content: "\00bb";
    font-size: 18px;
    line-height: 1;
    font-family: sans-serif;
    position: absolute;
    left: 0px;
    top: 0px;
    position: absolute;
}

/* =============================================================================
   Pages !n! !pgs
   ========================================================================== */


/* =============================================================================
   Category !n! !ctg
   ========================================================================== */

/* == Breadcrumb Title == */

.breadcrumb-title {
  margin-bottom: 20px;
  padding: 15px 0;
  background: #f8f8f8;
}
.breadcrumb-title .page-title h1 {
  margin-bottom: 6px;
  padding: 0;
  border: none;
  font-size: 26px;
  font-weight: 600;
}
.breadcrumb-title .Breadcrumb {
  margin: 0;
  padding: 0;
}

.Breadcrumb ul {
  margin: 0;
}
.Breadcrumb li {
  display: inline-block;
  float: none;
  color: #333;
  font-size: 14px;
}
.Breadcrumb li a {
  padding: 0;
  background: none;
  font-weight: 400;
}

/* Sort Box */

#CategoryPagingTop .SortBox label {
  padding-top: 1px;
}

/* =============================================================================
   Product Lists !n! !pls
   ========================================================================== */

.Content .ProductList li {
  text-align: left;
}

.Content .ProductList .ProductImage-wrap {
  position: relative;
  overflow: hidden;
  border: 1px solid #eee;
}
.Content .ProductList .ProductImage-actions {
  position: absolute;
  left: 0;
  bottom: -85px;
  width: 100%;
  padding: 5px 5px;
  background: rgba(0,0,0,0.20);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.Content .ProductList li:hover .ProductImage-actions {
  bottom: 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.Content .ProductList .ProductImage-actions p {
  margin-bottom: 0;
}
.Content .ProductList .ProductImage-actions .btn {
  display: block;
  padding: 6px 0 !important;
  font-size: 11px;
}
.Content .ProductList .ProductImage-actions .ProductList-wishlist {
  display: inline-block;
  margin-top: 5px;
  color: #232323;
  font-size: 12px;
  text-decoration: none;
  text-align: center;
  text-shadow: 1px 1px 0 rgba(255,255,255,0.35);
}
.Content .ProductList .ProductImage-actions .ProductList-wishlist:hover {
  color: #fff;
  text-shadow: 1px 1px 0 rgba(0,0,0,0.35);
}
.Content .ProductList .ProductPriceRating {
  padding-top: 5px;
  text-align: left;
}
.Content .ProductList .RetailPriceValue {
  float: right;
  font-weight: 400;
  font-size: 14px;
}
.ProductList .ProductDetails {
  padding-top: 0;
}
.ProductPrice, .ProductList em {
  font-size: 16px;
  font-weight: 700;
  text-align: left;
}

.Content .ProductList li .ProductImage .on-sale-badge {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
  height: 40px;
  padding-top: 12px;
  font-size: 12px;
  text-align: center;
  border-radius: 30px;
  line-height: 1.4;
}
.Content .ProductList li .ProductImage .bestseller-badge {
  display: block;
  position: absolute;
  left: -32px;
  top: 13px;
  padding: 7px 30px;
  font-size: 12px;
  text-align: center;
  line-height: 1.4;
  -ms-transform: rotate(-45deg); /* IE 9 */
  -webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
  transform: rotate(-45deg);
}

/* =============================================================================
   Product !n! !prd
   ========================================================================== */

/* Product Layout */

.left-content {
  width: 45%;
}
.PrimaryProductDetails .ProductMain {
  float: left;
  width:55%;
}

/* Product Detail Rows */

.ProductDetailsGrid .DetailRow {
  margin:0;
  padding: 15px 0;
  border-bottom: 1px solid #e3e3e3;
}

.ProductDetailsGrid .Label, .ProductAddToCart .productAttributeLabel {
  float: left;
  width: 30%;
}

.ProductDetailsGrid .productAttributeList {
  padding-top: 15px;
}

/**/

#ProductDetails h1 {
  margin: 0;
  font-size: 20px;
  font-weight: 700;
}
.ProductDetailsGrid .DetailRow.product-heading {
  margin: 0;
}

.product-price {
  border-bottom: 1px solid #e3e3e3;
}
.productPage .PriceRow.p-price {
  margin: 0;
  border:none;
}
.product-price .ProductPrice {
  display: inline-block;
  padding-right: 10px;
  font-size: 22px;
  font-weight: 600;
}
.product-price .retail-product-price {
  font-size: 14px;
  font-weight: 400;
}

.PrimaryProductDetails .YouSave {
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  margin-top: 0;
}

.addto {
  padding: 15px 0;
}

.ProductAddToCart .BulkDiscount .btn {
  padding: 12px 12px;
  font-size: 24px;
  font-weight: 600;
  text-transform: uppercase;
}

.ProductMain #SideProductAddToWishList span {
  display: inline-block;
  padding-left: 10px;
  font-size: 16px;
}
.ProductMain #SideProductAddToWishList .wishlist-btn {
  background: none;
  color: #232323;
  font-size: 16px;
  text-shadow: none;
}

.row-reviews {
  margin-bottom: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3;
}
.row-reviews p {
  margin: 0;
}

/* Share Buttons */

.product-share .PinterestButtonContainer {
  float: left;
  margin: 0;
  text-align: left;
}

.product-share .AddThisButtonBox {
  float: left;
  margin: 3px 0 0 !important;
}

/* Product Description */

#prodAccordion .subtitle {
  font-weight: 600;
}

#ProductReviews {
  padding-bottom: 20px;
  border-bottom: 1px solid #e3e3e3;
}
.prodAccordionContent {
  position: relative;
}
#ProductReviews .btn {
  position: absolute;
  top: 0;
  right: 0;
}
#ProductReviews .ProductReviewList {
  padding-left: 22px;
}

/* Features Box */

.features-box {
}
.features-box .features-item {
  margin-bottom: 15px;
}
.features-box .features-item img {
  float: left;
}
.features-box .features-item p {
  float: left;
  width: 119px;
  margin: 0 0 0 10px;
  font-size: 15px;
}
.features-box .features-item p span {
  display: block;
  font-size: 12px;
}

/*--------------------------------- Z2 CPAP Banner ------------------------------------*/
.discount-price { 
background-color:#eee;
	padding: 15px 60px 1px 60px;
	margin-top: 20px;
	margin-bottom: 10px;
	text-align: center;
}


/* =============================================================================
   Cart !n! !crt
   ========================================================================== */

.body-cart .header {
  margin-bottom: 20px;
}
.body-cart #main-menu-wrap {
  display: none;
}

.body-cart .features-box {
  margin-top: 70px;
}

/* Fast Cart Popup */

.fastCartSummaryBox {
  padding-bottom: 0;
}
.fastCartSummaryBox .ProceedToCheckout {
  margin: 0;
}
.fastCartSummaryBox .subtotal {
  margin-bottom: 10px;
}
.fastCartBottom .ProductImage-actions {
  display: none;
}

/* =============================================================================
   Checkout !n! !chk
   ========================================================================== */

.body-checkout #main-menu-wrap,
.body-checkout .fixed-nav-wrapper {
  display: none;
}

.body-checkout .header {
  padding-top: 0;
  margin-bottom: 30px;
}

.ExpressCheckoutBlock .ExpressCheckoutTitle {
  padding: 10px;
}

/* =============================================================================
   Order !n! !ord
   ========================================================================== */


/* =============================================================================
   Account !n! !acct
   ========================================================================== */


/* =============================================================================
   Home Page !n! !hpg
   ========================================================================== */

/* Home Slideshow */

.slide-show .slide-overlay {
  top: 20px;
  left: 0;
  right: inherit;
  z-index: 10;
  text-align: left;
}
.slide-show h2, .slide-show .slide-text {
  background: none;
  font-family: "Open Sans",Arial,Sans-serif;
  line-height: 1.4;
  letter-spacing: inherit;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}
.slide-show h2 {
  font-size: 46px;
  font-weight: 700;
}

.slide-image-wrapper {
  display: block;
  position: relative;
  top: -1px;
}

.flex-control-nav {
  margin-top: 10px;
}


.slide-text{
    font-size: 2em;
    font-weight: 700;
}

/* second banner style*/
.secondbanner {
    margin: 40px 0;
}

/* top navigation icons */
#Header > div.container > div > div > p > i {
  margin-top: 50px;
}

#Header > div.container > div > div:nth-child(4) > p:nth-child(1) > img {
margin-top: 45px;
}

/* Shop All flyout */
#main-menu-wrap > div > div > div:nth-child(1) > div > div > div > div > div > ul > li:nth-child(1) > ul > li:nth-child(1) > a {
width: 500px;
}
/* =============================================================================
   Media Queries !n! !mqs
   ========================================================================== */

/* Medium Devices -- up to 1199px */
@media screen and (max-width: 1199px) {

  /* Features Box */

  .features-box .features-item {
    text-align: center;
  }
  .features-box .features-item img {
    float: none;
  }
  .features-box .features-item p {
    float: none;
    width: 100%;
    margin: 0;
  }

}

/* Medium Devices -- up to 991px */
@media screen and (max-width: 991px) {

  /* Header */

  #main-menu-wrap.affix {
    position: static;
    top: inherit;
    left: inherit;
    z-index: 10;
  }

  .dropdown-menu,
  .CatPopOut-enable .CatPopOut ul li ul {
    width: auto;
    min-width: 160px;
  }

  /* Home Slideshow */
  .slide-show h2 {
    margin-bottom: 10px;
    font-size: 32px;
    font-weight: 500;
  }

  /* Checkout */

  .checkout-wrap {
    padding: 0;
    background: none;
    border: none;
  }

}

/* Small Devices -- Tablets up to 767px */
@media screen and (max-width: 767px) {

  /* Homepage */

  .home-cta {
    text-align: center;
  }

  /* Product Listing */

  .Content .ProductList .ProductImage-actions {
    bottom: 0;
  }

  /* Product Page */

  .breadcrumb-title {
    display: none;
  }

  /* Shopping Cart */

  .KeepShopping .text-left {
    text-align: center;
  }

  .CartCode .CouponCode {
    margin-bottom: 20px;
  }

  .cart-wrap {
    padding: 0;
    background: none;
    border: none;
  }

  .CartContents tfoot .SubTotal td {
    text-align: left;
  }

  /* Checkout */

  .body-checkout .header {
    padding-top: 73px;
  }

  /* Footer */

  .footer-main {
    text-align: center;
  }

  .footer .footer-columns ul {
    margin-bottom: 20px;
  }

  .footer .footer-main .SocialConnect ul {
    padding-top: 0;
  }

}

/* Extra Small Devices -- Phones up to 480px */
@media screen and (max-width: 480px) {

  /* General */

  .TitleHeading {
    font-size: 20px;
  }

  /* Select */

  div.selector span {
    padding: 5px 25px 5px 5px !important;
  }

  .CartItemQuantity .selector, .DetailRow.qty .selector {
    width: auto !important;
    min-width: 50px;
  }

  /* Product Page */

  .ProductMain #SideProductAddToWishList span {
    display:none;
  }
  #ProductReviews .btn {
    position: static;
  }

  /* Shopping Cart */

  #cartForm {
    overflow-x: scroll;
  }

  .CartContents tfoot .SubTotal td,
  .CartContents tfoot .SubTotal td .ProductPrice,
  .CartContents tfoot .gtotal.SubTotal td,
  .CartContents tfoot .gtotal.SubTotal td .ProductPrice {
    font-size: 14px;
  }

  table.CartContents tbody tr td.ProductName {
    font-size: 12px;
  }
}

/*------------------------------ New CPAP Category Page ------------------------------------*/
div.cpap-category div.Content.Wide {
	width:100%;
margin-left: auto;
	margin-right: auto;
}

/*------------------------------ CPAP Hero Section ----------------------------------------------*/

div.cpap-category div.hero {
width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  background: url(https://cdn10.bigcommerce.com/s-izk6mx67/product_images/uploaded_images/cpap-hero-image.jpg) 0 0 no-repeat;
	background-size:cover;
text-align:center;
padding-top: 180px;
padding-bottom: 200px
		
}

div.cpap-category div.hero h1 {
	color:#fff;
	font-size: 50px;
	font-weight: 300;
	line-height: 120%;
}

div.cpap-category div.hero h2 {
	color:#fff;
	font-size: 32px;
	font-weight: 300;
	line-height: 120%;
	margin-bottom: 50px;
}

div.cpap-category div.hero div.hero-btn {
color:#fff;
background: rgb(44,133,198);
background: linear-gradient(180deg, rgba(44,133,198,1) 50%, rgba(55,70,157,1) 100%);
text-transform:uppercase;
border: 1px solid #3595db;
border-radius: 20px;
padding: 8px 20px;
max-width:220px;
margin-left:auto;
margin-right:auto;
}

div.cpap-category div.hero div.hero-btn:hover {

background: rgb(44,133,198);
background: linear-gradient(180deg, rgba( 55,70,157,1) 50%, rgba(44,133,198,1) 100%);

}

div.cpap-category div.hero a {
text-decoration: none;
}

/*--.custom-content {
margin-left:auto;
margin-right:auto;
width: 980px;
}--*/
/*--------------------------- Section 1 --------------------------*/
.cpap-section-1{
	width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  background: rgb(13,186,200);
background: linear-gradient(94deg, rgba(13,186,200,1) 46%, rgba(0,99,108,1) 100%);
text-align:center;
padding-top: 60px;
padding-bottom: 60px;
	color:#fff;
}

.cpap-section-1 h3{
		font-size: 26px;
	font-weight: 600;
text-transform:uppercase;
	margin-bottom:30px;
}

.cpap-section-1 p{
	margin-bottom:30px;
}

/*--------------------------- Section 2 --------------------------*/
/*--.fullwidth-sect-2{
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
  margin-right: -50vw;
  background:#000;
padding-top: 60px;
padding-bottom: 60px;
	color:#fff;
}--*/

.grid-container-50-50 {
  display: grid;
  grid-template-columns: 50% 50%;
  padding: 10px;
	text-align:left;
	margin-top: 30px;
	margin-bottom:30px;
}

@media screen and (max-width: 600px) {
.grid-container-50-50 {
	display: block;
    grid-template-columns: 100%!important;
    padding: 10px;
    text-align: center;

}
}

.cta-text-center{
  margin: 0;
  position:relative;
top: 5%;
}

.grid-container-50-50 h3 {
	font-size: 30px;
	font-weight: 600;
    text-transform:uppercase;

	}

.grid-container-50-50 p {
	font-size: 14px;
	line-height: 140%;
}

.text-cta {
    position: relative;
    top: 40%;
    transform: translateY(-50%);
}

.grid-container-4-cta {
	  display: grid;
  grid-template-columns: 25% 25% 25% 25%;
  padding: 40px 15px;
	text-align:center;
}

@media screen and (max-width: 736px) {
.grid-container-4-cta {
	display: block;
    grid-template-columns: 100%;
     padding: 40px 20px;
    text-align: center;

}
}

.grid-container-4-cta div.grid-item {
	padding: 10px 30px;
}

.cpap-section-4{
	width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  background: rgb(13,186,200);
background: linear-gradient(94deg, rgba(0,99,108,1) 46%, rgba(13,186,200,1) 100%) ;
text-align:center;
padding-top: 60px;
padding-bottom: 60px;
	color:#fff;
}

.cpap-section-4 h3{
		font-size: 26px;
	font-weight: 600;
text-transform:uppercase;
	margin-bottom:30px;
}

.cpap-section-4 p{
	margin-bottom:30px;
}
/*------------------------------ CPAP Form Banner Section ----------------------------------------------*/

div.cpap-category div.form-banner {
width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  background: url(https://cdn10.bigcommerce.com/s-izk6mx67/product_images/uploaded_images/cpap-bottom-image.jpg) 0 0 no-repeat;
	background-size:cover;
text-align:center;
padding-top: 180px;
padding-bottom: 200px
		
}

div.cpap-category div.form-banner ,div.text-left {
	padding-right: 30px;
}
div.cpap-category div.form-banner h2 {
	color:#fff;
	font-size: 40px;
	font-weight: 300;
	line-height: 120%;
}

div.cpap-category div.form-banner p {
	color:#fff;
	font-size: 16px;
	font-weight: 300;
	line-height: 120%;
	margin-bottom: 50px;
}

.form-background {
	background: #fff;
	padding: 20px;
}

.btn-50 {
text-transform:uppercase;
	font-size:18px;
	padding: 15px 40px;
	margin-top: 20px;
}

/*------------------------------ New BIPAP Category Page ------------------------------------*/
div.new-bipap-category div.Content.Wide {
	width:100%;
margin-left: auto;
	margin-right: auto;
}

/*------------------------------ New BIPAP Hero Section ----------------------------------------------*/

div.new-bipap-category div.hero {
width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  background: url(https://cdn10.bigcommerce.com/s-izk6mx67/product_images/uploaded_images/bipap-hero.jpg) 0 0 no-repeat;
	background-size:cover;
text-align:center;
padding-top: 180px;
padding-bottom: 200px
		
}

div.new-bipap-category div.hero h1 {
	color:#fff;
	font-size: 50px;
	font-weight: 300;
	line-height: 120%;
}

div.new-bipap-category div.hero h2 {
	color:#fff;
	font-size: 32px;
	font-weight: 300;
	line-height: 120%;
	margin-bottom: 50px;
}

div.new-bipap-category div.hero div.hero-btn {
color:#fff;
background: rgb(44,133,198);
background: linear-gradient(180deg, rgba(44,133,198,1) 50%, rgba(55,70,157,1) 100%);
text-transform:uppercase;
border: 1px solid #3595db;
border-radius: 20px;
padding: 8px 20px;
max-width:220px;
margin-left:auto;
margin-right:auto;
}

div.new-bipap-category div.hero div.hero-btn:hover {

background: rgb(44,133,198);
background: linear-gradient(180deg, rgba( 55,70,157,1) 50%, rgba(44,133,198,1) 100%);

}

div.new-bipap-category div.hero a {
text-decoration: none;
}

/*--.custom-content {
margin-left:auto;
margin-right:auto;
width: 980px;
}--*/
/*--------------------------- New BIPAP Section 1 --------------------------*/
.new-bipap-section-1{
	width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  background: rgb(13,186,200);
background: linear-gradient(94deg, rgba(13,186,200,1) 46%, rgba(0,99,108,1) 100%);
text-align:center;
padding-top: 60px;
padding-bottom: 60px;
	color:#fff;
}

.new-bipap-section-1 h3{
		font-size: 26px;
	font-weight: 600;
text-transform:uppercase;
	margin-bottom:30px;
}

.new-bipap-section-1 p{
	margin-bottom:30px;
}

/*--------------------------- New BIPAP Section 2 --------------------------*/
/*--.fullwidth-sect-2{
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
  margin-right: -50vw;
  background:#000;
padding-top: 60px;
padding-bottom: 60px;
	color:#fff;
}--*/

.grid-container-50-50 {
  display: grid;
  grid-template-columns: 50% 50%;
  padding: 10px;
	text-align:left;
	margin-top: 30px;
	margin-bottom:30px;
}

@media screen and (max-width: 600px) {
.grid-container-50-50 {
	display: block;
    grid-template-columns: 100%!important;
    padding: 10px;
    text-align: center;

}
}

.cta-text-center{
  margin: 0;
  position:relative;
top: 5%;
}

.grid-container-50-50 h3 {
	font-size: 30px;
	font-weight: 600;
    text-transform:uppercase;

	}

.grid-container-50-50 p {
	font-size: 14px;
	line-height: 140%;
}

.text-cta {
    position: relative;
    top: 40%;
    transform: translateY(-50%);
}

.grid-container-4-cta {
	  display: grid;
  grid-template-columns: 25% 25% 25% 25%;
  padding: 40px 15px;
	text-align:center;
}

@media screen and (max-width: 736px) {
.grid-container-4-cta {
	display: block;
    grid-template-columns: 100%;
     padding: 40px 20px;
    text-align: center;

}
}

.grid-container-4-cta div.grid-item {
	padding: 10px 30px;
}

.new-bipap-section-4{
	width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  background: rgb(13,186,200);
background: linear-gradient(94deg, rgba(0,99,108,1) 46%, rgba(13,186,200,1) 100%) ;
text-align:center;
padding-top: 60px;
padding-bottom: 60px;
	color:#fff;
}

.new-bipap-section-4 h3{
		font-size: 26px;
	font-weight: 600;
text-transform:uppercase;
	margin-bottom:30px;
}

.new-bipap-section-4 p{
	margin-bottom:30px;
}
/*------------------------------ New BIPAP Form Banner Section ----------------------------------------------*/

div.new-bipap-category div.form-banner {
width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  background: url(https://cdn10.bigcommerce.com/s-izk6mx67/product_images/uploaded_images/cpap-bottom-image.jpg) 0 0 no-repeat;
	background-size:cover;
text-align:center;
padding-top: 180px;
padding-bottom: 200px
		
}

div.new-bipap-category div.form-banner ,div.text-left {
	padding-right: 30px;
}
div.new-bipap-category div.form-banner h2 {
	color:#fff;
	font-size: 40px;
	font-weight: 300;
	line-height: 120%;
}

new-bipap
div.new-bipap-category div.form-banner p {
	color:#fff;
	font-size: 16px;
	font-weight: 300;
	line-height: 120%;
	margin-bottom: 50px;
}

.form-background {
	background: #fff;
	padding: 20px;
}

.btn-50 {
text-transform:uppercase;
	font-size:18px;
	padding: 15px 40px;
	margin-top: 20px;
}

.new-bipap-category .text-cta {
    position: relative;
    top: 10%;
    transform: translateY(-50%);
}

.new-bipap-category .text-cta p {
    color:#fff;
}

.black-text{
	color:#000!important;
}

/*--------------------------------- Slideshow ----------------------------------*/
.slideshow-section {
	margin-bottom: 30px;
}

.bss-slides{
  background: #000;
  position: relative;
  display: block;    
}
.bss-slides:focus{
 outline: 0;
}
.bss-slides figure{
  position: absolute;
  top: 0;
  width: 100%;
}
.bss-slides figure:first-child{
  position: relative;
}
.bss-slides figure img{
  opacity: 0;
  -webkit-transition: opacity 1.2s;
  transition: opacity 1.2s;
  position: relative;
/*-webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  */
}
.bss-slides .bss-show {
  z-index: 3;
}
.bss-slides .bss-show img{
  opacity: 1;
 /* -webkit-backface-visibility: hidden;
  backface-visibility: hidden;*/
}

.bss-slides figcaption{
  position: absolute;
  font-family: sans-serif;
  font-size: .8em;
  bottom: .75em;
  right: .35em;
  padding: .25em;
  color: #fff;
  background: #000;
  background: rgba(0,0,0, .25);
  border-radius: 2px;
  opacity: 0;
  -webkit-transition: opacity 1.2s;
  transition: opacity 1.2s;
}
.bss-slides .bss-show figcaption{
  z-index: 2;
  opacity: 1;
}
.bss-slides figcaption a{
  color: #fff;    
}
.bss-next, .bss-prev{
  color: #fff;
  position: absolute;
  background: #000;
  background: rgba(0,0,0, .6);
  top: 50%;
  z-index: 4;
  font-size: 2em;
  margin-top: -1.2em;
  opacity: .5;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.bss-next:hover, .bss-prev:hover{
  cursor: pointer;
  opacity: 1;
}
.bss-next{
  right: 0;
  padding: 10px 5px 15px 10px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.bss-prev{
  left: 0;
  padding: 10px 10px 15px 5px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.bss-fullscreen{
  display: block;
  width: 24px;
  height: 24px;    
  background: rgba(0,0,0,.3) url(https://leemark.github.io/better-simple-slideshow/img/arrows-alt_ffffff_64.png); 
  -webkit-background-size: contain; 
  background-size: contain;
  position: absolute;
  top: 5px;
  left: 5px;   
  cursor: pointer;    
  opacity: .3;
} 
.bss-fullscreen:hover{
  opacity: .8;   
}
:-webkit-full-screen .bss-fullscreen{
    background: rgba(0,0,0,.4) url(https://leemark.github.io/better-simple-slideshow/img/compress_ffffff_64.png);
    -webkit-background-size: contain;
    background-size: contain;
}
:-moz-full-screen .bss-fullscreen{
    background: rgba(0,0,0,.4) url(https://leemark.github.io/better-simple-slideshow/img/compress_ffffff_64.png);
    background-size: contain;
}
:-ms-fullscreen .bss-fullscreen{
    background: rgba(0,0,0,.4) url(https://leemark.github.io/better-simple-slideshow/img/compress_ffffff_64.png);
    background-size: contain;
}
:full-screen .bss-fullscreen{
    background: rgba(0,0,0,.4) url(https://leemark.github.io/better-simple-slideshow/img/compress_ffffff_64.png);
    -webkit-background-size: contain;
    background-size: contain;
}
:-webkit-full-screen .bss-fullscreen{
    background: rgba(0,0,0,.4) url(https://leemark.github.io/better-simple-slideshow/img/compress_ffffff_64.png);
    -webkit-background-size: contain;
    background-size: contain;
}
:-moz-full-screen .bss-fullscreen{
    background: rgba(0,0,0,.4) url(https://leemark.github.io/better-simple-slideshow/img/compress_ffffff_64.png);
    background-size: contain;
}
:-ms-fullscreen .bss-fullscreen{
    background: rgba(0,0,0,.4) url(https://leemark.github.io/better-simple-slideshow/img/compress_ffffff_64.png);
    background-size: contain;
}
:fullscreen .bss-fullscreen{
    background: rgba(0,0,0,.4) url(https://leemark.github.io/better-simple-slideshow/img/compress_ffffff_64.png);
    -webkit-background-size: contain;
    background-size: contain;
}


/*------------------------------ Accessories Category Page ------------------------------------*/
div.accessories-category div.Content.Wide {
	width:100%;
margin-left: auto;
	margin-right: auto;
}

/*------------------------------ Accessories Hero Section ----------------------------------------------*/

div.accessories-category div.hero {
width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  background: url(https://cdn10.bigcommerce.com/s-izk6mx67/product_images/uploaded_images/access-hero.jpg) 0 0 no-repeat;
	background-size:cover;
text-align:center;
padding-top: 180px;
padding-bottom: 200px
		
}

div.accessories-category div.hero h1 {
	color:#fff;
	font-size: 50px;
	font-weight: 300;
	line-height: 120%;
}

div.accessories-category div.hero h2 {
	color:#fff;
	font-size: 32px;
	font-weight: 300;
	line-height: 120%;
	margin-bottom: 50px;
}

div.accessories-category div.hero div.hero-btn {
color:#fff;
background: rgb(44,133,198);
background: linear-gradient(180deg, rgba(44,133,198,1) 50%, rgba(55,70,157,1) 100%);
text-transform:uppercase;
border: 1px solid #3595db;
border-radius: 20px;
padding: 8px 20px;
max-width:220px;
margin-left:auto;
margin-right:auto;
}

div.accessories-category div.hero div.hero-btn:hover {

background: rgb(44,133,198);
background: linear-gradient(180deg, rgba( 55,70,157,1) 50%, rgba(44,133,198,1) 100%);

}

div.accessories-category div.hero a {
text-decoration: none;
}

/*--.custom-content {
margin-left:auto;
margin-right:auto;
width: 980px;
}--*/
/*--------------------------- Accessories Section 1 --------------------------*/
.accessories-section-1{
	width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  background: rgb(13,186,200);
background: linear-gradient(94deg, rgba(13,186,200,1) 46%, rgba(0,99,108,1) 100%);
text-align:center;
padding-top: 60px;
padding-bottom: 60px;
	color:#fff;
}

.accessories-section-1 h3{
		font-size: 26px;
	font-weight: 600;
text-transform:uppercase;
	margin-bottom:30px;
}

.accessories-section-1 p{
	margin-bottom:30px;
}

/*--------------------------- Accessories Section 2 --------------------------*/
/*--.fullwidth-sect-2{
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
  margin-right: -50vw;
  background:#000;
padding-top: 60px;
padding-bottom: 60px;
	color:#fff;
}--*/

.grid-container-50-50 {
  display: grid;
  grid-template-columns: 50% 50%;
  padding: 10px;
	text-align:left;
	margin-top: 30px;
	margin-bottom:30px;
}

@media screen and (max-width: 600px) {
.grid-container-50-50 {
	display: block;
    grid-template-columns: 100%!important;
    padding: 10px;
    text-align: center;

}
}

.cta-text-center{
  margin: 0;
  position:relative;
top: 5%;
}

.grid-container-50-50 h3 {
	font-size: 30px;
	font-weight: 600;
    text-transform:uppercase;

	}

.grid-container-50-50 p {
	font-size: 14px;
	line-height: 140%;
}

.text-cta {
    position: relative;
    top: 40%;
    transform: translateY(-50%);
}

.grid-container-4-cta {
	  display: grid;
  grid-template-columns: 25% 25% 25% 25%;
  padding: 40px 15px;
	text-align:center;
}

@media screen and (max-width: 736px) {
.grid-container-4-cta {
	display: block;
    grid-template-columns: 100%;
     padding: 40px 20px;
    text-align: center;

}
}

.grid-container-4-cta div.grid-item {
	padding: 10px 30px;
}

.new-bipap-section-4{
	width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  background: rgb(13,186,200);
background: linear-gradient(94deg, rgba(0,99,108,1) 46%, rgba(13,186,200,1) 100%) ;
text-align:center;
padding-top: 60px;
padding-bottom: 60px;
	color:#fff;
}

.accessories-section-4 h3{
		font-size: 26px;
	font-weight: 600;
text-transform:uppercase;
	margin-bottom:30px;
}

.accessories-section-4 p{
	margin-bottom:30px;
}
/*------------------------------ Accessories Form Banner Section ----------------------------------------------*/

div.accessories-category div.form-banner {
width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  background: url(https://cdn10.bigcommerce.com/s-izk6mx67/product_images/uploaded_images/cpap-bottom-image.jpg) 0 0 no-repeat;
	background-size:cover;
text-align:center;
padding-top: 180px;
padding-bottom: 200px
		
}

div.accessories-category div.form-banner ,div.text-left {
	padding-right: 30px;
}
div.accessories-category div.form-banner h2 {
	color:#fff;
	font-size: 40px;
	font-weight: 300;
	line-height: 120%;
}


div.accessories-category div.form-banner p {
	color:#fff;
	font-size: 16px;
	font-weight: 300;
	line-height: 120%;
	margin-bottom: 50px;
}

.form-background {
	background: #fff;
	padding: 20px;
}

.btn-50 {
text-transform:uppercase;
	font-size:18px;
	padding: 15px 40px;
	margin-top: 20px;
}

.accessories-category .text-cta {
    position: relative;
    top: 10%;
    transform: translateY(-50%);
}

.accessories-category .text-cta p {
    color:#fff;
}

.black-text{
	color:#000!important;
}

.grid-container-3-cta {
	  display: grid;
  grid-template-columns: 33% 33% 33%;
  padding: 40px 15px;
	text-align:center;
}

@media screen and (max-width: 736px) {
.grid-container-3-cta {
	display: block;
    grid-template-columns: 100%;
     padding: 40px 20px;
    text-align: center;

}
}

.grid-container-3-cta div.grid-item {
	padding: 10px 30px;
}

/*-------------------- Video Layout ---------------------------*/
.videoWrapper {
  position: relative;
  padding-bottom: 42.25%; /* 16:9 */
  height: 0;
}
.videoWrapper iframe {
  position: absolute;
  top: 14%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);



}

#video-main {
  background: white;
 /* height: 100vh;*/
  max-width: 1200px;
  margin: 0 auto;
  padding: 1rem;
}

/*------------------------------ CPAP Masks Category Page ------------------------------------*/
div.cpap-masks-category div.Content.Wide {
	width:100%;
margin-left: auto;
	margin-right: auto;
}

/*------------------------------ CPAP Masks Hero Section ----------------------------------------------*/

div.cpap-masks-category div.hero {
width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  background: url(https://cdn10.bigcommerce.com/s-izk6mx67/product_images/uploaded_images/cpap-mask-hero.jpg) 0 0 no-repeat;
	background-size:cover;
text-align:center;
padding-top: 180px;
padding-bottom: 200px
		
}

div.cpap-masks-category div.hero h1 {
	color:#fff;
	font-size: 50px;
	font-weight: 300;
	line-height: 120%;
}

div.cpap-masks-category div.hero h2 {
	color:#fff;
	font-size: 32px;
	font-weight: 300;
	line-height: 120%;
	margin-bottom: 50px;
}

div.cpap-masks-category div.hero div.hero-btn {
color:#fff;
background: rgb(44,133,198);
background: linear-gradient(180deg, rgba(44,133,198,1) 50%, rgba(55,70,157,1) 100%);
text-transform:uppercase;
border: 1px solid #3595db;
border-radius: 20px;
padding: 8px 20px;
max-width:220px;
margin-left:auto;
margin-right:auto;
}

div.cpap-masks-category div.hero div.hero-btn:hover {

background: rgb(44,133,198);
background: linear-gradient(180deg, rgba( 55,70,157,1) 50%, rgba(44,133,198,1) 100%);

}

div.cpap-masks-category div.hero a {
text-decoration: none;
}

/*--.custom-content {
margin-left:auto;
margin-right:auto;
width: 980px;
}--*/
/*--------------------------- CPAP Masks Section 1 --------------------------*/
.cpap-masks-section-1{
	width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  background: rgb(13,186,200);
background: linear-gradient(94deg, rgba(13,186,200,1) 46%, rgba(0,99,108,1) 100%);
text-align:center;
padding-top: 60px;
padding-bottom: 60px;
	color:#fff;
}

.cpap-masks-section-1 h3{
		font-size: 26px;
	font-weight: 600;
text-transform:uppercase;
	margin-bottom:30px;
}

.cpap-masks-section-1 p{
	margin-bottom:30px;
}

/*--------------------------- CPAP Masks Section 2 --------------------------*/
/*--.fullwidth-sect-2{
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
  margin-right: -50vw;
  background:#000;
padding-top: 60px;
padding-bottom: 60px;
	color:#fff;
}--*/

.grid-container-50-50 {
  display: grid;
  grid-template-columns: 50% 50%;
  padding: 10px;
	text-align:left;
	margin-top: 30px;
	margin-bottom:30px;
}

@media screen and (max-width: 600px) {
.grid-container-50-50 {
	display: block;
    grid-template-columns: 100%!important;
    padding: 10px;
    text-align: center;

}
}

.cta-text-center{
  margin: 0;
  position:relative;
top: 5%;
}

.grid-container-50-50 h3 {
	font-size: 30px;
	font-weight: 600;
    text-transform:uppercase;

	}

.grid-container-50-50 p {
	font-size: 14px;
	line-height: 140%;
}

.text-cta {
    position: relative;
    top: 40%;
    transform: translateY(-50%);
}

.grid-container-4-cta {
	  display: grid;
  grid-template-columns: 25% 25% 25% 25%;
  padding: 40px 15px;
	text-align:center;
}

@media screen and (max-width: 736px) {
.grid-container-4-cta {
	display: block;
    grid-template-columns: 100%;
     padding: 40px 20px;
    text-align: center;

}
}

.grid-container-4-cta div.grid-item {
	padding: 10px 30px;
}

.cpap-masks-section-4{
	width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  background: rgb(13,186,200);
background: linear-gradient(94deg, rgba(0,99,108,1) 46%, rgba(13,186,200,1) 100%) ;
text-align:center;
padding-top: 60px;
padding-bottom: 60px;
	color:#fff;
}

.cpap-masks-section-4 h3{
		font-size: 26px;
	font-weight: 600;
text-transform:uppercase;
	margin-bottom:30px;
}

.cpap-masks-section-4 p{
	margin-bottom:30px;
}
/*------------------------------ CPAP Masks Form Banner Section ----------------------------------------------*/

div.cpap-masks-category div.form-banner {
width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  background: url(https://cdn10.bigcommerce.com/s-izk6mx67/product_images/uploaded_images/cpap-mask-form.jpg) 0 0 no-repeat;
	background-size:cover;
text-align:center;
padding-top: 180px;
padding-bottom: 200px
		
}

div.cpap-masks-category div.form-banner ,div.text-left {
	padding-right: 30px;
}
div.cpap-masks-category div.form-banner h2 {
	color:#fff;
	font-size: 40px;
	font-weight: 300;
	line-height: 120%;
}

new-bipap
div.cpap-masks-category div.form-banner p {
	color:#fff;
	font-size: 16px;
	font-weight: 300;
	line-height: 120%;
	margin-bottom: 50px;
}

.form-background {
	background: #fff;
	padding: 20px;
}

.btn-50 {
text-transform:uppercase;
	font-size:18px;
	padding: 15px 40px;
	margin-top: 20px;
}

.cpap-masks-category .text-cta {
    position: relative;
    top: 10%;
    transform: translateY(-50%);
}

.cpap-masks-category .text-cta p {
    color:#fff;
}

.black-text{
	color:#000!important;
}

div.cpap-masks-category .grid-container-3-cta {
	  display: grid;
  grid-template-columns: 33% 33% 33%;
  padding: 40px 15px;
	text-align:center;
}

@media screen and (max-width: 736px) {
.grid-container-3-cta {
	display: block;
    grid-template-columns: 100%;
     padding: 40px 20px;
    text-align: center;

}
}

div.cpap-masks-category .grid-container-3-cta div.grid-item {
	padding: 0px;
	background:#0ebccb;
	margin-left: 10px;
    margin-right: 10px;
	color: #fff;
}

div.cpap-masks-section-2.slideshow-section {
background:#e3e3e3;	
padding-top: 30px;
	padding-bottom:30px;
}
/*------------------------------ Sell CPAP and BIPAP Masks Category Page ------------------------------------*/
div.sell-cpap-bipap-category div.Content.Wide {
	width:100%;
margin-left: auto;
	margin-right: auto;
}

/*------------------------------ Sell CPAP and BIPAP Masks Hero Section ----------------------------------------------*/

div.sell-cpap-bipap-category div.hero {
width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  background: url(https://cdn10.bigcommerce.com/s-izk6mx67/product_images/uploaded_images/sell-cpap-bipap-hero.jpg) 0 0 no-repeat;
	background-size:cover;
text-align:center;
padding-top: 180px;
padding-bottom: 200px
		
}

div.sell-cpap-bipap-category div.hero h1 {
	color:#fff;
	font-size: 50px;
	font-weight: 300;
	line-height: 120%;
}

div.sell-cpap-bipap-category div.hero h2 {
	color:#fff;
	font-size: 32px;
	font-weight: 300;
	line-height: 120%;
	margin-bottom: 50px;
}

div.sell-cpap-bipap-category div.hero div.hero-btn {
color:#fff;
background: rgb(44,133,198);
background: linear-gradient(180deg, rgba(44,133,198,1) 50%, rgba(55,70,157,1) 100%);
text-transform:uppercase;
border: 1px solid #3595db;
border-radius: 20px;
padding: 8px 20px;
max-width:220px;
margin-left:auto;
margin-right:auto;
}

div.sell-cpap-bipap-category div.hero div.hero-btn:hover {

background: rgb(44,133,198);
background: linear-gradient(180deg, rgba( 55,70,157,1) 50%, rgba(44,133,198,1) 100%);

}

div.sell-cpap-bipaps-category div.hero a {
text-decoration: none;
}

/*--.custom-content {
margin-left:auto;
margin-right:auto;
width: 980px;
}--*/
/*--------------------------- Sell CPAP and BIPAP Masks Section 1 --------------------------*/
.sell-cpap-bipap-section-1{
	width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  background: rgb(13,186,200);
background: linear-gradient(94deg, rgba(13,186,200,1) 46%, rgba(0,99,108,1) 100%);
text-align:center;
padding-top: 60px;
padding-bottom: 60px;
	color:#fff;
}

.sell-cpap-bipap-section-1 h3{
		font-size: 26px;
	font-weight: 600;
text-transform:uppercase;
	margin-bottom:30px;
}

.sell-cpap-bipap-section-1 p{
	margin-bottom:30px;
}

/*--------------------------- Sell CPAP and BIPAP Masks Section 2 --------------------------*/
/*--.fullwidth-sect-2{
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
  margin-right: -50vw;
  background:#000;
padding-top: 60px;
padding-bottom: 60px;
	color:#fff;
}--*/

.grid-container-50-50 {
  display: grid;
  grid-template-columns: 50% 50%;
  padding: 10px;
	text-align:left;
	margin-top: 30px;
	margin-bottom:30px;
}

@media screen and (max-width: 600px) {
.grid-container-50-50 {
	display: block;
    grid-template-columns: 100%!important;
    padding: 10px;
    text-align: center;

}
}

.cta-text-center{
  margin: 0;
  position:relative;
top: 5%;
}

.grid-container-50-50 h3 {
	font-size: 30px;
	font-weight: 600;
    text-transform:uppercase;

	}

.grid-container-50-50 p {
	font-size: 14px;
	line-height: 140%;
}

.text-cta {
    position: relative;
    top: 40%;
    transform: translateY(-50%);
}
.grid-container-3-cta {
	  display: grid;
  grid-template-columns: 33% 33% 33%;
  padding: 40px 15px;
	text-align:center;
} 

.grid-container-4-cta {
	  display: grid;
  grid-template-columns: 25% 25% 25% 25%;
  padding: 40px 15px;
	text-align:center;
}

@media screen and (max-width: 736px) {
.grid-container-4-cta {
	display: block;
    grid-template-columns: 100%;
     padding: 40px 20px;
    text-align: center;

}
	.grid-container-3-cta {
	display: block;
    grid-template-columns: 100%;
     padding: 40px 20px;
    text-align: center;

}
}
.grid-container-3-cta div.grid-item {
	padding: 10px 30px;
} 

.grid-container-4-cta div.grid-item {
	padding: 10px 30px;
}

.sell-cpap-bipap-section-4{
	width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  background: rgb(13,186,200);
background: linear-gradient(94deg, rgba(0,99,108,1) 46%, rgba(13,186,200,1) 100%) ;
text-align:center;
padding-top: 60px;
padding-bottom: 60px;
	color:#fff;
}

.sell-cpap-bipap-section-4 h3{
		font-size: 26px;
	font-weight: 600;
text-transform:uppercase;
	margin-bottom:30px;
}

.sell-cpap-bipap-section-4 p{
	margin-bottom:30px;
}
/*------------------------------ Sell CPAP and BIPAP Masks Form Banner Section ----------------------------------------------*/

div.sell-cpap-bipap-category div.form-banner {
width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  background: url(https://cdn10.bigcommerce.com/s-izk6mx67/product_images/uploaded_images/sell-cpap-form-bg.jpg) 0 0 no-repeat;
	background-size:cover;
text-align:center;
padding-top: 180px;
padding-bottom: 200px
		
}

div.sell-cpap-bipap-category div.form-banner ,div.text-left {
	padding-right: 30px;
}
div.sell-cpap-bipap-category div.form-banner h2 {
	color:#fff;
	font-size: 40px;
	font-weight: 300;
	line-height: 120%;
}

new-bipap
div.sell-cpap-bipap-category div.form-banner p {
	color:#fff;
	font-size: 16px;
	font-weight: 300;
	line-height: 120%;
	margin-bottom: 50px;
}

.form-background {
	background: #fff;
	padding: 20px;
}

.btn-50 {
text-transform:uppercase;
	font-size:18px;
	padding: 15px 40px;
	margin-top: 20px;
}

.sell-cpap-bipap-category .text-cta {
    position: relative;
    top: 10%;
    transform: translateY(-50%);
}

.sell-cpap-bipap-category .text-cta p {
    color:#fff;
}

.black-text{
	color:#000!important;
}

div.sell-cpap-bipap-category .grid-container-3-cta {
	  display: grid;
  grid-template-columns: 33% 33% 33%;
  padding: 40px 15px;
	text-align:center;
}

@media screen and (max-width: 736px) {
div.sell-cpap-bipap-category .grid-container-3-cta {
	display: block;
	  grid-template-columns: 100%;
     padding: 40px 20px;
    text-align: center;

}
}

div.sell-cpap-bipap-category .grid-container-3-cta div.grid-item {
	padding: 0px;
	margin-left: 10px;
    margin-right: 10px;
	color: #000;
}

div.sell-cpap-bipap-category .grid-container-3-cta div.grid-item h2 {
	margin-top: 15px;
}

div.sell-cpap-bipap-section-2.slideshow-section {
background:#e3e3e3;	
padding-top: 30px;
	padding-bottom:30px;
}

/*------------------------------ Refurbished ResMed CPAP Machines Page ----------------------------------------------*/
/*------------------------------ Hero ----------------------------------------------*/
div.ResMed-hero {
width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;

  background: url(https://cdn10.bigcommerce.com/s-izk6mx67/product_images/uploaded_images/-resmed-page-hero.jpg?t=1642696125) 0 0 no-repeat;
	background-size:cover;
text-align:center;
padding-top: 180px;
padding-bottom: 200px
		
}


/*------------------------------ Refurbished Philips CPAP Machines ----------------------------------------------*/
/*------------------------------ Hero ----------------------------------------------*/
div.Philips-hero {
width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;

  background: url(https://cdn10.bigcommerce.com/s-izk6mx67/product_images/uploaded_images/phillips-page-hero.jpg?t=1642703354) 0 0 no-repeat;
	background-size:cover;
text-align:center;
padding-top: 180px;
padding-bottom: 200px
		
}



/*------------------------------ Refurbished DeVilbiss CPAP Machines ----------------------------------------------*/
/*------------------------------ Hero ----------------------------------------------*/
div.DeVilbiss-hero {
width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;

  background: url(https://cdn10.bigcommerce.com/s-izk6mx67/product_images/uploaded_images/devillibiss-page-hero.jpg?t=1642703911) 0 0 no-repeat;
	background-size:cover;
text-align:center;
padding-top: 180px;
padding-bottom: 200px
		
}



/*------------------------------ Purchase Refurbished Page ----------------------------------------------*/
/*------------------------------ Hero ----------------------------------------------*/
div.purchase-hero {
width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;

  background: url(https://cdn10.bigcommerce.com/s-izk6mx67/product_images/uploaded_images/hero333.jpg) 0 0 no-repeat;
	background-size:cover;
text-align:center;
padding-top: 180px;
padding-bottom: 200px
		
}

/*------------------------------ Badge / CTA Row ----------------------------------------------*/

* {
  box-sizing: border-box;
}

/* Two equal columns that float next to each other */
.purchase-column {
  text-align: center;
  float: left;
  width: 33%;
  padding: 15px;
}

/* Clear floats after the columns */
.purchase-row:after {
  content: "";
  display: table;
  clear: both;
}
  /* For mobile responsive */
@media only screen and (max-width: 768px) {
  [class*="purchase-column"] {
    width: 100%;
  }
}

/*------------------------------ 50/50 Row ----------------------------------------------*/

* {
  box-sizing: border-box;
}

/* Two equal columns that float next to each other */
.p50-column {
  text-align: left;
  float: left;
  width: 50%;
  padding: 15px;
}

/* Clear floats after the columns */
.p50-row:after {
  content: "";
  display: table;
  clear: both;
}
  /* For mobile responsive */
@media only screen and (max-width: 768px) {
  [class*="p50-column"] {
    width: 100%;
  }
}

/*------------------------ New Auto BIPAP Category Page Start -----------------------------------*/

div.auto-bipap-category div.Content.Wide {
	width:100%;
margin-left: auto;
	margin-right: auto;
}

/*------------------------------ New Auto BIPAP Hero Section ----------------------------------------------*/

div.auto-bipap-category div.hero {
width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  background: url(https://cdn10.bigcommerce.com/s-izk6mx67/product_images/uploaded_images/auto-bipap-hero.jpg) 0 0 no-repeat;
	background-size:cover;
text-align:center;
padding-top: 180px;
padding-bottom: 200px
		
}

div.auto-bipap-category div.hero h1 {
	color:#fff;
	font-size: 50px;
	font-weight: 300;
	line-height: 120%;
}

div.auto-bipap-category div.hero h2 {
	color:#fff;
	font-size: 32px;
	font-weight: 300;
	line-height: 120%;
	margin-bottom: 50px;
}

div.auto-bipap-category div.hero div.hero-btn {
color:#fff;
background: rgb(44,133,198);
background: linear-gradient(180deg, rgba(44,133,198,1) 50%, rgba(55,70,157,1) 100%);
text-transform:uppercase;
border: 1px solid #3595db;
border-radius: 20px;
padding: 8px 20px;
max-width:220px;
margin-left:auto;
margin-right:auto;
}

div.auto-bipap-category div.hero div.hero-btn:hover {

background: rgb(44,133,198);
background: linear-gradient(180deg, rgba( 55,70,157,1) 50%, rgba(44,133,198,1) 100%);

}

div.auto-bipap-category div.hero a {
text-decoration: none;
}

/*--.custom-content {
margin-left:auto;
margin-right:auto;
width: 980px;
}--*/
/*--------------------------- Section 1 --------------------------*/
.auto-bipap-section-1{
	width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  background: rgb(13,186,200);
background: linear-gradient(94deg, rgba(13,186,200,1) 46%, rgba(0,99,108,1) 100%);
text-align:center;
padding-top: 60px;
padding-bottom: 60px;
	color:#fff;
}

.auto-bipap-section-1 h3{
		font-size: 26px;
	font-weight: 600;
text-transform:uppercase;
	margin-bottom:30px;
}

.auto-bipap-section-1 p{
	margin-bottom:30px;
}

/*--------------------------- Section 2 --------------------------*/
/*--.fullwidth-sect-2{
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
  margin-right: -50vw;
  background:#000;
padding-top: 60px;
padding-bottom: 60px;
	color:#fff;
}--*/

.grid-container-50-50 {
  display: grid;
  grid-template-columns: 50% 50%;
  padding: 10px;
	text-align:left;
	margin-top: 30px;
	margin-bottom:30px;
}

@media screen and (max-width: 600px) {
.grid-container-50-50 {
	display: block;
    grid-template-columns: 100%!important;
    padding: 10px;
    text-align: center;

}
}

.cta-text-center{
  margin: 0;
  position:relative;
top: 5%;
}

.grid-container-50-50 h3 {
	font-size: 30px;
	font-weight: 600;
    text-transform:uppercase;

	}

.grid-container-50-50 p {
	font-size: 14px;
	line-height: 140%;
}

.text-cta {
    position: relative;
    top: 40%;
    transform: translateY(-50%);
}

.grid-container-4-cta {
	  display: grid;
  grid-template-columns: 25% 25% 25% 25%;
  padding: 40px 15px;
	text-align:center;
}

@media screen and (max-width: 736px) {
.grid-container-4-cta {
	display: block;
    grid-template-columns: 100%;
     padding: 40px 20px;
    text-align: center;

}
}

.grid-container-4-cta div.grid-item {
	padding: 10px 30px;
}

.auto-bipap-section-4{
	width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  background: rgb(13,186,200);
background: linear-gradient(94deg, rgba(0,99,108,1) 46%, rgba(13,186,200,1) 100%) ;
text-align:center;
padding-top: 60px;
padding-bottom: 60px;
	color:#fff;
}

.auto-bipap-section-4 h3{
		font-size: 26px;
	font-weight: 600;
text-transform:uppercase;
	margin-bottom:30px;
}

.auto-bipap-section-4 p{
	margin-bottom:30px;
}
/*------------------------------ CPAP Form Banner Section ----------------------------------------------*/

div.auto-bipap-category div.form-banner {
width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  background: url(https://cdn10.bigcommerce.com/s-izk6mx67/product_images/uploaded_images/cpap-bottom-image.jpg) 0 0 no-repeat;
	background-size:cover;
text-align:center;
padding-top: 180px;
padding-bottom: 200px
		
}

div.auto-bipap-category div.form-banner ,div.text-left {
	padding-right: 30px;
}
div.auto-bipap-category div.form-banner h2 {
	color:#fff;
	font-size: 40px;
	font-weight: 300;
	line-height: 120%;
}

div.auto-bipap-category div.form-banner p {
	color:#fff;
	font-size: 16px;
	font-weight: 300;
	line-height: 120%;
	margin-bottom: 50px;
}

.form-background {
	background: #fff;
	padding: 20px;
}

.btn-50 {
text-transform:uppercase;
	font-size:18px;
	padding: 15px 40px;
	margin-top: 20px;
}
/*------------------------ New Auto BIPAP Category Page End -----------------------------------*/
/*------------------------ Full Face CPAP Category Page Start -----------------------------------*/

div.full-face-cpap-category div.Content.Wide {
	width:100%;
margin-left: auto;
	margin-right: auto;
}

/*------------------------------ Full Face CPAP Hero Section ----------------------------------------------*/

div.full-face-cpap-category div.hero {
width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  background: url(https://cdn10.bigcommerce.com/s-izk6mx67/product_images/uploaded_images/full-face-mask-hero.png) 0 0 no-repeat;
	background-size:cover;
text-align:center;
padding-top: 180px;
padding-bottom: 200px
		
}

div.full-face-cpap-category div.hero h1 {
	color:#fff;
	font-size: 50px;
	font-weight: 300;
	line-height: 120%;
}

div.full-face-cpap-category div.hero h2 {
	color:#fff;
	font-size: 32px;
	font-weight: 300;
	line-height: 120%;
	margin-bottom: 50px;
}

div.full-face-cpap-category div.hero div.hero-btn {
color:#fff;
background: rgb(44,133,198);
background: linear-gradient(180deg, rgba(44,133,198,1) 50%, rgba(55,70,157,1) 100%);
text-transform:uppercase;
border: 1px solid #3595db;
border-radius: 20px;
padding: 8px 20px;
max-width:220px;
margin-left:auto;
margin-right:auto;
}

div.full-face-cpap-category div.hero div.hero-btn:hover {

background: rgb(44,133,198);
background: linear-gradient(180deg, rgba( 55,70,157,1) 50%, rgba(44,133,198,1) 100%);

}

div.full-face-cpap-category div.hero a {
text-decoration: none;
}

/*--.custom-content {
margin-left:auto;
margin-right:auto;
width: 980px;
}--*/
/*--------------------------- Section 1 --------------------------*/
.full-face-cpap-section-1{
	width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  background: rgb(13,186,200);
background: linear-gradient(94deg, rgba(13,186,200,1) 46%, rgba(0,99,108,1) 100%);
text-align:center;
padding-top: 60px;
padding-bottom: 60px;
	color:#fff;
}

.full-face-cpap-section-1 h3{
		font-size: 26px;
	font-weight: 600;
text-transform:uppercase;
	margin-bottom:30px;
}

.full-face-cpap-section-1 p{
	margin-bottom:30px;
}

/*--------------------------- Section 2 --------------------------*/

.grid-container-50-50 {
  display: grid;
  grid-template-columns: 50% 50%;
  padding: 10px;
	text-align:left;
	margin-top: 30px;
	margin-bottom:30px;
}

.grid-text-left {
	padding-right:15px;
	text-align:left;
}

.grid-text-right {
	padding-left:15px;
}

@media screen and (max-width: 600px) {
.grid-container-50-50 {
	display: block;
    grid-template-columns: 100%!important;
    padding: 10px;
    text-align: center;

}
}

.cta-text-center{
  margin: 0;
  position:relative;
top: 5%;
}

.grid-container-50-50 h3 {
	font-size: 30px;
	font-weight: 600;
    text-transform:uppercase;

	}

.grid-container-50-50 p {
	font-size: 14px;
	line-height: 140%;
}

.text-cta {
    position: relative;
    top: 40%;
    transform: translateY(-50%);
}

.grid-container-4-cta {
	  display: grid;
  grid-template-columns: 25% 25% 25% 25%;
  padding: 40px 15px;
	text-align:center;
}

@media screen and (max-width: 736px) {
.grid-container-4-cta {
	display: block;
    grid-template-columns: 100%;
     padding: 40px 20px;
    text-align: center;

}
}

.grid-container-4-cta div.grid-item {
	padding: 10px 30px;
}

.full-face-cpap-section-4{
	width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  background: rgb(13,186,200);
background: linear-gradient(94deg, rgba(0,99,108,1) 46%, rgba(13,186,200,1) 100%) ;
text-align:center;
padding-top: 60px;
padding-bottom: 60px;
	color:#fff;
}

.full-face-cpap-section-4 h3{
		font-size: 26px;
	font-weight: 600;
text-transform:uppercase;
	margin-bottom:30px;
}

.full-face-cpap-section-4 p{
	margin-bottom:30px;
}
/*------------------------------ CPAP Form Banner Section ----------------------------------------------*/

div.full-face-cpap-category div.form-banner {
width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  background: url(https://cdn10.bigcommerce.com/s-izk6mx67/product_images/uploaded_images/cpap-bottom-image.jpg) 0 0 no-repeat;
	background-size:cover;
text-align:center;
padding-top: 180px;
padding-bottom: 200px
		
}

div.full-face-cpap-category div.form-banner ,div.text-left {
	padding-right: 30px;
}
div.full-face-cpap-category div.form-banner h2 {
	color:#fff;
	font-size: 40px;
	font-weight: 300;
	line-height: 120%;
}

div.full-face-cpap-category div.form-banner p {
	color:#fff;
	font-size: 16px;
	font-weight: 300;
	line-height: 120%;
	margin-bottom: 50px;
}

.form-background {
	background: #fff;
	padding: 20px;
}

.btn-50 {
text-transform:uppercase;
	font-size:18px;
	padding: 15px 40px;
	margin-top: 20px;
}
/*------------------------ New Auto BIPAP Category Page End -----------------------------------*/

/*------------------------------ CPAP 4 Reasons To Use A Machine Page ----------------------------------------------*/
/*------------------------------ Hero ----------------------------------------------*/
div.four-reasons {
width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;

  background: url(https://cdn10.bigcommerce.com/s-izk6mx67/product_images/uploaded_images/4-reasons-page-hero.jpg) 0 0 no-repeat;
	background-size:cover;
text-align:center;
padding-top: 180px;
padding-bottom: 200px
		
}




div.four-reasons div.form-banner {
width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  background: url(https://cdn10.bigcommerce.com/s-izk6mx67/product_images/uploaded_images/4-reasons-page-hero.jpg) 0 0 no-repeat;
	background-size:cover;
text-align:center;
padding-top: 180px;
padding-bottom: 200px
		
}

div.four-reasons div.form-banner ,div.text-left {
	padding-right: 30px;
}
div.four-reasons div.form-banner h2 {
	color:#fff;
	font-size: 40px;
	font-weight: 300;
	line-height: 120%;
}

div.four-reasons div.form-banner p {
	color:#fff;
	font-size: 16px;
	font-weight: 300;
	line-height: 120%;
	margin-bottom: 50px;
}

.form-background {
	background: #fff;
	padding: 20px;
}

.btn-50 {
text-transform:uppercase;
	font-size:18px;
	padding: 15px 40px;
	margin-top: 20px;
}
/*------------------------ CPAP 4 Reasons To Use A Machine Page End -----------------------------------*/


/*------------------------------ The Health Benefits Of Good Sleep Page ----------------------------------------------*/
/*------------------------------ Hero ----------------------------------------------*/
div.four-reasons {
width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;

  background: url(https://cdn10.bigcommerce.com/s-izk6mx67/product_images/uploaded_images/goodsleep-banner.jpg) 0 0 no-repeat;
	background-size:cover;
text-align:center;
padding-top: 180px;
padding-bottom: 200px
		
}




div.four-reasons div.form-banner {
width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  background: url(https://cdn10.bigcommerce.com/s-izk6mx67/product_images/uploaded_images/goodsleep-banner.jpg) 0 0 no-repeat;
	background-size:cover;
text-align:center;
padding-top: 180px;
padding-bottom: 200px
		
}

div.four-reasons div.form-banner ,div.text-left {
	padding-right: 30px;
}
div.four-reasons div.form-banner h2 {
	color:#fff;
	font-size: 40px;
	font-weight: 300;
	line-height: 120%;
}

div.four-reasons div.form-banner p {
	color:#fff;
	font-size: 16px;
	font-weight: 300;
	line-height: 120%;
	margin-bottom: 50px;
}

.form-background {
	background: #fff;
	padding: 20px;
}

.btn-50 {
text-transform:uppercase;
	font-size:18px;
	padding: 15px 40px;
	margin-top: 20px;
}
/*------------------------ The Health Benefits Of Good Sleep End -----------------------------------*/

/*------------------------------ How A CPAP Machine Can Change Your Life ----------------------------------------------*/
/*------------------------------ Hero ----------------------------------------------*/
div.four-reasons {
width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;

  background: url(https://cdn10.bigcommerce.com/s-izk6mx67/product_images/uploaded_images/hero-change.jpg) 0 0 no-repeat;
	background-size:cover;
text-align:center;
padding-top: 180px;
padding-bottom: 200px
		
}




div.four-reasons div.form-banner {
width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  background: url(https://cdn10.bigcommerce.com/s-izk6mx67/product_images/uploaded_images/hero-change.jpg) 0 0 no-repeat;
	background-size:cover;
text-align:center;
padding-top: 180px;
padding-bottom: 200px
		
}

div.four-reasons div.form-banner ,div.text-left {
	padding-right: 30px;
}
div.four-reasons div.form-banner h2 {
	color:#fff;
	font-size: 40px;
	font-weight: 300;
	line-height: 120%;
}

div.four-reasons div.form-banner p {
	color:#fff;
	font-size: 16px;
	font-weight: 300;
	line-height: 120%;
	margin-bottom: 50px;
}

.form-background {
	background: #fff;
	padding: 20px;
}

.btn-50 {
text-transform:uppercase;
	font-size:18px;
	padding: 15px 40px;
	margin-top: 20px;
}


/*------------------------ How To Take Care Of Your Machine -----------------------------------*/

/*------------------------------ How To Take Care Of Your Machine ----------------------------------------------*/
/*------------------------------ Hero ----------------------------------------------*/
div.take-care {
width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;

  background: url(https://cdn10.bigcommerce.com/s-izk6mx67/product_images/uploaded_images/takecare-banner.jpg) 0 0 no-repeat;
	background-size:cover;
text-align:center;
padding-top: 180px;
padding-bottom: 200px
		
}




div.take-care div.form-banner {
width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  background: url(https://cdn10.bigcommerce.com/s-izk6mx67/product_images/uploaded_images/takecare-banner.jpg) 0 0 no-repeat;
	background-size:cover;
text-align:center;
padding-top: 180px;
padding-bottom: 200px
		
}

div.take-care div.form-banner ,div.text-left {
	padding-right: 30px;
}
div.take-care div.form-banner h1 {
	color:#fff;
	font-size: 40px;
	font-weight: 300;
	line-height: 120%;
}

div.take-care div.form-banner p {
	color:#fff;
	font-size: 16px;
	font-weight: 300;
	line-height: 120%;
	margin-bottom: 50px;
}

.form-background {
	background: #fff;
	padding: 20px;
}

.btn-50 {
text-transform:uppercase;
	font-size:18px;
	padding: 15px 40px;
	margin-top: 20px;
}