@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400&display=swap");
/* Custom */
/* Fonts */
@font-face {
  font-family: "NotoSerifSinhala";
  src: url("sinhala-bold.woff2");
  }
@font-face {
  font-family: "Mv_Waheed";
  src: url("TitilliumWeb-Regular.ttf");
  }
  @font-face {
  font-family: "tit-reg";
  src: url("TitilliumWeb-Regular.ttf");
  }
  @font-face {
  font-family: "tit-bold";
  src: url("TitilliumWeb-Bold.ttf");
  }
  @font-face {
  font-family: "Poppins-SemiBold";
  src: url("Poppins-SemiBold.ttf");
  }

  @font-face {
  font-family: "aammu";
  src: url("TitilliumWeb-Bold.ttf");
  }
  .load_more{
    width: 45px;
    text-align: center;
    margin: auto;
  }
.load_more i{
  color: rgb(86, 86, 86);
    font-size: 40px;
    text-align: center;
    cursor: pointer;
}
.load_more i:hover{
  color: black;
    font-size: 40px;
    text-align: center;
}
.main_article_dv_text {
    font-family: Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif !important; 
    text-align: left;
    direction: ltr;
    font-size: 42px;
    margin-bottom: 5px;
    font-weight: bold;
}
.detail_top_text{
    font-family: Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif !important; 
    text-align: left;
    direction: ltr; 
    font-size: 19px;
    color: black!important;
    margin: 10px;
    font-weight: bold;
}
.top_article_dv_text {
    font-family: Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif !important;
    text-align: left;
    direction: ltr;
    font-size: 19px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #000000;
    font-weight: bold;
}
.section_article_dv_text {
    font-family: Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif !important; 
    text-align: left;
    direction: ltr; 
    font-size: 19px;
    margin-bottom: 5px;
    color: #000000;
    font-weight: bold;
}
.front_section_header {
    font-family: aammu; 
    text-align: right;
    direction: rtl; 
    font-size: 33px;
    margin-bottom: 5px;
}
.navbar_dv_text {
  font-family: tit-bold,NotoSerifSinhala;
    text-align: left;
    font-size: 19px;
    margin: 10px

}
.search_dv_text {
    text-align: center;
    font-size: 17px; 
    margin:3px; 
}


/* breaking */

.brk_tg_circle_md{
    width: 15px;
    height: 15px;
    float: left;
    border:2px solid #fff;
    background-color:rgb(255, 0, 0);
    border-radius:10px;
    margin-top:13px;
    margin-left: 11px;
    animation: color_chnage 2s infinite;
}
.brk_tg_text_md{
    width: 85px;
    float:left;
    font-size:16px;
    font-weight:600;
    color:#fff;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-left: 5px;
    font-family: Poppins-SemiBold;
}
.brk_tg_box_md{
    position: absolute;
    border-radius: 10px 0px 0px 10px;
    width: 130px;
    overflow: auto;
    right: 0;
    top:0;
    background-color: rgb(255, 0, 0);
}
.brk_tg_box_md_1{
    position: absolute;
    border-radius: 10px 0px 0px 10px;
    width: 130px;
    overflow: auto;
    right: 0px;
    top: 0px;
    background-color: rgb(255, 0, 0);
}

.image-overlay {
    overflow: hidden;
}

.image-half-overlay {
    overflow: block;
}

/* Comon Styles */
body {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  background-color: white;
}

a {
  text-decoration: none;
}

a:hover {
    color: #d60000;
    text-decoration: none!important;
}
.navbar-nav {
  margin-right:60px;
}

.ad-front-1 {
  width: 865px; 
  height: 200px; 
}
.ad-front-2 {
  width: 950px!important; 
  height: 200px; 
}
.ad-front-3,
.ad-front-4,
.ad-front-5,
.ad-front-6,
.ad-front-7,
.ad-front-8,
.ad-front-9,
.ad-front-10  {
  width: 900px; 
  height: 160px; 
}

.image-overlay-top {
  background-color: white;
}

