 .blog-block figure {   width: 100%;   margin-bottom: 20px;   position: relative; } .blog-block figure img {   object-fit: cover;   font-family: "object-fit: cover;";   height: 340px;   width: 100%;   border-radius: 8px; } .blog-block ul {   margin-bottom: 0px;   line-height: normal;   display: inline-block;   vertical-align: middle; } .blog-block ul li {   font-weight: bold;   text-transform: capitalize;   color: #e78241;   font-size: 16px;   display: inline-block;   position: relative;   margin-bottom: 5px;   margin-left: 15px;   padding-left: 17px;   position: relative; } .blog-block ul li::before {   content: "";   position: absolute;   background: #b2bec9;   width: 5px;   height: 5px;   position: absolute;   left: 0px;   top: 50% !important;   -moz-transform: translate(0, -50%) !important;   -o-transform: translate(0, -50%) !important;   -ms-transform: translate(0, -50%) !important;   -webkit-transform: translate(0, -50%) !important;   transform: translate(0, -50%) !important;   border-radius: 0px;   background-size: contain !important;   background-repeat: no-repeat !important; } .blog-block ul li a {   color: #e78241; } .blog-block ul li a:hover, .blog-block ul li a:focus {   color: #037eba !important; } .blog-block h3 {   color: #037eba;   font-size: 28px;   font-weight: bold;   margin-bottom: 10px; } .blog-block p {   margin-bottom: 0px; } .blog-block h3 a {   color: #037eba; } .blog-block h3 a:hover, .blog-block h3 a:focus {   color: #e78241; } .blog-block .date {   color: #00223d;   font-size: 16px;   display: inline-block;   margin-bottom: 5px;   vertical-align: middle; } .blog-block .date-catogary-block {   margin-bottom: 10px; } .blog-sec [class*="col-"] {   margin-bottom: 80px; } @media (max-width: 1800px) {} @media (max-width: 2200px) {} @media (max-width: 1900px) {} @media (max-width: 1800px) {   .blog-block h3 {     font-size: 27px;   }   .blog-block figure img {     height: 330px;   }   .blog-sec [class*="col-"] {     margin-bottom: 78px;   } } @media (max-width: 1700px) {   .blog-block h3 {     font-size: 26px;   }   .blog-block figure img {     height: 320px;   }   .blog-sec [class*="col-"] {     margin-bottom: 70px;   } } @media (max-width: 1600px) {   .blog-block h3 {     font-size: 25px;   }   .blog-block figure img {     height: 300px;   }   .blog-sec [class*="col-"] {     margin-bottom: 60px;   } } @media (max-width: 1500px) {   .blog-block h3 {     font-size: 24px;   }   .blog-block figure img {     height: 290px;   }   .blog-block ul li::before {     left: -5px;   }   .blog-block .date, .blog-block ul li {     font-size: 15px;   }   .blog-block ul li {     margin-left: 13px;     padding-left: 13px;   }   .blog-sec [class*="col-"] {     margin-bottom: 54px;   } } @media (max-width: 1400px) {   .blog-block h3 {     font-size: 23px;   }   .blog-block figure img {     height: 280px;   }   .blog-block ul li::before {     left: -5px;   }   .blog-block .date, .blog-block ul li {     font-size: 15px;   }   .blog-block ul li {     margin-left: 13px;     padding-left: 13px;   }   .blog-sec [class*="col-"] {     margin-bottom: 50px;   } } @media (max-width: 1300px) {   .blog-block h3 {     font-size: 22px;   }   .blog-block figure img {     height: 270px;   }   .blog-block ul li::before {     left: -5px;   }   .blog-block .date, .blog-block ul li {     font-size: 14px;   }   .blog-block ul li {     margin-left: 10px;     padding-left: 10px;   }   .blog-sec [class*="col-"] {     margin-bottom: 44px;   } } @media (max-width: 1200px) {   .blog-block h3 {     font-size: 21px;   }   .blog-block figure img {     height: 260px;   }   .blog-block ul li::before {     left: -4px;   }   .blog-block .date, .blog-block ul li {     font-size: 14px;   }   .blog-block ul li {     margin-left: 9px;     padding-left: 9px;   }   .blog-sec [class*="col-"] {     margin-bottom: 30px;   } } @media (max-width: 1100px) {   .blog-block h3 {     font-size: 20px;   }   .blog-block figure img {     height: 250px;   }   .blog-block ul li::before {     left: -4px;   }   .blog-block .date, .blog-block ul li {     font-size: 14px;   }   .blog-block ul li {     margin-left: 9px;     padding-left: 9px;   }   .blog-sec [class*="col-"] {     margin-bottom: 30px;   } } @media (max-width: 991px) {   .blog-block h3 {     font-size: 20px;   }   .blog-block figure img {     height: 250px;   }   .blog-block ul li::before {     left: -4px;   }   .blog-block .date, .blog-block ul li {     font-size: 14px;   }   .blog-block ul li {     margin-left: 9px;     padding-left: 9px;   }   .blog-sec [class*="col-"] {     margin-bottom: 30px;   } } @media (max-width: 767px) {   .blog-block h3 {     font-size: 20px;   }   .blog-block figure img {     height: 250px;   }   .blog-block ul li::before {     left: -3px;   }   .blog-block .date, .blog-block ul li {     font-size: 13px;   }   .blog-block ul li {     margin-left: 7px;     padding-left: 7px;   }   .blog-sec [class*="col-"] {     margin-bottom: 30px;   } } @media (max-width: 576px) {   .blog-block h3 {     font-size: 20px;   }   .blog-block ul li::before {     left: -4px;   }   .blog-block ul li {     margin-left: 10px;     padding-left: 10px;   }   .blog-sec [class*="col-"] {     margin-bottom: 30px;   } }