.div-bimg {
     position: relative;
     margin-top: 0px;
 }
 .text {
     /*position: absolute;*/
     bottom: 0%;
     left: 0;
     width: 100%;
     text-align: center;
     height: 100%;
     padding: 0px 0px;
 }
 .middle {
     text-align: center;
 }
 .div-bimg img {
     display: block;
     width: 100%;
     height: 400px; 
     object-fit: cover;overflow: hidden;
 }
 .div-bimg small {
     background-color: #262626;
     padding: 12px;
     color: whitesmoke;
     letter-spacing: 1.5px;
 }
 .div-bimg .categr span {
     color: #E9E9E9;
     background-color: #000;
     padding: 5px 10px;
     text-align: center;
     font-size: 14px;
 }
 .div-bimg h1 {
     color: #fff;
     font-size: calc(0.75rem + 0.6vw);
     margin: 10px 0px 0px 0px;
     width: 95%;
     line-height: 1.3;
 }
 .div-bimg a {
     color: #E9E9E9 !important;
     text-decoration: none !important;
     font-family: "CentraBold", "Poppins", Helvetica Neue, Helvetica, Arial, sans-serif;
 }
 .div-bimg a:hover {
     text-decoration: underline !important;
 }
 .div-bimg p {
     color: #828282;
     margin-bottom: 10px;
 }
 .content {
     position: absolute;
     bottom: 0px;
     width: 100%;
     text-align: left; /*background: url(../img/blog/opacity.png);*/
     padding: 20px 30px;
     background: rgb(0, 0, 0);
     background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 66%);
 }
 .recent-blog {
     background: #F5F5F5;
 }
 .recent-blog img {
     display: block;
     width: 100%;
     height: 250px;
     object-fit: cover;
 }
 .single-blog-img {
     position: relative;
     margin-bottom: 30px;
 }
 .sidebar__menu ul {
     list-style: outside none none;
     margin: 0;
     padding: 0;
     width: 300px;
     margin: 0 auto;
 }
 .sidebar__menu li {
     margin: 50px 0px;
     font-size: calc(1rem + 0.6vw);
 }
 /*.div-bimg:hover img{ transform: scale(1.2);}*/
 .zoom-img {
     width: 100%;
     height: auto;
     overflow: hidden;
     background: #000;
 }
 .zoom-img img {
     width: 100%;
     transition: all .3s ease-in-out;
     opacity: 0.6;
 }
 .zoom-img img:hover {
     transform: scale(1.2);
 }
 .black {
     position: fixed;
     top: 0;
     z-index: 10;
     width: 100%;
     height: 60px;
     background: #000;
 }
 .black ul {
     list-style-type: none;
     padding: 0;
 }
 .blue {
     position: fixed;
     top: 0;
     background: blue;
     width: 100%;
     height: 50px;
 }
 /* Style the header */
 .header-blog {
     padding: 10px 0px;
     color: #f1f1f1;
     z-index: 10000;
 }.header-blog a{color:#fff!important;}
  .header-blog a:hover{text-decoration:underline;}
  .header-blog img{margin-right:20px;}
 /* Page content */
 /* The sticky class is added to the header with JS when it reaches its scroll position */
 .sticky {
     position: fixed;
     top: 0;
     width: 100%;
 }
 .sticky .bgr-black {
     background: #000;
     margin: 0px 0px 30px 0px !important;
 }
 /* Add some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0) */
 .sticky + .content {
     padding-top: 102px;
 }
 .blog-detail {
     margin-top: 80px;
 }
 .blog-detail p {
     color: #E9E9E9 !important;
     ;
     line-height: 1.6;
     margin: 0 0 15px;
 }
 .blog-detail h1, .blog-detail h2, .blog-detail h3, .blog-detail h4, .blog-detail h5, .blog-detail h6 {
     color: #E9E9E9 !important
 }
 .blog-img {
     position: relative;
     margin: 0px 0px 50px 0px;
     width: 100%;
 }
 .blog-img img {
     width: 70%;
     margin: 0px !important;
     padding: 0px !important;
 }
 .blog-title {
     position: absolute;
     background: #fff;
     top: 80px;
     right: 78px;
     /*z-index: 9999;*/
     width: 50%;
     padding: 80px 50px 80px 80px;
 }
 .blog-title span {
     color: #130C0C;
     text-transform: normal;
 }
 .blog-detail .title h2 {
     margin-bottom: 30px;
     text-align: left
 }
 .blog-title h4 {
     color: #130C0C !important;
     margin: 0px !important;
 }
 .date {
     margin-bottom: 50px !important;
 }
 .related-blog {
     background: #fff;
     margin: 80px 0px
 }
 .related-blog h2 {
     color: #000 !important;
     margin-bottom: 30px !important;
 }
 #portfolio-flters a {
     color: #E9E9E9 !important;
     text-decoration: none !important;
     background: transparent !important;
 }
 .blog-text {
     padding: 0px 0px;
 }
 .blog-text p {
     color: #828282 !important;
     line-height: 1.6;
     margin: 0 0 15px;
 }
 .blog-detail h4 {
     margin: 40px 0px 20px 0px !important
 }
 .blog-detail h3 {
     font-size: calc(1.5rem + 0.6vw);
     text-transform: none;
     color: #E9E9E9;
     text-align: center;
     margin: 80px 0px 30px 0px !important
 }
 .blog-detail img {
     display: flex;
     justify-content: center;
     width: 60%;
     flex-direction: column !important;
     margin: 0 auto;
     margin-top: 50px;
     margin-bottom: 50px;
 }
 .blog-text h5 a {
     color: #130C0C !important;
     font-family: "CentraBold", "Poppins", Helvetica Neue, Helvetica, Arial, sans-serif;
     text-decoration: none;
     line-height: 1.3;
 }
 .blog-text h5 {
     margin-bottom: 0px !important;
 }
 #portfolio-flters ul {
     text-align: center;
 }
 .blog-title h3 {
     font-size: calc(1rem + 0.6vw);
     text-transform: none;
     color: #130C0C !important;
     text-align: left;
     margin: 30px 0px 30px 0px !important;
 }
 .concl {
     border-radius: 20px;
     border: 1px solid #303030;
     padding: 20px 70px 50px 70px;
     color: #E9E9E9;
     width: 100%;
     margin: 0 auto;
     margin-top: 50px;
     text-align: center;
 }
 .concl h3 {
     color: #E9E9E9 !important;
     margin: 30px 0px 10px 0px !important;
     background: transparent !important;
 }
 .slide-blog .slick-track {
     display: inline-flex !important;
     align-items: center !important;
     justify-content: center !important;
 }
 .slide-blog .slick-slide {
     margin: 0px 10px;
     float: left !important;
     width: auto !important;
 }
 @media (min-width: 768px) and (max-width: 991px) {
     .div-bimg h1 {
         width: 95% !important;
     }
     .blog-title {
         position: relative !important;
         top: 50px !important;
         right: 0px !important;
         width: 100% !important;
         padding: 20px 30px 20px 40px !important;
         margin-bottom: 30px;
     }
     .blog-detail img {
         width: 60%;
         margin: 0 auto !important;
         margin-top: 30px !important;
         margin-bottom: 30px !important;
     }
     .concl {
         padding: 20px 40px 80px 40px;
         margin-top: 50px;
     }
 }
 @media (max-width: 767px) {
     .blog-title h3 {
         font-size: calc(1.25rem + 0.6vw) !important;
         
     }
     .header-blog {
         background: #101010;
     }
     .slide-blog .slick-track {
         margin-left: 40px !important;
     }
     .h4, h4 {
         font-size: calc(1.5rem + .6vw);
         margin-bottom: 0.5rem !important;
		 line-height: 1.2;
     }/*
     h4 {
         line-height: 38px !important;
     }*/
     .blog-ct {
         top: 0px !important;
     }
     .area-padding {
         padding: 50px 0px 30px 0px !important;
     }
     .related-blog {
         background: #fff;
         margin: 50px 0px;
     }
     .concl {
         padding: 0px 15px 30px 15px !important;
         margin: 0 auto !important;
     }
     .blog-detail img {
         margin-top: 30px;
         margin-bottom: 30px;
         width: 100% !important;
     }
     .blog-title {
         position: relative !important;
         top: 0px !important;
         right: 0px !important;
         width: 100% !important;
         padding: 10px 20px 10px 30px !important;
     }
     .blog-img img {
         width: 100% !important;
     }
     .div-bimg h1 {
         font-size: calc(1.25rem + 0.6vw) !important;
     }
     .slick-track {
         display: block !important;
         align-items: left !important;
         justify-content: left !important;
     }
     .slide-blog .slick-slide {
         width: 100% !important;
     }
 }
 .rotate {
     transform: rotate(90deg);
     transition: transform 0.2s ease-in-out;
 }