CINXE.COM

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="google" content="notranslate" /> <meta name="title" content="About The Hindu Crossword Games | Online Sudoku | Anagrams" /> <meta name="atdlayout" content="homepage"/> <meta name="description" content="The Hindu crossword publishes crossword puzzles on various sections like one down, mini sudoku, sports crossword, anagrams,easy, medium and hard sudoku."/> <meta name="keywords" content="the hindu crossword, the hindu crossword games, crossword games, online sudoku, anagrams, sudoku online, online crossword games, crossword games online, crossword puzzles, online crossword, online crossword puzzles, crossword puzzle maker, easy crossword games, hard sudoku games, easy sudoku games"> <meta name="twitter:title" content="The Hindu Crossword+"> <meta name="twitter:description" content="The Hindu crossword publishes crossword puzzles on various sections like one down, mini sudoku, sports crossword, anagrams,easy, medium and hard sudoku."> <meta name="twitter:image" content="https://crossword.thehindu.com/images/crossword-logos/og-image.jpg"> <meta name="twitter:card" content="summary_large_image"/> <meta name="twitter:site" content="@The_Hindu"/> <meta name="twitter:domain" content="crossword.thehindu.com"/> <!-- <meta name="twitter:app:name:ipad" content="The Hindu"/> <meta name="twitter:app:name:googleplay" content="The Hindu (Official App)"/> <meta name="twitter:app:id:googleplay" content="com.mobstac.thehindu"/> <meta name="twitter:app:name:iphone" content="The Hindu for iPhone"/> <meta name="twitter:app:id:iphone" content="771672321"/> <meta name="apple-itunes-app" content="app-id=584786636"/> <meta name="google-play-app" content="app-id=com.mobstac.thehindu"/>--> <meta property="fb:app_id" content="137450626398044"/> <meta property="fb:pages" content="163974433696568" /> <meta property="og:site_name" content="The Hindu Crossword+"/> <meta property="og:url" content="https://crossword.thehindu.com/" /> <meta property="og:type" content="website" /> <meta property="og:title" content="The Hindu Crossword+" /> <meta property="og:description" content="The Hindu crossword publishes crossword puzzles on various sections like one down, mini sudoku, sports crossword, anagrams,easy, medium and hard sudoku." /> <meta property="og:image" content="https://crossword.thehindu.com/images/crossword-logos/og-image.jpg" /> <link rel="icon" type="image/ico" href="https://crossword.thehindu.com/favicon.ico"/> <link rel="shortcut icon" type="image/x-icon" href="https://crossword.thehindu.com/favicon.ico"/> <link rel="apple-touch-icon" href="https://crossword.thehindu.com/apple-touch-icon.png"/> <link rel="apple-touch-icon-precomposed" href="https://crossword.thehindu.com/apple-touch-icon-precomposed.png"/> <!-- <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css"> --> <!-- link href="https://crossword.thehindu.com/css/bootstrap.min.css" rel="stylesheet" --> <link href="https://crossword.thehindu.com/css/bootstrapV3.min.css?20250223122238" rel="stylesheet"> <link href="https://crossword.thehindu.com/css/fontawesome.min.css" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Fira+Sans:400,600" rel="stylesheet"> <link href="https://crossword.thehindu.com/css/font-awesome.min.css" rel="stylesheet" type="text/css" media="all"> <link href="https://crossword.thehindu.com/css/magnific-popup.min.css" rel="stylesheet" type="text/css" media="all"> <link href="https://crossword.thehindu.com/css/owl.carousel.min.css" rel="stylesheet" type="text/css" media="all"> <link href="https://crossword.thehindu.com/css/style.css?20250223122238" rel="stylesheet"> <link href="https://d2r1yp2w7bby2u.cloudfront.net/js/a.js" rel="dns-prefetch"> <link href="https://d2r1yp2w7bby2u.cloudfront.net/js/a.js" rel="preconnect"> <link href="https://wzrkt.com" rel="dns-prefetch"> <link href="https://wzrkt.com" rel="preconnect"> <script> if(!(window.fetch&&window.Promise&&[].includes&&Object.assign&&window.Map)){ document.write('<script src="https://cdn.polyfill.io/v2/polyfill.min.js?features=default,fetch"></scr'+'ipt>'); } </script> <script>(function(src) { var a = document.createElement("script"); a.type = "text/javascript"; a.async = true; a.src = src; var b = document.getElementsByTagName("script")[0]; b.parentNode.insertBefore(a, b) })("https://experience.tinypass.com/xbuilder/experience/load?aid=DC3REpZYpu"); tp = window["tp"] || [];</script> <script async type="text/javascript" src="https://csm.cxpublic.com/THG.js"> </script> <script type="text/javascript" data-cfasync="false"> var thgCookieConsent = new Promise(function(resolve, reject) { let script = document.createElement('script'); script.src = "https://consent.truste.com/notice?domain=hindugroup.com&c=teconsent&gtm=1&pcookie&js=nj&noticeType=bb&privacypolicylink=https%3A%2F%2Fwww.thehindugroup.com%2Fprivacy.html"; script.async = true; script.onload = function(){ resolve(script); } script.onerror =function(){ resolve(script); } document.head.append(script); }); </script> <script type="text/javascript" data-cfasync="false"> (function() { const makeStub = () => { const TCF_LOCATOR_NAME = '__tcfapiLocator'; const TCF_LOCATOR_ID = '__tcfapiTrustarc'; const queue = []; let win = window; let cmpFrame; function addFrame() { const doc = win.document; const otherCMP = !!(win.frames[TCF_LOCATOR_NAME]); if (!otherCMP) { if (doc.body) { const iframe = doc.createElement('iframe'); iframe.name = TCF_LOCATOR_NAME; iframe.style.display = 'none'; iframe.id = TCF_LOCATOR_ID; iframe.src = 'https://trustarc.mgr.consensu.org/asset/cmpcookie.v2.html'; doc.body.appendChild(iframe); } else { setTimeout(addFrame, 5); } } return !otherCMP; } function tcfAPIHandler(...args) { let gdprApplies; if (!args.length) { /** * shortcut to get the queue when the full CMP * implementation loads; it can call tcfapiHandler() * with no arguments to get the queued arguments */ return queue; } else if (args[0] === 'setGdprApplies') { /** * shortcut to set gdprApplies if the publisher * knows that they apply GDPR rules to all * traffic (see the section on "What does the * gdprApplies value mean" for more */ if (args.length > 3 && parseInt(args[1], 10) === 2 && typeof args[3] === 'boolean') { gdprApplies = args[3]; if (typeof args[2] === 'function') { args[2]('set', true); } } } else if (args[0] === 'ping') { /** * Only supported method; give PingReturn * object as response */ const retr = { gdprApplies: gdprApplies, cmpLoaded: false, cmpStatus: 'stubCMP', apiVersion: '2.0' }; if (typeof args[2] === 'function') { args[2](retr, true); } } else { /** * some other method, just queue it for the * full CMP implementation to deal with */ queue.push(args); } } function postMessageEventHandler(event) { const msgIsString = typeof event.data === 'string'; let json = {}; try { /** * Try to parse the data from the event. This is important * to have in a try/catch because often messages may come * through that are not JSON */ if (msgIsString) { json = JSON.parse(event.data); } else { json = event.data; } } catch (ignore) {} const payload = json.__tcfapiCall; if (payload) { window.__tcfapi( payload.command, payload.version, function(retValue, success) { let returnMsg = { __tcfapiReturn: { returnValue: retValue, success: success, callId: payload.callId, }, }; if (msgIsString) { returnMsg = JSON.stringify(returnMsg); } event.source.postMessage(returnMsg, '*'); }, payload.parameter ); } } /** * Iterate up to the top window checking for an already-created * "__tcfapilLocator" frame on every level. If one exists already then we are * not the master CMP and will not queue commands. */ while (win) { try { if (win.frames[TCF_LOCATOR_NAME]) { cmpFrame = win; break; } } catch (ignore) {} // if we're at the top and no cmpFrame if (win === window.top) { break; } // Move up win = win.parent; } if (!cmpFrame) { // we have recur'd up the windows and have found no __tcfapiLocator frame addFrame(); win.__tcfapi = tcfAPIHandler; win.addEventListener('message', postMessageEventHandler, false); } }; makeStub(); }()); </script> <script type="text/javascript" data-cfasync="false"> function readCookie(name) { var nameEQ = name + "="; var ca = document.cookie.split(';'); for (var i = 0; i < ca.length; i++) { var c = ca[i]; while (c.charAt(0) == ' ') c = c.substring(1, c.length); if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length); } return null; } var thg={required:!0,functional:!1,advertising:!1,requiredCookie:function(){return thg.required},functionalCookie:function(){return thg.functional},advertisingCookie:function(){return thg.advertising}};thgCookieConsent.then(function(){var constentbehavior=readCookie("notice_behavior"),cookieconsent=readCookie("cmapi_cookie_privacy");null==cookieconsent&&null!=constentbehavior&&-1==constentbehavior.indexOf("eu")?(thg.functional=!0,thg.advertising=!0):null!==cookieconsent?(cookieconsent.indexOf("permit")>-1&&cookieconsent.indexOf("2")>-1&&(thg.functional=!0),cookieconsent.indexOf("permit")>-1&&cookieconsent.indexOf("3")>-1&&(thg.advertising=!0)):null==constentbehavior&&(thg.functional=!0,thg.advertising=!0);});</script> <script type="text/javascript" crossorigin src='//consent.trustarc.com/notice?domain=hindugroup.com&text=true&pcookie&gtm=1&js=nj&noticeType=bb' data-cfasync="false"></script> <script async type="text/javascript" src="https://www.thehindu.com/theme/js/thgevnt.min.js?ver=15042022"> </script> <script> function baseURL(){ return "https://crossword.thehindu.com/"; } function baseTHURL(){ return "https://crossword.thehindu.com/"; } var siteId=""; </script> <script type="text/javascript" src="https://crossword.thehindu.com/js/jquery-3.4.1.min.js"></script> <script type="text/javascript" src="https://crossword.thehindu.com/js/jquery.sticky.min.js"></script> <!--<script type="text/javascript" src="https://crossword.thehindu.com/js/bootstrap.min.js"></script>--> <script type="text/javascript" src="https://crossword.thehindu.com/js/bootstrapv3.min.js"></script> <script type="text/javascript" src="https://crossword.thehindu.com/js/jquery.magnific-popup.min.js"></script> <script type="text/javascript" src="https://crossword.thehindu.com/js/owl.carousel.min.js"></script> <script type="text/javascript" src="https://crossword.thehindu.com/js/scripts2.js?20250223122238"></script> <script type="text/javascript" src="https://crossword.thehindu.com/js/require.min.js"></script> <!--<script type="text/javascript" src="https://crossword.thehindu.com/js/require-config.js?20250223122238"></script> <script type="text/javascript" src="https://crossword.thehindu.com/js/jquery-3.4.1.min.js"></script> --> <script> if(thg.functionalCookie()){ (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-10158580-38', 'auto'); } </script> <script type="text/javascript"> if(thg.functionalCookie()){ var clevertap = {event:[], profile:[], account:[], onUserLogin:[], notifications:[], privacy:[]}; clevertap.account.push({"id": "R9K-5K8-965Z"}); clevertap.privacy.push({optOut: false}); //set the flag to true, if the user of the device opts out of sharing their data clevertap.privacy.push({useIP: true}); //set the flag to true, if the user agrees to share their IP data (function () { var wzrk = document.createElement('script'); wzrk.type = 'text/javascript'; wzrk.async = true; wzrk.src = ('https:' == document.location.protocol ? 'https://d2r1yp2w7bby2u.cloudfront.net' : 'http://static.clevertap.com') + '/js/a.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(wzrk, s); })(); } </script> <!--<script type="text/javascript" src="https://crossword.thehindu.com/js/userinfo.js?20250223122238"></script> --> <!-- Taboola Pixel Code --> <script type='text/javascript'> if(thg.advertisingCookie()){ window._tfa = window._tfa || []; window._tfa.push({notify: 'event', name: 'page_view', id: 1179651}); !function (t, f, a, x) { if (!document.getElementById(x)) { t.async = 1;t.src = a;t.id=x;f.parentNode.insertBefore(t, f); } }(document.createElement('script'), document.getElementsByTagName('script')[0], '//cdn.taboola.com/libtrc/unip/1179651/tfa.js', 'tb_tfa_script'); } </script> <noscript> <img src='//trc.taboola.com/1179651/log/3/unip?en=page_view' width='0' height='0' style='display:none'/> </noscript> <!-- End of Taboola Pixel Code --> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-PPPPHNQV');</script> <!-- End Google Tag Manager --> <script type="text/javascript"> var utm_params = window.location.search.match(/utm_[a-z0-9=]*/ig); window.addEventListener("click", function(e) { var utms =window.location.search.match(/utm_[a-z0-9=]*/ig); var href = e.target.getAttribute("href"); if(href == null && e.target.closest("a")){ href = e.target.closest("a").getAttribute("href"); } if(href && utms) { location.href =href + (href.includes("?") ? "&" : "?" ) + utms.join("&") ; e.preventDefault(); } }); </script> <style> body{ font-family: Fira Sans; } /* Hamburger Menu css*/ .hamburger-menu-button-left { width: 30px; height: 30px; padding: 6px; display: block; position: relative; top:0; left: 3em; z-index: 100; background: transparent; border: 5px solid transparent; box-sizing: content-box; border-radius: 50%; text-indent: 100%; color: transparent; white-space: nowrap; cursor: pointer; overflow: hidden; } #hamburger-menu-right{ position: absolute; right: 6em; top:1em; } .hamburger-menu-button-open-left{ top: 50%; margin-top: -1px; left: 50%; margin-left: -12px; } .hamburger-menu-button-open-left, .hamburger-menu-button-open-left::before, .hamburger-menu-button-open-left::after { position: absolute; width: 24px; height: 2px; background: #000; border-radius: 4px; -webkit-transition: all 0.3s; transition: all 0.3s; } .hamburger-menu-button-open-left::before, .hamburger-menu-button-open-left::after { left: 0; content: ""; } .hamburger-menu-button-open-left::before { top: 6px; } .hamburger-menu-button-open-left::after{ bottom: 6px; } .hamburger-menu-button-close-left { background: transparent; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .hamburger-menu-button-close-left::before{ -webkit-transform: translateY(-6px) rotate(45deg); transform: translateY(-6px) rotate(45deg); } .hamburger-menu-button-close-left::after { -webkit-transform: translateY(6px) rotate(-45deg); transform: translateY(6px) rotate(-45deg); } .ham-menu { position: fixed; top: 0; margin: auto; overflow: hidden; height:100%; z-index: 1; // padding-bottom: 4em; } #ham-navigation-left{ left: 0; } #ham-navigation-right{ right: 0; top:0em; padding:0 } .ham-menu-left ul { -webkit-transform: translateX(-110%); transform: translateX(-110%); background-color: #3896d3; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .ham-menu-right ul { -webkit-transform: translateX(110%); transform: translateX(110%); background-color: #3896d3; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .ham-menu.on ul { -webkit-transform: translateX(0px); transform: translateX(0px); } .ham-menu ul { font-size: 0; } .ham-menu ul li { display: block; } .ham-menu ul li:first-child .ham-menu ul li a { padding-left: 30px; } .menu{ height: 100%; width: 250px; overflow-y: scroll; padding: 0; margin-bottom:4em; } .menu-right{ } .ham-menu ul li a { padding: 15px; display: block; background-color: transparent; color: #fff; text-transform: uppercase; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; font-size: 13px; } .ham-menu ul li.active a, .ham-menu ul li a:hover { background-color: #2980b9; color: #fff !important; } /* Hamburger Menu css end*/ .CrosswordContainerDiv, footer{ text-align:center; } .CrosswordContainerDiv p{ text-align:left; } footer{ font-size:12px; background: #fff; padding: 10px; } .tblockCw{ border:1px solid #000; border-radius: 16px; padding:2em 0em; } .tblockCw1{ background-image: linear-gradient(to right, #1f2e60 0%, #46a8ec 99%); } .tblockCw2{ background-image: linear-gradient(to right, #923df6 1%, #f62982); } .tblockCw3{ background-image: linear-gradient(to right, #058671 0%, #8af99b); } .tblockCw span{ width:100%; float:left; } /*sticky header*/ #myHeader{ background-color:#fff; z-index:999; } .header { padding: 10px 16px; background: #555; color: #f1f1f1; } .content { padding: 16px; } .sticky { position: fixed; top: 0; width: 100%; } .sticky + .content { padding-top: 102px; } #myHeader .logo a{ width:250px; height:auto !important; } body::-webkit-scrollbar { width: 1em; } body::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); } body::-webkit-scrollbar-thumb { background-color: darkgrey; outline: 1px solid slategrey; } /*sticky header end*/ .cwSubscribeDiv li{ display:inline-block; padding:0px; } .cwSubscribeDiv{ padding:0px 15px; position: relative; right: 2em; } .subscribeDiv{ position: absolute; right: 1em; } .cwUserDetails{ display: inline-block; position: absolute; right: 5em; top: 1em; } .CrosswordContainerDiv h1{ text-align: left; font-size: 20px; padding: 10px 20px; font-weight: 600; } .cwClosehamburger{ float:right; } @media screen and (max-width: 767px) { .subscribeDiv { top:-7px !important; } .mobileLogo{ display:block !important; } .DeskLogo{ display:none !important; } .hamburger-menu-button{ left:0; } .cwUserDetails{ right:0; } .ham-menu{ } } /** Privacy policy **/ @media screen and (max-width: 767px) { .Privacy-Policy { font-size: 14px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; text-align: left; color: #231f20; padding: 20px 0px 10px 0px; } .privacy-para { font-size: 10px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.88; letter-spacing: normal; text-align: left; color: #231f20; padding-top: 12px; } .privacy-addr{ font-size: 10px; font-weight: normal; font-style: normal; font-stretch: normal; letter-spacing: normal; text-align: left; color: #231f20; line-height: normal; } .abt-cor{ font-size: 12px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: 0.9px; text-align: left; color: #282828; padding-bottom: 5px; } .abt-addr { font-size: 10px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.6; letter-spacing: normal; text-align: left; color: #231f20; } .abt-dis { font-size: 12px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: 0.9px; text-align: left; color: #282828; padding-top: 14px; } .abt-follow {text-align: left;;width:60%} } @media screen and (min-width: 768px) { .Privacy-Policy { font-size: 28px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; text-align: left; color: #231f20; padding: 20px 0px 10px 0px; } .privacy-para { font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.88; letter-spacing: normal; text-align: left; color: #231f20; padding-top: 12px; } .privacy-addr{ font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; letter-spacing: normal; text-align: left; color: #231f20; line-height: normal; } .abt-cor{ font-size: 24px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; text-align: left; color: #3927b2; padding-bottom: 5px; } .abt-addr { font-size: 18px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 0.89; letter-spacing: normal; text-align: left; color: #231f20; } .abt-dis{ font-size: 18px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: 1.35px; text-align: left; color: #282828; padding-top: 20px; } .abt-follow {text-align: left;;width:100%} } .padBom {padding-bottom: 10px;} .bold{font-weight:bold;} .fa { padding: 8px; font-size: 15px; width: 30px; text-align: center; text-decoration: none; margin: 5px 2px; border-radius: 50%; } .fa:hover { opacity: 0.7; } .fa-facebook { background: #3B5998; color: white; } .fa-twitter { background: #55ACEE; color: white; } .fa-google { background: #dd4b39; color: white; } .fa a:focus, .fa a:hover { color: white; text-decoration: none; } .abt-social{ display: inline-flex; position: relative; } .abt-list{list-style-type: none;padding: 14px;} .inline-tb {display: inline-table;} .col-abt{color: #3927b2;text-decoration:underline;} .instagram{color:#fff; background: #f09433; background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 ); } .header-link i.fa{ padding: 0 !important; margin: 0 !important; } </style> </head> <body> <link href="https://crossword.thehindu.com/css/responsive.css?20250223122238" rel="stylesheet" type="text/css" media="all"> <style> /* Font Family */ body { font-family: 'Muli', sans-serif; } h5.sidemenu-title { font-weight: 600 !important; font-size: 1.25rem !important; } * { -webkit-overflow-scrolling: touch; } html { scroll-behavior: smooth; } a{ cursor:pointer; } .nopad { padding: 0; } .progressbar{ display:none; } #resetsubmit{ background-color:#310a8a !important; border-radius:25px; } .myHeader{ background:#fff; margin: 3px 0; } .thsubscription .select2-container { display: block; width: 100% !important; } div#personalinfo{ margin-bottom:15px; } .cwplanpad .planpagecw{ margin-top: 20px !important; } .signuploginmodal a, .subscriptlist, .signuploginmodal label, .signuploginmodal input:not([type="checkbox"]), p.termscondtion, .signuploginmodal p, i.showpassword{ font-family: Fira Sans !important; color: #310a8a !important; } .signuploginmodal button{ font-family: Fira Sans !important; } .cwCustomoverlay{ overflow:hidden; background:#ccc; } div#logo-crossword>a { display: block; margin: 0 auto; width: 480px; } .page-wrapper { position: relative; width: 100%; height: 100%; /*overflow: hidden; overflow-y: auto;*/ webkit-box-shadow: -2px 13px 22px -11px rgba(0,0,0,0.75); -moz-box-shadow: -2px 13px 22px -11px rgba(0,0,0,0.75); box-shadow: -2px 13px 22px -24px rgba(0,0,0,0.75); } .top-nav { position: relative; top: 0; left: 0; right: 0; width: 100%; float:left; background: #fff; box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1); z-index:1; } #sso-signin { max-width: 110px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding-left: 0; display: inline-block; cursor: default; color: #000; position: relative; top: 5px; padding-right: 5px; } .top-nav.affix{ position: -webkit-sticky; z-index:99999; top: 0; left: 0; width: 100%; } .top-nav.affix .toggler-container{ padding:10px; } .top-nav .toggler-container { position: relative; width: 100%; padding: 12px 15px; float: left; } .top-nav .toggler-container .hamburger { width: 34px; height: auto; background: transparent; border: none; cursor: pointer; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: center; position: absolute; top: 0.7em; left:1.3em; } .top-nav .toggler-container .hamburger.hamCross{ top: 0.7em; left:1em; } .top-nav .toggler-container .hamburger div { color: #310a8a; } .top-nav .toggler-container .hamburger:focus { outline: none; } .top-nav .toggler-container .hamburger:hover { transition: all 0.2s ease-in-out; } .top-nav .toggler-container .hamburger:hover .line:nth-child(1) { width: 100%; } .top-nav .toggler-container .hamburger:hover .line:nth-child(2) { width: 100%; } .top-nav .toggler-container .hamburger:hover .line:nth-child(3) { width: 100%; } .top-nav .toggler-container .hamburger .line { transition: all 0.2s ease-in-out; height: 2px; margin: 2px 0; border-radius: 5px; background: #000; } .hamCwCloseText { font-size: 8px; color: #000; font-weight: 700; position: relative; bottom: 3px; } .hamCwClose{ top: 6px; } .top-nav .toggler-container .hamburger .line:nth-child(1) { width: 100%; } .top-nav .toggler-container .hamburger .line:nth-child(2) { width: 100%; } .top-nav .toggler-container .hamburger .line:nth-child(3) { width: 100%; } .top-nav .toggler-container .hamCross .line:nth-child(1) { -webkit-transform: rotate(-46deg) translate(-6px, 4px); transform: rotate(-46deg) translate(-6px, 4px); } .top-nav .toggler-container .hamCross .line:nth-child(2) { opacity: 0; } .top-nav .toggler-container .hamCross .line:nth-child(3) { -webkit-transform: rotate(43deg) translate(-3px, -3px); transform: rotate(43deg) translate(-4px, -3px); } .toggler-container .logo { padding: 0; } .DeskLogo { width: 356px !important; height: auto !important; } .subscribeDiv{ text-align:right; top:4px; padding: 0; } .subscribeDiv a .fa-user { padding: 0px 15px; color: #310a8a; } .subscribeDiv a.cwSubBtn { padding: 3px 15px 5px; border-radius: 15.5px; background-color: #310a8a; color: #fff; font-size: 12px; } /*sidenav*/ body::-webkit-scrollbar { width: 1em; } body::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); } body::-webkit-scrollbar-thumb { background-color: darkgrey; outline: 1px solid slategrey; } /*right nav*/ .rightmenuCw { padding: 0; display: inline-block; } .menu-cw { width: 30px; height: 30px; position: relative; cursor: pointer; } .bar-cw { width: 20px; top: 11px; color: #000; } .dropdown-menu-cw { padding: 10px 0; top: 3em; right: -300px; display: block; position: fixed; opacity: 0; visibility: hidden; transition: all 0.5s ease; background:#ccc; height: 100%; } .menu-cw:hover .dropdown-menu-cw { right: -5.8em; opacity: 1; visibility: visible; //overflow-y:scroll; } .dropdown-menu-cw .linkCw { width: 100%; margin: 10px 0; padding: 5px 10px; display: inline-block; position: relative; color: #000; text-align: left; transition: all 0.5s ease; } .dropdown-menu-cw .linkCw:before { background: #ddd; width: 3px; height: 21px; top: 24%; right: -15px; display: block; position: absolute; content: ""; transition: all 0.5s ease; transform: translate(0, 0); } .dropdown-menu-cw .linkCw:hover { opacity: 0.5; } .dropdown-menu-cw .linkCw:focus { letter-spacing: 2px; } .dropdown-menu-cw .linkCw:focus-within:before { width: 3px; background: #310a8a; } /* toggle fun*/ #toggle { width: 100px; height: 100px; background: #ccc; } .clicknavbtn{ background: transparent; border: none; color:#000; position:relative; top:0px; } .clicknavbtn_div.active{ position:fixed; right: 0; opacity: 1; visibility: visible; transition: all 0.5s ease; } .clicknavbtn_div{ top: 4.2em; right: -20em; position: fixed; opacity: 0; visibility: hidden; transition: all 0.5s ease; background:#000; height: 100%; max-width: 250px; width: 100%; overflow-y:scroll; z-index:99999999999999999999999; } .side-content-lt.active{ position:fixed; left: 0; opacity: 1; visibility: visible; transition: all 0.5s ease; } .side-content-lt{ z-index:9999999999999999999999; padding: 10px 0; top: 4.2em; left: -20em; position: fixed; opacity: 0; visibility: hidden; transition: all 0.5s ease; background:#000; height: 100%; max-width: 350px; width: 100%; overflow-y:scroll; } .cwRtMenuIcon { display:none; } /*new inside close left*/ .close-btn-parent, .close-btn-parent-rt{ position: relative; width: 100%; float: left; } .side-content-lt .close-btn , .side-content-rt .close-btn-rt{ position: absolute; top: 0; width: 25px; height: 40px; background: transparent; border: none; cursor: pointer; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: center; color: #fff; font-size: 18px; } .side-content-lt .close-btn{ right: 0; top:-14px; } .side-content-rt .close-btn-rt { right: 0em; top:-5px; } /*.side-content-lt .close-btn:focus, .side-content-rt .close-btn-rt:focus { outline: none; } .side-content-lt .close-btn:hover , .side-content-rt .close-btn-rt:hover{ transition: all 0.2s ease-in-out; } .side-content-lt .close-btn:hover .line:nth-child(1), .side-content-rt .close-btn-rt:hover .line:nth-child(1) { transform: rotate(0) translate(-5px, 8px); } .side-content-lt .close-btn:hover .line:nth-child(2) , .side-content-rt .close-btn-rt:hover .line:nth-child(2){ transform: rotate(0) translate(-5px, 0); } .side-content-lt .close-btn .line, .side-content-rt .close-btn-rt .line { transition: all 0.2s ease-in-out; height: 2px; width: 100%; margin: 3px 0; border-radius: 5px; background: #fff; } .side-content-lt .close-btn .line:nth-child(1), .side-content-rt .close-btn-rt .line:nth-child(1) { transform: rotate(45deg) translate(1px, 10px); } .side-content-lt .close-btn .line:nth-child(2), .side-content-rt .close-btn-rt .line:nth-child(2) { transform: rotate(-45deg) translate(-4.5px, -5px); } */ /* cloase button left & right*/ .cwtitleSubHead{ padding: 12px 0px 12px; text-align: center; background: #310a8a; color: #fff; } .cwtitleSubHead a{ color: #fff; } .cwtitleSubHead span{ color:#ffd563; } .slick-dots{ display:none !important; } .stextrtMobile{ display:none; } .todaysCrosswordDiv .SectionsInDiv, .sampleCrosswordDiv .SectionsInDiv, .SectionsCrosswordDiv .SectionsInDiv{ position:relative; } .cwCoverDiv{ position: absolute; width: 100%; top: 0; left: 0; height: 100%; outline:none; } a:focus{ outline:none; } .side-innerContent-lt, .side-innerContent-rt{ text-align:center; } .side-innerContent-rt .nav li img{ padding:20px 0px 5px; } /*nav left inner design*/ .nav-container-left, .nav-container-right{ width:100%; float:left; transition: all 0.3s linear; } .nav-container-right li a{ padding-bottom:0 !important; padding: 9px 12px 4px !important; } .nav-container-left .nav, .nav-container-right .nav{ list-style-type:none; margin:0px 0px 4.8em; padding:0; } .nav-container-left li ,.nav-container-right li{ height:auto; position:relative; width: 100%; float: left; } .nav-container-left a, .nav-container-right a { text-decoration:none; display:block; height:100%; width:100%; line-height:26px; color:#bbb; text-transform: uppercase; font-weight: bold; padding-left:25%; letter-spacing:1px; transition: all 0.3s linear; text-align: left; padding: 0; } .nav-container-left a{ border-left: 5px solid #000000; } .nav-container-right a{ border-right: 5px solid #000000; } .nav-container-left .active a, .nav-container-right .active a{ color: #fff; background-color: #1B1B1B; outline:0; width:100%; float:left; } .nav-container-left .active a{ border-left:5px solid #f22a86; padding:15px 15px; } .nav-container-left span.descTextCw{ font-size: 12px; text-transform: capitalize; color:#ccc8c8bd; float:left; width:100%; padding-left:0px; line-height: 18px; letter-spacing: 0.5px; } .nav-container-right .active a{ border-left:none; border-right:5px solid #f22a86; } .nav-container-left li:not(.active):hover a, .nav-container-right li:not(.active):hover a{ color: #eee; border-left: 5px solid #f22a86; background-color: #1B1B1B; } .nav-container-right li:not(.active):hover a{ border-left: none; border-right: 5px solid #f22a86; } .nav-container-left span[class ^= "icon"], .nav-container-right span[class ^= "icon"]{ position:absolute; left:20px; font-size: 1.5em; transition: all 0.3s linear; } .nav-container-left li:nth-child(3) a:after, .nav-container-right li:nth-child(3) a:after{ content:''; width:100px; border-bottom:1px solid #4a4a4a; } .sidebarLogo{ max-width: 285px; width: 100%; float: left; margin: 15px; } /* Right Sidebar inner content*/ .rightSidebarLogoRow{ width:100%; float:left; margin: 0; padding:15px 10px 15px 0px; border-bottom:1px solid #4a4a4a; } #hello-user{ color:#fff; max-width: 110px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding-left: 0; display: inline-block; cursor: default; position: relative; top: 5px; } .rightSidebarLogoRow p{ color:#fff; text-transform:uppercase; text-align: left; margin-top:5px; } .rightSidebarLogoRow p span{ width:100%; float:left; color:#ccc4c4; } .rightSidebarLogo img{ //border: 1px solid #bf44e2; padding: 5px 5px; // border-radius: 50%; // background: #bf44e2; } .cwRtMenuIcon{ height:32px; width: 29px; background-image: url("https://crossword.thehindu.com/images/crossword-logos/cw_sprite.png"); float: left; } .nav-container-right a span.text{ padding-left: 10px; } .cwRtMenuIcon1{ background-position: 11em -0.5em; } .cwRtMenuIcon2{ background-position: -0.7em -0.6em; } .cwRtMenuIcon3{ background-position: 18.9em -0.6em; } .nav>li>a{ width: 100%; float:left; } /*.nav>li>a:focus, .nav>li>a:hover{ background:#1B1B1B !important; }*/ .nav>li>a:focus, .nav>li>a:hover { background-color: #F5F5F5 !important; } .nav-tabs .nav-item { margin-bottom: 1px; } .cwRtMenuIconLn1{ background-position: 32.2em -0.6em; } .cwRtMenuIconLn2{ background-position: 29.5em -0.6em; } .cwRtMenuIconLn3{ background-position: 26.7em -0.6em; } .cwRtMenuIconLn4{ background-position: 24em -0.6em; } .cwRtMenuIconLn5{ background-position: 21.3em -0.6em; } .cwRtMenuIconLn6{ background-position: 18.9em -0.6em; } .cwRtMenuIconLn7{ background-position: 16.2em -0.6em; } .cwRtMenuIconLn8{ background-position: 13.6em -0.6em; } .cwRtMenuIconLn9{ background-position: 8.2em -0.6em; } .nav-container-left li:nth-child(2) , .nav-container-left li:nth-child(15){ border-bottom: 1px solid #353131; } .side-content-lt .close-btn .line{ display:none; } /*media query*/ @media screen and (min-width: 1201px) { .subscribeDiv a.cwSubBtn{ font-size: 14px !important; } .subscribeDiv a.cwSubBtn{ margin-right: 10px; } .subscribeDiv{ padding:0; } .clicknavbtn i { font-size: 1.4em; } } @media screen and (max-width: 767px) { .games-info p.game-duration{ line-height: 40px !important; height: auto !important; } /*.graynum{ padding: 13px !important; top: 27.5% !important; left: 27.5% !important; } .graynum.num15{ padding: 13px 8px !important; }*/ .small-btn{ padding: 5px 11px !important; } .hndu-copyright p{ font-size: 14px !important; } .crossword-info p{ height: 35px !important; } .header-btns .btn-hide { display: none; } .is-sticky .header-btns .btn-hide, .fixed-header .header-btns .btn-hide { display: block; } .fixed-header .header-link{ position: relative; bottom:0; right:0; } .side-content-lt .close-btn .line{ display:block; } .cwtitleSubHead{ margin:0px 10px !important; } .nav-container-right img{ display:none; } .side-content-lt{ max-width: 250px !important; } .sidebarLogo{ max-width: 204px; margin: 20px 15px; } .side-content-lt .close-btn { right: 0px; top: -7px; } .side-content-lt, .clicknavbtn_div{ top:0; } .mobileLogo { display: block !important; } .DeskLogo { display: none !important; } .hamburger-menu-button { left: 0; } .cwUserDetails { right: 0; } .toggler-container div{ padding:0; } .rightSidebarLogoRow{ padding: 15px 10px 15px 0px !important; } .subscribeDiv { //top: 6px; top: 4px; } .toggler-container .logo{ padding: 8px 15px; } .SectionsCrosswordDiv div.col-md-4:nth-child(2), .SectionsCrosswordDiv div.col-md-4:nth-child(5) { border-left: none; border-right: none; } .Published-daily { font-size: 14px !important; } .comBlockHead p{ padding: 11px 21px 0px; } .comBlockHead a{ margin-top: 5px; } .tblockCw h4{ font-size:16px !important; } .top-nav .toggler-container{ // padding: 10px; padding: 5px 10px 15px; } .hamCwClose { top: 2px; left:2px; } /*.top-nav .toggler-container .hamburger .line{ margin: 1.7px 0px; }*/ .toggler-container .logo{ padding:0; } .nav-container-left span.descTextCw{ display:none; } /*.top-nav .toggler-container .hamburger{ width: 100%; padding:0px 4px; }*/ #sso-signin{ display:none; } #sso-signin{ cursor: default; text-decoration: none; } .SectionsCrosswordDiv .SectionsInDiv{ width:48%; display:inline-block; padding:0; } .SectionsCrosswordDiv{ padding:0px 15px; } .changepassimg{ display:none; } #changepassword{ margin:0; } .hamCwCloseText{ visibility:hidden !important; } .fixed-header #sub_hide { position: relative; top: 7px; left: 0; } .fixed-header .header-link { position: relative; bottom: 9px; right: 0; } .userIconSec { position: relative; top: 4px; } } @media screen and (max-width: 991px) and (min-width: 320px) { .games-wrap .active .more-info-btn, .more-info-btn:hover{ width: 95px; bottom: 8px; padding: 0 5px; } a.more-info-btn span{ font-size: 11px; } .top-nav .toggler-container .hamburger{ top: 0.38em; left: 0.7em; } .top-nav .toggler-container .hamburger.hamCross { top: 0.2em; left: 0.5em; } .linetxt { width: 22px !important; height: 7px !important; } .boxtxt { width: 4px !important; height: 4px !important; margin: 2px 0.2px !important; } .hamCross .menu__item--hamburger .linetxt:nth-child(1), .hamCross .menu__item--hamburger .linetxt:nth-child(1) { transform: rotate(45deg) translate(13px, 4px) !important; } .hamCross .menu__item--hamburger .linetxt:nth-child(3), .hamCross .menu__item--hamburger .linetxt:nth-child(3) { transform: rotate(-45deg) translate(1px, -4px) !important; } .cwtitleSubHead{ margin:0px 10px !important; } .signupsubscriptioncontent{ background:transparent; } .clicknavbtn i { font-size: 1.4em; } .tblockCw h4{ font-size:17px; } .stextrt h4{ font-size: 15px; } .Published-daily { font-size: 14px !important; } .SectionsCrosswordDiv div.col-md-4:nth-child(2),.SectionsCrosswordDiv div.col-md-4:nth-child(11), .SectionsCrosswordDiv div.col-md-4:nth-child(5),.SectionsCrosswordDiv div.col-md-4:nth-child(8) { border-left: none; border-right: none; } .sampleCrosswordSubDiv{ padding: 0px 5px; position:relative; } .sampleCrosswordSubDiv .stextrt{ display:none; } .sampleCrosswordSubDiv .stextrtMobile{ display:block !important; } .stextrtMobile h4, .stextrtMobile p, .stextrtMobile h6{ margin:5px 0px; } .stextrtMobile, .stextrtMobile p{ text-align:center; } .stextrtMobile h4{ font-size:14px; } .sblockBottom a{ font-size: 12px; } .lblockCw{ width:100%; } } @media screen and (max-width: 991px) and (min-width: 768px) { .more-info-btn { bottom: 8px !important; } .owl-stage { padding-left: 0px !important; } #sso-signin{ position: relative; top: 0px !important; padding-right: 5px; } .logodivimg{ padding:0; } .top-nav .toggler-container .hamburger { top: 0.9em; left: 1.3em; } .top-nav .toggler-container .hamburger.hamCross { top: 0.2em; left: 0.5em; } .header-btns .btn-hide{ display: none; } .fixed-header #sub_hide{ display: block; } .header-link{ float:right; } .headhamburgerdiv { position: relative; top: 6px !important; } .hndu-header.hndu-sticky.fixed-header{ padding: 5px 20px 0px; } .fixed-header.subhide_fixed{ padding: 5px 20px 12px !important; } .hndu-header.hndu-sticky{ padding: 5px 20px 12px; } .games-item{ min-height: 197px !important; padding: 12px !important; } h4.games-title { font-size: 17px !important; } .games-item .hndu-image { max-width: 99px; margin-right: 13px !important; } /* #sub_hide{ max-width: 125px !important; min-width: 125px !important; padding: 4px 8px !important; } .header-btns .btn-hide { display: none; } .is-sticky .header-btns .btn-hide, .fixed-header .header-btns .btn-hide { display: block; } .fixed-header #sub_hide { position: relative; top: 7px; left: 0; }*/ /*.fixed-header .header-link { position: relative; bottom: 4px; right: -4em; } .header-link { position: relative; right: -4em; }*/ /*.header-btns { position: relative; bottom: 4px; } .userIconSec .textright{ position: relative; bottom: 4px; right: -4em; }*/ } @media screen and (max-width: 767px) and (min-width: 566px) { .sample-crossword .crossword-item-wrap { padding: 5px !important; } .crossword-item-wrap { padding: 5px !important; } .video-item{ margin: 8px !important; } .SectionsCrosswordDiv .SectionsInDiv{ width:49%; display:inline-block; padding:0; } .stextrt h4{ font-size:13px !important; } .mobileLogo img{ position: relative; top: 5px; } } @media screen and (max-width: 565px) { .mobileLogo img{ position: relative; top: 0px; } .SectionsCrosswordDiv .SectionsInDiv{ width:100%; padding:0; margin:0 !important; } .stextrt h4{ font-size:14px !important; } .lblockCw{ border-bottom: 1px dashed #827a7a; } .SectionsCrosswordDiv .SectionsInDiv:last-child .lblockCw{ border-bottom: none; } .cwDayFmt{ margin-right:5px; } .CrosswordContainerDiv h1{ font-size: 17px; padding: 10px 5px; } .comBlockHead p { padding: 11px 0px 0px; font-size:13px; } .comBlockHead a{ padding: 3px 25px; margin-top: 5px; } .sblockBottom{ padding: 2px; } .stextrtMobile p{ display:none; } .stextrt h6 { font-size: 12px; } .lblockCw{ width:100%; } .toggler-container .logo{ padding: 8px 15px!important; } .top-nav .toggler-container { padding: 4px 10px 4px; } .tblockBottom{ min-height: 72px; } } @media screen and (max-width: 767px) and (min-width: 431px) { .mobileLogo{ width: 230px !important; margin: 0 !important; } } @media screen and (max-width: 430px) and (min-width: 361px) { .mobileLogo{ width: 180px !important; } .subscribeDiv a.cwSubBtn{ padding: 3px 10px 5px; } .clicknavbtn{ padding: 0; top: 4px; } .mobileLogo img{ left: -8px; } .cwtitleSubHead{ font-size: 12px; padding: 8px 0px 8px; margin: 0; } } @media screen and (max-width: 360px) and (min-width: 320px) { .mobileLogo{ width: 165px !important; } .subscribeDiv a.cwSubBtn{ padding: 2px 10px 4px; } .clicknavbtn{ padding: 0; top: 2px; } .subscribeDiv { top: 5px; } .mobileLogo img{ left: -8px; } .cwtitleSubHead{ font-size: 12px; padding: 8px 0px 8px; margin: 0; } .todaysCrosswordDiv .slick-slide{ width:260px !important; padding: 0px 5px; } } .top-nav { position: -webkit-sticky; z-index: 1; } .sticky-head { position: fixed; width: 100%; left: 0; top: 0; z-index: 99999999999999999999; border-top: 0; } @media screen and (max-width: 1199px) and (min-width: 992px){ #sso-signin{ position: relative; top: 0px !important; padding-right: 5px; } .subscribeDiv { text-align: right; padding: 0; } .subscribeDiv a.cwSubBtn { padding: 3px 7px 5px !important; } } /*ham n=menu design start*/ .boxtxt { transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275); } .boxtxt { width: 6px; height: 6px; background: #000; margin: 2px 1px; display: inline-block; } .linetxt{ width:60px; height:10px; } .menu__wrapper > div:hover, .menu__wrapper > div:focus { outline: none; } .menu__wrapper > span { display: inline-block; text-align: center; line-height: 1.2; margin-top: auto; } .hamCross .menu__item--hamburger .linetxt:nth-child(1), .hamCross .menu__item--hamburger .linetxt:nth-child(1){ transform: rotate(45deg) translate(16px, 11px); } .hamCross .menu__item--hamburger .linetxt:nth-child(2) .boxtxt, .hamCross .menu__item--hamburger .linetxt:nth-child(2) .boxtxt{ color:#fff; background:transparent; transform: rotate(45deg) translate(16px, 11px); } .hamCross .menu__item--hamburger .linetxt:nth-child(3), .hamCross .menu__item--hamburger .linetxt:nth-child(3) { transform: rotate(-45deg) translate(14px, -16px); } /* .menu__item--hamburger:hover .linetxt:nth-child(1), .menu__item--hamburger:focus .linetxt:nth-child(1) { transform: rotate(45deg) translate(16px, 11px); } .menu__item--hamburger:hover .linetxt:nth-child(2) .boxtxt, .menu__item--hamburger:focus .linetxt:nth-child(2) .boxtxt{ color:#fff; background:transparent; } .menu__item--hamburger:hover .linetxt:nth-child(2), .menu__item--hamburger:focus .linetxt:nth-child(2) { visibility: visible; } .menu__item--hamburger:hover .linetxt:nth-child(3), .menu__item--hamburger:focus .linetxt:nth-child(3) { transform: rotate(-45deg) translate(14px, -16px); }*/ /**/ /** Redesign css start **/ /* Hindu Buttons */ .hndu-btn { display: inline-block; vertical-align: middle; width: 100%; max-width: 190px; padding: 12px 15px;; color: #ffffff; background: #2D038B; background-image: linear-gradient(to right, #2D038B, #63218F, #63218F, #2D038B); background-size: 300% 100%; font-weight: 700; font-size: 16px; font-family: 'Quicksand', sans-serif; text-align: center; border: 2px solid transparent; position: relative; outline: none; overflow: hidden; cursor: pointer; -webkit-border-radius: 100px; -ms-border-radius: 100px; border-radius: 100px; box-shadow: none; -webkit-transition: all ease .3s; -ms-transition: all ease .3s; transition: all ease .3s; -webkit-box-shadow: 0 0 0 rgba(0, 6, 66, 0.3); -ms-box-shadow: 0 0 0 rgba(0, 6, 66, 0.3); box-shadow: 0 0 0 rgba(0, 6, 66, 0.3); } .hndu-btn:hover, .hndu-btn:focus { border-color: transparent; color: #ffffff; background-position: 98% 0; -webkit-box-shadow: 0 3px 15px rgba(15, 37, 255, 0.2); -ms-box-shadow: 0 3px 15px rgba(15, 37, 255, 0.2); box-shadow: 0 3px 15px rgba(15, 37, 255, 0.2); } .hndu-border-btn { border-color: #63218F; color: #63218F; background-image: linear-gradient(to right, #ffffff, #ffffff, #63218F, #2D038B); } .hndu-border-btn:hover, .hndu-border-btn:focus { background-color: #63218F; color: #ffffff; } .small-btn { font-size: 14px; max-width: 150px; min-width: 150px; padding: 8px 15px; } /*Main Wrap*/ .hndu-header { width: 100%; padding: 7px 20px; background: #ffffff; text-align: center; -webkit-box-shadow: 0 3px 17px rgba(25, 24, 19, 0.1); -ms-box-shadow: 0 3px 17px rgba(25, 24, 19, 0.1); box-shadow: 0 3px 17px rgba(25, 24, 19, 0.1); z-index: 99; } /*Menu*/ .hndu-menu { position: relative; float: left; width: 30px; height: 28px; margin-right: 30px; } .hndu-menu-btn { position: absolute; width: 30px; height: 28px; top: 0; left: 0; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .hndu-menu-btn .icon-left { -webkit-transition-duration: 0.5s; transition-duration: 0.5s; position: absolute; height: 4px; width: 15px; top: 12px; left: 0; background-color: #212121; } .hndu-menu-btn .icon-left:before { -webkit-transition-duration: 0.5s; transition-duration: 0.5s; position: absolute; width: 15px; height: 4px; background-color: #212121; content: ""; top: -10px; left: 0; } .hndu-menu-btn .icon-left:after { -webkit-transition-duration: 0.5s; transition-duration: 0.5s; position: absolute; width: 15px; height: 4px; background-color: #212121; content: ""; top: 10px; left: 0; } .hndu-menu-btn .icon-left:hover { cursor: pointer; } .hndu-menu-btn .icon-right { -webkit-transition-duration: 0.5s; transition-duration: 0.5s; position: absolute; height: 4px; width: 15px; top: 12px; background-color: #212121; left: 15px; } .hndu-menu-btn .icon-right:before { -webkit-transition-duration: 0.5s; transition-duration: 0.5s; position: absolute; width: 15px; height: 4px; background-color: #212121; content: ""; top: -10px; left: 0; } .hndu-menu-btn .icon-right:after { -webkit-transition-duration: 0.5s; transition-duration: 0.5s; position: absolute; width: 15px; height: 4px; background-color: #212121; content: ""; top: 10px; left: 0; } .hndu-menu-btn.open .icon-left { -webkit-transition-duration: 0.5s; transition-duration: 0.5s; background: transparent; } .hndu-menu-btn.open .icon-left:before { -webkit-transform: rotateZ(45deg) scaleX(1.4) translate(2px, 2px); transform: rotateZ(45deg) scaleX(1.4) translate(2px, 2px); } .hndu-menu-btn.open .icon-left:after { -webkit-transform: rotateZ(-45deg) scaleX(1.4) translate(2px, -2px); transform: rotateZ(-45deg) scaleX(1.4) translate(2px, -2px); } .hndu-menu-btn.open .icon-right { -webkit-transition-duration: 0.5s; transition-duration: 0.5s; background: transparent; } .hndu-menu-btn.open .icon-right:before { -webkit-transform: rotateZ(-45deg) scaleX(1.4) translate(-2px, 2px); transform: rotateZ(-45deg) scaleX(1.4) translate(-2px, 2px); } .hndu-menu-btn.open .icon-right:after { -webkit-transform: rotateZ(45deg) scaleX(1.4) translate(-2px, -2px); transform: rotateZ(45deg) scaleX(1.4) translate(-2px, -2px); } .hndu-menu-btn:hover { cursor: pointer; } .hndu-menu-btn.open { opacity: 0; } /*End*/ .post-grid-view { display: inline-block; vertical-align: middle; width: 45px; height: 45px; float: left; padding-top: 4px; } .post-grid-view .grid-icon { float: left; clear: both; width: 10px; height: 10px; margin-bottom: 4px; border: 1px solid #63218F; position: relative; -webkit-transition: all ease .3s; -ms-transition: all ease .3s; transition: all ease .3s; background-color: #63218F; -webkit-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; } .post-grid-view .grid-icon:before, .post-grid-view .grid-icon:after { position: absolute; top: -1px; left: 14px; width: 10px; height: 10px; border: 1px solid #63218F; content: ""; -webkit-transition: all ease .3s; -ms-transition: all ease .3s; transition: all ease .3s; z-index: 1; background-color: #63218F; -webkit-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; } .post-grid-view .grid-icon:after { left: 29px; } .post-grid-view:hover .grid-icon, .post-grid-view:hover .grid-icon::before, .post-grid-view:hover .grid-icon::after { background: none; } .hndu-header .hndu-image { text-align: center; } .hndu-header .hndu-image.mobile-logo { display: none; } .header-link, .header-btns { display: inline-block; } .header-btns .hndu-border-btn { margin-left: 15px; } .header-btns{ position:relative; display: inline-block; } .header-btns .btn-hide { opacity: 0; visibility: hidden; } #sub_hide{ /*opacity: 1; visibility: visible; position: relative; right: 0; top: -5px; position: absolute; right: 0;*/ } .fixed-header #sub_hide{ position: relative; } .hndu-header.hndu-sticky.fixed-header { position: fixed; top: -1px; } .is-sticky .header-btns .btn-hide, .fixed-header .header-btns .btn-hide { opacity: 1; visibility: visible; } .header-link { /*padding-left: 17px;*/ padding-left: 5px; vertical-align: middle; } .header-link a { color: #63218F; } .header-link a:hover { color: #232323; } .header-link a i { font-size: 28px; } .hndu-main-wrap { background: #f5f5f5; } /* Register/Subscribe Section */ .hndu-subscribe-secction { padding-top: 10px; } .hndu-subs-wrap { background: #ffffff; padding: 18px 30px 22px; -webkit-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; } .hndu-subs-wrap h4 { color: #000555; font-size: 28px; padding-bottom: 5px; } .hndu-subs-wrap p { color: #777777; font-size: 16px; line-height: 24px; padding: 0; margin: 0 0 15px; font-weight: 500; } .hndu-btns-wrap .hndu-btn { margin-right: 10px; } /* Menu Sidebar */ .menu-sidebar { position: fixed; max-height: calc(100vh - 64px); background: #000000; width: 100%; max-width: 440px; left: 0; top: 64px; transform: translateX(-440px); padding: 20px 0; -webkit-transition: all ease .4s; -ms-transition: all ease .4s; transition: all ease .4s; z-index: 9999999999999; height:100%; } .menu-sidebar h5.sidemenu-title { color: #fff; } .sidebar-inner { max-height: calc(100vh - 130px); overflow-y: scroll; padding: 0 30px; -webkit-overflow-scrolling: touch; } .sidebar-inner::-webkit-scrollbar { width: 14px; } .sidebar-inner::-webkit-scrollbar-track { background: #000000; } .sidebar-inner::-webkit-scrollbar-thumb { background-color: #f5f5f5; border-radius: 100px; border: 4px solid #000000; } .sidebar-inner::-webkit-scrollbar-thumb:hover { background-color: #ffffff; border: 2px solid #000000; } .menu-sidebar.active { transform: translateX(0); -webkit-transition: all ease .4s; -ms-transition: all ease .4s; transition: all ease .4s; } .menu-sidebar ul.menu-items { padding-left: 0; list-style-type: none; float: left; display: inline-block; } .menu-sidebar ul li { float: left; display: inline-block; width: 100%; padding: 10px 0; margin: 5px 0; } .close-btn-parent { display: inline-block; text-align: right; width: 100%; padding: 0 40px 5px 30px; } .close-btn-parent button.close-btn { float: right; background: none; border: none; font-size: 23px; display: inline-block; position: relative; cursor: pointer; color: #ffffff; padding: 0; width: 20px; height: 20px; } .close-btn-parent button.close-btn:before, .close-btn-parent button.close-btn:after { content: ""; position: absolute; left: 0; width: 20px; height: 2px; background: #ffffff; display: inline-block; transform: rotate(45deg); } .close-btn-parent button.close-btn:after { transform: rotate(-45deg); } .close-btn-parent button.close-btn:focus { outline: none; } .sidemenu-item { display: inline-block; width: 100%; text-align: left; } .sidemenu-item h5.sidemenu-title:after { content: ""; background: #ededed; width: 100%; height: 1px; display: block; margin-top: 4px; } .menu-sidebar ul li img { margin-right: 12px; float: left; } span.menu-info p { margin: 0; font-weight: 500; } .menu-sidebar ul li a { color: #ffffff; display: flex; align-items: center; } span.menu-info { display: inline-block; float: left; width: 80%; } span.menu-title { padding-bottom: 1px; font-size: 15px; font-weight: bold; text-transform: uppercase; } .menu-sidebar ul li { position: relative; } .menu-sidebar ul li:before { content: ""; background: #63218F; width: 5px; height: 100%; position: absolute; left: -30px; top: 0; opacity: 0; -webkit-transition: all ease .4s; -ms-transition: all ease .4s; transition: all ease .4s; } .menu-sidebar ul li:hover:before { opacity: 1; -webkit-transition: all ease .4s; -ms-transition: all ease .4s; transition: all ease .4s; } .menu-sidebar ul li:after { content: "\f105"; font-family: "Fontawesome"; position: absolute; top: 50%; right: 0; transform: translateY(-13px); font-size: 20px; color: #666; } html.menu-open { overflow: hidden; padding-right: 14px; } .menu-open .fixed-header{ overflow: visible; right:14px; } .menu-open .fixed-header .logodivimg{ } .menu-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.2); z-index: 100; opacity: 0; visibility: hidden; -webkit-transition: all ease .4s; -ms-transition: all ease .4s; transition: all ease .4s; } .menu-open .menu-overlay { opacity: 1; visibility: visible; } /* Menu Sidebar */ .user-menu { position: fixed; background: #000000; width: 100%; max-width: 360px; right: 0; top: 64px; transform: translateX(440px); min-height: 300px; max-height: calc(100vh - 64px); padding: 15px 0; -webkit-transition: all ease .4s; -ms-transition: all ease .4s; transition: all ease .4s; z-index: 9999999999999; border-radius: 10px 0 0 10px; } .user-menu-inner { max-height: calc(100vh - 164px); overflow-y: scroll; padding: 0 30px; } .user-menu-inner::-webkit-scrollbar { width: 14px; } .user-menu-inner::-webkit-scrollbar-track { background: #000000; } .user-menu-inner::-webkit-scrollbar-thumb { background-color: #f5f5f5; border-radius: 100px; border: 4px solid #000000; } .user-menu-inner::-webkit-scrollbar-thumb:hover { border: 2px solid #000000; } .user-menu.active { transform: translateX(0); -webkit-transition: all ease .4s; -ms-transition: all ease .4s; transition: all ease .4s; } .user-menu ul { padding: 0; margin: 0; list-style: none; text-align: left; } .user-menu ul li { font-size: 18px; font-weight: 700; color: #232323; text-transform: uppercase; padding: 10px 0px 5px; } .user-menu ul li a { color: #ffffff; display: block; } .user-menu ul li a:hover { color: #f5f5f5; } .user-menu ul li span { width: 40px; height: 40px; line-height: 40px; background: #232323; color: #ffffff; display: inline-block; font-size: 18px; text-align: center; border-radius: 100px; margin-right: 15px; } .user-menu .close-btn-parent button.close-btn { float: right; } /* Tab Menu */ .tab-menu-wrap { display: inline-block; width: 100%; margin: 0 auto; } .tab-menu-wrap ul { padding: 0; list-style-type: none; text-align: center; margin-bottom: 10; margin-top: 20px; } .tab-menu-wrap ul li { display: inline-block; float: none; margin: 0 10px; } .tab-menu-wrap ul li a { color: #232323; font-size: 15px; font-weight: 700; } .tab-menu-wrap ul li a:hover { color: #63218F; text-decoration: underline; } .h4, h4 { font-size: 18px; } a.more-info-btn span{ color: #63218F !important; } body.cwWordLancher #hndu-back-top{ display:none; visibility:hidden !important; } .fullnamefield label{ top:-13px !important; } .fullnamefield .inputlabel.active{ top:0 !important; } .tab-pane{ width:100%; float:left; } /*.tab-con>.tab-pane, .tab-con>.tab-pane .games-wrap { display: none !important; } .tab-con>.active , .tab-con>.active .games-wrap{ display: contents !important; }*/ @media screen and (max-width: 575px){ .games-tab ul.nav-tabs li{ padding: 8px 10px 9px !important; font-size: 16px !important; } a.more-info-btn:focus span{ left: 8px !important; } .user-menu ul li{ font-size: 16px !important; padding: 7px 0; } .user-menu-inner { max-height: calc(100vh - 130px) !important; padding: 0 20px; } .more-info-btn { bottom: 8px !important; } .games-item { min-height: 170px !important; } .small-btn { min-width: 133px; } .menu-sidebar ul li:after { right: -10px; } .sidebar-inner{ padding: 0px 20px 40px; } .close-btn-parent{ padding: 0 25px 5px 30px; } } .user-menu-inner.cw-signin.ssologin ul{ display:none; } .user-menu-inner.cw-signin.ssologin ul:last-child{ display:block !important; } @media screen and (max-width: 575px){ .user-menu.active{ height:100%; } } @media screen and (max-width: 1199px) { .menu-open .fixed-header { overflow: visible; position: fixed !important; right:0 !important; } html.menu-open { overflow: hidden; padding-right: 0px; } } .menu-open .hndu-back-top{ z-index:1 !important; } .games-item{ min-height: 230px; } .games-wrap, .games-item, .games-tab{ width:100%; float:left; } @media screen and (max-width:320px) { .fixed-header .header-link { position: relative; bottom: 0px; right: 0; } .hndu-blog-item .row.align-items-center{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } /* header sec css new*/ .headhamburgerdiv{ position: relative; top: 11px; } .userIconSec{ position: relative; top: 5px; } /*.textright{ width: 100%; float: left; padding: 0; }*/ .textright { text-align: right; } #mob_visible{ display:none; } .default-logo-mobile{ display:none; } @media screen and (max-width: 767px) and (min-width: 320px) { .default-logo-mobile{ display:block; z-index: 99999999; } .default-logo{ display:none; } .fixed-header .default-logo-mobile{ display:none; } .hndu-image.default-logo-mobile { width: 250px; top: 14px; position: absolute; left: 9em; } .header-btns .btn-hide{ display: none; } .fixed-header #sub_hide{ display: block; } .fixed-header .headhamburgerdiv { position: relative; top: 11px !important; } .hndu-header .hndu-image.mobile-logo{ position:relative; top:5px; } .headhamburgerdiv { position: relative; top: 6px !important; } .hndu-header.hndu-sticky.fixed-header{ padding: 5px 20px 10px; } .fixed-header .userIconSec { position: relative; top: 1px; } .subhide_fixed.fixed-header .userIconSec { position: relative; top: 16px; } .hndu-header{ padding: 7px 20px 15px; } .userIconSec .textright{ margin-bottom: 0; } #pills-tabContent .games-info p { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } } @media screen and (max-width: 991px) and (min-width: 768px) { .games-info p.game-duration{ line-height: 40px !important; height: auto !important; } .sample-crossword .crossword-item-wrap { padding: 5px !important; } .crossword-item-wrap { padding: 5px !important; } .video-item{ margin: 8px !important; } .hndu-blog-item{ margin-bottom:0; } .blog-page-img{ margin-top: 35px !important; } .tabs-wrap { top: 51px; } } @media screen and (max-width: 799px) and (min-width: 768px) { .hndu-image.default-logo { position: relative; top: 5px; } } @media screen and (max-width: 849px) and (min-width: 800px) { .hndu-image.default-logo { position: relative; top: 4px; } } @media screen and (max-width: 920px) and (min-width: 850px) { .hndu-image.default-logo { position: relative; top: 4px; } } @media screen and (max-width: 991px) and (min-width: 921px) { .hndu-image.default-logo { position: relative; top: 2px; } } @media screen and (max-width: 1024px) and (min-width: 992px) { .hndu-image.default-logo { position: relative; top: 9px; } } @media screen and (max-width: 1199px) and (min-width: 1025px) { .hndu-image.default-logo { position: relative; top: 6px; } } @media screen and (max-width: 1300px) and (min-width: 1200px) { .hndu-image.default-logo { position: relative; top: 4px; } .userIconSec { padding: 0; } } @media screen and (max-width: 1380px) and (min-width: 1301px) { .hndu-image.default-logo { position: relative; top: 1px; } .userIconSec { padding: 0; } } @media screen and (max-width: 767px) and (min-width: 576px) { .more-info-btn{ bottom: 8px; } .games-tab .games-item{ padding: 12px; } .games-item .hndu-image{ margin-right: 10px; } #pills-tabContent .games-wrap .col-md-6{ width:50% !important; } .blog-page-img{ margin-top: 25px !important; } h4.games-title{ font-size: 15px; } .games-tab .card-body p{ font-size: 13px; line-height: 22px; } .games-info p.game-duration{ font-size: 13px; } .games-item { min-height: 190px; } .games-item .hndu-image{ max-width: 90px; } .games-info span{ font-size: 13px; } .user-menu, .menu-open .user-menu, .user-menu.active{ width:100%; height:100%; } } @media screen and (max-width: 575px){ .close-btn-parent{ position: absolute; top: 12px; left: 0; } .games-tab .games-item{ padding: 12px; } .games-item .hndu-image{ margin-right: 10px; } .small-btn { min-width: 98px; max-width: 100px; padding: 5px 8px !important; } .user-menu, .menu-open .user-menu, .user-menu.active{ width:100%; height:100%; right:0; } .user-menu.active{ left:0; max-width: 100% !important; } .fixed-header #sub_hide{ display:block; } #sub_hide{ display:none; } .hndu-header { padding: 7px 10px 12px; overflow: hidden; } .blog-page-img{ margin-top: 7px !important; } /*.games-item { min-height: 190px; } .hndu-menu-btn .icon-left{ width: 20px; height:3px; } .hndu-menu-btn .icon-left:before, .hndu-menu-btn .icon-left:after{ width: 10px; height:3px; } .hndu-menu-btn .icon-left:before{ top:-6px; }*/ .hndu-image.default-logo-mobile { width: 180px !important; top: 15px !important; position: absolute !important; left: 5em !important; } .header-link a i { font-size: 28px; } .headhamburgerdiv{ top: 3px !important; } /*.hndu-menu-btn .icon-left:after{ top:6px; } .hndu-menu-btn .icon-right{ width:10px; left:5px; height:3px; } .hndu-menu-btn .icon-right:before, .hndu-menu-btn .icon-right:after{ width:10px; left:5px; height:3px; } .hndu-menu-btn .icon-right:before{ top:-6px; } .hndu-menu-btn .icon-right:after{ top:6px; }*/ .hndu-header .hndu-image.mobile-logo { position: relative; top: 0; } .hndu-header.hndu-sticky.fixed-header { padding: 8px 0px; } .fixed-header .userIconSec{ position: relative; top: 5px; } .fixed-header #sub_hide{ position: relative; top: 0; left: 0; font-size:11px; } .fixed-header .textright{ position: absolute; top: 4px; right:15px; } .fixed-header .header-link { position: relative; bottom: 9px; right: 0; } .more-info-btn { width: 26px; padding: 0.5px 4.5px 0px 4px; height: 26px; line-height: 22px; } } @media screen and (max-width:414px) { #mob_visible{ float: left; } #mob_visible a{ min-width: 124px; max-width: 124px; } .fixed-header #mob_visible{ display:block; } .fixed-header #sub_hide { display: none !important; } #mob_visible{ display:none; font-size:11px; } .fixed-header .textright{ position: absolute; top: 4px; right:15px; padding:0; } .fixed-header .header-link { position: relative; bottom: -5px !important; right: 0; } .header-btns{ position: relative; top: 8px; } .fixed-header .userIconSec { position: relative; top: 0 !important; } } .blogs-page, .hndu-crossword-secction, .hndu-videos-secction, .hndu-tabs-section{ width: 100%; float:left; } .hndu-image.default-logo{ position:relative; } .owl-carousel .owl-item .video-item img{ width: 100%; } .menu-items li a img, .mobile-logo{ width:40px !important; } .header-link i.fa{ padding: 0 !important; margin: 0 !important; } .pDeskContent{ display:block; } .pMobileContent{ display:none; } @media screen and (max-width: 767px){ .pDeskContent{ display:none; } .pMobileContent{ display:block; } } </style> <div id='teconsent'></div> <header class="hndu-header hndu-sticky"> <div class="hndu-header-inner"> <div class="container-fluid"> <div class="hndu-image default-logo-mobile"> <a href="https://crossword.thehindu.com/"><img src="https://crossword.thehindu.com/images/crossword-logos/svg/TH_CW_logo.svg" alt="logo" width="420"></a></div> <div class="row align-items-center"> <div class="col-lg-4 col-md-2 col-sm-2 col-xs-2 headhamburgerdiv"> <div class="hndu-menu"> <div class="hndu-menu-btn"> <div class="icon-left"></div> <div class="icon-right"></div> </div> </div> </div> <div class="col-lg-4 col-md-4 col-sm-4 col-xs-3 logodivimg"> <div class="hndu-image default-logo"> <a href="https://crossword.thehindu.com/"><img src="https://crossword.thehindu.com/images/crossword-logos/svg/TH_CW_logo.svg" alt="logo" width="420"></a></div> <div class="hndu-image mobile-logo"><a href="https://crossword.thehindu.com/"><img src="https://crossword.thehindu.com//images/cwLandingPageImgReDesign/favicon.png" alt="logo" width="40"></a></div> </div> <div class="col-lg-4 col-md-6 col-sm-6 col-xs-7 userIconSec"> <ul class="textright"> <li id="mob_visible"><a href="https://crossword.thehindu.com/subscription/" class="hndu-btn small-btn">Subscribe Now</a></li> <li class="header-btns"> <a href="https://crossword.thehindu.com/subscription/" class="hndu-btn small-btn btn-hide" id="sub_hide">Subscribe Now</a> </li> <li class="header-link"> <a href="javascript:void(0);"><span id="sso-signin"></span><i class="fa fa-user" aria-hidden="true"></i></a> </li> </div> </div> </div> </div> <div class="menu-sidebar"> <div class="close-btn-parent"> <button class="close-btn"></button> </div> <div class="sidebar-inner"> <!-- First Item --> <div class="sidemenu-item"> <h5 class="sidemenu-title">Discover Crossword</h5> <ul class="menu-items"> <li> <a href="https://crossword.thehindu.com/"> <img src="https://crossword.thehindu.com//images/cwLandingPageImgReDesign/menu/Home@2x.png" alt="logo" width="40"> <span class="menu-info"> <span class="menu-title">Crossword Home</span> <p>View All Crosswords</p> </span> </a> </li> <li class="subUserChangeText"> <a href="https://crossword.thehindu.com/subscription/"> <img src="https://crossword.thehindu.com//images/cwLandingPageImgReDesign/menu/Subscription@2x.png" alt="logo" width="40"> <span class="menu-info"> <span class="menu-title">Crossword subscription</span> <p>Subscribe to The Hindu Crosswords</p> </span> </a> </li> <li class="subUserChangeTextebook"> <a href="https://crossword.thehindu.com/Cryptic_Crossword_Ebook.pdf" target="_blank"> <img src="https://crossword.thehindu.com//images/cwLandingPageImgReDesign/menu/Subscription@2x.png" alt="logo" width="40"> <span class="menu-info"> <span class="menu-title">Crossword e-Book</span> <p>Learn how to crack cryptic crosswords</p> </span> </a> </li> </ul> </div> <!-- Second Item --> <div class="sidemenu-item"> <h5 class="sidemenu-title">More From Crossword</h5> <ul class="menu-items"> <li> <a href="https://crossword.thehindu.com/crossword/hindu-cryptic-sunday"> <img src="https://crossword.thehindu.com/images/crossword-logos/svg/TH_Cryptic_Sunday.svg" alt="logo" width="40"> <span class="menu-info"> <span class="menu-title">The Hindu Cryptic on Sunday</span> <p>Spice up your Sundays too with The Hindu Cryptic, now fitted with training wheels!</p> </span> </a> </li> <li> <a href="https://crossword.thehindu.com/crossword/hindu-cryptic"> <img src="https://crossword.thehindu.com/images/crossword-logos/svg/TH_Cryptic_logo.svg" alt="logo" width="40"> <span class="menu-info"> <span class="menu-title">The Hindu Cryptic</span> <p> Seemingly meaningless words and phrases hold the key to this crossword. Work it out.</p> </span> </a> </li> <li> <a href="https://crossword.thehindu.com/crossword/hindu-quick"> <img src="https://crossword.thehindu.com/images/crossword-logos/svg/TheGuardian_quick_logo.svg" alt="logo" width="40"> <span class="menu-info"> <span class="menu-title">The Guardian Quick </span> <p>Figure out the straightforward meanings of clues to solve this crossword.</p> </span> </a> </li> <li> <a href="https://crossword.thehindu.com/crossword/hindu-everyman"> <img src="https://crossword.thehindu.com/images/crossword-logos/svg/Guardian_everyman_logo.svg" alt="logo" width="40"> <span class="menu-info"> <span class="menu-title">Everyman</span> <p>Though the clues in it are cryptic, this crossword is recommended for everyone.</p> </span> </a> </li> <li> <a href="https://crossword.thehindu.com/crossword/hindu-one-down"> <img src="https://crossword.thehindu.com/images/crossword-logos/svg/onedown_logo.svg" alt="logo" width="40"> <span class="menu-info"> <span class="menu-title">One Down</span> <p>Figuring out the meanings will help you crack this short and simple crossword.</p> </span> </a> </li> <li> <a href="https://crossword.thehindu.com/crossword/hindu-sportstar"> <img src="https://crossword.thehindu.com/images/crossword-logos/svg/Sportstar_logo.svg" alt="logo" width="40"> <span class="menu-info"> <span class="menu-title">The Sportstar Crossword</span> <p>A quiz-style crossword for the sports fans.</p> </span> </a> </li> <li> <a href="https://crossword.thehindu.com/crossword/hindu-sport-on"> <img src="https://crossword.thehindu.com/images/crossword-logos/svg/Sport_on_logo.svg" alt="logo" width="40"> <span class="menu-info"> <span class="menu-title">Sport On</span> <p>If you know your sports trivia, this crossword will be a breeze. </p> </span> </a> </li> <li> <a href="https://crossword.thehindu.com/clued-in"> <img src="https://crossword.thehindu.com/images/crossword-logos/svg/Clued_in_logo.svg" alt="logo" width="40"> <span class="menu-info"> <span class="menu-title">Clued In (Blogs)</span> <p>The blog that break down the clues, however cryptic they are.</p> </span> </a> </li> </ul> </div> <div class="sidemenu-item"> <h5 class="sidemenu-title">More from Sudoku</h5> <ul class="menu-items"> <li> <a href="https://crossword.thehindu.com/crossword/hindu-sudoku-easy"> <img src="https://crossword.thehindu.com/images/crossword-logos/svg/sudoku_easy_logo.svg" alt="logo" width="40"> <span class="menu-info"> <span class="menu-title">Sudoku Easy</span> <p>The easiest version of the game that requires just nine numbers.</p> </span> </a> </li> <li> <a href="https://crossword.thehindu.com/crossword/hindu-mini-sudoku"> <img src="https://crossword.thehindu.com/images/crossword-logos/svg/sudoku_mini_logo.svg" alt="logo" width="40"> <span class="menu-info"> <span class="menu-title">Mini Sudoku</span> <p>A game that can be solved with the apt use of just six numbers.</p> </span> </a> </li> <li> <a href="https://crossword.thehindu.com/crossword/hindu-sudoku"> <img src="https://crossword.thehindu.com/images/crossword-logos/svg/sudoku_medium_logo.svg" alt="logo" width="40"> <span class="menu-info"> <span class="menu-title">Sudoku Medium</span> <p>A game that needs just nine numbers, set just right for the regular solver.</p> </span> </a> </li> <li> <a href="https://crossword.thehindu.com/crossword/hindu-sudoku-hard"> <img src="https://crossword.thehindu.com/images/crossword-logos/svg/sudoku_hard_logo.svg" alt="logo" width="40"> <span class="menu-info"> <span class="menu-title">Sudoku Hard</span> <p>It doesn't get harder than this in this number game.</p> </span> </a> </li> </ul> </div> <div class="sidemenu-item"> <h5 class="sidemenu-title">More From Word Search</h5> <ul class="menu-items"> <li> <a href="https://crossword.thehindu.com/crossword/hindu-word-hunt"> <img src="https://crossword.thehindu.com/images/crossword-logos/svg/word_hunt.svg" alt="logo" width="40"> <span class="menu-info"> <span class="menu-title">Word Hunt</span> <p>Hints help you in the hunt for thematic words in a letter grid.</p> </span> </a> </li> <li> <a href="https://crossword.thehindu.com/crossword/hindu-word-work"> <img src="https://crossword.thehindu.com/images/crossword-logos/svg/word_work.svg" alt="logo" width="40"> <span class="menu-info"> <span class="menu-title">Word Work</span> <p>Where descriptive clues guide you toward words in a maze of letters.</p> </span> </a> </li> <li> <a href="https://crossword.thehindu.com/crossword/hindu-track-down"> <img src="https://crossword.thehindu.com/images/crossword-logos/svg/Trackdown.png" alt="logo" width="40"> <span class="menu-info"> <span class="menu-title">Track Down</span> <p>Hints help you in the hunt for thematic words in a letter grid.</p> </span> </a> </li> <li> <a href="https://crossword.thehindu.com/crossword/hindu-name-game"> <img src="https://crossword.thehindu.com/images/crossword-logos/svg/Namegame.png" alt="logo" width="40"> <span class="menu-info"> <span class="menu-title">Name Game</span> <p>Hints help you in the hunt for thematic words in a letter grid.</p> </span> </a> </li> </ul> </div> <!-- Third Item --> <div class="sidemenu-item"> <h5 class="sidemenu-title">About Crossword</h5> <ul class="menu-items"> <li> <a href="https://crossword.thehindu.com/faq"> <img src="https://crossword.thehindu.com//images/cwLandingPageImgReDesign/menu/Help@2x.png" alt="logo" width="40"> <span class="menu-info"> <span class="menu-title">Help and support (FAQ)</span> <p>All you need to know about The Hindu Crossword+</p> </span> </a> </li> <li> <a href="https://crossword.thehindu.com/about"> <img src="https://crossword.thehindu.com//images/cwLandingPageImgReDesign/menu/About Us@2x.png" alt="logo" width="40"> <span class="menu-info"> <span class="menu-title">About Us</span> <p>A one-stop-shop for interactive puzzles offered by THG Publishing Private Limited.</p> </span> </a> </li> </ul> </div> </div> </div> <div class="user-menu"> <div class="close-btn-parent"> <button class="close-btn"></button> </div> <div class="user-menu-inner cw-signin"> </div> </div> <div class="menu-overlay"></div> </header> <script> /** Common functions Start **/ tp = window["tp"] || []; tp.push(['init',function() { tp.pianoId.init({ loggedIn : function(data) { isloggedinUser(data) }, loggedOut : function() { location.reload(); } }); var userId = ""; if (tp.user.isUserValid()) { userId = tp.pianoId.getUser().uid; } if(userId !==""){ isloggedinUser(); }else{ console.log("isUserValid-->",tp.user.isUserValid()); islogoutUser(); } function isloggedinUser(data){ $('#reg_hide').css('display','none'); $('#sub_reg').css('display','none'); isUserDetails = data; var userName = typeof tp.pianoId.getUser().firstName != "undefined" ? "Hi " + tp.pianoId.getUser().firstName : 'Hi User'; console.log(userName); document.getElementById("sso-signin").innerText = userName; //document.getElementById("hello-user").innerText = hello_userName; var dropdown ='<ul class="cwaflogin" ><li><a href="https://crossword.thehindu.com/myaccount"><span><img src="https://crossword.thehindu.com//images/cwLandingPageImgReDesign/Profile@2x.png" alt="logo" width="40"></span>My Account</a></li><li><a href="https://crossword.thehindu.com/stats"><span><img src="https://crossword.thehindu.com//images/cwLandingPageImgReDesign/Stat@2x.png" alt="logo" width="40"></span>Stats</a></li><li><a href="https://crossword.thehindu.com/faq"><span><img src="https://crossword.thehindu.com//images/cwLandingPageImgReDesign/Help and support@2x.png" alt="logo" width="40"></span>Help and support</a></li><li><a href onclick="tp.user.logout()"><span><img src="https://crossword.thehindu.com//images/cwLandingPageImgReDesign/Sign out@2x.png" alt="logo" width="40"></span>Sign out</a></li></ul>'; //console.log(dropdown); var list = document.querySelectorAll(".cw-signin"); for (var i = 0; i < list.length; ++i) { list[i].classList.add('ssologin'); list[i].insertAdjacentHTML('beforeend',dropdown); } } function islogoutUser(){ $('.cwtitleSubHead').css('display','block'); $('.clicknavbtn i').css('color','#000'); var dropdown = '<ul class=cwbflogin" ><li><a class="thgsignin"><span><img src="https://crossword.thehindu.com//images/cwLandingPageImgReDesign/Before/Sign in-Sign up@2x.png" alt="logo" width="40"></span>Sign in/Sign up</a></li><li><a href="https://crossword.thehindu.com/subscription/"><span><img src="https://crossword.thehindu.com//images/cwLandingPageImgReDesign/Before/Subscribe@2x.png" alt="logo" width="40"></span>Subscribe</a></li><li><a href="https://crossword.thehindu.com/faq"><span><img src="https://crossword.thehindu.com//images/cwLandingPageImgReDesign/Before/Help and support@2x.png" alt="logo" width="40"></span>Help and support</a></li></ul>'; var list = document.querySelectorAll(".cw-signin"); for (var i = 0; i < list.length; ++i) { list[i].classList.add('ssologin'); list[i].insertAdjacentHTML('beforeend',dropdown); } //document.getElementById("hello-user").innerText = "User"; } $(function(){ $(document).on("click",".thgsignin",function() { console.log("inin"); tp.pianoId.show({ loggedIn: function(data) { location.reload(); }, loggedOut: function() {location.reload();} }); $(".user-menu").hide(); }); }); }]); function daysleft(enddate){ var day_start = new Date(); var day_end = new Date(enddate); day_end.setHours(23,59,59,999); var enddatefinal = new Date(day_end); var total_days = (enddatefinal - day_start) / (1000 * 60 * 60 * 24); total_days = total_days - 1; if(Math.ceil(total_days) < 1){ total_days = "0"; } return Math.ceil(total_days); } function hide_menu_in_pg_page() { $("#menudashboard, #menuuser").hide(); $("#sso-signin").html(""); $("#menuuser").find("ul").remove(); } /** Common functions End **/ $(document).ready(function(){ $(".hamburger").click(function(e){ e.stopPropagation(); $(".hamburger").toggleClass("hamCross"); $(".side-content-lt").toggleClass("active"); $('.clicknavbtn_div').removeClass("active"); $('body').toggleClass('cwCustomoverlay'); }); $(".close-btn").click(function(e){ e.stopPropagation(); $(".hamburger").removeClass("hamCross"); $('body').removeClass('cwCustomoverlay'); $(".side-content-lt").removeClass("active"); }); $(".clicknavbtn").click(function(e){ e.stopPropagation(); $(".clicknavbtn_div").toggleClass("active"); $(".side-content-lt").removeClass("active"); $(".hamburger").removeClass("hamCross"); $('body').toggleClass('cwCustomoverlay'); }); $(".clicknavbtn-close-btn").click(function(e){ e.stopPropagation(); $(".clicknavbtn_div").removeClass("active"); $('body').addClass('cwCustomoverlay'); }); $('body').click( function() { $('.clicknavbtn_div').removeClass("active"); $(".side-content-lt").removeClass("active"); $(".hamburger").removeClass("hamCross"); $('body').removeClass('cwCustomoverlay'); }); $('.nav-container-left li').click(function(){ $(this).addClass('active') .siblings() .removeClass('active'); }); $('.nav-container-right li').click(function(){ $(this).addClass('active') .siblings() .removeClass('active'); }); }); $(document).ready(function() { //islogoutUser(); var height = $('.top-nav').outerHeight(); $(window).scroll(function() { if($(this).scrollTop() > height) { $('.top-nav').css('position','fixed'); $('body').css('padding-bottom',height+'px'); } else if($(this).scrollTop() <= height) { $('.top-nav').css('position','static'); $('body').css('padding-bottom','0'); } }); $(window).scroll(); }); </script> <div class="container CrosswordContainerDiv"> <div class="Privacy-Policy"> About Us</div> <p class="privacy-para"> The Hindu Crossword+ is an advertisement-free, subscription-based games website. We publish interactive crosswords, puzzles, and articles, including The Hindu鈥檚 daily crossword, crosswords from The Guardian and The Sportstar Crossword, Sudoku puzzles, and more.</p> <p class="privacy-para"> The Hindu Crossword+ comes from the stables of THG Publishing Private Limited, which publishes The Hindu, BusinessLine, Sportstar, Frontline, and many more publications. The Hindu, founded in 1878, is one of India鈥檚 premier national English dailies and has its Corporate Office in Chennai.</p> <p class="privacy-para"> The Hindu has been carrying a daily cryptic crossword since 1971, and it has developed a keen following over the decades. Created by our master setters, The Hindu Crossword is a cryptic puzzle in a 15*15 grid.</p> <p class="privacy-para"> The crosswords and puzzles in The Hindu Crossword+ are in an interactive format that is easy to use across various devices, including smartphones. The website publishes up to six crosswords in a day, and at various challenge levels, including those for children. The website keeps track of how much a user has progressed on a crossword so that they can easily return to the puzzle later. The website also carries articles related to crosswords and puzzles.</p> <p class="privacy-para"> The Hindu鈥檚 daily cryptic crossword is available online in an interactive form only on this site, along with a vast archive. You also gain access to crosswords made by master setters at The Guardian, crosswords designed to challenge young and growing minds, and also multiple versions of the world鈥檚 favourite number game, Sudoku. Avid crossword solvers can also gain insights from our articles published alongside the puzzles.</p> <p class="privacy-para">The Hindu Crossword+ provides crosswords on each day of the week. </p> <p class="privacy-para bold"> Monday:</p> <p class="privacy-addr"> The Hindu Cryptic</p> <p class="privacy-addr">One Down</p> <p class="privacy-addr"> The Guardian Quick</p> <p class="privacy-addr"> Sudoko Easy</p> <p class="privacy-addr"> Sudoku Medium</p> <p class="privacy-addr"> Sudoko Hard</p> <p class="privacy-addr"> Mini Sudoku </p> <p class="privacy-addr"> Word Work </p> <p class="privacy-addr"> Clued In (Blogs)</p> <p class="privacy-para bold"> Tuesday :</p> <p class="privacy-addr"> The Hindu Cryptic</p> <p class="privacy-addr">One Down</p> <p class="privacy-addr"> The Guardian Quick</p> <p class="privacy-addr"> Sudoko Easy</p> <p class="privacy-addr"> Sudoku Medium</p> <p class="privacy-addr"> Sudoko Hard</p> <p class="privacy-addr"> Mini Sudoku</p> <p class="privacy-addr"> Word Work</p> <p class="privacy-addr"> Clued In (Blogs)</p> <p class="privacy-para bold"> Wednesday :</p> <p class="privacy-addr"> The Hindu Cryptic</p> <p class="privacy-addr">One Down</p> <p class="privacy-addr"> The Guardian Quick</p> <p class="privacy-addr"> Sudoko Easy</p> <p class="privacy-addr"> Sudoku Medium</p> <p class="privacy-addr"> Sudoko Hard</p> <p class="privacy-addr"> Mini Sudoku</p> <p class="privacy-addr"> Word Work</p> <p class="privacy-addr"> Clued In (Blogs)</p> <p class="privacy-para bold"> Thursday :</p> <p class="privacy-addr"> The Hindu Cryptic</p> <p class="privacy-addr">One Down</p> <p class="privacy-addr"> The Guardian Quick</p> <p class="privacy-addr"> Sudoko Easy</p> <p class="privacy-addr"> Sudoku Medium</p> <p class="privacy-addr"> Sudoko Hard</p> <p class="privacy-addr"> Mini Sudoku</p> <p class="privacy-addr"> Word Work</p> <p class="privacy-addr"> Clued In (Blogs)</p> <p class="privacy-para bold"> Friday :</p> <p class="privacy-addr"> The Hindu Cryptic</p> <p class="privacy-addr">One Down</p> <p class="privacy-addr"> Guardian Daily</p> <p class="privacy-addr"> Sudoko Easy</p> <p class="privacy-addr"> Sudoku Medium</p> <p class="privacy-addr"> Sudoko Hard</p> <p class="privacy-addr"> Mini Sudoku</p> <p class="privacy-addr"> Word Work</p> <p class="privacy-addr"> Clued In (Blogs)</p> <p class="privacy-para bold"> Saturday :</p> <p class="privacy-addr"> The Hindu Cryptic</p> <p class="privacy-addr">The Guardian Quick</p> <p class="privacy-addr"> Sudoko Easy</p> <p class="privacy-addr"> Sudoku Medium</p> <p class="privacy-addr"> Sudoko Hard</p> <p class="privacy-addr"> Mini Sudoku</p> <p class="privacy-addr"> The Sportstar Crossword (every alternate Saturday)</p> <p class="privacy-addr"> Clued In (Blogs)</p> <p class="privacy-para bold"> Sunday :</p> <p class="privacy-addr"> Everyman</p> <!-- <p class="privacy-addr">Young World Club</p> --> <p class="privacy-addr"> Sports Asia Feature</p> <p class="privacy-addr"> Sudoko Easy</p> <p class="privacy-addr"> Sudoku Medium</p> <p class="privacy-addr"> Sudoko Hard</p> <p class="privacy-addr"> Mini Sudoku</p> <p class="privacy-addr"> Word Hunt</p> <p class="privacy-addr"> Clued In (Blogs)</p> <p class="padBom"></p> <p class="abt-cor">Corporate Address </p> <p class="abt-addr"> THG Publishing Private Limited, Kasturi Building No. 859 & 860, Anna Salai, Chennai - 600002</p> <img src="https://crossword.thehindu.com/images/about_us_map.jpg"> <p class="abt-dis">Disclaimer </p> <p class="privacy-addr"> The trademarks, logos & service marks ("Marks") displayed on the Site are the property of THG PUBLISHING PRIVATE LIMITED & other parties. Users are prohibited from using any Marks for any purpose including, but not limited to use as metatags on other pages or sites </p> <div class="abt-follow"> <p class="privacy-addr inline-tb">Follow Us </p> <ul class="abt-social abt-list"> <li><a href="https://www.facebook.com/thehindu/" class="fa fa-facebook"></a></li> <li><a href="https://twitter.com/the_hindu" class="fa fa-twitter"></a></li> <li><a href="https://www.instagram.com/the_hindu/" class="fa fa-instagram instagram"></a></li> </ul> <p class="privacy-addr inline-tb"><a href="https://www.thehindugroup.com/privacy.html" class="col-abt" target="_blank">Privacy Policy</a> </p> &nbsp | &nbsp <p class="privacy-addr inline-tb"><a href="https://www.thehindugroup.com/termsofuse.html" class="col-abt" target="_blank"> Terms & Conditions</a> </p> </div> </div> <style> /*Copyright*/ .hndu-copyright-secction { border-top: 1px solid #e6e6e6; width:100%; float:left; } .hndu-copyright { padding: 20px; } .hndu-copyright p { text-align: center; color: #777777; font-size: 16px; line-height: 26px; padding: 0; margin: 0; font-weight: 500; } /*back to top new*/ #hndu-back-top i{ display: block; width: 40px; height: 40px; padding: 6px; font-size: 22px; text-align: center; background: #63218F; background-image: linear-gradient(to top, #2D038B, #63218F); -webkit-border-radius: 100px; -ms-border-radius: 100px; border-radius: 100px; color:#fff; } #hndu-back-top{ display: inline-block; // background-color: #FF9800; width: 50px; height: 50px; text-align: center; border-radius: 4px; position: fixed; bottom: 10px; right: 20px; transition: background-color .3s, opacity .5s, visibility .5s; opacity: 0; visibility: hidden; z-index:9; text-decoration: none; } /*#hndu-back-top::after { content: "\f077"; font-family: FontAwesome; font-weight: normal; font-style: normal; font-size: 2em; line-height: 50px; color: #fff; } #hndu-back-top:hover { cursor: pointer; background-color: #333; } #hndu-back-top:active { background-color: #555; }*/ #hndu-back-top.show { opacity: 1; visibility: visible; } </style> <div id="consent_blackbar"></div> <div class="hndu-copyright-secction"> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="hndu-copyright"> <p>Copyright漏 2025, THG PUBLISHING PVT LTD.</p> </div> </div> </div> </div> </div> <a id="hndu-back-top"><i class="fa fa-angle-up" aria-hidden="true"></i></a> <script> function baseURL(){ return "https://crossword.thehindu.com/"; } /*var path = window.location.href; path = path.replace(/\/$/, ""); path = decodeURIComponent(path); var sPath = window.location.href; var sPage = sPath.substring(sPath.lastIndexOf('/') + 1); if(typeof clevertap != "undefined" ){ clevertap.event.push("Crossword_Played",{ "Section":sPage, "Date": new Date() }); }*/ $(document).ready(function() { var btn = $('#hndu-back-top'); $(window).scroll(function() { if ($(window).scrollTop() > 50) { btn.addClass('show'); } else { btn.removeClass('show'); } }); btn.on('click', function(e) { e.preventDefault(); $('html, body').animate({scrollTop:0}, '2000'); }); }); </script> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10