@media only screen and (max-width: 1260px) and (min-width: 981px) {
    .currencySlide .seven.columns { height: 55px;min-width: 249px; }
    .currencySlide .two.columns { padding-top: 15px;height: 55px;margin-top:1% !important;width:5.25%; }
    .join-transparent { width:75px; }
    .join-transparent span { left:20px;}
    #currencyValue { width: 150px; }
}

@media only screen and (max-width: 980px) {
    .seven.columns.roundCircle { width: 98.75%;border-right: none; }
    .nine.columns.textCenter { width: 98.75%;border-right: none;margin-bottom:2em; }
    #fifteen { height:auto; }
    #max-width { padding: 25px 2.5% !important;width:calc(95% - 30px) !important; }
    #menu { padding-top: 0;margin-top: -20px; }
    #menu-right { padding: 40px 30px 0 30px; }
    .background-dashboard .community { width: 90% !important;margin: 0 5% 1em 5%; }
    .wallet { margin-bottom: 1% !important; }
}

@media only screen and (max-width:980px) and (min-width: 768px) {
    .circle strong {top: 38%;left: 40%; }
    header .eight.columns:nth-child(2n+1) { width: 70% !important; }
    header .eight.columns:nth-child(2n+2) { width: 25% !important; }
    .currencySlide .seven.columns { min-width: auto;width:46%;margin-left:0; }
    .currencySlide .two.columns { width:5.25%; }
    .join-transparent { right:0px;width: 75px; }
    .join-transparent span { left:20px;}
    #currencyValue { width: 150px; }
}

@media only screen and (max-width: 767px) {
    .borderMargin > .four.columns { margin: 0 5% 1.5em 5%;width: 90%; }
    .rectangle { padding: 5px 15px; }
    .currencySlide { width:82% !important; }
    .referralBack { width:90% !important; }
    h1 { font-size:22px; }
    .subpartner { width: 100% !important;margin-left: 0 !important; }
    .subpartner .one.columns.floatLeft { width: 5.00% !important;margin-left: 0% !important; }
    .subpartner .fifteen.columns { width: 92.50% !important;margin-left: 0% !important; }
    .subpartner .one.columns.marginBottom { width: 5.00% !important;margin-left: 0% !important; }
    .subpartner .four.columns.leftAndTop { width: 23.75% !important; }
    .subpartner .nine.columns.careerAmount { width: 55.00% !important;margin-left: 0% !important; }
    .subpartner .two.columns.userAccountBG { width: 10.25% !important;margin-left: 1% !important; }
    #frmAccountData label { width:40%; }
    #frmAccountData input { width: 150px !important;max-width: 150px; }
    #frmAccountData select { width: 202px !important;max-width: 202px; }
}

@media only screen and (max-width: 767px) and (min-width: 500px) {
    input[type="text"], input[type="password"], input[type="email"], input[readonly], input[readonly="readonly"], textarea {
        width:390px;
    }
    #frmSubmitCapture select { width: 442px; }
    .seven.columns.roundCircle, .nine.columns.textCenter { margin-left: 0; }
    .copylinks { width: 190px !important;margin-left: -10px; }
    header .eight.columns h3 { display: none; }
    header .eight.columns { width: 48.75% !important;margin-bottom: 1em;margin-left: 0% !important; }
    #ipblanguage { width: 130px;left: 65px; }
}

@media only screen and (max-width: 660px) {
    input[type="range"] { width: 90%;margin: 0 2%;padding:20px !important; }
}

@media only screen and (max-width: 550px) {
    .wordbreak { width: calc(100% - 100px); }
    .join-black { height: 32px; }
    .join-beige { height: 65px; }
    .join-beige img { top: 15px; }
    #btnBuy { font-size: 12px; }
}

@media only screen and (max-width:500px) and (min-width: 400px) {
    .box-white h4 { margin-left: -2px; }
}

