/*blog-listing strts*/ .fix-container { margin: 0 auto; max-width: 1100px; padding: 0 10px; width: 100%; } .list-page, .detail { margin-top: 30px; } .blog-lsting { margin-left: 0px; text-align: left; width: 68%; float: left; } .blog-lsting .srvs-title { min-height: inherit; } .blog-lsting .single-detail { display: inline-block; margin-left: 0px; margin-bottom: 20px; padding: 15px; background: #fff; width: 100% !important; } .blog-lsting .single-detail ul:not(.post-info){list-style: initial; padding-left: 20px;} .blog-lsting .single-detail h1, .blog-lsting .single-detail h2, .blog-lsting .single-detail h3, .blog-lsting .single-detail h4, .blog-lsting .single-detail h5, .blog-lsting .single-detail h6, .blog-lsting .single-detail strong{font-weight: bold;} .blog-lsting .single-detail h1{font-size: 36px;} .blog-lsting .single-detail h2{font-size: 32px;} .blog-lsting .single-detail h3{font-size: 28px;} .blog-lsting .single-detail h4{font-size: 24px;} .blog-lsting .single-detail h5{font-size: 20px;} .blog-lsting .single-detail h6{font-size: 16px;} .blog-lsting .single-lst { display: inline-block; margin-left: 0px; margin-bottom: 20px; padding: 15px; background: #fff; width: 100%; } .blog-lsting .single-lst > p { font-size: 15px; line-height: 23px; padding: 10px 0px; } .cell-img.img-responsive { overflow: hidden; width: 100%; } .cell-img.img-responsive  img { width: 100%; } .title-area { border-bottom: 1px dashed #ccc; display: inline-block; margin: 0 0 10px; padding: 10px 0; width: 100%; } .date-time { background: #6eb444; color: #fff; float: left; font-size: 18px; line-height: 1; margin-right: 10px; padding: 10px; text-align: center; text-transform: uppercase; } .cmnt-area { float: none; display:block; width: 100%; padding-left:65px; } .date-time > span { display: block; font-size: 30px; font-weight: 600; line-height: 1; } .cmnt-area .srvs-title { font-size: 26px; } .blog-lsting p a { color: #37291e; font-weight: normal; text-decoration: underline; } ul.post-info { display: inline-block; margin: 4px 0px 0px; padding: 0px; } ul.post-info li { display: inline-block; color: #9e9e9e; background: url(images/divider-bar-footer.jpg) no-repeat center left; padding-left: 10px; margin-left: 25px; border: none; padding: 0px; } ul.post-info li:first-child { background: none; margin-left: 0px; padding-left: 0px; } ul.post-info li .post-icons { background: url(images/post-ico.png) no-repeat center top; height: 20px; width: 22px; display: inline-block; opacity: 0.5; } ul.post-info li .date { background-position: 0px 0px; } ul.post-info li a, ul.post-info li p { color: #9e9e9e; font-size: 14px; display: inline-block; vertical-align: top; line-height: 23px; width: auto; } ul.post-info li a:hover { color: #000; } ul.post-info li .tag { background-position: -32px 1px; } ul.post-info li .comment { background-position: -59px 1px; } ul.post-info { display: inline-block; } .right-wrapper { width: 30%; float: right; } .right-wrapper .inner { padding: 0; background: #ffffff; } .right-wrapper .inner h4 { margin-bottom: 5px; text-transform: uppercase; font-size: 18px; color: #000; padding: 15px 20px; background: #d8d8cd; color: #111111; } .right-wrapper .inner > ul, .right-wrapper .inner aside > ul { padding: 5px 20px; } #featured-field ul li, #featured-field ul.list-post li { background: url(images/arrow-rt.png) no-repeat left 5px; margin: 10px 0; background-size: 7px; } #featured-field ul li a, #featured-field ul.list-post li a { color: #000; font-size: 15px; padding-left: 20px; display: table; line-height: 22px; } #featured-field ul li a:hover, #featured-field ul.list-post li a:hover { color: #333; } #featured-field ul li ul, #featured-field ul li ul.sub-listing { margin-left: 20px; margin-top: 0px; } #featured-field ul li ul li, #featured-field ul li ul.sub-listing li { display: table-cell; background: none; padding-left: 8px; padding-right: 5px; } #featured-field ul li ul li:first-child, #featured-field ul li ul.sub-listing li:first-child { background: none; margin-left: 0px; padding-left: 0px; border-right: solid 1px #e8e8e8; } #featured-field ul li ul li p, #featured-field ul li ul.sub-listing li p, #featured-field ul li ul li a, #featured-field ul li ul.sub-listing li a { color: #9e9e9e; font-size: 14px; padding-left: 0px; } .category-field ul li,  .category-field ul.cat-iems li { list-style: square inside; } .category-field ul li.child-cat--li{list-style:disc;} .widget_categories ul ul{padding-left:30px;padding-top:4px;} .widget_categories ul li{padding-bottom:4px;} .widget_categories ul li li { padding-bottom: 0; } .category-field ul li a, .category-field ul.cat-iems li a { color: #6f6f6f; font-size: 14px; padding-left:0px; } .category-field ul li:hover a, .category-field ul.cat-iems li:hover a { color: #000; } .comment-section { border-top: 1px dashed #9e9e9e; width: 100%; margin: 20px 0 0; padding: 20px 0 0; display: inline-block; } /*blog-listing ends*/ /*blog-details starts*/ .comment-frm textarea { width:100%; background:#FFFFFF; border:1px solid #bcbdbb; border-radius:0px; height:80px; vertical-align:middle; font-size:14px; color:#7a7a7a; padding:10px 10px; margin:0 0 0 0; -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; -moz-transition: border linear 0.2s, box-shadow linear 0.2s; -o-transition: border linear 0.2s, box-shadow linear 0.2s; transition: border linear 0.2s, box-shadow linear 0.2s; } .comment-frm textarea:focus { border-color: #071f59; } .comment-frm span { color:#ff0000; margin:0 5px; } .comment-frm label { font-size: 16px; } .comment-frm { background:#fff; border-spacing: 20px; width: 100%; } .comment-form h5 { background: #d8d8cd; color: #111111; padding: 15px 20px; font-size:22px; } .blog-lsting > li { } .single-lst { border: 1px solid #ddd; display: inline-block; margin-bottom: 20px; margin-left: 0; padding: 15px; } .single-lst > p { font-size: 15px; line-height: 23px; padding:10px 0px; } .single-lst > ul { margin:10px 0; } .single-lst > ul li { margin:0px 0 15px; font-size: 15px; line-height: 23px; list-style:disc inside; } .captcha { margin: 10px 0 0; } .captcha img { display: inline-block; vertical-align: middle; } .captcha input[type="text"] { float: right; width:67%; } .single-lst ol { list-style: outside none decimal; margin: 10px 0 0 16px; } .single-lst ol li { padding-bottom:10px; } .single-lst ul li ol { list-style: outside none decimal; margin: 10px 0 0 16px; } .single-lst ul li ol li { padding-bottom:10px; } .comment-list li article { background:#ffffff; border: 1px solid #eee; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075); display: inline-block; margin: 10px 0; padding: 20px; width: 100%; } .comment-content { padding-left: 110px; } .comment-meta { float: left; margin-right: 20px; width: 80px; } .avatar.avatar-34.photo { background-color: #fff; border: 1px solid #ddd; -webkit-box-shadow: 0 0 0 #d4d4d4; box-shadow: 0 0 0 #d4d4d4; border-radius: 4px; display: inline-block; height: auto; line-height: 1.42857; padding: 4px; width: 100%; } /*blog-details ends*/ #contibute a { background:#04bcde; color: #ffffff; display: block; font-size: 20px; padding: 8px 9px; text-align: center; } #contibute a:hover{ background:#04acce; } .page-title { background:#d8d8cd; font-size:20px; padding: 10px 20px; } /* SLIDER */ .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel{ display: none; position: relative; width: 100%; -ms-touch-action: pan-y; } .owl-carousel .owl-wrapper{ display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer{ overflow: hidden; position: relative; width: 100%; } .owl-carousel .owl-wrapper-outer.autoHeight{ -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel .owl-item{ float: left; } .owl-controls .owl-page, .owl-controls .owl-buttons div{ cursor: pointer; } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .grabbing {  cursor:url(grabbing.png) 8 8, move; } .owl-carousel  .owl-wrapper, .owl-carousel  .owl-item{ -webkit-backface-visibility: hidden; -moz-backface-visibility:    hidden; -ms-backface-visibility:     hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); } .blog-lsting .owl-buttons { position: absolute; top: 50%; width: 100% } .blog-lsting .owl-buttons > div:before { position: absolute; left: 14px; top: 10px; content: ''; border-bottom: 5px solid transparent; border-top: 5px solid transparent; border-left: 6px solid #fff } .blog-lsting .owl-buttons > div.owl-prev:before { border-right: 6px solid #fff; border-left: 0px solid #fff; left: 11px; } .blog-lsting .owl-buttons > div { background: #333; font-size: 0; text-indent: -9999px; display: block; width: 30px; border-radius: 30px; height: 30px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 9; overflow: hidden; cursor: pointer; color: rgba(0, 0, 0, 0.8); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; } .blog-lsting #post_slider .owl-item img { width: 100%; } .blog-lsting .owl-buttons > div.owl-next { right: 10px; } #post_carousel .slidethumb > img { display: block; max-width: 100%; height:60px; cursor:pointer; width: 100%; } #post_carousel .slidethumb { padding: 6px; border: 1px solid #b3b2b2; } #post_carousel .owl-item li {	 padding:2px; width:100% } #post_carousel { margin-top: 20px; } .blog-lsting .owl-buttons > div.owl-prev { left: 10px; } @media only screen and (max-width: 1024px) { #post_carousel{display:none !important;} .blog-lsting .single-detail h2 {font-size: 20px;} } @media only screen and (max-width: 767px) { .detail {margin-top:0px;} .blog-lsting { width: auto; float: none; } .right-wrapper { margin: 10px 0 0 0; width: auto; float: none; } .cell-img.img-responsive { height: auto; } .cmnt-area .srvs-title { line-height: 1; } .cmnt-area { margin-left:0px; } .captcha input[type="text"] { float: right; margin: 10px 0 0; width: 100%; } .date-time{ font-size:18px;padding: 5px; float:left; } .date-time > span { font-size: 25px; } .date-time{float:none;margin:0;} .cmnt-area { float: none; display:block; padding:15px 0 0 0; width: 100%; } .cmnt-area .srvs-title { font-size: 20px; } .blog-lsting .single-detail h2 { font-size: 20px; } ul.post-info li a, ul.post-info li p { font-size: 12px; } ul.post-info li { margin-left: 5px; } .captcha input[type="text"]{ width:100% !important; } } @media screen and (max-width: 767px) { .blog-lsting .owl-buttons > div:before { border-bottom: 3px solid rgba(0, 0, 0, 0); border-left: 4px solid #ffffff; border-top: 3px solid rgba(0, 0, 0, 0); left: 9px; top: 7px; } .blog-lsting .owl-buttons > div { height: 20px; margin: -10px 0 0; width: 20px; } .blog-lsting .owl-buttons > div.owl-prev:before { border-right: 4px solid #ffffff; left: 8px; } .blog-lsting #post_slider .owl-item { height: 150px; } } #post_carousel .owl-item { width: 150px !important; height:100px; } .blog-lsting #post_carousel { margin-top: 10px; } .blog-search-form{padding:20px;border:1px solid #ddd;background-color:#fff;} .blog-search-form input[type="submit"] { font-size: 0px; background-color: transparent; position: absolute; right: 0; top: 0; background-image: url('images/search.png'); background-size: 20px; background-repeat: no-repeat; background-position: center; padding: 0; width: 50px; min-width: inherit; box-shadow: none !important; } .blog-search-form input[type="text"]{padding-right:60px;} .blog-search-form .form .field-set{margin-bottom:0px;} #search_frm_top{margin-bottom:25px;} #search_frm_top:empty{display:none;}