/*
Theme Name: Delhi Press
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Our 2015 default theme is clean, blog-focused, and designed for clarity. Delhi Press's simple, straightforward typography is readable on a wide variety of screen sizes, and suitable for multiple languages. We designed it using a mobile-first approach, meaning your content takes center-stage, regardless of whether your visitors arrive by smartphone, tablet, laptop, or desktop computer.
Version: 3.1
Tested up to: 5.9
Requires PHP: 5.2.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, two-columns, left-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready, block-patterns
Text Domain: delhipress

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/**
 * Table of Contents
 *
 * 1.0 - Reset
 * 2.0 - Genericons
 * 3.0 - Typography
 * 4.0 - Elements
 * 5.0 - Forms
 * 6.0 - Navigations
 *   6.1 - Links
 *   6.2 - Menus
 * 7.0 - Accessibility
 * 8.0 - Alignments
 * 9.0 - Clearings
 * 10.0 - Header
 * 11.0 - Widgets
 * 12.0 - Content
 *    12.1 - Posts and pages
 *    12.2 - Post Formats
 *    12.3 - Comments
 * 13.0 - Footer
 * 14.0 - Media
 *    14.1 - Captions
 *    14.2 - Galleries
 * 15.0 - Multisite
 * 16.0 - Media Queries
 *    16.1 - Mobile Large
 *    16.2 - Tablet Small
 *    16.3 - Tablet Large
 *    16.4 - Desktop Small
 *    16.5 - Desktop Medium
 *    16.6 - Desktop Large
 *    16.7 - Desktop X-Large
 * 17.0 - Print
 */


/**
 * 1.0 - Reset
 *
 * Resetting and rebuilding styles have been helped along thanks to the fine
 * work of Eric Meyer, Nicolas Gallagher, Jonathan Neal, and Blueprint.
 */
/* Global */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 62.5%;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

*,
*:before,
*:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}

body {
	background: #f1f1f1;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
	display: block;
}

ol,
ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}

fieldset {
	min-width: inherit;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	quotes: none;
}
a {
    color: #000;
    text-decoration: none;
}
a:focus {
	outline: 2px solid #c1c1c1;
	outline: 2px solid rgba(51, 51, 51, 0.3);
}

a:hover,
a:active {
	outline: 0;
}

a img {
	border: 0;
}


* {
    box-sizing: border-box;
}
*::before,
*::after {
    box-sizing: border-box;
}

/* --navbar: #dd0783; */
:root {
    --header: transparent;
    --footer: #7a4e2b;    
    --navbar: #2263a3;    
    --story: #d70783;
    --beauty:  #ffca10;
    --food:  #e700ec;
    --health:  #2eb200;
    --lifestyle:  #6e00c2;
    --society:  #ff0000;
    --personal-problems:  #cc7a00;    
    --entertainment:  #00bdc9;
    --police:  #4114f8;
}
body {
    margin: 0;
    padding: 0;
    font-size: 18px;
    background: #fff;
    font-family: 'Hind', sans-serif;    
    overflow:hidden;
}
.clear-block::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.clear-block {
    display: inline-block;
}
* html .clear-block {
    height: 1%;
}
.clear-block {
    display: block;
}
.d-flex-justify {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.f-col-4 {
    width: 31%;
    margin: 20px 0;
}
.f-col-8 {
    width: 66%;
}

.container.bdr {
    padding-top: 24px;
    padding-bottom: 24px;
}
.container {
    width: 1170px;
    margin: auto;
    position: relative;
}
.page-container {
    margin: 30px auto;
    padding: 0;
}
img {
    vertical-align: middle;
}
img {
    border: 0 none;
}
.img-rounded {
    border-radius: 6px;
}
.red {
    color: #aa1d23;
}
.red-bg {
    background: #aa1d23;
}
.red-border {
    border: #aa1d23 solid;
}
.red-border-bottom {
    border-bottom: #aa1d23 solid;
}
.pad-t {
    padding-top: 15px;
}
.pad-r {
    padding-right: 15px;
}
.pad-b {
    padding-bottom: 15px;
}
.pad-l {
    padding-left: 15px;
}
.pad-tt {
    padding-top: 30px;
}
.pad-rr {
    padding-right: 30px;
}
.pad-bb {
    padding-bottom: 30px;
}
.pad-ll {
    padding-left: 30px;
}


.body-text {
    font-family: 'Ek Mukta', sans-serif;
    font-size: 20px;
    color: #4d4d4d;
    line-height: 24px;
}
.float-left {
    float: left;
}
.float-right {
    float: right;
}
.is_mobile {display:none;}
.is_desktop {display:block;}
.yel-text {
    color: #fcd402;
}
.whi-text {
    color:#fff;
}
.txt-yellow {
    color: #f5d540;
}
.grey-bg {
    background-color: #f9f9f9;
}
.btn-yellow {
    display: inline-block;
    background-color: #f5d540;
    border-radius: 5px;
    padding: 0 10px;
    margin-left: 10px;
    font-size: 16px;
    cursor: pointer;
}
.btn-pink {
    display: inline-block;
    background: var(--navbar);
    padding: 10px 20px;
    border-radius: 5px;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
}
.col-4 {
    width: 33.3%;
    float: left;
}
.col-6 {
    width: 50%;
    float: left;
}
.col-8 {
    width: 66.6%;
    float: left;
}
.col-12 {
    width: 100%;
    float: left;
}
.super-big {
    font-size: 26px;
    line-height: 1.2;
    margin-bottom: 5px;
}
.super-big,
.super-big a {
    color: var(--navbar);
}
.super-big a:after {
    content: ' - ';
}
.super-big a:last-child:after {
    content: '';
}
.sep {
    border-top: 3px solid #000;
    clear: both;
}
.view-all {
    font-size: 20px;
    margin-left: 30px;
}
.head {
    margin-bottom: 20px;
}
.head .sep {
    border-color: var(--navbar);
}
.section-head {
    position: relative;
    text-align: center;    
    margin-bottom: 10px;
}

.section-head .text {
    background: #fff;
    padding: 5px 20px;
    display: inline-block;
    font-size: 24px;
    font-weight: 500;
    border: 1px solid #dcdcdc;
    border-radius: 20px
}
.section-head .text a {color: #000;}
.section-head .text-bg a {
    color: #fff;
}
.section-head .text-bg {
    background: #D70783;
    color: #fff;
    padding: 5px 25px;
    display: inline-block;
    font-size: 24px;
    font-weight: 500;
    position: relative;
    text-transform: uppercase;
}
.section-head .text-bg:before {
    content: '';
    font-size: 24px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    border-bottom: 22px solid transparent;
    border-top: 24px solid transparent;
    border-left: 10px solid #f9f9f9;
}
.section-head .text-bg:after {
    content: '';
    font-size: 24px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    border-bottom: 22px solid transparent;
    border-top: 24px solid transparent;
    border-right: 10px solid #f9f9f9;
}
.section-head .desc {
    padding: 20px 0 0 0;
}
.section-head .sep-sec {    
    border-top: 1px solid #ddd;
    position: absolute;
    top: 50%;
    width: 100%;
    z-index: -1;    
    clear: both;
}
.read-story .section-head {
    margin: 20px 0 30px 0;
} 
section .container {
    padding: 25px 0;
}
.misha_loadmore {
    width: 180px;
    margin: auto;
    background: var(--navbar);
    text-align: center;
    padding: 5px;
    border-radius: 5px;
    margin-top: 0;
    margin-bottom: 35px;
    color: #fff;
}

/* Header */
.head-top {
    color: #4a4a4a;
    background: #f8f8f8;
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
}

.header-social-icons {
    float: right;
    margin-top: 5px;
    margin-bottom: 5px;
}
.header-social-icons .follow-facebook,
.header-social-icons .follow-twitter,
.header-social-icons .follow-insta {
    float: left;
    width: 25px;
    height: auto;
    margin-right: 5px;
    margin-left: 5px;
}
.header-social-icons .follow-facebook img,
.header-social-icons .follow-twitter img,
.header-social-icons .follow-insta img {
    width: 100%;
    height: auto;
    margin: 0 !important;
}
header .logo {
    float: left;   
}
header .logo img {
/*	width: 160px; */
	height: auto;
	}
header .ad-top {
    float: right;
    width: 728px;
    height: 90px;
}
.masthead {
    background-color: var(--header);
}
.masthead .container {
    padding: 12px 0;
}
.masthead .search {
    position: absolute;
    top: 40px;
    left: 40px;
    color: #fff;
}
.mastbottom {
    background-color: #282828;
}
.delhipress,
.secondary-links {
    font-family: Georgia;
    font-size: 12px;
    letter-spacing: 1px;
    padding: 8px 0;
}
header ul {
    margin: 0;
    padding: 0;
}
.google-play {
    float: left;
    margin-top: 5px;
    margin-right: 10px;
}
.secondary-links li {
    float: left;
    border-right: 2px solid #9b9b9b;
    margin-right: 5px;
    padding-right: 5px;
    list-style: none;
}
.secondary-links li:last-child {
    margin: 0;
    padding: 0;
    border: none;
}

.slinks {
    margin: 5px 0;
    display: flex;
    float: left;
}
.slinks ul {margin:5px 0 5px 10px; }
.slinks li {
    float: left;
    margin-right: 15px;
}
.slinks .subscribe {
    background: var(--navbar);    
    top: 20px;
    left: 20px;
    padding: 3px 20px;
    border: none;
    border-radius: 5px;
    text-transform: uppercase;
}
.slinks .subscribe a {color:#fff;}
.slinks img {
    height: 22px;
    display: inline-block;
    float: left;
}
.slinks span {
    font-size: 17px;
    line-height: 1;
    float: left;
    margin-left: 5px;
    padding-top: 3px;
}
#form-lang select{    
    border: none;
    padding: 7px 0;
    background: transparent;
    font-size: 15px;
    font-family: 'Hind';
}
#mob-header {
  display: block;
  align-content: center;
  align-items: center;
  position: relative;  
}
#mob-header .slinks {display: none;}
.desktop #mob-header {
  top: 0 !important;  
}
#menu-toggle {
    display: none;
}
#main-menu {    
    background: var(--navbar);
}
#main-menu a {
    color: #fff;
}
#main-menu a {
    color: #fff;
    line-height: 1.5;
    display: inline-block;
    padding: 5px 70px;
    margin-top: 10px;
    margin-bottom: 10px;
}
#main-menu li.menu-item-33771 a {
    background: #FFE712;
    color: #000;
    border-radius: 5px;
    padding-left: 40px;
    background-image: url(images/icons/audio-black.png);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 12px center;
}
#main-menu ul {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    font-weight: 500;
}
#main-menu ul li {
    float: left;
    font-size: 18px;
   /* padding: 20px 20px; */
    line-height: 1;
}
#main-menu ul li+li {
    background: url('images/menu-sep.png') no-repeat left;
}
#main-menu ul .menu-item-description {
    display: none;
}
#main-menu ul li:last-child{
    padding-right: 0;
}
#main-menu ul li:first-child {
    padding-left: 0;
}
#main-menu.affix {
    position: fixed;
    width: 100%;
    z-index: 100;
    top: 0;
    background: var(--navbar);
    -webkit-transition:all .35s ease-in-out;
    transition:all .35s ease-in-out;
}
#main-menu.affix a {
    color: #fff;
}
#main-menu.affix ul li+li {
 /**   background: url('images/menu-sep-wht.png') no-repeat left; **/
}

/* Ads */

.ads-lb {
    width: 100%;
    border-bottom: 2px solid #e5e5e5;
}
.ads-lb > div {
    margin: 5px auto !important;
    width: 320px;
    margin-bottom: 10px !important;
}

.ads-sb {
    width: 100%;
}
.ads-sb > div {
    margin: 20px auto !important;
    width: 300px;
    margin-bottom: 0 !important;
}
.ad-top-border {
    border-top: 1px solid #dcdcdc;
    margin-top: 15px;
}
/*
.ads-sb {
    width: 300px;
    height: 250px;
    background: #f3f1f1;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.ads-sb:before {
    content: 'Place Your Ad Here';
    display: flex;    
}
*/

.self-ad1 {
    background: #62be1e;
    padding: 30px 40px;
    border-radius: 10px;
    color: #fff;
    text-align: left;   
    width: 100%;
    font-weight: 500;
}
.self-ad1 .icon-thumbs-up {
    background: url(images/icon-bell.png) no-repeat;
    width: 70px;
    height: 70px;
    border-radius: 100px;
    background-position: center center;
    border: 3px solid #fff;
    background-size: 36px;
    background-color: #f5f5f5;
    float: left;
    margin-right: 20px;
}
.self-ad1 .title {
    font-size: 24px;
    float: left;
}
.self-ad1 .desc {
    font-size: 16px;
    line-height: 2;
    float: left;
    width: 70%;
    margin-top: 5px;
}
.self-ad1 .subscribe-btn {
    margin-top: 8px;
}

.self-ad1 .btn-yellow {
    padding: 15px 30px;
}
.self-ad .container {
    padding: 0 0 25px 0;
}

.self-ad2 {
    background: var(--navbar);
    padding: 60px 20px 20px 20px;
    border-radius: 10px;
    color: #fff;
    text-align: center;
    margin-top: 70px;
}

.self-ad2 .icon-thumbs-up {
    background: url(images/icon-thumbs-up.png) no-repeat;
    width: 100px;
    height: 100px;
    border-radius: 100px;
    background-position: center center;
    border: 5px solid #fff;
    background-size: 36px;
    margin-left: auto;
    margin-right: auto;
    margin-top: -110px;
    background-color: var(--navbar);
}

.self-ad2 .title {
    font-size: 23px;
    padding: 30px 0;
}

.self-ad2 .desc {
    font-size: 16px;
    text-align: center;
    line-height: 2;
    margin-bottom: 20px;
}

.self-ad2 .btn-yellow {
  padding: 15px 30px;
}

/* Cards */
.cards {
    position: relative; 
    width: 100%;
}
.cards .image {
    padding-top: 66.666%;
    position: relative;
    border-radius: 5px;
    overflow: hidden;
}

.cards .image a.abs-link {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    cursor: pointer;
    z-index: 1;
}

