/*    MOBILE FIRST     */
@media all and (max-width: 319px) {
.pays-list li { width:90%; margin-bottom:20px;}	
}

@media all and (min-width: 400px) {
a.header-logo { left:30px; width:270px; height:54px; background:url(../images/logo.png) no-repeat left center;}
#m-menu-window { width:250px; }

.welcome {  padding:15px; padding-bottom:160px;}
.pays-list li p { font-size:16px;}



.popup { width:400px; height:360px; top:50%; left:50%; margin:-180px 0 0 -200px;}
a.forgot_password { position:absolute; left:20px; bottom:30px; padding:10px; font-size:15px; display:block; line-height:14px; text-align:center;}
.login-submit { display:block; position:absolute; bottom:20px; right:20px; width:200px;}

}


@media all and (min-width: 480px) {
	
.terms1 li { padding-right:50%;}
.terms1-icon { width:100%; max-width:193px;}
.terms1-comment { position:absolute; width:52%; top:0; right:0; padding:15px;}
.site-list li {width:46%;}

}

@media all and (min-width: 600px) {
.welcome { padding:15px; padding-right:300px;background:url(../images/royaldollars.png) no-repeat right top; background-size:auto 100%; text-align:left;}
.welcome h1 { text-align:left; margin-bottom:10px; font-size:18px; letter-spacing:0; background:none; padding:0;}
.welcome h1 span { font-size:26px; white-space:nowrap;}
.w-txt-1 {color:#a3a3a3; font-size:14px; margin-bottom:15px; font-weight:400; background:none; padding:0;}
a.w-signup {display:inline-block; margin-bottom:10px; padding:10px; font-size:15px;}
.w-txt-2 { font-size:17px; letter-spacing:0; padding:5px 10px; position:static;}

.part-title { margin-bottom:10px; font-size:40px; line-height:120%; font-weight:100;  padding-bottom:20px; }
.terms1 li { padding-right:60%;}
.terms1-comment { padding:20px; width:60%;}
.terms1-comment p { font-size:16px;}

.pays-list li { width:30%; margin-bottom:10px;}	
.pays-list li p { font-size:16px;}
.block-2-title { margin-bottom:10px;}
.block-2-desc { font-size:18px; font-weight:300; line-height:120%;}


.tool-item { width:50%;}
.tool-item-2, .tool-item-3 { background:#323232;}
.tool-item-4 { background:#1f1f1f;}
.tool-icon { margin:0; width:160px; height:auto; position:absolute; left:50%; margin-left:-80px;}
.tool-item-2 .tool-icon, .tool-item-4 .tool-icon { top:30px;}
.tool-item-4 .tool-icon { top:50px;}
.tool-item-1 .tool-icon, .tool-item-3 .tool-icon { bottom:30px;}
.tool-info { position:absolute; width:80%; height:auto; left:10%;}
.tool-item-2 .tool-info, .tool-item-4 .tool-info { bottom:40px;}
.tool-item-1 .tool-info, .tool-item-3 .tool-info {top:40px;}
.tool-item { height:440px; padding:0;}

.form-part { padding:20px 40px;}
.form-part h3 {font-weight:100; font-size:30px;}

.submit-btn-reg, .submit-btn-send { white-space:normal; font-size:30px;}



}

@media all and (min-width: 640px) {
.captcha-l, .captcha-i { display:block; width:100px; margin-right:10px; float:left;}
.captcha { width:auto; display:inline-block; height:44px;}
label.captcha-l { line-height:40px; height:40px; text-align:right; margin-bottom:0;}
.captcha-wrap { width:500px; margin:0 auto; margin-bottom:20px;}
}

@media all and (min-width: 800px) {
.welcome { padding:25px; padding-right:320px;}
.welcome h1 { margin-bottom:15px; font-size:20px; letter-spacing:0.26em;}
.welcome h1 span { font-size:34px;}
.w-txt-1 {font-size:16px; margin-bottom:20px; font-weight:300;}
a.w-signup { margin-bottom:15px; padding:15px; font-size:20px;}
.w-txt-2 { font-size:18px; letter-spacing:0.2em; padding:10px 20px;}

.terms1 li { padding-right:70%;}
.terms1-comment { padding:25px; width:70%;}
.terms1-comment p { font-size:17px; font-weight:300;}
.terms1 li>p { font-size:20px;}
.terms1-val {font-size:40px; line-height:40px; margin-bottom:10;}
.terms1-val span { font-size:30px;}
.part-title { margin-bottom:20px; }


.pays-list li p { font-size:20px;}
.block-2-title { margin-bottom:10px;}
.block-2-desc { font-size:18px; font-weight:300; line-height:120%;}
.pays-list li p.pay-cost { font-size:40px;}
.pays-list li p.pay-cost span { font-size:26px;}

.site-list li {width:30%;}
.tool-item { height:440px;}
.tool-icon {width:180px;margin-left:-90px;}
}

@media all and (min-width: 1000px) {
#header-wrap .header, .wrapper { width:1000px;}
#m-menu-window .modal_close {display:none;}
a.m-header-menu-btn { display:none;}
#m-menu-window {right:20px; top:50%; margin-top:-20px; background:none; width:auto; display:block; border:none;}

#m-menu ul li { display:block; float:left; width:auto; margin:0; padding:0; margin:0px; height:40px;border:none}
#m-menu ul li a, #m-menu ul li span { height:40px; line-height:40px; font-weight:300; font-size:17px; padding:0 10px; border-left:1px solid #454545;}
#m-menu ul li:last-child a, #m-menu ul li:last-child span { border-right:1px solid #454545;}
#header-wrap.fixed #m-menu-window {top:50%; margin-top:-20px;}
.header-2 { height:350px; padding:0;}

.royal-dollars {right:0px; display:block;}
.welcome { position:absolute; left:20px; top:35px; right:38%; background:none; padding:0;}
.welcome h1 { margin-bottom:25px; font-size:22px; letter-spacing:0.4em;}
.welcome h1 span { font-size:36px;}
.w-txt-1 {font-size:17px; margin-bottom:25px;}
a.w-signup { margin-bottom:20px; padding:15px; font-size:20px;}
.w-txt-2 { font-size:22px; letter-spacing:0.3em; padding:10px 20px;}


/*pay terms*/
partnership-terms { width:90%;}
.terms1 li { width:22%; margin:0 1%; padding:0; padding-bottom:10px; border:none;}
.terms1-icon { margin-bottom:10px;}
.terms1 li>p { font-size:16px;}
.terms1-val {font-size:40px; line-height:40px; margin-bottom:10;}
.terms1-val span { font-size:20px;}
.terms1-comment { position:absolute; padding:20px; width:200%; top:100%; display:none;  background:#b7b7b7;}
li.terms1-1 .terms1-comment, li.terms1-2 .terms1-comment { left:0;}
li.terms1-3 .terms1-comment, li.terms1-4 .terms1-comment { right:0;}
.terms1-comment p { font-size:16px; line-height:120%; font-weight:300; color:#000;}
.arrow-down { display:block; }
li.terms1-1 .arrow-down, li.terms1-2 .arrow-down { left:25%;}
li.terms1-3 .arrow-down, li.terms1-4 .arrow-down { left:75%;}
.terms1 li:hover { background:#1f1f1f;}
.terms1 li:hover .terms1-comment  { display:block;}



.site-info { background:rgba(0,0,0,0.9); top:100%; opacity:0; -webkit-transition: 0.5s; transition: 0.5s;}
.site-list li:hover .site-info { top:0; opacity:1;}
p.site-info-title, p.site-info-niches { display:block;}
a.tn-info-link {bottom:25px; width:70%; left:15%; box-sizing:border-box; background:#0b0b0b; border:1px solid #916594; color:#df9bec; font-size:15px; line-height:40px; height:40px; text-transform:uppercase; font-weight:300; text-decoration:none; text-align:center; text-indent:0;}
a:hover.tn-info-link { background:#916594; color:#fff;}



.tool-item { width:25%;}
.tool-item-3 {background:#1f1f1f;}
.tool-item-2, .tool-item-4 { background:#323232;}
.tool-icon { width:160px; height:auto; position:absolute; left:50%; margin-left:-80px; opacity:0.3;}
.tool-item-2 .tool-icon, .tool-item-4 .tool-icon { top:30px;}
.tool-item-1 .tool-icon, .tool-item-3 .tool-icon { bottom:30px;}
.tool-item-4 .tool-icon { top:60px;}
.tool-info { position:absolute; width:80%; height:auto; left:10%;}
.tool-item-2 .tool-info, .tool-item-4 .tool-info { bottom:40px;}
.tool-item-1 .tool-info, .tool-item-3 .tool-info {top:40px;}
.tool-info h3 { display:inline-block; width:auto; max-width:90%; padding:10px; color:#000; font-weight:500; font-size:20px; line-height:100%; text-align:center; background:#c5a35f; margin-bottom:15px; text-transform:uppercase;}
.tool-info p { color:#a2a2a2; font-size:16px; margin:0; padding:0; line-height:115%; font-weight:300;}
.tool-item { height:480px;}
.tools-list { width:100%;}


.form-part { padding:20px 5%;}
.form-part br.clear { display:block;}
.form-part-l { float:left; width:46%;}
.form-part-r { float:right; width:46%;}


}

@media all and (min-width: 1200px) {
#header-wrap .header, .wrapper { width:1200px;}
#m-menu ul li a, #m-menu ul li span {font-weight:100; font-size:20px; padding:0 18px;}
.header-2 { height:420px;}


.welcome { top:55px; right:40%;}
.welcome h1 { margin-bottom:40px; font-size:26px; letter-spacing:0.4em;}
.welcome h1 span { font-size:44px;}

.part-title { margin-bottom:40px;}

/*pay terms*/
.terms1 li>p { font-size:20px;}
.terms1-val {font-size:50px; line-height:50px; margin-bottom:10;}
.terms1-val span { font-size:30px;}

.payouts-terms { padding:20px; margin:0 auto; width:90%; max-width:1400px;}
.pays-list li { display:inline-block; width:15%; margin:0 0.5%;}
.pays-list li p { font-size:18px;}
.block-2-title { margin-bottom:20px;}
.block-2-desc { font-size:20px; font-weight:300; line-height:120%;}
.pays-list li p.pay-cost { font-size:40px;}
.pays-list li p.pay-cost span { font-size:26px;}
.pay-icon { margin-bottom:10px;}
.site-list li {width:22%;}

.tool-item { height:470px;}
.tool-icon { width:200px;margin-left:-100px;}
.tool-item-4 .tool-icon { top:40px;}

.form-part { padding:30px 5%;}
.form-part h3 { margin-bottom:35px;}
#SignUp .form-s-item, #ContactUs .form-s-item { margin-bottom:30px;}
#SignUp .input-2, #ContactUs .input-2 { height:60px; line-height:60px; font-size:18px;}
#SignUp label.captcha-l, #ContactUs label.captcha-l { line-height:44px; height:44px; text-align:right;}
#SignUp input.captcha-i, #ContactUs input.captcha-i { line-height:44px; height:44px;}
#SignUp textarea.input-2 { height:115px; line-height:110%; }
#ContactUs textarea.input-2 { height:115px; line-height:110%; }
}

@media all and (min-width: 1600px) {
#header-wrap .header, .wrapper { width:1600px;}
#m-menu ul li a, #m-menu ul li span { font-size:24px; padding:0 20px;}
.header-2 { height:534px;}

.royal-dollars {right:80px;}
.welcome { left:80px; top:80px; right:700px;}
.welcome h1 { margin-bottom:40px; font-size:30px; letter-spacing:0.5em;}
.welcome h1 span { font-size:46px;}
.w-txt-1 {font-size:22px; margin-bottom:30px;}
a.w-signup { margin-bottom:30px; padding:20px; font-size:22px;}
.w-txt-2 { font-size:24px; letter-spacing:0.5em; padding:10px 20px;}



/* parts */
#Payouts, #OurSites, #PromoTools, #SignUp, #ContactUs, #StaticPage { padding-top:30px; padding-bottom:30px;}
#ContactUs { padding-bottom:0;}
#PromoTools .part-title { padding-bottom:0; margin-bottom:20px;}

/*pay terms*/
.terms1-val {font-size:60px; line-height:60px;}
.terms1-val span { font-size:40px;}
.terms1-comment { position:absolute; padding:20px; width:100%; top:100%;}
li.terms1-1 .arrow-down, li.terms1-2 .arrow-down, li.terms1-3 .arrow-down, li.terms1-4 .arrow-down { left:50%;}


.tool-icon { width:222px;margin-left:-111px;}

}

@media (min-width: 1000px) {
    .form-part-l-play {

        width: 70%;
    }
    .form-part-r-play {

        width: 23%;
    }
}