html {
	-webkit-text-size-adjust: 100%;
}

body {
	background-color: #c6c6c6;
	font-family: Open Sans, Helvetica, sans-serif;
	font-size: 12px;
	height: 100%;
}



#container {
	background-color: #fff;
	margin: 0 auto;
	overflow: hidden;
	visibility: visible;
}

a img {
	vertical-align: bottom;
	border: 0px !important;
}
li {
	list-style: none;
}

.herobanner {
	background: -moz-linear-gradient(left, #e1e1e1 0%, #f7f7f7 35%, #f7f7f7 35%, #f7f7f7 49%, #f7f7f7 70%, #e1e1e1 100%);
	background: -webkit-linear-gradient(left, #e1e1e1 0%, #f7f7f7 35%, #f7f7f7 35%, #f7f7f7 49%, #f7f7f7 70%, #e1e1e1 100%);
	background: linear-gradient(to right, #e1e1e1 0%, #f7f7f7 35%, #f7f7f7 35%, #f7f7f7 49%, #f7f7f7 70%, #e1e1e1 100%);
	position: relative;
	overflow: hidden;
}
.herobanner-left {
	position: relative;
	float: left;
}
.violator {
	position: absolute;
	z-index: 1;
}
.card-desktop,
.dotwhack {
	position: absolute;
}
.herobanner-right {
	float: right;
	display: flex;
	justify-content: center;
	flex-flow: column;
	align-items: center;
}
.buttonSection {
	display: block;
	clear: both;
}
.autorenew_txt {
    font-family: Lato;
    font-weight: 600;
    text-align: center;
    color: #333;
}
.buttonSection .joinNow:hover {
background: #fff;
    color: #EC1300;
}
.buttonSection .joinNow {
    border-radius: 25px;
    background: #EC1300;
    color: #ffffff;
    font-family: Lato;
    text-decoration: none;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-weight: 700;
    border: 2px solid #EC1300;
}
div.containerShadow {
	-moz-box-shadow: 0 0 5px #000;
	-webkit-box-shadow: 0 0 5px #000;
	box-shadow: 0 0 5px #000;
}


.renewText a {
	color: #2B779B;
}
.excl_offers p:nth-child(6) {
	display: none;
}

.slick-arrow{
display:none !important;
}
.wrapper{
    background: #fff;
}
.excl_bene {
	display: none;
}

@media screen and (min-width: 700px) {

.slider {
width: 83%;
margin-bottom: 2.417vw;
padding: 0;
border: none;
}
.slide1 img, .slide2 img, .slide3 img {
width: 100% !important;
}
.slider div {
text-align: center;
}
.slider img {
margin: 0 auto;
}

	.ben_content,
	.pubcn_content,
	.offer_descp,
	.offer_descps
	{
		display: none;
	}

	.magazine,
	.aarp_org {
		display: block;
	}
	#container {
		width: 100%;
	}
	.herobanner {
		padding: 2.4vw 0px 4vw 4.8vw;
	}
	.herobanner-left {
		width: 47.68vw;
		height: 26.24vw;
	}
	.violator {
		width: 32.5vw;
		top: 1.33vw;
		left: -1.33vw;
	}
	.card-desktop {
		width: 40vw;
		top: 9vw;
		left: 4.72VW;
	}
	.dotwhack {
		width: 9.08vw;
		bottom: -1.5vw;
		left: 0.416vw;
		top: 19.5vw;
	}
	.herobanner-right {
		width: 44.58vw;
		padding-top: 4.5vw;
	}
	.buttonSection {
		padding-top: 1.33vw;
	}
	.buttonSection .joinButton {
		width: 22.24VW;
		margin: 0 auto;
	}
	.autorenew_txt {
		font-size: calc(9px + (15 - 9) * ((100vw - 700px) / (1200 - 700)));
		margin: 0 0 1.25vw;
	}
	.buttonSection .joinNow {
		font-size: calc(9px + (14 - 9) * ((100vw - 700px) / (1200 - 700)));
		padding: 0.833vw 0;
		width: 17.500vw;
		margin: 0 auto;
		height: 1.833vw;
	}
	.buttonSection .renewText {
		font-size: calc(9px + (12 - 9) * ((100vw - 700px) / (1200 - 700)));
		padding-top: 1.166VW;
		color: #37383D;
                font-family: Lato;
                font-weight: 400;
                margin: 0;
                text-align: center;
        }
	#page-content {
		padding-top: 8VW;
		margin: 0;
	}
	.accordion_section {
		width: 90%;
		margin: 2.5vw auto 4.58vw;
		padding: 3.16vw 0 0;
                max-width: 90% !important;
	}


.offer_sec {
    width: 100%;
    height: 10.889vw;
}

}

@media screen and (min-width: 1200px) {

.slider {
width: 83%;
margin-bottom: 29px;
padding: 0;
border: none;
}
.slide1 img, .slide2 img, .slide3 img {
width: 100% !important;
}
.slider div {
text-align: center;
}
.slider img {
margin: 0 auto;
}
	.sticky_header {
		width: 1200px;
	}
	
	.memberbenefits {
		margin: 45px auto 0;
		width: 970px;
	}
	.excl_offers p.bene_para {
           width: 970px;
	}
	#banner {
		width: 162px;
		height: 42px;
		margin-left: 52px;
	}
	#page-content {
		padding-top: 95px;
		margin: 0;
	}
	.herobanner {
		padding: 30px 0px 48px 60px;
	}
	.herobanner-left {
		width: 596px;
		height: 328px;
	}
	.violator {
		width: 390px;
		left: -16px;
		top: 16px;
	}
	.card-desktop {
		width: 480px;
		top: 108px;
		left: 59px;
	}
	.dotwhack {
		width: 109px;
		bottom: -18px;
		left: 5px;
		top: 234px;
	}
	.herobanner-right {
		width: 535px;
		padding-top: 54px;
		position: relative;
		right: 5px;
	}
	.buttonSection {
		padding-top: 16px;
	}
	.buttonSection .joinButton {
		width: 278px;
		margin: 0 auto;
	}