.cards .img-wrap {
    position: absolute;
    display: flex;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.cards .img-wrap img {
    object-fit: cover;
    object-position: center;
    height: 100%;
    width: 100%;
}
.cards .section-btn {
    position: relative;
}
.cards .section-btn a {
    color: #fff;
}
.cards .section-btn a{
    font-family: 'Hind', sans-serif;
    display: inline-block;
    background: var(--navbar);
    color: #fff;
    padding: 0 10px;
    border-radius: 3px;    
    font-size: 16px;
    margin-bottom: 15px;    
    
}

.cards .section-link {
    font-family: 'Hind', sans-serif;
    display: inline-block;    
    font-weight: 500;
    padding: 10px 0;
    font-size: 16px;    
    position: relative;
}
.cards .section-link a {
    color: var(--navbar);
}
/*
.cards .section-link a:after {
    content: ' /';
    font-size: 14px;
}
*/
.cards .section-link a:last-child:after {
    content: '';
}

.cards .title {    
    font-family: 'Hind', sans-serif;
    color: #fff;
    font-weight: 500;    
}

/*card-lg-bg*/

.card_lg_bg{
    border-radius: 5px;
    overflow: hidden;    
}
.card_lg_bg .title {
    font-size: 26px; 
    text-shadow: 0px 2px 5px #000;
}
.card_lg_bg .title a {
    color: #fff;
}
/*.card_lg_bg .content {
    padding: 0 35px 50px 35px;
    width: 100%;
    position: absolute;
    bottom: 0;   
    z-index: 2;
}*/
.card_lg_bg .content {
    padding: 20px 35px;
    width: 100%;
    position: absolute;
    bottom: 0;
    z-index: 2;
    background-color: rgba(0,0,0, 0.5);
    text-align: center;
}

/* card_lg*/

.card_lg {
    background-color: #f4f4f4;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 25px;
}
.card_lg .image-container {
    width: 60%;
    float: left;
}

.card_lg .content {
    padding: 30px;        
    overflow: hidden;
}

.card_lg .title {
    font-size: 30px;
    line-height: 1.6;
    margin-bottom: 10px;
}

.card_lg .subhead {
    font-size: 18px;
    line-height: 1.7;
}


/* card-sm */

.card_sm_bg.card-1 {
    margin-bottom: 20px;
}
.card_sm_bg .title {
    font-size: 20px;  
    text-shadow: 0px 2px 5px #000;
}
.card_sm_bg .title a {
    color: #fff;
}
.card_sm_bg .content {
    width: 100%;
    position: absolute;
    bottom: 0; 
    padding: 0 20px 20px 20px;
    z-index:2;
}
.card_sm .image {
    position: relative;
}

.card_lg_bg .img-wrap:before, .card_sm_bg .img-wrap:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
/*    background: linear-gradient(180deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.9) 100%); */
}


/* card-sm */

.card_sm {
    border-radius: 5px;
    border: 1px solid #e6e6e6;    
    background-color: #fff;
    height: 100%;
    overflow: hidden;
}

.card_sm .content {
    padding: 10px;
}

.card_sm .title {
    font-size: 21px;  
    color: #000;
}


.card_xs .icon-audio {
    height: 15px;
    width: 18px;
    background-image: url(images/icon-audio.png);
    top: 10px;
    right: -23px;
    background-size: 70%;
    background-repeat: no-repeat;
    position: absolute;
}
.card_xs {
    border-top: 1px solid #dcdcdc;
    margin-top: 15px;
    padding-top: 15px;
}
.card_xs .section-link {
    padding: 2px 0;
}
.card_xs .image-container {
    width: 43%;
    max-width: 160px;
    float: left;
    margin-right: 15px;
}
.card_xs .title {
    color: #000;
    font-size: 16px;
    line-height: 1.5;
    min-height: 50px;    

}

.card_xs.card-1 {
    border:none;
    padding-top: 0;
    margin-top: 0;
}

.col-8 .card_sm {
    width: 50%;
}
.col-4 .card_sm {
    width: 100%;
}
.col-8 .card_md {
    width: 100%;
}

/* Category and Slug Styles */

/* a.story {
    color: var(--story) !important;
}
.story .sep {
    border-color: var(--story) !important;
}
.section-btn .story {
    background-color: var(--story) !important;
    color: #fff !important;
}


a.beauty {
    color: var(--beauty) !important;
}
.beauty .sep {
    border-color: var(--beauty) !important;
}
.section-btn .beauty {
    background-color: var(--beauty) !important;
    color: #fff !important;
}

a.food {
    color: var(--food) !important;
}
.food .sep {
    border-color: var(--food) !important;
}
.section-btn .food {
    background-color: var(--food) !important;
    color: #fff !important;
}


a.health {
    color: var(--health) !important;
}
.health .sep {
    border-color: var(--health) !important;
}
.section-btn .health {
    background-color: var(--health) !important;
    color: #fff !important;
}

a.lifestyle {
    color: var(--lifestyle) !important;
}
.lifestyle .sep {
    border-color: var(--lifestyle) !important;
}
.section-btn .lifestyle {
    background-color: var(--lifestyle) !important;
    color: #fff !important;
}

a.society {
    color: var(--society) !important;
}
.society .sep {
    border-color: var(--society) !important;
}
.section-btn .society {
    background-color: var(--society) !important;
    color: #fff !important;
}

a.personal-problems {
    color: var(--personal-problems) !important;
}
.personal-problems .sep {
    border-color: var(--personal-problems) !important;
}
.section-btn .personal-problems {
    background-color: var(--personal-problems) !important;
    color: #fff !important;
}

a.police-news {
    color: var(--police) !important;
}
.police-news .sep {
    border-color: var(--police) !important;
}
.section-btn .police-news {
    background-color: var(--police) !important;
    color: #fff !important;
}

a.entertainment {
    color: var(--entertainment) !important;
}
.entertainment .sep {
    border-color: var(--entertainment) !important;
}
.section-btn .entertainment {
    background-color: var(--entertainment) !important;
    color: #fff !important;
}
*/
/* image menu */
.image-menu {
    display: flex;
    align-content: space-evenly;        
    position: relative;
    bottom: 0;
    width: 100%;            
    justify-content: center;
}

.image-menu .menu {
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    position: relative;
    margin: 0 10px;    
    border: 1px solid #dcdcdc;
    border-radius: 5px;
    overflow: hidden;
    padding-top: 66.666%; 
}
.image-menu .image {
    position: absolute;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover !important;
    display: flex;
    align-items: flex-end;
    text-align: center;
    border-radius: 5px 5px 0 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0;    
    border-radius: 5px;
    transform: matrix(-1, 0, 0, 1, 0, 0);
}
.image-menu .image.samachar {  
    background: linear-gradient(180deg, rgba(2, 2, 2, 0) 0%, rgba(2, 2, 2, 0.5) 100%), url('images/image-menu/samachar.jpg');
}
.image-menu .image.fasal {  
    background: linear-gradient(180deg, rgba(2, 2, 2, 0) 0%, rgba(2, 2, 2, 0.5) 100%), url('images/image-menu/fasal.jpg');
}
.image-menu .image.bagbani {   
    background: linear-gradient(180deg, rgba(2, 2, 2, 0) 0%, rgba(2, 2, 2, 0.5) 100%), url('images/image-menu/bagbani.jpg');
}
.image-menu .image.farm {
    background: linear-gradient(180deg, rgba(2, 2, 2, 0) 0%, rgba(2, 2, 2, 0.5) 100%), url('images/image-menu/farm.jpg');
}
.image-menu .image.emag {
    background: linear-gradient(180deg, rgba(2, 2, 2, 0) 0%, rgba(2, 2, 2, 0.5) 100%), url('images/image-menu/emag.jpg');
}

.image-menu .title {
    width: 100%;
    color: #fff;
    font-size: 20px;
    line-height: 1;    
    border-radius: 0 0 5px 5px;
    position: absolute;
    bottom: 0;
    text-align: left;
    padding: 0 15px 10px;
}
.image-menu .title a {
    color: #fff;
}
.image-menu .title span {
    font-size: 16px;
    line-height: 2;
}
.image-menu .menu .icon a {position: absolute; top:0; right: 0; bottom: 0; left: 0;}

.maglist.owl-theme .owl-controls .owl-buttons div {
    background: none;
    background-repeat: no-repeat;
    opacity: 1;
}
.maglist .owl-controls {position: absolute; top: 40%; width: 100%;}
.maglist .owl-pagination {display: none;}

.maglist .owl-controls .owl-buttons div {
  color: transparent;
  display: inline-block;
  zoom: 1;
  margin: 5px;
  padding: 3px 10px;
  font-size: 12px;
  text-indent: 100px;
  overflow:hidden;
  border-radius:0;
  background-color: transparent;
  opacity: inherit;
  height: 36px;
  width: 36px;
  background-repeat: no-repeat;  
  position: absolute;
}
.maglist .owl-controls .owl-prev {background-image: url('images/prev-btn.png') !important; left: -15px; }
.maglist .owl-controls .owl-next {background-image: url('images/next-btn.png') !important; right: -15px;}


/* Home */    
.section-link a {
    color: var(--navbar) !important;
}
.cards .section-btn a {
    background: var(--navbar) !important;
}
/* feature */
.feature {
    display: flex;
    padding: 40px 0;
}
.feature .block-1 {
    width: 66%;  
    display: flex;
}
.feature .block-2 {
    width: 33.5%;
    display: flex;
    flex-flow: row wrap;
    align-content: space-between;
    padding-left: 30px;
}
.owl-feature {
/*    margin: 30px 0 24px 0; */
}
.owl-feature .hide {display: none;}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
    background-color: var(--navbar) !important;
}

.feature .f-col-4 {margin-top: 0;}
.f-col-4 .owl-carousel .owl-item{
    float:none;
}
.feature .f-col-4 .card_xs {       
    padding-top: 15px;
}
.feature .f-col-4 .card_xs.card-1 {
    padding-top: 0;
    border-top: none;
}

.home .head {
    padding-left: 12px;
    padding-right: 12px;
}

@media only screen and (min-width: 599px) {
    .romanchak .card_xs {
        border-top: none;
        margin-top: 0;
        padding-top: 0;
    }
}
.special-label-old:before {
    content: '';
    font-size: 24px;
    position: absolute;
    top: 0;
    right: -15px;
    z-index: 1;
    border-bottom: 15px solid transparent;
    border-top: 13px solid transparent;
    border-left: 15px solid var(--navbar);
}
.special-label-old {
    position: absolute;
    background: var(--navbar);
    z-index: 1;
    margin-top: 15px;
    left: 0;
    padding: 5px 10px;
    color: #fff;
    font-size: 12px;
}
.special-label {
    position: absolute;
    background: var(--navbar);
    margin-top: 15px;
    left: -27px;
    padding: 5px 20px;
    color: #fff;
    font-size: 12px;
    z-index: 1;
    bottom: 18px;
    transform: rotate(45deg);
    width: 120px;
    text-align: center;
}

.card_xs .special-label {
    font-size: 10px;
    width: 90px;
    left: -20px;
    bottom: 15px;
    padding: 2px 10px;
}

@media only screen and (min-width: 599px) {     
    .special .card_xs {    
        border-top: none;
        border: 1px solid #e6e6e6;
        border-radius: 5px;
        margin-top: 0;
        padding: 10px;
        background: #fff;
    }
/* styles for browsers larger than 960px; */
}

/* Feed */
/** feed-container **/
.feed-container {
    display: flex;
}

.feed-container .block-1 {
    width: 42%;
    display: flex;
    flex-wrap: wrap;
}
.feed-container .block-2 {
    width: 32%;
    display: flex;
    flex-flow: wrap row;
    align-content: space-between;
}

.feed-container .block-3 {
    width: 26%;
    display: flex;
    flex-flow: row wrap;
    min-width: 300px;
    align-content: space-between;
}

.seprator {
    margin-top: 35px;
    padding-top: 35px;
    border-top: 1px solid #ccc;
}

/* Footer */
footer.bstrip-pad {padding-bottom: 40px !important;}
.bottom-strip.fixed {
    position: fixed;
    bottom: 0;
    margin: auto;
    width: 100%;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    background: var(--navbar);
    padding: 5px 0;
    color: #fff;
    border-top:2px solid #fff;
    z-index: 1;
}
footer .mastbottom {
    padding: 50px 0;    
    border-bottom: 1px solid #dbdbdb;    
}
footer .mastbottom .logo {
    padding: 5px;
    background: #fff;
    border-radius: 10px;
}
footer .bg-footer {
    /*background-image: url(images/farm-bg.jpg);
    height: 215px;*/
    background-position: bottom;
    background-size: cover;
}
footer .mastbottom a {    
}
footer .logo {
    text-align: center;   
    float: left;
    max-width: 30%;
}

.footer-social-icons {
    display: flex;
    justify-content: center;    
    margin-top: 5px;
    margin-bottom: 5px;
}
.footer-social-icons .follow-facebook,
.footer-social-icons .follow-twitter,
.footer-social-icons .follow-insta {
    float: left;
    width: 38px;
    height: auto;
    margin-right: 5px;
    margin-left: 5px;
}
.footer-social-icons .follow-facebook img,
.footer-social-icons .follow-twitter img,
.footer-social-icons .follow-insta img {
    width: 100%;
    height: auto;
    margin: 0 !important;
}

footer .footer-links {
    float: right;
    width: 75%;
    font-size: 16px;
}
footer .footer-links li {
    
}
.footer-info {
    text-align: center;
    color: #fff;
}
footer .cols {
    float: left;
    width: 22%;
    margin-left: 3%;
}

footer .cols .ul-1 li {
    
}
footer .cols .parent {    
    margin-bottom: 15px;    
}
footer .cols,
footer .cols a {
    color: #fff;
}


/* Category */
.category .block {
    width: 33%;
    float: left;
    padding: 0 25px 0 0;
}
.category .block.ads {    
    padding:0;
    margin: 0;
}

.category .block .ads-sb {    
    padding:0 !important;
    margin: 0 !important;
}

/*.category .card_xs.even {
    border: none;
    padding-top: 0;
    margin-top: 0;
}
*/
.tab.clear-block {
    display: none;
}
.wp-pagenavi {
    margin-bottom: 10px;
}

/* Tag */
.tag-head {
    text-align: center;
    text-transform: capitalize;
    font-size: 30px;
    line-height: 1.8;
    background: #f5f5f5;
    padding: 50px 0;
}
.tag-head .tag-sep {
    width: 90px;
    margin: auto;
    border-bottom: 2px solid var(--navbar);
    height: 2px;
    margin-top: 15px;
}

