/*
Theme Name: GBP.COM
...
*/
  
@font-face {
    font-family: GraphikMedium;
    src: url(../fonts/grapgik/GraphikMedium.otf);
}

@font-face {
    font-family: GraphikBlack;
    src: url(../fonts/grapgik/GraphikBlack.otf);
}

@font-face {
    font-family: GraphikRegular;
    src: url(../fonts/grapgik/GraphikRegular.otf);
}

@font-face {
    font-family: GraphikSemibold;
    src: url(../fonts//grapgik/GraphikSemibold.otf);
}

.owl-dots {
    display: none;
}


html,
body {
    position: relative;
    height: auto;
    /* overflow-x: hidden; */
}

body {
    font-size: 16px;
    color: #000;
    margin: 0;
    padding: 0;
    font-family: GraphikRegular;
    overflow-x: hidden;
    line-height: 20px
}

h1,
h2,
h3,
h4 {
    font-family: GraphikSemibold;
}
h1 {
	font-size: 1.5rem !important;
	color: #d2262b !important;r
}
p {
    font-size: 16px;
    color: #000;
    font-family: GraphikRegular;
    line-height: 23px
}

a {
    text-decoration: none;
    transition: color .5s linear;
    color: #000;
}

h2.screen-reader-text {
    display: none;
}

.col-img {
    padding: 0px;
}

.col-cnt {
    padding: 30px;
}

.sfsiplus_footerLnk {
    display: none !important;
}

.col-cnt p {
    height: auto !important;
}
a:where(:not(.wp-element-button)) {
    text-decoration: none !important;
}
.col-cnt h3 {}

.col-cnt span {}




 /*<style>*/
 
 /* Sponsor logo*/
  .dimdex-banner {
    text-align: center;
    /*margin-bottom: 20px;*/
  }

  .sponsor-logos {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-bottom: 20px;
    margin-top: -28px;
  }

  .sponsor-logos a {
    flex: 0 0 20%;
    max-width: 20%;
    margin: 0;
  }

  .sponsor-logos img {
    width: 100%;
    height: auto;
    display: block;
    padding:10px;
  }
  
  
   .dimdex-banner {
    text-align: center;
    /*margin-bottom: 20px;*/
  }

  .sponsor-logos {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-bottom: 20px;
    margin-top: -28px;
  }

  .sponsor-logos a {
    flex: 0 0 20%;
    max-width: 20%;
    margin: 0;
  }

  .sponsor-logos img {
    width: 100%;
    height: auto;
    display: block;
    padding:10px;
  }

  /* Tablet - 2 logos per row */
  @media (max-width: 768px) {
    .sponsor-logos a {
      flex: 0 0 50%;
      max-width: 50%;
      padding-right: 12px;
        padding-left: 12px;
    }
  }

  /* Mobile - center the 5th logo */
  @media (max-width: 480px) {
    .sponsor-logos {
      justify-content: space-around;
      padding-right: 12px;
        padding-left: 12px;
    }

    .sponsor-logos a {
      flex: 0 0 50%;
      max-width: 50%;
    }

    .sponsor-logos a:nth-child(5) {
      flex: 0 0 100%;
      max-width: 60%;
      margin: 0 auto;
    }
  }
  
  
  /**/
  .dropdown:last-child .nav-dropdown {
    right: 0;
    left: auto;
}
  .pms-account-navigation-link .pms-account-navigation-link--subscriptions{
      display:none !important;
  }
  .pms-account-subscriptions { 
    display: none !important; 
}

  .ihc_level_template_9 .ihc-level-item-content {
    min-height: 150px !important;
}

.ihc_level_template_9 .ihc-level-item-price{
font-size: 50px !important;
color: #d02430 !important;
}
.ihc_level_template_9 .ihc-level-item-title{
color: #d02430 !important;
}
.ihc_level_template_9 .ihc-level-item-link{
background: #d02430 !important;
}
.tabbar-wrapper .nav-tab.active,
.tabbar-wrapper .custom-item.dropdown.active {
  color: black !important;
  position: relative;
}
	  #tnp-modal-content{
		  max-width:300px !important;
	  }
	  .tnp-subscription input[type=text], .tnp-subscription input[type=email], .tnp-subscription input[type=submit], .tnp-subscription select, .tnp-subscription textarea, .tnp-profile input[type=text], .tnp-profile input[type=email], .tnp-profile input[type=submit], .tnp-profile select, .tnp-profile textarea{
		      border-radius: 3px;
	  }
	  .tnp-field input[type="submit"] {
    position: inherit;
    width: 100% !important;
		      background-color: #D02434 !important;
}
div.wpforms-container-full .wpforms-form .wpforms-field {
    padding: 5px 0 !important;
    clear: both;
}
div.wpforms-container-full .wpforms-form input[type=date], div.wpforms-container-full .wpforms-form input[type=datetime], div.wpforms-container-full .wpforms-form input[type=datetime-local], div.wpforms-container-full .wpforms-form input[type=email], div.wpforms-container-full .wpforms-form input[type=month], div.wpforms-container-full .wpforms-form input[type=number], div.wpforms-container-full .wpforms-form input[type=password], div.wpforms-container-full .wpforms-form input[type=range], div.wpforms-container-full .wpforms-form input[type=search], div.wpforms-container-full .wpforms-form input[type=tel], div.wpforms-container-full .wpforms-form input[type=text], div.wpforms-container-full .wpforms-form input[type=time], div.wpforms-container-full .wpforms-form input[type=url], div.wpforms-container-full .wpforms-form input[type=week], div.wpforms-container-full .wpforms-form select, div.wpforms-container-full .wpforms-form textarea{
    font-size: 14px !important;
}
div.wpforms-container-full .wpforms-form input[type=submit], div.wpforms-container-full .wpforms-form button[type=submit], div.wpforms-container-full .wpforms-form .wpforms-page-button {
    background-color: #d02430 !important;
     border: 0px solid #ddd !important; 
    color: white!important;
    border-radius: 3px!important;
    font-weight: bold!important;
    font-size: 16px!important;
    padding: 10px 15px!important;
    width: 100%!important;
}
	  .mob-menu-header-holder {
		  display: none !important;}

.tabbar-wrapper .nav-tab.active:after,
.tabbar-wrapper .custom-item.dropdown.active:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 1px; /* Set the height of the underline */
  background-color: black; /* Set the color of the underline */
  bottom: -8px;
  left: 0;
}

      .navbar-dark .navbar-nav .active>.nav-link, 
    .navbar-dark .navbar-nav .nav-link.active, 
    .navbar-dark .navbar-nav .nav-link.show, 
    .navbar-dark .navbar-nav .show>.nav-link {
        color: black !important;
        /* Add any other styles for the active state */
        position: relative;
    }

  

    .navbar-dark .navbar-nav .dropdown-item.active:after,
    .navbar-dark .navbar-nav .dropdown-item.show:after {
        content: '';
        position: absolute;
        width: 100%;
        height: 1px; /* Set the height of the underline */
        background-color: black; /* Set the color of the underline */
        bottom: 0;
        left: 0;
    }


svg {
    overflow: hidden;
    vertical-align: middle;
    width: 10px;
}
#wpadminbar {
    position: fixed !important;
}
.remodal-close {
    background: #ba0202;
}

.remodal {
    background: #fff;
    border: 2px solid #ba0202;
}

.remodal {
    max-width: 70%;
}

.bott-post {
    margin-bottom: 20px !important;
    padding: 0px;
}
.wpforms-submit.subcribe-button{
    color:white;
    background-color:#D02430;
    width:100%;
}

.bott-post .main-side-new-col {
    height: 100px !important;
    padding: 5px !important;
    overflow: hidden !important;
}

.ihc_level_template_9 .ihc-level-item-content {
    min-height: 150px !important;
}

.ihc_level_template_9 .ihc-level-item-price{
font-size: 50px !important;
color: #d02430 !important;
}
.ihc_level_template_9 .ihc-level-item-title{
color: #d02430 !important;
}
.ihc_level_template_9 .ihc-level-item-link{
background: #d02430 !important;
}

#pms_login,
#pms_register-form,
#pms_recover_password_form,
#pms_edit-profile-form,#wppb-register-user {
    width: 300px;
    display: block;
    margin: auto;
    padding: 20px;
    background: #f1f1f1;
}

#pms_edit-profile-form {
    width: 500px;
}

.rmagic-field.rm_captcha_fieldrow {
    position: relative;
    display: flex !important;
    justify-content: center;
}

.synop-a {
    position: absolute;
    left: 7%;
    font-weight: 900;
    font-size: 106%;
}

.syn-a {
    top: 21%;
}

.syn-a1 {
    top: 48%;
}

.syn-a2 {
    top: 75%;
}

.pms-account-navigation ul {
    list-style-type: none !important;
    display: flex;
    margin: 0 !important;
    padding: 10px !important;
    justify-content: center;
    background: #f1f1f1;
}

#pms_login .button,
.pms-form input[type=submit] {
    padding: 10px;
    width: 100%;
    background: #d02430;
    color: #fff;
    border: 0px;
}

.pms-form input[type=text],
.pms-form input[type=password],
.pms-form input[type=email],
.pms-form input[type=textarea],
#pms_login input[type=text],
#pms_login input[type=password],
#wppb-form-field input[type="text"],
.wppb-form-field input[type="text"],   
 #wppb-form-field input[type="email"],
.wppb-form-field input[type="email"],
#wppb-form-field input[type="password"],
.wppb-form-field input[type="password"],
#pms_login input[type=email] {
    width: 100%;
    padding: 10px !important;
    border: 1px solid #ccc !important;
    border-radius: 3px !important;
}

.bott-post a {}

.bott-post img {
    width: 100px;
    height: 100px;
    float: left;
}

/* .searchs {
width: 100%;
position: relative;
display: flex;
}
*/


/* input{
position: absolute;
top: 0;
left: 0;
width: 100%;;
height: 42.5px;
line-height: 30px;
outline: 0;
border: 0;
display: none;
font-size: 1em;
border-radius: 20px;
padding: 0 20px;
} */

.searchNew {
    display: flex;
    align-items: center;
    position: relative;
    width: 300px;
    margin: auto;
    justify-content: flex-end;
    margin-right: 10px;
}

.searchButton {
    background-color: #d02430;
    position: absolute;
    border: 2px solid #ffffff;
    padding: 8px 10px;
    cursor: pointer;
    padding-right: 10px;
}
.rmagic {
display: block;
/* width: 30%; */
/* max-width: 100%; */
width: 500px !important;
display: block;
margin: auto;
padding: 20px;
background: #f1f1f1;
justify-content: center;
}
 .overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(255, 255, 255, 50%); /* Adjust the background color and opacity as needed */
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        z-index: 9999; 
        backdrop-filter: blur(10px);
    }

    .overlay p {
        font-size: 18px;
        line-height:1.3em;
    }
.special-head {
    /* width: 93%; */
    height: 130px;
    background-color: #d02430;
    /* padding-right: 25px;
    margin-left: 4%;
    margin-top: 20px; */
}

.searchButton i {
    color: #ffffff;
}

.input-box {
    padding: 9.5px;
    border: 1px solid #ffffff;
    width: 40%;
    position: relative;
    transition: .3s linear;
}

.catgreen {
    background-color: green;
}

.catred {
    background-color: #d02430;
}

.catblue {
    background-color: blue;
}

.catindigo {
    background-color: indigo;
}

.catgrey {
    background-color: grey;
}

.lat-col-category {
    padding: 4px 0px 8px;
    font-weight: bold;
    margin-right: 8px;
}

.category-box {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 8px;
    border-radius: 2px;
}

.input-box:focus {
    outline: none;
}

.input-box.toggle-width {
    width: 80%;
}

.col-md-6.top-col.padd-left.animate__animated.animate__slideInUp.fixed-height {
    height: 460px;
}

.dropdown .fa {
    margin-left: 5px;
}

.searchTerm::placeholder {
    color: #fff;
}

.searchTerm:focus {
    color: #ffffff;
}


.drawer-button {
    display: none;
}


/* .searchButton {
width: 40px;
height: 36px;
border: 1px solid #d02430;
background: #d02430;
text-align: center;
color: #fff;
border-radius: 0 5px 5px 0;
cursor: pointer;
font-size: 16px;
} */

/*Resize the wrap to see the search bar change!*/
.wraps {
    width: 50%;
    position: absolute;
    top: 45%;
    left: 0%;
    transform: translate(-50%, -50%);
}

.tags-link {
    padding: 3px 10px;
    background: white;
    color: #d2262b;
    /* border-radius: 10px; */
    margin: 0px 5px;
    margin-bottom: 11px;
    display: inline-block;
    border: 1px solid #ff0a0a;
}

.tag-col span:last-child {
    display: none;
}

.tag-col {
    padding: 0px 0px 30px;
    color: #ccc;
}

.modal-dialog {
    pointer-events: all !important;
}

a:hover,a:hover h4,
a:hover p {
    text-decoration: none;
    transition: color .5s linear !important;
    color: #d02430 !important;
}

#enquirypopup.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    background: rgba(0, 0, 0, 0.88);
    display: block;
    width: 100%;
    height: 100%;
    overflow: scroll;
    outline: 0;
}

.arc-col {
    margin-bottom: 20px;
}

.cnt-dets-arc .nav-links {
    padding: 20px 15px;
}

.cnt-dets-arc h2.screen-reader-text {
    display: none;
}

.daily-old {
    padding: 10px;
    margin-bottom: 20px;
    display: block;
    background: #d02430;
    text-align: center;
    color: #fff !important;
}

.daily-old:hover {
    color: #000 !important;
}

.cnt-dets-arc svg {
    display: none;
}

.entry-header {
    display: none;
}

.wrap {
    padding: 30px 10%;
}

.entry-content table,
.entry-content tr,
.entry-content td,
.entry-content th {
    padding: 5px;
}

.entry-content table img {
    width: auto !important;
}

img {
    width: 100%;
    /* height: 78.7%; */
    height: auto;
}


img[alt="ad"] {
    width: 100%;
    height: 624px;
}

.page-numbers {
    padding: 5px;
    border: 1px solid #d2262b;
    margin-right: 4px;
    text-transform: capitalize;
}

.page-numbers.current {
    color: #d02430 !important;
}