.separator-bar {
    height: 30px;
    background-color: #373536;
    width: 1px;
    margin-top: 15px;
}
.h-separator-bar {
  width: 100%;
    background-color: #f30000;
    height: 2px;
}
.front_loadmore {
    width: 30px;
    font-size: 30px;
    text-align: center;
    margin: 0 auto;
    cursor: pointer;
    color: #999;
    height: 30px;
    background-image: url(..//images/plus.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.not_overlay {
  color: black;
  margin-top: 5px;
}

  .cnm_logo img {
  width: 100% !important;
  /*max-width: 200px;*/
  height: auto;
  margin-left: 10px;
}

.custom-padding {
  padding: 0 20%;
}
/* card design */
.image-overlay
 {
  position: relative;
  margin: 3px 8px;
}
.brk-box {
  overflow: hidden;
}

.image-overlay > img:hover,
.image-overlay-3 > img:hover,
.image-overlay-top > .brk-box > img:hover {
    transform: scale(1.01);
    transition: 1s;
    transition-duration: 10s;
    filter: grayscale(0.8);
    margin-bottom: 5px;

}


.image-overlay > a > img:hover {
    transform: scale(1.01); 
    transition: 1s;
    transition-duration: 10s;
    filter: grayscale(0.8);
    margin-bottom: 5px;

}

@media screen and (max-width: 950px) {
.cnm_logo img {
  margin-left: 0px;
   }
}


@media screen and (min-width: 1024px) {

  .cnm_logo_footer img {
  width: 100%;
  max-width: 160px;
  height: auto;
}

.image-overlay img {
  display: block;
  max-width: 100%;
  /*width: 375px;*/
  width: auto;
  height: 350px;
  max-height: 100%;
  object-fit: cover;
 }
}

.image-overlay .overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-image: linear-gradient( to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1) );
  padding: 80px 10px 20px;
  color: #fff;
}

.image-overlay .half_overlay {
    position: absolute;
    bottom: -75px;
    left: 0;
    right: 0;
    /*background-image: linear-gradient( to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9) );*/
    padding: 10px 10px 20px;
    color: black;
    -webkit-text-stroke-color: white;
    -webkit-text-stroke-width: 1.5px;
}

.image-overlay h2,
.image-overlay p {
  margin-top: 0;
  margin-bottom: 0;
}