/* Search */
/* Author */
/* Date */

/* Single Post */
#breadcrumbs {
    font-family: arial;
    text-transform: uppercase;
    margin-bottom: 15px;
}
.tag-head p {
    font-size: 18px;
    line-height: 2;
}
ul.byline {
    display: flex;
    font-size: 16px;
    justify-content: center;
}
.byline li {
    padding: 10px 25px;
    background-position: left;
    background-repeat: no-repeat;
    background-size: 16px;
}
.byline li.location {
    background-image: url(images/icon-location.png); 
}

.byline li.author {
    background-image: url(images/icon-author.png);    
}
.byline li.date {
    background-image: url(images/icon-date.png);    
}
.single .author .uppercase a {text-decoration: underline;}
.single-post .tag-head {        
    padding: 40px 0 80px 0;
}
.single-post .image-menu {
    margin-top: 35px;
}

    /*** social icons   ***/

.social-icons-wrap {
    margin-top: 15px;    
    display: inline-block;
}
.social-icons {
/*    height: 35px; */
line-height: 1;
}
.social-icons li {
    float: left;
    margin-right: 10px;
	list-style:none;
}
.social-icons li a {
    color: #9b9b9b;
}
.social-icons .fa {
    font-size: 35px;
}
.social-icons .fa-facebook {
    background-color: grey;
    color: white;
    border-radius: 5px;
    font-size: 23px;
    padding: 5px 12px;
}
.social-icons .fa-google-plus {
    font-size: 30px;
    padding-top: 2px;
}
.social-icons .share-count {
    display: none;
}
.social-icons-right {
    margin-bottom: 20px;
}
.social-icons-right li {
    float: left;
    margin-right: 24px;
	list-style:none;
}
    /** social icons end **/

.left-container {
    width: calc(100% - 300px);
    float: left;
    padding-right: 30px;
}
.right-container {
    width: 300px;
    float: right;
}

.single-post .page-container {
    margin-top: -60px;
}
#rg-gallery {            
    margin-bottom: 20px;
}
.single-post .rg-image {        
    overflow: hidden;
    text-align: center;
    border-radius: 10px
}
.single-post .rg-image img {
    
}
.single-post .rg-image-nav {
    height: 435px;
    left: 0;
    position: absolute;
    width: 100%;
}
.single-post .rg-image-nav a {
    background: rgba(0, 0, 0, 0) url("images/nav.png") no-repeat scroll -20% 50%;
    border-radius: 10px 0 0 10px;
    cursor: pointer;
    height: 46px;
    left: 0;
    opacity: 0.3;
    outline: medium none;
    position: absolute;
    text-indent: -9000px;
    top: calc(50% - 23px);
    width: 32px;
    z-index: 1;
}
.rg-image-nav a.rg-image-nav-next {
    background-position: 115% 50%;
    border-radius: 0 10px 10px 0;
    left: auto;
    right: 0;
}
.rg-image-nav a:hover {
    opacity: 0.8;
}
.rg-caption-wrapper .rg-credit {
    color: #333333;
    float: right;
    font-family: arial;
    font-size: 9px;
    margin-right: 10px;
    text-transform: uppercase;
}
.rg-caption-wrapper .rg-caption {
    color: #333;
    float: left;
    font-family: arial;
    font-size: 12px;
    margin-bottom: 15px;
    padding-top: 10px;
    width: 100%;
}
.rg-view {
    height: 30px;
}
.rg-view {
    display: none;
}
.rg-view a {
    background: #464646 url("images/views.png") no-repeat scroll left top;
    border: 3px solid #464646;
    display: block;
    float: right;
    height: 16px;
    margin-right: 3px;
    opacity: 0.8;
    width: 16px;
}
.rg-view a:hover {
    opacity: 1;
}
.rg-view a.rg-view-full {
    background-position: 0 0;
}
.rg-view a.rg-view-selected {
    background-color: #6f6f6f;
    border-color: #6f6f6f;
}
.rg-view a.rg-view-thumbs {
    background-position: 0 -16px;
}
.rg-loading {
    background: rgba(0, 0, 0, 0) url("images/ajax-loader.gif") no-repeat scroll center center;
    border-radius: 10px;
    height: 46px;
    left: 50%;
    margin: -23px 0 0 -23px !important;
    opacity: 0.7;
    position: absolute;
    top: 50%;
    width: 46px;
    z-index: 100;
}
.es-carousel-wrapper {
    padding: 10px 27px !important;
    position: relative;
}
.es-carousel {
    overflow: hidden;
}
.es-carousel ul {
    display: none;
}
.es-carousel ul li {
    display: block;
    float: left;
    height: 100%;
}
.es-carousel ul li a {
    border-color: #fff;
    border-style: solid;
    display: block;
    opacity: 0.8;
    transition: all 0.2s ease-in-out 0s;
}
.es-carousel ul li.selected a {
    border-color: #fff;
    opacity: 1;
}
.es-carousel ul li a img {
    border: medium none;
    display: block;
    max-height: 100%;
    max-width: 100%;
}
.es-nav span {
    background: transparent url("images/nav_thumbs.png") no-repeat scroll left top;
    cursor: pointer;
    height: 26px;
    left: 8px;
    margin-top: -13px !important;
    opacity: 0.8;
    position: absolute;
    text-indent: -9000px;
    top: 50%;
    width: 15px;
}
.es-nav span.es-nav-next {
    background-position: right top;
    left: auto;
    right: 8px;
}
.es-nav span:hover {
    opacity: 1;
}

    /* audio */
.audio-text {
    color: var(--header);
    text-align: center;
}

    /* ----  dummy audio in post ------*/

#dummy-audio #audio-subscribe {
    background: var(--navbar);
    margin-bottom: 25px;
    margin-top: -20px;
    border-radius: 5px;
    text-align: left;
    color: #fff;
    padding: 10px 25px;
}
#dummy-audio #audio-subscribe .btn-yellow {
    font-weight: normal;
    font-size: 14px;
    border-radius: 4px;
}
#dummy-audio .txt-yellow {    
    float: right;
    display: inline-block;
}        
        /* end dummy audio */
        
.single-post strong {
    font-weight: bold;
}

.single-post .article-body li {margin-bottom:20px;}
.single-post .article-body ol{
list-style:decimal;
list-style-position:inside;
}

.single-post .article-body img.alignnone {max-width:100%; height:auto;}

.single-post .article-body .ad-slot--inline li {margin-bottom:0;}
.single-post .article-body ul{
list-style:disc;
list-style-position:inside;
}

.single-post .article-body {
    font-size: 18px;
    line-height: 2;    
}
.single-post .fullpage-body h1 {
    font-size: 28px;
    font-weight: bold;
}
.single-post .fullpage-body h2 {
    font-size: 26px;
    font-weight: bold;
}
.single-post .fullpage-body h3 {
    font-size: 24px;
    font-weight: bold;
}
.single-post .fullpage-body h4 {
    font-size: 22px;
    font-weight: bold;
}
.single-post .fullpage-body h5 {
    font-size: 20px;
    font-weight: bold;
}
.single-post .fullpage-body h6 {
    font-size: 18px;
    font-weight: bold;
}
.single-post .article-body .ad-slot--inline {
    float: right;
    margin-right: -315px;
    line-height: normal;
    width: 300px;
}
.single-post .article-body .ad-slot--inline .a-single {
    margin-top: 10px;
}
.single-post .article-body .ad-slot--inline .card_sm {
    padding: 0;
}
.single-post .article-body .ad-slot--inline .card_sm .image {
    height: 195px;
}
.single-post .article-body .readmore--inline .card_xs {
    margin-right: 10px;
    padding: 0;
    width: 300px;
    margin-top: 10px;
}
.single-post .article-body .readmore--inline .card_xs .image {
    width: 140px;
    float: left;
    margin-right: 0;
    border-radius: 10px 0 0 10px;
}
.single-post .article-body .readmore--inline .card_xs .content {
    background-color: #129792;
    border-radius: 0 5px 5px 0;
    float: left;
    height: 94px;
    overflow: hidden;
    padding-left: 5px;
    padding-top: 5px;
    width: 160px;
}
.single-post .article-body .readmore--inline .card_xs .image img {
    height: 100%;
    width: auto;
}
.single-post .article-body .readmore--inline .card_xs .section a {
    color: #f8ea06;
}
.single-post .article-body .readmore--inline .card_xs .title {
    height: unset;
}
.single-post .article-body .readmore--inline .card_xs .title a {
    color: #fff;
}
.single-post .article-body .ad-slot--inline .more-from {
    font-family: Tahoma;
    font-weight: bold;
    line-height: 2;
    text-transform: uppercase;
    font-size: 18px;
    padding-bottom: 2px;
    border-bottom: 2px solid #145dc3;
    margin-bottom: 15px;
    color: #145dc3;
}
.single-post .article-body .ad-slot--inline .card_sm.card.clear-block {
    float: none;
    width: 300px;
    padding: 0;
    margin-bottom: 24px;
}
.card-2.card.clear-block .super-big {
    line-height: 1.2;
    margin-bottom: 0;
}
.card-2.card.clear-block .sep {
    margin-bottom: 12px;
}
.single-post .article-body p {
    padding-bottom: 20px;
}
.single-post .article-body .tag-head {
    padding: 20px 0;
    background: transparent;
}
.single-post .article-body .social-icons-wrap {
    margin: 0;
}
.single-post .credit,
.single-post .rg-credit {
    font-family: "Bitter", serif;
    font-size: 14px;
    line-height: 1.5;
}
.single-post .caption,
.single-post .rg-caption {
    font-family: "Bitter", serif;
    font-size: 16px;
    line-height: 1.5;
    color: #9b9b9b;
    border-bottom: 2px solid #ccc;
    padding-bottom: 12px;
}
.single-post .wp-caption-text {
    font-size: 14px;
    color: #a7a9ac;
    margin-top: 5px;
}

    /* Alignments */

figure {
    margin: auto;
}
.alignleft {
    display: inline;
    float: left;
    margin: 0;
}
.alignright {
    display: inline;
    float: right;
    margin: 0;
}
.aligncenter {
    display: block;
    margin-right: auto;
    margin-left: auto;
}
blockquote.alignleft,
.wp-caption.alignleft,
img.alignleft {
    margin: 0.4em 1.6em 1.6em 0;
}
blockquote.alignright,
.wp-caption.alignright,
img.alignright {
    margin: 0.4em 0 1.6em 1.6em;
}
blockquote.aligncenter,
.wp-caption.aligncenter,
img.aligncenter {
    /* clear: both; */
    /* http://www.sarassalil.in/wp-admin/post.php?post=31220&action=edit because ad due to 2nd images creating problem */
    
    margin-top: 0.4em;
    margin-bottom: 1.6em;
}
.wp-caption.alignleft,
.wp-caption.alignright,
.wp-caption.aligncenter,
.wp-caption.alignnone {
    margin-bottom: 1.2em;
}
.wp-caption.aligncenter {
	text-align:center;
	}
blockquote {
    /*  background: #f9f9f9;
  border-left: 10px solid #ccc; */
    
    margin: 1.5em 0;
    padding: 0.5em 10px;
    quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
    color: #fe0000;
    content: open-quote;
    font-size: 4em;
    line-height: 0.1em;
    margin-right: 0.25em;
    vertical-align: -0.4em;
}
blockquote:after {
    color: #fe0000;
    content: close-quote;
    font-size: 4em;
    line-height: 0.1em;
    margin-left: 0.25em;
    vertical-align: -0.5em;
}
blockquote p {
    display: inline;
}

