.new-home-page-container .container,
.new-landing-page-container .container,
.new-brand-page-container .container{
    padding: 0;
}
.new-home-page-container,
.bg-white{
    background:#fff;
}
.btn-newhome {
    background: #006998;
    border-color: #006998;
    padding: 7px 15px !important;
    height: 35px;
    font-size: 14px !important;
    margin-top: 54px;
    margin-bottom: 10px;
}
.margin-right-20{
    margin-right: 20px;
}
.margin-right-30 {
	margin-right: 30px;
}
.margin-m10{
    margin:-10px;
}
.margin-btm-0{
    margin-bottom:0 !important;
}
.margin-top-20{
    margin-top: 20px !important;   
}
.margin-top-50{
    margin-top: 50px;
}
.margin-bottom-90{
    margin-bottom: 90px;
}
.margin-left-0{
    margin-left:0 !important;
}
.margin-left-30 {
	margin-left: 30px;
}
.your-a-pro{
    margin-top: 50px;
}
.margin-btm-20 {
	margin-bottom: 20px;
}
.margin-btm-10 {
	margin-bottom: 10px;
}
.blue-text-with-ul {
	color: #2263a0;
	text-decoration: underline;
}
.your-a-pro .title,
.brand-slider-wrapper .title,
.do-you-qualify .title,
.get-the-gear .title{
	font-family: roboto-regular;
	font-size: 40px;
	color: #006998;
	margin-bottom: 43px;
	line-height: 40px;
}
.brand-slider-wrapper .title{
    margin-bottom: 20px;
}
.your-a-pro .title img{
    display: inline-block;
    margin-top: -5px;
}
.your-a-pro .desc{
    font-size: 16px;
    font-family: roboto-light;
    color: #333333;
    margin-bottom: 76px;
    width: calc(100% - 20px);
}
.user-links > li {
    margin: 0 12px 0 0;
}
.li-last-content{
    padding-left: 0px;
}
.new-home-page-container .flexslider.bannerslider.loading {
    min-height: 575px; 
    background: url('/images/store/opl/newhome/MainSlider1.jpg') no-repeat center top/100%;
    border-radius: 0;
}
.new-home-page-container .flexslider.mobilebannerslider.loading{
    min-height: 575px; 
    background: url('/images/store/opl/newhome/MobileSlider.jpg') no-repeat center top/100%;
    border-radius: 0;
    background-color: #fff;
}
.new-landing-page-container .flexslider.bannerslider.loading {
    min-height: 525px; 
    border-radius: 0;
    background-color: #fff;
	overflow:hidden;
}
.new-landing-page-container .flexslider.mobilebannerslider.loading {
	min-height: 525px;
	border-radius: 0;
	background-color: #fff;
	overflow: hidden;
}
.new-landing-page-container .flexslider.bannerslider.loading,
.new-landing-page-container .flexslider.mobilebannerslider.loading {
	min-height:auto;
}
.how-it-works {
    /* background: url(../images/how-it-works-bg.jpg) no-repeat 50% 50%; */
    position: relative;
    margin-bottom: 50px;
    max-height: 450px;
    overflow: hidden;
}
.hiw-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.hiw-content .title{
    font-family: roboto-regular;
    font-size: 40px;
    color: #ffffff;
    line-height: 30px;
    margin-bottom: 40px;
}
.steps-wrapper > div {
    float: left;
    width: calc((100% - 30px) / 4);
    background: rgba(0,0,0,0.5);
    padding: 25px;
    margin-right: 10px;
    height: 135px;
    line-height: 135px;
    margin-bottom: 40px;
    position: relative;
}
.steps-wrapper > div > p{
	font-size: 16px;
	line-height: 20px;
    font-family: roboto-light;
    color: #fff;
    vertical-align: middle;
}
.steps-wrapper > div:last-child {
    margin-right: 0px;
}
.steps-wrapper > div > p > img{
    margin: 0 auto;
    width: 50px;
    margin-bottom: 10px;
}
.width-100{
    width: 100%;
}
.steps-wrapper .step {
    font-size: 14px;
    text-align: center;
    color: #666;
    cursor: default;
    margin: 0 3px;
    padding: 10px 10px 10px 30px;
    min-width: 180px;
    float: left;
    position: relative;
    background-color: rgba(0,0,0,0.5);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; 
  transition: background-color 0.2s ease;
}