.border-title {
  color: #fff;
  text-align: center;
  font-size: 30px;
  border-radius: 15px;
  padding: 20px 50px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

/* end common styles */

/* breaking ticker */
.brk_link{
  font-family:"Mv_Waheed";
  color:rgb(250, 95, 34);
  font-size:22px;
  text-decoration:none !important;
  
}
.red {
    background-color: rgb(255, 255, 255);
    -webkit-animation: up-right 1s infinite;
    animation: up-right 1s infinite;
}
.circle {
    border-radius: 50%;
    width: 12px;
    height: 12px;
  opacity: .8;
  position: absolute;
  top:12px;
  right:12px;
}
.brk_box{
  padding-top: 20px;
  padding-bottom: 20px;
  overflow: auto;
}
.brk_icon{
  width: 10%;
  background-color:rgb(211, 0, 0);
  color: rgb(255, 255, 255);
  padding: 5px;
  margin-bottom: 0;
  position: relative;
  border-radius:5px;
  font-family:"aammu";
  font-size:18px;
  direction:rtl;
  text-align:left;
  padding-left: 20px;
}
.brk_text{
  width: 90%;
  direction:rtl;
  text-align:right;
  padding-right: 20px;

}


/* ---- */

/* Header Styles */
.cnm_logo{
  float: left;
}

.navinner{
  width: 1200px !important;
  margin: auto;
}

.navbar {
    background-color: #ffffff;
    height: 50px;
    margin-bottom: 0px;
    margin-top: 20px;
    position: relative;
    border: black solid 2.5px;
    border-left: 0;
    border-right: 0;
}
.navbar-brand {
  height:95px;
}
.navbar-toggler {
  background-color: #ec1c24;
  color: #fff;
}
.navbar-expand-lg .navbar-toggler {
  display: block;
}
.navbar-nav .nav-link {
    color: #373536;
}
.nav-link:focus,
.nav-link:hover {
  color: #333;
}
.navbar-nav .nav-link.active {
  color: #333;
}
.left-bar {
  width: 1px;
  height: 100%;
  background-color: #f40000;;
  margin-left: 80px;
  margin-right: 10px;
}
.search img {
  cursor: pointer;
}
.search-container {
  display: flex;
  align-items: center;
  margin-left: auto;
  position: relative;
}

.search-container input {
    height: 35px;
    padding: 0px 10px;
    outline: none;
    border: 1px solid black;
    transition: all 1s ease-in-out;
    position: absolute;
    top: 46px;
}

.search-container i {
  font-size: 24px;
  color: black;
  cursor: pointer;
  margin-right: 4px;
}
.search-input {
  display: none;
  margin-left: 5px;
}
.search-input.show {
  display: inline-block;
}
.menubar {
  cursor: pointer;
  margin-right: 10px !important;
   /* margin-right: auto; */
}
/* mobile menu */
.left-menu {
  display: none;
  width: 240px;
  /* top: 100%; */
  left: 0;
  transition: all 0.3s ease-in-out;
  z-index: 999;
}
.left-menu.show {
  display: block;
}
.left-menu ul {
  margin: 0;
  padding: 0;
}
.left-menu ul li {
  position: relative;
}
.left-menu ul li a {
  display: block;
  text-decoration: none;
  color: #333;
  padding: 10px 15px;
}
.left-menu ul li:hover a {
  background-color: #555;
  color: #fff;
}
.left-menu ul li:hover ul li a {
  background-color: #fff;
  color: #333;
}
.left-menu ul li:hover ul li a:hover {
  background-color: #555;
  color: #fff;
}
.left-menu ul ul {
  position: absolute;
  width: 180px;
  list-style: none;
  margin: 0;
  padding: 0;
  background-color: #fff;
  left: 240px;
  top: 20px;
  display: none;
  border-radius: 5px;
}
.left-menu ul li:hover ul {
  display: block;
 }


/* end main menu */

/* start news section 1 */
#news-section-one {
  margin-bottom: 20px;
}

/* for extra-wide  laptops */
@media screen and (min-width: 1536px) {
  .navbar {
    background-color: #ffffff;
    padding: 10px 10%!important;
    height: 50px;
    margin-bottom: 0px;
    margin-top: 20px;
    position: relative;
    border: red solid 1.5px;
    border-left: 0;
    border-right: 0;
  }
  #toggle-menu {
    margin-left: 5px!important; 
  }
  .search-container input {
    right: 50px;
    width: 920px;
    z-index: 100;
    padding: 30px;
  }
}

/* for large laptops */
@media screen and (min-width: 1440px) {

  .grey-box {
    min-height:90px!important;
    margin: 10px 10px; 
  }
  .top-article-list {
    background-color: white;
    margin-right: -4px;
    margin-left: 8px;
  }
  .top-rectangle-ad {
    width: 100%;
    margin-right: 10px;
    height: 100%;
    object-fit: fill;
  }
  .ad-box {
    width: 600px;
    height: 395px;
    overflow: hidden;
  }
  .home_top_headline {
    margin-bottom: -0.4px;
    color: black!important;
  }

.brk_icon {
  width: 9%!important; 
}

#news-section-one .big-img img {
  display: block;
  max-width: 100%;
  width: 800px;
  height: 807px!important;
  max-height: 100%;
  object-fit: cover;
  }
  #news-section-4 .big-img img {
    display: block;
    max-width: 100%;
    width: 800px;
    height: 884px!important;
    max-height: 100%;
    object-fit: cover;
 }
 #news-section-5 .big-img img, #news-section-7 .big-img img, #news-section-10 .big-img img {
    display: block;
    max-width: 100%;
    width: 800px;
    height: 800px!important;
    max-height: 100%;
    object-fit: cover;
 }
 #news-section-10 .big-img img {
    display: block;
    max-width: 100%;
    width: 800px;
    height: 882px!important;
    max-height: 100%;
    object-fit: cover;
 }
 .image-overlay img {
    display: block;
    width: 100%;
    /* width: 375px; */
    /*width: auto; */
    height: 330px!important;
    max-height: 100%;
    object-fit: cover;
 }
 .image-overlay-top img {
    display: block;
    width: 100%;
    /* width: 375px; */
    /*width: auto; */
    height: 280px!important;
    max-height: 100%;
    object-fit: cover;
 }
 .image-overlay-3 img {
    display: block;
    width: 100%;
    /* width: 375px; */
    /*width: auto; */
    height: 520px!important;
    max-height: 100%;
    object-fit: cover;
 }
 .image-overlay-box img {
    display: block;
    width: 100%;
    /* width: 375px; */
    /*width: auto; */
    height: 383px!important;
    max-height: 100%;
    object-fit: cover;
 }
   .navbar {
    background-color: #ffffff;
    padding: 10px 7.7%;
    height: 50px;
    margin-bottom: 0px;
    margin-top: 20px;
    position: relative;
    border: black solid 2.5px;
    border-left: 0;
    border-right: 0;
  }
  #toggle-menu {
    margin-left: 6px; 
  }
  .search-container input {
    right: 50px;
    width: 920px;
    z-index: 100;
    padding: 30px;
 }

}