.single-post .rest-part-text {
    background: var(--navbar);
    color: #fff;
    text-align: center;
    border-radius: 5px;
    padding: 5px;
    position: relative;
    margin-bottom: 20px;
}
.single-post .rest-part-text span:before {
    content: '';
    position: absolute;
    height: 28px;
    width: 32px;
    background: url('images/book.png') no-repeat center center;
    background-size: contain;
    margin-left: -40px;
    margin-top: 3px;
}
.single-post .rest-part-text span:after {
    content: '';
    position: absolute;
    height: 20px;
    width: 20px;
    background: url(images/aerrow.png) no-repeat center center;
    background-size: contain;
    margin-left: 10px;
    margin-top: 7px;
}
.single-post .rest-part-text .abs-link {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.single-post .episode-link-container {position: relative; text-align: center;}
.single-post .episode-link-container .episode-link {
    background: #b90119;
    display: block;
    padding: 0 10px;
    border-radius: 5px;
    font-size: 16px;
    color: #fff;
    width: 150px;
    float: left;
    margin: 5px;
}
.single-post .episode-link-container .episode-link a {color: #fff;}
.single-post .episode-link-container .episode-link span {
    font-size: 26px;
    line-height: 1;
}

.single-post .tags {
    -ms-flex-direction: row;
    -ms-flex-wrap: wrap;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    font-size: 14px;    
    text-transform: lowercase;
}

.tags:last-child {
    
}

.tags {
    -ms-flex-align: center;
    -ms-flex-pack: start;
    -ms-flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-box-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.single-post .tags a {
    background-color: transparent;
    border: 1px solid #E9E8EF;
    color: #7a7a7a;
    margin-right: 10px;
    margin-bottom : 10px;
}
.single-post .tags a:not(body) {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    align-items: center;
    background-color: #f2f2f2;
    border-radius: 0;
    color: #767676;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 14px;
    height: 2em;
    justify-content: center;
    line-height: 1.5;
    padding-left: 15px;
    padding-right: 15px;
    white-space: nowrap;
    text-transform: capitalize;
}
.single-post .key-word-title {
    color: #7a7a7a;
    margin-bottom: 5px;
    margin-right: 10px;
    text-transform: capitalize;
    font-size: 16px;
    float: left;
}

.single-post .social-text {float:left; font-size:20px; margin-top:5px;font-weight:bold;}
.single-post .st_social-sharing {float:right;}


.single-post .shortbioview {
    font-size: 14px;
    border-bottom: 2px solid #fe8b14;
    margin-bottom: 10px;
}
.single-post .shortbioview strong {
    font-weight: bold;
}
.single-post .shortbioview p {
    padding-bottom: 24px;
}
.single-post .no-break {
    display: none;
}
.single-post .post-bottom {
    margin-top: 24px;
}
.single-post .super-big {
    font-size: 26px;
    text-transform: capitalize;
}
.single-post .more-selected-articles .super-big {
    color: #0455c9;
}
.single-post .more-selected-articles .sep {
    border-color: #0455c9;
}
.single-post .most-read .super-big {
    color: #cc1155;
}
.single-post .most-read .sep {
    border-color: #cc1155;
}
.single-post .more-this-section {
    border-bottom: 2px solid #000;
    margin-bottom: 24px;
}
.single-post .comment-title {
    font-family: "Montserrat", sans-serif;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.single-post .comment-form * {
    font-family: pt serif;
    font-size: 14px;
}
.single-post .comment-form {
    margin-top: 12px;
}
.single-post .comment-form p {
    margin-bottom: 12px;
}
.single-post .comment-form textarea {
    width: 100%;
    height: 100px;
}
.single-post .comment-form .comment-form-author {
    width: 48%;
    margin-right: 2%;
    float: left;
}
.single-post .comment-form .comment-form-email {
    width: 48%;
    float: right;
}
.single-post .comment-form .comment-form-author input,
.single-post .comment-form .comment-form-email input {
    width: 98%;
}
.single-post .comment-form .submit {
    width: 100%;
    background-color: rgb(0, 0, 0);
    color: rgb(255, 255, 255);
    border: medium none;
    font-size: 16px;
    font-style: italic;
    padding: 2px;
    letter-spacing: 0px;
}

.single-post .fb-comment {
	background:#eee; border-radius:10px; padding:10px; margin: 10px 0 15px 0;
}
.single-post .related-articles {
    margin-bottom: 36px;
}
#comments.comments-area {
    box-shadow: none;
}
#comments h2 {
    font-size: 12px;
    text-transform: uppercase;
}
#comments,
#comments time {
    font-family: arial;
    font-size: 1.3rem;
    line-height: 15px;
}
#comments .comment-meta {
    float: left;
    line-height: 18px;
}
#comments .comment-content {
    border-left: 1px solid #d1d1d1;
    float: right;
    padding-left: 16px;
    width: 750px;
}
#comments .reply {
    clear: both;
    float: right;
    margin: 0 5px 0 0;
    padding: 0;
}
#comments .reply a {
    border: medium none;
    font-size: 13px;
    font-weight: normal !important;
    margin: 0 5px;
    padding: 0;
    text-transform: lowercase;
}
#comments .comment-body {
    border-color: -moz-use-text-color -moz-use-text-color #d1d1d1;
    border-style: none none solid;
    border-width: medium medium 1px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    padding-top: 10px;
}
#comments article::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
#comments article {
    display: block;
}
#comments .says {
    display: none;
}
.wp-commentnavi {
    display: block;
    float: right;
    margin-bottom: 12px;
}
.wp-commentnavi a,
.wp-commentnavi span {
    border: medium none !important;
}
.wp-commentnavi a,
.wp-commentnavi span {
    border-right: 1px solid #000 !important;
}

/*
.prev-next-btn .text {
    margin: 20px 0 0 0;
}

.prev-btn {
    width: 48%;
    float: left;
    text-align: left;
}

.next-btn {
    float: right;
    width: 48%;
    text-align: right;
}

.btn a {
    display: inline-block;
    width: 100%;
    padding: 10px 20px;
    border-radius: 5px;
    border: 1px solid #dcdcdc;
    text-align: center;
}                

.btn a:hover {
    background-color: #FFE712;                        
}
*/

.read-more-title {
    text-align: center; 
    font-size: 20px;
    margin-bottom: 30px;
}
.prev-next-btn {
    display: flex;    
}
.prev.btns, .next.btns {
    min-width: 25px;
    margin-right: 10px;
    margin-left: 10px;
    display: flex;
    align-items: center;
}
.prev-next-btn .block {
    width: 45%;
}
.prev-next-btn .v-sep {
    width: 5%;
    border-right: 1px solid #dcdcdc;
    margin-right: 5%;
}
.more-from {    
    margin: 35px 0;
    padding: 10px 15px 0 0;
    border-radius: 5px;
}
.tag-block {
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    padding: 20px 0;
    margin: 20px 0;
}
.article-body .more-from .section-head .text {
    
}
.story-menu {
    display: flex;
    align-content: space-evenly;
    padding: 5px 10px;
    margin-top: 2px;    
    position: relative;
    bottom: 0;
    width: 100%;        
    padding-bottom: 10px;    
    justify-content: start;
    overflow-x: auto;
}

.story-menu .menu {
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    position: relative;
    margin: 0 10px;
    min-width: 20%;
    margin-bottom: 25px;
    background: #f5f5f5;
    padding: 40px 0 30px 0;
    border-radius: 8px;
}
.story-menu .icon {
    height: 90px;
    background-color: #62BE1E;
    background-repeat: no-repeat;
    background-position: center center;
    display: flex;
    align-items: center;
    text-align: center;
    border-radius: 100%;
    margin: auto;
    width: 90px;
    justify-content: center;
}
/* for svg image with colour */
.story-menu .icon div {
    -webkit-mask-size: cover;
    mask-size: cover;    
    background-color: white; 
    width: 30px;
    height: 30px;
  }

.story-menu .icon .krishi {      
    -webkit-mask-image: url('images/icons/krishi.svg');
    mask-image: url('images/icons/krishi.svg');
}
.story-menu .icon .pashu {  
    -webkit-mask-image: url('images/icons/pashu.svg');
    mask-image: url('images/icons/pashu.svg');
}
.story-menu .icon .fasal {   
    -webkit-mask-image: url('images/icons/fasal.svg');
    mask-image: url('images/icons/fasal.svg');
}
.story-menu .icon .farm {
    -webkit-mask-image: url('images/icons/farm.svg');
    mask-image: url('images/icons/farm.svg');
}
.story-menu .icon .machine {
    -webkit-mask-image: url('images/icons/machine.svg');
    mask-image: url('images/icons/machine.svg');
}
.story-menu .icon .bagbani {
    -webkit-mask-image: url('images/icons/bagbani.svg');
    mask-image: url('images/icons/bagbani.svg');
}
.story-menu .icon .mandi {
    -webkit-mask-image: url('images/icons/mandi.svg');
    mask-image: url('images/icons/mandi.svg');
}
.story-menu .icon .mausam {
    -webkit-mask-image: url('images/icons/mausam.svg');
    mask-image: url('images/icons/mausam.svg');
}
.story-menu .icon .yojna {
    -webkit-mask-image: url('images/icons/yojna.svg');
    mask-image: url('images/icons/yojna.svg');
}
.story-menu .icon .samachar {
    -webkit-mask-image: url('images/icons/samachar.svg');
    mask-image: url('images/icons/samachar.svg');
}
.story-menu .icon .sawal {
    -webkit-mask-image: url('images/icons/sawal.svg');
    mask-image: url('images/icons/sawal.svg');
}
.story-menu .icon .emag {
    -webkit-mask-image: url('images/icons/emag.svg');
    mask-image: url('images/icons/emag.svg');
}

.story-menu .title {
    width: 100%;
    color: #000;    
    font-size: 16px;
    margin-top: 10px;
}
.story-menu .title a {
    color: #000;
}

.story-menu .menu .icon a {position: absolute; top:0; right: 0; bottom: 0; left: 0;}

.mk-vishesh .w-head {
    border-bottom: 1px solid #dcdcdc;
    padding-bottom: 15px;
    margin-bottom: 25px;
    line-height: 1.5;
}
.mk-vishesh .block-1{
    width: 50%;
    float: left;
    padding-right: 15px;
}

.mk-vishesh .block-2{
    width: 50%;
    float: right;
    padding-left: 15px;
}
.mk-vishesh .card_xs.card-4 {
    border: none;
    padding-top: 0;
    margin-top: 0;
}
/* right-panel right-container*/

.top-stories.widget {
    margin-top: 20px;
}
.widget .self-ad1 {
    padding: 60px 20px 20px 20px;
}


/* emag, e-mag, e-magazines, e magazines*/

.single-e-magazines .social-icons-wrap {margin-top: 0;}
.single-e-magazines #iframe-div {position:relative; width: 100%; padding-top: 66.66%; background: rgba(0,0,0,0.8);}
.single-e-magazines .iframe-content {position: absolute; top:0; left:0; right:0; bottom: 0;}
.single-e-magazines .full-screen {position: absolute; bottom:8px; right:0; width: 25px; height: 25px; background-image: url('images/subscribe/full-screen.jpg'); background-position: center center; background-repeat: no-repeat; z-index: 1; display: none;}
.single-e-magazines .full-screen a {position: absolute;top: 0;left: 0;right: 0;bottom: 0;}

/* Episode Page*/
.bg-grey {
    background-color: #1a1c28;
}
.bg-grey .story .super-big a {
    color: var(--story);
}
.bg-grey .story .sep {
    border-color: #ff536b;
}
.bg-grey .subhead {
    font-size: 20px;
    line-height: 1.5;
    color: #fff;
    width: 660px;
    margin-top: 10px;
    margin-bottom: 10px;
}
#audio-parent {
    max-width: 700px;
    margin: auto;
    margin-top: 20px;
}
.bg-grey .image {border-radius: 10px; overflow: hidden;}
.bg-grey .image img {
    opacity: 0.8;
    width: 100%;
    height:auto;
}

.bg-grey .card_xs {
    width: 90%;
    margin: auto;
    float: none;
    background: #fff;
    margin-top: 8px;
    margin-bottom: 8px;
    border-radius: 10px;
    padding: 5px;
}
.bg-grey .card_xs .image {
    width: 140px;
    height: 94px;
    margin-right: 10px;
    border-radius: 10px;
    float: left;
}
.bg-grey .card_xs .section {
    background: #b90119;
    display: inline-block;
    padding: 0 10px;
    border-radius: 5px;
    font-size: 17px;
    color: #fff;  
}
.bg-grey .card_xs .section a {
    color:#fff;
}
.bg-grey .card_xs .title {
    padding: 5px 0;
    height: 55px;
}
.bg-grey .card_xs .title a {
    font-size: 16px;
}
.bg-grey .more-stories.clear-block {
    margin-top: -60px;
    position: relative;
}
.rest-parts .cards .section-btn a{
    background: var(--navbar);
}

/* Single Page */
.type-page {
    font-size: 16px;
    line-height: 2;
    font-family: 'Ek Mukta', sans-serif;
}
.type-page p {
    padding-bottom: 20px;
}

.type-page ol, .type-page ul {
    list-style: auto;
    padding-left: 30px;
    margin-bottom: 20px;    
    counter-reset: item;
}

/* Numbered lists like 1, 1.1, 2.2.1... */
 .type-page ol.numbered li {display:block;} /* hide original list counter */
.type-page ol.numbered > li:first-child {} /* reset counter */
.type-page ol.numbered > li {counter-increment: item; position: relative;} /* increment counter */
.type-page ol.numbered > li:before {content:counters(item, ".") ". "; position: absolute; margin-right: 100%; right: 10px;} /* print counter */

ul.circle {list-style-type: circle;}
ul.square {list-style-type: square;}
ol.upper-roman {list-style-type: upper-roman;}
ol.lower-roman {list-style-type: lower-roman;}
ol.lower-alpha {list-style-type: lower-alpha;}

.type-page ul.circle li, .type-page ul.square li, .type-page ol.upper-roman li, .type-page ol.lower-roman li, .type-page ol.lower-alpha li {
    display: list-item;
}

.type-page strong {
    font-weight: bold;
}

.type-page em {
    font-style: italic;
}

 /* contact us page */
#contact-us .body-text {font-size: 16px;}
#contact-us .address {margin-bottom: 25px;}
#contact-us .title {font-weight: bold; font-size: 18px;}
#contact-us .branches {margin-top: 25px;}

/* ----------------- user profile account page ----------------*/
.user-profile.container {min-height: calc(100vh - 358px);   }
.announcements .alert-message-notice {
    background-color: #FCFCDD;
    border-color: #BDBD89;
}
.announcements .alert-message {
    margin-bottom: 20px;
    padding: 10px 15px;
    border-left: 3px solid #aa1d23;
    box-shadow: 0 2px 2px rgba(0,0,0,.05);
}
.announcements .alert-message-notice h4 {
    color: #444;
    margin-top: 0;
    margin-bottom: 5px;
    font-weight: bold;
}
.announcements .alert-message p:last-child {
    margin-bottom: 0;
}
.user-profile #transactions .tr {
    display: flex;
}
.user-profile #transactions .td {
    width: calc(100% / 4);
    padding: 5px;
    font-size: 15px;
    float: left;
    text-align: center;
    margin:1px;
    background: #eee;
}
.user-profile .logout-btn {
    position: absolute;
    right: 30px;
    margin-top: 20px;
    z-index: 1;
    font-size: 17px;
    background: #dcdcdc;
    border-radius: 5px;
}
.user-profile .logout-btn a {
    padding: 2px 10px;
    display: inline-block;
}

.user-profile .renew-btn {
    background: var(--navbar);
    padding: 2px 10px;
    border-radius: 5px;
    display: table;
    margin: auto;
    color: #fff;
}
.user-profile .panel-1 {box-shadow: none !important;}
.user-profile .cols {float:left; padding: 10px;}
.user-profile .col-3 {width: calc(100% / 12 * 3);}
.user-profile .col-9 {width: calc(100% / 12 * 9);}

.user-profile .panel {
    border: none;
    /*margin-bottom:20px;*/
    background-color : #fff;
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.user-profile .panel-blesta > .panel-heading {
    background: #2d1a1a;
    color: #fff;
    border-bottom: none;
    position: relative;
    padding: 10px 15px;
    border-top-right-radius : 3px;
    border-top-left-radius: 3px;
}
.user-profile .panel-body {
    padding: 10px;
    border: 1px solid #e8e8e8;
}
.user-profile address {
    word-wrap: break-word;
}

.user-profile .panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}



