.blog1{padding: 80px 0}
.blog1 .blog-list{margin-bottom: 30px;}
.blog1 .blog-list .blog-img{margin-bottom: 30px}
.blog1 .blog-list .blog-img img{width: 100%;}
.blog1 .blog-list .blog-text{}
.blog1 .blog-list .blog-text h1{margin: 0 0 30px; padding-bottom: 10px; position: relative; text-transform: uppercase; color: #333333}
.blog1 .blog-list .blog-text h1 a{color: #333333}
.blog1 .blog-list .blog-text h1:after{width: 30px; height: 3px; background-color: #636567; content: ''; position: absolute; left: 0; right: auto; bottom: -10px; margin: 0 auto;}
.blog1 .blog-list .blog-text a{color: #636567}
.blog1 .blog-list .panel {padding: 5px 10px; border: 1px solid #eeeeee;}
.blog1 .blog-list .author, .blog1 .blog-list .date, .blog1 .blog-list .comments {display: inline-block; float: left; font-size: 14px; color: #5c6873; font-weight: 400; margin: 6px 10px 3px 0;}
.blog1 .blog-list .tags {padding: 0; margin: 3px 0px 5px 0; float: right; display: inline-block;}
.blog1 .blog-list .tags > li {font-size: 13px; text-transform: uppercase; display: inline-block; list-style: none; padding: 2px 6px 1px 6px;  margin: 0; color: #ffffff; background: #636567;}
.blog1 .blog-list .comments{float: right}

.blog1 .side-bar{}
.blog1 .side-bar .search{width: 100%; border: 1px solid #636567; border-radius: 0; margin-bottom: 30px;}
.blog1 .side-bar .search input{border: none; box-shadow: none; background: #FFFFFF; float: left;}
.blog1 .side-bar .search .search-btn{background: #636567; color: #FFFFFF; border-radius: 0; float: right;}

.blog1 .side-bar h3{margin: 0 0 30px; padding-bottom: 10px; position: relative; text-transform: uppercase;}
.blog1 .side-bar h3:after{width: 30px; height: 3px; background-color: #636567; content: ''; position: absolute; left: 0; right: auto; bottom: -10px; margin: 0 auto;}

.blog1 .side-bar .category{margin-bottom: 30px;}
.blog1 .side-bar .category ul{}
.blog1 .side-bar .category ul li{list-style: none; padding: 7px 0; border-bottom: 1px solid #f2f2f2;}
.blog1 .side-bar .category ul li::before {color: #636567; content: "\eab8"; font-family: IcoFont !important; font-weight: 100; width: 12px; height: 12px; font-size: 14px; float: left; margin: 2px 5px 0 0;}
.blog1 .side-bar .category ul li a:hover{color: #636567}

.blog1 .side-bar .posts{margin-bottom: 30px;}
.blog1 .side-bar .posts ul li{display: inline-block; width: 100%; margin-bottom: 10px; border: 1px solid #eeeeee; padding: 10px;}
.blog1 .side-bar .posts ul li:last-child{margin-bottom: 0}
.blog1 .side-bar .posts .posts-img{width: 60px; display: inline-block;}
.blog1 .side-bar .posts .posts-img img{width: 100%;}
.blog1 .side-bar .posts .posts-text{width: 70%}
.blog1 .side-bar .posts .posts-text .p-title{font-weight: 400; font-size: 17px;}
.blog1 .side-bar .posts .posts-text .p-date{font-size: 15px; color: #5c6873;}

.blog1 .side-bar .blogs{margin-bottom: 30px;}
.blog1 .side-bar .blogs ul{}
.blog1 .side-bar .blogs ul li{list-style: none; padding: 7px 0; border-bottom: 1px solid #f2f2f2;}
.blog1 .side-bar .blogs ul li::before {color: #636567; content: "\eab8"; font-family: IcoFont !important; font-weight: 100; width: 12px; height: 12px; font-size: 14px; float: left; margin: 2px 5px 0 0;}
.blog1 .side-bar .blogs ul li a:hover{color: #636567}

.single .header{background-color: #636567;}
.single .blog1{padding-top: 170px !important;}
.single .blog1 .blog-text h1{font-weight: bold;}
.single .blog1 .blog-text h1 a{color: #000;}
.single .blog1 .blogs  ul li a{color: #000;}
.single .blog1 .search-btn{background-color: #000 !important; border: 0;}
.single .blog1 #search-form input.form-control{padding-left: 10px; border-color: #636567 !important;}
.blog1 .side-bar .search{border-color: #636567 !important;}
.single .blog1 .blogs ul li a:hover{color: #CB572B;}
.blog1 .side-bar h3{font-weight: 600;}

@media only screen and (min-width:1200px) and (max-width:1399px) {
.blog1 .side-bar .search input{width: 75%;}
.blog1 .side-bar .search .search-btn{width: 25%; padding-left: 0; padding-right: 0;}
.blog1 .side-bar .posts .posts-text {width: 68%;}
.single .blog1{padding-top: 150px !important;}
}

/** 5.0 - 1200 - Desktop **/
@media only screen and (min-width:992px) and (max-width:1199px) {
.blog1 .side-bar .search input{width: 72%;}
.blog1 .side-bar .search .search-btn{width: 28%; padding-left: 0; padding-right: 0;}
.blog1 .side-bar .posts .posts-text {width: 60%;}
.single .blog1{padding-top: 140px !important;}
}

/** 7.0 - 768 - iPad **/
@media only screen and (min-width: 768px) and (max-width: 991px) {
.blog1 .side-bar .search input{width: 80%;}
.blog1 .side-bar .search .search-btn{width: 20%;}
.blog1 .side-bar .posts .posts-text {width: 86%;}
.single .blog1{padding-top: 140px !important;}
.single .blog1 .col-md-3 {flex: 0 0 auto;width: 100%;}
.single .blog1 .col-md-9 {flex: 0 0 auto;width: 100%;}
}

/** 8.0 - 640 - Mobile **/
@media only screen and (min-width: 640px) and (max-width: 767px) {
.blog1 .side-bar .search input{width: 80%;}
.blog1 .side-bar .search .search-btn{width: 20%;}
.blog1 .side-bar .posts .posts-text {width: 86%;}
.single .blog1{padding-top: 140px !important;}
}

/** 9.0 - 480 - Mobile **/
@media only screen and (min-width: 480px) and (max-width: 639px) {
.blog1 .side-bar .search input{width: 80%;}
.blog1 .side-bar .search .search-btn{width: 20%;}
.blog1 .side-bar .posts .posts-text {width: 80%;}
.single .blog1{padding-top: 110px !important;}
}

/** 10.0 - 320 - Mobile **/
@media only screen and (min-width: 320px) and (max-width: 479px) {
.blog1 .blog-list .author, .blog1 .blog-list .date, .blog1 .blog-list .comments, .blog1 .blog-list .tags{display: block; float: none}
.blog1 .side-bar .search input{width: 80%;}
.blog1 .side-bar .search .search-btn{width: 20%;}
.blog1 .side-bar .posts .posts-text {width: 70%;}
.single .blog1{padding-top: 110px !important;}
}