@charset "utf-8";
.header-info div:nth-child(1) .fee {max-width: 100%; width: 113px}
.header-info div:nth-child(3) .fee {max-width: 100%; width: 110px; margin-left: -37px}
.preheader .phone-icon, .preheader .card-icon {margin-bottom: -20px}
.psychic-profile.away .psychic-info .callnow {font-size: 14px}
.body1 div:nth-child(1) .fee, .body9 div:nth-child(1) .fee {max-width: 100%; width: 113px}
.body1 div:nth-child(3) .fee, .body9 div:nth-child(3) .fee {max-width: 100%; width: 110px; margin-left: -42px; padding-top: 21px}
.psychicblock .priceblock .price, .psychicblock .priceblock .price span {letter-spacing: -0.6px}

.psychicblock.away.psy-rand-h2-1 .psychicframe .psychic .callbutton .callnow, .psychic-profile.away.psy-rand-h2-1 .psychic-profileblock .psychic-info .callbutton .callnow {background-color: #e65b42}
.psychicblock.away.psy-rand-h2-1 .psychicframe .psychic .callbutton .callnow:hover, .psychic-profile.away.psy-rand-h2-1 .psychic-profileblock .psychic-info .callbutton .callnow:hover {background-color: #f2897b}
.psychicblock.away.psy-rand-h2-1 .phonenumber, .psychicblock.away.psy-rand-h2-1 .arrow i, .psychic-profile.away.psy-rand-h2-1 .psychic-profileblock .psychic-info .phonenumber {color: #e65b42}
.psychicblock.away.psy-rand-h2-1 .phonenumber:hover, .psychicblock.away.psy-rand-h2-1 .arrow i:hover, .psychic-profile.away.psy-rand-h2-1 .psychic-profileblock .psychic-info .phonenumber:hover  {color: #f2897b}
.psychicblock.away.psy-rand-h2-1 .callnow, .psychicblock.away.psy-rand-h2-1 .phone {background-color: #e65b42}


.psychicblock.away.psy-rand-h2-1 .psychic-info .callnow span, .psychic-profile.away.psy-rand-h2-1 .psychic-info .callnow span {font-size: 16px;}
.psychicblock.away .psychic-info .callnow span {font-size: 14px;}
.psychicblock.away.psy-rand-h2-1 .psychic-info .callnow span, .psychic-profile.away.psy-rand-h2-1 .psychic-info .callnow span {display: none}
.psychicblock.away.psy-rand-h2-1 .psychic-info .callnow span.busy, .psychic-profile.away.psy-rand-h2-1 .psychic-info .callnow span.busy {display: inline !important;} 
.psychic-profile.away.psy-rand-h2-1 .psychic-profileblock .psychic-info .callbutton .callnow {padding: 8px 0}

.mppMemberCenterMemberCenterMyTopUp .subscription-wrapper .actionbutton .btn-wrapper a {width: 220px}
.mobile-menublokk a, .mobile-login a, .mobile-register a {line-height: 30px}
.mobile-menu li.separator {display: none}

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

}


@media all and (max-width: 1199px) {

}

@media all and (min-width: 992px) {

}

@media all and (min-width: 992px) and (max-width: 1199px) {
.header-info div:nth-child(1) .fee {width: 210px}
.header-info div:nth-child(3) .fee {width: 240px; margin-left: 0}

.whitebody .withsidebar .psychicblock.busy .psychic-info .callnow, .whitebody .left-sidebar  .sidebar-module .psychicblock.busy .psychic-info .callnow {padding: 5px 0;}
.whitebody .withsidebar .psychicblock.away .psychic-info .callnow, .whitebody .left-sidebar  .sidebar-module .psychicblock.away .psychic-info .callnow {padding: 8px 0;}
}

@media all and (max-width: 991px) {

}

@media all and (min-width: 768px) and (max-width: 991px) {
.header-info div:nth-child(1) .fee {width: 113px}
.header-info div:nth-child(3) .fee {width: 110px; margin-left: -37px}

}

@media all and (min-width: 768px) {

}

@media all and (max-width: 767px) {

}


@media all and (min-width: 701px) and (max-width: 767px) {

.header-info div:nth-child(1) .fee {width: 210px;  padding: 0 0 0 50px}
.header-info div:nth-child(3) .fee {width: 240px; padding: 0 0 0 50px; margin-left: 0}
.header-info .callnow {float:  none; width: 230px}
.header-info .creditcard {float:  none; width: 260px}
.preheader .phonenumber {font-size: 24px}
.header-info .phoneholder a {margin: -5px 0; display: block}
.preheader .phone-icon, .preheader .card-icon {margin-bottom: -20px}
.body1 div:nth-child(1) .fee, .body9 div:nth-child(1) .fee {width: 210px; padding: 0 0 0 56px}
.body1 div:nth-child(3) .fee, .body9 div:nth-child(3) .fee {width: 240px; padding: 0 0 0 56px; margin-left: 0}
}


@media all and (max-width: 700px) {

}


@media all and (min-width: 601px) and (max-width: 700px) {
.header-info div:nth-child(1) .fee {width: 210px;  padding: 0 0 0 54px}
.header-info div:nth-child(3) .fee {width: 240px; padding: 0 0 0 54px; margin-left: 0}
.header-info .callnow {float:  none; width: 230px}
.header-info .creditcard {float:  none; width: 260px}
.header-info .callnow {width: 210px}
.preheader .phonenumber {font-size: 24px}
.body1 div:nth-child(1) .fee, .body9 div:nth-child(1) .fee {width: 210px;  padding: 0 0 0 54px}
.body1 div:nth-child(3) .fee, .body9 div:nth-child(3) .fee {width: 240px; padding: 0 0 0 54px; margin-left: 0}
}


@media all and (max-width: 600px) {

}

@media all and (min-width: 401px) and (max-width: 600px) {
.header-info div:nth-child(1) .fee {width: 210px;  padding: 0 !important}
.header-info div:nth-child(3) .fee {width: 240px; padding: 0 !important; margin-left: 0}
.preheader .phone-icon, .preheader .card-icon {display: none}
.header-info .phoneholder .creditcard .txt span {display: none}
.preheader .phoneholder, .header-info .phoneholder .txt, .header-info .phoneholder a, .header-info .phoneholder .fee {text-align: left}
}


@media all and (min-width: 451px) and (max-width: 600px) {
.body1 .phoneholder, .body9 .phoneholder {float: left; padding-left: 0; padding-right: 0}
.body1 .phoneholder .creditcard .txt span, .body9 .phoneholder .creditcard .txt span {display: none}
.body1 div:nth-child(1) .fee, .body9 div:nth-child(1) .fee {width: 165px; padding: 0}
.body1 div:nth-child(3) .fee, .body9 div:nth-child(3) .fee {width: 190px; margin-left: 0; padding: 0}
.body1 .callblock .separator, .body9 .callblock .separator  {display: block; margin: 0 20px 0 18px; height: 58px}
.body1 .phone-icon, .body1 .card-icon, .body9 .phone-icon, .body9 .card-icon {display: none}
.body1 .callblock, .body9 .callblock {width: auto}
}

@media all and (min-width: 300px) and (max-width: 450px) {
.body1 div:nth-child(1) .fee, .body9 div:nth-child(1) .fee {width: 210px;}
.body1 div:nth-child(3) .fee, .body9 div:nth-child(3) .fee {width: 240px; margin-left: 0; padding-top: 0; padding-left: 55px}
.body1 .callblock .separator, .body9 .callblock .separator  {display: block; margin: 0 0 15px 0; height: 4px; width: 100%}

}

@media all and (max-width: 400px) {
.psychicblock.active .psychic-info .callnow {height: 28px; padding: 5px 0; font-size: 16px; line-height: 20px;}
.psychicblock.busy .psychic-info .callnow {height: 28px; padding: 6px 0; font-size: 12px; line-height: 18px;}
.psychicblock.away .psychic-info .callnow {height: 28px; padding: 6px 0; font-size: 12px; line-height: 18px;}
.psychicblock.active .psychic-info .callnow span {font-size: 16px; line-height: 20px;}
.psychicblock.busy .psychic-info .callnow span, .psychicblock.away.psy-rand-h2-1 .psychic-info .callnow span {font-size: 12px; line-height: 18px;}
.psychicblock.away .psychic-info .callnow span {font-size: 12px; line-height: 18px;}
.body2 {margin-top: -40px}
.withsidebar .psychicblock.busy .psychic-info .callnow {padding: 5px 0;}
.withsidebar .psychicblock.away .psychic-info .callnow, .psychicblock.away .psychic-info .callnow {padding: 6px 0;}
}


@media all and (min-width: 256px) and (max-width: 400px) {
.phoneblock .header-info div:nth-child(1) .fee {width: 210px;  padding: 0 0 0 48px; text-align: left}
.phoneblock .header-info div:nth-child(3) .fee {width: 240px; padding: 0 0 0 48px; margin-left: 0; text-align: left}
.header-info .separator {height: 2px; width: 100%; margin: -15px auto 0 auto}
.preheader .phoneholder {margin: -5px auto 0 auto; display: inline-block; float: none}
.header-info {width: 100%; text-align: center; display: block; padding-top: 15px}
.preheader .infoblock .info-wrapper {margin-top: -12px}
.preheader .phone-icon, .preheader .card-icon {display: block}
.header-info .phoneholder .creditcard .txt span {display: none}
.preheader .phoneholder, .header-info .phoneholder .txt, .header-info .phoneholder a, .header-info .phoneholder .fee, .preheader .phonenumber {text-align: left}
}


@media all and (max-width: 340px) {
.psychicblock .priceblock .price {font-size: 14px; padding-top: 1px}
.psychicblock .priceblock .price span {font-size: 11px}
.body1 .phoneholder .creditcard .txt span, .body9 .phoneholder .creditcard .txt span {display: none}

}

@media all and (min-width: 341px) {

}

@media all and (max-width: 300px) {
.body1 .phone-icon, .body1 .card-icon, .body9 .phone-icon, .body9 .card-icon {display: none}
.body1 .callblock .separator, .body9 .callblock .separator  {display: block; margin: 0 0 15px 0; height: 4px; width: 100%}
.body1 .creditcard, .body1 .callnow, .body9 .creditcard, .body9 .callnow {display: block; text-align: center; float: none; margin: 0 auto}
.body1 div:nth-child(1) .fee, .body9 div:nth-child(1) .fee, .body1 div:nth-child(3) .fee, .body9 div:nth-child(3) .fee {width: 100%; padding: 0; margin: 0; text-align: center}
.body1 .creditcard, .body1 .callnow {float: none; margin: 0 auto}
.psychicblock.away .psychicframe .psychic-info .callbutton .callnow span {font-size: 12px}
}

@media all and (max-width: 255px) {
.header-info div:nth-child(1) .fee {width: 210px !important;  padding: 0 !important}
.header-info div:nth-child(3) .fee {width: 240px !important; padding: 0 !important; margin-left: 0}
.preheader .phone-icon, .preheader .card-icon {display: none}
.preheader .phoneholder, .preheader .phonenumber, .header-info .creditcard a, .header-info .phoneholder .txt, .header-info .phoneholder a, .header-info .phoneholder .fee, .preheader .phonenumber {text-align: center}
.header-info .creditcard, .header-info .callnow {float: none; margin: 0 auto; display: block; text-align: center}
.header-info .phoneholder .fee {padding: 0 !important; width: 100% !important; text-align: center; display: block}
}