.mag-col {
    margin-bottom: 20px;
	background-color: #E8E5E5;
    padding: 0px 0px;
    /* margin-right: 1px; */
    margin-left: 20px;
    left: 50px;
}

.mag-col span {
    color: #d02430;
    font-family: Tahoma;
    font-weight: bold;
    /* background: #cccccc; */
    width: 100%;
    display: block;
    padding: 10px;
    text-align: center;
}

.mag-col img {}

.mag-col a {
    padding: 4px;
    display: block;
    /* background: #cccccc; */
}

.mag-date {
    padding: 6px 10px;
    /* background: #d02430; */
    color: #d02430;
    margin-bottom: 20px;
    font-size: 17px;
    font-weight: bold;
}

.mag-date::after {
    content: '';
    display: block;
    width: 95%;
    border-top: 2px solid rgb(170, 169, 169);
    margin-left: 49px;
    text-align: center;
    align-items: center;
    margin-top: -10px;
}

.mag-yr-col {
    padding: 0px;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: white;
    width: 200px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 999;
}

.dropdown-content a {
    background: rgb(255, 255, 255);
    padding: 8px 10px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {
    background-color: #d02430;
}

.dropdown:hover .dropdown-content {
    display: block;
    top: 100%;
}

/*********************** Demo - 7 *******************/
.box7 {
    position: relative
}

.box7:after,
.box7:before {
    width: 100%;
    height: 100%;
    background: rgba(11, 33, 47, .9);
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: all .5s ease 0s
}

.box7:after {
    background: rgba(255, 255, 255, .3);
    border: 2px solid #0dab76;
    top: 0;
    left: 170%;
    opacity: 1;
    z-index: 1;
    transform: skewX(45deg);
    transition: all 1s ease 0s
}

.box7:hover:before {
    opacity: 1
}

.box7:hover:after {
    left: -170%
}

.box7 img {
    width: 100%;
    height: auto
}

.box7:hover .box-content {
    bottom: 30%
}

.box7 .title {
    display: block;
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    margin: 0 0 10px
}

.box7 .post {
    display: block;
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 10px
}

.box7 .icon {
    margin: 0;
    display: none;
    bottom: 0px;
    top: 50%;
    position: relative;
    left: 50%;
    transform: translate(-50%, -50%);
}

.box7:hover .icon {
    display: block;
}

.box7 .icon li {
    display: inline-block
}

.box7 .icon li a {
    display: block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    border-radius: 50%;
    background: #d02430;
    font-size: 18px;
    color: #fff;
    margin-right: 10px;
    transition: all .5s ease 0s
}

.box8 .icon li,
.box8 .title {
    display: inline-block
}

.box7 .icon li a:hover {
    transform: rotate(360deg);
    color: #d02430 !important;
    background: #ffffff;
}

.box7 .box-content {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.5s linear;
}

.box7:hover .box-content {
    width: 100%;
    position: absolute;
    visibility: visible;
    opacity: 1;
    bottom: 0%;
    left: 0;
    transition: all .5s ease 0s;
    top: 0px;
    right: 0px;
    margin: auto;
    text-align: center;
    padding: 20% 0px;
    background: hsla(0, 0%, 0%, 0.52);
}
.sidenav{
	display:none;
}
.tabbar{
	display:none;
}
/*@media (min-width:768px) {*/
/*    #sidenav {*/
/*        display: none;*/
/*    }*/
/*    #tabbar {*/
/*        display: none;*/
/*    }*/
    
/*}*/

@media only screen and (max-width:990px) {
    .box {
        margin-bottom: 30px
    }
}

.owl-carousel .owl-nav button.owl-next,
.owl-nav button.owl-next span,
.owl-carousel .owl-nav button.owl-prev,
.owl-nav button.owl-prev span,
.owl-carousel button.owl-dot {
    width: 30px;
    font-size: 23px !important;
    color: #ffffff !important;
    background: #ed0f0f;
    padding: -5px;
    padding-right: 8px;
    padding-left: 8px;
    padding-bottom: 1px;
}

.slick-carousel {
    width: 100%;
    /* Adjust as needed */
    margin: 0 auto;
}
.owl-nav button {
    background-color: #ffffff; /* Background color */
    color: #000000; /* Text color */
    /*position: absolute;*/
    top: 50%;
    transform: translateY(-50%);
}

.carousel-container {
    max-width: 800px;
    margin: 0 auto;
    position: relative;
}

.slick-slide {
    padding: 20px;
    text-align: center;
    background: #000000;
    border-radius: 5px;
    color: white;
}

.carousel-1 {
    font-size: 0px !important;
    color: #000 !important;
    background: transparent;
    font-family: inherit;
    outline: none;
}

.owl-nav {
    /*display: none;*/
    position: fixed;
    top: -21px;
    right: 0px;
    background: white;
}

.head-fluid {
    background: #d02430;
    padding: 28px 7%;
}

.logo img {
    width: 250px;
    height: 50px;
}

.soc-icon p {
    line-height: 10px;
    padding-top: 10px;
    width: 170px;
}

.soc-icon a {
    color: #fff;
    font-size: 23px;
    padding-right: 20px;
}

.soc-icon a:hover {
    color: #000 !important;

}

.add-fluid {
    padding: 1px 0px;
    width: 980px;
}

.add-fluid img {
    width: 100%;
    height: auto;
}

.nav-fluid {
    background: #e8e5e5;
    padding: 10px 7%;
}

.ads-col {
    padding: 5px 0px;
}

.navbar-dark .navbar-nav .nav-link {
    color: #d02430;
    padding: 14px 27px;
    font-family: GraphikMedium;
    cursor: pointer;
}

img.top-ad {
    padding: 9px;
    height: 201px;
    max-width: 100%;
    padding-left: 8%;
    padding-right: 8%;
}

.navbar-dark .navbar-nav .nav-link:hover {
    color: #000 !important;
}

.navbar-dark .navbar-nav .nav-link.active {
    color: #000000;
}


.bg-dark {
    background-color: #e8e5e5 !important;
    padding: 0px;
}

.dropdown-item.active,
.dropdown-item:active,
.dropdown-item:hover {
    color: #fff !important;
    text-decoration: none;
    background-color: #d02430;
}

.dropdown-toggle .fa {
    padding-left: 5px;
}

.dropdown-toggle::after {
    display: none;
}

.navbar-expand-md .navbar-nav .dropdown-menu {
    width: 200px;
    top: 34px;
    font-size: inherit;
}

/* .topstory-fluid {
    padding: 20px 4% 40px;
    margin-bottom: 25px;
} */
.topstory-fluid {
    padding: 20px 6% 40px;
}

.topstoryhome-fluid {
    padding: 20px 4% 0px;
    height: auto;
    margin-bottom: 25px;
}

.topstoryspecial-fluid {
    padding: 20px 4% 00px;
    /* height: 700px; */
    height: auto;
    margin-bottom: 25px;
}

.latestnews-fluid {
    padding: 20px 6% 40px;
}

.top-story {
    position: relative;
    background: #ffffff;
    color: #010101;
    font-size: 18px;
    font-weight: bold;
    display: flex;
    align-items: center;
    padding-top: 15px;
}

.top-text {
    color: black;
}

.pop-text {
    color: rgb(255, 255, 255);
}


.story-text {
    color: rgb(170, 169, 169);
}

.post-text {
    color: rgb(170, 169, 169);
}

.top-story a {
    text-decoration: none;
    display: flex;
    /* Display the link content in a row */
    align-items: center;
    /* Center-align the content vertically */
    padding-right: 2px;
}

.heading-space {
    width: 5px;
    display: inline-block;
}

.top-story::after {
    content: '';
    display: block;
    width: 100%;
    border-top: 2px solid rgb(170, 169, 169);
    margin-left: 10px;
}


.evt-det-col .top-story {
    left: 15px;
}

.top-col {
    padding-top: 22px;
}

.box7 {
    position: relative;
    width: 100%;
}

.main-bg {
    width: 100%;
    height: 350px;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.main-new-col {
    height: 750px;
    padding: 15px;
    background: #F2F2F2;
    /* margin: 0 auto; */
    /* max-width: 800px; */
}

.main-new-col img {
    width: 50px;
    float: left;
    height: 50px;
    border-radius: 100%;
    margin-right: 10px;
    margin-bottom: 5px;
}

.main-new-col span {
    display: block;
    line-height: 0px;
    height: 12px;
    margin-bottom: 5px;
}

.main-new-col h3 {
    display: block;
    clear: both;
    overflow: hidden;
    line-height: 1.2;
    margin-left: -15px;
    max-width: 100%;
    padding-top: 20px;
    /*padding-bottom: 10px;*/
}

.main-new-col p {
    line-height: 1.5;
    overflow: show;
    margin: 0px;
    margin-left: -15px;
    max-width: 100%;
}


.main-new-col .date {
    padding-top: 15px;
    color: #9a9a9a;
    size: 40px;
}

.icon-button {
    display: inline-block;
    padding: 7px;
    border: 1px solid #bbb8b8;
    margin-right: 15px;
    color: #fffefe;
    background-color: #bbb8b8;
}

.icon-button i {
    transition: color 0.3s ease;
    /* Add transition for icon color change */
}

.icon-button:hover {
    background-color: #d02430;
    /* Change the background color to #d02430 when hove#d02430 */
    color: white;
    /* Change the text color to white when hove#d02430 */
    border-color: #d02430;
    /* Change the border color to #d02430 when hove#d02430 */
}

.icon-button:hover i {
    color: white;
    /* Change the icon color to white when the button is hove#d02430 */
}


.button-box {
    display: block;
    margin-left: 10px;
}


.padd-left {
    padding-left: 0px;

}

.padd-right {
    max-height: 100%;
    /* Ensure the image doesn't exceed its container's height */
    max-width: 100%;
    /* Let the browser adjust the width to maintain aspect ratio */
    display: block;
}

.main-side-bg {
    width: 190px;
    height: 190px;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    float: left;
}

.main-side-new-col {
    padding: 25px 0px 0px;
    height: 182px;
    overflow: show;
    position: relative;
    background: #f2f2f2;
}

.main-side-new-col-special {
    padding: 10px 10px 20px;
    height: 202px;
    overflow: show;
    position: relative;
}

.content-box {
    background-color: #F2F2F2;
    /* padding-bottom: 10px;
display: flex;
flex-direction: column;
text-align: center;
align-items: center;
justify-content: center; */
    flex-direction: column;
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.my-column {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-right: 15px;
}

.content-box h6 {
    width: 100%;
    background-color: #d02430;
    padding: 10px;
    text-align: center;
    max-width: 100%;
    color: white;
}

.main-side-new-col-special span {
    position: absolute;
    top: 0px;
    padding: 5px;
    background: #d02430;
    width: 100%;
    left: 0px;
    color: #fff;
    font-size: 14px;
    text-align: center;

}

.main-side-new-col span {
    position: absolute;
    top: 0px;
    padding: 5px;
     background: #d02430; 
    /*background: #21212161;*/
    width: 100%;
    left: 0px;
    color: #fff;
    font-size: 14px;
    text-align: center;
}

.special-date {
    color: lightgrey;
}

.horizontal-line {
    border-top: 2px solid #a9a5a5;
    /* Adjust the color and thickness as needed */
    width: 100%;
    /* Adjust the width of the line to span the container */
    margin: 25px auto;
}

.main-side-new-col-special .main-side-new-col p {
    margin-bottom: 8px;
}

.main-side-new-col h4 {
    font-size: 20px;
}

.main-side-new-col-special h4 {
    font-size: 20px;
}

.col-side-12 {
    display: block;
    clear: both;
    margin-bottom: 15px;
    height: auto;
}

.col-sde {
    padding: 14px 25px;
    height: 86px;
    background: #f2f2f2;
    overflow: hidden;
}

.col-sde p {
    font-family: GraphikSemibold;
}

.main-side-add-bg {
    width: 100%;
    height: 250px;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

.side-right-col span {
    position: absolute;
    font-size: 14px;
    padding: 5px 10px;
    color: #fff;
    background: #d02430;
    top: 1px;
    left: 15px;
}

/*.flex-fluid {*/
/*    padding: 0px 25% 0px;*/
/*}*/
.flex-fluid {
    padding: 20px 0% 0px;
/*     padding: 0px; */
    width: 980px;
    /*padding-left: 30px;*/
}

.latest-col {
    position: relative;
    background: #ffffff;
    color: #010101;
    font-size: 18px;
    font-weight: bold;
    display: flex;
    align-items: center;
    padding-top: 15px;
    padding-bottom: 10px; 
    padding-left: 0px;
}

.popular-post {
    position: relative;
    background: #000000;
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
    display: flex;
    align-items: center;
    padding-top: 15px;
    padding-bottom: 20px;
    padding-left: 0px;
}

.popular-post::after {
    content: '';
    padding-bottom: 2px;
    width: 100%;
    border-top: 2px solid rgb(170, 169, 169);
    margin-left: 10px;
    margin-right: 50px;
}


.latest-col a {
    text-decoration: none;
    display: flex;
    /* Display the link content in a row */
    align-items: center;
    /* Center-align the content vertically */
    padding-right: 2px;
    padding-bottom: 20px;
}

.popular-post a {
    text-decoration: none;
    display: flex;
    /* Display the link content in a row */
    align-items: center;
    /* Center-align the content vertically */
    padding-right: 2px;
    padding-bottom: 20px;
}

.latest-col::after {
    content: '';
    padding-bottom: 2px;
    width: 100%;
    border-top: 2px solid rgb(170, 169, 169);
    margin-left: 10px;
    /* margin-right: 50px; */
}

.lat-col-date-home {
    width: 50%;
    float: left;
    margin-right: 0px;
    padding-right: 10px;
    padding-bottom: 25px;
    position: relative;
}

.lat-col-date-home p {
    font-size: 14px;
    color: #fff;
    position: absolute;
    padding: 1px 6px;
    margin: 0px;
}

.lat-col-date p {
    font-size: 14px;
    color: #fff;
    position: absolute;
    padding: 1px 6px;
    margin: 0px;
}

.lat-col-date {
    width: 24%;
    float: left;
    height: 100px;
    margin-right: 30px;
    padding-right: 10px;
    /* border-right: 1px solid #ccc; */
    position: relative;
}

.photo-sin {
    width: 150px !important;
    padding: 0px;
    float: left;
    margin: 0px 20px 10px 0px;
}

.date1 p {
    background: #7AC779;
}

.date2 p {
    background: #FA5E70;
}

.date3 p {
    background: #6D76B1;
}

.date4 p {
    background: #F98351;
}

.date7 p {
    background: #7AC779;
}

.date5 p {
    background: #FA5E70;
}

.date8 p {
    background: #6D76B1;
}

.date6 p {
    background: #F98351;
}

.lat-col-date span {
    color: gray;
    font-size: 14px;
}

.lat-col-date-home span {
    color: gray;
    font-size: 14px;
}

.lat-col-content {}

.lat-col-content h4 {
    font-size: 18px;
    line-height: 24px;
    height: 45px;
    overflow: hidden;
}

/* .col-hide-800 {
    width: 300px;
    float: left;
    flex: auto;
    max-width: 100%;
    padding: 0px;
} */
.col-hide-992 {
    display: none;
}

.lat-col-content p {
    height: 45px;
    overflow: hidden;
}

.rupay-bg {
    width: 100%;
    height: 270px;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

.col-rupay-12 {
    display: block;
    clear: both;
    margin-bottom: 30px;
    height: auto;
    padding: 0px;
}

.col-subscribe-12 {
    padding: 40px 30px;
    background: #f2f2f2;
    height: 200px;
    overflow: hidden;
}

.col-subscribe-12 h4 {
    font-size: 20px;
    text-align: center;
    color: #d02430;
    margin-bottom: 15px;
}

.form-sub {
    width: 100%;
    height: 35px;
    padding: 0px 15px;
}

.sub-btn {
    background: #d02430;
    padding: 0px;
    height: 35px;
    line-height: 35px;
    width: 100%;
    color: #fff;
    margin-top: 5px;
}

.sub-btn:hover {
    color: #000;
}

.upcom-fluid {
    padding: 30px 8%;
    background-color: black;
    min-height: 350px;
}

.upcom-content {
    text-align: center;
}

.upcoming-inner {
    position: relative;
    max-width: 100%;
    overflow: hidden;
    bottom: 30px;
    padding-left: 100px;
    padding-right: 100px;
}

.upcoming-inner h4 {
    font-size: 15px;
    text-align: center;
    padding-bottom: 20px;
    color: #d02430;
}

.upcoming-bg {
    border: 1px solid #ccc;
    padding: 10px;
    text-align: center;
    margin: 5px;
    position: relative;
    width: 24%;
    height: 200px;
}

.upcoming-bg img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
    height: 150px;
    padding: 36px;
}

.upcoming-bg h4 {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgb(111 111 111 / 70%);
    color: #fff;
    padding: 5px;
    margin: 0;
    font-size: 13px;
    height: 46px
}

.upcom-fluid h4 {
    color: white;
    font-size: 15px;
    padding-top: 10px;
}

.prev-button,
.next-button {
    display: inline-block;
    padding: 7px;
    border: 1px solid #bbb8b8;
    margin-right: 15px;
    color: #fffefe;
    background-color: #bbb8b8;
}

.up-bg {
    width: 100%;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    float: left;
}

.up-new-col {
    padding: 50px 20px 20px;
    height: 270px;
    overflow: hidden;
    position: relative;
    background: #f2f2f2;
}

.carousel-post img {
    max-width: 100%;
    height: auto;
}

.up-new-col span {
    position: absolute;
    top: 0px;
    padding: 5px;
    background: #d02430;
    width: 100%;
    left: 0px;
    color: #fff;
    font-size: 14px;
    text-align: center;
}

.up-new-col h4 {
    font-size: 20px;
    height: 95px;
    overflow: hidden;
}

.up-new-col p {
    height: 95px;
    overflow: hidden;
}

.carousel-control-next,
.carousel-control-prev {
    width: 20px;
    color: #000;
    opacity: 9;
    font-size: 20px;
}


.carousel-control-prev {
    left: -20px;
}

.carousel-control-next {
    right: -20px;
}

.bottomadd-fluid {
    padding: 20px 30%;
}

.slid-fluid {
    padding: 20px 6%;
}

.arr-slid {
    font-size: 30px;
}

.carousel-control-prev.arr-slid {
    left: -40px;
}

.carousel-control-next.arr-slid {
    right: -40px;
}

.top-bg {
    width: 100%;
    height: 300px;
    background-size: contain !important;
    background-repeat: no-repeat !important;
}

.up-slid-col {
    padding: 15px 30px;
    background: #f2f2f2;
    line-height: 1.3em;

}

.upcom-slid-col {
    padding: 15px 30px;
}

.upcom-slid-col h4 {
    font-size: medium;
}

.up-slid-col p {
    font-family: GraphikSemibold;
    margin: 0px;
    font-size: 18px;
    height: 45px;
    overflow: hidden;
}

.up-slid-col p .fa {
    padding-left: 15px;
}

.col-keep h4 {
    font-size: 18px;
    color: #d02430;
    background-color: white;
    text-align: left;
    padding: 5px 5px;
    text-transform: uppercase;
    margin: 0px;
}

.latest-news-col {
    padding: 10px 0px; 
    transition: color .5s linear;
}

.latest-news-col:hover {
    -webkit-box-shadow: 0px 0px 24px -5px rgba(171, 171, 171, 0.75);
    -moz-box-shadow: 0px 0px 24px -5px rgba(171, 171, 171, 0.75);
    box-shadow: 0px 0px 24px -5px rgba(171, 171, 171, 0.75);
}

.col-keep h5 {
    text-align: center;
    padding: 8px 2px;
    background: #264391;
    color: #fff;
    margin: 0px;
    margin-right: 30px;
    margin-left: 30px;
    margin-bottom: -15px;
    font-size: small;
    position: relative;
    z-index: 1;
}

h5.adt {
    background: #d02430;
}

h5.special {
    background: black;
}

.col-keep {
    width: 22%;

    margin-top: 30px;
}

hr.custom-hr2 {
    margin: 20px auto;
    height: 1px;
    background-color: #000;
    width: 88%;
    border: none;
    /* margin-left: 105px; */
    /* margin-right: 5px; */
}

.col-colr {
    padding: 30px 30px;
    border: none;
}

.col-social {}

.col-social h3 {
    font-size: 22px;
    margin-bottom: 83px;
}

.col-social h3 span {
    padding: 0px 20px;
    font-size: 26px;
}

.col-social .sel {
    width: 100%;
    height: 40px;
    margin-bottom: 0px;
}

.mrg-bottom {
    margin-bottom: 70px;
}

.col-archive {
    margin-bottom: 45px;
    padding: 20.5px 20px;
    background-color: white;
}

.col-archive select {
    width: 100%;
    height: 40px;
    margin-bottom: 15px;
    color: #a7a2a2;
    padding: 5px;
    border: 1px solid #d02430;
}

.col-archive-home {
    /* margin-bottom: 45px; */
    padding: 11px 6px;
    background-color: white;
}

.col-archive-home select {
    width: 100%;
    height: 40px;
    margin-bottom: 15px;
    color: #a7a2a2;
    padding: 5px;
    border: 1px solid #d02430;
}

.col-archive p {
    padding-top: 20px;
}

.col-archive-home p {
    padding-top: 20px;
}

.arch-adds {}

.col-adds-btm {}

.main-bottom-add-bg {
    width: 100%;
    height: 608px;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.col-mag {
    padding: 10px;
    border: 2px solid #c7c4c4;
    position: relative;
}

.mag-add-bg {
    width: 100%;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    margin: 0;
    height: 420px;
    padding-top: 30px;
    margin-bottom: -30px;
    top: 0;
}

.mag-add-bg h5 {
    font-size: 10px;
    padding: 5px 5px;
    background: #000;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    margin: 0;
    position: relative;
    z-index: 1;
}

.col-mag p {
    padding: 35px 5px;
    text-align: center;
    line-height: 24px;
}


.foot-fluid {
    background: #000;
    color: #fff;
    padding: 60px 7% 0px;
}

.foot-bdr {
    padding-bottom: 20px;
}

.foot-col {}

.foot-col img {
    width: 200px;
    height: 40px;
}

.foot-col p {
    color: #fff;
    padding: 25px 0px;
    margin: 0px;
}

.foot-col h4 {
    padding: 0px;
    margin: 0px;
}

.foot-col h4 a {
    color: #fff;
    padding: 0px 15px 0px 0px;
    font-size: 18px;
}

.social h4 {
    padding: 0px;
    margin-top: 0px;
}

.social h4 a {
    color: #fff;
    padding: 0px 15px 0px 0px;
    font-size: 18px;
}

.subscribe-row {
    display: flex;
    align-items: center;
}

.subscribe-row p {
    margin-right: 10px;
    position: relative;
    color: #a8a5a5;
}

.subscribe-row .underline {
    width: 47%;
    height: 1px;
    background-color: #a8a5a5;
    position: absolute;
    bottom: 20px;
}

.subscribe-row .arrow-button {
    background-color: #050505;
    color: #ff0000;
    border: none;
    padding: 5px 10px;
    font-size: 16px;
    cursor: pointer;
}

.foot-post-col {}

.foot-post-col h3 {
    margin-bottom: 40px;
    text-transform: uppercase;
    font-size: 24px;
}

.foot-posts {
    display: flex;
    margin-bottom: 30px;
    width: 50%;
    float: left;
}

.poppadd {
    width: 100%;
    margin: 0 auto;
    display: none;
    position: fixed;
    z-index: 101;
    top: 0px;
    bottom: 0px;
    background: rgba(0, 0, 0, 0.55);
}

.cnt223 {
    min-width: 600px;
    width: 600px;
    min-height: auto;
    margin: 100px auto;
    background: #f3f3f3;
    position: relative;
    z-index: 103;
    padding: 0px;
    border-radius: 5px;
    box-shadow: 0 2px 5px #000;
}

.cnt223 img {}

.cnt223 h4 {
    text-align: center;
    margin: 10px 0px;
    display: inline-block;
    width: 100%;
    font-size: 20px;
    padding: 0px 10px;
}

.cnt223 .close {
    position: absolute;
    top: -24px;
    right: -18px;
    padding: 9px 9px 11px;
    background: #b91421;
    font-size: 12px;
    color: #fff !important;
    opacity: 9 !important;
    line-height: 6px;
    border-radius: 100%;
    border: 2px solid #000;
}

.foot-posts p {
    color: #fff;
    width: 80%;
    margin: 0px;
}

.post-bg {
    width: 100px;
    height: 70px;
    float: left;
    margin-right: 30px;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.foot-last {
    padding: 15px 0px;
    border-top: 1px solid #fff;
}

.last-col {}

.last-col p {
    color: #fff;
    margin: 0px;
}

.foot-post-col1 {}

.foot-post-col1 p {
    margin: 0px;
    text-align: right;
}

.foot-post-col1 p span {
    padding: 0px 0px 0px 20px;
}

.foot-post-col1 p span a {
    color: #fff;
}

.hide-md {
    display: none;
}

/*--------- About Page -------*/

.about-col {
    /* width: 60%; */
    width: 56%;
    /*padding: 0px 20px;*/
}

.crumb {}

.crumb h4 {
    color: #d02430 !important;
    font-size: 16px;
}

.crumb span {
    padding: 20px 15px 0px;
    display: inline-block;
    text-transform: capitalize;
}

.crumb span a {
    color: #d02430 !important;
}

.abt-fluid {
    padding-top: 10px !important;
    padding-bottom: 0px !important;
}

.abt-fluid h3 {
    text-align: center;
    margin: 0px;
}

.about-col .card-link:after {
    position: absolute;
    color: #000000;
    content: '\f0da';
    font-family: FontAwesome;
    font-size: 18px;
    line-height: 22px;
    right: 20px;
    top: 5px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.about-col .card-link[data-toggle="collapse"].collapsed:after {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.about-col .card {
    margin-bottom: 15px;
    border-radius: 0px;
    border: 0px;
}

.about-col .card-header {
    padding: 10px 15px;
    border-radius: 0px !important;
    border: 0px;
    background: #f2f2f2;
    font-family: GraphikSemibold;
    text-transform: uppercase;
}

.hide-917398 {
    overflow: auto;
    height: auto !important;
}

.hide-917398 .col-adds-btm {
    margin-bottom: 30px;
}


/*----Contact Page ---*/

.contact-col-keep {
    width: 80%;
}

.cont-det {
    /* background: #f2f2f2; */
    padding: 4px 1px;
    margin-bottom: 30px;
}

.cont-d {
    display: flex;
    font-weight: 800;
}

.cont-d span {
    width: 20px;
    display: inline-block;
    text-align: center;
    float: left;
    margin-right: 20px;
    font-size: 20px;
}

.cont-d p {
    margin-bottom: 13px;
    line-height: 1.4em;
}

.soc-cnt h4 {
    padding: 0px;
    margin: 0px;
    text-align: center;
    margin-top: 10px;
}

.soc-cnt h4 a {
    color: #000;
    padding: 0px 15px 0px 0px;
    font-size: 18px;
}

.soc-cnt b {
    padding: 0px 0px;
    display: block;
    height: 1px;
    width: 100%;
    background: #d2d2d2;
    top: -9px;
    position: relative;
    z-index: -1;
}

.soc-cnt span {
    background: #fff;
    width: 70px;
    text-align: center;
    display: block;
    margin: auto;
    font-family: GraphikSemibold;
    color: #d02430;
    font-size: 15px;
}

.soc-cnt {
    margin-top: 59px;
    margin-left: 12px;
}

.col-cnt-det {
    padding: 30px;
    height: 578px;
    background: #f2f2f2;
    overflow: hidden;
    /*overflow-y: scroll;*/
}

.col-cnt-det h4 {
    font-size: 16px;
    /* margin-bottom: 25px; */
}

.col-cnt-det .card-header {
    padding: 0px;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, 0);
    border-bottom: 1px solid rgba(0, 0, 0, 0);
    font-family: GraphikSemibold;
    text-transform: uppercase;
    margin: 5px 0px;
}

.col-cnt-det .card {
    background-color: transparent;
    border: 0px;
}

.col-cnt-det .card-body {
    padding: 10px 20px;
}

.col-cnt-det .opt-det {
    padding: 24px 46px 0px;
    text-align: center;
    /* padding: 10px; */
    /* background: #ccc; */
	height:330px;
    font-size: 13px;
}

.col-cnt-det::-webkit-scrollbar {
    width: 5px;
}

/* Track */
.col-cnt-det::-webkit-scrollbar-track {
    background: #ccc;
}

/* Handle */
.col-cnt-det::-webkit-scrollbar-thumb {
    background: #000;
}

/* Handle on hover */
.col-cnt-det::-webkit-scrollbar-thumb:hover {
    background: #333;
}

.col-cnt-det .form-control {
    font-size: 14px;
    min-height: 35px;
    margin: 8px 0px;
    border-radius: 0px;
}

.col-cnt-det .btn {
    background: #d02430;
    color: #fff;
    font-size: 14px;
    border-radius: 0px;
}


/*-Daily news Page --*/

.daily-col {
    margin: 0px 0px 0px;
    padding: 0px 20px;
}

.row-dal {
    margin: 20px -15px 20px;
}

.daily-col b {
    padding: 0px 0px;
    display: block;
    height: 1px;
    width: 100%;
    background: #2d2525;
    top: -9px;
    position: relative;
    z-index: -1;
}

.daily-col span {
    background: #fff;
    /* width: 150px;
    text-align: left;
    margin: 0px;
    font-family: GraphikSemibold;
    color: #d02430;
    font-size: 20px;
    padding: 0px 20px 0px 0px; */
    text-align: center;
    /* display: block; */
    margin: auto;
    font-family: GraphikSemibold;
    color: #d02430;
    font-size: 18px;
    padding: 0px 20px 0px 0px;
}

.dly-evts {
    margin-bottom: 20px;
}

.reader {
    position: absolute;
    width: 45px !important;
    height: 45px !important;
    bottom: 40%;
    left: 40%;
}

/* .daily-col h6 {
position: absolute;
bottom: 0px;
margin: 0px;
padding: 0px 20px;
height: 45px;
line-height: 45px;
left: 60px;
background: #fff;
color: #000;
} */



.day-number {
    position: absolute;
    top: 50%;
    /* Vertically center */
    left: 80px;
    /* Horizontally center */
    transform: translate(-50%, -50%);
    /* Center both horizontally and vertically */
    background-color: rgba(255, 255, 255, 0.8);
    /* Background color for visibility */
    padding: 5px 10px;
    /* Adjust padding as needed */
    border-radius: 5px;
    /* Add rounded corners if desi#d02430 */
    width: 60px;
    font-size: 12px;
    text-align: center;
    background-color: #d02430;
    color: white;
}


.col-ent-det {
    padding: 20px 0px;
}

.col-ent-det p {
    /*height: 55px;*/
    height: auto;
    overflow: hidden;
    margin: 0px;
}

.col-ent-det h4 {
    font-size: 20px;
    height: 50px;
    overflow: hidden;
    color: #d02430;
}

.expone {
    position: initial;
}

.container131 {
    position: relative;
    width: 100%;
}

.ser-01 {
    float: left;
}

.image131 {
    display: block;
    width: 100%;
    margin-bottom: 15px;
    height: auto;
}

.overlay131 {
    position: absolute;
    bottom: 100%;
    left: 0;
    right: 0;
    background-color: #d2262b;
    overflow: hidden;
    width: 100%;
    height: 0;
    transition: 0.5s ease;
}

.container131:hover .overlay131 {
    bottom: 0;
    height: 100%;
}

.text131 {
    color: #fff;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
    padding: 10px;
}

.text131 h3 {
    margin: 0;
    margin-bottom: 15px;
    margin-top: 20px;
}

/*---- Single events ------*/


.single-col {}

.single-col h4 {
    padding-bottom: 10px;
    padding-top: 17px;
    text-align: center;
    font-size: 32px;
    margin-left: -44px;
    text-align: center;
    font-size: 23px;
    color: #d02430 ;
}

.single-col p {
    margin: 0px 0px 14px;
    line-height: 19px;
}

.single-col p br {
    margin-bottom: 10px;
    display: block;
    width: 100%;
    content: "A" !important;
    color: #fff;
}

.single-col img {
    width: 100%;
    height: auto;
}

.more-col {
    padding: 30px 0px;
}

.more-col h3 {
    color: #d2262b;
    font-size: 24px;
    text-align: center;
}

.more-bg {
    width: 100%;
    height: 170px;
    background-size: 100% !important;
    background-repeat: no-repeat !important;
    position: relative;
}

.more-slid-col {
    padding: 6px 6px;
    background: #f2f2f2;
}

.more-slid-col span {
    color: #d2262b;
    display: block;
    margin: 10px 0px;
    font-size: inherit;
    background: transparent;
    width: 100%;
    padding: 0px;
}

.more-slid-col span .fa {
    padding-right: 10px;
}

.more-slid-col h4 {
    margin: 0px;
    font-size: 20px;
    height: 50px;
    overflow: hidden;
    text-align: left;
    padding-top: 5px;
}

.more-slid-col p {
    margin: 10px 0px;
    text-align: left !important;
    height: 32px;
    line-height: 18px !important;
    overflow: hidden;
}

.more-slide {
    padding-top: 13px;
    width: 100%;
}

.more-slide2 {
    width: 100%;
}


.more-slid.carousel-control-prev {
    width: 20px;
    height: 25px;
    right: 40px;
    left: auto;
    font-size: 40px;
    color: #000;
}

.more-slid.carousel-control-next {
    width: 20px;
    height: 25px;
    right: 0px;
    left: auto;
    font-size: 40px;
    color: #000;
}

/*----Event Details ---*/

.evt-det-col {
    width: 80%;
}

/*.evt-det-col {*/
/*    padding-top: 35px;*/
/*    margin-top: -36px;*/
/*}*/
.evt-det-bg {
    width: 100%;
    height: 398px;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.evt-det-new-col {
    padding: 31px 30px;
    background: #F2F2F2;
}

.evt-det-side-bg {
    width: 200px;
    height: 193px;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    float: left;
}

.evt-det-side-new-col {
    padding: 60px 20px 20px;
    height: 193px;
    overflow: hidden;
    position: relative;
    background: #f2f2f2;
}

.evt-det-new-col span {
    display: inline-block;
    line-height: 20px;
    padding-right: 30px;
    height: 20px;
    border-radius: 100%;
    margin-bottom: 10px;
}

.evt-det-new-col h3 {
    display: block;
    clear: both;
    height: 60px;
    overflow: hidden;
    font-size: 26px;
    line-height: 28px;
}

.evt-det-new-col p {
    height: 52px;
    overflow: hidden;
    margin: 0px;
}

.evt-det-new-col img {
    width: 50px;
    float: left;
    height: 50px;
    border-radius: 100%;
    margin-right: 20px;
    margin-bottom: 10px;
}

.evt-det-side-new-col p {
    margin-bottom: 8px;
}

.no-fod {
    width: 50%;
    display: block;
    margin: auto;
}

.evt-det-side-new-col h4 {
    font-size: 20px;
}

.evt-det-col-date {
    width: 0%;
    float: left;
    height: 100px;
    margin-right: 30px;
    padding-right: 0px;
    border-right: 1px solid #ccc;
    position: relative;
}

.evt-det-up {
    padding-top: 50px !important;
    padding-bottom: 60px !important;
}

.col-events-12 {}

.col-events-12 h4 {
    background: #000;
    color: #fff;
    padding: 15px;
    font-size: 20px;
    text-align: center;
    margin: 0px;
}

.col-events-12 img {
    width: 130px;
    margin: auto auto 50px;
    display: block;
}

.col-events-12 p {}

.col-evnts-deta {
    padding: 50px;
    background: #f2f2f2;
}

.more-link {
    width: 100px;
    text-align: center;
    display: block;
    padding: 10px;
    /* border-radius: 5px; */
    clear: both;
    border: 1px solid #d02430;
    overflow: hidden;
    margin: 10px 0px 0px;
    float: right;
    position: relative;
    color: #d02430;
}

.inner-add {
    padding: 50px 15px;
}

.link-det {
    padding: 5px 10px;
    /* border-radius: 5px; */
    color: red;
    border: 1px solid #ff0a0a;
    margin-top: 10px;
    display: inline-block;
}

.inner-bg {
    background-size: cover !important;
    width: 61%;
    height: 307px;
    float: left;
    margin-right: 22px;
    margin-bottom: 10px;
}

.inner-bg-others {
    background-size: cover !important;
    width: 100%;
    height: 400px;
    float: left;
    margin-right: 22px;
}

.inner-new-col {
    width: 39%;
    padding: 0px 2% 10px !important;
    float: left;
    padding: 40px;
    height: 335px;
    background: #f2f2f2;
    overflow: hidden;
}

.inner-new-col-others {
    width: 100%;
    float: left;
    padding: 40px;
    height: auto;
    background: #f2f2f2;
    overflow: hidden;
}

.inner-new-col h3 {
    font-size: 25px;
    margin: 10px 0px;
}

.inner-new-col span {}

.inner-new-col p {
	line-height: 1.4em;
}

.inner-new-col a {}

.cnt-dets {
    padding-top: 6px;
}

.event-title {
    background: #f2f2f2;
    padding: 0px 20px;
    display: inline-block;
}

.event-title h3 {
    font-size: 40px;
    text-transform: uppercase;
    width: 600px;
    text-align: left;
    font-weight: 900;
    line-height: 35px;
    color: #39375f;
    padding: 12px 0px;
    margin: 0px;
    margin-right: 30px;
    float: left;
}

.event-title img {
    width: 400px;
    height: auto;
}

.flex-fluids {
    width: 1200px;
    margin: 30px auto;
    text-align: center;
}

.cont-link {
    float: right;
    display: block;
    cursor: pointer;
    padding: 2px 15px;
    background-color: #050505;
}

.cont-link a {
    color: #fff;
}

.cont-link:hover {
    background-color: #050505;
}

.cont-link .dropdown-content {
    right: 0px;
}

.ev-mod img {
    width: 50%;
    float: left;
    margin: 0px 20px 10px 0px;
}

.col-mod div {
    margin-bottom: 15px;
}

.col-adds-width {
    margin-top: 1px;
    width: 301px !important;
    padding: 0px 0px !important;
    float: left !important;
    height: auto !important;
    overflow: hidden !important;
}

.col-adds-widthright {
    width: 78% !important;
    margin-left: 30px !important;
}

.custom-hr {
    margin: 20px auto;
    /* Adjust the margin to control the space above and below the line */
    height: 1px;
    /* Adjust the height of the line */
    background-color: #000;
    /* Set the line color */
    width: 102%;
    /* Set the line width */
    border: none;
    /* Remove any default border */
    margin-left: 10px;
    margin-right: 5px;
}


.col-width-8 {
    width: 100%;
    margin-right: 20px;
    float: left;
    flex: auto;
    max-width: 100%;
    padding: 19px;
}

.dlys-col {
    width: 58% !important;
    /*margin: 0px 15px !important;*/
    /* margin: 0px 15px; */
}

.latests-col {
    display: inline-block;
}

.arabic .container-fluid,
.arabic .dirctn {
    text-align: right !important;
    direction: rtl;
}

.arabic .container-fluid p,
.arabic .container-fluid span,
.arabic .row p,
.arabic h4 {
    text-align: right !important;
    direction: rtl;
}

.side-right-cols {
    background: #f2f2f2;
    padding: 20px;
    border-top: 5px solid #d02430;
}

.side-right-cols h6 {
    font-family: GraphikSemibold;
    font-size: inherit;
    margin-bottom: 20px;
}

.side-right-cols p {
    margin: 0px;
    padding: 10px;
}

.side-right-cols p a {}

.side-right-cols p a img {
    width: 25px;
    float: right;
    margin-top: -4px;
}

.col-sdes {
    padding: 0px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
}





/* Responsive Started */

@media only screen and (max-width: 1850px) {
    .tabbar{
        display: none;
      }
      #sidenav {
        display: none;
    }
    .navbar-dark .navbar-nav .nav-link {
        padding: 12px 25px;
    }

    p,
    body {
        font-size: 15px;
        line-height: 18px;
    }

    .col-keep h4 {
        font-size: 21px;
    }

    .col-social h3 {
        font-size: 20px;
    }

    .col-archive {
        padding: 22.5px 20px;
    }

    .col-adds-widthright {
        width: 76% !important;
        margin-left: 30px !important;
    }

    .syn-a1 {
        top: 46.5%;
    }

    .syn-a2 {
        top: 73%;
    }
}

@media only screen and (max-width: 1780px) {
    .tabbar{
        display: none;
      }
    .navbar-dark .navbar-nav .nav-link {
        padding: 12px 23px;
    }

    .dlys-col {
        width: 55% !important;
    }

    .synop-a {
        font-size: 100%;
    }

    .syn-a {
        top: 19%;
    }

    .syn-a1 {
        top: 42%;
    }

    .syn-a2 {
        top: 66%;
    }
}

@media only screen and (max-width: 1680px) {
    .navbar-dark .navbar-nav .nav-link {
        padding: 12px 22px;
    }
    .tabbar{
        display: none;
      }
    p,
    body {
        font-size: 15px;
        line-height: 17px;
    }

    .main-side-new-col-special .main-side-new-col h4 {
        font-size: 17px;
    }

    .main-new-col h3 {
        font-size: 24px;
    }

    .main-side-new-col-special .main-side-new-col span {
        font-size: 12px;
    }

    .side-right-col span {
        font-size: 12px;
    }

    .lat-col-content h4 {
        font-size: 17px;
    }

    .lat-col-date p {
        font-size: 12px;
    }

    .lat-col-date span {
        font-size: 12px;
    }

    .lat-col-date-home p {
        font-size: 12px;
    }

    .lat-col-date-home span {
        font-size: 12px;
    }

    .up-bg {
        width: 370px;
    }

    .up-new-col h4 {
        font-size: 18px;
    }

    .up-new-col span {
        font-size: 12px;
    }

    .up-slid-col p {
        font-size: 16px;
    }

    .col-keep h4 {
        font-size: 18px;
        color: #d02430;
        background-color: white;
        text-align: left;
    }

    .col-social h3 {
        font-size: 18px;
    }

    .col-keep {
        /* height: 570px; */
        height: auto;
    }

    .col-social h3 span {
        font-size: 23px;
    }

    .col-archive p {
        padding-top: 5px;
        margin: 0px;
        margin-bottom: 15px;
    }

    .col-archive {
        margin-bottom: 42px;
    }

    .main-bottom-add-bg {
        height: 567px;
    }

    .col-mag p {
        padding: 7px 5px;
    }

    .evt-det-bg {
        height: 358px;
    }

    .evt-det-side-new-col {
        padding: 40px 20px 20px;
        height: 180px;
    }

    .evt-det-side-bg {
        height: 180px;
    }

    .inner-new-col h3 {
        font-size: 21px;
    }

    .col-archive {
        padding: 5px 5px;
        background-color: white;
    }

    .col-adds-widthright {
        width: 73% !important;
        margin-left: 30px !important;
    }

    .more-bg {
        height: 130px;
    }
}

@media only screen and (max-width: 1600px) {
    .upcoming-bg {
        width: 23%;
    }

    .navbar-dark .navbar-nav .nav-link {
        padding: 12px 20px;
    }
    .tabbar{
        display: none;
      }
    .col-ent-det h4 {
        font-size: 15px;
        height: 34px;
    }

    p,
    body {
        font-size: 14px;
        line-height: 15px;
    }

    .lat-col-content h4 {
        font-size: 18px;
        line-height: 18px;
        height: 36px;
    }

    .lat-col-content p {
        height: 52px;
        line-height: 1.3;
    }

    .lat-col-date {
        height: 85px;
    }

    .lat-col-dat-home {
        height: 0px;
    }

    .rupay-bg {
        height: 230px;
    }

    .col-subscribe-12 {
        padding: 25px 30px;
        height: 180px;
    }

    .up-bg {
        width: 330px;
        height: 230px;
    }

    .up-new-col {
        height: 230px;
    }

    .up-new-col p {
        height: 55px;
        overflow: hidden;
        line-height: 18px;
    }

    .up-new-col h4 {
        height: 85px;
    }

    .up-slid-col p {
        font-size: 15px;
    }

    .evt-det-side-new-col h4 {
        font-size: 18px;
    }

    .evt-det-new-col h3 {
        font-size: 24px;
    }

    .col-events-12 h4 {
        font-size: 18px;
    }

    .col-events-12 img {
        width: 100px;
    }

    .col-evnts-deta {
        padding: 30px 50px;
    }

    .evt-det-col-date {
        height: 90px;
    }

    .more-slid-col h4 {
        font-size: 18px !important;
        height: 45px;
    }

    .more-link {
        padding: 7px;
    }

    .dlys-col {
        width: 53% !important;
        margin: 0px 16px;   
        /* margin: 17px; */
    }

    .inner-new-col {
        padding: 30px;
    }

    .syn-a {
        top: 21%;
    }

    .syn-a1 {
        top: 47%;
    }

    .syn-a2 {
        top: 73%;
    }
}

@media only screen and (max-width: 1550px) {
    .navbar-dark .navbar-nav .nav-link {
        padding: 12px 16px;
    }

    .photo-sin {
        width: 130px !important;
    }
    .tabbar{
        display: none;
      }
    p,
    body {
        font-size: 13px;
    }

    .inner-new-col {
        /* padding: 5px 2%; */
        padding: 0px 2% 10px;
    }

    .col-mag {
        padding: 10px;
    }

    .col-social h3 span {
        padding: 0px 20px 0px 0px;
    }

    .padd-left {
        padding-left: 0px;
        padding-right: 0px;
    }

    .evt-det-new-col h3 {
        font-size: 20px;
    }

    .col-adds-widthright {
        width: 70% !important;
        margin-left: 30px !important;
    }

    .dlys-col {
        width: 48% !important;
    }

    .more-bg {
        height: 110px;
    }

    .bott-post img {
        width: 85px;
        height: 85px;
        float: left;
    }

    .bott-post .main-side-new-col-special .main-side-new-col {
        height: 85px !important;
    }

    .syn-a {
        top: 20%;
    }

    .syn-a1 {
        top: 45%;
    }

    .syn-a2 {
        top: 70%;
    }
}

@media only screen and (max-width: 1440px) {
    .navbar-dark .navbar-nav .nav-link {
        padding: 12px 14px;
    }

    .main-new-col {
        padding: 32px 20px;
        background: #F2F2F2;
        /*height: auto;*/
        /* margin: 0 auto; */
        /* max-width: 800px; */
    }
    .tabbar{
        display: none;
      }
    p,
    body {
        font-size: 13px;
    }

    .head-fluid {
        padding: 25px 5%;
    }

    /*.add-fluid {*/
    /*    padding: 20px 20%;*/
    /*}*/
    .add-fluid {
        padding: 1px 0px;
    }

    .topstory-fluid {
        padding: 20px 5% 40px;
    }

    .topstoryspecial-fluid .topstoryhome-fluid {
        padding: 20px 4% 40px;
    }

    .reader {
        width: 38px !important;
        height: 38px !important;
    }

    .daily-col h6 {
        height: 38px;
        line-height: 38px;
        left: 52px;
    }

    .nav-fluid {
        padding: 0px 6%;
    }

    .main-new-col img {
        width: 30px;
        height: 30px;
    }

    .foot-post-col h3 {
        font-size: 20px;
    }

    .main-new-col span {
        line-height: 0px;
        height: 5px;
    }

    .main-side-new-col-special .main-side-new-col {
        height: 183px;
        padding: 50px 20px 20px;
    }

    .main-side-bg {
        height: 183px;
    }

    .main-side-add-bg {
        height: 240px;
    }

    .main-new-col h3 {
        font-size: 24px;
        display: block;
        clear: both;
        /* height: 47px; */
        overflow: hidden;
        /*line-height: 21px;*/
    }

    .main-side-new-col-special .main-side-new-col h4 {
        font-size: 16px;
    }

    .main-side-new-col-special .main-side-new-col span {
        font-size: 10px;
    }

    .side-right-col span {
        font-size: 10px;
    }

    .lat-col-date p {
        font-size: 10px;
    }

    .lat-col-date span {
        font-size: 10px;
    }

    .lat-col-date-home p {
        font-size: 10px;
    }

    .lat-col-date-home span {
        font-size: 10px;
    }

    .sub-btn {
        font-size: 13px;
    }

    .lat-col-content h4 {
        font-size: 15px;
    }

    .up-new-col span {
        font-size: 10px;
    }

    /*.flex-fluid {*/
    /*    padding: 0px 19% 0px;*/
    /*}*/
    .topstory-fluid {
        padding: 20px 3.7% 40px;
    }

    .topstoryspecial-fluid .topstoryhome-fluid {
        padding: 20px 3.7% 40px;
    }

    .upcom-fluid {
        padding: 30px 5% 0px;
    }

    .up-bg {
        width: 300px;
    }

    .up-new-col h4 {
        font-size: 16px;
    }

    .bottomadd-fluid {
        padding: 15px 25%;
    }

    .slid-fluid {
        padding: 20px 4%;
    }

    .col-keep h4 {
        font-size: 16px;
    }

    .col-social .sel {
        margin-bottom: 0px;
    }

    .col-social h3 {
        font-size: 15px;
        margin-bottom: 75px;
    }

    .col-social h3 span {
        font-size: 20px;
    }

    .col-archive {
        margin-bottom: 20px;
    }

    .col-archive p {
        padding-top: 0px;
        margin: 0px;
        line-height: 17px;
    }

    .main-bottom-add-bg {
        height: 514px;
    }

    .mag-add-bg {
        /* height: 383px; */
    }

    .col-keep h5 {
        font-size: 15px;
    }

    .col-keep {
        /* height: 510px; */
        height: auto;
    }

    .foot-fluid {
        padding: 60px 5% 0px;
    }

    .foot-col p {
        padding: 40px 0px;
    }

    .abt-fluid h3 {
        font-size: 22px;
    }

    .crumb h4 {
        /* font-size: 15px; */
    }

    .crumb span {
        padding: 14px 12px 0px;
    }

    .evt-det-bg {
        height: 320px;
    }

    .evt-det-new-col {
        padding: 21px 30px;
        background: #F2F2F2;
    }

    .evt-det-side-new-col {
        height: 162px;
    }

    .evt-det-side-bg {
        height: 162px;
    }

    .evt-det-new-col h3 {
        font-size: 20px;
    }

    .evt-det-side-new-col h4 {
        font-size: 15px;
    }

    .col-events-12 img {
        width: 80px;
        margin: auto auto 20px;
    }

    .single-col p {
        line-height: 22px;
        font-size: 14px;
    }

    .inner-bg {
        height: 350px;
    }

    .inner-new-col {
        height: 350px;
    }

    .inner-new-col h3 {
        font-size: 19px;
    }

    .evt-det-new-col p {
        height: 56px;
    }

    .col-archive {
        padding: 18px 20px;
    }

    .cnt223 h4 {
        font-size: 16px;
        padding: 0px 10px;
    }

    .dlys-col {
        width: 50% !important;
    }

    .bott-post {
        margin-bottom: 15px !important;
    }

    .syn-a {
        top: 19%;
    }

    .syn-a1 {
        top: 43%;
    }

    .syn-a2 {
        top: 67%;
    }

    .main-bg {
        width: 100%;
        height: 368px;
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
    }
}

@media only screen and (max-width: 1380px) {
    .navbar-dark .navbar-nav .nav-link {
        padding: 12px 15px;
    }

    .bott-post {
        margin-bottom: 10px !important;
    }
    .tabbar{
        display: none;
      }
    p,
    body {
        font-size: 12px;
    }

    .main-side-new-col-special .main-side-new-col h4 {
        font-size: 14px;
    }

    .main-side-new-col-special .main-new-col h3 {
        font-size: 18px;
    }

    .lat-col-content h4 {
        font-size: 15px;
    }

    .up-new-col h4 {
        font-size: 14px;
    }

    .foot-post-col h3 {
        font-size: 18px;
    }

    .top-bg {
        height: 230px;
    }

    .col-ent-det h4 {
        font-size: 13px;
    }

    .single-col h4 {
        font-size: 28px;
    }

    .dlys-col {
        width: 48% !important;
    }

    .syn-a {
        top: 18%;
    }

    .syn-a1 {
        top: 40%;
    }

    .syn-a2 {
        top: 62%;
    }

}

@media only screen and (max-width: 1320px) {
    .daily-col {
        margin: 0px 0px 0px;
        padding: 0px 10px;
    }

    .up-bg {
        width: 260px;
        height: 190px;
    }
    .tabbar{
        display: none;
      }
    .photo-sin {
        width: 110px !important;
    }

    .navbar-dark .navbar-nav .nav-link {
        padding: 12px 9px;
    }

    .up-new-col h4 {
        height: 50px;
    }

    .up-new-col {
        height: 190px;
    }

    .rupay-bg {
        height: 190px;
    }

    .lat-col-content h4 {
        line-height: 15px;
        height: 30px;
    }

    .lat-col-content p {
        height: 45px;
        line-height: 15px;
    }

    .lat-col-date {
        height: 68px;
    }

    .lat-col-date-home {
        height: 0px;
    }

    .col-rupay-12 {
        margin-bottom: 10px;
    }

    .nav-fluid {
        padding: 0px 5%;
    }

    .top-bg {
        height: 200px;
    }

    .main-side-new-col-special .main-side-new-col span {
        font-size: 8px;
    }

    .abt-fluid h3 {
        font-size: 20px;
    }

    .evt-det-col-date {
        height: 80px;
    }

    .reader {
        width: 30px !important;
        height: 30px !important;
    }

    .daily-col h6 {
        height: 30px;
        line-height: 30px;
        left: 45px;
    }

    .inner-new-col h3 {
        font-size: 16px;
    }

    .inner-bg {
        height: 300px;
    }

    .inner-new-col {
        height: 300px;
    }

    .inner-add {
        padding: 30px 15px;
    }

    /*.add-fluid {*/
    /*    padding: 20px 15%;*/
    /*}*/
    .event-title h3 {
        font-size: 30px;
        width: 450px;
    }

    .flex-fluids {
        width: 950px;
        margin: 30px auto;
    }

    .col-archive {
        padding: 15px 20px;
    }

    .col-mag p {
        line-height: 16px;
    }

    .cnt223 h4 {
        font-size: 15px;
        padding: 0px 10px;
    }

    .remodal {
        max-width: 80%;
    }

    .dlys-col {
        width: 46% !important;
    }

    .synop-a {
        font-size: 11px;
    }

    .syn-a {
        top: 20%;
    }

    .syn-a1 {
        top: 45%;
    }

    .syn-a2 {
        top: 71%;
    }
}

@media only screen and (max-width: 1290px) {
    .daily-col {
        margin: 0px 0px 0px;
        padding: 0px 10px 0px;
    }
    .tabbar{
        display: none;
      }
    .dlys-col {
         width: 42% !important; 
        /*width: 68% !important;*/
    }

    .topstory-fluid {
        padding: 20px 3% 40px;
    }

    .topstoryspecial-fluid .topstoryhome-fluid {
        padding: 20px 3% 40px;
    }

    .col-hide-1290 {
        display: none;
    }
}

@media only screen and (max-width: 1200px) {
    .daily-col {
        margin: 0px;
        padding: 0px 15px;
    }

    .navbar-dark .navbar-nav .nav-link {
        padding: 12px 14px;
        font-size: 10.5px;
    }
    .tabbar{
        display: none;
      }
    .topstory-fluid {
        padding: 20px 2.7% 40px;
    }

    .topstoryspecial-fluid .topstoryhome-fluid {
        padding: 20px 2.7% 40px;
    }

    .col-adds-widthright {
        width: 68% !important;
        margin-left: 30px !important;
    }

    .wraps {
        width: 68%;
        position: absolute;
        top: 45%;
        left: 0%;
        transform: translate(-27%, -50%);
    }

    .col-social h3 {
        margin-bottom: 54px;
    }

    .main-side-new-col-special .main-side-new-col {
        padding: 50px 10px 20px;
    }

    .side-right-col span {
        font-size: 8px;
    }

    .up-new-col {
        padding: 50px 10px 20px;
    }

    .up-new-col span {
        font-size: 8px;
    }

    .up-slid-col p {
        font-size: 13px;
        line-height: 18px;
        height: 36px;
    }

    .col-colr {
        /* padding: 20px 10px; */
        /* background: #f2f2f2; */
    }

    .col-mag {
        padding: 20px 10px;
    }

    .col-social .sel {
        margin-bottom: 0px;
        height: 30px;
    }

    .col-archive select {
        width: 100%;
        height: 30px;
        margin-bottom: 10px;
    }

    .main-side-add-bg {
        height: 200px;
    }

    .mrg-bottom {
        margin-bottom: 44px;
    }

    .col-archive {
        margin-bottom: 22px;
    }

    .col-ent-det h4 {
        font-size: 15px;
    }

    .main-bottom-add-bg {
        height: 426px;
    }

    .mag-add-bg {
        /* height: 340px; */
    }

    .col-mag p {
        padding: 2px 5px;
        margin: 0px;
    }

    .col-keep {
        /* height: 426px; */
        height: auto;
    }

    .foot-post-col1 p span {
        padding: 0px 0px 0px 10px;
        font-size: 11px;
    }

    .main-bg {
        height: 396px;
    }

    .main-new-col p {
        /* height: 40px; */
        line-height: 18px;
    }

    .main-side-bg {
        height: 155px;
        width: 155px;
    }

    .main-side-new-col-special .main-side-new-col {
        height: 155px;
    }

    .inner-new-col {
        padding: 5px 3%;
    }

    .col-sde p {
        line-height: 18px;
        margin: 0px;
    }

    .col-sde {
        height: 80px;
    }

    .main-new-col h3 {
        /* height: 37px; */
        font-size: 21px;
        line-height: 24px;
    }

    .main-new-col {
        padding: 15px 15px;
        /*height: auto;*/
    }

    .lat-col-date span {
        font-size: 8px;
    }

    .lat-col-date-home p {
        font-size: 8px;
    }

    .lat-col-date-home span {
        font-size: 8px;
    }

    .lat-col-date p {
        font-size: 8px;
    }

    .post-bg {
        width: 85px;
        height: 60px;
    }

    .more-slid-col h4 {
        font-size: 17px !important;
        height: 47px;
    }

    .more-bg {
        height: 90px !important;
    }

    .evt-det-bg {
        height: 255px;
    }

    .evt-det-new-col img {
        width: 40px;
        float: left;
        height: 40px;
    }

    .evt-det-new-col span {
        margin: 0px;
    }

    .evt-det-new-col h3 {
        height: 49px;
        font-size: 18px;
        line-height: 22px;
    }

    .evt-det-side-bg {
        height: 133px;
        width: 140px;
    }

    .evt-det-side-new-col {
        height: 133px;
        padding: 24px 20px 20px;
    }

    .col-evnts-deta {
        padding: 30px 30px;
    }

    .evt-det-col-date {
        height: 70px;
    }

    .col-keep h4 {
        font-size: 12px;
    }

    .col-archive {
        padding: 15px 10px;
    }

    .dlys-col {
        /*width: 68% !important;*/
    }

    .bott-post img {
        width: 70px;
        height: 70px;
    }
    .tabbar{
        display: none;
      }
    .bott-post p {
        font-size: 10px !important;
        line-height: 14px !important;
    }
    .bott-post .main-side-new-col-special .main-side-new-col {
        height: 70px !important;
    }
    .syn-a {
        top: 19%;
    }
    .syn-a1 {
        top: 42%;
    }
    .syn-a2 {
        top: 67%;
    }
}

@media only screen and (max-width: 1160px) {
    .main-bg {
        height: 378px !important
    }
    .tabbar{
        display: none;
      }
    .dlys-col {
        /*width: 68% !important;*/
        width:;
    }
}

@media only screen and (max-width: 1100px) {
    .navbar-dark .navbar-nav .nav-link {
    padding: 12px 11px;
    font-size: 10.5px;
}
    .head-fluid {
        padding: 25px 2%;
    }
    .tabbar{
        display: none;
      }
    .nav-fluid {
        padding: 0px 2%;
    }

    .upcom-fluid {
        padding: 0px 2% 0px;
    }

    .topstory-fluid {
        padding: 10px 1% 30px;
    }

    .topstoryspecial-fluid .topstoryhome-fluid {
        /* height: 1300px; */
        padding: 10px 1% 30px;
    }


    .padd-right {
        padding-right: 15px;
        padding-left: 0px;
    }

    .slid-fluid {
        padding: 20px 2%;
    }

    .foot-fluid {
        padding: 40px 2% 0px;
    }

    .crumb h4 {
        /* font-size: 14px; */
    }

    .crumb span {
        padding: 12px 10px 0px;
    }

    .remodal {
        max-width: 94%;
        padding: 10px;
        top: 10px;
    }

    .col-adds-widthright .evt-det-col {
        width: 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 20px;
    }

    .col-adds-widthright {
        width: 65% !important;
        margin-left: 30px !important;
    }

    .dlys-col {
        /*width: 63% !important;*/
        width: 41% !important;
    }

    .col-adds-width {
        /* width: 310px !important; */
        width: 275px !important;
        margin: 0px auto;
    }

    .more-bg {
        height: 115px;
    }

    .syn-a2 {
        top: 65%;
    }
}

@media only screen and (max-width: 1025px) {
    .navbar-dark .navbar-nav .nav-link {
        padding: 12px 8px;
    }

    .dropdown .fa {
        margin: 0px;
    }

    .wrap {
        padding: 30px 5%;
    }
    .tabbar{
        display: none;
      }
    .up-bg {
        width: 230px;
        height: 190px;
    }

    .abt-fluid h3 {
        font-size: 18px;
    }

    .more-slid-col h4 {
        font-size: 16px !important;
        height: 40px;
    }

    /*.add-fluid {*/
    /*    padding: 20px 10%;*/
    /*}*/
    .single-col h4 {
        font-size: 25px;
    }

    .no-fod {
        width: 70%;
        display: block;
        margin: auto;
    }

    .page-title {
        font-size: 24px;
    }

    .ev-mod img {
        width: 100%;
        float: none;
        margin: 0px 0px 10px 0px;
    }

    .add-fluid {
        overflow: visible;
        overflow-x: hidden;
        width: 100%;
    }

    .flex-fluid {
        overflow: visible;
        overflow-x: scroll;
        width: 100%;
    }

    /*.add-fluid .row {*/
    /*    width: 100%;*/
    /*}*/

    .flex-fluid .row {
        width: 1000px;
    }

    .col-width-8 {
        width: 100%;
    }

    /* .col-hide-800 {
        width: 310px;
        float: none;
        flex: auto;
        max-width: 310px;
        padding: 0px;
        margin: 0px auto;
        display: block;
    } */

    .dlys-col {
        /* width: 100% !important; */
    }

    .more-bg {
        height: 150px;
    }

    .synop-a {
        font-size: 10px;
    }

    .syn-a {
        top: 17%;
    }

    .syn-a1 {
        top: 38%;
    }

    .syn-a2 {
        top: 60%;
    }
}

@media only screen and (max-width: 992px) {
    .main-new-col {
        margin: 30px auto;
        height: auto;
    }

    .main-new-col .date {
        padding-top: 68px;
    }

    .topstoryspecial-fluid {
        padding: 20px 4% 0px;
        /* height: 1350px; */
        height: auto;
        margin-bottom: 25px;
    }
    .tabbar{
        display: none;
      }
    .topstoryhome-fluid {
        padding: 20px 4% 0px;
        /* height: 1350px; */
        margin-bottom: 25px;
    }

    .topstoryspecial-fluid {
        margin-top: -55px;
        height: 1400px;
    }

    img.top-ad {
        padding: 9px;
        height: 118px;
        max-width: 92%;
        padding-left: 8%;
        padding-right: 8%;
        text-align: center;
    }

    .special-head {
        display: none;
    }

    .latestnews-fluid {
        padding: 20px 6% 0px;
    }

    .dly-evts {
        /* padding-right: 37px;
        margin-left: -22px; */
    }

    .day-number {
        left: 84px;
    }

    .content-box {
        margin-right: 15px;
    }

    .main-side-new-col-special {
        height: 230px;
    }

    .horizontal-line {
        margin: 40px auto;
    }

    .upcoming-inner {
        padding: 20px 6% 0px;
    }

    .upcoming-bg {
        width: 47%;
        height: 200px;
    }

    .upcoming-remove {
        display: none;
    }

    .daily-col {
        margin: 0px 0px 0px;
        padding: 0px 15px;
    }

    .mag-add-bg {
        /* height: 353px; */
    }

  

    .col-keep.mag {
        width: 240px;
        margin: 15px;
    }


    .latest-col::after {
        margin-left: 0px;
        margin-right: 0px;
    }

    img {
        /* height: 55.5%; */
        height: auto;
        padding-right: 0px;
        padding-left: 0px;
    }

    img[alt="ad"] {
        height: 588px;
        padding-right: 0px;
        padding-left: 0px;
    }

    .navbar-dark .navbar-nav .nav-link {
        padding: 12px 11px;
        font-size: 9.8px;
    }

    .cnt223 h4 {
        font-size: 14px;
        padding: 0px 10px;
    }

    .col-ent-det h4 {
        font-size: 15px;
    }

    .hide-917398 {}

    .contact-col-keep {
        width: 100%;
    }

    .top-col {
        padding-top: 35px;
        flex: none;
        max-width: 100%;
    }

    .searchNew {
        margin-right: 10px;
    }

    .about-col {
        width: 65%;
    }

    .reader {
        width: 25px !important;
        height: 25px !important;
    }

    .daily-col h6 {
        height: 25px;
        line-height: 25px;
        left: 40px;
    }

    .top-col {
        padding-top: 35px;
        flex: none;
        max-width: 100%;
        padding: 20px 50px 0px;
    }

    .padd-right {
        padding-right: 0px;
        padding-left: 0px;
    }

    .top-col.padd-left {
        /*padding: 35px 50px 0px;*/
        max-width: 100%;
    }

    .main-side-bg {
        height: 220px;
        width: 220px;
    }

    .main-side-new-col-special .main-side-new-col {
        height: 100%;
        padding: 50px;
    }

    .main-side-add-bg {
        height: 300px;
    }

    .col-sde {
        height: 75px;
    }

    .latest-col h3 {
        font-size: 22px;
    }

    .col-subscribe-12 {
        padding: 25px 10px;
    }

    .col-keep {
        width: 34%;
        margin-bottom: 30px;
    }

    .bottomadd-fluid {
        padding: 15px 15%;
    }

    .crumb h4 {
        /* font-size: 13px; */
    }

    .crumb span {
        padding: 15px 8px 0px;
    }

    .evt-det-col {
        width: 100%;
    }

    .event-title h3 {
        font-size: 24px;
        width: 100%;
        text-align: center;
        line-height: 23px;
    }

    .event-title img {
        width: 300px;
        height: auto;
        margin-bottom: 20px;
    }

    .flex-fluids {
        width: 100%;
        margin: 30px auto;
    }

    .col-width-8.evt-det-col {
        width: 100%;
        flex: none;
        max-width: 100%;
    }

    .main-new-col h3 {
        height: auto;
    }

    .col-archive p {
        line-height: 20px;
    }

    .col-cnt {
        padding: 10px;
    }

    .col-adds-widthright {
        width: 100% !important;
        margin: 0px !important;
    }

    .dlys-col {
        width: 100% !important;
        margin: 0px;
    }

    .synop-a {
        font-size: 9.5px;
    }

    .syn-a {
        top: 16%;
    }

    .syn-a1 {
        top: 37%;
    }

    .syn-a2 {
        top: 58%;
    }
}

@media only screen and (max-width: 991px) {
    /*img {*/
    /*    width: 100%;*/
    /*    height: 71.6%;*/
    /*}*/
    .tabbar{
        display: none;
      }
    .syn-a {
        top: 22%;
    }
    .syn-a1 {
        top: 50%;
    }

    .syn-a2 {
        top: 79%;
    }
}
@media only screen and (max-width: 950px) {
    .navbar-dark .navbar-nav .nav-link {
        padding: 12px 9px;
        font-size: 10px;
    }
}
@media only screen and (max-width: 902px) {
    .navbar-dark .navbar-nav .nav-link {
        padding: 12px 7px;
        font-size: 9.5px;
    }
}
@media only screen and (max-width: 850px) {
     .navbar-dark .navbar-nav .nav-link {
        padding: 12px 7px;
        font-size: 9px;
    }
    .daily-col {
        margin: 0px 0px 0px;
        padding: 0px 15px;
    }.tabbar{
        display: none;
      }
}

@media only screen and (max-width: 800px) {
    .main-side-new-col-special .main-side-new-col {
        padding: 50px 20px;
    }

    .col-90 {
        display: none;
    }

    .dlys-col {
        width: 100% !important;
        /* margin-top: 20px;
    margin-left: 56px; */
    }

    .navbar-dark .navbar-nav .nav-link {
        padding: 12px 6px;
        font-size: 9px;
    }
.tabbar{
        display: none;
      }
    .add-fluid {
        padding: 1px 0px;
    }

    .head-fluid {
        padding: 15px 2%;
    }

    /*.flex-fluid {*/
    /*    padding: 0px 10% 0px;*/
    /*}*/
    .col-9-up {
        max-width: 100%;
        flex: none;
        margin-bottom: 30px;
    }

    .searchNew {
        display: none;
    }

    .col-width-8 {
        flex: none;
        max-width: 100%;
    }

    .col-hide-800 {
        display: none;
    }

    .col-rupay-12 {
        padding: 0px;
    }

    .col-3-add {
        max-width: 33%;
        flex: 0 0 33%;
    }

    .hide-md {
        display: block;
        padding-left: 0px;
    }

    .col-subscribe-12 {
        height: 190px;
    }

    .pad-left {
        padding-left: 0px;
    }

    .carousel-control-prev.arr-slid {
        left: -20px;
    }

    .carousel-control-next.arr-slid {
        right: -20px;
    }

    .carousel-bg {
        background-color: #000;
        width: 100%;
        height: 800px;
    }

    .arr-slid {
        font-size: 20px;
    }

    .top-bg {
        height: 150px;
    }

    .up-slid-col {
        padding: 10px;
        background: #f2f2f2;
    }

    .post-bg {
        margin-right: 20px;
    }

    .foot-posts p {
        width: 100%;
    }

    .last-col {
        display: none;
    }

    .foot-post-col1 {
        max-width: 100%;
        flex: none;
    }

    .foot-post-col1 p {
        margin: 0px;
        text-align: center;
    }

    .hide-pix {
        display: block !important;
        max-width: 100%;
        flex: none;
        text-align: center;
    }

    div.wpcf7-mail-sent-ok {
        border: 2px solid #398f14;
        display: block;
        clear: both;
        margin: 0px;
    }

    .syn-a {
        top: 18%;
    }

    .syn-a1 {
        top: 40%;
    }

    .syn-a2 {
        top: 63%;
    }

    .daily-col {
        margin: 0px 0px 0px;
        padding: 0px 15px;
    }
}

@media only screen and (max-width: 775px) {
    .tabbar{
        display: none;
      }

    .navbar-dark .navbar-nav .nav-link {
        padding: 8px 5.8px;
    }

    .mag-add-bg {
        /* height: 280px;
        margin: 0px 0px; */
    }

    .syn-a1 {
        top: 38%;
    }

    .syn-a2 {
        top: 60%;
    }

    .searchNew {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    .mag-add-img{
        height: 300px;
    }
    .tabbar {
        display:block!important;
        overflow-x: auto;
        white-space: nowrap;
        background-color: #e8e5e5;
        }
        
        .tabbar-wrapper {
        display: inline-flex;
        overflow: hidden;
        max-height: 50px;
        }
        
        .nav-tab, .custom-item {
        display: block;
        color: #d02430;
        text-align: center;
        padding: 14px 15px;
        text-decoration: none;
        font-size: 12px;
        }
        
        .nav-tab:hover, .custom-item:hover {
        background-color: #ddd;
        color: black;
        }
        
        .nav-dropdown {
        display: none;
        position: fixed;
        background-color: #f9f9f9;
        min-width: 160px;
        box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
        z-index: 1;
        top: 127px;
        }
        
        .nav-dropdown a {
        color: black;
        padding: 12px 16px;
        display: block;
        text-decoration: none;
        }
        
        .nav-dropdown a:hover {
        background-color: #ddd;
        }
        
        .show {
        display: block;
        }

    /* .second-line{
    display: none;
} */
    .maintence-repair-overhaul {
        /*display: none;  */
    }

    .content-box {
        flex-direction: column;
    }

    .my-column {
        flex-direction: column;
        padding-right: 15px;
    }

    .topstoryspecial-fluid {
        margin-top: -55px;
    }

    img.top-ad {
        padding: 9px;
        height: 118px;
        max-width: 46%;
        padding-left: 4%;
        padding-right: 8%;
    }

    .special-head {
        display: none;
    }

    .latestnews-fluid {
        padding: 18px 0px 0px;
    }

    .dly-evts {
        /* padding-right: 37px; */
        /* margin-left: -22px; */
    }

    .day-number {
        left: 65px;
    }

    .content-box {
        margin-right: 15px;
    }

    .main-side-new-col-special {
        /* height: 320px; */
    }

    .horizontal-line {
        /*margin: 40px auto;*/
        display: none;
    }

    .upcoming-inner {
        padding-left: 25px;
        padding-right: 20px;
    }

    .upcoming-bg {
        width: 47%;
        height: 200px;
    }

    .upcoming-remove {
        display: none;
    }

    .daily-col {
        margin: 0px 0px 0px;
        padding: 0px 15px;
    }

    .mag-add-bg {
        /* height: 348px; */
    }

   

    .col-keep.mag {
        /* width: 322px; */
        width: 230px;
        margin: 15px;
    }

    /* .maintence-repair-overhaul {
    display: none;
} */

    .latest-col::after {
        margin-left: 0px;
        margin-right: 0px;
    }

    img {
        /* height: 55.5%; */
        padding-right: 0px;
        padding-left: 0px;
    }

    .topstoryspecial-fluid,
    .topstoryhome-fluid {
        /* height: 1320px; */
    }

    .topstoryspecial {
        height: 1354px;
    }

    .nav-fluid {
        display: none;
    }

    .sidenav {
        position: fixed;
        top: 0;
        left: -250px;
        width: 250px;
        height: 100%;
        background-color: #333;
        color: #fff;
        transition: 0.3s ease;
        z-index: 998;
        overflow-x: hidden;
        padding-top: 60px;
    }


    .sidenav ul {
        list-style-type: none;
        padding: 0;
    }

    .sidenav ul li {
        padding: 15px 0;
        text-align: left;
        padding-left: 20px;

    }

    .sidenav ul li {
        color: white;
        text-decoration: none;
        font-size: 16px;
    }

    .sidenav a {
        color: white;
        text-decoration: none;
        font-size: 16px;
    }

    .sidenav ul li a:hover {
        color: #FFD700;
    }

    .drawer-button {
        position: absolute;
    font-size: 20px;
        top: 26px;
        left: 10px;
       /* cursor: pointer; */
        width: 40px;
        height: 40px;
        /* background-color: #ffffff; */
        border-radius: 50%;
        color: white;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 999;
    }

    .drawer-icon {
        width: 20px;
        height: 2px;
        background-color: #fff;
        position: absolute;
        transform: rotate(0deg);
        transition: 0.3s ease;
    }

    .drawer-button.open .drawer-icon {
        transform: rotate(-45deg);
    }



    .closebtn {
        display: none;
        position: absolute;
        top: 20px;
        right: 10px;
        font-size: 30px;
        cursor: pointer;
        color: white;
    }

    .soc-icon p {
        /* text-align: right; */
        display: none;
        /* clear: both;
    margin-top: 5px; */
    }

    .cont-link {
        float: right;
        display: block;
        cursor: pointer;
        padding: 0px 0px;
        background-color: #050505;
        /* margin-top: -85px; */
        /* width: 59px; */
    }

    .cont-link a {
        text-align: center;
        padding: 10px;
        /* display: none; */
    }

    .searchNew {
        display: none;
    }

    .synop-a {
        font-size: 10px;
    }

    .main-new-col .date {
        padding-top: 20px;
    }

    .main-side-new-col-special,
    .main-side-new-col {
        /* height: 192px; */
        height: auto;
        padding: 30px 20px 10px;
    }

    .icon-button {
        margin-top: -100px
    }

    .navbar-dark .navbar-nav .nav-link {
        font-size: 12px;
    }

    .searchNew {
        display: none;
    }

    .up-bg {
        width: 400px;
        height: 290px;
    }

    .wrap {
        padding: 30px 2%;
    }

    .up-new-col {
        height: 290px;
        margin-bottom: 20px;
    }

    .foot-col p {
        width: 100%;
    }

    .soc-cnt {
        margin: 20px 0px;
    }

    .col-cnt-det {
        margin-bottom: 30px;
    }

    .col-cnt-det .card-body {
        padding: 10px 0px;
    }

    .more-col .col-md-4 {
        margin-bottom: 20px;
    }

    .evt-det-col {
        width: 100%;
        padding: 0px 15px 0px;
    }

    .evt-det-bg {
        height: 400px;
    }

    .more-slid-col {
        margin-bottom: 20px;
    }

    .lat-col-date img {
        width: 80px;
    }

    .lat-col-date-home img {
        width: 80px;
    }

    .inner-add {
        padding: 20px 15px;
    }

    .single-col h4 {
        font-size: 23px;
    }

    .evt-det-new-col h3 {
        height: auto;
        line-height: 25px;
    }

    .evt-det-new-col p {
        height: auto;
    }

    .about-col {
        margin-bottom: 30px;
        padding: 0px 20px;
    }

    .bg767up {
        height: auto !important;
    }

    .synop-a {
        font-size: 130%;
    }

    .syn-a {
        top: 16%;
    }

    .syn-a1 {
        top: 34.8%;
    }

    .syn-a2 {
        top: 54%;
    }

    .col-keep {
        /* width: 100%; */
        width: 40%;
        /* Make the columns full width on mobile */
        /* margin-left: 0px;
        margin-right: 0px;
        margin-top: 0px; */
    }

    .col-colr {
        width: 100%;
    }

    .col-keep h5 {
        font-size: 9px;
    }

    .col-archive {
        display: flex;
        flex-direction: row;
        /* Display col-archive elements in a row on mobile */
        flex-wrap: wrap;
        /* Wrap elements to the next row if necessary */
    }

    .col-colr.col-archive {
        width: 100%;
        /* Make col-archive elements take up half the width on mobile */
        padding: 10px;
        /* Adjust padding as needed */
    }

    .col-colr.col-mag {
        width: 100%;
        /* Make col-mag elements full width on mobile */
        margin-bottom: 15px;
    }
}

@media only screen and (max-width: 650px) {
    .col-keep.mag {
        width: 265px;
        margin: 15px;
    }

    img {
        /* height: 55.5%; */
        height: auto;
        padding-right: 0px;
        /* padding-left: 38px; */
    }

    .poppadd {
        padding: 0px 30px;
    }

    .cnt223 h4 {
        font-size: 13px;
        padding: 0px 10px;
    }

    .col-cnt {
        padding: 20px;
    }

    .cnt223 {
        min-width: auto;
        width: 100%;
    }

    .padd-left {
        padding-left: 0px;
        padding-right: 0px;
        /* max-width: 100%; */
        flex: none;
        max-width: 100%;
    }

    .about-col {
        width: 46%;
    }

    .padd-right {
        max-width: 100%;
        ;
    }

    .main-side-add-bg {
        height: 350px;
    }

    .latest-col {
        padding: 10px 32px;
    }

    .latests-col {
        padding: 0px 18px;
    }

    .col-keep {
        width: 42%;
        margin-bottom: 30px;
    }

    .foot-fluid {
        padding: 40px 50px 0px;
    }

    .col-ent-det h4 {
        height: 35px;
    }

    .crumb h4 {
        /* font-size: 11px; */
    }

    .crumb span {
        padding: 10px 5px 0px;
    }

    .hide-650 {}

    .show-650 {}

    .dly-col {
        width: 100%;
    }

    .single-col {
        width: 100%;
    }

    .inner-bg {
        width: 100%;
    }

    .inner-new-col {
        height: auto;
        width: 100%;
    }

    .inner-bg {
        height: 370px;
    }

    .evt-det-new-col h3 {
        height: auto;
        line-height: 20px;
        font-size: 16px;
    }
    .dly-evts {
        width: 50%;
        /* padding-right: 37px;
        margin-left: -22px; */
    }
    .synop-a {
        font-size: 100%;
    }

    .syn-a {
        top: 15%;
    }

    .syn-a1 {
        top: 33.8%;
    }

    .syn-a2 {
        top: 53%;
    }
}
@media only screen and (max-width: 575px) {
    .nav-tab, .custom-item {
        padding: 14px 7px;
        font-size: 11px;
    }
.cont-link {
margin-top: -85px;
}
}
@media only screen and (max-width: 580px) {
    .main-side-new-col {
        padding: 40px 20px 20px;
        /*height: 235px;*/
        height: auto;
        overflow: show;
        position: relative;
        background: #f2f2f2;
    }

    img {
        /* height: 55.5%; */
        height: auto;
        padding-right: 0px;
        /* padding-left: 38px; */
    }

    img[alt="ad"] {
        height: 580px;
        padding-right: 0px;
        /* padding-left: 38px; */
    }

    .logo img {
        width: 180px;
        margin: auto;
        display: block;
        height: 40px;
    }

    .top-story::after {
        width: 68%;
    }

    .more-col {
        padding: 30px 30px 0px;
    }

    .soc-icon p {
        text-align: left;
    }

    .head-fluid {
        padding: 15px 2% 0px;
    }

    .add-fluid img {
        margin-bottom: 20px;
    }

    .add-fluid {
        padding: 1px 0% 1px;
    }

    .main-bg {
        height: 310px !important;
    }

    .up-bg {
        width: 100%;
        height: 290px;
    }

    .up-new-col {
        height: auto;
        margin-bottom: 20px;
    }

    .up-new-col h4 {
        height: auto;
        text-align: center;
    }

    .up-new-col p {
        height: auto;
        text-align: center;
    }

    .upcom-fluid {
        padding: 0px 50px 0px;
    }

    .col-3-add {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .hide-md {
        display: block;
        padding-left: 15px;
    }

    .pad-left {
        padding: 0px;
        margin: 0px;
    }

    .col-rupay-12 {
        margin-bottom: 0px;
    }

    .slid-fluid {
        padding: 20px 0%;
    }

    .foot-posts {
        width: 100%;
    }

    .rupay-bg {
        height: 290px;
    }

    .top-bg {
        height: 250px;
    }

    #demo1 {
        display: none;
    }

    #demo2 {
        display: block !important;
    }

    #demo3 {
        display: none;
    }

    #demo4 {
        display: block !important;
    }

    #demo5 {
        display: none;
    }

    #demo6 {
        display: block !important;
    }

    .more-slide {
        padding-top: 35px;
        width: 100%;
    }

    .foot-post-col h3 {
        margin-top: 30px;
    }

    .evt-det-bg {
        height: 300px;
    }

    .evt-det-up {
        padding-bottom: 30px !important;
    }

    .more-bg {
        /* height: 200px; */
        height: 70px;
    }

    .more-slid-col h4 {
        height: auto;
    }

    .more-slid-col p {
        height: auto;
        overflow: hidden;
    }

    .inner-bg {
        height: 300px;
    }

    .cont-link {
        /* margin-top: -85px; */
        /* display: none; */
    }

    .logo img {
        /* width: 50%; */
        margin-bottom: 20px;
    }

    .cont-link .dropdown-content {
        right: auto;
        width: 100%;
    }

    .wraps {
        width: 90%;
        position: relative;
        top: -5px;
        left: auto;
        right: 0px;
        float: right;
        transform: translate(0px);
    }

    .soc-icon p {
        display: none;
        /* clear: both;
    margin-top: 5px; 
     text-align: right; */

    }

    .cont-link a {
        text-align: right;
    }
}

@media only screen and (max-width: 500px) {
    .cont-link {
        margin-top: -85px;
        /* display: none; */
    }
}

@media only screen and (max-width: 576px) {
    .nav-tab, .custom-item {
        padding: 14px 7px;
        font-size: 11px;
    }
    .maintence-repair-overhaul {
        /*display: none;  */
    }

    .latest-col::after {
        margin-left: 0px;
        margin-right: 0px;
    }

    img {
        /*height: 486px;*/
         height: auto !important; 
        padding-right: 0px;
        /* padding-left: 38px; */
    }

    .topstoryhome-fluid {
        /* height: 1250px; */
        padding: 0px 4% 40px;
    }

    .topstoryspecial-fluid {
        /* height: 1290px; */
    }

    .nav-fluid {
        display: none;
    }

    .sidenav {
        position: fixed;
        top: 0;
        left: -250px;
        width: 250px;
        height: 100%;
        background-color: #333;
        color: #fff;
        transition: 0.3s ease;
        z-index: 998;
        overflow-x: hidden;
        padding-top: 60px;
    }


    .sidenav ul {
        list-style-type: none;
        padding: 0;
    }

    .sidenav ul li {
        padding: 15px 0;
        text-align: left;
        padding-left: 20px;

    }

    .sidenav ul li {
        color: white;
        text-decoration: none;
        font-size: 16px;
    }

    .sidenav ul li a:hover {
        color: #FFD700;
    }

    

    .drawer-icon {
        width: 20px;
        height: 2px;
        background-color: #fff;
        position: absolute;
        transform: rotate(0deg);
        transition: 0.3s ease;
    }

    .drawer-button.open .drawer-icon {
        transform: rotate(-45deg);
    }



    .closebtn {
        position: absolute;
        top: 20px;
        right: 10px;
        font-size: 30px;
        cursor: pointer;
        color: white;
    }

    .soc-icon p {
        /* text-align: right; */
        display: none;
        /* clear: both;
    margin-top: 5px; */
    }

    .cont-link a {
        text-align: center;
        /* display: none; */
    }

    .searchNew {
        display: none;
    }

    .synop-a {
        font-size: 10px;
    }

    .main-new-col .date {
        padding-top: 5px;
    }

    .icon-button {
        margin-top: -100px
    }

    .top-col {
        padding: 5px 20px 0px;
    }

}


@media only screen and (max-width: 480px) {
    .col-keep.mag {
        /*width: 142px;*/
        margin: 15px;
    }

    .topstoryspecial-fluid {
        /* height: 1361px; */
    }

    .maintence-repair-overhaul {
        /* display: none; */
    }

    .lat-col-date img {
        width: 100%;
    }

    .lat-col-date-home img {
        width: 100%;
    }

    .cols-pad {
        padding: 0px !important;
    }

    .inner-bg {
        height: 250px;
    }

    .event-title img {
        width: 250px;
    }

    .entry-content table,
    .entry-content tr,
    .entry-content td,
    .entry-content th {
        padding: 3px;
    }

    .col-keep {
        /* width: 100%; */
        width: 80%;
        margin-bottom: 30px;
        text-align: center;
    }

    .mag-add-bg {
        /* height: 170px; */
    }

    .synop-a {
        font-size: 9px;
    }

    .main-side-new-col-special,
    .main-side-new-col {
        /* height: 300px; */
        height: auto;
        padding: 30px 20px 10px;
    }
}


@media only screen and (max-width: 420px) {
    .nav-tab, .custom-item {
    padding: 14px 7px;
    font-size: 11px;
}
    .maintence-repair-overhaul {
        /* display: none; */
    }

    .main-side-bg {
        width: 100%;
    }

    .evt-det-col {
        padding: 0px 15px 0px;
    }

    .main-side-new-col-special .main-side-new-col {
        padding: 30px 20px 10px;
    }

    .main-side-add-bg {
        height: 300px;
    }

    .col-sde {
        height: auto;
    }

    .top-col {
        padding: 5px 20px 0px;
    }

    .latestnews-fluid {
        padding: 18px 0px 0px;
    }

    .top-col.padd-left {
        /*padding: 35px 20px 0px;*/
    }

    .latest-col {
        padding: 10px 20px;
    }

    .latests-col {
        padding: 0px 18px;
    }

    .about-col {
        width: 100%;
        padding: 0px 20px;
    }

    .crumb h4 {
        /* font-size: 10px; */
    }

    .crumb span {
        padding: 10px 5px 0px;
    }

    .upcom-fluid {
        padding: 0px 20px 0px;
    }

    .up-bg {
        width: 100%;
        height: 250px;
    }

    .bottomadd-fluid {
        padding: 15px 5%;
    }

    .col-keep {
        height: auto;
    }

    .foot-fluid {
        padding: 40px 20px 0px;
    }

    .lat-col-date-home {
        width: 60%;
        margin-right: 20px;
    }

    .lat-col-date {
        width: 30%;
        margin-right: 20px;
    }

    .evt-det-bg {
        height: 220px;
    }

    .evt-det-side-bg {
        height: 220px;
        width: 100%;
    }

    .more-bg {
        height: 70px;
    }

    .inner-bg {
        height: 220px;
    }

    .inner-new-col {
        padding: 10px;
    }

    .main-bottom-add-bg {
        height: 733px;
    }

    .syn-a {
        top: 15%;
    }

    .syn-a1 {
        top: 32.8%;
    }

    .syn-a2 {
        top: 52%;
    }
}

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

    .main-side-new-col {
        padding: 40px 20px 20px;
        /* height: 235px; */
        height: auto;
        overflow: show;
        position: relative;
        background: #f2f2f2;
    }

    img {
        /* height: 55.5%; */
        height: auto;
        padding-right: 0px;
        /* padding-left: 38px; */
    }

    img[alt="ad"] {
        height: 727px;
        padding-right: 0px;
        /* padding-left: 38px; */
    }

    .main-side-new-col h4 {
        font-size: 17px;
    }

    .topstoryhome-fluid {
        /* height: 1219px; */
        padding: 0px 4% 40px;
    }

    .topstoryspecial-fluid {
        /* height: 1400px; */
    }

    .dly-evts {
        width: 100%;
        max-width: 100%;
        flex: 100%;
    }

    .col-3-add {
        padding: 0px;
    }

    .synop-a {
        font-size: 8px;
    }

    .syn-a {
        top: 14%;
    }
}

@media only screen and (max-width: 320px) {
    .topstoryspecial-fluid {
        /* height: 1600px; */
    }

    .main-bottom-add-bg {
        height: 600px;
    }

    .top-bg {
        height: 200px;
    }

    .rupay-bg {
        height: 230px;
    }

    .up-bg {
        width: 100%;
        height: 200px;
    }

    .main-side-add-bg {
        height: 250px;
    }

    .main-bg {
        height: 200px;
    }

    .evt-det-bg {
        height: 200px;
    }

    .more-bg {
        height: 150px !important;
    }

    .inner-bg {
        height: 200px;
    }
}





section.main_section {
	background-color: white;
	padding:0;
	margin-bottom: 20px;

	border: 1px lightgray solid;

	counter-increment: my-awesome-counter;
}
section.main_section p{
	padding: 15px;
}
section section {
	border-top: 1px lightgray solid;
	padding: 15px;
	overflow: hidden;
}
section p{
	margin: 0;
}
section.main_section section p {
	padding: 0;
	margin: 10px 0;
}

section h1{
	font-size: 2.5em;
	margin-bottom: 0.5em;
	padding: 0 1em;
}
section h1:before {
  content: counter(my-awesome-counter) ". ";
}

section h2 {
	margin: 0;
	font-size: 1.2em;
	font-style: normal;
	font-weight: 500;
	padding: 10px 0;
}

.command {
	border-bottom: solid 1px rgba(250, 250, 250, 0.6);
	box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
	padding: 10px 10px 10px 20px;

	font-size: 0.9em;
}
.command ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.command ul li {
	display:inline-block;
	padding: 0 10px 0 0;
}

.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}

.box_wrapper {
	text-align: center;
}
.box_footprint {
	-webkit-box-shadow: inset 1px 1px 5px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    inset 1px 1px 5px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         inset 1px 1px 5px 0px rgba(50, 50, 50, 0.75);

	display: inline-block;
}
.box_footprint div{
	height: 30px;
	width: 30px;

	border: 1px #666 solid;

	background-color: gray;
}

code {
	font-style: italic;
	font-size: 1em;
	font-family: 'Open sans', sans-serif;
	display: block;
	padding: 10px;
	border: 1px lightgray solid;
	margin: 5px 0;

	color: #606070;
}

code.inline {
	display: inline-block;
}

.well {
	background-color: #eaf7ff;
	padding: 0.8em !important;
	text-align: justify;
	margin-top: 1em;
	font-size: 0.85em;
}
.well .icon {
	text-align: center;
	margin-left: -0.5em;
}
.well p {
	margin: 0 !important;
}

footer {
	background-color: white;
	padding:0;
	margin-bottom: 20px;

	border: 1px lightgray solid;

	counter-increment: my-awesome-counter;

	font-size:0.8em;
}
footer p{
	padding: 10px;
	margin: 0;
}
html.remodal-is-locked{overflow:hidden;-ms-touch-action:none;touch-action:none;}
.remodal,
[data-remodal-id]{display:none;}
.remodal-overlay{position:fixed;z-index:9999;top:-5000px;right:-5000px;bottom:-5000px;left:-5000px;display:none;}
.remodal-wrapper{position:fixed;z-index:10000;top:0;right:0;bottom:0;left:0;display:none;overflow:auto;text-align:center;-webkit-overflow-scrolling:touch;}
.remodal-wrapper:after{display:inline-block;height:100%;margin-left:-0.05em;content:"";}
.remodal-overlay,
.remodal-wrapper{-webkit-backface-visibility:hidden;backface-visibility:hidden;}
.remodal{position:relative;outline:none;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;}
.remodal-is-initialized{display:inline-block;}
.remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened{-webkit-filter:blur(3px);filter:blur(3px);}
.remodal-overlay{background:rgba(43, 46, 56, 0.9);}
.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing{-webkit-animation-duration:0.3s;animation-duration:0.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}
.remodal-overlay.remodal-is-opening{-webkit-animation-name:remodal-overlay-opening-keyframes;animation-name:remodal-overlay-opening-keyframes;}
.remodal-overlay.remodal-is-closing{-webkit-animation-name:remodal-overlay-closing-keyframes;animation-name:remodal-overlay-closing-keyframes;}
.remodal-wrapper{padding:10px 10px 0;}
.remodal {
    box-sizing: border-box;
    width: auto;
    margin-bottom: 10px;
    padding: 20px;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    color: #2b2e38;
    background: #fff0;
    border: 15px solid #fff;
}
.remodal-close {
    position: absolute;
    top: -15px;
    left: auto;
    right: -15px;
    display: block;
    overflow: visible;
    width: 35px;
    height: 35px;
    margin: 0;
    padding: 0;
    cursor: pointer;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
    text-decoration: none;
    color: #fdfdff;
    border: 0;
    outline: 0;
    background: #09B09A;
}
.remodal.remodal-is-opening,
.remodal.remodal-is-closing{-webkit-animation-duration:0.3s;animation-duration:0.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}
.remodal.remodal-is-opening{-webkit-animation-name:remodal-opening-keyframes;animation-name:remodal-opening-keyframes;}
.remodal.remodal-is-closing{-webkit-animation-name:remodal-closing-keyframes;animation-name:remodal-closing-keyframes;}
.remodal,
.remodal-wrapper:after{vertical-align:middle;}
.remodal-close:hover,
.remodal-close:focus{color:#2b2e38;}
.remodal-close:before{font-family:Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;font-size:25px;line-height:35px;position:absolute;top:0;left:0;display:block;width:35px;content:"\00d7";text-align:center;}
.remodal-confirm,
.remodal-cancel{font:inherit;display:inline-block;overflow:visible;min-width:110px;margin:0;padding:12px 0;cursor:pointer;-webkit-transition:background 0.2s;transition:background 0.2s;text-align:center;vertical-align:middle;text-decoration:none;border:0;outline:0;}
.remodal-confirm{color:#fff;background:#81c784;}
.remodal-confirm:hover,
.remodal-confirm:focus{background:#66bb6a;}
.remodal-cancel{color:#fff;background:#e57373;}
.remodal-cancel:hover,
.remodal-cancel:focus{background:#ef5350;}
.remodal-confirm::-moz-focus-inner,
.remodal-cancel::-moz-focus-inner,
.remodal-close::-moz-focus-inner{padding:0;border:0;}
.width{width:60%!important;}
@-webkit-keyframes remodal-opening-keyframes{from{-webkit-transform:scale(1.05);transform:scale(1.05);opacity:0;}
to{-webkit-transform:none;transform:none;opacity:1;-webkit-filter:blur(0);filter:blur(0);}
}
@keyframes remodal-opening-keyframes{from{-webkit-transform:scale(1.05);transform:scale(1.05);opacity:0;}
to{-webkit-transform:none;transform:none;opacity:1;-webkit-filter:blur(0);filter:blur(0);}
}
@-webkit-keyframes remodal-closing-keyframes{from{-webkit-transform:scale(1);transform:scale(1);opacity:1;}
to{-webkit-transform:scale(0.95);transform:scale(0.95);opacity:0;-webkit-filter:blur(0);filter:blur(0);}
}
@keyframes remodal-closing-keyframes{from{-webkit-transform:scale(1);transform:scale(1);opacity:1;}
to{-webkit-transform:scale(0.95);transform:scale(0.95);opacity:0;-webkit-filter:blur(0);filter:blur(0);}
}
@-webkit-keyframes remodal-overlay-opening-keyframes{from{opacity:0;}
to{opacity:1;}
}
@keyframes remodal-overlay-opening-keyframes{from{opacity:0;}
to{opacity:1;}
}
@-webkit-keyframes remodal-overlay-closing-keyframes{from{opacity:1;}
to{opacity:0;}
}
@keyframes remodal-overlay-closing-keyframes{from{opacity:1;}
to{opacity:0;}
}
@media only screen and (min-width:641px){.remodal{max-width:90%;}
}
.lt-ie9 .remodal-overlay{background:#2b2e38;}
.lt-ie9 .remodal{width:90%;}



@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('./ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('./fonts/slick.eot');
    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}