/* Subscribe */
.sub-banner{
    background-image: url(images/subscribe/desk/banner-desk.jpg);
    padding-top: 23.5%;
    position: relative;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top center;
	margin-bottom: 0;
}
.sub-banner .link {position:absolute; top:0; right:0; left:0; bottom:0;}
.sub-banner.subscribe {
    background-image: url(images/subscribe/desk/sub-page-banner-desk.jpg);
    padding-top: 23.5%;
    position: relative;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
	margin-bottom: -4%;
	border-bottom:1px solid #aa1d23;
}
.sub-banner.subscribe .banner-text {
    position: absolute;
    top: 0;
    font-size: 28px;
    text-align: center;
    width: 100%;
    font-weight: bold;
    padding: 30px;
    color: #aa1d23;
    word-spacing: 5px;
    letter-spacing: 1px;
	display:none;
}

.single-post .sub-03.clear-block::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 300px;
    margin-top: -318px;
    background-color: hsla(0,0%,100%,0);
    background: -webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,100%,0)),to(#fff));
    background: linear-gradient(180deg,hsla(0,0%,100%,0),#fff);
}

.sub-03 {position: relative;}
.sub-02 .banner {
    background-image: url(images/subscribe/sub-02.jpg);
    background-repeat: no-repeat;
    background-position: center right;
    background-color: #b8021b;
    border-radius: 10px;
    padding: 40px 25px;
    background-size: 50%;
}
.sub-02 .content {
    max-width: 450px;
    text-align: center;
}
.sub-02 h1 {
    font-size: 18px;
    font-weight: bold;    
    line-height: 2;
    color: #fff;
}
.sub-02 h3 {
    font-size: 18px;
    font-weight: bold;    
    color: #fcd402  ;
    line-height: 2;
}
.sub-03 .plans {
/*    max-width: 400px; */
}
.sub-02 .inclusion {
    width: 95%;
    margin: auto;
    background-color: #ededed;
    border: 1px solid #dcdcdc;
    padding: 25px;
    border-radius: 0 0 10px 10px;
    border-top: 0px;
    box-shadow: 0 1px 5px #ccc;
}
.plan-inclusions {padding-left:25px; padding-bottom: 30px;}
.sub-02 .icon {    
    padding: 0 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

.sub-02 .icon.is_mobile {
    display: none;
}
        
.sub-02 .icon.is_desktop {
    display: flex;
}

.sub-02 .icons {
    width: 36%;
    background-color: #b8021b;
    float: left;
    margin: 20px 0;
    padding-top: 36%;
    border-radius: 50%;
    background-position: center center;
    background-size: 50%;
    background-repeat: no-repeat;
}
.article-body .sub-02 .is_desktop .icons {
    width: 20%;
    
    margin: 20px 10px;
    padding-top: 20%;
}
.sub-02 .icon-audio {
    background-image: url('images/subscribe/icon-audio.png');    
}
.sub-02 .icon-family {
    background-image: url('images/subscribe/icon-family.png');    
}
.sub-02 .icon-romance {
    background-image: url('images/subscribe/icon-romance.png');    
}
.sub-02 .icon-crime {
    background-image: url('images/subscribe/icon-crime.png');    
}
.sub-02 h2 {
/*    font-size: 28px;
    letter-spacing: 1px;
    word-spacing: 5px;
    font-weight: bold;
    line-height: 2;
    color: #b8001a;
*/
}
.green-bullets .ad-slot--inline {
    display:none;
}
ol.green-bullets, ul.green-bullets {
    list-style: none !important;
}
.green-bullets li {
    background-image: url(images/green-bullets.png);
    background-repeat: no-repeat;
    background-position: left 17px;
    padding-left: 25px;
    word-spacing: 3px;
}

.plans-v2 .plan-img {
    background-image: url(images/digi.png);
    height: 170px;
    width: 100%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.plans-v2 .plan-img.print {
    background-image: url(images/print.png);    
}

.subscribe h1 {
    text-align: center;    
    font-size: 26px;
    line-height: 1.8;        
}

.addons-blocks {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin: 25px 0;
}

.addons-blocks .block {
    width: calc(33.333% - 25px);
    border: 1px solid #dcdcdc;
    border-radius: 10px;
    padding: 25px;
    text-align: center;
    margin-bottom: 25px;
}

.addons-blocks .icon {
    height: 60px;
    width: 60px;
    background: #f4f5fa;
    margin: 0 auto 25px auto;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center center;
}

.addons-blocks .title {
    font-size: 14px;
}

.addons-blocks .icon-audio {
    background-image: url(images/subscribe/icon-audio.png);    
}

.addons-blocks .icon-book {
    background-image: url(images/subscribe/icon-book.png);    
}

.addons-blocks .icon-story {
    background-image: url(images/subscribe/icon-story.png);    
}

.addons-blocks .icon-problem {
    background-image: url(images/subscribe/icon-problem.png);    
}

.addons-blocks .icon-society {
    background-image: url(images/subscribe/icon-society.png);    
}

.addons-blocks .icon-politics {
    background-image: url(images/subscribe/icon-politics.png);    
}

.plans-v1 {
    display: flex;
    flex-wrap: wrap;
}
.plans-v1 .plan-head:before {
    width: 7px;
    height: 80%;
    position: absolute;
    background: var(--navbar);
    content: '';
    left: 0;
    top: 0;
    border-radius: 10px;
}
.plans-v1 .plan-image {
    width: 100%;
}
.sub-02 .plan-image .col-6{
    width: 50%;
}
.plan a, .plan-pd a {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.plans-v1 .plan-head {
    padding-left: 15px;
    border-bottom: 1px solid #ccc;
    width: 100%;
    text-align: left;
    padding-bottom: 5px;
    position: relative;
    margin-top: 25px;
}
.plan-v1 {
    background: #f7f7f7;
    border-radius: 10px;
    padding: 15px;
    color: #000;
    text-align: left;
    width: 100%;
    margin-bottom: 40px;
    box-shadow: 0 2px 5px #898989;
    font-weight: bold;
    position: relative;
    margin-top: 15px;
}
.plan-v1.digi {
    background-image: url('images/digi.png');
    background-repeat: no-repeat;
    background-position: bottom right 10px;
}
.plan-v1.print {
    background-image: url('images/print.png');
    background-repeat: no-repeat;
    background-position: bottom right 10px;
}
.recom {
    background: #E72197;
    border-radius: 10px;
    font-family: sans-serif;
    font-size: 14px;
    line-height: 14px;
    text-align: center;
    color: #fff;
    padding: 5px 15px;
    display: table;
    margin-bottom: 10px;
    font-weight: normal;
}
.plan-v1 .price {
    color: var(--navbar);
    margin: 10px 0;
    font-size: 24px;
    line-height: 1.4;
}
.plan-v1 .price span:before {
    content: "";
    display: block;
    position: absolute;
    height: 1px;
    width: 100%;
    background: #000;
    top: 10px;
    left: 0;
    transform: rotate(0deg);
}
.plan-v1 .price span {
    position: relative;
    font-weight: normal;
    color: #000;
    margin-left: 5px;
    font-size: 16px;
    display: none;
}
.plan-v1 .ïnfo {
    font-size: 14px;
    color: #b8001a;
    margin-bottom: 15px;
}
.plan-v1 .ïnfo span{
    color: #000;
}
.plan-v1 a {
    display: inline;
    background: var(--navbar);
    border-radius: 10px;
    font-size: 14px;
    padding: 7px 10px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    position: absolute;
    bottom: -15px;
    margin-left: 50%;
    left: -60px;
    width: 120px;
    text-align: center;
}
.plan-v1 .benefits a {
    color: #fff;
    font-weight: normal;
    font-size: 14px;
    border-bottom: 1px solid #fff;
}
.plan-v1 .modal h2 {
    display: none;
}
.plan-v1 .modal ul {
    list-style-type: none;
    margin-right: 20px;
}

.plan-v1 .modal .green-bullets li {
    font-size: 14px;
    line-height: 1.5;
    background-position: left 5px;
    padding-left: 26px;
    margin-bottom: 10px;
    background-size: 16px;
}
.plan-popup.modal .close, .plan-popup.modal .close:hover, .plan-popup.modal .close:focus { color: #c4004c;}
.plan-popup.modal .close:before {display: none;}
.plan-v1 .price-footer {text-align: center;margin-bottom: 15px;}
.plan-v1 .price-footer a {display: inline-block;background: #c4004c;border-radius: 10px;font-size: 14px;padding: 7px 15px;font-weight: normal;text-transform: uppercase; color: #fff;}

.plan-v1 .benefits-head {
    color: #c4004c;
text-align: center;
font-size: 20px;
padding: 15px 0 15px;
width: 150px;
margin: auto;
}
.plan-v1 .modal-content {border-radius: 10px;}

.plan-info {
    background: #FFFDE9;
    padding: 40px 25px 25px 25px;
    font-size: 15px;
    border: 1px solid #ebebeb;
    border-radius: 5px;
    position: relative;
}
.plan-info:before {
    width: 100%;
    background: #EDE064;
    height: 8px;
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    overflow: hidden;
}
.plan-info h2 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
}

.plan-container {
    display: flex;
    margin: 100px 6% 50px 6%;
    justify-content: center;
}


.between-story .plan-container {    
    margin: 0 0 25px;    
}

/*
 .between-story .plans .plan-title {    
    height: 64px;
    display: flex;
    justify-content: center;
    align-items: center;
}
*/

.between-story .plan-container .plans {
    width: 48%;
    text-align: center;
    margin: 1%;
}
.plan-container .plans {
    width: 31.333%;
    text-align: center;   
    margin: 1%;
}
.plans h1 {
    font-size: 20px;
}
.h1-sep {
    width: 90px;
    margin: auto;
    border-bottom: 2px solid var(--navbar);
    height: 2px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.plan-title {
    font-size: 16px;
    line-height: 2;
}
.plan-sep {
    border-bottom: 1px solid #CCC;
    padding: 10px 0;
}
.plans .price {
    color: var(--navbar);
    margin: 10px 0;
    font-size: 40px;
    line-height: 1;
    font-weight: 600;
}
.plans .price span:before {
    content: "";
    display: block;
    position: absolute;
    height: 2px;
    width: 120%;
    background: #777;
    top: 24px;
    left: -10%;
    transform: rotate(0deg);
}
.plans .price span {
    position: relative;
    font-weight: normal;
    color: #777;
    font-size: 20px;
    display: table;
    margin: auto;
    line-height: 2.5;
    display: none;
}  


.plan-block {
    padding: 40px 20px 25px 20px;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    border: 1px solid #f5f1f1;
    box-shadow: 0px 0px 10px #ededed;
}
.plan-block:before {
    width: 100%;
    background: var(--navbar);
    height: 8px;
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    overflow: hidden;
}
.plan-block:after {
    width: 100%;
    background: #fff;
    height: 8px;
    position: absolute;
    content: "";
    left: 0;
    top: 3px;
    overflow: hidden;
    border-radius: 20px 20px 0 0;
}
.plan-best {
    margin-top: -35px;
}
.plan-best .plan-block {
    /* padding-top: 60px;
    box-shadow: 0px 10px 50px #dcdcdc; */
}
.plan-best .plan-block:before {
    background: green;    
}

.plan-best .top-bg:before {
    width: 100px;
    background: green;
    position: absolute;
    content: "Best Value";
    left: calc(100% - 115px);
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
    line-height: 25px;
    border-radius: 0 0 5px 5px;
    top: 0;
    z-index: 1;
    text-align: center;
}

.plans span {
    display: block;
}
.plans ul {
    text-align: left;
    line-height: 3;
    padding: 20px 0;
    font-size: 16px;
}
.between-story .plans ul {
    line-height: 2;
    font-size: 14px;
}

.between-story .green-bullets li {   
    background-position: left 8px;    
    margin-bottom: 10px;
}

.plans a {
    background: var(--navbar);
    padding: 10px 20px;
    border-radius: 5px;
    color: #fff;
    width: 100%;
    display: block;
}
.readers-container {
    text-align: center;
    text-transform: capitalize;
    font-size: 30px;
    line-height: 1.8;    
    padding: 50px 0;
}
.readers-container .row {
    display: flex;
    margin: 50px 0 0;
}
.readers-block {
    width: 49%;
    float: left;
    display: flex;
    padding: 20px 0;
}
.readers-container .v-sep {
    border-right: 1px solid #dcdcdc;
    width: 0;
    margin-right: 2%;
    margin-left: 1%;
}
.readers-block .block-1 {
    min-width: 110px;
    float: left;
}
.img-round {
    width: 90px;
    height: 90px;
    margin: auto;
    overflow: hidden;
}
.img-round img {
    object-fit: cover;
    object-position: center;
    height: 100%;
    width: 100%;
    border-radius: 50%;
    border: 1px solid var(--navbar);
    padding: 7px;
}
.images {
    display: flex;
    justify-content: center;
    margin: 40px 0;
    align-items: center;
}

.img-round.active {
    min-width: 110px;
    height: 110px;    
}

.img-round.active img {
    border: 2px solid var(--navbar);
}
.reader-name {
    font-size: 17px;
    margin: auto;
    margin-top: 5px;
    display: table;
    position: relative;
    line-height: 2;
}
.reader-desi {
    font-size: 15px;
    line-height: 1.5;
    color: #777;
}
.readers-block .block-2 {
    padding: 0 15px;
}
.readers-container p {
    font-size: 18px;
    color: #6D6D6D;
    text-align: left;
}
.read-sep {
    width: 90px;
    margin: auto;
    border-bottom: 2px solid var(--navbar);
    height: 2px;
    margin-top: 15px;
}
    /* FAQ */
.faq-block .accordion {
  background-color: #fff;
  color: #000;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-family: 'Hind', sans-serif;
  font-size: 16px;
  transition: 0.4s;
  margin-bottom: 0;
  font-weight: 600;
}

.faq-block .active, .faq-block .accordion:hover {
  background-color: #fff;
}

.faq-block .accordion:after {
  content: '\002B';
  color: #777;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.faq-block .active:after {
  content: "\2212";
}

.faq-block .panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  margin-bottom: 20px;
  text-align: left;
}
.faq-block {
    max-width: 800px;
    margin: 25px auto 25px auto;    
    font-size: 20px;
}

.faq-block p {
    font-size: 16px;
    margin-bottom: 18px;
}    

/* modal popup */


/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 101; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
 background-color: rgba(0,0,0,0.7); /* Black w/ opacity */
}

/* Modal Content/Box */

.modal-content {
    background-color: #fefefe;
    margin: 15% auto;
    padding: 2px;
    width: 80%;
    max-width: 600px;
    overflow: auto;
}

/* The Close Button */
.modal .close {
    color: #fff;
    float: right;
    font-size: 28px;
    font-weight: bold;
    margin-right: 10px;
}

.modal .close:hover,
.modal .close:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

.modal-content .title {font-size: 16px; padding:15px; color:#fff; background-color: #0081ff;}
.modal-content .body-text {font-size: 14px; font-weight: normal;}
.modal-content .body-text .subtitle {font-size: 14px; font-weight: bold; color: #0081ff;}
.modal-content ul {list-style-type: disc; margin-left: 20px;}

.text-center {text-align: center;}
#whyRegister .modal-content, #GuestLogin .modal-content {max-width: 400px;
    border-radius: 5px;
    background-color: #fff;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top left;}
#whyRegister .modal-content, #GuestLogin .modal-content {background-image: url('images/subscribe/form-header.jpg');}

.modal .guest-register-block, .modal .guest-login-block {padding: 100px 20px 20px 20px;}
.modal .guest-register-block *, .modal .guest-login-block * {font-size: 16px;}


.modal .icons {
    height: 100px;
    width: 100px;
    background: #fff;
        background-position-x: 0%;
        background-position-y: 0%;
        background-repeat: repeat;
        background-image: none;
    border-radius: 50%;
    text-align: center;
    position: relative;
    margin-left: 50%;
    left: -50px;
    margin-top: -40px;
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
}
.form-head {
    font-size: 36px !important;
    color: var(--navbar);
    line-height: 1.3 !important;  
}
.form-subhead {
    font-size: 24px !important;
    color: #393c43;
    line-height: 1 !important;
    margin: 0 0 5px 0;
}
.form-info-text {font-size: 17px !important;}
.form-group label {
    width: 43%;
    display: inline-block;
    float: left;
    padding:1px 0;
}
.loading-button {
    background: url(images/subscribe/loading.gif), transparent;
    height: 35px;
    width: 150px;
    background-color: var(--navbar);
    background-position: center center;
    background-size: 18%;
    background-repeat: no-repeat;
    margin: auto;
    border-radius: 5px;
    display: none;
}
.frm-block input, .frm-block textarea {
    border: 1px solid #dcdcdc;
    display: inline-block;
    width: 100%;
    padding: 10px;
}
.form-group label.error, .text-danger {
    width: 100%;
    font-size: 11px;
    line-height: 1.5;
    font-weight: normal;
    color: #aa1d23;
    text-align: right;
    float: left;
}
.form-group {
    padding: 5px 0;
}
.verify-otp {position: relative;}
#resend-otp {
    position: absolute;
    right: 10px;
    top: 13px;
    text-decoration: underline;
    color: blue;
}
.submit-form, .verify-otp {display: none;}

#whyRegister .modal-content .button, #GuestLogin .modal-content .button {
    background: var(--navbar);
    padding: 10px;
    display: inline-block;
    border-radius: 5px;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    border: none;
    width: 150px;
    margin-top: 10px;
	cursor:pointer;
}

#audioPopup .modal-content {
    background-image: url(images/audio-popup.png);
    max-width: 320px;
    height: 400px;
    border-radius: 5px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
}
#audioPopup.modal .close {
    color: #000;
    z-index: 2;
    position: absolute;
    top: 0;
    right: 5px;
}

#audioPopup .abs-link{
          position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    cursor: pointer;
    z-index: 1;      
}

/*  confirmation page  */

.sub-header.confirmation {padding: 50px; background-color: #f2f2f2; text-align: center; color: #babbbd; font-size: 20px;}
.sub-header.confirmation .head {font-size:50px;}
.sub-header.confirmation .head.success {color:#05b99d;}
.sub-header.confirmation .head.failed {color:#f70124;}
.sub-header.confirmation .text {font-size:24px; color: #000;}
.sub-header.confirmation .sep {margin: 10px 0; border-color: #babbbd; }
.sub-header.confirmation .order-detail {
    display: inline-block;
    width: 230px;
    text-align: center;
    border-right: 3px solid;
}
.sub-header.confirmation .no-border {border:none;}
.sub-header.confirmation .order-detail b {font-weight: bold; color: #000; font-size: 24px;}


/* ---------------- write for us page ------------------------ */

.write .banner {
    background-image: url(images/write-banner.png);
    background-repeat: no-repeat;
    background-position: center right;
    min-height: 400px;
    background-size: contain;
    border-radius: 10px;
    padding: 40px 25px;
}
.write-us .block-1 .head {
    font-size: 24px;
    text-align: center;
    padding: 10px 25px;
    margin: 25px auto 0 auto;
}
.write-us .block-2 {
    padding: 10px 25px;
    margin: 25px auto;
    max-width: 800px;
    border: 1px solid #dcdcdc;
    border-radius: 10px;
    font-size: 20px;
    background: #fff;
}
.write-us .block-2 .mail {
    color: var(--navbar);    
    line-height:1.2;
    text-align: center;
    background-image: url(images/social-icons/email-custom.png);
    background-repeat: no-repeat;
}

.write-us .block-2 .location {        
    color: var(--navbar);    
    line-height:1.2;
    text-align: center;
    background-image: url(images/social-icons/gps-custom.png);
    background-repeat: no-repeat;
}
.write-us .block-2 a {color: #000;text-transform: none;}

.write-us .block-3{
    max-width: 800px;
    margin: 25px auto 25px auto;
    padding: 0;
    background: #fff;
    border: 1px solid #dcdcdc;
    border-radius: 10px;
    font-size: 20px;
}

.write-us .block-3 .top {
    padding: 10px 50px;
    color: #fff;
    background: var(--navbar);
    text-align: center;
    font-size: 24px;
    border-radius: 10px 10px 0 0;
}
.write-us .block-3 .middle {
    padding: 25px 50px;
    font-size: 18px;
    line-height: 2;
}
.write-us .green-bullets li {
    background-position: left 12px;
    margin-bottom: 10px;
}

@media only screen and (max-width: 599px) {

    /* mobile responsive menu start */
    #menu .menu-item-description {
            display: none;
    }

    #menu-toggle span,
    #menu-toggle {
            box-sizing: border-box;
            transition: all 0.25s ease-in-out 0s;
    }

    #hamburger span,
    #cross span {
            background: none repeat scroll 0 0 #000;
            display: block;
    }

    #menu-toggle {
            cursor: pointer;
            height: 40px;
            margin: 0px auto;
            position: fixed;
            left: 10px;
            top: 15px;
            width: 40px;
            z-index: 200;
            border-radius: 100%;
    }

    #menu-toggle,
    #menu-toggle:hover {
            background: none repeat scroll 0 0 #e7e7e7;            
    }

    #menu-toggle #hamburger {
            height: 100%;
            position: absolute;
            width: 100%;
    }

    #menu-toggle #hamburger span {
        height: 3px;
        left: 9px;
        margin: 4px 0;
        position: relative;
        top: 7px;
        width: 22px;
    }

    #menu-toggle #hamburger span:nth-child(1) {
            transition-delay: 0.5s;
    }

    #menu-toggle #hamburger span:nth-child(2) {
            transition-delay: 0.625s;
    }

    #menu-toggle #hamburger span:nth-child(3) {
            transition-delay: 0.75s;
    }

    #menu-toggle #cross {
            height: 100%;
            position: absolute;
            -o-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            width: 100%;
    }

    #menu-toggle #cross span:nth-child(1) {
            height: 0;
            left: 18px;
            position: absolute;
            top: 10%;
            transition-delay: 0s;
            width: 4px;
    }

    #menu-toggle #cross span:nth-child(2) {
            height: 4px;
            left: 10%;
            position: absolute;
            top: 18px;
            transition-delay: 0.25s;
            width: 0;
    }

    #menu-toggle.open #hamburger span {
            width: 0;
    }

    #menu-toggle.open #hamburger span:nth-child(1) {
            transition-delay: 0s;
    }

    #menu-toggle.open #hamburger span:nth-child(2) {
            transition-delay: 0.125s;
    }

    #menu-toggle.open #hamburger span:nth-child(3) {
            transition-delay: 0.25s;
    }

    #menu-toggle.open #cross span:nth-child(1) {
            height: 80%;
            transition-delay: 0.625s;
    }

    #menu-toggle.open #cross span:nth-child(2) {
            transition-delay: 0.375s;
            width: 80%;
    }

    #menu {
            background: url(images/back.png) repeat scroll 0 0 rgba(0, 0, 0, 0.8);
            color: #fff;
            display: none;
            height: calc(100% - 0px);
            left: 0;
            position: fixed;
            top: 0;
            transform: scale3d(0.9, 0.9, 0.9);
            width: 100%;
            z-index: 100;
            padding: 80px 10px 20px;
            overflow: scroll;
    }

    #menu ul {}

    #menu ul li {
            margin-top: 5px;
            border-bottom: 1px solid #dcdcdc;
    }

    #menu ul li a {
            color: #fff;
            font-size: 18px;
    }

    @-webkit-keyframes zoomIn {
            0% {
                    opacity: 0;
                    -webkit-transform: scale3d(.9, .9, .9);
                    transform: scale3d(.9, .9, .9);
            }

            100% {
                    opacity: 1;
                    -webkit-transform: scale3d(1, 1, 1);
                    transform: scale3d(1, 1, 1);
            }
    }

    @keyframes zoomIn {
            0% {
                    opacity: 0;
                    -webkit-transform: scale3d(.9, .9, .9);
                    transform: scale3d(.9, .9, .9);
            }

            100% {
                    opacity: 1;
                    -webkit-transform: scale3d(1, 1, 1);
                    transform: scale3d(1, 1, 1);
            }
    }

    @-webkit-keyframes zoomOut {
            100% {
                    opacity: 0;
                    -webkit-transform: scale3d(.9, .9, .9);
                    transform: scale3d(.9, .9, .9);
            }

            0% {
                    opacity: 1;
                    -webkit-transform: scale3d(1, 1, 1);
                    transform: scale3d(1, 1, 1);
            }
    }

    @keyframes zoomOut {
            100% {
                    opacity: 0;
                    -webkit-transform: scale3d(.9, .9, .9);
                    transform: scale3d(.9, .9, .9);
            }

            0% {
                    opacity: 1;
                    -webkit-transform: scale3d(1, 1, 1);
                    transform: scale3d(1, 1, 1);
            }
    }

    .zoomIn {
            animation-name: zoomIn;
    }

    .animated {
            animation-duration: 1s;
            animation-fill-mode: both;
    }

    .zoomOut {
            animation-name: zoomOut;
    }

    .main-navigation a {
            display: unset;
            margin: unset;
    }

    .main-navigation .menu-item-has-children>a {
            padding-right: unset;
    }

    #menu ul {
            width: 100%;
            padding-left: 0;
    }

    .dropdown-toggle,
    .dropdown-toggle:after {
            height: auto;
            width: auto;
            line-height: normal;
    }

    .dropdown-toggle {
            top: 0;
    }

    /* mobile responsive menu end */

    /* Global */
    .head-top {
        display: none;
    }
    .container,
    .container.bdr {
            width: 100%;
            padding: 0 15px;
    }

    .container.fluid {
            padding: 0;
    }

    float-left,
    .float-right {
            float: none;
    }

    .super-big {
            margin-top: 15px;
            padding-left: 5px;
            font-size: 20px;
    }
    .view-all {
        font-size: 16px;
        margin-left: 15px;
    }

    .section-head .text,
    .section-head .text-bg {
            font-size: 20px;
    }

    .section-head .text-bg img {
            height: 20px;
    }

    .section-head .text-bg:after {
            right: -1px;
    }

    .section-head .desc {
            padding: 20px 0;
    }

    .read-story .section-head {
            margin: 30px 0;
    }


    .mob-mar-top {
            margin-top: 20px;
    }

    .yellow-bg {
            font-size: 20px;
    }

    .is_desktop {
            display: none !important;
    }

    .is_mobile {
            display: block;
    }

    .tab.clear-block {
            display: block;
    }

    .desktop.clear-block {
            display: none;
    }

    .m-pad-0 {
            padding: 0;
    }

    .m-pad-t-0 {
            padding-top: 0 !important;
    }

    .slinks .subscribe {
            font-size: 14px;
            background: #62BE1E;
    }
    .slinks .subscribe a {           
            color: #fff;
    }
    
    section .container {
            padding: 25px 10px;
    }

    .block-sep {
            width: 100%;
            border-bottom: 8px solid #dcdcdc;
            padding-bottom: 25px;
            margin-bottom: 25px;
    }

    header .ad-top,
    .mobile-top-ad img,
    header .ad-top img,
    .card_lg .content {
            width: 100%;
            float: none;
            height: auto;
    }

    header .logo {
            text-align: center;
            margin-left: 40px;
    }

    .banner-text {
            font-size: 30px;
            padding: 25px;
    }

    .sub-banner.subscribe .banner-text {
            font-size: 26px;
            padding: 10px;
            line-height: 1.2;
    }

    .mob-col-12 {
            float: none !important;
            width: 100% !important;
    }

    .f-col-8,
    .f-col-4 {
            width: 100%;
            margin: 0;
    }

    .misha_loadmore {
            margin-top: 10px;
            margin-bottom: 60px;
    }

    .pad-top-0 {
            padding-top: 0 !important;
    }

    .pad-rig-0 {
            padding-right: 0 !important;
    }

    .pad-bot-0 {
            padding-bottom: 0 !important;
    }

    .pad-lef-0 {
            padding-left: 0 !important;
    }

    .bg-wht {
            background: #fff;
    }

    /* image menu */
    .image-menu .menu {
            margin: 0 5px;
    }

    .image-menu .image {
        
    }

    .image-menu .title {
            font-size: 20px;
            line-height: 1.2;
    }

    .image-menu .title span {
        font-size: 14px;
        line-height: 1;
    }
    
    /* Header */

    .head-top .slinks {
            margin: 0;
    }
    
    .masthead .container {
            padding: 10px 20px 5px 20px;
    }

    .masthead {
            /* padding-top: 65px; */
            position: relative;
    }

    .masthead .slinks {
            margin: 10px 5px 0;
    }

    header .logo,
    footer .logo {
            padding: 0;
            height: 50px;
            margin-top: 0;
            margin-bottom: 0;
    }

    header .logo img,
    footer .logo img {
            height: 100%;
            width: auto;
    }

    #menu li.menu-item.subscriptions {
            background: #FFE712;
            position: absolute;
            top: 20px;
            padding: 0px 10px;
            border: navajowhite;
            border-radius: 5px;
            left: 100px;
    }

    #menu li.menu-item.subscriptions a {
            color: #000;
    }

    #menu li.menu-item.login {
            position: absolute;
            top: 20px;
            display: inline-block;
            padding: 0px 10px;
            border-radius: 5px;
            border: none !important;
            right: 20px;
    }

    #menu .login .icon {
            width: 25px;
            height: 25px;
            margin-right: 5px;
            background-position: center center;
            background-repeat: no-repeat;
            background-size: contain;
    }

    #menu .login .text {
            line-height: 1;
    }

    #menu .icon.profile {
            background-image: url('images/icons/profile.png');
    }

    #menu .icon.login {
            background-image: url('images/icons/login.png');
    }

    #main-menu {
            border: none;
    }

    #main-menu .container {
            padding: 0 !important;
    }
    .affix + #menu-toggle {
        top: 15px;        
    }
    #menu-toggle {
            display: block;
            transition: all .45s ease-in-out;
    }
    #menu-toggle.open {
        top: 15px;
        background: transparent;
    }
    
    #main-menu {
            display: none;
    }

    #menu {
            background-image: linear-gradient(to bottom, var(--navbar), var(--navbar));
    }

    #menu ul li {
            margin-top: 14px;
            border-bottom: 1px solid rgba(255, 255, 255, .10);
            padding-bottom: 14px;
    }

    #menu ul li a {
            display: flex;
            align-items: center;
    }

    #menu .icons {
            width: 25px;
            height: 25px;
            background-repeat: no-repeat;
            background-position: center center;
            background-size: contain;
            margin-right: 10px;
            margin-left: 10px;
            display: none;
    }

    #menu ul li.menu-item-page {
            margin-top: 5px;
            padding-bottom: 5px;
            padding-left: 10px;
            font-size: 10px;
            display: block;
            float: left;
            width: 50%;
    }

    #menu ul li.menu-item-page a {
            font-size: 14px;
    }

    #menu .menu-item-183 .icons {
            background-image: url('images/icons/krishi.svg');
    }
    #menu .menu-item-9 .icons {
            background-image: url('images/icons/pashu.svg');
    }
    #menu .menu-item-4 .icons {
            background-image: url('images/icons/fasal.svg');
    }
    #menu .menu-item-243 .icons {
            background-image: url('images/icons/fasal.svg');
    }
    #menu .menu-item-12 .icons {
            background-image: url('images/icons/farm.svg');
    }
    #menu .menu-item-167 .icons {
            background-image: url('images/icons/machine.svg');
    }
    #menu .menu-item-10 .icons {
            background-image: url('images/icons/bagbani.svg');
    }
    #menu .menu-item-5 .icons {
            background-image: url('images/icons/mandi.svg');
    }
    #menu .menu-item-7 .icons {
            background-image: url('images/icons/machine.svg');
    }
    #menu .menu-item-6 .icons {
            background-image: url('images/icons/mausam.svg');
    }
    #menu .menu-item-8 .icons {
            background-image: url('images/icons/yojna.svg');
    }
    #menu .menu-item-3 .icons {
            background-image: url('images/icons/samachar.svg');
    }    
    #menu .menu-item-11 .icons {
            background-image: url('images/icons/sawal.svg');
    }
    #menu .menu-item-24798 .icons {
            background-image: url('images/icons/bagbani.svg');
    }
    #menu .menu-item-47297 .icons {
            background-image: url('images/icons/emag.svg');
    }
    
    li.menu-item-33771 a {display: flex;justify-content: center;background: #FFE712;border-radius: 5px;padding: 5px 10px;color: #000 !important;}    

    #mob-header {
            display: block;
            justify-content: space-around;
            position: relative;
            background: #f5f5f5;
            top: 0;
    }

    #mob-header .slinks {
            display: block;
    }

    #mob-header.affix {
            position: relative;
            top: 0;
            background: #f5f5f5;
            z-index: 2;
            -webkit-transition: all .35s ease-in-out;
            transition: all .35s ease-in-out;
    }

    #mob-header .logo img {
            height: 40px;
            width: auto;
            margin-top: 5px;
    }

    /* Ads */
    .ads-block {
            width: 100%;
            border-top: 8px solid #dcdcdc;
            margin-top: 25px;
            padding-top: 25px;
    }

    .ad-top {
            display: none;
    }

    .ads-1,
    .ads-2,
    .ads-3,
    .ads-4 {
            text-align: center;
    }

    .mobile-top-ad {
            margin-top: 0;
    }

    .self-ad .container {
            padding: 40px 15px 25px 15px;
    }

    .self-ad1 {
            padding: 50px 20px 30px 20px;
            text-align: center;
    }
    
    .self-ad1 .title {
            font-size: 20px;
            padding: 20px 0;
            float: inherit;
    }

    .self-ad1 .desc {
            font-size: 14px;
            float: inherit;
            width: 100%;
            margin: 0 0 20px 0;
    }

    .self-ad1 .icon-thumbs-up {
            margin-top: -90px;
            margin-left: auto;
            margin-right: auto;
            float: inherit;
    }

    .ad-bg {
            background-color: #ccc;
            margin: auto;
    }

    .lb_2 {
            width: 320px;
    }

    .sb {
            width: 300px;
    }

    /* Cards */
    .card-sep {
            width: 100%;
            border-bottom: 1px solid #dcdcdc;
            padding-bottom: 25px;
            margin-bottom: 25px;
            margin-left: 20px;
            margin-right: 20px;
    }

    .card_sm {
            border: none;
    }

    .card_lg_bg .title {
            font-size: 20px;
    }

    .card_lg_bg .content {
            padding: 0 20px 20px 20px;
    }

    .card_lg {
            background-color: transparent;
            margin-bottom: 0;
    }

    .card_lg .content {
            padding: 5px 0 0;
    }

    .card_lg .image-container {
            width: 100%;
    }

    .card_lg .title {
            font-size: 20px;
            margin-bottom: 0
    }

    .card_lg .section-btn a {
            background: transparent !important;
            color: #78f81a;
            padding: 0;
            margin-bottom: 0;
    }

    .card_lg .section-btn a:after {
            content: ' /';
            font-size: 14px;
    }

    .card_lg .section-btn a:last-child:after {
            content: '';
    }

    .owl-theme .owl-controls .owl-page.active span, 
    .owl-theme .owl-controls.clickable .owl-page:hover span {
        background-color: #78F81A !important;
    }
    .card_sm .content {
            padding-left: 10px;
            padding-right: 10px;
    }

    .card_xs .image-container {
            width: 35%;
    }

    .card_xs .title,
    .card_sm .title,
    .card_md .title {
            font-size: 16px;
            line-height: 1.4;
    }

    .card_sm .title {
            font-size: 18px;
    }

    .card_sm,
    card_md,
    .col-8,
    .col-4,
    .col-8 .card_sm {
            width: 100%;
    }

    .card_sm .icon-audio {
            height: 25px;
            width: 25px;
            top: 5px;
            right: 5px;
    }

    .maglist .owl-controls .owl-buttons div {
        height: 23px;
        width: 23px;
        background-size: contain !important;
    }
    .maglist .owl-controls {
        top: 30%;
    }
    /* Category and Slug Styles */

    /* fixed menu */
    .fixed-menu {
            display: flex;
            align-content: space-evenly;
            padding: 5px 0;
            margin-top: 2px;
            position: relative;
            bottom: 0;
            width: 100%;
            overflow-x: scroll;
            background: linear-gradient(0deg, #fff 60%, #fff 40%);
            padding-bottom: 10px;
           /* border-bottom: 8px solid #e5e5e5; */
            justify-content: left;
            padding-left: 15px;
    }

    .fixed-menu .menu {
        text-align: center;
        font-size: 12px;
        font-weight: 500;
        color: #a5a5a5;
        position: relative;
        margin: 10px 20px 0 0;
    }

    .fixed-menu .icon {
        height: 60px;
        min-width: 60px;
        background-color: #f4f5fa;
        border-radius: 100px;
        background-repeat: no-repeat;
        background-position: center center;
        display: flex;
        align-items: center;
        text-align: center;
        justify-content: center;                
    }
       
    .fixed-menu .title {
            margin-top: 10px;
    }

    .fixed-menu .menu.active {
            color: #ff4144;
    }

    .fixed-menu .menu .icon a {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
    }
    
    /* for svg image with colour */
    .fixed-menu .icon div {
        -webkit-mask-size: contain;
        mask-size: contain;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-position: center;        
        mask-position: center;
        background-color: black; 
        width: 30px;
        height: 30px;
    }
    .fixed-menu .icon .krishi {      
        -webkit-mask-image: url('images/icons/krishi.svg');
        mask-image: url('images/icons/krishi.svg');
    }
    .fixed-menu .icon .pashu {  
        -webkit-mask-image: url('images/icons/pashu.svg');
        mask-image: url('images/icons/pashu.svg');
    }
    .fixed-menu .icon .fasal {   
        -webkit-mask-image: url('images/icons/fasal.svg');
        mask-image: url('images/icons/fasal.svg');
    }
    .fixed-menu .icon .farm {
        -webkit-mask-image: url('images/icons/farm.svg');
        mask-image: url('images/icons/farm.svg');
    }
    .fixed-menu .icon .machine {
        -webkit-mask-image: url('images/icons/machine.svg');
        mask-image: url('images/icons/machine.svg');
    }
    .fixed-menu .icon .bagbani {
        -webkit-mask-image: url('images/icons/bagbani.svg');
        mask-image: url('images/icons/bagbani.svg');
    }
    .fixed-menu .icon .mandi {
        -webkit-mask-image: url('images/icons/mandi.svg');
        mask-image: url('images/icons/mandi.svg');
    }
    .fixed-menu .icon .mausam {
        -webkit-mask-image: url('images/icons/mausam.svg');
        mask-image: url('images/icons/mausam.svg');
    }
    .fixed-menu .icon .yojna {
        -webkit-mask-image: url('images/icons/yojna.svg');
        mask-image: url('images/icons/yojna.svg');
    }
    .fixed-menu .icon .samachar {
        -webkit-mask-image: url('images/icons/samachar.svg');
        mask-image: url('images/icons/samachar.svg');
    }
    .fixed-menu .icon .sawal {
        -webkit-mask-image: url('images/icons/sawal.svg');
        mask-image: url('images/icons/sawal.svg');
    }  
    .fixed-menu .icon .emag {
        -webkit-mask-image: url('images/icons/emag.svg');
        mask-image: url('images/icons/emag.svg');
    }
    

    /* Home */
    .feature {
            flex-direction: column;
    }

    .feature {
            padding: 40px 0 20px 0;
    }

    .feature .block-1 {
            width: 100%;
    }

    .feature .block-2 {
            width: 100%;
            padding-left: 0;
            display: none;
    }

    .feature .card_sm_bg .image-container {
            width: 35%;
            float: left;
            margin-right: 20px;
    }

    .feature .card_sm_bg .content {
            position: relative;
    }

    .feature .card_sm_bg .title {
            font-size: 16px;
            text-shadow: none;
    }

    .feature .card_sm_bg .title a {
            color: #000;
    }

    .feature .card_sm_bg .section-btn a {
            background: none;
            padding: 0;
            color: #299E8B;
            margin-bottom: 0;
    }

    .feature .card_sm_bg.card-2 {
            border-top: 1px solid #dcdcdc;
            margin-top: 25px;
            padding-top: 25px;
    }
    
    .owl-feature {
        background: #000;
        border-radius: 10px;
    }
    .owl-feature .content {
        padding: 15px 15px 0 15px;
    }
    .owl-feature .title a {
        color: #fff;
    }
    .owl-feature .owl-controls {
            position: relative;
            margin: 0;
    }

    .owl-carousel .owl-wrapper-outer {
            /* box-shadow: 0px 1px 2px #ccc; */
            border-radius: 5px;
    }

    .owl-feature .owl-controls {
            margin-top: 0 !important;
            bottom: 0;
    }

    .owl-feature .owl-item {
            max-height: 380px;
    }

    .home .feature .f-col-4 {
            display: none !important;
    }

    .special .card_xs {
            background: #fff;
            border: none;
            margin: 10px 0;
            padding: 10px;
            border-radius: 5px;
    }

    .special .card_sm {
            padding: 10px;
    }

    .special .card_xs.card-2 {
            margin-top: 20px;
    }
        
    
    /*Feed*/
    .feed-container .card_sm {
            /* padding-bottom: 25px;            */
    }

    .feed-container .card_xs.card-1 {
            border-top: 1px solid #dcdcdc;
            padding-top: 15px;
            margin-top: 15px;
    }

    .feed-container {
            padding: 0;
            flex-direction: column;
    }

    .feed-container .block-1,
    .feed-container .block-2,
    .feed-container .block-3 {
            width: 100%;
            padding-right: 0;
    }

    .feed-container .block-1 {
            order: 2;
    }

    .feed-container .block-2 {
            order: 1;
    }

    .feed-container .block-3 {
            order: 3;
    }

    .feed-container .block-1 .card-1 {
            padding-top: 25px !important;
            margin-top: 25px;
            border-top: 1px solid #dcdcdc;
    }

    .seprator {
            margin-top: 25px;
            padding-top: 25px;
            border-top: 1px solid #ccc;
    }


    /* Footer */
    footer .masthead {
            padding: 20px 0;
    }

    footer .masthead .container {
            padding: 0;
    }

    footer .logo,
    footer .footer-links {
            width: auto;
            margin: auto;
            float: none;
    }

    footer .cols,
    footer .cols.websites {
            width: 48%;
            margin-left: 2%;
    }

    footer .cols.websites {
            margin-top: 10px;
    }

    .footer-links, .footer-info {
            display: none;
    }

    footer .bstrip-pad {
            padding-bottom: 12px;
    }

    .bottom-strip.fixed {
            font-size: 14px;
            background-color: var(--navbar);
            border-top: none;
            bottom: 0;
    }

    .bottom-strip span {
            display: block;
            background-color: var(--header);
            padding: 5px 0 0 0;
    }

    .bottom-strip .btn-yellow {
            font-size: 16px;
    }

    footer.bstrip-pad {
            margin-top: 20px;
    }

    /* Category */
    .category .feature {
            padding: 10px 0 20px 0;
    }

    .category .feature .f-col-8 {
            margin-bottom: 20px;
    }

    .category .read-story.mob-mar-top {
            margin-top: 0;
    }

    #red-more-stories .container {
            padding: 0 10px;
    }

    .category .block {
            width: 100%;
            padding: 0;
    }

    .wp-pagenavi {
            font-size: 10px;
            margin-top: 20px;
            float: left;
    }

    .card_sm .image {
            padding-top: 66.66%;
            position: relative;
            overflow: hidden;
    }

    .card_sm .image img {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
    }

    .category-list {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-evenly;
    }

    .category-list .card_sm {
            width: calc(50% - 20px);
            padding: 0;
            margin: 10px 0;
            background: #fff;
    }

    .category-list .card_sm .image {
            width: 100%;
            border-radius: 5px 5px 0 0;
    }

    .category-list .card_sm .title,
    .category-list .card_sm .title h1 {
            height: auto;
    }


    /* Tag */
    .style-wht .section a {
            color: #fff;
    }

    .style-wht .sep {
            border-color: #fff;
    }

    /* Search */
    /* Author */
    /* Date */
    /* Single Post */
    .single-post .head .super-big {
            margin-top: 10px;
    }

    .single-post header .title,
    .single-e-magazines header .title,
    .single-post header .subhead,
    .single-post .rg-image,
    .single-post .rg-image img,
    .single-post .article-body {
            height: auto;
            width: 100%;
    }

    .single-post .article-body {
            font-size: 18px;
            line-height: 1.6;
    }

    .single-post .article-body .readmore--inline .card_xs {
            margin-bottom: 15px;
    }

    .single-post .article-body .readmore--inline .card_xs .image {
            height: 94px;
    }

    .single-post .article-body .ad-slot--inline {
            margin: auto;
            float: none;
            margin-bottom: 20px;
    }

    .single-post .article-body .size-full {
            height: auto;
            max-height: 300px;
            width: auto;
    }

    .single-post .article-body figure {
            max-width: 100% !important;
            height: auto;
    }

    .tag-head {
            font-size: 22px;
            padding: 30px 0;
    }

    .tag-head p {
            font-size: 14px;
    }

    .single-post .tag-head {
            font-size: 22px;
            padding: 30px 0 80px 0;
    }


    ul.byline {
            font-size: 14px;
    }

    .byline li {
            padding: 10px 15px 10px 21px;
    }

    #rg-gallery {
            margin-bottom: 20px;
    }

    .single-post .article-body {
            font-size: 16px;
            line-height: 2;
    }

    .article-body .ad-slot--inline .social-icons-right,
    .article-body .ad-slot--inline .more-from,
    .article-body .ad-slot--inline .card_sm {
            display: none;
    }

    .article-body .ad-slot--inline .a-single {
            margin-top: 0 !important;
            margin-bottom: 20px;
    }

    .single-post .st_social-sharing,
    .single-post .social-text {
            float: none;
            text-align: center;
    }

    .single-post .article-body li.social-icon {
            margin-bottom: 0;
    }

    .single-post .key-word-title {
            float: none;
            text-align: center;
    }

    .single-post .rest-part-text {
            font-size: 14px;
    }

    .single-post .rest-part-text span {
            margin-left: -12px;
    }

    .single-post .rest-part-text span:before {
            display: none;
    }

    .single-post .rest-part-text span:after {
            height: 16px;
            width: 22px;
            margin-left: 2px;
            margin-top: 6px;
    }

    .left-container {
            width: 100%;
            padding-right: 0;
    }

    .read-more-title {
            font-size: 18px;
    }

    .prev-next-btn .image-container {
            width: 100%;
    }

    .mk-vishesh .block-1 {
            width: 100%;
            padding-right: 0;
    }

    .mk-vishesh .block-2 {
            width: 100%;
            padding-left: 0;
    }

    .mk-vishesh .card_xs.card-4 {
            border-top: 1px solid #dcdcdc;
            padding-top: 15px;
            margin-top: 15px;
    }

    #rg-gallery .rg-image {
            box-shadow: 0px 1px 2px #ccc;
            border-radius: 5px;
    }

    .single-post header .author {
            margin-top: 15px;
    }
    .more-from {

        padding: 10px 0 0 0;

    }
    .story-menu {
        background: #f5f5f5;
        border-radius: 8px;
        margin-top: 20px;
        border-right: 10px solid #f5f5f5;
    }
    .story-menu .menu {
        min-width: 23%;
        margin-bottom: 0;
        padding: 20px 0 5px 0;
    }
    
    .story-menu .icon {
            height: 65px;
            width: 65px;            
    }

    .story-menu .title {
            font-size: 14px;
            margin-top: 10px;
            position: relative;
            margin-bottom: 0;
            bottom: 0;
            line-height: 1.5;   
    }

    .story-menu .title a {
            color: var(--navbar);
    }

    .social-icons-wrap {
            margin-top: 15px;
    }

    .social-icons {
            overflow: hidden;
            height: auto;
    }

    /* Episode page */

    .bg-grey .subhead {
            font-size: 18px;
            line-height: 1.5;
            color: #fff;
            width: 100%;
            margin-top: 10px;
            margin-bottom: 10px;
            padding: 10px;
    }

    .bg-grey .image {
            border-radius: 0;
            overflow: hidden;
            margin-top: 10px;
            display: inline-block;
    }

    .bg-grey .card-episode {
            position: relative;
    }

    /* .bg-grey .card-episode .content {position: absolute; bottom: 0;} */
    .bg-grey .card-episode .content {
            position: relative;
            bottom: 0;
            padding: 5px
    }

    .bg-grey .more-stories.clear-block {
            margin-top: 0;
    }

    .bg-grey .card-episode {
            position: relative;
            margin: 10px 0;
    }

    .bg-grey .card-episode .head {
            margin-bottom: 0;
    }

    .bg-grey .card-episode .story .sep {
            display: none;
    }

    .bg-grey .card-episode .image {
            margin-top: 0;
            display: block;
    }

    .bg-grey .card-episode .content {
            width: 100%;
            background: rgba(0, 0, 0, 0.6);
    }

    .bg-grey .card-episode .super-big {
            margin-bottom: 0;
            margin-top: 5px;
    }

    .bg-grey .card-episode .super-big a {
            font-size: 24px;
    }

    .bg-grey .card-episode .subhead {
            margin: 0;
            padding: 5px;
    }

    .bg-grey .card_xs {
            padding: 8px;
    }

    .bg-grey .card_xs .image {
            width: 95px;
            margin-top: 0;
            margin-right: 10px;
            border-radius: 10px;
    }

    .bg-grey .card_xs .section {
            display: table;
    }

    .bg-grey .card_xs .title {
            height: auto;
            max-height: 50px;
    }

    .bg-grey .card_xs .title a {
            font-size: 16px;
            line-height: 1.5;
    }
    .more-stories+.self-ad1 {
        margin-top: 80px;
    }
    /* Single Page */
    /* Subscribe */
    
    .subscribe h1 {
        font-size: 18px;
    }
    .plan-container {
        display: block;
        margin: 0;
    }
    .plan-container .plans-v2 {
        width: 100%;
        margin: 0;
    }
    .between-story .plan-container {    
        margin: 0;    
    }
    .between-story .plan-container .plans {
        width: 100%;
    }
    .plan-container:before {
        background-image: url(images/subscribe/plan-banner-mob.png);    
        height: 200px;
        width: 100%;
        background-position: center bottom;
        background-repeat: no-repeat;        
        content: '';
        display: block;
        background-size: contain;
        top:0;
    }
    .plans-v2 .plan-block {
        padding: 25px 15px;
        text-align: left;
        margin-bottom: 25px; 
        border: none;
    }
    .plans-v2 h1 {
        font-size: 16px;
        float: left;
        margin-right: 5px;
        line-height: 2;
    }
    .plans-v2 .plan-title {        
        color: #a4a4a4;                
    }
    .plans-v2 .h1-sep {
        display: none;
    }
    .plans-v2 .price {       
        margin: 5px 0;
        font-size: 26px;        
        clear: both;
    }
    .plans-v2 .plan-img {
        background-size: auto 80px;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: -1;
        background-position: right 20px center;
    }
    .plans-v2 .plan-img.digi {
        background-image: url(images/digi-mob.png);    
    }
    .plans-v2 .plan-img.print {
        background-image: url(images/print-mob.png);    
    }
    
    .plans-v2 .plan-sep {
        display: none;
    }
    .plans-v2 a {        
        padding: 5px 20px;
        font-size: 14px;
        text-align: center;
        margin-top: 10px;
    }
    .addons-blocks{
        margin-bottom: 0;
    }
    
    .addons-blocks .block {
        width: calc(50% - 15px);
    }
    .plan-inclusions {
            padding-left: 0;
    }

    .faq-block {
            font-size: 18px;
    }

    .faq-block .accordion {
            font-size: 16px;
    }

    .sub-02 .icon.is_desktop {
            display: none;
    }

    .sub-02 .icon.is_mobile {
            display: flex;
    }

    .readers-container {
            padding: 30px 0 0;
            font-size: 22px;
            line-height: 1.25;
    }

    .readers-container .images {
            justify-content: left;
            margin: 40px 0;
            overflow: scroll;
    }

    .readers-container p {
            font-size: 14px;
            line-height: 2;
    }

    .readers-container .row {
            display: flex;
            margin: 10px 0 0;
            flex-wrap: wrap;
    }

    .readers-block {
            width: 100%;
            float: left;
            display: flex;
            padding: 20px 0;
    }

    .readers-container .v-sep {
            border-bottom: 1px solid #dcdcdc;
            width: 100%;
            height: 1px;
            margin-right: 0;
            margin-left: 0;
    }

    .sub-02 .banner {
            background-position: top right;
            padding: 0;
            background-size: 50%;
            background: none;
    }

    .sub-02 .yel-text {
            font-size: 16px;
            line-height: 1.7;
            max-width: 65%;
    }

    .sub-02 .whi-text {
            font-size: 20px;
            max-width: 65%;
            margin-top: 10px;
            margin-bottom: 10px;

    }

    .sub-02 h1 {
            font-weight: bold;
            color: #000;
    }

    .sub-02 h3 {
            text-align: center;
            letter-spacing: 1px;
            word-spacing: 5px;
            font-weight: bold;
            line-height: 2;
            color: #b8001a;
            margin-top: 0;
    }

    .plan-head {
            font-weight: bold;
            font-size: 18px;
            display: block;
            text-align: center;
    }

    .plan-mrgn {
            margin-bottom: 5px;
            margin-top: 5px;
    }

    .plan {
            width: 45%;
            padding-top: 45%;
            margin: 2.5%;
            background-position: top center;
            background-size: contain;
            background-repeat: no-repeat;
            position: relative;
            box-shadow: 0 1px 5px #ccc;
            border-radius: 5px;
    }

    .plan-pd {
            padding-top: 45%;
            width: 100%;
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center center;
            box-shadow: 0 1px 5px #ccc;
            border-radius: 5px;
    }

    .pd-block {
            margin-bottom: 15px;
            position: relative;
            margin: 2.5%;
    }

    .plan-1 {
            background-image: url('images/subscribe/plan-1.png');
    }

    .plan-2 {
            background-image: url('images/subscribe/plan-2.png');
    }

    .plan-3 {
            background-image: url('images/subscribe/plan-3.png');
    }

    .plan-4 {
            background-image: url('images/subscribe/plan-4.png');
    }

    .plan-5 {
            background-image: url('images/subscribe/plan-5.png');
    }

    .plan-11 {
            background-image: url('images/subscribe/plan-11.png');
    }

    .plan-12 {
            background-image: url('images/subscribe/plan-12.png');
    }

    .plan-13 {
            background-image: url('images/subscribe/plan-13.png');
    }

    .sub-02 .col-6 {
            width: 100%;
            padding: 0 !important;
    }

    .sub-02 .icons {
            width: 20%;
            padding-top: 20%;
            margin: 2%;
    }

    .sub-02 .inclusion {
            padding: 20px;
            margin-top: 10px;
    }

    .sub-02 h2 {
            /* text-align: center;
                font-size: 20px;
                margin-top: 15px; */
    }

    .green-bullets li {

            line-height: 1.8;
            background-position: left 5px;
            padding-left: 35px;
            margin-bottom: 10px;
    }

    .banner-text {
            font-size: 18px;
            padding: 5px;
            display: none;
    }

    .sub-banner.subscribe {
            background-image: url(images/subscribe/sub-page-banner.jpg);
            padding-top: 30%;
            background-position: top center;
            margin-bottom: 0;
            border: none;
    }

    .sub-banner {
            background-image: url(images/subscribe/banner.jpg);
            padding-top: 40.4%;
            background-position: top center;
            margin-bottom: 0;
    }

    .plans {
            flex-wrap: wrap;
    }

    .plan {
            width: 80%;
            padding-top: 120%;
    }

    .write .banner {
            min-height: 150px;
            background-size: cover;
    }

    /*Confirmation Page */
    .plan {
            width: 80%;
            margin: 10%;
    }

    .plan-inclusions img {
            width: 100%;
            height: auto;
    }

    .sub-header.confirmation {
            font-size: 14px;
            padding: 10px;
    }

    .sub-header.confirmation .icon img {
            width: 100px;
    }

    .sub-header.confirmation .head {
            font-size: 40px;
            line-height: 1.5;
    }

    .sub-header.confirmation .text {
            font-size: 18px;
            line-height: 1.5;
    }

    .sub-header.confirmation .order-detail {
            width: 50%;
            float: left;
            border-width: 1px;
    }

    .sub-header.confirmation .order-detail b {
            font-size: 16px;
    }

    /* write for us */
    .write-us .block-1 .head {
            font-size: 24px;
            padding: 10px 25px;
            margin: 10px auto 0 auto;
    }

    .write-us .block-2 {
            padding: 10px 25px;
            margin: 15px auto;
    }

    .write-us .block-2 .mail {
            font-size: 24px;
            padding: 0px 25px;
    }

    .write-us .block-2 .location {
            font-size: 22px;
            padding: 0 40px;
    }

    .write-us .block-3 .top {
            padding: 5px 50px;
            font-size: 24px;
    }

    .write-us .block-3 .middle {
            padding: 25px 25px;
    }

    /* contact us */

    #contact-us .col-6 {
            width: 100%;
            float: none;
    }
}