.steps-wrapper .step:after,
.steps-wrapper .step:before {
    content: " ";
    position: absolute;
    top: 0;
    right: -17px;
    width: 0;
    height: 0;
    border-top: 19px solid transparent;
    border-bottom: 17px solid transparent;
    border-left: 17px solid rgba(0,0,0,0.5);    
    z-index: 2;
  transition: border-color 0.2s ease;
}

.steps-wrapper .step:before {
    right: auto;
    left: 0;
    border-left: 17px solid rgba(0,0,0,1);   
    z-index: 0;
}

.steps-wrapper .step:first-child:before,
.steps-wrapper .step:last-child:after{
    border: none;
}

.steps-wrapper .step:first-child {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
.steps-wrapper .step:last-child {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
.brand-slider-wrapper{
    margin-bottom: 20px;
}
.new-landing-page-container .brand-slider-wrapper {
    margin-bottom: 8px !important;
    margin-top: 15px;
    display: inline-block;
    width: 100%;
}
.new-landing-page-container .brand-slider-wrapper .brandslider .slides{
    display: inline-block;
    width: 100%;
}
.brandslider{
    margin: 0 auto !important;
}
.new-landing-page-container .brandslider .slides > li  img,
.new-landing-page-container .mobilebrandslider .slides > li  img{
    -webkit-filter: grayscale(100%) opacity(50%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%) opacity(50%);
}
.new-landing-page-container .brandslider .slides > li  img:hover,
.new-landing-page-container .mobilebrandslider .slides > li  img:hover{
    -webkit-filter: grayscale(0%) opacity(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%) opacity(100%);
}
.new-landing-page-container .brandslider .slides > li{
	float: left;
	width: calc((100% - 100px) / 5);
	text-align: center;
}
.new-landing-page-container .opl-dynamic-brand-wrapper .brandslider .slides > li {
	width: calc(100% / 6);
}
.new-landing-page-container .brandslider .slides > li:last-child{
    width: 100px;
}
.new-landing-page-container .mobilebrandslider .slides > li a:last-child{
    margin-right: 0 !important;
}
.new-landing-page-container .brandslider .slides > li img{
    width: 100px;
    height: 100px;
}
.new-landing-page-container .mobilebrandslider .slides > li a{
    max-width: 100px;
    width: 100%;
    margin-right: calc((100% - 300px) / 2);
    float: left;
    height: auto;
    display: inline-block;
}
.new-landing-page-container .mobilebrandslider .slides > li > a > img{
    width:100%;
     height: 100px;
}
.do-you-qualify{
    background: #eeeeee;
    padding: 50px 0 45px 0;
    font-family: roboto-regular;
    font-size: 18px;
    color: #333333;
}
.get-the-gear {
    margin-top: 50px;
    margin-bottom: 47px;
}
.do-you-qualify .desc{
    margin-bottom: 30px;
    font-family: roboto-regular;
    font-size: 18px;
    color: #333333; 
}
.do-you-qualify .desc > ul li{
    margin-bottom: 10px;
}
.get-the-gear .title{
    margin-bottom: 55px !important;
}
.do-you-qualify .info{
    margin-bottom: 30px !important;
    font-family: roboto-regular;
    font-size: 24px;
    color: #333333;
    line-height: 35px;
}
.home-signup-btn-btm{
    width: 155px;
    height: 65px;
    background: transparent;
    color: #006998;
    border-color: #006998;
    font-size: 20px;
    line-height: 65px;
    padding-top: 0;
    padding-bottom: 0;
}
.home-signup-btn-btm:hover,
.home-signup-btn-btm:focus,
.home-signup-btn-btm:active{
    color: #fff;
    background: #006998;
    box-shadow: none;
}
.join-community {
    background: #cccccc;
    padding: 50px 0 80px 0;
}
.join-community .title{
    font-size: 40px;
    color: #333333;
    font-family: roboto-regular;
    margin-bottom: 47px;
    line-height: 32px;
}
.join-community-slider .user-info {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    background: rgba(0,0,0,0.5);
    color: #fff;
    padding: 50px 30px;
    min-width: 300px;
    width: 30%;
}
.mobile-join-community-slider .user-info {
    margin-top: 75px;
    color: #6e6e6e;
}
.join-community-slider .user-info .username {
    font-size: 34px;
    font-family: roboto-regular;
    margin-bottom: 30px;
}
.join-community-slider .user-info .professional {
    font-size: 24px;
    font-family: roboto-regular;
    margin-bottom: 20px;
}
.join-community-slider .user-info .location {
    font-size: 24px;
    font-family: roboto-regular;
    margin-bottom: 20px;
}
.join-community-slider .user-info .info {
    font-size: 16px;
    font-family: roboto-regular;
}
.new-landing-page-container .opl-sub-store,
.new-landing-page-container .opl-prod-row,
.new-brand-page-container .opl-sub-store,
.new-home-page-container .opl-sub-store {
	margin-top:50px;
}
.new-landing-page-container .opl-prod-row{
    margin-top:44px;
}
.new-landing-page-container .opl-sub-store > div,
.new-landing-page-container .opl-prod-row > div,
.new-brand-page-container .opl-prod-row > div,
.new-brand-page-container .opl-sub-store > div,
.new-home-page-container .opl-sub-store > div{
    padding-left:10px !important;
    padding-right:10px;
}
.new-brand-page-container .opl-prod-row > div{
    padding-bottom:20px;
}
.new-landing-page-container .opl-sub-store > div > a > img,
.new-brand-page-container .opl-sub-store > div > a > img,
.new-home-page-container .opl-sub-store > div > a > img {
	width: 100%;
}
.new-landing-page-container .opl-sub-store .review-content,
.new-brand-page-container .opl-sub-store .review-content,
.new-home-page-container .opl-sub-store .review-content {
	position: absolute;
	display: inline-block;
	background: rgba(0,0,0,0.7);
	width: calc(100% - 20px);
	bottom: 0;
	padding: 15px 20px;
	height: 140px;
	color:#fff;
	left: 10px;
	overflow:hidden;
}
.new-landing-page-container .opl-sub-store .review-content h2,
.new-brand-page-container .opl-sub-store .review-content h2,
.new-home-page-container .opl-sub-store .review-content h2{
    margin-top: 0;
    color: #a4b207;
    font-size: 26px;
    font-family: roboto-light;
    margin-bottom: 12px;
    line-height: 28px;
}
.new-landing-page-container .opl-sub-store .review-content p,
.new-landing-page-container .opl-sub-store .review-content div.summary,
.new-brand-page-container .opl-sub-store .review-content p,
.new-brand-page-container .opl-sub-store .review-content div.summary,
.new-home-page-container .opl-sub-store .review-content p,
.new-home-page-container .opl-sub-store .review-content div.summary {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 22px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.new-landing-page-container .opl-sub-store .store-offer-hint-content {
    display: inline-block;
    width: 100%;
    background: #fff;
    padding-left: 20px;
    height: 40px;
    overflow: hidden;
}
.new-landing-page-container .opl-sub-store .store-offer-hint-content p{
    float: left;
    width: calc(100% - 40px);
    color: #666;
    margin-bottom: 0;
    height: 40px;
    vertical-align: middle;
    line-height: 40px;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: roboto-regular;
    text-align: left;
}
.new-landing-page-container .opl-sub-store .store-offer-hint-content span .right-arrow{
    background: url(/images/flexslider-icons/Carrot-White-Right.svg) no-repeat 50% 50%;
    background-size: 20px 20px;
    width: 40px;
    height: 40px;
    display: inline-block;
}
.new-landing-page-container .opl-sub-store .store-offer-hint-content span {
    background-color: #a4b207;
    width: 40px;
    display: inline-block;
    height: 40px;
    color: #fff;
}
.new-landing-page-container .sub-store-row-2-col-2 .opl-sub-store.margin-top-20{
   margin-top:13px !important;
}

/*start new brand page*/
.new-brand-banner-info-wrapper.center-align{
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    min-width: 435px;
    width: 30%;
    height: 60%;
    margin-left:0 !important;
}
.new-brand-banner-info-wrapper.right-align {
    right: calc((100% - 1130px)/2);
}
.new-brand-banner-image-wrapper {
	position: relative;
	height: 600px;
	overflow: hidden;
}
.new-brand-banner-info-wrapper {
	position: absolute;
	top: 50px;
	background: rgba(0,0,0,0.5);
	padding: 40px;
	width: 265px;
	height: calc(100% - 100px);
	text-align: center;
    margin-left: 20px;
}
.new-brand-banner-info-wrapper .button-wrapper .opl-btn-standard{
   font-size: 18px !important;
}
.new-brand-banner-info-wrapper .button-wrapper .opl-btn-standard:hover,
.new-brand-banner-info-wrapper .button-wrapper .opl-btn-standard:focus,
.new-brand-banner-info-wrapper .button-wrapper .opl-btn-standard:active{
    border: 1px solid #fff !important;
    background: #fff !important;
}
.new-brand-banner-info-wrapper > img.img-responsive {
	margin: 0 auto;
	margin-bottom: 40px;
}
.new-brand-banner-info-desc p {
	color: #999;
	line-height: 20px;
}
.new-brand-banner-info-wrapper .button-wrapper {
	position: absolute;
	bottom: 50px;
    left: 50%;
    transform: translate(-50%);
}
.new-brand-banner-info-wrapper.center-align .button-wrapper{
    bottom: 30px;
    width: calc(100% - 60px);
}
.new-brand-category-container,
.new-brand-best-sell-wrapper{
    text-align:center;
    margin-top: 50px;
}
.new-brand-youtube-container,
.new-brand-insta-container{
    text-align:center;
    margin-top: 100px;
}
.new-brand-category-container h2,
.new-brand-best-sell-wrapper h2,
.new-brand-youtube-container h2,
.new-brand-insta-container h2 {
    margin-bottom: 40px;
}
.new-brand-insta-container{
    margin-bottom:100px;
}
.new-brand-image-wrapper {
    position: relative;
    height:500px;
    overflow:hidden;
}
.new-brand-image-wrapper h1 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: #fff;
    font-size: 4vw;
    width: 100%;
    margin: 0;
    text-shadow: 1px 1px 5px rgba(255, 255, 255, .5);
}
.new-brand-best-sell-wrapper .button-wrapper,
.new-brand-category-container .button-wrapper {
    margin-top: 30px;
    display: inline-block;
    margin-bottom: 10px;
    padding-bottom:0px;
    width: 100%;
}
 .new-brand-youtube-embbed{
    display: flex;
    width: 100%;
}
.new-brand-youtube-embbed iframe{
    width:100%;
    min-height: 600px;
}
.bg-set {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
}
.new-brand-page-container .opl-storefront-dynamic-product-wrapper.opl-prod-row {
	display: flex;
	padding: 0 !important;
	flex-wrap: wrap;
	justify-content: center;
}
.new-brand-page-container .opl-dynamic-storefront-row.opl-prod-row {
	padding:0 !important;
}
.new-brand-page-container .opl-storefront-dynamic-product-wrapper.opl-prod-row > div > .product-grid-item {
	padding: 0 !important;
	margin-bottom:0 !important;
}
#PartnerCode-modal .modal-content {
    background: #fff !important;
}
/*end new brand page*/
.opl-ca-landing-herobanner-wrapper .flexslider .homeslider-content p {
	line-height: 34px;
}
.opl-ca-landing-herobanner-wrapper .flexslider .homeslider-content p > span{
	font-size: 28px;
	line-height: 20px;
}
.opl-ca-landing-refer-wrapper > img{
	padding: 0 20px;
}
.opl-ca-landing-section-title {
	text-align: center;
	font-size: 34px;
	color: #000;
	font-weight: bold;
	margin-top: 20px;
	padding: 0 15px;
	line-height: 36px;
}
.opl-ca-landing-brand-wrapper {
	background: #fff;
	padding: 30px 0;
}
.opl-ca-landing-brand-wrapper .brand-slider-wrapper {
	position: relative;
}
.opl-ca-landing-refer-wrapper {
	text-align: center;
	padding: 100px 0;
}
.opl-ca-landing-refer-title {
	margin-bottom: 25px;
	font-size: 34px;
	color: #000;
	font-weight: bold;
	margin-top: 35px;
	padding: 0 15px;
	line-height: 36px;
}
.opl-ca-landing-refer-subtitle {
	font-size: 22px;
	color: #000;
	font-weight: bold;
	padding: 0 15px;
	line-height: 24px;
}
.opl-ca-landing-refer-wrapper .btn-opl-public-cta {
	font-size: 22px;
	height: 54px;
	line-height: 22px;
	padding: 16px 30px;
	margin-left: 0px;
}
.opl-ca-landing-brand-wrapper .brand-slider-wrapper {
	padding: 0 10px;
}
/*New partner code design*/
.opl-partnercode-wrapper {
	background: #fff;
	padding: 30px;
	margin-bottom: 5px;
}
.opl-partnercode-wrapper p{
	margin-bottom:0;
}
.opl-partnercode-title-wrapper{
	font-size: 26px;
	color: #333;
	font-weight: bold;
	display: inline-block;
}
.color-green {
	color: #BECC26 !important;
}
.color-blue {
	color: #2263a0 !important;
}
.partnercode-data-wrapper {
	display: inline-block;
	width: 100%;
	text-align: center;
}
.partnercode-data {
	margin: 20px auto 5px;
	display: inline-block;
}
.partnercode-data > div{
	margin-bottom: 5px;
    display: flex;
}
.opl-partnercode-content .opl-btn-default {
	text-wrap: unset;
	height: auto !important;
}
.partnercode-data input {
	width: 300px;
	margin: 0 auto;
	float: left;
	text-align: center;
	border-radius: 4px 0 0 4px;
	height: 40px !important;
}
.partnercode-data button {
	border-radius: 0 4px 4px 0;
	height: 40px;
	padding: 8px 25px !important;
	width: 120px;
	margin-left: -2px !important;
	margin-top: 0;
}
.opl-partnercode-details {
	color: gray;
	font-size: 16px;
}
.request-new,
.request-new-last > p {
	font-size: 22px;
	color: #333;
	font-weight: bold;
}
.request-new-last > p{
	margin-bottom:15px;
}
.request-new > a{
	color: #2263a0;
	text-decoration: underline;
}
.request-new > a:hover{
	text-decoration: none;
}
.partnercode-message {
	font-size: 24px;
	color: #333;
	width: 50%;
	margin: 0 auto;
	line-height: 30px;
	margin-top: 15px;
}
.opl-partnercode-content .popup-content {
	margin-bottom: 15px;
}
.partnercode-data .opl-btn-standard:active,
.partnercode-data .opl-btn-standard:focus {
	background: #2263a0 !important;
	color:#fff !important;
}
.partnercode-data .form-control[readonly] {
	background: #fff;
}
.opl-partnercode-content .popup-content h3 {
	font-size: 24px;
	margin-bottom: 15px;
	margin-top: 30px;
}
/*Access code design*/
.opl-access-code-container {
	background: #fff;
	padding: 25px;
	margin: 20px auto;
	text-align: center;
}
.accesscode-data .form-control[readonly] {
	background: #fff;
}
.accesscode-share,
.accesscode-data {
	display: inline-block;
	width: 100%;
}
.accesscode-data input,
.accesscode-share input {
	max-width: 215px;
	margin: 0 auto;
	float: left;
	border-radius: 4px 0 0 4px;
	height: 40px !important;
	width: 70%;
	border-right: none;
}
.accesscode-data button,
.accesscode-share button {
	border-radius: 0 4px 4px 0;
	height: 40px;
	padding: 8px 10px !important;
	max-width: 100px;
	margin: 0;
	margin-left: 0px !important;
	width: 30%;
}
.accesscode-share input {
	max-width: 300px;
}
.opl-access-code-list-wrapper {
	min-width: 600px;
	width: 90%;
	margin: 0 auto;
	margin-top: 20px;
}
.opl-access-code-list-wrapper .row {
	margin-bottom: 20px;
}
.opl-access-code-list-wrapper p,
.opl-ac-codes-exhausted-message p{
	margin-bottom: 0;
}
.opl-field-grayed[readonly] {
	background-color: #eee !important;
	width: 100%;
	max-width: 315px;
	border-radius: 4px;
	border: 1px solid #ccc;
}
.accesscode-share .opl-field-grayed[readonly] {
	max-width: 400px;
}
@media screen and (min-width : 991.98px) {
	.accesscode-share input[type="text"] {
		width: 95%;
	}
}

@media screen and (min-width : 1199.98px) {
	.accesscode-share input[type="text"] {
		width: 80%;
	}
}

.opl-ac-need-more-code-wrapper,
.opl-ac-codes-exhausted-message {
	margin: 30px 0;
}
.need-more-access-code-link{
	color: #2263a0;
	text-decoration: underline;
	font-weight: bold;
}
.need-more-access-code-link:hover,
.need-more-access-code-link:focus,
.need-more-access-code-link:active{
	text-decoration: none;
}
.opl-ac-clipboardtext{
	opacity: 0;
	position: absolute;
	z-index: -10;
}
/*Extra small devices (portrait phones, less than 576px)*/
@media screen and (max-width: 380px) {
	.new-landing-page-container .mobilebrandslider .slides > li a {
		margin-right: 30px !important;
		width: calc((100% - 60px) / 3) !important;
	}
    .new-landing-page-container .mobilebrandslider .slides > li > a > img{
        width:100%;
        height: auto !important;
    }
	.new-brand-page-container .opl-storefront-dynamic-product-wrapper.opl-prod-row > div > .product-grid-item .grid-item-inner {
		padding: 10px 15px;
	}
}
@media screen and (max-width: 580px) {
    .new-landing-page-container .mobilebannerslider.flexslider .container {
        position: absolute;
        bottom: 45px;
        left: 0;
        top: unset;
        width: 100%;
        height: calc(100% - 70px);
    }
    .new-landing-page-container .flexslider .homeslider-content p{
        font-size: 28px;
        line-height: 32px;
    }
	.new-brand-page-container .new-brand-category-container .button-wrapper a:last-child{
		margin-right: 20px !important;
	}
    .new-landing-page-container .opl-sub-store .review-content h2,
    .new-brand-page-container .opl-sub-store .review-content h2,
    .new-home-page-container .opl-sub-store .review-content h2{
        font-size: 20px !important;
        line-height: 22px !important;
    }
    .new-landing-page-container .opl-sub-store .review-content p,
    .new-landing-page-container .opl-sub-store .review-content div.summary,
    .new-brand-page-container .opl-sub-store .review-content p,
    .new-brand-page-container .opl-sub-store .review-content div.summary,
    .new-home-page-container .opl-sub-store .review-content p,
    .new-home-page-container .opl-sub-store .review-content div.summary {
        font-size: 16px !important;
        line-height: 20px !important;
    }
	.opl-partnercode-wrapper {
		padding: 0px;
	}
	.partnercode-data input {
		width: 100% !important;
		margin-bottom:5px;
	}
	.partnercode-data {
		width: 100%;
	}	
	.new-brand-youtube-embbed iframe {
		min-height: 300px !important;
	}
}

@media (max-width: 480px) { 
    .hiw-content .title {
        font-size: 30px;
    }
    .join-community .title {
        line-height: 40px;
    }
	.partnercode-data input {
		width: 200px;
	}
	.opl-partnercode-details > span {
		 display: block; 
		 text-align: center; 
		 margin: 0; 
	}
	.partnercode-data > div {
		flex-direction: column;
		align-items: center;
		margin-bottom: 20px;
	}
	.partnercode-data button {
		float: none !important;
		border-radius: 4px;
		margin-bottom: 5px !important;
	}
}
@media (max-width: 420px) { 
    .new-landing-page-container .mobilebrandslider .slides > li > a > img{
        width:100%;
        height: 90px;
    }
	.new-landing-page-container .mobilebrandslider .slides > li a {
		margin-right: 40px;
		width: calc((100% - 80px) / 3);
	}
	.opl-partnercode-container {
		margin-left: -20px;
		margin-right: -20px;
	}
}

/*Small devices (landscape phones, 576px and up)*/
@media screen and (max-width: 767.98px) {
    .your-a-pro .title,
    .brand-slider-wrapper .title,
    .do-you-qualify .title,
    .get-the-gear .title{
        margin-bottom: 20px;
        line-height: 50px;
    }
    .your-a-pro .desc {
        margin-bottom: 50px;
        width: 100%;
    }
    .how-it-works {
        /* background: url(../images/how-it-works-bg.jpg) no-repeat 50% 50%; */
        position: relative;
        margin-bottom: 50px;
        max-height: initial;
        overflow: inherit;
    }
    .hiw-content{
        width: 100%;
    }

    .do-you-qualify .desc,
    .do-you-qualify .desc ul{
        margin-bottom: 0px;
    }
    .do-you-qualify .row > div:last-child{
        margin-top: 50px;
    }
    .join-community{
        padding: 50px 0 30px 0;
    }
    .mobile-join-community-slider .user-info .username {
        font-size: 34px;
        color: #333333;
        font-family: roboto-regular;
        margin-bottom: 30px;
    }
    .mobile-join-community-slider .user-info .professional {
        font-size: 24px;
        font-family: roboto-regular;
        margin-bottom: 20px;
        color: #666666;
    }
    .mobile-join-community-slider .user-info .location {
        font-size: 24px;
        font-family: roboto-regular;
        margin-bottom: 20px;
        color: #666666;
    }
    .mobile-join-community-slider .user-info .info {
        font-size: 24px;
        font-family: roboto-regular;
        margin-bottom: 20px;
        color: #666666;
        line-height: 30px;
    }
    .slideIndex{
        position: absolute;
        top: 230px;
        text-align: center;
        margin: 0;
        font-size: 24px;
        width: 90%;
        left: 5%;
        letter-spacing: 5px;
    }
    .new-home-page-container .container{
        padding-right: 15px !important;
        padding-left: 15px !important;
    }
      .new-landing-page-container .container,
      .new-brand-page-container .container{
        padding-right: 20px !important;
        padding-left: 20px !important;
    }
	.new-landing-page-container .opl-sub-store .review-content,
	.new-brand-page-container .opl-sub-store .review-content,
	.new-home-page-container .opl-sub-store .review-content {
		bottom: 20px;
		left: 0;
		width: 100%;
		text-align: left;
	}
    .new-landing-page-container .opl-prod-row.margin-m10 {
        margin-left: -10px;
        margin-right: -10px;
        margin-top:20px;
    }
    .new-brand-page-container .opl-prod-row.margin-m10 {
        margin-left: -10px;
        margin-right: -10px;
    }
    .new-landing-page-container .opl-prod-row > div,
    .new-brand-page-container .opl-prod-row > div {
        padding-left: 10px !important;
        padding-right: 10px !important;
        padding-bottom:20px;
    }
    .new-landing-page-container .margin-m10,
    .new-brand-page-container .margin-m10 {
        margin: -20px;
    }

	.new-landing-page-container .opl-sub-store > div,
	.new-brand-page-container .opl-sub-store > div,
	.new-home-page-container .opl-sub-store > div {
		padding-bottom: 13px !important;
		text-align: center;
	}
	.new-landing-page-container .opl-sub-store.gear-review > div,
	.new-brand-page-container .opl-sub-store.gear-review > div,
	.new-home-page-container .opl-sub-store.gear-review > div {
		padding-bottom: 20px !important;
	}
	.new-landing-page-container .opl-sub-store, .new-landing-page-container .opl-prod-row,
	.new-brand-page-container .opl-sub-store {
		margin-top: 20px !important;
	}
    .new-landing-page-container .opl-sub-store > div,
	.new-brand-page-container .opl-sub-store > div,
	.new-home-page-container .opl-sub-store > div{
        padding-left: 0px !important;
        padding-right: 0px;
    }
    .new-landing-page-container .margin-bottom-90{
        margin-bottom:29px !important;
        margin-top:30px !important;
    }
    .new-landing-page-container .mobile-margin-top-0{
        margin-top: 0px !important;
    }
    .new-landing-page-container .sub-store-row-2-col-2 .opl-sub-store.margin-top-20 {
        margin-top: 20px !important;
    }

    .new-brand-banner-info-wrapper{
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        /*width: 30%;
        height: 65%;*/
        margin-left: 0;
    }
    .new-brand-youtube-container{
        text-align:center;
        margin-top: 30px;
    }
    .new-brand-insta-container{
         margin-top: 50px;
    }
    .new-brand-image-wrapper h1{
        font-size: 36px;
    }
    .new-brand-banner-info-wrapper.right-align{
         right: 20px;
    }
    .new-brand-banner-info-wrapper.center-align{
        width: 265px;
        height: calc(100% - 100px);
        padding: 40px;
    }
    .new-brand-banner-info-wrapper .button-wrapper {
        bottom: 50px;
    }
    .new-landing-page-container .opl-sub-store .review-content h2,
    .new-brand-page-container .opl-sub-store .review-content h2,
    .new-home-page-container .opl-sub-store .review-content h2{
        font-size: 26px;
        line-height: 28px;
    }
    .new-landing-page-container .opl-sub-store .review-content p,
    .new-landing-page-container .opl-sub-store .review-content div.summary,
    .new-brand-page-container .opl-sub-store .review-content p,
    .new-brand-page-container .opl-sub-store .review-content div.summary,
    .new-home-page-container .opl-sub-store .review-content p,
    .new-home-page-container .opl-sub-store .review-content div.summary {
        line-height: 20px;
    }
    .new-landing-page-container .mobilebrandslider .slides > li{
        display:flex !important;
        align-items: center !important;
    }
	/*Access code mobile design*/
	.accesscode-share,
	.accesscode-data {
		margin-bottom: 20px;
	}
	.opl-field-grayed[readonly],
	.accesscode-data input, .accesscode-share input,
	.accesscode-data button, .accesscode-share button,
	.accesscode-share input {
		max-width: 100%;
	}
	.opl-access-code-list-wrapper {
		min-width: 100%;
	}
	.opl-access-code-list-wrapper .text-right {
		text-align: left;
	}
	.opl-access-code-list-wrapper .row {
		border: 1px solid #eee;
		padding-top: 15px
	}
	.new-brand-youtube-embbed iframe {
		min-height: 450px;
	}
	.accesscode-share .opl-field-grayed[readonly] {
		max-width: 100%;
	}
}
/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) {
    .your-a-pro .title,
    .brand-slider-wrapper .title,
    .do-you-qualify .title,
    .get-the-gear .title {
        font-size: 30px;
        margin-bottom: 30px;
        line-height: 30px;
    }
    .your-a-pro .desc {
        margin-bottom:50px;
    }
	.new-home-page-container .container,
	.new-landing-page-container .container,
	.new-brand-page-container .container {
		padding-right: 15px !important;
		padding-left: 15px !important;
	}
    .join-community-slider .user-info .username {
        font-size: 26px;
        margin-bottom: 15px;
    } 
    .join-community-slider .user-info {
        padding: 20px 30px;
    }
    .join-community-slider .user-info .location,
    .join-community-slider .user-info .professional {
        font-size: 16px;
        margin-bottom: 10px;
    }
    .join-community-slider .user-info .info {
        font-size: 14px;
        line-height: 20px;
    }
    .new-brand-banner-info-wrapper.right-align {
        right: calc((100% - 750px)/2);
    }
    .new-landing-page-container .opl-sub-store .review-content h2,
    .new-brand-page-container .opl-sub-store .review-content h2,
    .new-home-page-container .opl-sub-store .review-content h2{
        font-size: 20px;
        line-height: 22px;
    }
    .new-landing-page-container .opl-sub-store .review-content p,
    .new-landing-page-container .opl-sub-store .review-content div.summary,
    .new-brand-page-container .opl-sub-store .review-content p,
    .new-brand-page-container .opl-sub-store .review-content div.summary,
    .new-home-page-container .opl-sub-store .review-content p,
    .new-home-page-container .opl-sub-store .review-content div.summary {
        line-height: 20px;
    }
}
/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) {
	.new-home-page-container .container,
	.new-landing-page-container .container,
	.new-brand-page-container .container {
		padding-right: 15px !important;
		padding-left: 15px !important;
	}
    .join-community-slider .user-info .username {
        font-size: 30px;
        margin-bottom: 20px;
    } 
    .join-community-slider .user-info {
        padding: 35px 30px;
    }
    .join-community-slider .user-info .location,
    .join-community-slider .user-info .professional {
        font-size: 20px;
    }
    .join-community-slider .user-info .info {
        font-size: 14px;
    }
    .new-brand-banner-info-wrapper.right-align {
        right: calc((100% - 970px)/2);
    }
    .new-landing-page-container .opl-sub-store .review-content h2,
    .new-brand-page-container .opl-sub-store .review-content h2,
    .new-home-page-container .opl-sub-store .review-content h2{
        font-size: 22px;
        line-height: 26px;
    }
}
/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { 

 }