/* only for small laptops */
@media screen and (min-width: 1024px) and (max-width: 1439px) {
  .grey-box {
    min-height:130px;
    margin: 10px 10px; 
  }

  .top-article-list {
    background-color: white;
    margin-right: -4px;
    margin-left: 8px;
  }
  .top-rectangle-ad {
    width: 100%;
    margin-right: 10px;
    height: 100%;
    object-fit: fill;
  }
  .ad-box {
    width: 423px;
    height: 278px;
    overflow: hidden;
  }
  .hide-1024{
    display: none!important; 
  }
  .adjust-1024 {
    padding-bottom:10px;
  }
  .home_cat_left_box:nth-child(5) {
    display: none;
  }

  #news-section-one .big-img img {
  display: block;
  max-width: 100%;
  width: 404px;
  height: 710px;
  max-height: 100%;
  object-fit: cover;
  }
  .image-overlay .big-img .overlay {
    width: 404px;
  }
  #news-section-4 .big-img img {
    display: block;
    max-width: 100%;
    width: 404px;
    height: 698px;
    max-height: 100%;
    object-fit: cover;
}
  #news-section-5 .big-img img, #news-section-7 .big-img img {
    display: block;
    max-width: 100%;
    width: 404px;
    height: 570px;
    max-height: 100%;
    object-fit: cover;
}

#news-section-10 .big-img img {
    display: block;
    max-width: 100%;
    width: 404px;
    height: 671px;
    max-height: 100%;
    object-fit: cover;

}


  .top-ad > img {
    width: 100%!important; 
  }
  .navbar {
    background-color: #ffffff;
    padding: 10px 8.1%;
    height: 50px;
    margin-bottom: 0px;
    margin-top: 20px;
    position: relative;
    border: #373536 solid 2px;
    border-left: 0;
    border-right: 0;
  }
  #toggle-menu {
    margin-left: 7px; 
  }
  .navbar_dv_text {
    font-size: 20px;
  }
  .logo img {
    max-width: 120px!important;
  }
  #news-section-two .image-overlay img, #news-section-three .image-overlay img, #news-section-8 .image-overlay img, #news-section-9 .image-overlay img {
    display: block;
    width: 100%;
    /* width: 375px; */
    /* width: auto; */
    height: 250px;
    max-height: 100%;
    object-fit: cover;
   }
   .image-overlay-box img {
    display: block;
    width: 100%;
    /* width: 375px; */
    /*width: auto; */
    height: 270px!important;
    max-height: 100%;
    object-fit: cover;
 }
 .search-container input {
    right: 50px;
    width: 920px;
    z-index: 100;
    padding: 30px;
 }

  }

  .image-overlay img {
    display: block;
    width: 100%;
    /* width: 375px; */
    /*width: auto; */
    height: 210px;
    max-height: 100%;
    object-fit: cover;
 }
 .image-overlay-top img {
    display: block;
    width: 100%;
    /* width: 375px; */
    /*width: auto; */
    height: 199px;
    max-height: 100%;
    object-fit: cover;
 }
 .image-overlay-3 img {
    display: block;
    width: 100%;
    /* width: 375px; */
    /*width: auto; */
    height: 370px;
    max-height: 100%;
    object-fit: cover;
 }

 .main_article_dv_text {
    font-size: 42px!important;
    margin: 10px;
 }
 .section_article_dv_text {
    font-size: 19px!important;
 }
 .top_article_dv_text {
   font-size: 19px!important;
 }
 .ad_banner {
  width: 80%;
 }



