@charset "utf-8"; /* CSS Document */ *::-moz-selection { background: hsl(121, 39%, 56%) none repeat scroll 0 0; color: #fff; } ::-moz-selection { background: hsl(121, 39%, 56%); color:#fff; text-shadow: none; } ::selection { background:hsl(121, 39%, 56%); color:#fff; text-shadow: none; } .blog-deatil .post_no_img { margin: 0 auto; } body { background:#f2f2f2; font-family: 'Raleway', sans-serif; font-size: 16px; line-height: 30px; overflow-x:hidden; position:relative; font-weight:300; } section { clear: both; padding: 45px 0; position: relative; } h1 { font-size: 36px; } h2{ font-size: 32px; } h3 { font-size: 24px; } h4{ font-size: 20px; } h5 { font-size: 18px; } h6{ font-size: 16px; } ol, ul { text-align: left; } .blog-deatil h1 { margin: 0 auto; text-align: left; width: 95%; } .blog-deatil h6 { margin: 0 auto; text-align: left; width: 95%; } address , pre { margin: 0 auto; text-align: left; width: 94%; } dl { margin: 0 auto; text-align: left; width: 94%; } table { margin: 0 auto; width: 94%; } td, th { border: 1px solid; padding: 5px; } p{ font-size:16px; color:#585858; line-height:27px; } .secondary-bg{ background-color:#000; } .primary-bg{ background-color:#000; } .third-bg{ background-color:#f8f8f8; } .fourth-bg{ background-color:#fee098; } a { transition-duration:0.3s; -moz-transition-duration:0.3s; -o-transition-duration:0.3s; -webkit-transition-duration:0.3s; -ms-transition-duration:0.3s; } .padding_none { padding: 0; } /*============ header ===================*/ header { background:#fff; padding:16px 0 16px; } .header_top { overflow: hidden; padding: 12px 0 30px; } .follow_us { padding: 30px 0; } .follow_us ul { margin:0px; padding:0px; } .follow_us ul li { list-style:none; display:inline-block; } .follow_us ul li a { background:#000; text-align:center; display:inline-block; vertical-align:middle; width:30px; height:30px; border-radius:50%; margin:0 5px 0 0; } .follow_us ul li a i { font-size:16px; color:#fff; } .follow_us ul li a:hover { background:#64bb67; } .header_search { float: right; padding: 20px 0; width: 218px; } .header_search .form-group { margin:0px; } .header_search input { background: hsl(0, 0%, 0%) none repeat scroll 0 0; border: 0 none; border-radius: 0; color: hsl(0, 0%, 100%); font-size: 14px; height: 34px; text-align: left; } ::-webkit-input-placeholder { color:#fff; } :-moz-placeholder { /* Firefox 18- */ color:#fff; } ::-moz-placeholder { /* Firefox 19+ */ color:#fff; } :-ms-input-placeholder { color:#fff; } .header_search i { color:#fff; } /*========= menu ==========*/ .collapse.navbar-collapse { margin: 0 auto; text-align: center; } .navbar ul.nav.navbar-nav { float:none; text-align:center; } .navbar ul.nav.navbar-nav { display:inline-block; float:none; vertical-align:middle; } .navbar ul.nav.navbar-nav li { margin: 0 10px; padding: 0; position: relative; } .navbar ul.nav.navbar-nav > li > a { color: hsl(0, 0%, 100%); font-size: 17px; font-weight: 400; padding: 20px 35px 20px 25px; } #navbar ul.dropdown-menu li a { color: hsl(0, 0%, 100%); font-size: 15px; font-weight: 400; margin-bottom: 0; padding: 10px 20px; } #navbar ul.dropdown-menu li:hover a { background-color: hsl(0, 0%, 0%); } .navbar ul.nav.navbar-nav li a:hover { background-color: #64bb67; color: #fff; } .navbar ul.nav.navbar-nav > li.active > a { background-color: hsl(121, 39%, 56%); color: hsl(0, 0%, 100%); } .navbar { border: 1px solid rgba(0, 0, 0, 0); margin-bottom: 0; min-height: 50px; position: relative; } #navbar ul.dropdown-menu { background-color: hsl(121, 39%, 56%); border: medium none; border-radius: 0; box-shadow: none; left: -25px; min-width: auto; padding: 15px 0; position: absolute; right: 0; text-align: left; top: 60px; width: 264px; } .navbar-nav > li > .dropdown-menu { display: none; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover { background-color:hsl(122, 39%, 56%); color:#fff; } .navbar-nav > li.menu-item-has-children > a::after { color: hsl(0, 0%, 100%); content: ""; font-family: fontawesome; font-size: 18px; position: absolute; right: 18px; top: 21px; } .navbar { border: medium none; border-radius: 0; min-height:auto; } /*============ banner ==============*/ .banner_text { background: hsl(0, 0%, 100%) none repeat scroll 0 0; border: 1px solid hsl(0, 0%, 0%); left: 0; margin: 0 auto; padding: 30px 0 20px; position: relative; text-align: center; width: 464px; } .banner_text_wrap { background-color: hsla(0, 0%, 100%, 0.8); bottom: -70px; height: auto; left: 0; margin: 0 auto; padding: 10px; position: absolute; right: 0; text-align: center; width: 487px; } banner_text h2{margin-top:5px;} .post_categories > a { color: #64bb67; font-size: 17px; font-weight: 600; padding: 15px 0 10px; text-decoration: underline; } .banner_text h2 a { color: hsl(0, 0%, 0%); font-weight: 400; text-decoration: none; } /*============= fetuared articals ================*/ .featured_articles_heading { padding: 20px 0; text-align: left; } .featured_articles_heading { padding: 10px 0; text-align: left; } .featured_articles_heading h3 { color: hsl(0, 0%, 0%); font-weight: 600; } .featured_articles_detail { float: left; position: relative; width: 50%; } .featured_articles_img > img { max-width: 100%; } .featured_articles_text { background: #ffffff none repeat scroll 0 0; left: 10px; padding: 20px 20px 14px; position: relative; text-align: center; top: -50px; width: 300px; } .featured_articles_text h2{ font-size:20px; font-weight:400; line-height:30px; margin:0 auto; } .featured_articles_text h2 a { color: hsl(0, 0%, 0%); text-decoration: none; } .featured_articles_detail1 { float: left; position: relative; width: 50%; } .featured_articles_text1 { background: #ffffff none repeat scroll 0 0; left: 10px; padding: 25px 30px; position: relative; text-align: center; top: -50px; width: 300px; } .slick-slide img { width: 100%; max-width:100%; } .featured_articles_text1 h2{ font-size:20px; font-weight:400; line-height:30px; } .featured_articles_text1 h2 a{ color:#000; } /*================= Recent Articles ==================*/ .recent_articles_detail { overflow: hidden; position: relative; width: 100%; } .recent_articles_img > img { max-width: 100%; } .recent_articles_text { background: hsl(0, 0%, 100%) none repeat scroll 0 0; box-shadow: 2px 5px 5px hsl(0, 0%, 81%); left: 10px; padding: 20px 20px 14px; position: relative; text-align: center; top: -80px; width: 635px; z-index:1; } .recent_articles_text p { color: hsl(0, 0%, 35%); font-size: 16px; font-weight: 300; line-height: 27px; margin: 0 auto; padding: 5px 0 7px; width: 90%; } .recent_articles_text h2 a{ color:#000; } .recent_articles_text_footer { background: hsl(0, 0%, 92%) none repeat scroll 0 0; float: none; left: -20px; margin: 0 auto; padding: 10px 0; position: relative; text-align: center; top: 14px; width: 635px; } .posted_on { display: inline-block; margin: 0 15px; padding: 0; position: relative; } .posted_on > h6 { font-family: Raleway; font-size: 16px; font-weight: 700; margin: 0 auto; } .posted_by { display: inline-block; margin: 0 15px; padding: 0; position: relative; } .posted_by > h6 { font-family: Raleway; font-size: 16px; font-weight: 700; line-height: 27px; margin: 0 auto; } .posted_with > h6 { font-weight: 700; } .posted_on span, .posted_with span, .posted_by span { color: hsl(0, 0%, 0%); font-size: 14px; font-style: italic; font-weight: 300; } .posted_with { padding:10px; position: relative; display:inline-block; } .posted_with { display: inline-block; margin: 0 15px; padding: 0; position: relative; } .recent_articles_detail > h3 { color: hsl(0, 0%, 0%); font-weight: 600; margin-top: 0; padding: 10px 0 20px; } .recent_articles_text > img { float: left; left: 80px; position: absolute; top: 50px; } .recent_articles_text > h3 { font-weight: 400; margin: 0 auto; padding: 15px; } .recent_articles_text h3 a{ color:#000; text-decoration:none; } .recent_articles_text p a { color: hsl(122, 39%, 56%); font-size: 13px; font-style: italic; font-weight: 300; text-decoration: none; } .page-numbers { clear: both; font-size: 16px; font-weight: 600; margin-bottom: 30px; padding: 0; text-align: center; } .page-numbers li { display: inline-block; list-style: outside none none; margin-right: 5px; } .page-numbers.current { background: #ffffff none repeat scroll 0 0; } .page-numbers li a, .page-numbers li span { color: #000000; display: inline-block; font-size: 14px; font-weight: bold; margin: 0 auto; padding: 1px 12px; text-decoration: none; } .page-numbers li a:hover { background: #64bb67 none repeat scroll 0 0; color: #ffffff; } .post_no_img { margin-bottom: 80px; } .blog-quotes { background: #64bb67 none repeat scroll 0 0; color: #ffffff; margin-bottom: 80px; padding: 60px 40px; text-align: center; } .quotes-icon { font-size: 36px; } .quotes-content { padding-bottom: 20px; } .quotes-content > h2 { font-size: 25px; line-height: 37px; font-weight:normal; } .quotes-writer-name > p { color: hsl(0, 0%, 100%); font-size: 15px; font-weight: 600; margin: 0 auto; text-transform: capitalize; } .blog-quotes > a { color: #ffffff; text-decoration: none; } .blog-link { background: #64bb67 none repeat scroll 0 0; margin-bottom: 80px; padding: 140px 0; text-align: center; } .blog-link a { color: #ffffff; font-size: 22px; line-height: 45px; text-decoration: none; } .form-group-sm .form-control + .form-control-feedback, .input-group-sm + .form-control-feedback, .input-sm + .form-control-feedback { right: 14px; top: 32px; } /*============= Single Page ==============*/ .blog-deatil .recent_articles_text { left: inherit; padding: 20px 0 0; position: relative; top: inherit; width: auto; } .blog-deatil .recent_articles_text_footer { left: 0; margin-top: 30px; position: relative; right: 0; top: 0; width: auto; } /*============= Sider Add ==============*/ .sidebar-add { padding-top: 0px; position: relative; } /*========= sidebar post and comment details ===========*/ .sidedar_deatails_header { background: hsl(0, 0%, 100%) none repeat scroll 0 0; border-bottom: 4px solid hsl(0, 0%, 85%); margin-top: 50px; padding: 20px 20px 30px; position: relative; } .nav-tabs li a { background: #ffffff none repeat scroll 0 0; color: #000000; font-size: 16px; font-weight: 400; padding: 10px 12px; } .nav-tabs li a:hover { background:#64bb67; color:#fff; } .nav-tabs li.active a:hover { background:#64bb67; color:#fff; } .sidebar_articles { border-bottom: 1px dashed #b5b5b5; overflow: hidden; padding: 20px 0 10px; position: relative; } .side_articles_img { float: left; position: relative; width: 90px; } .side_articles_img > img { height: auto; max-width: 100%; } .side_articles_detail { float: left; padding-left: 15px; position: relative; width: 230px; } .comment_date_auther { overflow: hidden; } .comment_date_auther > a { color:#63ba65; font-weight: bold; text-decoration: none; text-transform: capitalize; } .sidebar_articles_comment .post_comm_title { color: #000000; font-size: 16px; font-weight: 500; line-height: 20px; margin-bottom: 0; text-decoration: none; } .sidebar_articles_comment .post_comm_title:hover { color:#63ba65;} .sidebar_articles_comment > p { font-size: 14px; color:#7f7f7f; } .comment-date > span { color: #000000; font-size: 12px; } .comment-date { float: right; } .side_articles_detail h6 a { color: hsl(122, 39%, 56%); font-size: 12px; font-weight: 600; text-decoration: underline; } .side_articles_detail > h6 { font-weight: 600; margin-top: 0; } .side_articles_detail p { color: hsl(0, 0%, 0%); font-size: 16px; font-weight: 500; line-height: 20px; margin-bottom: 0; text-decoration:none; } .side_articles_detail a { color: hsl(0, 0%, 0%); text-decoration: none; } .side_articles_detail a.comments { color: hsl(0, 0%, 71%); font-size: 13px; font-weight: 300; text-decoration: none; } .comments i.fa { margin-right:5px; } .comments:hover { color: hsl(121, 39%, 56%); text-decoration: none; } .sidebar-add-2 { margin-top: 50px; position: relative; } /*============ newsletter =============*/ .sidedar_newsletter { background: #ffffff none repeat scroll 0 0; border-bottom: 4px solid #d9d9d9; border-top: 4px solid; margin-top: 50px; padding: 20px; position: relative; text-align: center; } .sidebar_wrap p { color: #7f7f7f; font-size: 14px; font-weight: 400; } .form-control { background: hsl(0, 0%, 95%) none repeat scroll 0 0; border: 0 none; border-radius: 0; box-shadow: none; height: auto; margin: 10px 0; padding: 10px; text-align: center; } .btn.btn-default { background: hsl(122, 39%, 56%) none repeat scroll 0 0; border: 0 none; border-radius: 0; color: hsl(0, 0%, 100%); font-size: 16px; font-weight: 500; margin: 10px 0 20px; padding: 10px; width: 100%; } .sidedar_tag { background: #ffffff none repeat scroll 0 0; border-bottom: 4px solid #d9d9d9; border-top: 4px solid; margin-top: 50px; padding: 20px; position: relative; text-align: center; } .sidedar_news_header > h3 { font-size: 24px; font-weight: 600; margin: 0 auto; padding: 10px 0; } .sidebar_wrap h3 { color: hsl(0, 0%, 0%); font-weight: 700; margin: 8px 0; } .sidebar_newsleter_form { padding-top: 1px; } .sidebar_explore_tags { padding:15px 0 10px; } .sidebar_explore_tags ul { margin:0px; padding:0px; text-align:left; } .sidebar_explore_tags ul li { list-style:none; display:inline-block; } .sidebar_explore_tags ul li a { border: 1px solid hsl(0, 0%, 80%); border-radius: 0; color: hsl(0, 0%, 0%); display: inline-block; float: none; font-size: 14px; font-weight: 400; line-height: 28px; margin: 0 6px 8px 0; padding: 2px 13px; vertical-align: middle; width: auto; } .sidebar_explore_tags ul li a:hover { background:#64bb67; border:#64bb67 solid 1px; color:#fff; text-decoration:none; } .sidedar_deatails_header .nav-tabs > li.active > a, .sidedar_deatails_header .nav-tabs > li.active > a:focus, .sidedar_deatails_header .nav-tabs > li.active > a:hover { background-color: hsl(121, 39%, 56%); border-image: none; border-radius: 0; border-style: solid; border-width: 1px; color: hsl(0, 0%, 100%); cursor: pointer; } .sidedar_deatails_header .nav-tabs li { border: medium none; float: left; margin-bottom: 0; } .sidedar_deatails_header .nav-tabs { border-bottom: medium none; } .sidedar_deatails_header .nav > li > a:focus, .sidedar_deatails_header .nav > li > a:hover { background-color: hsl(121, 39%, 56%); text-decoration: none; } /*========== footer ===========*/ .footer_top { padding:33px 0; background:#fff; } .footer_top h5 { color: hsl(0, 0%, 0%); font-weight: 700; margin: 0 0 32px; } .follow_instagram { margin:0 0 46px; } .follow_instagram ul { margin:0px; padding:0px; } .follow_instagram ul li { display: inline-block; list-style: outside none none; margin-left: 2px; margin-right: 2px; width: 99px; } .follow_instagram ul li a { display:inline-block; } .follow_instagram ul li a img { max-width:100%; height:auto; } .footer_bottom { background:#000; padding:32px 0; } .footer_bottom p { color: hsl(0, 0%, 100%); font-size: 16px; font-weight: 500; line-height: 30px; margin: 0; } .lastest_tweets ul { margin: 0; overflow: hidden; padding: 0; } .lastest_tweets ul li{ width:50%; float:left; padding:0 15px; text-align:left; list-style:none; margin:0 0 20px; } .lastest_tweets ul li p { color: hsl(0, 0%, 0%); display: inline-block; float: right; font-size: 16px; font-weight: 400; line-height: 26px; width: 95%; } .lastest_tweets ul li a{ color:#64bb67; text-decoration:none; } .tweet_on { clear: both; color: hsl(0, 0%, 39%); font-size: 12px; font-weight: 400; margin-left: 30px; } .lastest_tweets ul li i.fa { color: hsl(121, 39%, 56%); float: left; font-size: 18px; margin-right: 10px; margin-top: 3px; vertical-align: middle; } .banner_text h2 a:hover, .featured_articles_text h2 a:hover, .recent_articles_text h3 a:hover, .side_articles_detail a:hover{ color:hsl(122, 39%, 56%); } .btn.btn-default:hover{ background-color:#000; } .recent_articles_text p a:hover{ color:#000; } .logo { text-align: center; } .banner{ padding:45px 0 0;} .tags ul { padding: 0; } .tags li { display: inline-block; font-size: 15px; margin: 10px 4px 0; } .tags li a { border: 1px solid hsl(0, 0%, 80%); border-radius: 0; color: hsl(0, 0%, 0%); display: block; font-size: 15px; font-weight: 400; line-height: 28px; padding: 2px 10px; text-decoration: none; vertical-align: middle; } .tags li a:hover { background: hsl(122, 39%, 56%) none repeat scroll 0 0; border: 1px solid hsl(122, 39%, 56%); color: hsl(0, 0%, 100%); text-decoration: none; } .tags-social-m { overflow: hidden; } .tags { float: left; width: 49%; } .social-icon { float: right; margin: 20px auto; text-align: right; vertical-align: middle; width: 49%; } .twitter-share-button { vertical-align: bottom; } #___plusone_0 { display: inline-block !important; height: 0 !important; vertical-align: middle !important; } .comment-reply-title { color: hsl(0, 0%, 0%); font-weight: 600; } #comments{ margin-top:50px; } #commentform label { color: hsl(0, 0%, 0%); display: inline-block; font-size: 15px; font-weight: 400; width: 11%; } #commentform textarea, #commentform input { background-color: hsl(0, 0%, 100%); border: 1px solid hsl(0, 0%, 93%); color: hsl(0, 0%, 0%); font-size: 14px; margin-bottom: 20px; padding: 5px 10px; text-align: left; vertical-align: top; width: 88%; } #commentform input#submit { background: hsl(121, 39%, 56%) none repeat scroll 0 0; color: hsl(0, 0%, 100%); font-size: 16px; margin: 20px auto; padding: 12px 30px; width: auto; } #commentform input#submit:hover{ background-color:#000; } .comment-notes { margin-bottom: 30px; } .commentlist { margin-bottom: 40px; padding: 0; } h2.comments-title { color: hsl(0, 0%, 0%); font-size: 24px; font-weight: 600; } .commentlist li { list-style: outside none none; } .commentlist img { border: 1px solid hsl(0, 1%, 86%); float: left; height: 51px; margin-right: 20px; width: 51px; } .commentlist b.fn { font-size: 18px; text-transform: capitalize; } .comment-metadata { position: absolute; right: 20px; top: 3px; } .comment-body { position: relative; } .says { display: none; } .comment-awaiting-moderation { display: none; } .comment-content { margin-left: 70px; } .comment-metadata a { color:#000; font-size: 12px; text-decoration: none; } .reply { text-align: right; } .comment-content p { color: hsl(0, 0%, 0%); font-size: 16px; } .reply a { color: hsl(121, 39%, 56%); font-size: 15px; text-decoration: none; } .reply a:hover{ color:#000; } #reply-title a { color: hsl(0, 0%, 0%); font-size: 24px; text-decoration: none; text-transform: capitalize; } #reply-title small a { color: hsl(121, 39%, 56%); font-size: 14px; } .commentlist li { list-style: outside none none; margin-top: 30px; } #navbar .dropdown-menu > li > a:focus, #navbar .dropdown-menu > li > a:hover { background-color: hsl(0, 0%, 0%); } .blog-deatil .blog-link { margin-bottom: 0; } .blog-deatil .blog-quotes { margin-bottom: 0; } .blog-deatil .recent_articles_text h2 { padding: 0 20px; text-align: left; } .blog-deatil .recent_articles_text p { text-align: left; width: 93%; } .blog-deatil .recent_articles_text h3 { padding: 15px 20px; text-align: left; font-weight:500; } .blog-deatil .recent_articles_text h4, .blog-deatil .recent_articles_text h5{ text-align:left; padding:0 20px; } .blog-deatil .recent_articles_text ul li { color: hsl(0, 0%, 0%); font-size: 15px; line-height: 25px; margin-bottom: 10px; text-align: left; width: 93%; } blockquote { background-color: hsl(0, 0%, 96%); border-left: 5px solid hsl(0, 0%, 93%); margin: 20px 25px; padding: 10px 20px; } .blog-deatil .recent_articles_text blockquote p { font-size: 15px; width: 100%; } #error { text-align: center; } #error h1 { color: hsl(121, 39%, 56%); font-size: 120px; line-height: 130px; } .error-content-m h2 { color: hsl(0, 0%, 0%); font-weight: 700; margin-top: 0; } .error-content-m p { color: hsl(0, 0%, 0%); font-size: 20px; font-weight: 400; margin: 20px auto 30px; width: 60%; } .error-content-m a:hover { background-color: hsl(0, 0%, 0%); } .error-content-m a { background-color:hsl(121, 39%, 56%); color: hsl(0, 0%, 100%); font-size: 18px; padding: 13px 30px; text-decoration: none; } .home_banner .slick-prev { background-color: hsla(0, 0%, 0%, 0); background-image: url("../images/slider-arrow1.png"); background-repeat: no-repeat; border: medium none; font-size: 0; height: 48px; left: 20px; position: absolute; top: 200px; width: 48px; z-index: 566666; } .home_banner .slick-next{ background-color: hsla(0, 0%, 0%, 0); background-image:url(../images/slider_arrow2.png); background-repeat: no-repeat; border: medium none; font-size: 0; height: 48px; right: 20px; position: absolute; top: 200px; width: 48px; z-index: 566666; } .gallery_slider .slick-prev { background-color: hsla(0, 0%, 0%, 0); background-image: url("../images/slider-arrow1.png"); background-repeat: no-repeat; border: medium none; font-size: 0; height: 48px; left: 20px; position: absolute; top: 220px; width: 48px; z-index: 566666; } .gallery_slider .slick-next { background-color: hsla(0, 0%, 0%, 0); background-image:url(../images/slider_arrow2.png); background-repeat: no-repeat; border: medium none; font-size: 0; height: 48px; right: 20px; position: absolute; top: 220px; width: 48px; z-index: 566666; } .slider-remove { padding: 20px 0; } .sidebar-add-2 img, .sidebar-add img { border: 6px solid hsl(0, 0%, 100%); max-width: 100%; } .error { color: hsl(5, 68%, 47%); display: block; font-size: 12px; line-height: 20px; text-align: left; } #back-top { bottom: 38px; display: block; position: fixed; right: 30px; } #back-top a { background-color: hsl(121, 39%, 56%); border-radius: 100%; color: hsl(0, 0%, 100%); display: block; font-size: 19px; height: 40px; padding: 4px 15px; text-decoration: none; width: 40px; } .recent_articles_text { position: relative; } .recent_articles_text::after { background-image: url("../images/logo_img.png"); content: ""; height: 58px; left: 70px; position: absolute; top: 50px; width: 125px; } .logged-in-as a { color: hsl(0, 0%, 0%); font-size: 14px; font-weight: 300; text-align: left; text-decoration: none; } .col-md-8.left-sidebar { float: right; } /*--------Responsive-start--------*/ @media (max-width:991px) { .col-md-8.left-sidebar { float: none; } } @media (max-width:767px){ .follow_us {padding: 0 0 20px; text-align: center;} .logo img {max-width: 100%;} .header_search {float: none;margin: 0 auto;padding: 10px 0;text-align: center; width:100%;} .banner_slider img {height: auto; max-width: 100%;} .banner_text_wrap { height: auto;position: relative;top: 0;width: 100%; bottom:0;} .banner_text { padding: 20px 0; top: 0px;width: 100%;} .featured_articles_detail {float: none;width: 100%;} .featured_articles_text { left: 0; margin: 0 auto 50px; top: 0; width: 100%;} .recent_articles_detail { float: none;} .recent_articles_text {left: 0;padding: 20px 15px 14px; top: 0;width: 99.8%; margin: 0 auto 50px;} .recent_articles_text p {font-size: 16px;width: 100%;} .recent_articles_text_footer {float: none;left:0px; top: 14px; width: 100%;} .sidebar-add img {max-width: 100%;text-align: center;} .sidebar-add, .sidebar-add-2 { text-align: center;} .sidebar-add-2 img {max-width: 100%;text-align: center;} .follow_instagram ul li {width: 79px;} .lastest_tweets ul li {float: none; width: 100%;} .lastest_tweets ul li i.fa {display: inline-block;float: none;} .lastest_tweets ul li p {display: inline; float: none; width: 89%;} .tweet_on { display: block;margin-left: 0;} .footer_bottom {padding: 20px 0;} .footer_bottom p {font-size: 15px;} .featured_articles_img > img {width: 100%;} .side_articles_img > img {max-width: 100%;} .navbar .collapse.in {display: block;} .header_top { padding: 12px 0 10px;} .navbar {background-color: hsla(0, 0%, 0%, 0);} .navbar-toggle {background-color: hsl(0, 0%, 0%); border:none;border-radius: 0;float: none; margin: 0 auto; padding: 12px; text-align: center;} .navbar-header {margin-bottom: 20px; text-align: center;} .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background-color:hsl(122, 39%, 56%);} .navbar-default .navbar-toggle {border: medium none;} .navbar-default .navbar-toggle .icon-bar {background-color: hsl(0, 0%, 100%);} .navbar-default .navbar-collapse, .navbar-default .navbar-form {border: medium none; margin-top: -19px;} .navbar ul.nav.navbar-nav {display: block; float: none;text-align: left; background-color:#000; padding:20px;} .navbar-collapse { padding-left: 0; padding-right: 0;} .navbar ul.nav.navbar-nav li a {font-size: 17px; margin-bottom: 10px; padding: 15px 30px 15px 20px;} .header_search input {height: auto;padding: 14px 10px;} .form-group-sm .form-control + .form-control-feedback, .input-group-sm + .form-control-feedback, .input-sm + .form-control-feedback { right: 26px; top: 29px;} .home_banner .slick-list {height: auto;} .home_banner button {display: none !important;} .featured_articles_heading h3 {margin-top: 0;} .blog-quotes { padding: 60px 20px; margin-bottom:50px;} .quotes-content {padding-bottom: 0;} .quotes-content > h2 {font-size: 20px; line-height: 30px;} .recent_articles_img > img { height: auto;} .slick-slide img { max-width: 100%;} .gallery_slider button {display: none !important;} .page-numbers { margin-bottom: 70px;} .nav-tabs li a { font-size: 14px;padding: 10px 4px;} .side_articles_detail {display: inline-block;float: none;padding-left: 0; width: 59%;} .side_articles_img {margin-right: 20px; width: 80px;} .featured_articles_img > img {height: auto;} #navbar ul.dropdown-menu { left: 0; top: 50px; width: 100%;} .blog-deatil .recent_articles_text_footer {position: relative; top: 0;} .blog-deatil .recent_articles_text {padding-bottom: 0;} .tags { float: none; width: 100%;} .social-icon {float: none;text-align: left; width: 100%; margin:0 auto;} .comment-metadata {position: relative;right: 0;top: -6px;} .comment-content {margin-left: 0;} .children {padding-left: 15px;} #commentform label {display: block; width: 100%;} #commentform textarea, #commentform input { width: 100%;} #commentform input#submit { margin: 20px auto 50px;} .home-blog-video iframe { height: auto;} #error h1 {font-size: 60px;line-height: 60px;} .error-content-m p {width: 100%;} .featured_articles_img img { max-width: 100%; width: 100%; height:auto; } .recent_articles_img img { height: auto; max-width: 100%; } .blog-deatil .recent_articles_text h2 { font-size: 28px; } .home_banner { margin-bottom: 30px; } .banner_text h2 { font-size: 28px; } } @media (min-width:768px) and (max-width:991px) { .logo img {max-width: 100%;} .follow_us {padding: 20px 0;} .header_search {padding: 10px 0;} .navbar ul.nav.navbar-nav li a {padding: 20px 30px 20px 20px;} .navbar-nav > li.dropdown > a::after {right: 14px;} .banner_slider > img {max-width: 100%;} .sidebar-add {text-align: center;} .sidebar-add-2 {text-align: center;} .follow_instagram ul li {width: 56px;} .lastest_tweets ul li p {width: 91%;} .navbar-nav > li.menu-item-has-children > a::after {right: 12px;} .form-group-sm .form-control + .form-control-feedback, .input-group-sm + .form-control-feedback, .input-sm + .form-control-feedback {right: 19px; top: 24px;} .header_search input {height: auto;} .banner_slider > img { height: auto; max-width:100%;} .home_banner .slick-list {height: 420px;} .banner{ padding:45px 0 0;} .blog-deatil .recent_articles_text {padding-bottom: 74px;} .tags li {margin: 20px 5px;} .tags li a {font-size: 14px;padding: 2px 8px;} .featured_articles_img img { max-width: 100%; width: 100%; height:auto; } .recent_articles_img img { height: auto; max-width: 100%; } .featured_articles_detail { margin-right: 15px; width: 47%; } } @media (min-width:992px) and (max-width:1200px) { .banner_slider img {max-width: 100%;} .featured_articles_text {width: 82%;} .sidebar-add img { max-width: 100%;} .recent_articles_text {width: 84%;} .recent_articles_text_footer {width: 520px;} .nav-tabs li a {font-size: 13px; padding: 10px 8px;} .sidebar-add-2 img {max-width: 100%;} .follow_instagram ul li {width: 80px;} .lastest_tweets ul li i.fa {margin-top: 3px;} .lastest_tweets ul li p {line-height: 24px; width: 92%;} .featured_articles_detail { float: left; margin-right: 30px;width: 45%;} .recent_articles_img > img { height: auto;} .banner_slider img { height: auto;} .banner_text h2 {font-size: 28px;} .home_banner .slick-list {height: 490px;} .banner{ padding:45px 0 0;} .blog-deatil .recent_articles_text { padding-bottom: 74px;} #commentform textarea, #commentform input { width: 86%;} #commentform label { width: 13%;} .featured_articles_img img {max-width: 100%;} .side_articles_detail { width: 160px;} }