.autorenew_txt {
    font-size: 15px;
    margin: 0 0 15px;
    line-height: 19px;
}
.buttonSection .joinNow {
    font-size: 14px;
    line-height: 16px;
    padding: 10px 0 10px;
    width: 210px;
    height: 22px;
    margin: 0 auto;
}
	.buttonSection .renewText {

    font-size: 14px;
    line-height: 16px;
    padding-top: 12px;
}
	#container {
		width: 1200px;
		margin-bottom: -17px;
	}
	.accordion_section {
		margin: 30px auto 55px;
		width: 1105px;
		padding: 38px 0 0;
                max-width: 1105px !important;
        }
       .accordion_section .memberbenefits {
               width: 970px !important;
        }
        .excl_offers .heading {
               width: 100%;
               max-width: 972px;
         }

.offer_sec {
    width: 1200px;
    height: 128px;
}




}

@media screen and (max-width: 699px) {
.accordion_section {
    width: 100%;
    margin: 35px auto 0px;
    padding: 0;
}
.slider {
padding: 15px 0;
width: 91%;
border-top: 1px solid #707070;
border-bottom: 1px solid #707070;
margin-bottom: 0px !important;
}
.slide1 img, .slide2 img, .slide3 img {
width: 100% !important;
}
.slider div {
text-align: center;
}
.slider img {
margin: 0 auto;
}
	.magazine,
	.aarp_org,
	.much-more,
	.desktopSection,
        .offer_descp,
	.offer_descps
          {
		display: none;
	}
	.excl_offers {
		margin-bottom: 40px;
	}
	
	.clearfix::after {
		clear: both;
		content: "";
		display: block;
		height: 0;
		visibility: hidden;
	}
	
	#page-content {
		margin-top: 55px;
	}
	.herobanner {
		padding-bottom: 20px;
	}
	.herobanner-left,
	.herobanner-right {
		width: 100%;
	}
	.herobanner-left {
		height: 72.8vw;
	}
	.violator {
		width: 78.93vw;
		left: -0.25vw;
		top: 1.56vw;
	}
	.card-desktop {
		width: 75vw;
		left: 13.125vw;
		top: 20.3125vw;
	}
	.dotwhack {
		width: 22vw;
		top: 26.875vw;
		right: 3vw;
		transform: rotate(35deg);
	}
	.autorenew_txt {
		margin: 20px 0 15px;
    font-size: 18px;
    line-height: 22px;
    color: #37383D;
}
	.buttonSection .joinNow {
font-size: 18px;
padding: 13px 0 11px;
line-height: 22px;
width: 250px;
	}
.renewText {
    font-size: 15px;
    line-height: 18px;
    padding-top: 10px;
    font-family: lato;
    text-align: center;
}

.offer_sec {
    flex-direction: column;
    width: 320px;
}

}