#news-section-4 {
  margin-bottom: 20px;
}
/* end news section 4 */

/* news section 5 */

#news-section-5 {
  margin-bottom: 20px;
}


#news-section-6 {
  margin-bottom: 20px;
}

.card {
  background-color: #e5e6e7;
}
.card-body .card-title {
  background-image: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.9),
    rgba(0, 0, 0, 0)
  );
}
.card-body span {
  display: block;
  border-bottom: 5px solid #ec1c24;
}
@media screen and (min-width: 1024px) {
  .stream-icon-mobile {
    direction: none;
  }
#news-section-6 .big-img img {
  display: block;
  max-width: 100%;
  width: 800px;
  height: 740px;
  max-height: 100%;
  object-fit: cover;
 }
 .article-list-container {
  margin-bottom: 80px;
 }
} 
/* end news section 6 */

/* start news section 7 */

#news-section-7 {
  margin-bottom: 20px;
}

 .border-color {
  border-top: 3px solid black!important;
}
.badge-bg {
background-color: #242424!important;
}

#news-section-10 {
  margin-bottom: 20px;
}
/* end news section 10 */

/* footer area style */
footer {
  background-color: #afafaf;
}

.copyright-area {
  background: #555;
}
.social-icon i {
  color: #333;
  font-size: 17px;
  font-weight: 900;
}
/* end footer style */


