@charset "utf-8";
/* CSS Document */
/* ================= General 1024px - 768px ================= */
/* TITLE */
h1{font:normal 45px/50px 'Roboto', sans-serif; display:block; color:#fff}
h2{font:300 25px/32px 'Roboto', sans-serif; display:block; color:#201f1f}
h3{font:normal 16px/28px 'Roboto', sans-serif;display:block; color:#000}
h4,h5,h6{font:300 25px/32px 'Roboto', sans-serif; display:block; color:#201f1f}
.testi-bg h1{font:normal 36px/42px 'Roboto', sans-serif; display:block;}
img.w100{width:100%; height:auto;}
body{width:100%; overflow-x:hidden; background:#9c0100}
header{ position:fixed; width:100%; background:#fff; z-index:9; box-shadow:1px 3px 3px rgba(0,0,0,.3)}
.wrapper{width:94%; padding:0 2%; margin:auto; background:#fff}
.wrapper1{width:94%;padding:0 2%; margin:auto; background:#ffc878;}
.wrapper2{width:94%;padding:0 2%; margin:auto; background:#590100;}
.wrapper3{width:460px; margin:0 15% }
.wrapper4{ width:100%; margin:auto; background: rgb(0, 29, 81);
background: -moz-linear-gradient(90deg, rgb(0, 29, 81) 15%, rgb(14, 57, 155) 70%);
background: -webkit-linear-gradient(90deg, rgb(0, 29, 81) 15%, rgb(14, 57, 155) 70%);
background: -o-linear-gradient(90deg, rgb(0, 29, 81) 15%, rgb(14, 57, 155) 70%);
background: -ms-linear-gradient(90deg, rgb(0, 29, 81) 15%, rgb(14, 57, 155) 70%);
background: linear-gradient(180deg, rgb(0, 29, 81) 15%, rgb(14, 57, 155) 70%);}
.order_main_left a, .order_main_left1 a, .order_main_right1 a{ text-decoration:none; color:#f00; font-weight:400}
.order_main_left a:hover, .order_main_left1 a:hover, .order_main_right1 a:hover{ text-decoration:underline; color:#f00}

.mt-3{margin-top:-3px}
.header_space,.tops{width:100%; height:260px;}
.logo_area img{ width:100%; height:auto}
.right-top{ float:right; margin-top:10px; width:73%;}
/*ul.social-icon{ list-style:none; float:right; width:95% }*/
ul.social-icon{ list-style:none; float:right; width:90% }
ul.social-icon li{float:left;  display:block; margin-right:1%; width:9%; height:auto}
ul.social-icon li img{transition:all .3s linear ; height:auto; width:100%}
ul.social-icon li img:hover{ margin-top:-5px;}
.logo_area{float:left; margin:0; width:24%; height:auto}

.social_mob{ display:none}
.banner_area{display:block; width:100%; height:auto; background:url(../images/banner.jpg) center top no-repeat; height:250px; overflow:hidden}
.banner_area1{display:block; width:100%; height:auto; height:250px; overflow:hidden}
.banner_remedial{display:block; width:100%; height:100px; background:url(../images/banner_remdial.jpg) center top no-repeat; height:370px}
.banner_shop1368{display:block; width:100%; height:100px; height:370px}
.banner_shop1024,.banner_shop768 ,.banner_shop480{display:none;}

.box-style1{float:left; padding:1em 2em; width:45.5% ; height:auto; border: 4px solid #ffc878; outline: 1px solid #dedede; text-align: center; background: #fff; margin:20px 0;}
.box-style2{float:right; padding:1em; width:45.5%; height:auto; border: 4px solid #ffc878; outline: 1px solid #dedede; text-align: center; background: #fff; margin:20px 0 }
.box-style3, .box-style4{float:none; padding:1%; width:70%; height:auto; border: 4px solid #ffc878; outline: 1px solid #dedede; text-align: center; background: #fff; margin:20px auto }
.box-style1 h2,.box-style2 h2{font:normal 25px/32px 'Roboto', sans-serif;font-weight:100; display:block; color:#201f1f}
.zodic_know{ width:90%; margin:auto}

.box-style-wallpaper{float:left; padding:1em 2em; width:22% ; height:auto; border: 4px solid #ffc878; outline: 1px solid #dedede; text-align: center; background: #fff; margin:20px 1.5%;-webkit-box-shadow: 2px 0px 5px 0px rgba(50, 50, 50, 0.75);-moz-box-shadow: 2px 0px 5px 0px rgba(50, 50, 50, 0.75);box-shadow: 2px 0px 5px 0px rgba(50, 50, 50, 0.75);}
.box-style-wallpaper img{ width:100%; height:auto}
ul.daily-horo{ list-style:none; display:block; margin:auto; width:100%; }
ul.daily-horo li{padding: 2.6% 2%; display:inline-block; list-style:none;float:none; margin:auto; text-align:center; width:65px; height:80px }
ul.daily-horo li img{text-align:center;}
ul.daily-horo li:nth-child(7){clear:both !important; }

ul.free-services{ list-style:none; margin:10px auto; display:block; width:100%;}
ul.free-services li{ padding:.5em; display:inline-block; list-style:none;float:none; margin:auto; text-align:center; width:74px; height:90px;margin-bottom:1.4em; vertical-align:top}
ul.free-services li img{ text-align:center;}
ul.free-services li:nth-child(7){clear:both !important;}
.free-service h2{ font:17px 'Roboto', sans-serif; margin:5px 0; text-align:left }
.free-service div{ display:block; width:63%; float:left; margin:0px 0 0 10px; text-align:left;}
.free-service img{ display:block; float:left;}

.sp-reports-bg{background-color:#7ab342;width:70%; padding:1%; height:60px; margin:auto;}
.sp-reports-bg1{border: #fff 1px solid;}
.sp-reports-bg-love{background-color:#930;width:70%; padding:1%; height:60px; margin:auto;}
.sp-reports-box1{ width:29%; padding:1%; float:left; border:1px solid #e99cff; margin:1%}
.sp-reports-box1:hover{border: #b078c0 1px solid;}
.sp-reports-ask-title-bg{ padding:2%; background-color:#6b0089}
.sp-reports-ask-title{ padding:1%; border:1px solid #fff;}
.sp-reports-ask-text{ text-align:justify; margin-top:3%}

.sp-reports-box2{ width:29%; padding:1%; float:left; border:1px solid #69ffcd; margin:1%}
.sp-reports-box2:hover{border: #4abb95 1px solid;}
.sp-reports-complete-title-bg{ padding:2%; background-color:#005d3e}
.sp-reports-complete-title{ padding:1%; border:1px solid #fff;}
.sp-reports-complete-text{ text-align:justify; margin-top:3%}

.sp-reports-box3{ width:29%; padding:1%; float:left; border:1px solid #fea961; margin:1%}
.sp-reports-box3:hover{border: #f77c14 1px solid;}
.sp-reports-previous-title-bg{ padding:2%; background-color:#c77a00}
.sp-reports-previous-title{ padding:1%; border:1px solid #fff;}
.sp-reports-previous-text{ text-align:justify; margin-top:3%}

.sp-reports-box4{ width:29%; padding:1%; float:left; border:1px solid #fcb1b7; margin:1%}
.sp-reports-box4:hover{border: #fd727d 1px solid;}
.sp-reports-birth-title-bg{ padding:2%; background-color:#a9000d}
.sp-reports-birth-title{ padding:1%; border:1px solid #fff;}
.sp-reports-birth-text{ text-align:justify; margin-top:3%}

.sp-reports-box7{ width:45%; padding:1%; float:left; border:1px solid #fcb1b7; margin:1%}
.sp-reports-box8{ width:100%; padding:1%; float:left; border:1px solid #fcb1b7; margin:1%}
.sp-reports-login-bg{ padding:2%; background-color:#a9000d}

.sp-reports-box5{ width:29%; padding:1%; float:left; border:1px solid #ffd869; margin:1%}
.sp-reports-box5:hover{border: #e9b82b 1px solid;}
.sp-reports-year-title-bg{ padding:2%; background-color:#8a8200}
.sp-reports-year-title{ padding:1%; border:1px solid #fff;}
.sp-reports-year-text{ text-align:justify; margin-top:3%}

.sp-reports-box6{ width:29%; padding:1%; float:left; border:1px solid #50bdfd; margin:1%}
.sp-reports-box6:hover{border: #0285d3 1px solid;}
.sp-reports-gems-title-bg{ padding:2%; background-color:#004771}
.sp-reports-gems-title{ padding:1%; border:1px solid #fff;}
.sp-reports-gems-text{ text-align:justify; margin-top:3%;}

.gobtn1{ background-color:#9100ba; border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%; padding:2%;  float:right; margin:5px 0}
.gobtn1:hover{ background-color:#3f0051;}
.gobtn2{ background-color:#007b52; border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%; padding:2%;  float:right; margin:5px 0}
.gobtn2:hover{ background-color:#002b1d;}
.gobtn3{ background-color:#a86906; border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%; padding:2%;  float:right; margin:5px 0}
.gobtn3:hover{ background-color:#653e00;}
.gobtn4{ background-color:#83010b; border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%; padding:2%;  float:right; margin:5px 0}
.gobtn4:hover{ background-color:#350004;}
.gobtn5{ background-color:#8a8200; border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%; padding:2%;  float:right; margin:5px 0}
.gobtn5:hover{ background-color:#403c00;}
.gobtn6{ background-color:#004771; border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%; padding:2%;  float:right; margin:5px 0}
.gobtn6:hover{ background-color:#001d2e;}

.gobtn7{ background-color:#83010b; color:#fff; width:22px; border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%; padding:2%;  float:left; margin:0 10px}
.gobtn7:hover{ background-color:#001d2e;}

.heading{font:300 30px/60px 'Roboto',sans-serif; text-align:center; vertical-align:middle;}
.heading1{font:300 20px/30px 'Roboto', sans-serif; text-align:left; padding:2%; vertical-align:middle;}
.heading2{font:400 20px/30px 'Roboto',  sans-serif; text-align:left; padding:2%; vertical-align:middle;}
.heading3{font:300 30px/40px 'Roboto',  sans-serif; text-align:center; padding:2%; vertical-align:middle;}

.red1,.red1 a:link,.red1 a:visited, red1 a:hover{color:#9c0100}
.sp-reports-box1,.sp-reports-box2,.sp-reports-box3,.sp-reports-box4,.sp-reports-box5,.sp-reports-box6, .gobtn1, .gobtn2, .gobtn3, .gobtn4, .gobtn5, .gobtn6  {  -webkit-transition:all .2s ease-in-out;  -moz-transition:all .2s ease-in-out;  -ms-transition:all .2s ease-in-out ;  -o-transition:all .2s ease-in-out ;  transition:all .2s ease-in-out ;
}
.video-left{ width:63%; float:left; text-align:justify}
.video-right{width:35%;  float:right; overflow:hidden; height:auto}
.video-right img { max-height:250px; overflow:hidden}

.under-line {width:70%; height:2px; background:#acacac; margin:10px auto}

.personal-rem1, .personal-rem2, .personal-rem3, .personal-rem4{ width:23%; height:auto; text-align:center; float:left; margin:1%; padding-bottom:1.5%}
.personal-rem1 p, .personal-rem2 p, .personal-rem3 p, .personal-rem4 p{ margin:10px 0; font-size:15px; line-height:20px; text-align:justify}
.personal-rem1 img, .personal-rem2 img,.personal-rem3 img,.personal-rem4 img{ border:2px solid #ccc; -webkit-box-shadow: 2px 0px 5px 0px rgba(50, 50, 50, 0.75);-moz-box-shadow: 2px 0px 5px 0px rgba(50, 50, 50, 0.75);box-shadow: 2px 0px 5px 0px rgba(50, 50, 50, 0.75);}

.paid-left{ width:48.5%; float:left; padding:0 0 0 1%; border:1px solid #ccc;}
.paid-right{ width:48.5%; float:right; padding:0 0 0 1%; border:1px solid #ccc; }
.paid_service{padding-bottom:20px}

.free-left{ width:48.5%; float:left; padding:0 0 0 1%; border:1px solid #ccc;}
.free-right{ width:48.5%; float:right; padding:0 0 0 1%; border:1px solid #ccc; }

.articles1, .articles2, .articles3, .articles4{ width:23%; height:auto; float:left; margin:1%; text-align:center}
.articles1 p, .articles2 p, .articles3 p, .articles4 p{ margin:10px 0; font-size:15px; line-height:20px; text-align:justify}
.articles1 img, .articles2 img,.articles3 img,.articles4 img{ border:2px solid #ccc; -webkit-box-shadow: 2px 0px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    2px 0px 5px 0px rgba(50, 50, 50, 0.75);box-shadow:         2px 0px 5px 0px rgba(50, 50, 50, 0.75);}

.myulx{ margin:0px; padding:0px; overflow:hidden}
.myulx li{ list-style:none; padding:0px; text-align:center; width:24%;}

.arrow_L{ position:absolute; left:0; margin-top:60px;} .arrow_R{ position:absolute; right:0; margin-top:60px;}

.myulx1{height:220px; color:#1d0b00;}
.myulx1 li{ list-style:none;}
.featured_cont_1{ width:430px; padding:0 5px; height:190px; float:left; color:#1d0b00; margin-top:10px; text-align:center; font: 24px/30px 'Roboto', sans-serif; font-weight:100;}
.featured_cont_all_1{ }
.featu-img{}
.hed{}
.testi-bg{ background:rgba(255,255,255,.5); border-radius:15px; height:210px;  padding:10px;}
.testi-bg1{border:2px dashed #fff ;height:205px;border-radius:15px;}

.remdial_row1_left, .personalized_row1_left{ width:18%; float:left; padding:1%}
.remdial_row1_left img, .personalized_row1_left img{ width:100%; border:2px solid #ccc; -webkit-box-shadow: 2px 0px 5px 0px rgba(50, 50, 50, 0.75);-moz-box-shadow:    2px 0px 5px 0px rgba(50, 50, 50, 0.75);box-shadow:2px 0px 5px 0px rgba(50, 50, 50, 0.75);}
.remdial_row1_right, .personalized_row1_right { width:76%; float:right;padding:1%}
.remdial_row1_right h1{font:300 25px/32px 'Roboto', sans-serif; display:block; color:#201f1f}
.personalized_row1_right h2{font:300 25px/32px 'Roboto', sans-serif; display:block; color:#201f1f}

.remdial_row2_right,.personalized_row2_right{ width:18%; float:right; padding:1%}
.remdial_row2_right img, .personalized_row2_right img{ width:100%; border:2px solid #ccc; -webkit-box-shadow: 2px 0px 5px 0px rgba(50, 50, 50, 0.75);-moz-box-shadow:    2px 0px 5px 0px rgba(50, 50, 50, 0.75);box-shadow:2px 0px 5px 0px rgba(50, 50, 50, 0.75);}
.remdial_row2_left,.personalized_row2_left{ width:76%; float:left;padding:1%}
.remdial_row2_left h2,.personalized_row2_left h2 {font:300 25px/32px 'Roboto', sans-serif; display:block; color:#201f1f}

.remdial_row3_left, .personalized_row3_left, .personalized_row5_left, .personalized_row7_left{ width:18%; float:left; padding:1%}
.remdial_row3_left img,.personalized_row3_left img,.personalized_row5_left img,.personalized_row7_left img{ width:100%; border:2px solid #ccc; -webkit-box-shadow: 2px 0px 5px 0px rgba(50, 50, 50, 0.75);-moz-box-shadow:    2px 0px 5px 0px rgba(50, 50, 50, 0.75);box-shadow:2px 0px 5px 0px rgba(50, 50, 50, 0.75);}
.remdial_row3_right, .personalized_row3_right, .personalized_row5_right, .personalized_row7_right{ width:76%; float:right;padding:1%}
.remdial_row3_right h2{font:300 25px/32px 'Roboto', sans-serif; display:block; color:#201f1f}
.personalized_row3_right h3, .personalized_row5_right h3{font:300 25px/32px 'Roboto', sans-serif; display:block; color:#201f1f}
.personalized_row5_right h4,.personalized_row7_right h4{font:300 25px/32px 'Roboto', sans-serif; display:block; color:#201f1f}

.remdial_row4_right,.personalized_row4_right,.personalized_row6_right,.personalized_row8_right{ width:18%; float:right; padding:1%}
.remdial_row4_right img,.personalized_row4_right img,.personalized_row6_right img,.personalized_row8_right img{ width:100%; border:2px solid #ccc; -webkit-box-shadow: 2px 0px 5px 0px rgba(50, 50, 50, 0.75);-moz-box-shadow:    2px 0px 5px 0px rgba(50, 50, 50, 0.75);box-shadow:2px 0px 5px 0px rgba(50, 50, 50, 0.75);}
.remdial_row4_left,.personalized_row4_left,.personalized_row6_left,.personalized_row8_left{ width:76%; float:left;padding:1%}
.remdial_row4_left h2{font:300 25px/32px 'Roboto', sans-serif; display:block; color:#201f1f}
.personalized_row4_left h3{font:300 25px/32px 'Roboto', sans-serif; display:block; color:#201f1f}
.personalized_row6_left h4,.personalized_row8_left h4{font:300 25px/32px 'Roboto', sans-serif; display:block; color:#201f1f}

.bor1{ border:4px solid #ccc}
.bor4{ border:4px solid orange}
ul.tab1,ul.tab2,ul.tab3{ margin:0; }

ul.tab1 li,ul.tab2 li,ul.tab3 li{ float:left;  list-style:none;  display:inline-block; vertical-align:middle !important;border-top:1px solid rgba(0,0,0,.2); border-right:1px solid rgba(0,0,0,.2);padding:5px;}
ul.tab1 li,ul.tab3 li { font-weight:600}
ul.tab1 li,ul.tab3 li{text-align:center; height:40px; background:#fc6; color:#800000;}
ul.tab1 li a,ul.tab2 li a,ul.tab3 li a{  display:block}
ul.tab1 li:last-child,ul.tab2 li:last-child,ul.tab3 li:last-child{ border-right:0px}
ul.tab1 li:nth-child(1),ul.tab2 li:nth-child(1),ul.tab3 li:nth-child(1){ width:39.8%}
ul.tab1 li:nth-child(2),ul.tab1 li:nth-child(3),ul.tab2 li:nth-child(2),ul.tab2 li:nth-child(3),ul.tab3 li:nth-child(2),ul.tab3 li:nth-child(3){ width:20%}
ul.tab1 li:nth-child(4),ul.tab1 li:nth-child(5){width:7%; text-align:center}
ul.tab2 li:nth-child(4),ul.tab2 li:nth-child(5),ul.tab3 li:nth-child(4),ul.tab3 li:nth-child(5){ width:7%; text-align:right}
ul.tab1 li a,ul.tab2 li a,ul.tab3 li a{  display:block}
ul.tab1 li:last-child,ul.tab2 li:last-child,ul.tab3 li:last-child{ border-right:0px}

/* nav classes  */
nav{ text-align: right; float:right; margin:0; width:75%}
ul.topmenu{margin:12px 0 ; padding:0;color:#515050; font:normal 33px/40px 'Roboto', sans-serif; }
ul.topmenu li{ list-style:none;display:inline-block; margin:0; padding:0; vertical-align:middle; position:relative; border-right:1px solid rgba(0,0,0, .2);}
ul.topmenu li a, ul.topmenu li a:visited{display:block; padding:0 9px;  color:#515050;}
ul.topmenu li:hover>a, ul.topmenu li>a.act{color:#cb2026; }
ul.topmenu li:hover>a, ul.topmenu li:last-child { border-right:0px}
ul.topmenu li .dd_cont{display:none; position:absolute; z-index:9; left:0; top:100%; width:300px}
ul.topmenu li .dd_cont a{font:normal 20px/28px 'Roboto', sans-serif; text-align:left; background:#fff; padding:3px 10px; color:#cb2026; border-bottom:1px solid #ccc}ul.topmenu li .dd_cont a:hover{color:#fff; background:#cb2026}
ul.topmenu li:hover .dd_cont{display:block}
.nav_mob{height:auto; position:relative;}
.nav_mob .navlink{display:none; position:absolute; right:12px; top:12px; cursor:pointer; z-index:99}
/* nav classes ends */

.foot-l{ float:left}
.foot-r{ float:right}

.footer {font:400 17px/30px 'Roboto', sans-serif; color:#fff; text-align:center}
.footer a{display:inline-block; color:#fff; padding:0 5px;  text-decoration:none;}
.footer a:hover{color:#c6af1e}

/* tree classes */
.tree{color:#666; text-align:left; padding:5px 0px; background:#fff; border-bottom:1px dashed #ccc}
.tree a, .tree a:visited{color:#000; text-decoration:underline; padding:0px 3px; margin:0px 3px; }
.tree a:hover{ text-decoration:underline; color:#333}
.tree b{color:#666;}
.tree strong{color:#c6af1e; margin-left:4px;}

.main_left{ width:72%; padding:0.5em; margin:5px 0; float:left; background-color:#FFF}
.main_left p{ font:15px/26px 'Roboto', sans-serif; text-align:justify}
.main_left .main-image img,.order_main_left .main-image img{ padding: 0 10px 5px 0; float:left; width:30%; height:auto}
.order_main_left .main-image1 img{  width:100%; height:auto; float:none;}
.order_main_left .main-image img{ padding: 0 10px 5px 0; width:30%; height:auto; float:left;}
.order_main_left .big-image img{ margin: 10px  auto; width:90%; height:auto; float:none;}
.order_main_left h1{font:300 25px/32px 'Roboto', sans-serif; display:block; color:#201f1f}
.main_right{ width:22%; float:left; margin:5px 1.1em; background-color:#FFF; padding:0.5em;font:14px/26px 'Roboto', sans-serif; color:#000;}
.main_left h3,.main_right h3, .order_main_left h3, .order_main_right h3{font: bold 22px/26px  'Roboto',  sans-serif; color:#000}
.main_right a{ text-decoration:none; color:#000}
.main_right a:hover{ text-decoration:none; color:#f00}
.main_right div img{ float:none; margin:5% 0%; }

.order_main_left{ width:70%; padding:0.5em; margin:5px 0; float:left; background-color:#FFF}
.order_main_right{ width:24%; float:right; margin:5px 0.5%; background-color:#FFF; padding:0.5%; font:15px/26px 'Roboto', sans-serif; color:#000;}

.order_main_left1, .order_main_right1{ width:43%; padding:2%; float:left; background-color:#FFF}

.cms_pc{float:right; margin:0 0 15px 15px; padding:5px}
.form_area{width:95%; font-size:15px;  padding:1%; color:#000; float:left;} 
.form_area b{font-weight:normal;}
.form_area .w50{width:50%; float:left}
.form_area p.w50 b, .form_area label{display:block !important;}
.form_area input[type=text]{width:90%; padding:8px; display:block}
.form_area select{width:96.2%; padding:5px;}
.form_area textarea{width:90%; padding:8px;}
.hour_size,.min_size{ width:24%; float:left}
.date_size,.month_size,.year_size{ width:16%; float:left}
.intro_matter img{ padding: 1% 2% 1% 0; float:left;}
.separator{ float:left; width:5%; height:800px; background:url(../images/separator.png) 0 0 no-repeat;}
.hide_rule{ display:none}
.flo-no{ width:50%; float:left}

.ask_quest_list {padding:0px;}
.ask_quest_list li{color:#000; background:url(../images/arw.jpg) no-repeat 0px 7px ; font-weight:300; list-style:none;  padding:0 16px;}
.ask_quest_list li a{ color:#000; padding:2px;}
.ask_quest_list li a:hover{ color:#c20000; transition:.3s linear all; -moz-transition:.3s linear all; -ms-transition:.3s linear all; -o-transition:.3s linear all; -webkit-transition:.3s linear all;}
.puja_serv1{ width:45%; float:left; padding:2%; text-align:left}
.puja_serv2{ width:45%; float:right; padding:2%;text-align:left}


#back-top{position:fixed; bottom:0px; right:0px; z-index:99999}
#back-top a{width:61px; display:block; text-align:center; font:10px Arial, Helvetica, sans-serif; text-transform:uppercase; text-decoration:none; color:#fff; -webkit-transition:1s; -moz-transition:1s; transition:1s}
#back-top a:hover{color:#fff}
#back-top span{width:61px; height:64px; display:block; background:url(../images/top.png) no-repeat; opacity:.2;-webkit-transition:1s; -moz-transition:1s; transition:1s}
#back-top a:hover span{opacity:1;}
@media screen and (max-width: 2560px) {	
.header_space,.tops{width:100%; height:260px;}
body {font: 400 24px/34px 'Roboto', sans-serif; color: #000;}
}
@media screen and (max-width: 2380px) {	
ul.topmenu {font: normal 30px/40px 'Roboto', sans-serif;}
}
@media screen and (max-width: 2216px) {
.header_space,.tops{width:100%; height:240px;}
ul.topmenu {font: normal 30px/35px 'Roboto', sans-serif;}
}
@media screen and (max-width: 2150px) {
.header_space,.tops{width:100%; height:223px;}
ul.topmenu {font: normal 29px/33px 'Roboto', sans-serif;}
}
@media screen and (max-width: 2085px) {
ul.topmenu {font: normal 27px/33px 'Roboto', sans-serif;}
}
@media screen and (max-width: 2047px) {
	ul.topmenu { font: normal 26px/40px 'Roboto', sans-serif;}
	ul.topmenu li .dd_cont a { font: normal 18px/28px 'Roboto', sans-serif;}}
@media screen and (max-width: 1954px) {
.header_space,.tops{width:100%; height:210px;}
ul.topmenu {font: normal 26px/33px 'Roboto', sans-serif;}
}
@media screen and (max-width: 1914px) {
	ul.topmenu { font: normal 24px/40px 'Roboto', sans-serif;}
	ul.topmenu li .dd_cont a { font: normal 18px/28px 'Roboto', sans-serif;}}
@media screen and (max-width: 1888px) {
.header_space,.tops{width:100%; height:200px;}
ul.topmenu {font: normal 24px/29px 'Roboto', sans-serif;}
}
@media screen and (max-width: 1781px) {
	ul.topmenu { font: normal 22px/40px 'Roboto', sans-serif;}
	ul.topmenu li .dd_cont a { font: normal 16px/28px 'Roboto', sans-serif;}}
@media screen and (max-width: 1758px) {
.header_space,.tops{ height:192px;}
ul.topmenu {font: normal 22px/27px 'Roboto', sans-serif;}
}
@media screen and (max-width: 1649px) {
 .tops, .header_space {height: 180px;}
 ul.topmenu { font: normal 20px/30px 'Roboto', sans-serif;}
 ul.topmenu li .dd_cont { width: 215px;}
 ul.topmenu li .dd_cont a {font: normal 14px/28px 'Roboto', sans-serif;}}
@media screen and (max-width: 1627px) {
body {font: 400 17px/28px 'Roboto', sans-serif;}
ul.topmenu {font: normal 21px/26px 'Roboto', sans-serif;}
}
@media screen and (max-width: 1561px) {
.header_space,.tops{ height:175px;}
ul.topmenu {font: normal 20px/25px 'Roboto', sans-serif;}
}
@media screen and (max-width: 1516px) {
ul.topmenu { font: normal 19px/30px 'Roboto', sans-serif;}
}
@media screen and (max-width: 1496px) {
ul.topmenu {font: normal 19px/28px 'Roboto', sans-serif;}
}
@media screen and (max-width: 1471px) {
ul.topmenu { font: normal 18px/30px 'Roboto', sans-serif;}}
@media screen and (max-width: 1430px) {
ul.topmenu {font: normal 18px/25px 'Roboto', sans-serif;}
}
@media screen and (max-width: 1383px) {
body { font: 400 16px/30px 'Roboto', sans-serif;}
.tops, .header_space {height: 160px;}
ul.topmenu { font: normal 17px/30px 'Roboto', sans-serif;}
}
@media screen and (max-width: 1381px) {
	ul.topmenu { font: normal 16px/30px 'Roboto', sans-serif;}}
@media screen and (max-width: 1309px) {
ul.topmenu {font: normal 17px/25px 'Roboto', sans-serif;}
}
@media screen and (max-width: 1280px) {
body {    font: 400 15px/26px 'Roboto', sans-serif}
.header_space,.tops{width:100%; height:165px;}
ul.topmenu {font: normal 16px/28px 'Roboto', sans-serif;}
}
@media screen and (max-width: 1251px) {
	.header_space,.tops{width:100%; height:160px;}
	ul.topmenu {font: normal 15px/30px 'Roboto', sans-serif;}
}
@media screen and (max-width: 1184px) {
.header_space,.tops{width:100%; height:148px;}
ul.topmenu { font: normal 14px/30px 'Roboto', sans-serif;}
}
@media screen and (max-width: 1118px) {
.header_space, .tops {width: 100%;height: 142px}
ul.topmenu { font: normal 13px/30px 'Roboto', sans-serif;}
}
@media screen and (max-width: 1058px) {
.header_space, .tops {width: 100%;height: 138px}
ul.topmenu {font: normal 13px/20px 'Roboto', sans-serif;}
}
@media screen and (max-width: 1050px) {
	ul.topmenu { font: normal 12px/30px 'Roboto', sans-serif;}}
@media only screen and (max-width: 1024px) {
body {font: 400 16px/28px 'Roboto', sans-serif;}
.mt-3{margin-top:-4px !important}
.wrapper3{width:460px; margin:0 5% }
.box_mob{width:94%; margin:0 auto; padding:2%}
.zodic_know{ width:55%; margin:auto}
.box-style1,.box-style2{float:none; padding:0.5em ; width:94% ;margin:7px auto;}
ul.daily-horo li{ padding:0.2em; margin:10px auto;  width:65px; height:80px }
ul.free-services li{width:auto; height:90px;vertical-align:top}
.sp-reports{ width:94%}
.articles1 img, .articles2 img,.articles3 img,.articles4 img,.personal-rem1 img, .personal-rem2 img,.personal-rem3 img,.personal-rem4 img{ border:none;}

.banner_shop1024{display:block; width:100%; height:100px; height:370px}
.banner_shop1368,.banner_shop768 ,.banner_shop480{display:none;}
}
@media screen and (max-width: 997px) {
nav{ display:none}
.social_mob{ display:block; position:fixed; z-index:999999}
.tops, .header_space{ height: 105px;}
.logo_area {width:24%; margin: 0 0 0 30px;;}
.right-top {width: 70%;}
/*ul.social-icon li img{ width:100%; height:auto}
ul.social-icon li { margin-right:1%; width:9%}*/
}
@media screen and (max-width: 930px) {
	.tops, .header_space{ height: 98px;}
	}
@media only screen and (max-width: 800px) {
.tops, .header_space{ height: 84px;}
ul.daily-horo li {padding: 0 1.7em;}
.zodic_know {width: 63%;}
ul.free-services li {padding: 0 2em;}
.sp-reports-box1, .sp-reports-box2, .sp-reports-box3, .sp-reports-box4, .sp-reports-box5, .sp-reports-box6 {width: 45%;}
.personal-rem1, .personal-rem2, .personal-rem3, .personal-rem4, .articles1, .articles2, .articles3, .articles4 {width: 47%;}
.myulx li{ list-style:none; padding:0px; text-align:center; width:24%;}
.horo-table{ width:94%; height:auto; margin:auto}
.foot-l,.foot-r{ float:none; text-align:center; width:100%}
}
@media only screen and (max-width: 768px) { 
body { font: 400 16px/30px 'Roboto', sans-serif;}
header{ position:relative; width:100%; background:#fff; height:auto; z-index:0; box-shadow:0 3px 3px rgba(0,0,0,.3)}
.tops { height: 160px;}
.header_space{ height: 0px;}
	.logo_area { float:none; width:30%; margin:0px auto}
	.right-top { float:none; width:100%; margin:0px auto}
	ul.social-icon { width: 100%;}
	ul.social-icon li { margin-right: 3%; width: 7%;}
.box_mob{width:94%; margin:0 auto; padding:2%}
.zodic_know{ width:70%; margin:auto}
.box-style1,.box-style2{float:none; padding:0.5em ; width:94% ;margin:7px auto;}
ul.daily-horo li{ padding:0.1em 1.5em; margin:10px auto;  width:65px; height:80px }
ul.free-services li{ padding:0.1em 1.5em;}
.sp-reports{ width:94%}
.sp-reports-box1,.sp-reports-box2,.sp-reports-box3,.sp-reports-box4,.sp-reports-box5,.sp-reports-box6, .personal-rem1, .personal-rem2, .personal-rem3, .personal-rem4{ width:45%; padding:1%; float:left; border:1px solid #e99cff; margin:1%}
.articles1, .articles2, .articles3, .articles4{ width:48%; height:auto; float:left; margin:1%; text-align:center}
.paid-left,.paid-right, .free-left, .free-right{ width:94%; float:none; padding:0 0 0 1%; border:1px solid #ccc; margin:1% auto}
.featured_scroll img{ width:80%; overflow:hidden}
.arrow_L{ position:absolute; left:0; margin-top:4%;} .arrow_R{ position:absolute; right:0; margin-top:4%;}
.foot-l,.foot-r p{ float:none; margin:0 auto}
.main_left,.main_left img, .main_left p{ width:97%; padding:1%; float:none; }
.main_right{ width:98%; float:none; margin:0 auto;}
.main_right div img{ float:left; margin:10px auto; clear:both}
.tab_hide1{ display:none}
.order_main_left .big-image img{ margin: 10px  auto; width:100%; height:auto; float:none;}
.order_main_left,.order_main_right,.order_main_left1,.order_main_right1{ width:90%; float:none; margin:auto;}
.separator{ display:none}

ul.tab1 li:nth-child(2),ul.tab1 li:nth-child(3),ul.tab2 li:nth-child(2),ul.tab2 li:nth-child(3),ul.tab3 li:nth-child(1),ul.tab3 li:nth-child(3){ display:none}
ul.tab1 li:nth-child(1),ul.tab2 li:nth-child(1){ width:73%}
ul.tab3 li:nth-child(2){ width:73%}
ul.tab1 li:nth-child(4),ul.tab1 li:nth-child(5){width:10%; text-align:center}
ul.tab2 li:nth-child(4),ul.tab2 li:nth-child(5),ul.tab3 li:nth-child(4),ul.tab3 li:nth-child(5){ width:10%; text-align:right}
.horo-table{ width:76%; height:auto; margin:auto}

.banner_shop768{display:block; width:100%; height:100px; height:370px}
.banner_shop1368,.banner_shop1024 ,.banner_shop480{display:none;}
}

@media screen and (max-width: 700px) {
	ul.social-icon li {margin-right: 1%;width: 9%}	
	.banner_area{ display:none}
.video-right{ display:none}
.video-left{ float:none; width:100%}
}

@media only screen and (max-width: 640px) {

.wallpap{display:none}
.remdial_row1_left, .remdial_row3_left, .personalized_row1_left, .personalized_row3_left, .personalized_row5_left, .personalized_row7_left{ width:50%; float:none; margin:0 auto}
.remdial_row1_right, .remdial_row3_right, .personalized_row1_right, .personalized_row3_right, .personalized_row5_right, .personalized_row7_right{ width:90%; float:none; margin:0 auto}
.remdial_row2_right,.remdial_row4_right, .personalized_row2_right, .personalized_row4_right, .personalized_row6_right, .personalized_row8_right{ width:50%; float:none; margin:0 auto}
.remdial_row2_left,.remdial_row4_left, .personalized_row2_left, .personalized_row4_left, .personalized_row6_left, .personalized_row8_left{ width:90%; float:none; margin:0 auto}
.hide_rule{ display:block}
.sp-reports-box7,.sp-reports-box8{ width:100%; padding:1%; float:none; margin-top:10px}
}
@media only screen and (max-width: 600px) {
.tops{height: 148px;}
.logo_area { float:none; width:37%; margin:0px auto}
.main_left .main-image,.order_main_left .main-image { margin: 10px auto; float:none; width:70%; height:auto}
.main_left .main-image img,.order_main_left .main-image img{ float:none; width:100%; height:auto}
.puja_serv1, .puja_serv2{ width:90%; float:none; margin:10px auto}
.zodic_know{ width:84%; margin:auto} 
ul.daily-horo li{ padding:0.1em 0.5em;}
ul.free-services li{ padding:0.1em 0.6em;}
.sp-reports{ width:94%; padding:0.9em}
.sp-reports-box1,.sp-reports-box2,.sp-reports-box3,.sp-reports-box4,.sp-reports-box5,.sp-reports-box6, .personal-rem1, .personal-rem2, .personal-rem3, .personal-rem4{ width:80%; padding:2%; float:none; border:1px solid #e99cff; margin:5px auto}
}
@media only screen and (max-width: 560px) {
	.tops{height: 140px;}}
@media only screen and (max-width: 520px) {
	.tops{height: 130px;}}
@media only screen and (max-width: 480px) {
.tops{height: 134px;}
.logo_area {width: 37%;}
.box-style-wallpaper{ float:none; width:70%; margin:10px auto}
h2{font:300 18px/24px 'Roboto', sans-serif; display:block; color:#201f1f}
.heading{font:300 25px/30px 'Roboto',sans-serif; text-align:center; vertical-align:middle;}
.zodic_know{ width:84%; margin:auto} 
ul.daily-horo li{ padding:0.1em 0.5em;}
ul.free-services li{ padding:0.1em 0.6em;}
.sp-reports{ width:94%; padding:0.5em}
.sp-reports-bg{background-color:#7ab342;width:99%; padding:1%; height:32px; margin:auto;}
.articles1, .articles2, .articles3, .articles4{ width:85%; height:auto; float:none; margin:1% auto; text-align:center}
.sp-reports-box1,.sp-reports-box2,.sp-reports-box3,.sp-reports-box4,.sp-reports-box5,.sp-reports-box6 { width:80%; padding:2%; float:none; border:1px solid #e99cff; margin:5px auto}
.personal-rem1, .personal-rem2, .personal-rem3, .personal-rem4{ width:80%; padding:2%; float:none; border:0px solid #e99cff; margin:5px auto}
.hour_size,.min_size,.date_size,.month_size,.year_size,.flo-no{ width:98%; float:left; margin:10px auto}
.box-style-wallpaper{ float:none; width:70%; margin:10px auto}

ul.tab1 li:nth-child(1),ul.tab2 li:nth-child(1){ width:61.6%}
ul.tab3 li:nth-child(2){ width:61.6%}
ul.tab1 li:nth-child(4),ul.tab1 li:nth-child(5){width:15%; text-align:center}
ul.tab2 li:nth-child(4),ul.tab2 li:nth-child(5),ul.tab3 li:nth-child(4),ul.tab3 li:nth-child(5){ width:15%; text-align:right}

.banner_shop480{display:block; width:100%; height:100px; height:370px}
.banner_shop1368,.banner_shop768 ,.banner_shop1024{display:none;}
}
@media screen and (max-width: 440px) {}
@media screen and (max-width: 400px) {
.logo_area {width: 50%;}
}

@media only screen and (max-width: 320px) {
.tops {height: 114px;}
.heading {font: 300 22px/30px 'Roboto', sans-serif;}
.heading2{font:400 14px/30px 'Roboto', sans-serif; text-align:left; padding:2%; vertical-align:middle;}
ul.tab1 li:nth-child(1),ul.tab2 li:nth-child(1){ width:56.6%}
ul.tab3 li:nth-child(2){ width:56.6%}
ul.tab1 li:nth-child(4),ul.tab1 li:nth-child(5){width:15%; text-align:center}
ul.tab2 li:nth-child(4),ul.tab2 li:nth-child(5),ul.tab3 li:nth-child(4),ul.tab3 li:nth-child(5){ width:15%; text-align:right}
ul.tab1 li{ font-size:13px}
}

.youtubevideowrap{
   width: 80%;
   max-width: 640px;
   margin: 0 auto;}

.video-container {
position:relative;
padding-bottom:56.25%;
padding-top:30px;
height:0;
overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}