.news-list{
    display:flex;
}
.news-list .news-title{
    width:80%;
    margin-right:4%;
}
.news-list .thumb_img img{
    border-radius:19px !important;
}

.alt-section{
    margin-top:5%;
}
.alt-section a{
    color:black;
}
.alt-section .thumb_img{
    width:100%;
}
.alt-section img{
    width:100%;
}
.borderme{
    border:1px solid black;
    margin-top:3%;
    margin-bottom:4%;
}
.header{
    
    background: #011e29 !important;
    padding: 10px;
    margin: 5px;
    color: white;
    padding: 1%;
    text-align:center;
}
.header .brand{
     font-family: lato;
    text-align: center;
    font-size: xx-large;
}
.header-nav{
    display:flex;
    overflow:scroll;
}
.header-nav a {
    margin-right: 1%;
    color: black;
    font-size: 14px;
    padding: 1%;
    cursor: pointer;
    font-weight: 700;
    font-family: Lato,sans-serif;
}


.header-nav span:hover{
    color:#b5925d;
}

.wrapper-content img{
    width:100%;
}


::-webkit-scrollbar {
  width: 10px;
}
.google-ads-desk {
  background: gainsboro;
  width: 970px;
  height: 250px;
  margin-bottom: 1%;
  margin-left: 13%;
}

.sub-title{
    font-size: 12px !important;
    margin-bottom: 2%;
    margin-top: 2%;
    color: #afaaaa;
    font-family:roboto;
}
.social-section {
    background: #d4e1e8;
    padding: 3%;
    text-align: center;
    border-radius: 16px;
}
.social-section img{
    width:13% !important;
}
.social-section h5{
    text-align:center;
    color:#0088cc;
}
.news-wrap{
    margin: 3%;
    background: white;
    padding: 2%;
    width:100%;
}
.alt-news{
    background: #f4efef;
    min-height: 500px;
}
.alt-title{
        color: rgb(0, 0, 0);
    /* font-weight: bold; */
    /* display: -webkit-box; */
    /* -webkit-box-orient: vertical; */
    -webkit-line-clamp: 6;
    overflow: hidden;
    width: 100%;
    }

    
.alt-img-wrapper img{
    width:100%;
}


.social-section .social-btn {
    padding: 2%;
    border: 1px solid #0088cc;
    border-radius: 9px;
    width: 31%;
    margin-left: 5%;
}

.social-section .social-btn-group{
    display: flex;
    margin-top: 2%;
    /* text-align: center; */
    margin-left: 12%;
    
}

.social-section span {
    font-size: 12px;
    margin-left: 4%;
    font-weight: bold;
}

.container
{
	width:100% !important;
}
.content-blocks{
    padding:3%;
    margin:3%;
}
.content-blocks img{
    width:98%;
    max-height:228px;
    height:150px;
}
.content-block .content-title{
    margin-top: 3%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 4%;
    color: rgba(0, 0, 0, 0.68);
    font-weight: bold;
    font-size:small;
}
.outerbody
{
	border:1px solid grey; 
	width:400px;
	height:400px;
	margin:5px;
}
.countnews{
       background: red;
    /* padding: 1%; */
    font-size: x-small;
    position: absolute;
    margin-top: -5%;
    padding-right: 2%;
    padding-top: 1%;
    padding-bottom: 1%;
    padding-left: 2%;
    border-radius: 50%;
}

.newsContent
{
	border:1px solid white;
	margin:5px;
}

.image{
	margin:5px;
}


.author
{
	font-size:15px;
	font-weight:bold;
	margin-top:5px;
}

.title
{
	font-size: 15px;
	font-weight: bold;
	color:#286090;
}

iframe{
    width:100%;
}
.description
{
		margin:5px;
		color:black;
}
p{
    text-align:justify;
}
 .strip-content{
    position: fixed;
    top: 94%;
    width: 100%;
    background: #2c2b2b;
    display: flex;
    overflow-x:scroll;
}

.strip-content .cpn-wrap {
    color: white;
    margin: 4%;
    margin-left: 6%;
    margin-top: 5%;
    font-weight: bold;
}
.strip-content a{
    color:white;
    text-decoration:none;
    font-weight:bold;
}

.related-container h1{
    margin-top:1%;
    margin-bottom:2%;
}

.related-container{
    margin-left:13%;
}


.related-wrapper .description{
    color:black;
    margin-top:3%;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-oriented:vertical;
    margin-bottom:4%;
}

.related-wrapper{
    padding: 1%;
    cursor: pointer;
    margin: 1.5%;
    height: 300px;
    border: 1px solid lightgray
}
.related-wrapper img{
    width:100%;
    max-height:200px;
    height:170px;
}