/* media query */
@media screen and (max-width: 576px) {
  .menubar {
    margin-right: 0px;
  }
  .left-bar {
    margin-left: 20px;
  }
  .navinner{
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media screen and (min-width: 767px) {
  .logo img {
    width: 100%;
    max-width: 150px;
    height: auto;
  }
}

@media screen and (max-width: 992px) {
  #news-section-one {
    margin-top: 26px;
  }
  .navinner span{
    color: #000;
  }
  .stream-icon {
     display: none;
  }
  .search-icon {
    margin-left: 45px!important; 
  }
  .navbar-nav {
    flex-direction: unset;
    width: 100%;
  }
  .navbar-collapse {
    display: block !important;
  }
  .navbar-collapse li {
    display: none;
    padding: 5px;
  width: 100%;
  }
  .navbar-collapse li:nth-child(-n + 5) {
    display: inline;
  }
  .navbar_dv_text{
    margin: 0px;
  }
  .nav-link{
    font-size: 13px !important;
  }
  .hide-mobile{
    display: none;
   }

  .ad-front-1 {
  width: 865px; 
  height: auto; 
}
.ad-front-2 {
  width: 950px!important; 
  height: auto; 
}
.ad-front-3,
.ad-front-4,
.ad-front-5,
.ad-front-6,
.ad-front-7,
.ad-front-8,
.ad-front-9,
.ad-front-10{
  width: 900px; 
  height: auto; 
}
.ad_banner {
  width: 100%!important; 
}
.custom-padding {
  padding: 0 4px!important; 
}
.phone2 {
      display: flex;
    justify-content: center;
}

  /*font size mob */
  .top_article_dv_text, .section_article_dv_text {
    font-size: 19px!important; 
  }
  /* --- */ 
  .cnm_logo_footer img {
  width: 100%;
  max-width: 100px;
  margin-bottom: 10px;
  height: auto;
}

  #news-section-one .big-img img {
  display: block;
  max-width: 100%;
  width: 800px;
  height: 460px;
  max-height: 100%;
  object-fit: cover;
  }

  #news-section-three .big-img img {
    display: block;
    max-width: 100%;
    width: 800px;
    height: 460px;
    max-height: 100%;
    object-fit: cover;
  }
  .image-overlay-3 img {
    display: block;
    width: 100%;
    height: 199px;
    max-height: 100%;
    object-fit: cover;
}

  #news-section-4 .big-img img {
    display: block;
    max-width: 100%;
    width: 800px;
    height: 460px;
    max-height: 100%;
    object-fit: cover;
  }
  #news-section-5 .big-img img {
    display: block;
    max-width: 100%;
    width: 800px;
    height: 460px;
    max-height: 100%;
    object-fit: cover;
  }
  #news-section-6 .big-img img {
    display: block;
    max-width: 100%;
    width: 800px;
    height: 460px;
    max-height: 100%;
    object-fit: cover;
  }
  #news-section-7 .big-img img {
    display: block;
    max-width: 100%;
    width: 800px;
    height: 460px;
    object-fit: cover;
  }
  #news-section-8 .big-img img {
    display: block;
    max-width: 100%;
    width: 800px;
    height: 460px;
    max-height: 100%;
    object-fit: cover;
  }
  #news-section-9 .big-img img {
    display: block;
    max-width: 100%;
    width: 800px;
    height: 460px;
    max-height: 100%;
    object-fit: cover;
  }

  #news-section-10 .big-img img {
    display: block;
    max-width: 100%;
    width: 800px;
    height: 460px;
    max-height: 100%;
    object-fit: cover;
}

  .image-overlay img {
  display: block;
  max-width: 100%;
  /*width: 375px;*/
  width: auto;
  height: 210px;
  max-height: 100%;
  object-fit: cover;
 }
 .image-overlay {
    margin: 0px 2px;
}
.grey-box {
  min-height: 110px;
  margin: 10px 13px;
  padding-top: 5px;
 }
 .address-footer {
    text-align: center!important;
    font-size: 13px!important;
  }
  .contact-footer {
    text-align: center!important;
    font-size: 10px!important;
  }
  .brk_icon {
    width: 27%!important; 
  }
  .circle {
    display: none;
  }
  .brk_text {
    width: 100%;
    direction: rtl;
    text-align: right;
    padding-right: 0!important;
    margin: 17px 0;
  }
  .mob-row {
    display: flex!important;
    flex-direction: column;
  }
  .search-container input {
   width: 230px!important;
   position: absolute!important;
   left: -18px;
   z-index: 100
  }
}
/* end media query */

/* Detail Page Specific CSS */ 

