@viewport {
  width: device-width;
  zoom: 1;
}
/* Variables */
/* Colors 
@gray-base:              #000;
@gray-darker:            lighten(@gray-base, 13.5%); // #222
@gray-dark:              lighten(@gray-base, 20%);   // #333
@gray:                   lighten(@gray-base, 33.5%); // #555
@gray-light:             lighten(@gray-base, 46.7%); // #777
@gray-lighter:           lighten(@gray-base, 93.5%); // #eee

@brandColor1:			#CE1E29; 	//Red
@brandColor2:			#118ACB;	//Blue
@brandColor3:			#8EBD3E;	//Green
@brandColor4:			#DE6C27;	//Orange
@brandColor5:			#DE6C27;	//Yellow

@brand-primary:			darken(@brandColor5, 10%);
@brand-success:			darken(@brandColor3, 10%);
@brand-info:				darken(@brandColor2, 10%);
@brand-warning:			darken(@brandColor4, 10%);
@brand-danger:				darken(@brandColor1, 10%);
@link-color:            @brand-primary;
@link-hover-color:      darken(@link-color, 15%);
*/
/* Fonts & Headings 
@font-size-base:	12pt;
@xlarge:			ceil((@font-size-base * 1.5)); // 18pt
@large:				ceil((@font-size-base * 1.25)); // 15pt
@small:				ceil((@font-size-base * 0.83)); // 10pt
@xsmall:			ceil((@font-size-base * 0.75)); // 9pt
*/
/* Start Colors Variables */
/* New Variables for Colors*/
/*Blue*/
/*Blue Light*/
/*Blue Dark*/
/*Green*/
/*Green Light*/
/*Green Dark*/
/*Red*/
/*Red Light*/
/*Red Dark*/
/*Orange*/
/*Orange Light */
/*Orange Dark*/
/*Yellow*/
/*Yellow Light*/
/*Yellow Dark*/
/*Light Grey*/
/* Variations */
/* End of Colors */
/* CSS3 */
/* Wdith & Height */
/* Borders */
.mi,
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga" 1;
}
@media screen and (max-width: 813px) {
  #body_5289 .category-icons table tbody tr,
  #body_5290 .category-icons table tbody tr {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }
  #body_5289 .category-icons table tbody tr td,
  #body_5290 .category-icons table tbody tr td {
    width: 100% !important;
  }
  .postersDataList {
    float: none !important;
    text-align: center;
  }
  .float-dotfit-loyalty {
    top: 10rem;
  }
  .float-dotfit-loyalty.loyalty-header {
    text-align: center;
    width: 48px;
    right: 10px;
    padding: 4px;
    top: 5%;
  }
  .float-dotfit-loyalty.loyalty-header img.searchbadge {
    max-width: 48px;
  }
  .carousel-inner > .item.ulAskExperts.showRDS.active .randomQestionsinSlide {
    top: 7em;
  }
  .dotfitProSlider {
    height: 100vh;
  }
  .dotfitProSlider .carousel-inner {
    height: 100vh;
  }
  .dotfitProSlider .carousel-inner .item {
    height: 100%;
  }
  .dotfitProSlider .carousel-inner .item > div.col-md-12 {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }
  .dotfitProSlider .carousel-inner .item h3 {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 32pt !important;
    font-weight: 500;
  }
  .dotfitProSlider .carousel-inner .item .cta-wrapper.button-wrapper {
    margin-top: 5rem;
  }
  .dotfitProSlider .carousel-inner .item.slide1 {
    background: url(/sites/63/templates/content/images/41151/mslide1.jpg) !important;
  }
  .dotfitProSlider .carousel-inner .item.slide2 {
    background: url(/sites/63/templates/content/images/41151/mslide2.jpg) !important;
  }
  .dotfitProSlider .carousel-inner .item.slide3 {
    background: url(/sites/63/templates/content/images/41151/mslide3.jpg) !important;
  }
  .dotfitProSlider .carousel-inner .item.slide4 {
    background: url(/sites/63/templates/content/images/41151/mslide4.jpg) !important;
  }
  .dotfitProSlider .carousel-inner .item.slide5 {
    background: url(/sites/63/templates/content/images/41151/mslide5.jpg) !important;
  }
  .dotfitProSection {
    min-height: 100vh;
    height: auto;
  }
  .dotfitProSection .contentBox h3 {
    font-size: 24pt;
    text-align: center !important;
  }
  .dotfitProSection.section1 {
    background: url(/sites/63/templates/content/images/41151/msection1.jpg) !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
  }
  .dotfitProSection.section2 {
    background: url(/sites/63/templates/content/images/41151/msection2.jpg) !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
  }
  .dotfitProSection.section3 {
    background: url(/sites/63/templates/content/images/41151/msection3.jpg) !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
  }
  #body_41151 .well {
    padding: 1.75rem;
  }
  #body_38566 section.section-askexperts {
    min-height: 600px;
  }
  #body_38566 section.section-askexperts .randomQestions h4 {
    font-size: 18pt;
  }
  #body_38566 section.section-askexperts article .col-md-6.head {
    min-height: 60px;
    pointer-events: inherit;
  }
  #body_38566 section.section-askexperts article .col-md-6.head .titleCircle {
    background: none;
    height: 120px;
  }
  #body_38566 section.section-askexperts article .col-md-6.head .titleCircle h2 {
    display: none;
  }
  #body_38566 section.section-askexperts article .contact-form h2 {
    display: none;
  }
  #webpage_33171 .module_100024#modassoc_119085 {
    position: relative;
    top: 10px;
  }
  #webpage_33171 section#askexperts article .randomQestions {
    clear: both;
  }
  #webpage_33171 .askexp .askexp-bc .fl {
    float: none!important;
    display: block;
    width: 100%;
  }
  #webpage_33171 .askexp .module_100044 h3 {
    font-size: 24px;
    padding: 2rem 0 1.5rem;
  }
  #body_41563 main {
    padding-top: 116px;
  }
  #body_41563 main .redlineAthletics .carousel-indicators {
    height: 60px;
    bottom: 0px;
  }
  #body_41563 main .redlineAthletics .carousel-inner > .item {
    max-width: 100%;
    min-height: 40vh;
    background-size: cover!important;
    background-repeat: no-repeat !important;
    background-position: top center!important;
  }
  #body_41563 main .bundles {
    max-width: 90%;
    margin: auto;
  }
  #body_41563 main .bundles .bundle-young {
    margin: 0px auto 3rem;
  }
  #body_41563 main .bundles .bundle-young #storeBundle .jcarousel-skin-tango {
    display: flex;
    flex-wrap: wrap;
  }
  #body_41563 main .bundles .bundle-young #storeBundle .jcarousel-skin-tango li {
    flex: 0 1 100%;
    max-width: 100%;
  }
  #body_41563 main .bundles .bundle-middle {
    margin: 0px auto 3rem;
    border-bottom: 3px solid #CE1E29;
  }
  #body_41563 main .bundles .bundle-middle .jcarousel-skin-tango {
    display: flex;
    flex-wrap: wrap;
  }
  #body_41563 main .bundles .bundle-middle .jcarousel-skin-tango li {
    flex: 0 1 100%;
    max-width: 100%;
  }
  #body_41563 main .bundles .bundle-teen {
    margin: 0px auto 3rem;
    border-bottom: 3px solid #CE1E29;
  }
  #body_41563 main .bundles .bundle-teen .jcarousel-skin-tango {
    display: flex;
    flex-wrap: wrap;
  }
  #body_41563 main .bundles .bundle-teen .jcarousel-skin-tango li {
    flex: 0 1 100%;
    max-width: 100%;
  }
  #body_41151 {
    overflow: auto;
  }
  #body_41151 .dotfitpro-top {
    margin: 1rem auto;
  }
  #body_41151 .dotfitpro-top .logotype figure img {
    max-height: 30px;
  }
  #body_41151 main {
    margin-top: -60px;
  }
  #body_41151 main .mainContent {
    padding: 0 1rem;
  }
  #body_41151 main .dotFitProHome .dotfitProContent {
    height: 100%;
    max-width: 100%;
    margin: 2rem auto 1rem;
  }
  #body_41151 main .dotFitProHome .dotfitProContent .dotFitProHomeList {
    font-size: 14pt;
    line-height: 1.5;
  }
  #body_41151 main .dotFitProHome .cta-wrapper.button-wrapper {
    margin: 1rem;
  }
  #body_41151 main .dotFitProHome .cta-wrapper.button-wrapper .button.cta-button {
    padding: 1.35rem 4rem;
    max-width: 20rem;
  }
  #body_41151 main h1 {
    font-size: 24pt;
    text-align: center;
  }
  #body_41151 main h3 {
    font-size: 18pt;
    text-align: center;
  }
  #body_38566 .legal-verbiage {
    font-size: 10pt;
    max-width: 80%;
    text-align: center;
    margin: 1rem auto 1rem;
    position: relative;
    z-index: 99;
    left: 0;
    right: 0;
    bottom: -2rem;
  }
  .askRDsGrid span {
    width: 100%;
  }
  .askRDsGrid span .news_title a figure img.askRDsThumb {
    width: 100%;
    height: auto;
  }
  #body_41676 .bundles {
    max-width: 100%!important;
  }
  #body_41676 .bundles .jcarousel-skin-tango {
    flex-wrap: wrap;
  }
  #body_41676 .bundles .jcarousel-skin-tango li {
    flex: 0 1 100%!important;
    max-width: 100%!important;
  }
  #body_41733 .bundles {
    max-width: 100%!important;
  }
  #body_41733 .bundles .bundle-three {
    margin: 0px auto 1rem;
  }
  #body_41733 .bundles .bundle-three #storeBundle .jcarousel-skin-tango {
    display: flex;
    flex-wrap: wrap;
  }
  #body_41733 .bundles .bundle-three #storeBundle .jcarousel-skin-tango li {
    flex: 0 1 49%;
    max-width: 49%;
    width: 49%;
  }
  #body_41733 .bundles .bundle-middle {
    margin: 0px auto 1rem;
    flex-wrap: wrap;
  }
  #body_41733 .bundles .bundle-middle .jcarousel-skin-tango {
    display: flex;
  }
  #body_41733 .bundles .bundle-middle .jcarousel-skin-tango li {
    flex: 0 1 49%;
    max-width: 49%;
    width: 49%;
  }
  #body_41733 .bundles .bundle-four {
    margin: 0px auto 1rem;
  }
  #body_41733 .bundles .bundle-four .jcarousel-skin-tango {
    display: flex;
    flex-wrap: wrap;
  }
  #body_41733 .bundles .bundle-four .jcarousel-skin-tango li {
    flex: 0 1 49%;
    width: 49%;
    max-width: 49%;
  }
}
/* === media screen === */
@media screen and (max-width: 768px) {
  .results-page > div > h3 {
    padding: 1em 0 0;
  }
  .results-page > div > h3 input[type=text] {
    width: auto !important;
  }
  .results-page ul.leftmenu {
    float: none;
  }
  #searchResultsProducts {
    clear: both;
  }
  #prodRelatedProduct .cntbox_product,
  #prodRelatedProduct .productInfos .leftmodulesdiv {
    max-width: none !important;
  }
  #searchResultsProducts .productInfoTabs {
    clear: both;
  }
  .searchResultsArticles #resultsQuestions {
    padding-left: 0;
  }
  .consoleMenuTopBar,
  #platformMenu {
    display: none;
  }
  header,
  main,
  footer,
  .leftmodulesdiv,
  .centermodulesdiv,
  .rightmodulesdiv {
    width: 100%;
  }
  .leftmodulesdiv + .centermodulesdiv,
  .leftmodulesdiv + .rightmodulesdiv + .centermodulesdiv {
    width: 100%;
  }
  .leftmodulesdiv {
    padding-top: 0;
  }
  .My-Account-Wrapper {
    margin-left: -15px;
    margin-right: -15px;
  }
  header.sidebar-header {
    height: auto;
  }
  header .container-fluid #logo {
    width: 100px;
    padding: 8px 2px;
    margin: 0px;
    z-index: 9999;
  }
  header .container-fluid #logo figure {
    /*display: none;*/
  }
  header .container-fluid #logo figure img {
    max-height: 50px;
  }
  header .container-fluid button.js-menu-show {
    display: inline-block;
    line-height: 40px;
    width: 45px;
  }
  header .sidebar-fixed-left {
    z-index: 10000;
  }
  .orderContentWrapper .info {
    width: 100% !important;
    clear: both;
    margin-bottom: 1em;
  }
  .mainshoptable table.cartGrid > tbody > tr:first-child > td.bgBox {
    width: auto !important;
  }
  .mainshoptable table.cartGrid > tbody > tr:first-child > td.bgBox.availability,
  .mainshoptable table.cartGrid > tbody > tr:first-child > td.bgBox.quantity,
  .mainshoptable table.cartGrid > tbody > tr:first-child > td.bgBox.subTotal {
    text-align: left;
    text-indent: -999px;
  }
  .mainshoptable table.cartGrid > tbody > tr:first-child > td.bgBox.availability:after {
    content: 'AVAIL';
    display: block;
    text-indent: 0;
    float: left;
  }
  .mainshoptable table.cartGrid > tbody > tr:first-child > td.bgBox.quantity:after {
    content: 'QTY';
    display: block;
    text-indent: 0;
    float: left;
  }
  .mainshoptable table.cartGrid > tbody > tr:first-child > td.bgBox.subTotal:after {
    content: 'SUB';
    display: block;
    text-indent: 0;
    float: right;
  }
  #body_4028 #colorbox,
  #body_4028 #cboxContent,
  #body_4028 #cboxLoadedContent,
  #body_4028 #cboxWrapper {
    width: 100% !important;
  }
  #cboxClose {
    z-index: 99999 !important;
    color: #fff;
  }
  /*My account */
  .rowmargin {
    margin-left: 15px;
    margin-right: 15px;
  }
  /* Search Results */
  ul.ui-autocomplete.ui-front.ui-menu.ui-widget.ui-widget-content {
    height: 600px;
    width: 95vw !important;
    overflow: auto;
    overflow-x: hidden;
    border: 1px solid #eeeeee !important;
    top: 70px;
    left: 2.5vw;
    right: 2.5vw;
  }
  ul.RDSSearch.ui-autocomplete.ui-front.ui-menu.ui-widget.ui-widget-content {
    left: 1rem;
    right: 1rem;
  }
  ul.ui-autocomplete.ui-front.ui-menu.ui-widget.ui-widget-content.contentSearch {
    top: 65px;
    left: 0.8em;
    right: 0.8em;
  }
  #foodResults ul.ui-autocomplete.ui-front.ui-menu.ui-widget.ui-widget-content {
    height: 300px;
    width: 95vw !important;
    overflow: auto;
    overflow-x: hidden;
    border: 1px solid #eeeeee !important;
    top: 0px;
    left: 0.5vw;
    right: 0vw;
  }
  .group-supplement .form-group {
    clear: both;
  }
  img {
    max-width: 100%;
  }
  main {
    padding-top: 60px;
  }
  .extendedPageHeader {
    padding: 90px 0 1em;
  }
  .extendedPageHeader h1 {
    font-size: 24pt !important;
  }
  .extendedPageHeader h2 {
    font-size: 18pt !important;
  }
  .extendedPageHeader span {
    font-size: 12pt !important;
    line-height: normal;
  }
  .extendedPageHeader a i {
    padding: 8px;
  }
  .typeProduct main {
    margin-top: 0px;
  }
  .topmodulesdiv .module_100009 {
    /*margin-top: -60px;*/
  }
  .navbar .navbar-nav .dropdown .dropdown-toggle:after {
    display: none;
  }
  nav.navbar.user ul li ul.user-nav-dropdown:before {
    right: 13px;
  }
  nav.navbar.user ul.nav.navbar-nav.navbar-left:nth-child(2) {
    display: flex;
  }
  nav.navbar.user ul.nav.navbar-nav.navbar-left:nth-child(2) li a {
    padding: 1em 0.5em;
  }
  section.slider {
    min-height: 100vh;
  }
  section.slider .item {
    height: 100%;
  }
  section.slider .item .slogan {
    width: 250px;
    height: 120px;
    display: block;
    left: 1%;
    right: 1%;
    margin: 60px auto 0;
    background-position: center bottom;
  }
  section.slider .item > figure {
    width: auto;
    min-height: 100vh;
    background-size: cover;
  }
  section.slider .item > figure > img {
    height: 100%;
    width: 100%;
  }
  section.slider .item .carousel-caption {
    left: 0%;
    right: 0%;
    width: 300px !important;
    height: 300px;
    top: 50%;
    margin-top: -145px;
    padding-left: 1rem !important;
  }
  section.slider .item .carousel-caption .content {
    position: relative;
  }
  section.slider .item .carousel-caption .content h3 {
    font-size: 22pt;
    margin-top: 65px;
    width: 100%;
  }
  section.slider .item .carousel-caption .content h4 {
    width: 80%;
    font-size: 16pt;
    margin: 125px auto 0px;
    left: 0;
    right: 0;
  }
  section.slider .item .carousel-caption .content figure.fusinonetics-sponsor {
    top: 220px;
  }
  section.slider .item .carousel-caption .content figure.fusinonetics-sponsor img {
    max-height: 45px;
  }
  .carousel-inner > .item:nth-child(2) .carousel-caption .content h3 {
    margin-top: 50px;
  }
  .carousel-inner > .item:nth-child(3) .carousel-caption .content h3 {
    margin-top: 48px;
  }
  .carousel-inner > .item:nth-child(2) .carousel-caption .content h4,
  .carousel-inner > .item:nth-child(3) .carousel-caption .content h4,
  .carousel-inner > .item:nth-child(3) .carousel-caption .content h4,
  .carousel-inner > .item:nth-child(3) .carousel-caption .content h4 {
    margin-top: 125px;
  }
  .carousel-inner > .item.ulExercise .carousel-caption .content h4,
  .carousel-inner > .item.ulDietary .carousel-caption .content h4 {
    margin-top: 125px;
  }
  .carousel-inner > .item.ulProduct .productofthemonth {
    top: 35%;
    left: 0%;
    padding: 1em 2em;
  }
  .carousel-inner > .item.ulProduct .productofthemonth .banner.content h3 {
    font-size: 36pt;
  }
  .carousel-inner > .item.ulProduct .productofthemonth .banner.content h4 {
    font-size: 24pt;
  }
  nav.navbar.user {
    padding: 0;
  }
  .carousel-indicators {
    height: 120px;
  }
  .carousel-indicators li {
    width: 24px;
    height: 24px;
    margin: 4px;
  }
  .carousel-indicators li.active {
    width: 64px;
    height: 64px;
  }
  section.section-nice .col-md-6.head .titleCircle {
    width: 275px;
    height: 275px;
    margin-bottom: 30px;
  }
  section.section-nice .col-md-6.head .titleCircle h2 {
    font-size: 40pt;
    width: 275px;
    height: 275px;
    line-height: 250px;
  }
  section.section-nice .col-md-6.head p {
    font-size: 16pt;
  }
  section.section-nice.section-learn .col-md-6.head {
    position: absolute;
    top: 20px;
  }
  section.section-nice.section-banner {
    min-height: 100px !important;
    padding: 5px 0px !important;
  }
  section.section-nice.section-banner .banner.content {
    margin-top: 1em !important;
    margin-left: 3em !important;
  }
  section.section-nice.section-banner .banner.content h2 {
    font-size: 18pt !important;
  }
  section.section-nice.section-banner .banner.content h3 {
    font-size: 10pt !important;
  }
  section.section-supplement article .col-md-6.head .titleCircle h2 {
    font-size: 24pt !important;
    line-height: 50px !important;
    padding-top: 45px !important;
  }
  section.section-nfs article .col-md-6.head h2 {
    width: 30%;
    margin: 200px 0px 25px;
  }
  .middlerowdiv {
    width: 100%;
  }
  .bottommodulesdiv {
    margin-top: 0px;
  }
  /* Program Header */
  body.dotfit h1 {
    z-index: 1;
    font-size: 24pt !important;
  }
  body.dotfit h1 + p {
    line-height: 130%;
    top: -110px !important;
  }
  .divDatePicker {
    top: -150px;
  }
  .submenu.nav.nav-pills {
    top: -42px !important;
  }
  main {
    background-position: center top !important;
  }
  /* Dashboard */
  .timelineContent ul.timeline {
    border-left: 6px solid #ffd320;
    border-right: 0 !important;
    width: 100% !important;
  }
  .timelineContent ul.timeline li div.panel {
    margin: 1em 18px 1em 28px !important;
  }
  .timelineContent ul.timeline li.right {
    left: 0 !important;
    margin-left: 0 !important;
  }
  .timelineContent ul.timeline li.left:after {
    left: -11px !important;
  }
  .timelineContent ul.timeline li.left div.panel:before {
    border-width: 22px 16px 22px 0 !important;
    left: 12px !important;
  }
  .timelineContent ul.timeline li.left div.panel:after {
    border-width: 22px 16px 22px 0 !important;
    left: 13px !important;
  }
  .dashboard .divDatePicker {
    left: 50% !important;
    margin-left: -34px !important;
    top: -90px !important;
  }
  .timelineContent .dfMedal {
    right: 2px;
  }
  /* === 1.9 Footer === */
  footer {
    padding: 1rem 0rem 0rem;
  }
  footer section {
    max-width: 100%;
    padding: 0 0 0 1rem;
    flex-direction: column;
  }
  footer section article {
    width: 100%;
    padding: 1rem;
  }
  footer section article nav.footer-links ul li a {
    display: block;
    margin-bottom: 0.5rem;
  }
  footer section article nav.footer-links ul li a:hover {
    text-decoration: none;
  }
  footer section article nav.footer-links-secondary ul {
    flex-wrap: wrap;
    padding: 0;
  }
  footer section article nav.logos ul .footer-logo {
    margin-left: 1rem;
  }
  footer section article nav.logos ul .footer-logo img {
    max-height: 45px;
  }
  footer section article nav.social ul {
    justify-content: center;
    margin: 0 auto;
    padding: 0;
  }
  footer section article nav.social ul li span.socialName {
    display: none;
  }
  footer section article.logo-footer {
    max-width: 100%;
  }
  footer section article.logo-footer .footer-logo {
    margin: 0.75rem 0 0 0.75rem;
    max-width: 100%;
  }
  footer section article.logo-footer .footer-logo img {
    max-height: 36px;
  }
  footer section.secondary article {
    max-width: 100%;
  }
  footer section.readrequired {
    padding: 1rem;
  }
  /* End of Footer */
  .cntbox_product {
    width: 100%;
  }
  .frontendmenu.collapse.in {
    display: block;
  }
  nav.navigation ul,
  .frontendmenu.collapse {
    display: none;
  }
  section {
    padding: 60px 0px;
    /* min-height: 100vh; NM: This messes up the Supplements Results page */
  }
  section#product {
    min-height: auto;
  }
  main #prodRelatedWebPage {
    padding: 0px;
  }
  main #prodRelatedWebPage .cntbox_webpage {
    padding: 10px;
    width: 100%;
  }
  main #prodRelatedWebPage .cntbox_webpage .hp_links div:nth-child(2) {
    height: 100px;
    min-height: 100px;
  }
  main #prodRelatedWebPage .cntbox_webpage .hp_links div:nth-child(2) .featureddesc {
    /*margin-top: -30px;*/
  }
  main #prodRelatedWebPage .cntbox_webpage .hp_links div:nth-child(2) .featureddesc a {
    padding: 0;
  }
  #body_4677 main #prodRelatedWebPage {
    padding: 0px;
  }
  #body_4677 main #prodRelatedWebPage .cntbox_webpage {
    padding: 0px;
    margin: 1px 0px;
    width: 50%;
  }
  #body_4677 main #prodRelatedWebPage .cntbox_webpage .hp_links div:nth-child(2) .featuredtxt {
    background-size: 32px;
  }
  #body_4677 main #prodRelatedWebPage .cntbox_webpage .hp_links div:nth-child(2) .featuredtxt a {
    padding: 15px 0px 0px 40px;
    font-size: 12pt;
  }
  #body_4677 main #prodRelatedWebPage .cntbox_webpage .hp_links div:nth-child(2) .featureddesc a {
    font-size: 9pt;
  }
  .icons-wrapper {
    display: block;
    clear: both;
    margin: 0;
    column-gap: 15px;
    -moz-column-gap: 15;
    -webkit-column-gap: 15;
    column-count: 2;
    -moz-column-count: 2;
    -webkit-column-count: 2;
    width: 100%;
  }
  .icons-wrapper .hp_links div:nth-child(2) span.featuredtxt a {
    font-size: 20pt;
  }
  .cntbox_article {
    padding: 15px;
  }
  /* Learn Section */
  #body_3954 main #prodRelatedWebPage {
    margin: 0;
    column-gap: 15px;
    column-count: 2;
  }
  #body_3954 main #prodRelatedWebPage .cntbox_webpage {
    margin: 0 0 15px;
    padding: 0;
  }
  #body_3954 main #prodRelatedWebPage .cntbox_webpage .hp_links div:nth-child(2) span.featuredtxt > a {
    font-size: 18pt;
  }
  /* Product Details Page */
  .productTabsMM ul.ulTabsHeader {
    display: table;
  }
  .productTabsMM ul.ulTabsHeader li {
    display: table-cell;
    text-align: center;
  }
  .productTabsMM ul.ulTabsHeader li.selected a {
    padding: 0 0.4em;
  }
  section#product figure {
    width: 80%;
    display: block;
    margin: 0px auto;
  }
  section#product figure img {
    width: auto;
    min-height: auto;
    max-height: auto;
    height: auto;
  }
  section#product article.productData {
    width: 100%;
    padding: 0 1em;
  }
  section#product article.productData .productName a h1 {
    font-size: 18pt;
  }
  section#product article.productData .productPrice {
    font-size: 15pt;
  }
  section#product article.productData .productPrice .newPrice {
    display: flex;
    flex-wrap: wrap;
  }
  section#product article.productData .productPrice .newPrice .labelPrice,
  section#product article.productData .productPrice .newPrice .priceValue {
    font-size: 12pt;
  }
  section#product article.productData .productPrice .act-price {
    font-weight: 500;
    margin-right: 30px;
  }
  section#product article.productData .productPrice .old-price {
    margin-right: 30px;
  }
  section#product article.productData .productPrice > a.button.dotButton.secondaryButton {
    float: right;
    margin: 1em 0 0.5em;
  }
  section#product article.productData .description {
    font-size: 12pt;
    margin: 20px 0px 10px;
  }
  section#product article.BuyNowSection {
    width: 100%;
    padding: 0 1em;
    float: right;
  }
  section#product article.BuyNowSection .recurring-info .deliveryOptions span input {
    margin-right: 3px;
  }
  section#product article.BuyNowSection .recurring-info .deliveryOptions span label {
    font-size: 12pt;
    font-weight: 400;
  }
  section#product .recurring-info label[for=txtRecurQty] {
    width: 75px;
    display: inline-block;
  }
  section#product .recurring-info input {
    width: 50px;
    display: inline-block;
    font-weight: 400;
  }
  section#product .form-group {
    margin: 0px !important;
  }
  #product-tabs.ui-widget-content.ui-widget .ui-widget-header {
    background: #FFFFFF;
  }
  #product-tabs.ui-widget-content.ui-widget .ui-widget-header .ui-state-default,
  #product-tabs.ui-widget-content.ui-widget .ui-widget-header .ui-widget-content .ui-state-default,
  #product-tabs.ui-widget-content.ui-widget .ui-widget-header .ui-widget-header .ui-state-default {
    font-size: 8pt !important;
    width: 20% !important;
    margin: 0 !important;
    padding: 0px !important;
    border-right: 2px solid #fff;
  }
  #product-tabs.ui-widget-content.ui-widget .ui-widget-header .ui-state-default:nth-child(2),
  #product-tabs.ui-widget-content.ui-widget .ui-widget-header .ui-widget-content .ui-state-default:nth-child(2),
  #product-tabs.ui-widget-content.ui-widget .ui-widget-header .ui-widget-header .ui-state-default:nth-child(2) {
    width: 40% !important;
  }
  #product-tabs.ui-widget-content.ui-widget .ui-widget-header .ui-state-default a,
  #product-tabs.ui-widget-content.ui-widget .ui-widget-header .ui-widget-content .ui-state-default a,
  #product-tabs.ui-widget-content.ui-widget .ui-widget-header .ui-widget-header .ui-state-default a {
    padding: 1em 0.5em;
    width: 100%;
    text-align: center;
  }
  #product-tabs.ui-widget-content.ui-widget .ui-widget-header .ui-state-active,
  #product-tabs.ui-widget-content.ui-widget .ui-widget-header .ui-widget-content .ui-state-active,
  #product-tabs.ui-widget-content.ui-widget .ui-widget-header .ui-widget-header .ui-state-active {
    border-top-width: 2px;
    border-top-style: solid;
    border-top-color: #CE1E29;
  }
  .typeProduct .rightmodulesdiv {
    width: 100%;
    padding: 15px;
  }
  .typeProduct .rightmodulesdiv #prodRelatedProduct .cntbox_product {
    width: 46% !important;
    margin: 0 2%;
    font-size: 10pt;
  }
  .typeProduct .rightmodulesdiv #prodRelatedProduct .cntbox_product .prod1box {
    /* span.material-icons {margin-left: 0;} */
  }
  .typeProduct .rightmodulesdiv #prodRelatedProduct .cntbox_product .prod1box a.dotButton {
    /*width: 100%;*/
  }
  .typeProduct .rightmodulesdiv #prodRelatedProduct .cntbox_product .prod1box .proddesc {
    display: none;
  }
  #prodRelatedProduct .cntbox_product {
    width: 46% !important;
    margin: 0 2%;
    font-size: 10pt;
  }
  #prodRelatedProduct .cntbox_product .prod1box {
    /* span.material-icons {margin-left: 0;} */
  }
  #prodRelatedProduct .cntbox_product .prod1box a.dotButton {
    /*width: 100%;*/
  }
  #prodRelatedProduct .cntbox_product .prod1box .proddesc {
    display: none;
  }
  #prodRelatedWebPage .cntbox_webpage .hp_links div:nth-child(2) span.featuredtxt > a {
    font-size: 18pt;
    font-weight: 400;
  }
  /* Supplements Page */
  .SupplementsDiv .suppSC1Over18 .prodLister .var3 ul.jcarousel-skin-tango li.prod1box,
  .SupplementsDiv .suppSC1Under18 .prodLister .var3 ul.jcarousel-skin-tango li.prod1box {
    width: 100%;
  }
  /* Supplement Screener */
  section.screener.form {
    width: 100%;
  }
  section.screener.form .Tabs-wrapper {
    width: 100%;
  }
  section.screener.form .Tabs-wrapper .slider-wrap {
    margin: 0;
    padding: 0;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  section.screener.form .Tabs-wrapper .slider-wrap .stripViewer {
    width: 100%;
    height: auto;
    clear: both;
  }
  section.screener.form .Tabs-wrapper .slider-wrap .stripViewer .panelContainer {
    left: 0;
    top: 0;
  }
  section.screener.form .Tabs-wrapper .slider-wrap .stripViewer .panelContainer .panel {
    width: auto;
  }
  section.screener.form .Tabs-wrapper .slider-wrap .stripViewer .panelContainer .panel .wrapper {
    padding: 15px;
  }
  
  section.screener.form .Tabs-wrapper .slider-wrap .stripViewer .panelContainer .panel .wrapper ul {
    padding: 0px !important;
  }
  section.screener.form .Tabs-wrapper .slider-wrap .stripViewer .panelContainer .panel .wrapper article .screen ul li {
    font-size: 12pt !important;
    max-width: 100%;
    width: 100% !important;
    display: block !important;
  }
  section.screener.form .Tabs-wrapper .slider-wrap .stripViewer .panelContainer .panel .wrapper article .screen ul li select {
    max-width: 330px;
  }
  section.screener.form .Tabs-wrapper .slider-wrap .stripViewer .panelContainer .panel .wrapper article .screen ul li ul li label {
    font-size: 12pt !important;
  }
  section.screener.form .Tabs-wrapper .slider-wrap .stripNav {
    margin: auto;
    padding: 0px;
  }
  section.screener.form .Tabs-wrapper .slider-wrap .stripNav ul {
    list-style: none;
    width: 100%;
    text-align: left;
    margin: 0;
    padding: 0;
  }
  section.screener.form .Tabs-wrapper .slider-wrap .stripNav ul li {
    float: left;
    margin: 0;
    padding: 0;
    width: 25%;
  }
  section.screener.form .Tabs-wrapper .slider-wrap .stripNav ul li a {
    width: 100%;
    font-size: 9pt;
  }
  section.screener.form .Tabs-wrapper .slider-wrap .stripNavL,
  section.screener.form .Tabs-wrapper .slider-wrap .stripNavR {
    display: none;
  }
  section.screener.form .Tabs-wrapper .smalltext {
    display: none;
  }
  .stripNav li.tab1 a:before {
    content: "Goal";
  }
  .stripNav li.tab2 a:before {
    content: "Medical";
  }
  .stripNav li.tab3 a:before {
    content: "Nutrition";
  }
  .stripNav li.tab4 a:before {
    content: "Vital";
  }
  .supplementsNext {
    position: absolute;
    right: 15px;
    top: 300px;
  }
  .supplementsPrev {
    position: absolute;
    left: 15px;
    top: 300px;
  }
  /* ==================== */
  article.steps ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  article.steps ul li {
    width: 50%;
    float: left;
    margin: 0;
    display: block !important;
  }
  article.steps ul li .programType {
    padding: 15px;
    width: 100%;
    overflow: hidden;
    height: 105px !important;
    opacity: 0.75;
    filter: alpha(opacity=75);
  }
  article.steps ul li .programType h3 {
    font-size: 12pt !important;
  }
  article.steps ul li img {
    opacity: 1;
    filter: alpha(opacity=100);
  }
  article.steps ul.lose-weight .programType {
    background: rgba(17, 138, 203, 0.86);
  }
  article.steps ul.lose-weight .programType a {
    background: rgba(17, 138, 203, 0.86);
  }
  article.steps ul.muscle .programType {
    background: rgba(206, 30, 41, 0.86);
  }
  article.steps ul.muscle .programType a {
    background: rgba(206, 30, 41, 0.86);
  }
  article.steps ul.health .programType {
    background: rgba(142, 189, 62, 0.86);
  }
  article.steps ul.health .programType a {
    background: rgba(142, 189, 62, 0.86);
  }
  article.steps ul.athletic .programType {
    background: rgba(222, 108, 39, 0.86);
  }
  article.steps ul.athletic .programType a {
    background: rgba(222, 108, 39, 0.86);
  }
  /* =============== */
  #body_3962 main #prodRelatedWebPage .cntbox_webpage {
    width: 100%!important;
  }
  #body_3962 main #prodRelatedWebPage .cntbox_webpage .hp_links div span.featuredtxt a {
    font-size: 16pt;
    text-transform: uppercase;
    font-weight: 600;
    text-align: left;
    color: #FFFFFF;
  }
  #body_3962 main #prodRelatedWebPage .cntbox_webpage .hp_links div span.featureddesc {
    display: block;
    font-size: 12pt;
    text-transform: capitalize;
    font-weight: 400;
    text-align: left;
  }
  #body_3962 main #prodRelatedWebPage .cntbox_webpage .hp_links div span.featureddesc a {
    color: #FFFFFF;
    cursor: pointer;
    display: block;
  }
  #body_3962 main #prodRelatedWebPage .cntbox_webpage br {
    display: none;
  }
  .popup td.one-supplement table.cuui.checkboxlist.Table.Horizontal > tbody > tr > td.checkbox {
    display: block;
    float: left;
    width: 33%;
  }
  .popup .divSessionsclass .cuui.radiolist tr {
    display: block !important;
    float: left !important;
    width: 20% !important;
  }
  #search {
    /* firefox 19+ */
    /* ie */
    /* firefox 19+ */
    /* ie */
  }
  #search input {
    display: none;
    margin-left: 4px;
  }
  #search div.buttonSearch {
    display: block;
    line-height: 1em;
    margin: 0px;
    background-color: transparent;
    color: grey;
    z-index: 30;
  }
  #search #searchClearBtn {
    /* X - button to clear the search */
    position: absolute;
    right: 40px;
    top: -10px;
    color: #ACACAC;
    z-index: 30;
    padding: 10px;
  }
  #search a .text {
    display: none !important;
  }
  #search a .md-search {
    background: none;
    margin-left: 0;
  }
  #search input {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 29;
    display: block;
    width: 40px;
    margin: 0 0 0 20px;
    padding: 0.25em;
    font-size: 10pt;
    font-weight: normal;
    background: none;
    transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    color: transparent;
  }
  #search input:focus {
    background: transparent;
    width: 200px;
    color: #FFFFFF;
    border-bottom-width: 2px;
    border-bottom-color: #118ACB;
    border-bottom-style: solid;
  }
  #search #searchInput::-webkit-input-placeholder {
    color: transparent;
  }
  #search #searchInput::-moz-placeholder {
    color: transparent;
  }
  #search #searchInput:-ms-input-placeholder {
    color: transparent;
  }
  #search #searchInputinput:-moz-placeholder {
    color: transparent;
  }
  #search #searchInput:focus::-webkit-input-placeholder {
    color: #888;
  }
  #search #searchInput:focus::-moz-placeholder {
    color: #888;
  }
  #search #searchInput:focus:-ms-input-placeholder {
    color: #888;
  }
  #search #searchInputinput:focus:-moz-placeholder {
    color: #888;
  }
  #search.askrds {
    position: relative;
    right: 0px;
    left: 0px;
    top: -20px;
    margin: 0px auto;
    width: 100%;
  }
  #search {
    position: absolute;
    right: 10px;
    top: -40px;
    margin: 0px 0 0 0;
  }
  #search div.buttonSearch {
    display: block;
    padding: 0;
    position: absolute;
    top: 34px;
    right: 0;
    margin: 0;
    line-height: 1em;
    background-color: transparent;
    color: #fff;
    font-size: 1.5em;
    z-index: 100;
  }
  #search.askrds div.buttonSearch {
    display: block;
    padding: 0;
    position: absolute;
    top: 7px;
    right: 30px;
    margin: 0;
    line-height: 1em;
    background-color: transparent;
    color: #fff;
    font-size: 1.5em;
    z-index: 100;
  }
  #search input {
    display: block;
    width: 40px;
    position: absolute;
    margin-left: 20px;
    top: 25px;
    right: 0px;
    font-size: 10pt;
    z-index: 101;
    line-height: 30px;
    height: 30px;
    background: none;
    transition: all 0.5s;
    color: transparent;
    width: 100%;
    padding-top: 30px !important;
  }
  #search.askrds input[type="search"] {
    display: block;
    width: 60vw;
    position: relative;
    margin: 0px auto;
    top: 0;
    right: 0px;
    left: 0;
    line-height: 1.5;
    height: 30px;
    padding: 0.5rem !important;
  }
  #search input[type="search"] {
    width: 30px;
    text-align: left;
    padding-left: 0;
    padding-right: 0;
    text-indent: 10px;
  }
  #search input[type="search"]:focus {
    position: fixed;
    width: 95vw !important;
    left: 2.5vw;
    right: 2.5vw;
    top: 0;
    background: linear-gradient(transparent 50%, rgba(0, 0, 0, 0.5));
  }
  #search.askrds input[type="search"]:focus {
    position: relative;
    width: 65vw !important;
    left: 1vw;
    right: 1vw;
    top: 0px;
    padding: 0.5rem;
  }
  #searchClearBtn {
    position: absolute;
    right: 0px;
    top: 19px;
    color: #5b5b5b;
    z-index: 1000;
    padding: 10px;
  }
  #search.askrds #searchClearBtn {
    display: none;
  }
  /* === Cart Body === */
  .mainshoptable h1 {
    font-size: 24pt;
    color: #000000;
    text-transform: capitalize;
    font-weight: 300;
    line-height: 1;
    margin: 0.5em 0 1em;
    padding-top: 0;
    text-align: center;
  }
  .mainshoptable .cartBody .cartdiv.titles {
    display: none;
  }
  .mainshoptable .cartBody .cartdiv.titles .itemname {
    width: 60%;
    text-align: left;
    padding-left: 10%;
  }
  .mainshoptable .cartBody .cartdiv.titles .itemprice {
    width: 15%;
    text-align: right;
  }
  .mainshoptable .cartBody .cartdiv.titles .itemqty {
    width: 8%;
    text-align: right;
  }
  .mainshoptable .cartBody .cartdiv.titles .itemsubtotal {
    width: 17%;
    text-align: right;
  }
  .mainshoptable .cartBody .cartdiv.titles.updateall {
    display: block;
  }
  .mainshoptable .cartBody .cartdiv.titles.updateall .itemname,
  .mainshoptable .cartBody .cartdiv.titles.updateall .itemprice,
  .mainshoptable .cartBody .cartdiv.titles.updateall .itemsubtotal {
    display: none;
  }
  .mainshoptable .cartBody .cartdiv.titles.updateall .itemqty {
    width: auto;
    margin-left: 20%;
    text-align: left;
  }
  .mainshoptable .cartBody .cartdivs .itemrow .itemimage {
    width: 20%;
  }
  .mainshoptable .cartBody .cartdivs .itemrow .edititemrow {
    display: inline-block;
    font-size: 1em;
    vertical-align: top;
  }
  .mainshoptable .cartBody .cartdivs .itemrow .edititemrow.nameNumberRow {
    width: 75%;
  }
  .mainshoptable .cartBody .cartdivs .itemrow .edititemrow.nameNumberRow .itemname {
    font-size: 14pt;
    font-weight: 400;
  }
  .mainshoptable .cartBody .cartdivs .itemrow .edititemrow.measurementRow {
    width: 75%;
    margin-left: 20%;
  }
  .mainshoptable .cartBody .cartdivs .itemrow .edititemrow.measurementRow .itemmeasure,
  .mainshoptable .cartBody .cartdivs .itemrow .edititemrow.measurementRow .itemrecurring {
    display: block;
    width: 100%;
    font-weight: 400;
  }
  .mainshoptable .cartBody .cartdivs .itemrow .edititemrow.measurementRow .iteminterval {
    display: block;
    width: 100%;
    font-weight: 400;
  }
  .mainshoptable .cartBody .cartdivs .itemrow .edititemrow.measurementRow .iteminterval > input {
    border-radius: 0;
    border-width: 2px;
    border-style: solid;
    border-color: transparent;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    outline: none;
    padding: 5px 10px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    white-space: nowrap;
    margin: 10px 0px;
    font-size: 10pt;
    line-height: 1;
  }
  .mainshoptable .cartBody .cartdivs .itemrow .edititemrow.measurementRow .iteminterval > select {
    font-size: 12pt !important;
    padding: 6px 12px;
    color: #474747;
    background-color: gray-lightest !important;
    background-image: none;
    border: none;
    border-radius: 0;
    -webkit-appearance: menulist;
  }
  .mainshoptable .cartBody .cartdivs .itemrow .edititemrow.itemPriceRow {
    width: 75%;
    margin-left: 20%;
  }
  .mainshoptable .cartBody .cartdivs .itemrow .edititemrow.itemPriceRow .itemprice {
    display: block;
    width: 100%;
    text-align: left;
    font-weight: 400;
  }
  .mainshoptable .cartBody .cartdivs .itemrow .edititemrow.qtyRow {
    width: 75%;
    margin-left: 20%;
  }
  .mainshoptable .cartBody .cartdivs .itemrow .edititemrow.qtyRow .itemqty {
    display: block;
    width: 100%;
    text-align: left;
  }
  .mainshoptable .cartBody .cartdivs .itemrow .edititemrow.subTotalRow {
    width: 75%;
    margin-left: 20%;
  }
  .mainshoptable .cartBody .cartdivs .itemrow .edititemrow.subTotalRow .itemsubtotal {
    display: block;
    width: 100%;
    text-align: left;
    font-weight: 400;
  }
  .mainshoptable .cartBody .cartdivs .itemrow .itemremove {
    font-size: 8pt;
    height: 24px;
    line-height: 24px;
    margin: 1em 0;
    color: #787878;
  }
  .mainshoptable .cartBody .cartdivs .itemrow .itemremovei {
    display: none;
  }
  .mainshoptable .cartBody .cartSummary {
    display: block;
  }
  .mainshoptable .cartBody .cartSummary table tbody tr td {
    display: block;
    width: 100%;
  }
  .mainshoptable .cartBody .cartSummary table.cartinfotable {
    width: 100%;
  }
  .mainshoptable .cartBody .cartSummary table.cartinfotable tbody tr td {
    display: table-cell;
    width: 50%;
  }
  .mainshoptable table.cartBodyReview > tbody > tr > td {
    display: block;
    width: 100%;
  }
  .mainshoptable table.cartBodyReview > tbody > tr > td table > tbody > tr > td {
    font-size: 10pt;
  }
  .pnlBilling,
  .pnlShipping,
  .pnlSaveBillProf,
  .pnlSaveShipProf,
  .pnlCC {
    margin-top: 1em;
    padding: 0px;
  }
  .pnlBilling .field,
  .pnlShipping .field,
  .pnlSaveBillProf .field,
  .pnlSaveShipProf .field,
  .pnlCC .field {
    margin: 8px 0;
  }
  .pnlBilling .field.small,
  .pnlShipping .field.small,
  .pnlSaveBillProf .field.small,
  .pnlSaveShipProf .field.small,
  .pnlCC .field.small {
    float: left;
    width: 50%;
  }
  .pnlBilling span:not(.validator),
  .pnlShipping span:not(.validator),
  .pnlSaveBillProf span:not(.validator),
  .pnlSaveShipProf span:not(.validator),
  .pnlCC span:not(.validator) {
    margin-top: 32px;
    margin-bottom: 8px;
    margin-left: 0;
    display: inline-block;
  }
  .pnlBilling label,
  .pnlShipping label,
  .pnlSaveBillProf label,
  .pnlSaveShipProf label,
  .pnlCC label {
    width: 100%;
    max-width: 100%;
    text-align: left;
    margin: 12px 0px 0px;
  }
  .pnlSaveBillProf > p > span.gray_text {
    margin-top: 0px !important;
  }
  table.mainshoptable {
    max-width: 100%;
    width: 100%;
    display: block;
    padding: 1em;
    margin: 0px auto;
  }
  .clubfinderSearch input.form-control {
    width: 75%;
    display: inline-block;
    vertical-align: top;
  }
  .clubfinderResults table.table.table-striped tbody tr td.item .clubName,
  .clubfinderResults table.table.table-striped tbody tr td.item .clubAddress,
  .clubfinderResults table.table.table-striped tbody tr td.item .clubAddress2,
  .clubfinderResults table.table.table-striped tbody tr td.item .clubPhone {
    float: none;
    width: 100%;
  }
  .clubfinderResults table.table.table-striped tbody tr td.item .clubName i,
  .clubfinderResults table.table.table-striped tbody tr td.item .clubAddress i,
  .clubfinderResults table.table.table-striped tbody tr td.item .clubAddress2 i,
  .clubfinderResults table.table.table-striped tbody tr td.item .clubPhone i {
    font-size: 16px;
  }
  .clubfinderResults table.table.table-striped tbody tr td.item .clubName {
    margin: 5px 0 3px;
  }
  /* === Console === */
  .pnlSearch a.btn.btn-primary.btn-raised.add span {
    display: none;
  }
  .tutorialsButtons {
    max-width: 100%;
  }
  .tutorialsButtons > div img {
    width: 100%;
  }
  table.tablecellsborder-new {
    width: 100%;
  }
  table.tablecellsborder-new tbody tr td.cell-new.col-md-3 {
    display: inline-block;
    width: 100%;
  }
  table.tablecellsborder-new tbody tr td.cell-new.col-md-3 > div > table {
    width: 100%;
  }
  #body_38515 .headline {
    background-size: cover !important;
  }
  .float-dotfit-difference {
    top: 70%;
  }
}
@media only screen and (max-device-width: 767px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  .tutorialsButtons {
    max-width: 49.5%;
  }
}
/* === media screen === Mobile === */
@media screen and (min-width: 320px) and (max-width: 667px) {
  header .container-fluid #logo figure img {
    max-height: 40px;
  }
  header .container-fluid nav.navigation {
    display: block;
  }
  header .container-fluid nav.navigation ul li a {
    font-size: 1em;
    padding: 0 6px;
  }
  header .container-fluid nav.user span.name {
    display: none;
  }
  header .container-fluid nav.user span.nameAccount {
    display: none;
  }
  header .container-fluid nav.user ul.social {
    display: none;
  }
  header .container-fluid nav.user ul.myaccount {
    position: absolute;
    right: 0;
    top: 0;
  }
  header .container-fluid nav.navigation > div.mobile {
    display: block;
    right: 1em;
    position: absolute;
    top: 3.55em;
    z-index: 999;
  }
  header .container-fluid nav.navigation > div.mobile button.navbar-toggle {
    display: inline-block;
    margin: 0px;
    border: 2px solid #333;
    background: #333;
    color: #fff;
    border-radius: 100%;
  }
  article.steps ul li {
    width: 100%;
    float: none;
  }
  .clubfinderSearch input.form-control {
    width: 65%;
    display: inline-block;
    vertical-align: top;
  }
}
/* Phablet Vertical */
@media screen and (min-width: 320px) and (max-width: 540px) {
  .material-icons {
    font-size: 22px;
  }
  .extendedPageHeader h1 {
    font-size: 24pt;
  }
  .extendedPageHeader h2 {
    font-size: 18pt;
  }
  .extendedPageHeader span {
    font-size: 12pt;
    line-height: normal;
  }
  #prodRelatedProduct .cntbox_product {
    width: 46%;
    margin: 0 2%;
    font-size: 10pt;
  }
  #prodRelatedProduct .cntbox_product .prod1box a.dotButton {
    /*width: 100%;*/
  }
  #prodRelatedProduct .cntbox_product .prod1box span.material-icons {
    margin-right: 0;
  }
  #prodRelatedWebPage .cntbox_webpage .hp_links div:nth-child(2) span.featuredtxt > a {
    font-size: 18pt;
    font-weight: 400;
  }
}
/* Average Smartphone Vertical */
@media screen and (min-width: 320px) and (max-width: 412px) {
  .material-icons {
    font-size: 20px;
  }
  .extendedPageHeader h1 {
    font-size: 18pt;
  }
  .extendedPageHeader h2 {
    font-size: 16pt;
  }
  .extendedPageHeader span {
    font-size: 12pt;
    line-height: normal;
  }
  .rightmodulesdiv img {
    max-width: 100%;
  }
}
/* Small phone Vertical */
@media screen and (max-width: 320px) {
  header .container-fluid #logo {
    width: 60px;
    padding: 12px 2px;
  }
  button.header__menu-toggle {
    margin-top: 5px;
  }
  .material-icons {
    font-size: 20px;
  }
  section.section-nice .col-md-6.head .titleCircle {
    width: 225px;
    height: 225px;
    margin-bottom: 30px;
  }
  section.section-nice .col-md-6.head .titleCircle h2 {
    font-size: 30pt;
    width: 225px;
    height: 225px;
    line-height: 200px;
  }
  section.section-nice .col-md-6.head p {
    font-size: 12pt;
  }
  section.slider .item .slogan {
    width: 200px;
    height: 80px;
  }
  section.slider .item .carousel-caption {
    width: 275px;
    height: 275px;
  }
  section.slider .item .carousel-caption .content {
    position: relative;
  }
  section.slider .item .carousel-caption .content h3 {
    font-size: 20pt;
    margin-top: 65px;
  }
  section.slider .item .carousel-caption .content h4 {
    width: 80%;
    font-size: 14pt;
    margin: 100px auto 0px;
    left: 0;
    right: 0;
  }
  section.slider .carousel-inner > .item:nth-child(2) .carousel-caption .content h3 {
    margin-top: 50px;
  }
  section.slider .carousel-inner > .item:nth-child(3) .carousel-caption .content h3 {
    margin-top: 75px;
  }
  section.slider .carousel-inner > .item:nth-child(2) .carousel-caption .content h4,
  section.slider .carousel-inner > .item:nth-child(3) .carousel-caption .content h4,
  section.slider .carousel-inner > .item:nth-child(3) .carousel-caption .content h4,
  section.slider .carousel-inner > .item:nth-child(3) .carousel-caption .content h4 {
    margin-top: 125px;
  }
  a.btn.KeepShopping,
  a.btn.SaveCart,
  a.btn.SecureCheckout {
    font-size: 8pt;
  }
  input[value="Apply Coupon"],
  input[value="Calculate Shipping & Tax"] {
    font-size: 8pt !important;
  }
  input[name="ctl00$mainContent$txtCouponCode"] {
    width: 50%;
  }
}
.tutorialsButtons {
  width: 100%;
}
div#PlayerButtons.container {
  width: initial;
  max-width: 100%;
}