.coverwrapper{
      background: #011e29 !important;
    position: absolute;
    color: white !important;
    margin-left: 0% !important;
    padding: 2%;
    height: auto;
    z-index: 10;
    top: 0%;
    width: 100%;
    text-align:center;
}
.header-nav {
    width: 95%;
    background: white;
    padding: 0%;
    display: flex;
    overflow-x: scroll;
    margin-top: 1.5%;
    position: relative;
    z-index: 10;
    margin-left: 2%;
}
.header-nav a {
    margin-right: 1%;
    color: black;
    font-size: 14px;
    padding: 1%;
    cursor: pointer;
    font-weight: 700;
    font-family: Lato,sans-serif;
}
.brand{
    font-size: x-large;
}
.wrapper{
    display:flex;
    margin-bottom:4%;
}
.recent_news{
    width:25%;
}
.main-content{
    
    background: rgba(255, 255, 240, 0.74);
    margin-top: 3%;
    width: 100%;
    margin-left:0%;

}
.latest-blog{
    padding:3%;
}

.category-section{
    display:none;
}
.latest-section-desk{
    display:none !important;
}
.domain-section{
    display:none !important;
}

h2{
    margin-bottom: 4%;
    padding: 1%;
    margin-left:2%;
}
.description-wraper{
    margin-top:0%;
}
.categoryRibbon{
    width: 6%;
    margin-bottom: 7%;
    color: rgb(0, 0, 0);
    font-size: 10px;
    font-family: math;
    text-align: center;
    font-weight: bold;
    white-space: nowrap;
    text-overflow: ellipsis;
    background: rgb(220, 245, 222);
    margin-top: 0%;
    padding: 1%;
    margin-left:1%;
}

.wrapper .description {
    margin: 5px;
    color: black;
    width: 70%;
}

.wrapper .imgsec{
    width:20%;
}


.wrapper snippet{
    width:20%;
}

.wrapper img{
    width: 100%;
    height: 103px;
    border-radius: 19px;
}

.wrapper h3{
    color: rgb(0, 0, 0);
    font-weight: bold;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    width: 72%;
    font-size:16px;
}

@media only screen and (max-width: 600px) {
 .snippet{
    float: left;
    position: absolute;
    margin-top: 0%;
    margin-left: -2%;
    width:40%;
}

.snippet img{
    width: 80px;
    height: 97px;
    border-radius: 18px;
}
.blog-heading{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    font-family: arial;
    font-size: 14px;
    /* width: 56%; */
    margin-bottom: 2%;
    color: rgb(0, 0, 0);
}

/* Category heading */
.category-heading {
  text-align: center;
  width: 100%;
  font-family: Arial;
  font-weight: bold;
  position: absolute;
  margin-top: -10%;
  margin-left: -3%;
  background: black;
  color: white;
}

/* Date blog DOM */
.date-blog-dom {
  position: absolute;
  font-size: small;
  color: #949393;
}

/* Header */
header {
  z-index: 10;
  width: 90%;
}

/* Date blog */
.date-blog {
  position: absolute;
  font-size: small;
  color: #949393fc;
}

/* Latest zone snippet */


/* Latest blog */
.latest-blog {
  border-bottom: 1px solid #f1ecec;
  height: 141px;
  padding: 4%;
}

/* Blog section blog heading */
.blog-section .blog-heading {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  font-family: Arial;
  font-size: 14px;
  width: 100%;
  margin-bottom: 2%;
  color: black;
}

/* Blog section h2 */
.blog-section h2 {
  font-family: Arial;
  font-size: 16px;
  width: 56%;
  margin-bottom: 2%;
}

/* Blog section fa-bolt */
.blog-section .fa-bolt {
  position: absolute;
  margin-top: -7.3%;
  margin-left: 15%;
  color: #e49e35;
  background: #0000006b;
  padding: 1%;
  padding-left: 2%;
  color: #f3ff42;
  height: 20px;
  width: 20px;
  font-size: 13px;
  border-radius: 23px;
}

/* Blog section img */
.blog-section img {
  width: 108px;
  height: 97px;
  border-radius: 18px;
}

/* Wrapper content */
.wrapper-content {
  height: 220px;
  width: 100%;
  float: left;
}

/* Wrapper content img */
.wrapper-content img {
  width: 100%;
  height: 180px;
  max-height: 200px;
}

/* Wrapper content title */
.wrapper-content .title {
  color: white;
  font-size: 15px;
  padding: 0%;
}

/* Wrapper content description wraper */
.wrapper-content .description-wraper {
  background:black;
  padding: 1%;
  position: absolute;
  width: 100%;
  height: 100px;
  margin-top: -4%;
}

/* Description wraper */
.description-wraper {
  background: #00000096;
  padding: 1%;
  position: absolute;
  width: 100%;
  height: 100%;
  margin-top: -4%;
}

/* Domain section */
.domain-section {
  margin-left: 2%;
  height: unset;
  overflow: auto;
  width: 98%;
  display: flex;
  font-size: small;
}

/* Section wrapper */
.section-wrapper {
  padding: 3%;
  margin-right: 2%;
  font-weight: bold;
  cursor: pointer;
  border-radius: 9px;
  font-family: Arial;
}

.coverwrapper {
    background: #011e29 !important;
    position: fixed;
    color: white;
    margin-left: 0%;
    padding: 2%;
    height: auto;
    z-index: 10;
    top: 0%;
    width: 100%;
}
.category-section{
    display:none !important;
}
.category_desc{
    display:none !important;
}
.wrapper .description {
    margin: 5px;
    color: black;
    width: 60%;
}
.wrapper .imgsec {
    width: 40%;
    margin-left: 7%;
}
.slick-slide {
    display: none;
    float: left;
    height:225px !important;
    min-height: 1px;
}
.header{
    top:-1%;
}
.header-nav {
    width: 100%;
    background: #dce6e3;
    padding: 0%;
    display: flex;
    overflow-x: scroll;
    position: fixed;
    z-index: 10;
    margin-left:-1%;
}
.header-nav a {
    margin-right: 1%;
    color: black;
    font-size: 14px;
    padding: 1%;
    cursor: pointer;
    font-weight: 700;
    font-family: Lato,sans-serif;
}
.listing-news{
    margin-top:27%;
    
}

}