/*+++ ----- Start Font CSS ----- ++++ */
* { margin: 0; padding: 0; box-sizing: border-box }
body { margin: 0px; padding: 0px; background: #fff; font: normal 100%/18px Arial, Helvetica, sans-serif; color: #666; }
a { -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; cursor: pointer; text-decoration: none; }
a:hover, a:active { text-decoration: none; }
a:focus { text-decoration: none; outline: none; }
:focus { outline: none }
::-moz-selection {
color: #fff;
background:#0156a6;
text-shadow:none;
}
::selection { color: #fff; background: #0156a6; text-shadow: none; }
img { max-width: 100%; display: block; }
h1, h2, h3, h4, h5, h6 { display: block; margin: 0px; padding: 0px; color: #333; font-family: Bhaskar_Web_Head_Test_exp, Arial, Helvetica, sans-serif; font-weight: normal }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
, .clear:before, .clear:after {
content: " ";
display: table;
clear:both;
}
section:after, section:before { content: " "; display: table; clear: both; }
.clear { clear: both; height: 0px; border: none; outline: none; display: block; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
/*+++ ----- Responsive CSS ----- ++++ */
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 { display: block; margin: 0px; padding: 0px; float: left; }
.col-12 { width: 100%; }
.col-11 { width: 91.66666667%; }
.col-10 { width: 83.33333333%; }
.col-9 { width: 75%; }
.col-8 { width: 66.66666667%; }
.col-7 { width: 58.33333333%; }
.col-6 { width: 50%; }
.col-5 { width: 41.66666667%; }
.col-4 { width: 33.33333333%; }
.col-3 { width: 25%; }
.col-2 { width: 16.66666667%; }
.col-1 { width: 8.33333333%; }
/*+++ ----- Responsive CSS ----- ++++ */

#db_mainwrapper { display: block; margin: 0px auto; padding: 0; position: relative; z-index: 1; }
/*+++ ----- End Commen CSS ----- ++++ */
/*+++ ----- Start Header CSS ----- ++++ */
/*+++ ----- Start Logo CSS ----- ++++ */
section.db_mainmenu.active {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;background:#fff; z-index: 99;
}
.list_main_bg{ max-width: 1260px; width: 100%; margin: 0 auto;}
#db_header { display: block; background: #fff; min-height: 50px; }
.db_logobar { display: block; padding:20px 0 15px 0; max-width: 1260px; margin: 0 auto }
.menu_wrapper { max-width: 1260px; margin: 0 auto;  }
.menu_wrapper .col-10{position: relative}
.db_logobar .bhaskar_logo { display: block; padding:0px 15px 0 30px; display: block; float:left }
.db_logobar .bhaskar_logo a { background: url(../img/logo.png) no-repeat 0 0; width: 218px; height: 77px; display: block;}
.db_hdad { display: block; margin-left: 10px; float: right; }
/*+++ ----- Start Main Nav ----- ++++ */
.db_mainmenu { display: block; padding: 0px 10px; background: #fff; position: relative;     -webkit-box-shadow: 0px 4px 10px rgba(193, 193, 193, 0.4);
    -moz-box-shadow: 0px 4px 10px rgba(193, 193, 193, 0.4); box-shadow: 0px 4px 10px rgba(193, 193, 193, 0.4);}
.db_mainmenu ul { display: block; margin: 0px; padding: 0px; list-style: none; position: relative }
.db_mainmenu ul li { display: block; margin: 0px; padding:0px 14px; float: left; }
.db_mainmenu ul li a { display: block; border-bottom: solid 3px #fff; margin: 0px; font: 18px/24px Bhaskar_Web_Head_Test_exp, Arial, Helvetica, sans-serif; color: #333; padding: 10px 0px;}
.cat_theme .db_mainmenu ul li.db_mneushow a:hover, .cat_theme .db_mainmenu ul li.db_mneushow a {border-bottom:0; }
.db_mainmenu ul li.db_moremenu { margin: 0px 10px 0px 0px; padding: 0px; height: 40px; width: 20px; }
.db_mainmenu ul li.db_moremenu a { display: block; padding: 10px 0px; border: none; }
.db_mainmenu ul li.db_moremenu a span { height: 3px; display: block; background: #fff!important; margin: 3px 0px; }
.db_mainmenu ul li.db_moremenu a.active span:first-child { -webkit-transform: rotate(-45deg) translate(-4px, 6px); transform: rotate(-45deg) translate(-4px, 6px); }
.db_mainmenu ul li.db_moremenu a.active span:nth-child(2) { opacity: 0; }
.db_mainmenu ul li.db_moremenu a.active span:last-child { -webkit-transform: rotate(45deg) translate(-2px, -3px); transform: rotate(45deg) translate(-4px, -6px); }
.db_mainmenu ul li.db_moremenu a:hover span { background: #fff; }
.db_mainmenu .db_mneushow { display: block; margin: 0px 0px 0px 10px; padding: 0px; height: 40px; position: absolute; right: -100px; top:5px;}
.db_mainmenu .db_mneushow a { color: #a3a3a3; display: block; border: none; padding: 5px 0px; }
.db_mainmenu .db_mneushow a span { display: inline-block; height: 6px; width: 6px; background: #333; border-radius: 50%; }
.db_elsemenu { display: none; text-align: center; margin: 0px; padding: 0px; overflow: hidden; width: 100%; }
.db_mainmenu .db_elsemenu ul { display: block; float: left; }
.db_serachandnot { display: block; float: right; margin: 0px; padding: 0px; }
.db_serachandnot .db_notify { display: block; height: 40px; width: 40px; float: left; }
.db_serachandnot .db_notify a { display: block; height: 40px; width: 40px; background: url(../img/well.png) center center no-repeat; }
.db_serachandnot .db_searchme { display: block; height: 40px; width: 40px; float: left; position: relative; }
.db_serachandnot .db_searchme a { display: block; height: 40px; width: 40px; background: url(../img/search.png) center center no-repeat; transition: none }
.db_serachandnot .db_searchme a.active { background: none }

.db_serachandnot .db_searchme a.active:before { content: ""; width: 26px; border-bottom: 3px solid #333; float: left; transform: rotate(-45deg); margin: 19px 7px; }
.db_serachandnot .db_searchme a.active:after { content: ""; width: 26px; height: 2px; border-bottom: 3px solid #333; float: left; transform: rotate(-135deg); margin: -22px 7px; }
.db_searchbox { display: none; position: absolute; height: 40px; width: 250px; top: 100%; right: 0; background: #333; padding: 5px; border-radius: 0px 0px 4px 4px; z-index: 99999; }
.db_searchbox input { width: 200px; height: 30px; background: #fff; border-radius: 2px; border: none; padding: 5px; float: left; }
.db_searchbox #clicksearch { width: 35px; height: 30px; background:#fff url(../../img/search.png) no-repeat center; border-radius: 2px; border: none; float: left;  float: right; cursor: pointer; font-size:0}
/*+++ ----- End Header CSS ----- ++++ */

#db_humburger { display: none; position: absolute; left: 0px; top: 100%; background: #fff; width: 100%; padding: 10px 50px; border-bottom: solid 1px #ddd; z-index: 5; box-shadow: 0 0 30px #000 }
#db_humburger h4 { font: 18px/34px Bhaskar_Web_Head_Test_exp, Arial, Helvetica, sans-serif; color: #333333; }
#db_humburger h4 a { color: #333; }
#db_humburger ul { display: block; margin: 0px; padding: 0px; list-style: none; }
#db_humburger ul li { display: block; margin: 0px; padding: 3px 0px; float: none; border: none; }
#db_humburger ul li a { margin: 0px; padding: 0px; display: inline-block; border: none; font: 16px/20px Bhaskar_WEB_Intro_Test, Arial, Helvetica, sans-serif; color: #666; }
#db_humburger ul li a:hover, #db_humburger h4 a:hover { color: #f89c1b; }
#db_humburger ul.db_hbright li { float: left; min-width: 33.33%; }
#db_humburger .db_seselect { display: block; margin: 0px; padding: 5px; background: #e6e6e6; border-radius: 4px; }
#db_humburger .db_seselect form { position: relative; }
#db_humburger .db_seselect input { height: 30px; width: 100%; border-radius: 4px; border: none; padding: 5px; }
#db_humburger .db_seselect button { position: absolute; right: 5px; top: 5px; background: #000; height: 20px; width: 20px; background: url(../img/search-small.png) center center no-repeat; border: none; outline: none; cursor: pointer; }
#db_humburger .db_seselect select { height: 30px; width: 95%; border-radius: 4px; border: none; margin-left: 5%; padding: 5px; }
#db_humburger .db_seselect button:focus { border: none; outline: none; }
#db_humburger .db_seselect input:focus, #db_humburger .db_seselect select:focus { border: none; outline: none; }
#db_humburger .db_trandingkey { display: block; border-top: solid 1px #ddd; padding-top: 10px; text-align: center; margin: 0px; }
#db_humburger .db_trandingkey ul { display: inline-block; margin: 0px; padding: 0px; list-style: none; }
#db_humburger .db_trandingkey ul li { display: block; margin: 0px; padding: 0px; float: left; margin: 0px 5px; }
#db_humburger .db_trandingkey ul li a { display: block; padding: 5px 10px; border: solid 1px #ddd; border-radius: 20px; font: normal 16px/18px Calibri; color: #666; }
#db_humburger .db_trandingkey ul li strong { display: block; font: bold 20px/28px Calibri; color: #333; margin-right: 10px; }
#db_humburger .db_trandingkey ul li a:hover { color: #fff; border: solid 1px #f89c1b; background: #f89c1b; }
.db_commonpages { display: block; padding: 20px; clear: both; max-width: 1260px; margin: 0 auto; font: normal 16px/22px Arial, Helvetica, sans-serif; color: #666; }
.db_commonpages h2, .db_commonpages h3 { font: 22px/32px Bhaskar_Web_Head_Test_exp, Arial, Helvetica, sans-serif; padding: 10px 0; color: #333; }
/*Submenu css */
.sub_listmenu_bg{background:#f0f1f1;padding:0px 50px; height:37px; box-shadow:0px 4px 10px rgba(193, 193, 193, 0.4); position: relative; display: block; margin-bottom:15px}
ul.sub_listmenu{ display:flex;}
ul.sub_listmenu li{ padding:0 12px;}
ul.sub_listmenu li a{color:#8b8b8b; font-size:16px;line-height:33px; display:block; text-decoration:none;border-bottom:3px solid #f0f1f1}
ul.sub_listmenu li.active a{ color:#d89845; border-bottom:3px solid #d89845}
ul.sub_listmenu li a:hover{color:#d89845;border-bottom:3px solid #d89845}
.rashiphal_page .social_sharing{top:380px}
.rashiphal_page .db_artbredcram ul li a{font-size:13px}
.rashiphal_page .db_artbredcram ul li span{height:12px; margin:4px 8px 0px 8px}

/*Submenu css End*/

/*+++ ----- End Footer CSS ----- ++++ */
@media screen and (min-width: 1200px ) and (max-width: 1370px) {
.db_mainmenu ul li{padding:0px 11px;}
.db_mainmenu ul li a{font: 16px/24px Bhaskar_Web_Head_Test_exp, Arial, Helvetica, sans-serif; padding: 10px 0px;}
.db_mainmenu .db_mneushow{right: -75px; }

}
@media screen and (min-width: 1025px ) and (max-width: 1199px) {
    .db_mainmenu ul li{padding:0px 9px;}
    .db_mainmenu ul li a{font: 16px/24px Bhaskar_Web_Head_Test_exp, Arial, Helvetica, sans-serif; padding: 10px 0px;}
    .db_mainmenu .db_mneushow{right: -75px;}
    
}
/* START CSS FOR App Download */
.gotoapp { position: relative; max-height: 300px; overflow: hidden; min-height:222px }
.gotoapp .db_storytime { border-bottom: solid 1px #ddd; padding-bottom: 15px; }
.downloadapp { display: block; position: absolute; bottom: 0; left: 0; width: 100%; }
.downloadapp a { display: block; border-radius: 5px; background: #456075; color: #fff; font: normal 18px/22px Arial, Helvetica, sans-serif; text-align: center; padding: 10px; position: relative; z-index: 4; }
.downloadapp:before { content: ''; left: 0; bottom: 0; height: 200px; width: 100%; position: absolute; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0, rgba(255,255,255,1) 60%); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0, rgba(255,255,255,1) 60%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0, rgba(255,255,255,1) 60%); display: block; z-index: 3; }
/*Submenu Start*/
.fixBody { overflow: hidden }
.menuBar { display: none; position: absolute; top: 22px; left: 10px; width: 20px; height: 20px; }
.menuBar span { height: 2px; width: 20px; margin-bottom: 4px; background: #000; display: block; }
.menuBar.active span:first-child { -webkit-transform: rotate(-45deg) translate(-4px, 6px); transform: rotate(-45deg) translate(-4px, 6px); }
.menuBar.active span:nth-child(2) { opacity: 0; }
.menuBar.active span:last-child { -webkit-transform: rotate(45deg) translate(-2px, -5px); transform: rotate(45deg) translate(-2px, -5px); }
.subMenu { display: none; background: #fff; width: 100%; box-sizing: border-box; float: left; -webkit-box-shadow: 2px 16px 5px 0 rgba(0,0,0,.48); -moz-box-shadow: 2px 16px 5px 0 rgba(0,0,0,.48); border-top: solid 1px #ddd; box-shadow: 2px 16px 5px 0 rgba(0,0,0,.48); z-index: 999; position: fixed; left: 0; overflow-y: scroll; padding: 10px 0 0; }
.subMenu ul { margin: 0; width: 100%; padding: 0 20px; list-style: none }
.subMenu ul li:nth-child(odd) { margin-right: 10% }
.subMenu ul li { padding:0; position: relative; display: block; margin: 0; width: 45%; float: left; border-bottom: 1px solid #eaeaea; margin-bottom: 0px; text-align: left }
.subMenu ul li a { padding: 0; color: #252323; font: 400 14px/1.6em arial; display: block }
.subMenu.show { display: block; }
/*Submenu End*/
/* END CSS FOR App Download */
@media (max-width: 1024px) {
    .db_mainmenu, .sub_listmenu_bg{padding: 0px 10px;}
    .db_mainmenu ul li{padding:0px 7px;}
    .db_mainmenu ul li a{font: 16px/34px Bhaskar_Web_Head_Test_exp, Arial, Helvetica, sans-serif; padding: 10px 0px;}
    .db_mainmenu .db_mneushow{right: -50px; top: 0}
}

@media (max-width: 768px) {
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 { display: block; margin: 0px; padding: 0px; float: none; width: auto; }
.db_centerad .ad-728-90-ad { width: 100%; }
#db_header.aticle_hdr_hidden { display: block; }
.menuBar { display: block; } 
#db_header { display: block; }
.menuBar { display: block; }
.top_ad { display: none; }
.db_logobar .bhaskar_logo { padding: 0 50px; }
.db_logobar { padding: 8px 0px; }
.db_logobar .bhaskar_logo a { background: url(../img/apmob-logo.png) no-repeat 0 0; width: 114px; height: 40px; display: inline-block; }
.search_box { position: absolute; right: 10px; top:-54px; }
.db_mainmenu .db_mneushow { display: none; }
.db_mainmenu {  padding:0;}
.db_mainmenu ul {width: 100%; white-space: nowrap; overflow-y: scroll; height: 38px;}
.db_mainmenu ul li { display: inline-block; float: none; padding: 0px; line-height: 24px; padding: 0 10px;}
.db_mainmenu ul li a{font:600 16px/34px Bhaskar_Web_Head_Test_exp, Arial, Helvetica, sans-serif;padding: 0;}
.db_searchbox { position: fixed; height: 45px; width: 100%; top: 55px; right: 0; background: #f4f4f4; padding: 5px; border-radius: 0px 0px 4px 4px; }
.db_searchbox input { width: 88%; height: 35px; }
.db_searchbox #clicksearch { height: 35px; }
ul.sub_listmenu li {padding: 0 10px;}
.subMenu ul li a{color: #333; font: normal 16px/40px Bhaskar_Web_Head_Test_exp, Arial, Helvetica, sans-serif; display: block;  padding:0;}
.moreItem{border: 1px solid #333333;  width: 20px; position: relative; text-indent: -9999px; display: inline-block;     float: right;
    height: 22px;
    margin-top: -30px;}
.moreItem::after{position: absolute; left: 3px; top: 0px; content: '+'; text-indent: 0px;  color: #333333; font: 20px/20px Arial, Helvetica, sans-serif;}
.moreItem.upendata{content: '-'; left: 6px; top: -2px;}
.subMenu ul li ul{width: 100%; padding: 0px;}
.subMenu ul li ul li{width: 100%; float: none;}
.hamburger-trending{ display: none}
/*Submenu css */
ul.sub_listmenu {
    overflow: scroll;
}
.ul.sub_listmenu li {
    white-space: nowrap;     padding: 0 10px;
}
}