@media only screen and (max-width: 499px) {
    .tableLogin { max-width: 320px; }
    input[type="text"], input[type="password"], input[type="email"], input[readonly],
    input[readonly="readonly"], textarea { width:220px; }
    #frmSubmitCapture select { width: 272px;height: 40px; }
    #frmSubmitCapture input { height: 40px; }
    .tableLoginFirstTR { width: 55%;margin: 0 10% 3em 10%; }
    header .eight.columns h3, header .headerh1 { display: none; }
    header .eight.columns { width: 48.75% !important;margin-bottom: 1em;margin-left: 0% !important; }
    #ipblanguage { width: 100px;left: 50px;padding: 0 9px;top: 25px;height: 25px; }
    #user-account { margin-top: 25px;width: 25px; }
    .referral-black { width:35px;margin-left: -101px;margin-top: -35px; }
    .referral-black > img { margin-top: -5px;width:25px;margin-left:-5px; }
    .empfLink { margin-left: -20px;width:calc(100% - 20px);font-size:11px; }
    .join-beige img { width: 25px;top:12px;left:12px; }
    .join-beige { width: 55px;height:50px; }
    .wordbreak { width: calc(100% - 65px); }
    .join-black { height:22px;padding: 15px 5px 15px 25px; }
    .currencySlide .seven.columns { width: 90%;margin:0 5%;min-width:auto; }
    #currencyValue { width:120px; }
    .seven.columns.roundCircle, .nine.columns.textCenter { margin-left: 0; }
    .copylinks { font-size: 11px !important;width: 100px !important;padding: 0 10px !important; }
    .circle canvas { width: 150px; }
    .circle strong { font-size: 35px; }
    .subpartner .four.columns.leftAndTop h3, .careerAmount h3 { font-size: 12px; }
    .subpartner > .displaynone { margin-left: 6% !important; }
    #frmAccountData label { width:100%; }
    #frmAccountData input { width: 80% !important;max-width: 80%;margin: 0.5em; }
    #frmAccountData select { width: 95% !important;max-width: 95%;margin: 0.5em; }
    .checkbox-register { width: 100%;min-width: auto; }
    .infoDataDiv, #errordiv { width: 250px; }
}

@media only screen and (max-width: 400px) {
    .wordbreak { width: calc(100% - 100px); }
    .join-black { height: 65px; }
    .join-beige { height: 93px; }
    .join-beige img { top: 32px; }
    .referral-black { width:20px;margin-top:-35px; }
    .referral-black > img { margin-top: 0px;width:17px;margin-left:-8px; }
    .empfLink { margin-left: -40px;width:calc(100% - -5px);font-size:11px; }
    .box-white h5 { line-height: 20px;position: absolute;bottom: 5px;right: 20px; }
    .box-white h4 { line-height: 20px;margin-bottom: 10px; }
    .box-white { width:calc(100% - 105px) !important; }
    .box-black { width:60px; }
    .box-black > img { left: 15px; }
    .join-transparent { width: 60px; }
    .join-transparent span { left:12px; }
    .subpartner .nine.columns.careerAmount { visibility: hidden; }
}

@media only screen and (max-width: 364px) {
    header .eight.columns:nth-child(2n+1) { width: 80% !important; }
    header .eight.columns:nth-child(2n+2) { width: 15% !important; }
    .logo { width: 40px;height: 32px;top: 23px; }
    #ipblanguage { left:30px; }
    header #hamburger-menu { left: 15px; }
    footer .container { padding: 10px !important;width: 84% !important;margin: 0 5% !important;max-width: none !important; }
    .referral-black { width:20px;margin-top:-44px; }
    .referral-black > img { margin-top: 0px;width:17px;margin-left:-8px; }
    .referral-white > img { margin-top: -25px !important;margin-right: 10px !important; }
    .empfLink { margin-left: -40px;width: calc(100% - 5px);font-size: 11px;margin-top: -5px;max-width: 141px; }
    #frmSubmitCapture select { width: 215px;height: 35px; }
    #frmSubmitCapture input { height: 35px;width: 163px; }
    .infoDataDiv, #errordiv { width: 160px; }
}

@media only screen and (max-width: 330px) {
    .referral-black { margin-top:-21px; }
    .referral-white > img { margin-top: 0px !important;margin-right: 10px !important; }
    .empfLink { margin-left: -40px;width: calc(100% - 100px);position:absolute;margin-top:-5px; }
}

@media only screen and (max-width: 300px) {
    .box-white h4 { line-height:15px;font-size: 11px; }
    .box-white h5 { font-size: 15px; }
    #currencyValue { width: 75px; }
    #btnBuy { width: 140px; }
    .currencySlide .two.columns { width: 80% !important;margin: 0 10%; }
    .rectangle { width: 100px; }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) {
    .paddingTop { padding: 10vh 0; }
}