@font-face {
  font-family: 'EGGIndulekhaUni';
  src: url("../fonts/EGGIndulekha.eot?#iefix") format("embedded-opentype"), url("../fonts/EGGIndulekha.woff") format("woff"), url("../fonts/EGGIndulekha.ttf") format("truetype"), url("../fonts/EGGIndulekha.svg") format("svg");
}
@font-face {font-family:PanchariUni;
		src:url('../fonts/PanchariUniN.eot');
		src:url('../fonts/PanchariUniN.eot?#iefix') format('embedded-opentype'), 
			url('../fonts/PanchariUniN.woff') format('woff'),
			url('../fonts/PanchariUniN.ttf') format('truetype'),
			url('../fonts/PanchariUniN.svg') format('svg');
}
@font-face {
    font-family: Meera;  
    src: url("../fonts/Meera_04-2.eot"); 
  }
  @font-face {
    font-family: Meera;   
    src: local('Meera'), url('../fonts/Meera_04-2.ttf') format("truetype");
    font-weight: 400;
}
@font-face{font-family:'Noto Sans Malayalam';src:url('../fonts/NotoSansMalayalam-Regular.eot');src:url('../fonts/NotoSansMalayalam-Regular.eot?#iefix') format('embedded-opentype'),url('../fonts/NotoSansMalayalam-Regular.woff2') format('woff2'),url('../fonts/NotoSansMalayalam-Regular.woff') format('woff');font-style:normal}
@font-face{font-family:'NotoSansMalayalam-Regular';src:url('../fonts/NotoSansMalayalam-Regular.eot');src:url('../fonts/NotoSansMalayalam-Regular.eot?#iefix') format('embedded-opentype'),url('../fonts/NotoSansMalayalam-Regular.woff2') format('woff2'),url('../fonts/NotoSansMalayalam-Regular.woff') format('woff');font-style:normal}
body, input, textarea, select, table, form {font-family:'Open Sans', sans-serif, Arial;font-style: normal;font-variant: normal;text-transform:none}
body{padding:0;margin:0;background:#FFF;font-size:0.8em;font-weight:normal;color:#000000;overflow-x:hidden}
body a{transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all}
input[type="button"],input[type="submit"]{transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all}
h1,h2,h3,h4,h5,h6,p{margin:0 0; padding:0 0;font-weight:normal}	
p{margin:0; padding:0;font-family:'Open Sans', sans-serif, Arial; font-size: 1em;color: #000000}
ul{margin:0;padding:0;list-style:none; float:left}
li{margin:0;padding:0; float:left}
label{margin:0}
a{ text-decoration:none; color:#000000}
a:hover{ text-decoration:none; color:#b60000}
a.current {color:#b60000}
/*::-webkit-scrollbar {width: 8px}
::-webkit-scrollbar-track {background:#f1f1f1;}
::-webkit-scrollbar-thumb {border-radius: 10px;background:#22b8f1}**/
.clear {clear:both}
.bred {border:solid 1px #FF0000}
.w100 {width:100%; float:left;}
.w50 {width:auto;margin:0 auto; text-align:center}
.w25 {width:27%; float:left;}
.w45 {width:40%; float:left; padding:0 2%}
.pl {padding-left:2%}
.fl {width:100%; height:auto; float:left;}
.fr {width:100%; height:auto; float:right;}
.wa { width:auto; margin:1% 0}
.pt{padding-top:2%}
.line { width:auto;border-bottom:solid 1px #999999; margin:1% 0; clear:both;}
.sprite {background-color:rgba(0, 0, 0, 0);background-image:url(../images/sprite.png);background-repeat:no-repeat;display:inline-block}
.hi5{height:20px}
.sep{width:2%; float:left; height:10px;}
.dn{ display: none; }

/*--HEADER STARS HERE--*/
.header-wrapper {width:100%; height:auto; margin:.3% 0}
.header { max-width:1200px; width:100%; margin:1% auto}
.logo{width:267px; height:50px; float:left; margin:27px 0 0 10px}
.date-container {float: left;margin: 26px 0 0 10px;padding-left: 5px;border-left: 1px solid #CFCFD2; width:130px}
.date-container .systemdate {float: left;color: #52525F;font-size: 38px;padding-top: 5px}
.date-container .systemday {float: left;color: #52525F;font-size: 13px; padding:12% 0 0 3%}
.date-container .systemmonyear {float: left;color: #666;font-size: 13px;line-height: 11px;padding-left:3%}
.header-ad{width:728px; height:90px; float:right; margin:3px 0}
.header-menu {width:100%; background:#f2f2f2}
.header-menu .menu {width:100%;min-width:100%; height: 42px;margin:0 auto; text-align:center; font-size:1.2em}

/*--NAVIGATION MENU STARS HERE--*/
.menu #nav{max-width: 1200px;margin:0 auto; width:100%; z-index:1}
#nav > a{display: none}
#nav li{position: relative}
#nav li a{color: #666666;display: block; width:100%; padding: 0 12px;
    font-family: 'Roboto Condensed', sans-serif, Arial;}
#nav li a:active{background-color: #c00 !important}
#nav span:after{height: 0;content: '';vertical-align: middle;display: inline-block;position: relative;right: -0.313em}
/* first level */
#nav > ul{background-color: #f2f2f2}
#nav > ul > li{height: 100%;float: left}
#nav > ul > li > a{height: 100%;font-size: 1em;line-height: 2.5em;text-align: center;display: block;}
/* second level */
#nav li ul li a:hover,#nav li ul:not( :hover ) li.active a{background-color: #e15a1f}

/*--INFORMATION HEADER STARS HERE--*/
.infoheader {width:100%; height:auto; background:#b60000; clear:both}
.info{max-width:1200px; margin:0 auto; padding:0 1%; width:100%}
.info h1 {color:#FFFFFF; float:left; font-size:2.3em; line-height:40px;font-family: "EGGIndulekhaUni"; width:20%}
.info .info-holder{ float: right; color:#FFFFFF; line-height:40px;width:80%}
.info-holder .cal{width:23px; height:23px; float:left;background-position:0 0; margin:9px 5px}
.info-holder .sun{width:23px; height:23px; float:left;background-position:-23px 0; margin:9px 5px}
.info-holder .moon{width:23px; height:23px; float:left;background-position:-46px 0; margin:9px 5px}
.info-holder .hour{width:23px; height:23px; float:left;background-position:-69px 0; margin:9px 5px}
.info-holder li{list-style:none; padding:0 2%; float:right}

/*--CONTENT AREA STARS HERE--*/
.wrapper {max-width:1200px; width:100%; height:auto; margin:1% auto}
.left-column {max-width:860px; float:left; width:100%}
.col1 {float:left; width:100%; margin:20px 0 0 0;}
.col1 .leftcol {max-width:160px; width:100%; float:left; background:#f1f2f3;}
.col1 .rightcol {max-width:700px; float:left;margin-left:20px; width:79%}
.leftcol .head {width:100%; float:left; background:#b60000; color:#FFFFFF; text-align:center; font-size:1.5em; padding:4% 0}
.leftcol .head2 {width:100%; float:left; background:#dadada; color: #000000; text-align:center; font-size:1.2em; padding:4% 0}
.leftcol .nav {width:100%; float:left;}
.leftcol .nav ul li {float:right; line-height:26px; border-bottom:solid 1px #999999; width:100%} 
.leftcol .nav ul {text-align:right; width:90%; padding:0 5%;}
.leftcol .nav ul a {font-size: 1em;text-decoration: none;}
.leftcol .nav ul li:hover a,.leftcol .nav ul li a:hover,.leftcol .nav ul li.active a {color: #333333;} 
 
/*--FORM HOLDERSTARS HERE--*/
.form-wrapper {width:100%; float:left; max-width:700px; height:auto; background:url(../images/form-bg.jpg) no-repeat #e3a014;background-size:100% auto;}
.form-wrapper .heading {width:100%; float:left; background:#611900; height:auto; padding:1% 0}
.form-wrapper .heading h2{ font-family: "EGGIndulekhaUni"; color:#FFFFFF; line-height:40px; font-size:2em; padding-left:2%; float:left}
.form-wrapper .heading .label { height:40px; float:right; background:#bb3a1a; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF;border-radius: 10px 0px 0px 10px;
-moz-border-radius: 10px 0px 0px 10px;
-webkit-border-radius: 10px 0px 0px 10px;
border: 0px solid #000000; font-size:18px; line-height:40px; padding:0 2%}
.form-wrapper .col{width:46%; float:left; padding:3% 2%}
.form-wrapper .form-footer{width:96%; float:left; padding:1% 2%; border-top:solid 1px #FFFFFF}
.form-wrapper .form-footer p{float:left; font-size:1em; color:#000000}
.form-wrapper input[type="text"]{ width:97%; height:20px;border: 1px solid #E5E5E5;box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;-moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px; color:#999999; padding-left:3%;}
.form-wrapper select { width:100%; height:25px;border: 1px solid #E5E5E5; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;-moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;
-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px; color:#000; padding-left:3%;}
.common-button {background:#fbe746; border:solid 1px #FF9900; text-align:center; color:#000000; text-transform:uppercase; padding:1% 3%; width:auto; margin:.5%;}
.blue-button {background:#99ccff; border:solid 1px #64a6e9; text-align:center; color:#000000; text-transform:uppercase; padding:1% 3%; width:auto;margin:.5%;}
.orange-button {background:#FF9900; border:solid 1px #FFFFFF; text-align:center; color:#000000; padding:.5% 1%; width:auto; margin:.5%;}

/*--ASTROLOGERS SLIDES HOLDER STARS HERE--*/
.astrologers-holder {width:99.9%; float:left; height:auto; border:solid 1px #CCCCCC}
.astrologers-holder .heading { background:#0699c9; float:left; width:98%; padding:1%}
.astrologers-holder .heading h2 { color:#FFFFFF; font-size:2em; float:left;font-family: "EGGIndulekhaUni";padding:1%}
.astrologers-holder .heading h3 { color:#FFFFFF; font-size:1.3em; float:left;font-family: "EGGIndulekhaUni";padding:0 1%}
.astrologers-holder .slide {width:96%; float:left; padding:2%;}
.slide .photo {width:115px; height:115px; float:left;}
.slide .content {width:80%; float:left; padding-left:2%}
.slide .content h2 { color:#666666; font-size:1.5em; float:left;font-family: "EGGIndulekhaUni";  margin:0; padding:0}

/*--ARTICLE SLIDER STARS HERE--*/
.article-holder {width:99.9%; float:left; height:auto; border:solid 1px #CCCCCC}
.article-holder .slide {float:left; width:100%;}
.article-holder .slide .img {float:left; width:100%; height:100%}
.article-holder .slide h2 { font-family: "EGGIndulekhaUni"; color:#0066CC; font-size:1.8em; padding:1% 2%; float:left}

/*--KNOW YOUR HOROSCOPE HOLDER STARS HERE--*/
.horoscope-holder {width:96%; float:left; height:auto; background:#f2f2f2; padding:2%}
.horoscope-holder .head {float:left; width:100%; border-bottom:solid 1px #CCCCCC; margin-bottom:1%}
.horoscope-holder .head h2 { font-family: "EGGIndulekhaUni"; color:#993300; font-size:1.8em; float:left;}
.horoscope-holder .horobox{width:14.6%; height:auto; float:left; margin:1%; background:#FFFFFF}
.horoscope-holder .horobox:hover{box-shadow: 3px 3px 2px #cbcbcb; cursor:pointer}
.horobox h3{font-family: "EGGIndulekhaUni"; color:#333333; font-size:1.3em; text-align:center}
.horoscope-holder h4{text-align:right; font-size:.9em; padding:1%;}
.horoscope-holder p{text-align:justify; font-size:1em; color:#666666}
.medam {width:53px; height:53px;background-position:0 -28px; margin:10% 24% 5% 24%}
.idavam {width:53px; height:53px;background-position:-53px -28px; margin:10% 24% 5% 24%}
.midhunam {width:53px; height:53px;background-position:-106px -28px; margin:10% 24% 5% 24%}
.karkidakam {width:53px; height:53px;background-position:-159px -28px; margin:10% 24% 5% 24%}
.chingam {width:53px; height:53px;background-position:-212px -28px; margin:10% 24% 5% 24%}
.kanni {width:53px; height:53px;background-position:-265px -28px; margin:10% 24% 5% 24%}
.thulam {width:53px; height:53px;background-position:0 -85px; margin:10% 24% 5% 24%}
.vrishchikam {width:53px; height:53px;background-position:-53px -85px; margin:10% 24% 5% 24%}
.dhanu {width:53px; height:53px;background-position:-106px -85px; margin:10% 24% 5% 24%}
.makaram {width:53px; height:53px;background-position:-159px -85px; margin:10% 24% 5% 24%}
.kumbam {width:53px; height:53px;background-position:-212px -85px; margin:10% 24% 5% 24%}
.meenam {width:53px; height:53px;background-position:-265px -85px; margin:10% 24% 5% 24%}

/*--ASTROLOGY SERVICES HOLDER STARS HERE--*/
.service-box { width:212px; height:180px; float:left; margin:1%;}
.horo-bg{width:100%; height:100%; float:left; background:url(../images/fullhoroscope.jpg) no-repeat;background-size:100% auto; max-width:212px;min-height:180px;}
.sampoorna-bg{width:100%; height:100%; float:left; background:url(../images/jathakam.jpg) no-repeat;background-size:100% auto; max-width:212px;min-height:180px;}
.horoscope-bg{width:100%; height:100%; float:left; background:url(../images/marriagehoroscope.jpg) no-repeat;background-size:100% auto; max-width:212px;min-height:180px;}
.yearguide-bg{width:100%; height:100%; float:left; background:url(../images/yearguide-2026.jpg) no-repeat;background-size:100% auto; max-width:212px;min-height:180px;}
.porutham-bg{width:100%; height:100%; float:left; background:url(../images/porutham.jpg) no-repeat;background-size:100% auto; max-width:212px;min-height:180px;}
.gem-bg{width:100%; height:100%; float:left; background:url(../images/gem.jpg) no-repeat;background-size:100% auto; max-width:212px;min-height:180px;}
.career-bg{width:100%; height:100%; float:left; background:url(../images/career_newlogo.jpg) no-repeat;background-size:100% auto; max-width:212px;min-height:180px;}
.numerology-bg{width:100%; height:100%; float:left; background:url(../images/numerology.jpg) no-repeat;background-size:100% auto; max-width:212px;min-height:180px;}
.wealth-bg{width:100%; height:100%; float:left; background:url(../images/wealth.jpg) no-repeat;background-size:100% auto; max-width:212px;min-height:180px;}
.service-box .heading {float:left; background:#b0000b; padding:1% 2%; color:#fff; text-align:left; font-size:1.5em;font-family: "EGGIndulekhaUni";}
.service-box .heading-bottom {width:98%; background:#E5E5E5; margin-top:61%; padding:2% 1%;}
.heading-bottom h3 {float:left; color:#000; font-size:0.9em; padding-left:1%;font-weight:bold; }
.heading-bottom h4 {float:right; color:#fff; font-size:1em; padding:1% 2%; background:#B80000;border-radius: 3px;}
.heading-bottom h4:hover { background:#EA0000; cursor:pointer}

/*--MARRIAGE COMPATABILITY HOLDER STARS HERE--*/
.marriage-holder {width:99.9%; float:left; height:auto; border:solid 1px #CCCCCC}
.marriage-holder .heading { background:#a7ae00; float:left; width:98%; padding:1%}
.marriage-holder .heading h2 { color:#000000; font-size:2em; float:left;font-family: "EGGIndulekhaUni";padding:0 1%}
.marriage-holder .heading h3 { color:#FFFFFF; font-size:1.5em; float:left;font-family: "EGGIndulekhaUni";padding:0 1%}
.marriage-holder .col{width:46%; float:left; padding:3% 2%}
.marriage-holder .col2{width:16%; float:left; padding:.5% 1%; margin:.5% 1%;}
.marriage-holder .col3{width:10%; float:left; padding:.5% 1%; margin:1% 0;}
.red {width:13px; height:13px;background-position:0 -138px; float:left; margin:1%}
.green {width:13px; height:13px;background-position:-15px -138px; float:left; margin:1%}
.orange {width:13px; height:13px;background-position:-30px -138px; float:left; margin:1%}
.marriage-holder .col2 h4, .marriage-holder .col3 h4 { color:#000000; font-size:1.4em; float:left;font-family: "EGGIndulekhaUni";padding:0 1% 0 3%}
.marriage-holder select { width:100%; height:25px;border: 1px solid #E5E5E5; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;-moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;
-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px; color:#999999; padding-left:3%;}
.marriage-holder .form-footer{width:96%; float:left; padding:0 2% 1% 2%; border-top:solid 1px #FFFFFF}
.marriage-holder .form-footer p{float:left; font-size:1em; color:#0099FF}
.marriage-holder .form-footer h5{color:#009900; border-left:solid 1px #999999;font-size:1.8em; float:left;font-family: "EGGIndulekhaUni"; margin:1% 0; padding-left:1%}

/*--ARTICLE SECTION STARS HERE--*/
.articles {width:48%; float:left; height:215px;border:solid 1px #f1f2f3; margin:1% 0; min-height:150px;}
.articles .heading {width:96%; float:left; height:auto;background:#f1f2f3; font-size:1.2em; padding:2%}
.articles ul { font-size:1em; color:#3399FF; float:left;margin-left:10%}
.articles ul li {
    list-style: outside;
    float: left;
    color: #CC3300;
    line-height: 24px;
    font-size: 1.1em;
    font-family: 'Noto Sans Malayalam';
    width: 100%;
}
.articles ul li a {color:#666666}

/*--RIGHT SECTION STARS HERE--*/
.col2 {max-width:320px; float:left; height:auto;width:100%;  margin:20px 0 0 20px;}
.ad-300 {width:100%; /*height:100%*/; max-width:300px; min-height:250px; float:left;}
.ad-300-600 {width:100%; /*height:100%*/; max-width:300px; min-height:600px; float:left;margin:3% 0}
.widget {width:100%; height:100%; max-width:260px; min-height:300px; float:left; margin:3% 0}

/*--FOOTER STARS HERE--*/
.footer-holder {width:100%; height:auto; background:#b60000; padding:2% 0}
.footer-holder .footer {width:100%; height:auto; max-width:1200px; margin:0 auto; color:#FFFFFF; font-size:1em; text-align:center}
.footer-holder .footer a {color:#FFFFFF;}
.footer p {width:100%; height:auto;margin:0 auto; color:#FFFFFF; font-size:1em; text-align:center; padding:1% 0}

/*--SIDEBAR MENU STARS HERE--*/
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {margin: 0;padding: 0;border: 0;list-style: none;line-height: 1;display: block;position: relative;-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;box-sizing: border-box;width:157px;}
#cssmenu:after,#cssmenu > ul:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
#cssmenu #menu-button {display: none;}
#cssmenu {background: #f1f2f3;}
#cssmenu > ul > li {float: left;width: 162px;}
#cssmenu > ul > li.tag1{padding: 5% 3% 5% 0;}
#cssmenu > ul > li.newtag {text-align: right;border-bottom: solid 1px #999999;}
#cssmenu > ul > li a.newtag {display: inline;}
#cssmenu.align-center > ul {font-size: 0;text-align: center;}
#cssmenu.align-center > ul > li {display: inline-block;float: none;}
#cssmenu.align-right > ul > li {float: right;}
#cssmenu > ul > li > a {padding:5% 3% 5% 0;font-size: 1em;text-decoration: none;color: #333333;text-align:right;}
#cssmenu > ul > li:hover > a {color: #000000;}

/*--INNER PAGE STYLE STARTS HERE--*/
.col1 .rightcol .article-inner {width:100%; float:left;}
.article-inner .articlehead {width:100%; float:left;color:#000000;font-size:2em;font-family: "EGGIndulekhaUni";}
.article-inner .articlehead h3 {width:100%; float:left;color:#000000;font-size:0.9em;font-family:'Noto Sans Malayalam';}
.article-inner .article-img { width:100%; height:auto; float:left; margin:2% 0;background-size:100% auto;}
.article-inner h2 { color:#666666; font-size:1.8em; float:left;font-family: "EGGIndulekhaUni";margin-bottom:1%; padding:0.5% 0; width:100%;
border-bottom:solid 1px #666666;}
.article-inner p { color:#000000; font-size:1.2em; float:left; margin:0;width:100%; line-height:20px; text-align:justify;padding-bottom:2%}
.horoscope-holder .content {width:96%; float:left; background:#FFFFFF; margin:2% 0; padding:2%;border-radius: 5px;border:solid 1px #CCCCCC;}
.col2 h2 { color:#666666; font-size:1.8em; float:left;margin-bottom:1%; padding:0.5% 0; width:100%;border-bottom:solid 1px #666666;}
.col2 ul { font-size:1.5em; color:#000000; float:left; list-style:outside; margin:5%; width:90%;font-family: "EGGIndulekhaUni"; line-height:26px}
.col2 ul li { list-style:outside; float:left; color:#CC3300;width:90%;}
.col2 ul li a {color:#666666;}
.col1 .rightcol .predictionhead{width:100%; float:left; border-bottom:solid 1px #000000; padding-bottom:1%}
.predictionhead h3{float:left;color:#000000;font-size:2em;font-family: "EGGIndulekhaUni";}
.predictionhead select { width:50%; height:25px;border: 1px solid #E5E5E5; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;-moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;
-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px; color:#999999;float:right }

/*--INNER PAGE ASTROLOGERS STYLE STARTS HERE--*/
.astrologers-inner-holder {width:93%; float:left; padding:2% 3%; margin:1% 0; background:#f8f8f8; border:solid 1px #e8e8e8;}
.astrologers-inner-holder .photo {width:115px; height:115px; float:left;}
.astrologers-inner-holder h2{color:#666666; font-size:1.8em; float:left;margin-bottom:1%; padding:0.5% 0; width:80%;border-bottom:solid 1px #666666;margin-left:10px}
.astrologers-inner-holder p {color:#000000; font-size:1.2em; float:left; margin:0;width:79%; line-height:20px; text-align:justify;padding:2% 0 2% 2%}
.astrologers-inner-holder h3 {width:96%; background:#efefef; float:left; padding:1% 2%; text-align:center; font-size:1.2em; color:#CC3300 }

/*--INNER PAGE HOROSCOPE STYLE STARTS HERE--*/
.horoscope-inner-holder {width:94%; float:left; padding:2% 3%; margin:1% 0; background:#f8f8f8; border:solid 1px #e8e8e8}
.horoscope-inner-holder h2{color:#666666; font-size:1.8em; float:left;margin-bottom:1%;border-bottom:solid 1px #666666;font-family: 'Noto Sans Malayalam';}
.horoscope-inner-holder p {color:#000000; font-size:1.2em; float:left; margin:0;line-height:20px; text-align:justify;    font-family: 'Noto Sans Malayalam';}
.horoscope-inner-holder .wa { width:auto;background:#efefef;}
.horoscope-inner-holder h3 { float:left; padding:1% 2%;font-size:1.2em; color:#000000; text-align: left}
.horoscope-inner-holder h4 {float:right; padding:1% 2%;font-size:1.2em; color:#CC3300; text-align:right}
.horoscope-inner-holder h5 {float:left; padding:1% 2%;font-size:1em; color:#000000;}
.horoscope-inner-holder ul{ float:left;font-size:1.2em; color:#000000; float:left; padding-left:2%; margin-top:1%;}
.horoscope-inner-holder ul li { list-style:outside; font-family: 'Noto Sans Malayalam'; line-height: 24px;
    font-size: 1em;}
.image_holder {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    position: relative;
    top: 5px;
    border: solid 1px #d1d0d0;
}
.inner-p {
    font-family: 'Noto Sans Malayalam';
    line-height: 20px;
    font-size: 1.1em;
    text-align: justify;
}
.image_mob{display: none;}
.confirm-details{width: 100%;
    line-height: 25px;
    float: left;
    padding: 2% 3%;
    margin: 1% 0;
    background: #f8f8f8;
    border: solid 1px #e8e8e8;
    font-size: 1.1em;}
/*--INNER FORM STYLE STARTS HERE--*/
.form-wrapper2 {width:100%; float:left; max-width:700px; height:auto; background:#f8f8f8; border:solid 1px #e8e8e8}
.form-wrapper2 .heading2 {width:100%; float:left; background:#b60000; height:auto; font-family: 'Roboto Condensed',sans-serif;}
.form-wrapper2 .heading2 h2{ color:#FFFFFF;font-size:1.5em; text-align:center; font-family: 'Roboto Condensed',sans-serif;}
.form-wrapper2 .heading2 .label {width:156px; height:40px; float:right; font-family: 'Roboto Condensed',sans-serif;}
.form-wrapper2 .col2{width: 43%;
    font-size: 1.2em;
    line-height: 26px;
    float: left;
    padding: 3% 2% 0 1%;
    font-family: 'Roboto Condensed',sans-serif;}
.form-wrapper2 .form-footer2{width:96%; float:left; padding:1% 2%;}
.form-wrapper2 .form-footer2 p{float:left; font-size:1em; color:#000000; font-family: 'Roboto Condensed',sans-serif;}
.form-wrapper2 input[type="text"]{width: 97%;
border: 1px solid #c8ccd0;
-moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;
color: #999999;
padding-left: 3%;
margin: 2% 0;
padding: 8px 10px;
font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
font-size: 14px;
color: #3b4045;}
.form-wrapper2 select { width: 100%;
border: 1px solid #E5E5E5;
box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;
-moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;
-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;
color: #333;
padding-left: 3%;
margin: 2% 0;
padding: 8px 10px;}
.form-wrapper2 h2 {float:left; font-size:1.2em; color:#993300; width:100%; margin:1% 0; font-family: 'Roboto Condensed',sans-serif;}
.form-wrapper2 p {float:left; font-size:1.2em; color:#666666; width:100%;}
#errorname,#errorgender,#errorcity,#erroremail,#errorcitym,#errornamem,#errordobm,#errornamef,#dobferror,#f_cityerror,#charterror,#languageerror,#email {color: #c00;font-size: 13px;}
.generate-button {
         background: #fbe746;
         border: solid 1px #FF9900;
         text-align: center;
         color: #000000;
         text-transform: uppercase;
         padding: 1% 3%;
         width: auto;
         margin: .5%;
         font-family: 'Roboto Condensed',sans-serif;
         }
         .astro-slide-holder{
         width: 100%;
         display: block;
         position: relative;
         min-height: 180px;
         overflow: hidden;
         }   
         .astro-slide-holder > .slide{
         position: absolute;
         }
         .astro-slide-holder > .slide p{
         min-height: 100px;
         font-family: 'Noto Sans Malayalam';
         line-height: 20px;
         font-size: 1.2em;
         }
         .auto-select-slide .slide img{
         width: calc(100% - 10px);
         }
         .auto-select-slide{
         position: relative;
         min-height: auto;
         border:1px solid #ccc;
         }
         .auto-select-slide .navig{
         line-height:30px;
         height:30px;
         width:200px;
         position: absolute;
         bottom: 0px;
         right:0px;
         background: #fff;
         text-align: right;
         }
         .auto-select-slide .m14{
         line-height:30px;
         height:30px;
         width:100%;
         position: absolute;
         background: #fff;
         bottom: 0px;
         margin: 0 5px;
         }
         .auto-select-slide .navig > .spot{
         width: 8px;
         height: 8px;
         display: inline-block;
         background: #ccc;
         border-radius: 5px;
         margin: 0 4px;
         cursor: pointer;
         border:1px solid #888;
         }
         .auto-select-slide .navig > .active,.auto-select-slide .navig > .spot:hover{
         background: #666;
         }
         .auto-select-slide .slides{
         width:100%;
         min-height: auto;
         overflow: hidden;
         position: relative;
         }
         .auto-select-slide .slide{
         width: 100%;
         height: 100%;
         position: absolute;
         }

.all-predictions-weekly .inner-p table tr:nth-child(2) {
  display: none;
}

.all-predictions-weekly .image_holder {
  float: none;
  display: block;
  margin: auto;
  width: 72px;
}

.wa-weekly-title {
  margin-top: -3px;
  color: #CC0000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  float: right;
  font-weight: bold;
}

.wa-weekly-title b {
  color: #000;
}

@media screen and (max-width: 1210px)  {
.left-column, .col2 {float:none !important; width:95% !important; margin:0 auto !important;}
.dn-768 {display:none;}
}

@media screen and (max-width: 1150px)  {
.header-ad {display:none;}
}

@media screen and (max-width: 984px)  {
.dn-984 {display:none;}
.fln-984{float:none; margin:0 auto;}
.col1 .rightcol {max-width:700px; float:left;margin-left:20px; width:75%}
.service-box {width:196px;}
#nav{position: relative;top: auto;left: auto; }
#nav > a{width: 3.125em; /* 50 */height: 3.125em; /* 50 */text-align: left;text-indent: -9999px;background-color: #b60000;position: relative;}
#nav > a:before,#nav > a:after{position: absolute;border: 2px solid #fff;top: 35%;left: 25%;right: 25%;content: '';}
#nav > a:after{top: 60%;}#nav:not( :target ) > a:first-of-type,#nav:target > a:last-of-type{display: block;}
/* first level */
#nav > ul{height: auto;display: none;position: absolute;left: 0;right: 0;background: #b60000;}
#nav:target > ul{display: block;}
#nav > ul > li{width: 100%;float: none;}
#nav > ul > li > a{height: auto;text-align: left;padding: 0 0.833em; color:#FFFFFF; /* 20 (24) */}
#nav > ul > li:not( :last-child ) > a{border-right: none;border-bottom: 1px solid #FFFFFF; }
/* second level */
#nav li ul{position: static;padding: 1.25em; /* 20 */padding-top: 0;}
.w100-984{ width:100%; float:none;}
.astrologers-inner-holder p,.astrologers-inner-holder h2  {width:75%}
.form-wrapper .col, .marriage-holder .col,.form-wrapper2 .col2{width:42%;}
.footer-holder{height: 30px;}
}

@media screen and (max-width: 768px)  {
.dn-768 {display:none;}
.fln-768{float:none; margin:0 auto;}
.w100-768, .predictionhead select{ width:100%; float:none;}
.left-column, .col2 {max-width:none; float:none; width:95%; margin:0 auto}
.col1 .leftcol {max-width:none;}
.leftcol .head {padding-top: 1.5%;padding-bottom: 1.5%;}
.col1 .rightcol {max-width:none;margin:0; width:100%}
.form-wrapper,.form-wrapper2 { max-width:none;}
.form-wrapper .col, .marriage-holder .col,.form-wrapper2 .col2{width:90%; float:none; margin:0 auto}
.form-wrapper .form-footer,.form-wrapper2 .form-footer2{margin:2% 0}
.leftcol .nav ul li, .leftcol .nav ul, .slide .content {float:none;padding:0;text-align:center; width:100%} 

.astrologers-holder .heading h2 , .astrologers-holder .heading h3, .form-wrapper .heading h2, .slide .content h2,
.article-holder .slide h2,.horoscope-holder p, .marriage-holder .heading h2, .marriage-holder .heading h3, .marriage-holder .form-footer p,.article-inner h2,
.article-inner h2,.predictionhead h3,.horoscope-inner-holder h3,.horoscope-inner-holder h4,.horoscope-inner-holder h5  
{ float:none;text-align:center;}

.article-inner .articlehead{ float:none;text-align:center;margin-top:3%}
.slide .photo, .form-wrapper .heading .label, .ad-300, .ad-300-600, .widget, .astrologers-inner-holder .photo {float:none; margin:0 auto;}
.form-wrapper .heading .label  {border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border: 0px solid #000000; text-align:center;float:none; margin:0 auto; width:30%; padding:0 .2%; height:30px; line-height:30px;}
.horoscope-holder .head h2 {font-size:1.4em;}
.horoscope-holder .horobox{width:23%;}
.service-box { width:33%; height:auto; margin:1% 0}
#cssmenu {width: 100%;margin:0; padding:0}
#cssmenu ul {width: 100%;display: none;}
#cssmenu ul li {width: 100%;border-top: 3px solid rgba(120, 120, 120, 0.2);}
#cssmenu > ul > li.tag1 {padding: 3%;}
#cssmenu ul li a,#cssmenu ul ul li a {width: 100%;border-bottom: 0; padding:3%}
#cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before {
display: none;}
#cssmenu #menu-button {display: block;padding: 5%;color: #333333;cursor: pointer;font-size: 1.2em;text-transform: uppercase;float:right; margin-bottom:3%}
#cssmenu #menu-button:after {position: absolute;top: 17px;right: 17px;display: block;height: 4px;width: 20px;border-top: 3px solid #666666;
    border-bottom: 3px solid #666666;content: '';}
#cssmenu #menu-button:before {position: absolute;top: 10px;right: 17px;display: block;height: 3px;width: 20px;background: #666666;content: '';}
#cssmenu #menu-button.menu-opened:after {top: 23px;border: 0;height: 3px;width: 15px;background: #666666;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
#cssmenu #menu-button.menu-opened:before {top: 23px;background: #666666;width: 15px;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
.astrologers-inner-holder h2 {width:100%;margin-left:0}
.astrologers-inner-holder p {width:95%}
.marriage-holder .col2{width:25%;}
.image_holder{display: none;}
    .image_mob{display: block; text-align: center;}
    .footer-holder{height: 30px;}
    .all-predictions-weekly .image_holder{display: none;}
    .wa-weekly-title{text-align: center;margin-top: 5px;float: none;}
}

@media screen and (max-width: 450px){
.logomargin {margin-right: 20%;}
.header-menu{margin-left: 10px;width: 97%;}
.fl {margin-left: 10px;width: 97%;}
.toplink_inner{padding-top: 20px;}
}
@media screen and (max-width: 640px) {
.dn-640, .infoheader {display:none;}
span.suphead{float: left; padding-left: 1%;padding-top: 3%;}
.fln-640{float:none; margin:0 auto;}
.info .info-holder { width:100%; float:none; padding-left:3%}
.info-holder li{ width:100%; padding:0;}
.w100-640{ width:100%; float:none;}
.horoscope-holder .horobox{width:31%;}
.medam,.idavam,.midhunam,.karkidakam,.chingam,.kanni,.thulam,.vrishchikam,.dhanu,.makaram,.kumbam,.meenam {margin:10% 35% 5% 35%}
.service-box { width:48%; height:auto; margin:1%}
.service-box .heading {font-size:.8em}
.horo-bg,.sampoorna-bg,.yearguide-bg,.porutham-bg,.gem-bg,.horoscope-bg,.career-bg,.numerology-bg,.wealth-bg{max-width: none;min-height:none;}
.articles {width:99%;min-height:0; }
.marriage-holder .col2{width:45%;}
.marriage-holder .col3{width:30%;}
.marriage-holder .form-footer h5{border-left:none;}
.footer-holder{height: 40px;}
}

@media screen and (max-width: 360px) {
.dn-360 {display:none;}
.fln-360{float:none; margin:0 auto;}
.w100-360{ width:100%; float:none;}
.horoscope-holder .horobox{width:48%;}
.service-box { width:100%; height:auto; margin:1% 0}
.astrologers-inner-holder .photo {width:100%; height:100%;}
.footer-holder{height: 40px;}
}
@media screen and (min-width: 640px){
  div.support{display: none;}
  span.suphead{float: none; padding-left: 0;}
}
.show-next-nav{
  float: none;
}