.mainblogleftimg img, .thumb-img img
   {
   width: 100%;
   }
   #userAsCat {
   display:none;
   }
         .bloghead img{
         width:100%;
         }
         .blog-overlap{
         position: relative;
         display: block;
         height: 0;
         top: 130px;
         }
         .blog-overlap h1{
         vertical-align: middle;
         font-size: 30px;
         text-shadow: 1px 1px 3px #000000;
         font-size: 30px;
         color: #fff;
         }
         @media only screen and (max-width: 767px){
         .blog-overlap{
         top: 0px;
         }
   }
   .slides img{
   width: 100%;
   height: 400px;
   object-fit: cover;
   }
   .blog-background{
   background:#f2f2f2;
   margin-top:90px;
   }
   #slide-container {
   /*height: 200px;*/
   overflow: hidden; 
   position: relative; 
   }
   .slide {
   width: 100%; 
   /*min-height: 00px; */
   }
   .slides {
   display: block; 
   }
   /* Style of arrows */
   .arrow {
   color: white; 
   font-size: 26px; 
   position: absolute; 
   top: 50%; 
   transform: translate(0%, -50%); 
   padding: 16px; 
   background-color: rgba(0,0,0,0); 
   transition: background-color 0.3s ease; 
   }
   .arrow:hover {
   cursor: pointer;
   background-color: var(--transparent-grey); 
   }
   #next {
   left: 100%; 
   transform: translate(-100%, -50%); 
   border-radius: 4px 0px 0px 4px; 
   }
   #previous {
   border-radius: 0px 4px 4px 0px; 
   }
   #text-bar {
   background-color: var(--transparent-grey);
   width: 100%;
   height: 36px; 
   position: absolute; 
   top: 100%;
   transform: translate(0%, -100%);  
   text-align: center; 
   height: 36px;
   line-height: 36px;
   }
   #place {
   padding: 0px;
   margin: 0px; 
   color: white;
   position: relative;
   display: inline-block;
   }
   #dotsContainer {
   width: 100%;
   height: 20px; 
   text-align: center; 
   }
   .dots {
   width: 8px;
   height: 8px;
   background-color:none; 
   border-radius: 100%; 
   display: inline-block; 
   margin: 8px 2px; 
   }
   .dots:hover {
   cursor: pointer; 
   background-color: none;
   }
   .activeDot {
   background-color: none; 
   }
   
   @media only screen and (max-width: 767px){
   .BLOG-HEADING a{
   text-align:left;
   }
   }
   .TAB-BACKGROUND{
   background:#fff;
   padding:30px;
   height: auto;
   margin-bottom: 35px;
   }
   .tab-list ul{
   background: #09438c;
   width:100%;
   padding: 10px 20px 10px 20px;
   }
   ul.tabs{
   margin: 0px;
   list-style: none;
   }
   ul.tabs li{
   background: none;
   color: #fff;
   display: inline-block;
   margin: 0px 15px 0px 15px;
   cursor: pointer;
   font-size: 16px;
   }
   ul.tabs li.current{
   background: none;
   color: #fff;
   border-bottom: 5px solid #f80300;
   }
   .tab-content{
   display: none;
   background: none;
   /*padding: 15px;*/
   }
   .tab-content.current{
   display: inherit;
   }
   .breadcrumbheight{
   padding:10px 0 5px 0;
   }
               .LOADMORE{
               width:20%;
               margin:0 auto;
               margin-top:20px;
               }
               .LOADMORE button{
               width: 100%;
               margin: 0 auto;
               height: 35px;
               background: #004a8f;
               color: #fff;
               border: 0;
               font-weight: 600;
               font-size: 14px;
               }
               .arrowside i{
               color: red;
               border: 1px solid #cac7c7;
               height: 22px;
               width: 22px;
               text-align: center;
               padding:3px 0 0 0;
               cursor:pointer
               }
               .arrowside-num{
               color: red;
               border: 1px solid #cac7c7;
               height: 22px;
               width: 22px;
               text-align: center;
               }
               .SHOW-BLOG{
               float: right;
               padding-right: 15px;
               }
               .BLOG-NUM{
               display: inline-flex;
               }
               .BLOG-NUM ul{
               padding-left:0px;
               margin-bottom:0px;
               }
               .BLOG-NUM ul li{
               display:inline-block;
               color: #000;
               font-size: 15px;
               }
               .BLOG-NUM p{
               color:#000;
               font-size:15px;
               text-align: right;
               margin: 0;
               margin-right: 15px;
               }
               .BLOG-NUM p span{
               color:red;
               }
               .blog-image img{
               width: 100%;
               height: 240px;
               border-radius: 10px 10px 0px 0px;
               object-fit: cover;
               }
               .BLOG-HEADING a{
               font-size:18px;
               color:#000;
               display: -webkit-box;
               -webkit-line-clamp: 2;
               -webkit-box-orient: vertical;  
               overflow: hidden;
               text-align:left;
               }
               .date{
               /*text-align:right;*/
               }
               .BLOG-HEADING{
               margin-bottom:10px;
               height:50px;
               }
               .BLOG-DATE ul{
               padding-left: 0px;
               /*margin-bottom:0px;*/
               
               }
               .BLOG-DATE ul li{
               /*width:50%;*/
               /*float:left;*/
               list-style:none;
               }
               .BLOG-DATE ul li img{
               width:75%;
               }
               .BLOG-DATE{
               padding: 0px 0 5px 0;
               display:flex;
               width:100%;
               justify-content: space-between;
               align-items: end;
               }
               .Blog-Dwtails{
               padding: 10px 0 0 0;
               border-top: 1px solid #cdcdcd;
               height: 103px;
               overflow: hidden;
               }
               .Blog-Dwtails a{
                   color:#58595b;
               }
               .Blog-Dwtails p{
               display: -webkit-box;
               -webkit-line-clamp: 4;
               -webkit-box-orient: vertical;  
               overflow: hidden;
               text-align:left;
               margin:0;
               }
               .BLOG-DATE ul:first-child{
                   /*width:60%;*/
               }
               .BLOG-DATE ul:last-child{
                   /*width:40%;*/
               }
                .icon_color li{
                  display: table-cell;
                  padding: 0 0px 0px 0px;
                  text-align: right;
               }
               .TOPIC{
               padding: 10px 15px 10px 15px;
               border-top: 1px solid #cdcdcd;
               background: #f2f2f2;
               height:75px;
               border-radius: 0px 0px 10px 10px ;
               }
               .TOPIC p{
               margin:0px;
               display: -webkit-box;
               -webkit-line-clamp: 4;
               -webkit-box-orient: vertical;
               overflow: hidden;
               text-align:left;
               font-size:12px !important; 
               }
               .box-padding{
               padding: 15px 15px 0 15px;
               }
               .FULL-BOX{
               border:1px solid #d8d8d8;
               margin: 15px 0 15px 0;
               height:534px;
               border-radius: 10px;
               }
               .writer-name{
               color:#0d80a6;
               }
               .TOPIC p{
               color:#0d80a6;
               font-size:12px;
               }
               .TOPIC span{
               color:#58595b !important;
               margin-right:5px;
               }
               .Topic-Heading h3{
               color:#5c5c5c;
               font-size:22px;
               }
               .Topic-Heading{
               text-align: center;
               margin-bottom: 30px;
               }
               .topic-background{
               background:#5c5c5c;
               /*height: 150px;*/
               padding: 40px 0 40px 0px;
               text-align: center;
               margin-bottom: 30px;
               }
               .topic-padding p{
               color:#fff;
               font-size:14px;
               margin:0;
               padding-bottom:10px;
               }
               .topic-padding h2{
               font-size:17px;
               color:#fff;
               font-weight:600;
               margin:0;
               display: -webkit-box;
               -webkit-line-clamp: 1;
               -webkit-box-orient: vertical;
               overflow: hidden;
               }
               .ellipsis{
                  color: blue;
                }
               @media only screen and (max-width: 767px){
               .BLOG-HEADING a{
               text-align:left;
               font-size:16px;
               font-weight:600;
               }
               .blogimage{
               padding:20px 0;
               }
               .TAB-BACKGROUND {
               padding: 30px 10px;
               }
               .blog-background{
               margin-top:55px;
               }
               }
   .mainblogleftimg img, .thumb-img img
   {
   width: 100%;
   }
   .pagination{
padding: 0 0px;
    margin: 0 auto;
    display: block;
    text-align: center;
    margin-top: 20px;
}

  
  .pagination a{
    display: inline-block;
    border: 1px solid #cac7c7;
    text-align: center;
    padding: 5px 10px;
    cursor: pointer;
  }
   .pagination a i{
    color:red;
  }
    .pagination a.disabled{
      opacity:.3;
      pointer-events: none;
    cursor:not-allowed;
    }
    .pagination a.current{
      background: #004b8d;
    color: #fff;
    font-weight: 700;
    }
    
    .home_box{
       height:480px !important;
   }
   .read_center{
       text-align:center;
       width: 100%;
display: block;
font-size: 13px;
color: #004b8d !important;
text-transform: uppercase;
   }
   
   @media only screen and (max-width: 767px){
       .home_box{
       width: 49%;
display: inline-block;
   }
   .home_box .blog-image img {
  height: 143px;
}
.home_box {
  height: 380px !important;
}
.home_box .box-padding {
  padding: 10px 10px 0 10px;
}
   }