.related-container h1{
    margin-top: 1%;
    margin-bottom: 2%;
    text-align: center;
    margin-left: -20%;
    font-size: 22px;
}

 .main-image{
      max-height: unset;
    margin-left: 1%;
    margin-bottom: 2%;
    margin-top: 2%;
    height: auto;
    width:98%;
  }
  .content-wrapper img{
      width:100%;
  }
  
  #keyfeed .owl-prev{
      position: absolute;
    margin-top: -36%;
    margin-left: -2%;
    font-size: 25px !important;
    color: #a89393 !important;
    font-weight: 800 !important;
  }

#keyfeed .owl-next{
    position: absolute;
    margin-top: -37%;
    font-size: 25px !important;
    color: #a89393 !important;
    font-weight: 800 !important;
    margin-left: 100%;
}

/*.content-wrapper img{*/
/*    width:100% !important;*/
   
/*}*/

.comment-wrapper .ck-editor__editable{
    width: 100%;
    height: 30%;
    border: none;
    border-bottom: 1px solid lightgray;
    resize: none;
    outline: none;

}

.comment-wrapper .btn{
    margin-left:87%;
    margin-top: 2%;
    margin-bottom: 5%;
    background: black;
    color: white;
}




.recent-comment .sub-comment-wrapper{
    padding: 2%;
    margin-left: -12%;
    background: #bbc6ca73;
    margin-top: 0%;
    border-radius: 9px;
    width:fit-content;
}

.recent-comment{
    margin-bottom:8%;
}
.recent-comment img{
    width:40px;
    border-radius:19px;
}

.recent-comment .comment-text{
    font-size:small;
}

.recent-comment .subs-name{
    font-weight:bold;
    font-size:small;
}
.recent-comment .more-options{
    float: right;
    cursor: pointer;
    margin-left: 7%;
    position: absolute;
    font-size: 12px;
    color: #808080e3;
}
.recent-comment .reaction{
    
    position: absolute;
    font-size: 12px;
    margin-top: 4%;
    font-weight: bold;
    color: #0676e7;
    cursor: pointer;
    display:none;
    /* box-shadow: 1px 2px 3px; */

}
.reaction .re-section{
    margin-right:30%;
}


@media only screen and (max-width: 600px) {
    
    .alt-news{
        display:none;
    }
    
    
    .recent-comment{
        display:flex;
    }
    
    .comment-wrapper .btn{
    margin-left:80%;
    margin-top: 2%;
    margin-bottom: 5%;
    background: black;
    color: white;
}

    

.social-section .social-btn-group {
    display: flex;
    margin-top: 5%;
    /* text-align: center; */
    margin-left: 12%;
}
.social-section {
    background: #d4e1e8;
    padding: 3%;
    text-align: center;
    border-radius: 7px;
}    
.social-section .social-btn {
    padding: 2%;
    border: 1px solid #0088cc;
    border-radius: 9px;
    width: 42%;
    margin-left: 2%;
}    
  #keyfeed .owl-prev{
      position: absolute;
    margin-top: -47%;
    font-size: 25px !important;
    color: #a89393 !important;
    font-weight: 800 !important;
    margin-left:-3%;
  }
  
  #keyfeed .owl-next{
      position: absolute;
    margin-top: -47%;
    font-size: 25px !important;
    color: #a89393 !important; 
    font-weight: 800 !important;
    margin-left: 100%;
  }
  
  .adscorner{
      display:none;
  }
  
  .main-image{
      max-height: unset;
    margin-left: 1%;
    margin-bottom: 2%;
    margin-top: 2%;
    height: auto;
  }
   .content-wrapper img{
      width:100%;
  }
  .related-container h1{
    margin-left:2%;
    margin-bottom:2%;
    margin-top:2%;
    font-size:20px;
}
    .related-container{
        margin-left:0%;
    }
    
    .related-wrapper{
    padding: 1%;
    cursor: pointer;
    margin: 1.5%;
    height: 300px;
    border: 1px solid lightgray
}

.related-wrapper img{
    width:100%;
    max-height:200px;
    height:170px;
}

.header {
    background: #011e29 !important;
    color: white !important;
    margin-left: 0% !important;
    padding: 2% !important;
    height: 50px !important;
    z-index: 10;
    top: 0%;
    width: 100%;
    text-align: center;
    position:fixed !important;
}

.brand{
    font-size: 23px;
    font-weight: 700;
    font-family:lato;
}
.header-nav {
    background: #dce6e3;
    padding: 0%;
    display: flex;
    overflow-x: scroll;
    margin-top: 0%;
    position: relative;
    z-index: 10;
    margin-left: 0%;
    position: fixed;
    top: 7%;
    height:50px !important;
}



.menubox{
    display:none;
}
.google-ads-desk{
  
    background: gainsboro;
    width: 100%;
    height: auto !important;
    margin-bottom: 2%;
    margin-left: 0%;
    margin-top: 28%;
    min-height:300px;
}

}