 .scrolling-bar-sec {   color: #fff;   margin: 0px;   background: #c79066;   text-align: center;   padding: 18px 20px;   position: relative;   top: 0;   left: 0;   width: 100%;   overflow: hidden; } .scrolling-bar-sec ul {   display: block;   width: 100%;   transform: translateX(100%);   animation: move 25s linear infinite;   white-space: nowrap;   overflow: hidden !important; } .scrolling-bar-sec ul li {   color: #fff;   margin: 0px;   text-align: center;   font-size: 32px;   font-family: "Bebas Neue", sans-serif;   font-weight: bold;   display: inline-block;   padding: 0px 20px; } .blog-sec .defualt-content-info {   position: relative; } .blog-sec .defualt-content-info::after {   content: "";   position: absolute;   height: 2px;   width: 100%;   background: #c79066;   left: 0px;   right: 0px;   margin: auto;   top: 50%;   -moz-transform: translate(0, -50%);   -o-transform: translate(0, -50%);   -ms-transform: translate(0, -50%);   -webkit-transform: translate(0, -50%);   transform: translate(0, -50%); } .blog-sec [class*="col-"]:nth-child(1) h2 {   background: #fff;   margin-bottom: 0px;   position: relative;   z-index: 1;   width: auto;   display: inline-block;   padding-right: 20px; } .blog-sec [class*="col-"]:nth-child(2) .blog-btn {   background: #fff;   margin-bottom: 0px;   position: relative;   z-index: 1;   width: auto;   display: inline-block;   float: right;   padding-left: 20px; } .blog-block p:last-child {   margin-bottom: 0px; } .blog-block h3 {   color: #3657a1;   font-size: 31px;   margin-bottom: 15px;   line-height: 1.3;   font-weight: normal; } .blog-block h3 a {   color: #3657a1; } .blog-block h3 a:hover, .blog-block h3 a:focus {   color: #c79066; } .date-catogary-block {   margin-bottom: 15px; } .date-catogary-block ul {   margin-bottom: 0px;   line-height: normal;   display: inline-block;   vertical-align: middle; } .date-catogary-block ul li {   font-weight: bold;   text-transform: uppercase;   color: #c79066;   font-size: 15px;   display: inline-block;   position: relative;   margin-left: 5px;   line-height: normal; } .date-catogary-block ul li:after {   content: ","; } .date-catogary-block ul li:last-child:after {   display: none; } .date-catogary-block ul li a {   color: #c79066; } .date-catogary-block ul li a:hover, .date-catogary-block ul li a:focus {   color: #3657a1; } .date-catogary-block {   color: #0a1633;   font-size: 15px;   font-weight: bold;   margin-bottom: 15px;   display: inline-block;   text-transform: uppercase;   vertical-align: middle; } .blog-block .read-more-btn {   text-decoration: underline;   text-transform: uppercase; } .blog-sec .row.coman-row [class*="col-"] {   margin-bottom: 70px; } @keyframes move {   to {     transform: translateX(-100%);   } } @media (max-width: 1800px) {} @media (max-width: 2200px) {} @media (max-width: 1900px) {} @media (max-width: 1800px) {   .scrolling-bar-sec ul li {     font-size: 30px;   } } @media (max-width: 1700px) {   .scrolling-bar-sec ul li {     font-size: 28px;   }   .blog-sec .row.coman-row [class*="col-"] {     margin-bottom: 70px;   } } @media (max-width: 1600px) {   .scrolling-bar-sec ul li {     font-size: 26px;   }   .blog-sec .row.coman-row [class*="col-"] {     margin-bottom: 60px;   } } @media (max-width: 1500px) {   .scrolling-bar-sec ul li {     font-size: 24px;   }   .blog-sec .row.coman-row [class*="col-"] {     margin-bottom: 54px;   }   .blog-block h3 {     font-size: 28px;   }   .date-catogary-block, .date-catogary-block ul li {     font-size: 14px;   } } @media (max-width: 1400px) {   .scrolling-bar-sec ul li {     font-size: 22px;   }   .blog-sec .row.coman-row [class*="col-"] {     margin-bottom: 50px;   }   .blog-block h3 {     font-size: 27px;   }   .date-catogary-block, .date-catogary-block ul li {     font-size: 14px;   } } @media (max-width: 1300px) {   .scrolling-bar-sec ul li {     font-size: 21px;   }   .blog-sec .row.coman-row [class*="col-"] {     margin-bottom: 44px;   }   .blog-block h3 {     font-size: 26px;   }   .date-catogary-block, .date-catogary-block ul li {     font-size: 14px;   } } @media (max-width: 1200px) {   .scrolling-bar-sec ul li {     font-size: 20px;   }   .blog-sec .row.coman-row [class*="col-"] {     margin-bottom: 40px;   }   .blog-block h3 {     font-size: 25px;   }   .date-catogary-block, .date-catogary-block ul li {     font-size: 13px;   } } @media (max-width: 1100px) {   .scrolling-bar-sec ul li {     font-size: 20px;   }   .blog-sec .row.coman-row [class*="col-"] {     margin-bottom: 30px;   }   .blog-block h3 {     font-size: 25px;   }   .date-catogary-block, .date-catogary-block ul li {     font-size: 12px;   } } @media (max-width: 991px) {   .scrolling-bar-sec ul li {     font-size: 20px;   }   .blog-sec .row.coman-row [class*="col-"] {     margin-bottom: 30px;   }   .blog-block h3 {     font-size: 25px;   }   .date-catogary-block, .date-catogary-block ul li {     font-size: 12px;   } } @media (max-width: 767px) {   .scrolling-bar-sec ul li {     font-size: 20px;   }   .blog-sec .row.coman-row [class*="col-"] {     margin-bottom: 30px;   }   .blog-block h3 {     font-size: 25px;   } } @media (max-width: 576px) {   .scrolling-bar-sec ul li {     font-size: 20px;   }   .blog-sec .row.coman-row [class*="col-"] {     margin-bottom: 30px;   }   .blog-sec [class*="col-"]:nth-child(1) h2 {     width: 100%;     display: inline-block;     padding-right: 0px;     text-align: center;     margin-bottom: 20px;   }   .blog-sec [class*="col-"]:nth-child(2) .blog-btn {     width: 100%;     display: inline-block;     float: none;     padding-left: 0;     text-align: center;   }   .blog-sec .defualt-content-info::after {     display: none;   }   .date-catogary-block, .date-catogary-block ul li {     font-size: 14px;   }   .blog-block h3 {     font-size: 25px;   } }