.home_top_image_detail img {
  display: block;
    max-width: 100%;
    width: 100%;
    height: 600px;
    object-fit: cover;
    overflow: hidden;
    position: relative;
}
.article_title_dv {
    font-family: tit-bold;
    font-size: 50px;
    color: black;
    text-decoration: none;
    text-align: left;
    direction: ltr;
    margin-bottom: 10px;
}
.normal_text_dv_adjustable_size {
  color: black!important;
}
.border_title_detail {
    color: #fff;
    background-color: black;
    text-align: center;
    font-size: 30px;
    border-radius: 15px;
    padding: 16px 20px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.cmt > .border_title_detail {
    left: 50%;
}
.form-control_detail {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 2rem;
    font-family: Mv_Waheed;
    font-weight: 400;
    line-height: 1.5;
    background-color: var(--bs-body-bg);
    background-clip: padding-box;
    border: var(--bs-border-width) solid var(--bs-border-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: var(--bs-border-radius);
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.icon {
  margin: 10px 0;
  display: inline-block;
  margin-bottom: 5px;
}
/* desktop gap padding */
@media screen and (min-width: 1024px) { 
.image-overlay-top {
    background: white;
    margin: 0 10px;
  }
  .overlay-top-right  {
    margin-left:20px; 
    margin-bottom: 20px;
  }
  .overlay-top-left {
    margin-right: 20px; 
  }
.image-overlay-3 {
    margin: 0 10px;
  }
.gap-right {
   margin: 0 -4px; 
   margin-left: 20px;
  } 
.nil-padding {
  padding: 0px;
 }
 .main_outer_home {
    margin: 0 35px;
  } 
  .px-4point4 {
    padding-right: 2.8rem!important;
    padding-left: 2.8rem!important;
  }
  .px-6 {
    padding-right: 4rem!important;
    padding-left: 4rem!important;
  }
  .not-overlay > .section_article_dv_text {
    margin-top:15px;
  }
}

@media screen and (max-width: 392px) {
.fa-phone {
  display: none;
}
}

/* media queries - detail page */ 
@media screen and (max-width: 992px) {

  .home_top_image_detail img {
    display: block;
    max-width: 100%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    overflow: hidden;
    position: relative;
  }
  .main_inner_detail {
    padding: 0 3%;
    width: 100%;
    position: relative;
  }
  .ad-box {
    width: 100%;
    margin-top: 40px;
    margin-bottom: 70px;
  }
  .top-rectangle-ad {
    width: 100%;
    margin-right:10px;
  }
  .cnm_logo {
    width: 133px;
   }
   
}
@media screen and (min-width: 1024px) {
  .right-offset {
    margin-right: 130px;
  }
  .main_inner_detail {
    padding: 0 3% 0 3%;
    width: 1300px;
    position: relative;
    margin: auto;
   }
   .hide-desktop {
    display: none!important;
   }
   .hide-mobile{
    display: block;
   }
}

/* Section CSS */ 

.section-badge-bg {
  background-color: white!important;
}
.section-border-title {
    color: #000;
    text-align: center;
    font-size: 70px;
    border-radius: 15px;
    padding: 20px 50px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.border-title-right {
    color: #fff;
    text-align: center;
    font-size: 27px;
    border-radius: 15px;
    padding: 20px 50px;
    left: 85%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.image-overlay-sports .overlay {
    position: absolute;
    bottom: 0;
    right: 0;
    background-image: linear-gradient( to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1) )!important;
    padding: 250px 21px 24px;
    color: #fff;
    height: 100%;
}
.image-overlay-sports img {
    /* display: block; */
    width: 100%;
    /* width: 375px; */
    /* width: auto; */
    height: 210px;
    max-height: 100%;
    object-fit: cover;
}
.border-color-white {
    border-top: 3px solid white!important;
}
.section-border-title-sp {
    color: #fff;
    background-color: #003333!important;
    font-size: 70px;
    border-radius: 15px;
    padding: 20px 50px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}



/* media queries */ 
@media screen and (min-width: 1440px){
  .section-overlay img {
    width: 100%;
    height: 379px!important;
 }
 .lcut {
  margin-left:20px;
 }
 .full-width-text {
    margin-left: 30%;
    margin-bottom: 20px;
    line-height: 1.6;
    font-size: 84px!important;
 }
 #category-section-local-sports .big-img img {
    display: block;
    max-width: 100%;
    width: 800px;
    height: 477.5px!important;
    max-height: 100%;
    object-fit: cover;
 }
}

@media screen and (min-width: 1024px) and (max-width: 1439px) {
  .section-overlay img {
    width: 100%;
    height: 330px;
 }
  #category-section-local-sports .section-overlay img {
    width: 100%;
    height: 280px;
 }
 .lcut {
  margin-left:20px;
 }
 .full-width-text {
    margin-left: 50%;
    margin-bottom: 20px;
    line-height: 1.6;
    font-size: 70px!important;
 }
 #category-section-local-sports .big-img img {
    display: block;
    max-width: 100%;
    width: 800px;
    height: 415px;
    max-height: 100%;
    object-fit: cover;
 }
}
@media screen and (max-width: 992px) {
  .section-overlay {
    width: 100%!important;
    height: 300px!important;
   }
   .full-width-text {
    margin-left: 55%;
    margin-bottom: 20px;
    line-height: 1.5;
    font-size: 50px!important;
 }
 .border-title-right {
    color: #fff;
    text-align: center;
    font-size: 27px;
    border-radius: 15px;
    padding: 20px 50px;
    left: 30%!important;
    top: 50%;
    transform: translate(-50%, -50%);
}
 #category-section-local-sports .big-img img {
    display: block;
    max-width: 100%;
    width: 800px;
    height: 270px;
    max-height: 100%;
    object-fit: cover;
 }
}