.blog-sec{background-color: #f5f5f5;}
.blog-sec .blog-txt{float:left;width:100%;margin-top:10px;text-align:center;margin-bottom:40px;}
.blog-sec .blog-txt h1{float:left;width:100%;font-size:49px;font-weight:500; margin-bottom:13px;position:relative;padding-bottom:20px}
.blog-sec .blog-txt h1:before {position:absolute;content:'';background-color:#d53e30;height:6px;width:200px;margin:0px auto;bottom:0;right:0;left:0;}
.blog-sec .blog-txt p{float:left;width:100%;font-size: 18px;margin-bottom: 0px;margin-top:25px;color:#000;}    
.blog-slider{float: left; width: 100%; margin-bottom: 40px;}
.blog-slider .carousel-item img{height: 811px; object-fit: cover;}
.blog-slider .carousel-indicators li {background-color: #696969; opacity: 1; height: 19px; width: 19px; border-radius: 50%;}
.blog-slider .carousel-indicators .active {background-color: #d53e30;}
.blog-card {float: left; width: 100%; margin-bottom: 100px;}
.blog-card .blog-card-img{float: left; width: 100%; margin-bottom: 46px;}
.blog-card .blog-card-img img{height: 366px; width: 100%;}
.blog-card h2{float:left;width:100%;color:#242424;font-size:26px;font-weight:500;margin-bottom:30px;}
.blog-card .bottom{float: left; width: 100%; display: flex; justify-content: space-between;}
.blog-card .bottom .icon{float: left; width: 100%;}
.blog-card .bottom .icon ul{list-style: none; margin: 0px; padding: 0px;}
.blog-card .bottom .icon ul li{float:left;width:100%;background-position:0px;background-size:25px;padding-left:35px;font-size:20px;font-weight: 500; margin-bottom: 5px; background-repeat: no-repeat;}
.blog-card .bottom .icon ul li:nth-child(1){background-image: url('https://www.packagingmania.com/theme//blog/pen-icon.svg');}
.blog-card .bottom .icon ul li:nth-child(2){background-image: url('https://www.packagingmania.com/theme//blog/date-icon.svg');}
.blog-card .bottom .blog-btn{float: right; padding-top: 15px;}
.blog-card .blog-btn a{display:inline-block;background-color:#d53e30;width:160px;height:45px;line-height:47px;color:#fff;text-align:center;border-radius:10px;font-size:20px;font-weight:500;text-decoration:none;}
.blog-card .blog-btn a:hover{background-color: #0d2958; transition: .3s;}
.blog-sec form{background-color: #fff; float: left; width: 100%; margin-bottom: 43px;}
.blog-sec .form-head {float: left; width: 100%; background-color: #d53e30; padding: 33px 0px; text-align: center;}
.blog-sec .form-head h3{float: left; width: 100%; font-size: 29px; font-weight:500; color: #fff; margin-bottom: 0px;}
.blog-sec form .form-spec{float: left; width: 100%; padding: 22px 40px 17px;}
.blog-sec form .form-spec label{font-size:22px;font-weight:500;display: inline-block;}
.blog-sec form .form-spec label img{padding-right: 10px;height:28px;width:40px}
.blog-sec form .form-input {float: left; width: 100%; padding: 0px 17px;}
.blog-sec form .form-input input{width:100%;height:57px;line-height:57px;background-color:#f1f1f1;font-size:15px;font-weight:400;color: #8a8989; border: none; outline: none; padding: 0px 15px; margin-bottom: 20px;}
.blog-sec form .form-input select{width:100%;height:57px;line-height:57px; background-color: #f1f1f1; font-size:16px;color: #8a8989; border: none; outline: none; padding: 0px 15px; margin-bottom: 20px;}
.blog-sec form .form-input textarea{width: 100%; height: 134px; line-height:60px;background-color:#f1f1f1;font-size:16px;color:#8a8989;border:none; outline: none; padding: 0px 15px; margin-bottom: 20px; resize: none;}
.blog-sec form .send-btn{float: left; width: 100%; display: flex; justify-content: center; margin-bottom: 45px;}
.blog-sec form .send-btn button{cursor:pointer;height: 45px; background-color: #d53e30; text-align: center; line-height: 45px; padding: 0px 53px; color: #fff; font-size: 20px;font-weight:500;border-radius:10px;border:none;outline:none;}
.blog-sec .post-sec{float: left; width: 100%; padding: 50px 27px; background-color: #fff;}
.blog-sec .post-sec h4{float: left; width: 100%; font-size: 29px;font-weight:500; color: #242424; margin-bottom: 42px;}
.blog-sec .post-sec ul{float: left; width: 100%; list-style: none; padding-left: 30px; margin: 0px;}
.blog-sec .post-sec ul li{float: left; width: 100%; margin-bottom: 40px;}
.blog-sec .post-sec ul li:last-child{margin-bottom: 0px;}
.blog-sec .post-sec ul li span{float:left;width:10%;font-size:48px;font-weight:600; color: #d53e30;}
.blog-sec .post-sec ul li h5{float: left; width: 90%; font-size: 16px; color: #d53e30;font-weight: 500; padding-left: 20px;}
.blog-sec .post-sec ul li small{float: left; width: 90%; color: #696969; font-size: 16px;font-weight: 500; padding-left: 20px;}
.pagination li{padding:5px 15px;background-color: #fff; margin: 5px 5px 15px 5px; text-align: center;color: #000;}
.pagination li a{color: #000;text-decoration: none;}
.pagination .active{background-color: #d53e30;}
.pagination .active{color: #fff;}
@media only screen and (max-width: 1123px){
.blog-sec .form-head h3{font-size: 22px;}
.blog-sec form .form-spec label {font-size: 18px;}
.blog-sec form .form-spec {padding: 22px 20px 17px;}
.blog-card h6{font-size: 22px;}
.blog-card .bottom .icon ul li{font-size: 14px; background-size: 20px; margin-bottom: 10px;}
.blog-card .bottom .blog-btn{padding-top: 10px;}
.blog-sec .post-sec ul li span{width: 12%;}
.blog-sec .post-sec ul li h5 {width: 88%; padding-left: 10px;}
.blog-sec .post-sec ul li small {width: 88%; font-size: 14px; padding-left: 10px;}
.blog-sec .post-sec ul {padding-left: 10px;}
}
@media only screen and (max-width: 991px) {
.blog-sec .blog-txt p{font-size: 16px;}
.blog-slider .carousel-item img{height: 511px;}
.blog-card .blog-card-img img {height: 200px;}
.blog-card h6 {font-size: 18px;}
.blog-card .bottom{display: unset;}
.blog-sec .post-sec {padding: 50px 20px;}
}
@media only screen and (max-width: 767px) {
.blog-card {margin-bottom: 50px;}
.blog-sec .post-sec ul{padding-left: 0px;}
.blog-sec .post-sec ul li span {width: 7%;}
.blog-sec .post-sec ul li h5 {width: 93%;}
.blog-sec .post-sec ul li small {width: 93%;}
}
@media only screen and (max-width: 575px) {
.blog-sec .post-sec {padding: 30px 20px;}
.blog-card .blog-btn a{font-size: 18px;}
.blog-sec .post-sec ul li span {width: 10%;}
.blog-sec .post-sec ul li h5 {width: 90%;}
.blog-sec .post-sec ul li small {width: 90%;}
.blog-sec form {margin-bottom: 20px;}
.blog-sec .post-sec h4 {font-size: 22px; margin-bottom: 30px;}
.blog-slider .carousel-item img{height: 370px;}
.blog-sec .blog-txt{margin-bottom: 20px;}
.pm_breadcrumb {margin-top: 160px;}
.blog-sec .blog-txt p{font-size: 14px;}
.blog-sec .blog-txt hr {width: 150px;}
.blog-sec .blog-txt h2 {font-size: 39px;}
.blog-slider .carousel-indicators li {height: 10px; width: 10px;}
}