/*+++ ----- 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 ----- ++++ */
/* Common Sprite Img */
.db_logobar .bhaskar_logo a, .db_serachandnot .db_searchme a, .db_searchbox #clicksearch, .bx-next.next_msg:after, .db_artrsh ul li .cat_dot, 
.social_sharing a, .db_artrsh .socialShare li a, .article_header .fixed_header ul.social_sharing_header li a, 
#db_header.aticle_hdr_hidden .db_logobar .bhaskar_logo a, #db_articlebox .db_artslwrapp .db_storyimg .zoom_icon, 
#db_articlebox ul.article_share_icon li a, .recomendation_bg ul.reco_data li .cat_dot, 
.recomendation_bg ul.reco_data li ul.socialShare li a, .cat_theme .listing_temp_left .dot, .slide_list_section.sports_main_list_sec ul li a.db_vidthumb .pic_num_bg .Pic_num_icon, 
.photo_social ul li a, .sh_arts li a, .cat_theme .vheading .dot, .cat_theme .video_list .dot, .cat_theme .video_artrsh ul li .dot, .eyeSection i,.v_social .fb,.v_social .whatsup,.v_social .download,.v_social .crossArrow, 
.rhsVideos .bx-prev,.rhsVideos .bx-next,.lhsSlide .bx-prev,.lhsSlide .bx-next, .rashiphal_container .social_sharing_listing a, .article_header .fixed_header ul.social_sharing_listing_header li a, 
.rashiphal_container .social_sharing_listing a, .article_header .fixed_header ul.social_sharing_listing_header li a, .article_header .fixed_header ul.top_social li a, 
.article_header h2 a, .socialShare li a, .socialShare_PhotoDetail li a{ background-image: url(../img/common-sprite.png?vc3); background-repeat: no-repeat }
/*+++ ----- Start Logo CSS ----- ++++ */
section.db_mainmenu.active { position: fixed; left: 0; top: 0; width: 100%; background: #fff; z-index: 9999999999; }
.list_main_bg { max-width: 1260px; width: 100%; margin: 0 auto; }
#db_header { display: block; background: #fff; min-height: 50px; position:fixed; left:0; top:0; z-index:99999; background:#fff; width:100%; transition: all 0.5s; }
.db_logobar { display: block; padding: 5px 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-position: 0px 0px; width: 190px; height: 90px; display: block; }
.db_hdad { display: block; margin-left: 10px; float: right; }
.lis_art_home { display: none }
/*+++ ----- 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; height: 48px; overflow: hidden; }
.db_mainmenu ul li { display: block; margin: 0px; padding: 0px 10px; float: left; position:relative }
.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: -10px; 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; margin-top:6px}
.db_serachandnot .db_searchme a { display: block; height: 40px; width: 40px; background-position: -350px -10px; transition: none }
.db_serachandnot .db_searchme a.active { background: none }
.db_serachandnot .db_searchme a.active:before { content: ""; width: 22px; border-bottom: 2px solid #333; float: left; transform: rotate(-45deg); margin: 19px 7px; }
.db_serachandnot .db_searchme a.active:after { content: ""; width: 22px; height: 2px; border-bottom: 2px solid #333; float: left; transform: rotate(-135deg); margin: -21px 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-color: #fff; background-position: -351px -14px; border-radius: 2px; border: none; float: left; float: right; cursor: pointer; font-size: 0 }
.applykaroo{position: absolute; top:9px; right: -157px;}
.db_mainmenu ul li.homeOnly, .applykaroo.homeOnly{ display:none}
/*+++ ----- 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*/

/* 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: 3px; background:#807e7e; 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: 80%; box-sizing: border-box; float: left; border-top: solid 1px #ddd; z-index: 999; position: fixed; left: 0; overflow-y: scroll; padding: 0px 0 0; }
.subMenu ul { margin: 0; width: 100%; padding: 0 10px 0 15px; list-style: none; border-bottom: 1px solid #c8cccb; overflow: hidden; }
/*.subMenu ul li:nth-child(odd) { margin-right: 10% }*/
.subMenu ul li { padding: 0; position: relative; display: block; margin: 0; width: 100%; float: left; border-bottom: 0px 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*/

/*=========** RHS Css Start **==========*/
.db_artrsh h3 { padding: 10px 0 5px; border-bottom: 3px solid #e56d00; margin-bottom: 5px; float: left; width: 100% }
.db_artrsh h3 a:first-child { color: #e56d00; float: left; margin-top: 0; font-size: 20px; }
.db_artrsh h3:first-of-type + ul:first-of-type li a:hover, .db_artrsh h3:first-of-type a:hover {/*color:#e56d00*/ }
.db_artrsh h3 a { font: 14px/20px 'Bhaskar_Web_Head_Test_exp', Arial, Helvetica, sans-serif; float: right; color: #333; margin-top: 5px }
.db_artrsh h3.topnews_head, .db_artrsh h3.topnews_head a:first-child { border-color: #e56d00; color: #e56d00 }
.db_artrsh h3.topnews_head ~ ul li span, .db_artrsh h3.topnews_head + ul li:hover a, .db_artrsh h3.topnews_head a:hover { color: #e56d00 }
.db_artrsh h3.video_head, .db_artrsh h3.video_head a:first-child { border-color: #a32845; color: #a32845 }
.db_artrsh h3.video_head ~ ul li span, .db_artrsh h3.video_head + ul li:hover a, .db_artrsh h3.video_head a:hover { color: #a32845 }
.db_artrsh h3.video_head ~ ul li:first-child ~ li .play_icon { background-size: 30px }
.db_artrsh h3.bollywood_head, .db_artrsh h3.bollywood_head a:first-child { border-color: #f15278; color: #f15278 }
.db_artrsh h3.bollywood_head ~ ul li span, .db_artrsh h3.bollywood_head + ul li:hover a, .db_artrsh h3.bollywood_head a:hover { color: #f15278 }
.db_artrsh h3.sports_head, .db_artrsh h3.sports_head a:first-child { border-color: #006ab6; color: #006ab6 }
.db_artrsh h3.sports_head ~ ul li span, .db_artrsh h3.sports_head + ul li:hover a, .db_artrsh h3.sports_head a:hover { color: #006ab6 }
.db_artrsh h3.jeevan_head, .db_artrsh h3.jeevan_head a:first-child { border-color: #e56d00; color: #e56d00 }
.db_artrsh h3.jeevan_head ~ ul li span, .db_artrsh h3.jeevan_head + ul li:hover a, .db_artrsh h3.jeevan_head a:hover { color: #e56d00 }
.db_artrsh h3.state_head, .db_artrsh h3.state_head a:first-child { border-color: #e2252b; color: #e2252b }
.db_artrsh h3.state_head ~ ul li span, .db_artrsh h3.state_head + ul li:hover a, .db_artrsh h3.state_head a:hover { color: #e2252b }
.db_artrsh h3.business_head, .db_artrsh h3.business_head a:first-child { border-color: #b56727; color: #b56727 }
.db_artrsh h3.business_head ~ ul li span, .db_artrsh h3.business_head + ul li:hover a, .db_artrsh h3.business_head a:hover { color: #b56727 }
.db_artrsh h3.religion_head, .db_artrsh h3.religion_head a:first-child { border-color: #d89845; color: #d89845 }
.db_artrsh h3.religion_head ~ ul li span, .db_artrsh h3.religion_head + ul li:hover a, .db_artrsh h3.religion_head a:hover { color: #d89845 }
.db_artrsh ul li:first-child figure { margin: 0 0 10px; width: 100% }
.db_artrsh ul li { position: relative; }
.db_artrsh ul li:first-child { font: 18px/24px 'Bhaskar_Web_Head_Test_exp', Arial, Helvetica, sans-serif; padding: 5px 0 }
.db_artrsh ul li:first-child .cat_dot { top: 8px }
.db_artrsh ul li:first-child p { clear: both; padding-bottom: 10px }
.db_artrsh > ul > li { border-bottom: 1px solid #e7e7e7; padding: 10px 0; font: 14px/20px 'Bhaskar_Web_Head_Test_exp', Arial, Helvetica, sans-serif; float: left; width: 100% }
.db_artrsh ul li:last-child { margin-bottom: 15px }
.db_artrsh ul li .cat_dot { position: absolute; right: 0; top: 12px; background-position: -469px -21px; width: 18px; height: 16px; cursor: pointer }
.db_artrsh ul li figure { float: left; margin-right: 10px; position: relative }
.db_artrsh ul li figure a { display: block; background: #e7e8e8 url(../../img/pattern-logo.png) no-repeat center; background-size: 60px; min-width: 101px; min-height: 76px }
.db_artrsh ul li:first-child ~ li figure { width: 101px; height: 76px }
.db_artrsh ul li figure .vid_play_icon { position: absolute; left: 0; top: 0; right: 0; bottom: 0; border-radius: 50%; margin: auto; height: 50px; width: 50px; background: rgba(0,0,0,.3); border: solid 3px rgba(255,255,255,0.8); z-index: 2; transition: all .3s ease-out 0s; }
.db_artrsh ul li:hover figure .vid_play_icon { background: #a32845 }
.db_artrsh ul li figure .vid_play_icon:after { content: ""; position: absolute; left: 15px; top: 12px; width: 0; height: 0; border-top: 10px solid transparent; border-left: 18px solid rgba(255,255,255,0.8); border-bottom: 10px solid transparent; }
.db_artrsh h3.video_head ~ ul li:first-child ~ li .vid_play_icon { width: 32px; height: 32px }
.db_artrsh h3.video_head ~ ul li:first-child ~ li .vid_play_icon:after { left: 10px; top: 7px; border-top: 6px solid transparent; border-left: 10px solid rgba(255,255,255,0.8); border-bottom: 6px solid transparent; }
.db_artrsh ul li p { padding-right: 20px; margin-top:-4px; }
.db_artrsh ul li p a { color: #333 }
.db_artrsh ul li span { color: #e56d00 }
.db_artrsh .socialShare { position: absolute; right: -13px; box-shadow: 0 0 10px #999999; background: #fff; border-radius: 3px; top: 37px; padding: 1px 0px 0 4px; display: none; z-index: 9 }
@media (max-width: 767px) {
.applykaroo{ display: none}    
.db_artrsh ul li p { margin-top:0; }
.db_artrsh ul li p a { font-weight: bold }
.db_artrsh h3 a { font-weight: bold!important }
.db_artrsh > ul > li:first-child ~ li { box-shadow: 0 2px 10px #646363; margin: 5px 0; border-radius: 5px; padding: 6px; border: none }
.db_artrsh ul li:first-child { border: none; padding-bottom: 0 }
.db_artrsh ul li:first-child ~ li .cat_dot { right: 10px; top: 13px }
.db_artrsh h3 { padding-top: 15px }
}
/*=========** RHS Css End **==============*/

/* =============** Art Listing Footer Start **================== */
.container-full { width: 100%; margin: 0px auto; max-width: 1260px; position: relative }
ul { padding: 0px; margin: 0px; list-style: none; }
footer.desktop { background: #34353a; color: #606f73; float: left; width: 100%; position:relative; z-index:1 }
.footer-top { display: flex; flex-flow: row wrap; padding: 10px 0px 0px 0px; }
.flhs, .frhs { flex-grow: 1; }
.bu-flhs { display: flex; flex-flow: row wrap; }
.bu-flhs .footer-model { flex-grow: 1; border-left: 1px solid #45464a; border-right: 1px solid #2a2b2f; padding: 0 0 0 20px; }
.bu-flhs .footer-model:first-child { border-left: none; }
.bu-flhs .footer-model h5 { margin: 20px 0px 9px 0px; font: normal 18px/22px Arial, Helvetica, sans-serif; color: #c7c7c7; }
.bu-flhs .footer-model h5::before { width: 4px; height: 13px; background: #c8c8c8; margin-right: 10px; content: ''; display: inline-block; }
.bu-flhs .footer-model ul { padding: 5px 0px 15px 0px; }
.bu-flhs .footer-model ul li { padding: 0 0 12px; font-size: 12px; line-height: 14px; }
.bu-flhs .footer-model ul li a { font: 12px/14px Arial, Helvetica, sans-serif; color: #67666b; transition: all .1s ease 0s; }
.bu-flhs .footer-model ul li a:hover { color: #9a9b9d; }
.frhs { border-left: 1px solid #45464a; }
.bu-frhs { display: flex; flex-flow: column wrap; padding: 0px 20px; }
.bu-frhs .footer-model h5 { margin: 20px 0px 0px 0px; font: 18px/22px Arial, Helvetica, sans-serif; color: #c7c7c7; }
.bu-frhs .footer-model h5::before { width: 4px; height: 13px; background: #c8c8c8; margin-right: 10px; content: ''; display: inline-block; }
.bu-frhs .footer-model { flex-grow: 1; padding: 10 0 0 10px; }
.bu-frhs .footer-model:not(:last-child) { border-bottom: 1px solid #45464a; }
.bu-frhs .footer-model + .footer-model { border-top: 1px solid #2a2b2f; }
.socialIcons { display: flex; flex-flow: row wrap; margin-top: 10px; }
.socialIcons li a { text-indent: -9999px; height: 50px; width: 50px; margin-right: 8px; background: url('../img/footer_spirit.png?34v12') no-repeat transparent; display: block; transition: all .2s ease 0s; opacity: .5; filter: alpha(opacity=50); }
.socialIcons li a:hover { opacity: 1; filter: alpha(opacity=100); }
.socialIcons li.facebook a { background-position: -5px -131px; }
.socialIcons li.twitter a { background-position: -62px -131px; }
.socialIcons li.gPlus a { background-position: -122px -131px; }
.socialIcons li.yTube a { background-position: -180px -131px; }
.socialIcons li.email a { background-position: -238px -131px; }
.socialIcons li.instagram a { background-position: -296px -131px; }


.appIcons { display: flex; flex-flow: row wrap; margin-top: 10px; margin-bottom: 20px; }
.appIcons li a { text-indent: -9999px; height: 50px; width: 50px; margin-right: 8px; background: url('../img/footer_spirit.png?3v1') no-repeat transparent; display: block; transition: all .2s ease 0s; opacity: .5; filter: alpha(opacity=50); }
.appIcons li a:hover { opacity: 1; filter: alpha(opacity=100); }
.appIcons li.all a { background-position: -5px -190px; }
.appIcons li.android a { background-position: -62px -190px; }
.appIcons li.iphone a { background-position: -122px -190px; }
.uSection { display: flex; flex-flow: row wrap; justify-content: space-between; }
.uSection .urhs { align-self: center; }
.groupIcon { display: flex; flex-flow: row wrap; margin-top: 10px; margin-bottom: 20px; }
.groupIcon li a { text-indent: -9999px; height: 61px; width: 114px; background: url('../img/footer_spirit.png?3v1') no-repeat transparent; display: block; }
.groupIcon li.danik a { background-position: 3px -245px; }
.groupIcon li a:hover { background-position: 3px -307px; }
.divisionIcon { display: flex; flex-flow: column wrap; margin-top: 10px; margin-bottom: 0px; }
.divisionIcon li a { text-indent: -9999px; display: block; margin-bottom: 17px; background: url('../img/footer_spirit.png?3v1') no-repeat transparent; transition: none; }
.divisionIcon li.danikBhaskar a { background-position: -134px -242px; height: 13px; width: 145px; }
.divisionIcon li.danikBhaskar a:hover { background-position: -134px -255px; }
.divisionIcon li.divyaBhaskar a { background-position: -134px -268px; height: 17px; width: 145px; }
.divisionIcon li.divyaBhaskar a:hover { background-position: -134px -285px; }
.divisionIcon li.divyaMarathi a { background-position: -134px -302px; height: 17px; width: 145px; }
.divisionIcon li.divyaMarathi a:hover { background-position: -134px -319px; }
.divisionIcon li.moneyBhaskar a { background-position: -134px -336px; height: 17px; width: 145px; }
.divisionIcon li.moneyBhaskar a:hover { background-position: -134px -353px; }
.divisionIcon li.dbIdeos a { background-position: -272px -187px; height: 19px; width: 145px; }
.divisionIcon li.dbIdeos a:hover { background-position: -272px -211px; }
.dailyFmIcon li.bhaskarEducation a { background-position: -343px -416px; height: 28px; width: 145px; }
.dailyFmIcon li.bhaskarEducation a:hover { background-position: -343px -449px; }
.dailyFmIcon { display: flex; flex-flow: column wrap; margin-top: 10px; margin-bottom: 0px; }
.dailyFmIcon li a { text-indent: -9999px; display: block; margin-bottom: 17px; background: url('../img/footer_spirit.png?3v1') no-repeat transparent; transition: none; }
.dailyFmIcon li.dailyBhaskar a { background-position: -137px -369px; width: 94px; height: 34px; margin: 0px auto; }
.dailyFmIcon li.dailyBhaskar a:hover { background-position: -232px -369px; }
.dailyFmIcon li.fm a { background-position: -137px -406px; height: 68px; width: 68px; margin: 0px auto; }
.dailyFmIcon li.fm a:hover { background-position: -205px -406px; }
.mrT5 { margin-top: 10px !important; }
.footer-menu { background: #26272b; }
.footer-menu ul { display: flex; flex-flow: row wrap; justify-content: center; }
.footer-menu ul li a { white-space: nowrap; display: block; padding: 10px 20px; position: relative; color: #67666b; font: 12px/26px Arial, Helvetica, sans-serif; transition: all .1s ease 0s; }
.footer-menu ul li:not(:last-child) a:after { position: absolute; right: 0px; top: 10px; content: '|'; color: #67666b; }
.footer-menu ul li a:hover { color: #9a9b9d; }
.footer-bottom { background: #17181a; padding: 5px 0px; color: #37383c; }
.footer-bottom p { margin: 0px; text-align: center; font: 12px/32px Arial, Helvetica, sans-serif; }
footer.mobile { display: none; background: #0d1113; font: 12px/18px Arial, Helvetica, sans-serif; }
footer.mobile p { padding: 10px; color: #606f73; margin: 0; text-align: center; position: relative }
footer.mobile p a { color: #afbec6; text-decoration: none; }
footer.mobile .ftsiteln { padding: 5px; border-top: solid 1px #363c3f; border-bottom: solid 1px #363c3f; }
footer.mobile .ftsiteln p { padding: 0; }
footer.mobile .ftsiteln ul { display: table; width: 100%; margin: 0; padding: 0; list-style: none; }
footer.mobile .ftsiteln ul li { display: table-cell; margin: 0; padding: 0; text-align: center; }
footer.mobile .ftsiteln ul li a { text-decoration: none; color: #afbec6; text-transform: uppercase; display: block; margin: 5px 0; padding: 0; }
footer.mobile .ftbottomln { padding: 5px; }
footer.mobile .ftbottomln ul { margin: 0; padding: 0; list-style: none; text-align: center; }
footer.mobile .ftbottomln ul li { display: inline-block; }
footer.mobile .ftbottomln ul li a { text-decoration: none; color: #606f73; }
footer.mobile .ftbottomln ul li span { display: inline-block; height: 8px; margin: 0 5px; width: 1px; background: #606f73; }
.abc-digital { background: url(https://i9.dainikbhaskar.com/images/dailybhaskar/images/ABC_Digital_Option3.jpg) 0 0 no-repeat; height: 16px; width: 120px; display: block; position: absolute; right: 10px; top: 9px; }
.footer-trending h5 { display: inline-block; color: #c7c7c7; font: normal 18px/25px Arial, Helvetica, sans-serif; vertical-align: middle; margin-right: 10px }
.footer-trending h5::before { width: 4px; height: 13px; background: #c8c8c8; margin-right: 10px; content: ''; display: inline-block; }
.footer-trending { width: 100%; text-align: center; margin: 10px 0 }
.footer-trending ul { display: inline-block; vertical-align: middle }
.footer-trending ul li { display: inline-block }
.footer-trending ul li a { border-radius: 12px; border: 1px solid #676565; color: #67666b; float: left; font: 14px/25px Arial, Helvetica, sans-serif; padding: 0 15px; margin: 0 2px; }
.footer-trending ul li a:hover { color: #9a9b9d }
/* .db_mainmenu ul li:nth-child(11) a:after,.db_mainmenu ul li:nth-child(10) a:after{content:"New"; background:#F00;  color:#fff; padding:0 5px; line-height:14px; font-size:12px; height:15px; position:absolute; right:12px; top:0; border-radius:4px}
 */
/* =============** Art Listing Footer End **================== */

/* END CSS FOR App Download */

/*+++ ----- End Footer CSS ----- ++++ */

@media screen and (min-width: 1200px ) and (max-width: 1370px) {
.db_mainmenu ul li { padding: 0px 10px; position:relative }
.db_mainmenu ul li a { font: 18px/26px Bhaskar_Web_Head_Test_exp, Arial, Helvetica, sans-serif; padding: 10px 0px; }
.db_mainmenu .db_mneushow { right: -10px; top:11px; }
}
@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; }
}
@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; }
.aticle_hdr_hidden .menuBar span{background:#000}
.db_centerad .ad-728-90-ad { width: 100%; }
#db_header.aticle_hdr_hidden { display: block; }
.menuBar { display: block; top:24px }
.listing_temp .db_serachandnot .db_searchme{position: absolute;right: -9px;top: 12px;}
.listing_temp .db_mainmenu ul li a{padding:0 3px 5px}
#db_header { display: block; }
.menuBar { display: block; }
.top_ad { display: none; }
.listing_temp .db_logobar .bhaskar_logo { padding: 0 70px; }
.db_logobar { padding:10px 0 0; }
.db_logobar .bhaskar_logo a { background-position: -214px 0; width: 114px; height:35px; 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; overflow-x:auto }
.db_mainmenu ul li { display: inline-block; float: none;line-height: 24px; padding: 0 10px; }
.listing_temp #db_header.aticle_hdr_hidden .db_mainmenu ul li {padding: 0 3px; position:relative }
.db_mainmenu ul li:nth-child(11) a:after, .db_mainmenu ul li:nth-child(10) a:after{top:-1px; font-size:10px; border-radius:0; line-height:10px; height:12px; padding-top:2px}
.db_mainmenu ul li a { font:16px/24px Bhaskar_Web_Head_Test_exp,Arial,Helvetica,sans-serif; padding:5px 3px 8px }
.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; }
.hamburger-trending h5 { position: relative; margin: 10px 15px; color: #333; font: bold 20px/20px Arial, Helvetica, sans-serif; }
.hamburger-trending h5:after { content: ''; position: absolute; left: 0; bottom: -7px; border-bottom: 5px solid #1d71b9; width: 48px; }
.tags { display: flex; flex-flow: row wrap; padding: 15px }
.tags a { display: block; padding: 5px 15px; border: 1px solid #c2c2c2; border-radius: 15px; margin-bottom: 15px; margin-right: 15px; color: #333; font: 14px/20px Arial, Helvetica, sans-serif }
.tags a:hover { background: #1d71b9; color: #fff }
.subMenu ul li a { color: #333; font: normal 16px/44px Bhaskar_Web_Head_Test_exp, Arial, Helvetica, sans-serif; display: block; padding: 0 0 0 40px; position: relative }
.subMenu ul li ul.hamSubmenu li a:before { display: none; }
.subMenu ul li a:before { content: ''; width: 30px; height: 35px; display: block; position: absolute; left: 0px; top: 0px; background: url(../img/menuSprite.png?v2) no-repeat 0 0; }
.subMenu ul li .national::before { background-position: -244px 8px; }
.subMenu ul li .international::before { background-position: -279px 8px; }
.subMenu ul li .bollywood::before { background-position: -320px 8px; }
.subMenu ul li .sports::before { background-position: -365px 5px; }
.subMenu ul li .videos::before { background-position: -401px -30px; }
.subMenu ul li .photo::before { background-position: -406px 6px; }
.subMenu ul li .business::before { background-position: -124px -29px; }
.subMenu ul li .epaper::before { background-position: -206px 8px }
.subMenu ul li .religion::before { background-position: -162px -28px; }
.subMenu ul li .tech-knowledge::before { background-position: -199px -29px; }
.subMenu ul li .auto::before { background-position: -233px -29px; }
.subMenu ul li .health::before { background-position: -278px -26px; }
.subMenu ul li .state::before { background-position: -322px -28px; }
.subMenu ul li .lifestyle::before { background-position: -364px -28px; }
.moreItem { width: 20px; position: relative; text-indent: -9999px; display: inline-block; float: right; height: 22px; margin-top: -30px; background: url(../img/menuSprite.png?v2) no-repeat -172px -1px; }
.moreItem.minus { background-position: -129px -1px; }
.menulogo { border-bottom: 1px solid #f2f2f2; padding-left: 15px; max-height: 42px; position: relative; margin-bottom: 10px; }
.menulogo a { display: inline-block }
.menuOverlay { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 999999; background: rgba(0,0,0,0.8); overflow-x: auto; display: none }
.menuOverlay.show { display: block }
.topClose { position: absolute; top: 12px; right: 12px; cursor: pointer; height: 20px; cursor: pointer; background: #fff }
.topClose span { width: 20px; height: 2px; background: #666666; display: block }
.topClose span:first-child { -webkit-transform: rotate(45deg) translatey(6px) translatex(6px); transform: rotate(45deg) translatey(6px) translatex(6px); }
.topClose span:last-child { -webkit-transform: rotate(-45deg) translatey(5px) translatex(-4px); transform: rotate(-45deg) translatey(5px) translatex(-4px); }
/*.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; }
.lis_art_home { width: 38px; position: relative; }
.lis_art_home a, .lis_art_home span { background: url(../img/art-sprite.png) no-repeat 0 0; }
.lis_art_home a { width: 21px; height: 20px; position: absolute; top: 8px; left: 45px; display: block; background-position: 0px -291px; }
.lis_art_home span { display: block; position: absolute; top: 14px; left: 80px; width: 6px; height: 10px; background-position: -28px -296px; }
/*Submenu css */
ul.sub_listmenu { overflow: scroll; }
.ul.sub_listmenu li { white-space: nowrap; padding: 0 10px; }
}
 @media(max-width:767px) {
footer.desktop { display: none; }
footer.mobile { display: block; }
.abc-digital{position: static;
text-align: center;
margin: 0 auto 10px; }

}