@media screen and (min-width: 850px) {
#top .nav-btn {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
#nav .close-btn {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
#nav .block-title {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
#nav ul {
text-align: left;
white-space: nowrap;
}
#nav li {
display: inline-block;
}
#nav li:last-child {
border-right: none;
}
#nav li a {
padding: 20px 15px;
}
}
@media screen and (max-width: 1299px) {
.container {
max-width: 830px;
margin: 0 auto;
}
#nav li a {
padding: 20px 10px;
font-size: 13px;
line-height: 13px;
}
.VideoSection {
float: left;
width: 100%;
}
.VideoTitle {
width: 100%;
text-align: left;
padding-top: 20px;
}
.HeadIMG {
padding: 50px 0;
}
.PriceDataRow {
padding: 0 5%;
}
.FeesSection .container,
.Comparison .container {
width: 100%;
max-width: 100%;
}
.PriceDataRow {
margin-bottom: 20px;
}
.LetterIcon {
width: 30%;
padding: 20px;
}
.LetterContent {
width: 70%;
}
.Grid-7,
.termsContainer {
font-size: 16px;
}
.SP-sideLink-Active-sm,
.SP-sideLink-Active {
font-size: 17px;
}
.SP-sideLink-sm,
.SP-sideLink {
font-size: 14px
}
.Grid-10 {
font-size: 17px;
}
.membershipLight img {
width: 150px;
height: auto;
}
.Premier img,
.Basic img {
width: auto;
height: 180px;
}
.Premier,
.Basic {
height: 220px;
}
.PremierRulesContent,
.BasicRulesContent {
min-height: 350px;
}
.PremierRulesContent,
.BasicRulesContent {
font-size: 17px;
}
.QuestionHead {
padding-left: 35px;
font-size: 20px;
padding-bottom: 25px;
margin-top: 0px;
color: #087d6c;
}
.answer {
padding-bottom: 25px;
}
.answer p {
line-height: 140%;
margin: 0px 0 20px 0;
padding-left: 35px;
font-size: 15px;
}
.GreySideSection {
padding: 30px 8% 15px 8%;
}
.PremierGreySide {
padding: 50px 2% 50px 2%;
text-align: center;
}
.PremierSection {
float: left;
width: 100%;
padding: 0;
background: #fff;
}
.PremierGreenSide,
.PremierMainContent,
.PremierGreySide {
width: 100%;
float: left;
}
.PremierMainContent {
padding: 50px 0;
}
.PremierSidePost {
width: 33%;
}
.GreenSideBarLink {
margin: 0 auto;
width: 100%;
float: left;
}
.GreenSideBarLink h3 {
color: #fff;
margin-bottom: 10px;
text-align: center;
}
.GreenSideBarLink a {
text-align: center;
width: 25%;
font-size: 12.5px;
}
#widthLink {
width: 50%;
float: left;
}
.PremierMainContent .StyleBTN-NoShadow a {
margin: 10px;
}
.PremierGreySide {
padding-bottom: 0;
}
.GreySideSection {
width: 33.33%;
padding: 30px 5% 15px 5%;
}
.TopBottomDashed {
border: 0;
}
}
@media screen and (max-width: 850px) {
.container {
width: 90%;
height: auto;
}
#nav {
position: absolute;
top: 0;
padding-top: 5.25em;
background: rgba(255, 255, 255, 0);
}
#nav:not(:target) {
z-index: 1;
height: 0;
}
#nav:target .close-btn {
display: block;
}
#nav .close-btn {
position: absolute;
top: -63px;
}
#nav .block {
position: relative;
margin: 4px 0 0 0;
}
#nav li {
position: relative;
border-top: 1px solid rgba(255, 255, 255, 0.1);
}
#nav li:last-child {
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
#nav li.is-active:after {
z-index: 50;
display: block;
content: "";
position: absolute;
top: 50%;
right: -0.03125em;
margin-top: -0.625em;
border-top: 0.625em transparent solid;
border-bottom: 0.625em transparent solid;
border-right: 0.625em white solid;
}
#nav li a {
padding: 0.85714em 2.14286em;
}
.logo img {
width: 120px;
height: auto;
margin-left: 50px;
}
.HeadMedia {
display: none;
}
#nav .block {
max-width: 300px;
background: rgba(8, 125, 108, 0.95);
}
#NavActive {
background-color: #19ae93;
color: #fff;
border-bottom: 0;
}
.HeadIMG {
width: 100%;
min-height: 100%;
padding: 0;
}
.HeadIMG .container {
width: 100%;
max-width: 100%;
}
.VideoSection {
float: left;
width: 100%;
}
.VideoTitle {
width: 100%;
text-align: center;
padding-top: 20px;
padding-bottom: 20px;
}
.VideoContainer {
border: 0;
}
.HomeBanner h1 {
color: #fff;
margin: 0;
font-size: 30px;
margin-bottom: 10px;
}
.HomeBanner h3 {
color: #fff;
margin: 0;
font-size: 22px;
font-weight: normal;
}
.FeesSection .container {
width: 100%;
max-width: 100%;
}
.BasicFee,
.PremierFee {
padding: 60px 5% 40px 5%;
float: left;
text-align: center;
width: 100%;
}
.FeesSection {
background: none;
padding: 0;
}
.HomeWhiteTxt {
font-size: 14px;
text-align: center;
line-height: 150%;
}
.PlanDescri {
font-size: 16px;
}
.BasicFee img,
.PremierFee img {
width: 100px;
height: auto;
}
.PriceDataIcon img {
width: 44px;
height: auto;
}
.PriceData,
.PremierFee .PriceData {
font-size: 16px;
}
.ComparisonHalf {
width: 100%;
padding: 30px 0;
}
.CompanyName,
.CompanyStatic {
width: 25%;
}
.CompanyChart {
width: 50%;
padding: 0 5px;
}
.GreenSlogan h1 {
font-size: 26px;
}
.GreenSlogan h2 {
font-size: 18px;
}
.GreenSlogan h5 {
font-size: 14px;
}
.Comparison .container {
width: 95%;
}
.ReceiveUpTo {
padding: 50px 0;
}
.ReceieveUpToPar {
width: 100%;
background: rgba(255, 255, 255, 0.7);
padding: 15px 10px;
}
.ReceieveUpToPar h1,
.LetterContent h1 {
font-size: 30px;
color: #087d6c;
margin-bottom: 10px;
line-height: 32px;
}
.ReceieveUpToPar h2,
.LetterContent h2 {
font-size: 24px;
color: #1e1e1e;
margin-bottom: 30px;
}
.ReceieveUpToPar p {
font-size: 16px;
margin: 15px 0;
}
.LetterIcon img {
max-width: 150px;
}
.LetterIcon {
width: 100%;
text-align: center;
}
.LetterContent {
width: 100%;
}
.LetterContent h1,
.LetterContent h2 {
text-align: center;
}
.LetterPStyle1,
.LetterStyleBTN {
text-align: center;
}
.footerGrid {
width: 100%;
margin-bottom: 40px;
}
.CopyrightLink {
display: none;
}
.Rights {
padding: 0;
}
.footer {
padding-bottom: 20px;
}
#toTop {
position: absolute;
right: 0;
margin-right: 3%;
}
#toTop img {
width: 30px;
height: 29px;
}
.Subpage {
padding: 40px 0;
}
.SubPageHeadBanner h1 {
font-size: 34px;
}
.SubPageHeadBanner h2 {
font-size: 20px;
}
.SubPageHeadBanner h3 {
font-size: 16px;
}
.Grid-3,
.Grid-7,
.termsContainer {
width: 100%;
}
.Grid-3 {
float: left;
text-align: right;
padding-right: 0;
padding-bottom: 20px;
}
.Grid-3 a {
width: 100%;
float: left;
text-align: center;
margin-bottom: 20px;
}
.Grid-7 {
padding-left: 0;
padding-top: 20px;
border-top: dashed #cbcbcb;
border-left: none;
font-size: 15px;
min-height: 0;
}
.termsContainer {
font-size: 15px;
margin-top: 30px;
}
.Grid-10 .container {
padding: 0 0 20px 0;
}
.HalfSection {
width: 100%;
}
.PremierHalf,
.PremierMS {
border-right: 0;
}
.RulesHeadingHalf {
display: block;
}
.membershipLight,
.RulesHeadingFull {
display: none;
}
.PremierRulesContent,
.BasicRulesContent {
min-height: 0;
}
.Premier,
.Basic {
height: 250px;
width: 100%;
margin-right: 0;
float: left;
margin-left: 0;
}
.Basic {
margin-top: 100px;
}
.Premier img,
.Basic img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.Rulastitle {
padding: 15px 12px;
}
.QuestionHead {
padding-left: 35px;
font-size: 16px;
padding-bottom: 25px;
margin-top: 0px;
color: #087d6c;
}
.answer {
padding-bottom: 25px;
}
.answer p {
line-height: 140%;
margin: 0px 0 20px 0;
padding-left: 35px;
font-size: 14px;
}
.CreateActBox form {
width: 100%;
margin: 0 auto;
}
.MSDes {
min-height: auto;
}
.PremierMS {
border-bottom: dashed #ddd;
}
.MSSection {
padding: 20px 0;
text-align: center;
}
.CreateActBox h1 {
font-size: 28px;
color: #087d6c;
}
.fullWidth {
padding: 0;
}
.fullWidth p , .fullWidth table {font-size: 16px}
.GreenSideBarLink a {
text-align: center;
width: 100%;
font-size: 14px;
}
#widthLink {
width: 100%;
}
.LookforIMG {
float: left;
padding: 0 1%;
width: 50%;
margin-bottom: 1%;
}
.PremierHomeLookFor .dynamicHidden {
display: none;
}
.GreySideSection {
width: 100%;
padding: 30px 5% 15px 5%;
}
.GreySideSection ul {
max-width: 400px;
margin: 0 auto;
}
.PremierHomeBanner {
min-height: auto;
}
.PremierBanner h1 {
font-size: 28px;
}
.PremierBanner h2 {
font-size: 16px;
}
.PremierGreenSide {
display: none;
}
.PremierDymanicGreenSection {
display: block;
float: left;
width: 100%;
background-color: #19ad93;
padding: 0 5% 50px 5%;
text-align: left;
}
.PremierDymanicGreenSection .GreenSideBarLink h3 {
text-align: left;
}
.PremierDymanicGreenSection .GreenSideBarLink a {
text-align: left;
}
#MobileMenu {
width: 100%;
float: left;
z-index: 5;
position: fixed;
bottom: 0;
}
.MobileMenuGreenBG {
float: left;
width: 100%;
background-color: #19ad93;
border-top: 3px solid #238578;
}
.PremierSidePost {
background-color: #19ad93;
text-align: center;
}
.PremierSidePost a {
color: #fff;
}
.SearchResultGrid,
.MyPost {
width: 48%;
}
.termsborder {
border-bottom: 2px dashed #d3d3d3;
border-right: 0;
}
.Guildelines h1 {
font-size: 20px;
}
.Guildelines p {
font-size: 14px;
}
.sponsoredSyndicatesIMG img {
float: left;
width: 46%;
margin: 1% 1%;
}
}
@media screen and (max-width: 670px) {
.imgAlignment img {
margin-right: 0;
margin-bottom: 15px;
width: 100%;
}
.MyPost {
width: 100%;
margin: 1% 0%;
}
.PremierComfirmation {
width: 100%;
margin: 20px auto;
}
.PremierConfirmation-Opportunities {
text-align: center;
float: left;
width: 50%;
}
}
@media screen and (max-width: 500px) {
.container {
width: 95%;
height: auto;
}
.logo img {
width: 85px;
height: auto;
margin-left: 45px;
margin-top: 5px;
}
.block {
padding: 16px 0;
}
#top .nav-btn {
top: 12px;
}
.CreateAct {
padding-top: 22px;
}
#nav {
padding-top: 62px;
}
#nav .close-btn {
top: -49px;
}
.VideoTitle h1 {
color: #00c7a0;
font-size: 20px;
}
.VideoTitle h2 {
color: #fff;
font-size: 18px;
}
.HomeBanner h1 {
color: #fff;
margin: 0;
font-size: 18px;
margin-bottom: 10px;
}
.HomeBanner h3 {
color: #fff;
margin: 0;
font-size: 14px;
font-weight: normal;
}
.ComparisonHead {
font-size: 22px;
line-height: 24px;
margin-bottom: 10px;
}
.GreenSlogan h1 {
font-size: 20px;
}
.GreenSlogan h2 {
font-size: 16px;
}
.GreenSlogan h5 {
font-size: 14px;
}
.StyleBTN a {
font-size: 16px;
}
.CompaniesRow {
font-size: 12px;
}
.CompanyChart img {
margin-top: -2px;
max-width: 100%;
}
.PremierRulesContent,
.BasicRulesContent {
font-size: 15px;
}
.PremierMainContent .StyleBTN-NoShadow a {
width: 100%;
float: left;
font-size: 16px;
padding: 14px 15px;
}
.PremierHomeLookFor h2 {
text-align: center;
}
.LookforIMG {
margin-bottom: -2%;
width: 100%;
}
.dynamicHidden {
display: none;
}
.PremierSidePost img {
width: 50px;
height: auto;
}
.PremierSidePost a {
color: #fff;
font-size: 14px;
}
.HalfSecectionSection .Select-Half-Left {
width: 100%;
}
.HalfSecectionSection .Select-Half-Right {
width: 100%;
}
.GreenStyleBTN,
.RedStyleBTN {
margin: 0 10px;
}
.SearchResultGrid {
width: 100%;
margin: 1% 0%;
}
}