@media (min-width: 320px){
.recent-post{left:50%; top:-15px; transform:translateX(-50%);}
.more-post{left:50%; bottom:-15px; transform:translateX(-50%);}	
.recent-post,.more-post{font-size:14px;}
.carousel-btn .prev-btn{ left:0;}
.carousel-btn .next-btn{ right:0}
.search-box-section{ width:90%;}
.subscribe-box{padding: 8px 0px 2px 5px;}
.content-box{ margin:15px 0; width:100%;  padding:10px 10px 10px 20px; }
.bottom-bar{ display:none;}
.blog-banner{ height:180px;}
.footer-logo,.footer-nav{ text-align:center}
.footer-social-icon a{ margin:0 15px;}
.bottom-links li{margin:8px 0; border-left: 1px solid #fff; padding:0 5px 0 10px;}
.bottom-links li:first-child{ border-left:0;}
.search-post{width:78%;}
.topbar h1{padding:20px 15px; font-size:18px}
.logo{ margin:15px 0 10px;}
.logo img{ width:80%;}
.mobile-nav{ float:right; padding:25px 0;}
.mobile-search{ float:left; width:33px; margin-top:5px;}
.menu-icon, .search-close{height: 30px;width: 35px; position:relative ;float: left;  margin: 10px 0 0 30px; cursor:pointer;}
.menu-icon span,.search-close span{ height:4px; position:absolute; width:100%; top: 39%; background:#000;}
.menu-icon span:before, .menu-icon span:after, .search-close span:before, .search-close span:after{ background: #000; content: ""; left: 0; position: absolute; width: 100%; height:4px;}
.menu-icon span:before{ transform: translateY(-315%);}
.menu-icon span:after{ transform: translateY(315%);}
.search-close{ display:none;}
.search-close span{background:transparent;}
.search-close span:before{ transform: translateY(0px) rotate(45deg) scale(1.2);}
.search-close span:after{ transform: translateY(0px) rotate(-45deg) scale(1.2);}
.menu-active span{ background:transparent;}
.menu-active span:before{transform: translateY(0px) rotate(45deg) scale(1.2);}
.menu-active span:after{transform: translateY(0px) rotate(-45deg) scale(1.2);}
.mobile-search-box{ border: 0;border-bottom: 1px solid #afb1b4;padding: 5px;float: left; width:90%; margin: 30px 10px 0; display:none;}
.author-dropdown{ display:none;}
.navigation{position:fixed; background:#666666; top:140px; z-index:99; width:100%; height:100%; -webkit-transition: .5s ease-in-out;
transition: .5s ease-in-out; left:100%;}
.navigation ul{ padding:0 20px}
.navigation ul li{ width:100%; padding:25px 0 5px; border-bottom:1px solid #fff;}
.navigation ul li:first-child{ padding:20px 0 5px}
.navigation ul li a{ cursor:pointer; padding:0; color:#fff;     display: inline-block; width: 100%; position:relative;}
.navigation ul li a:after{ content: ""; background:url(../images/arrow-right.png) no-repeat; height:16px; width:16px; display:block; position:absolute; right:0px; top:6px;}
.back-to-home,.navigation .back-main{ background:#000; padding:12px 20px 10px; color:#fff; position:relative; display:inline-block; width:100%;}
.back-to-home:after, .navigation .back-main:after{content: ""; background:url(../images/arrow-back.png) no-repeat; height:16px; width:16px; display:block; position:absolute; right:20px;
 top:15px;}
.back-to-home:visited{ color:#fff;}
.blog-detail-section h1{font-size: 36px;}
.dropdown-container{position:fixed; background:#666666; top:140px; z-index:99; left:100%;width:100%; height:100%;-webkit-transition: .5s ease-in-out;
transition: .5s ease-in-out; }
.dropdown-top h3{ padding:20px 0 5px 0px; margin:0 20px; border-bottom:1px solid #fff;}
.dropdown-top h3 a{ display:inline-block;}
.navigation .dropdown-top h3 a:after{content:none;}
.dropdown ul li{ border:0;}
.dropdown ul li a:after{content:none;}
.share-section,.search-box{ display:none;}
.blog-content{width:100%; min-height:260px; height:260px;}
.blog-content img{ height:100%; width:100%;}
p.author-post{ font-size:14px;}
.related-content-section .blog-content{ width:80%; float:none; margin:0 auto;}
.carousel-controls .prev-slide{ left:15px;}
.carousel-controls .next-slide{ right:15px;}
/*.search-page .author-block{ display:none;}*/
.search-page .pull-right{ float:none !important;}
.subscribe-box .hidden-xs{display:none;}
.search-page .blog-content{ margin:8px 0px;}
.pagination{ margin:20px 0 0; width:100%; clear:both;}
.pagination .page-count{background:#00bee6; padding:15px 20px 10px; color:#000; display:inline-block;}
.search-page .pagination,.author-page .pagination,.search-listing .pagination{padding:30px 0 50px 0; width:100%; justify-content:space-around; display:flex;}

.prev-page, .next-page{ margin-top:15px;}
.pagination .next-page,.pagination .prev-page,.prev,.next{ color:#000000;}
.prev:hover, .next:hover {color: #000000;}
.pagination a{ cursor:pointer;}
.pagination .next-page.disable,.pagination .prev-page.disable, .disabled{ color:#b2b2b2 !important; cursor:default !important;}
.prev-page:before{content: "<"; color:#959595; margin-right:5px;}
.next-page:after{content: ">"; color:#959595; margin-left:5px;}
.content-box span{ width:60%;}
.back-to-top{ position:fixed; right:10px; bottom:50px; display:none;}
p.author{ margin-top:20px; text-transform: capitalize;}
.top-bdr{ margin:80px 0 50px 0; width:100%; float:left; clear:both;}
.author-block.top-bdr{ margin-top:0;}
.footer-logo{ margin-bottom:40px;}
.easy-autocomplete { width:40% !important;}
.banner-section img{ max-width:inherit;}
.ideas-section{ margin-bottom:40px;}
.img-left { width:30%;}
.right-content{ width:65%;}
}
@media (min-width:380px){
.content-box span{ width:55%;}

}
@media (min-width: 480px){
.search-post{width:84%;}
.mobile-search-box{ width:100%;}
}
@media (min-width: 640px){
.blog-banner{ height:350px;}
}
@media (min-width: 768px){
 .related-content-section {margin-top:80px}
.easy-autocomplete { width:70% !important;}
.topbar h1{padding:15px; font-size:28px}
.recent-post,.more-post{font-size:18px;}
.recent-post{left:0; top:15px; transform:none;}
.more-post{right:-15px; bottom:15px; transform:none; left:inherit}
.search-box-section{ width:85%;}
.bottom-links {float:left;}
.footer-social-icon{ float:right;}
.content-box{ width:42%; margin:0 20px;  padding:10px 10px 10px 20px;}
.bottom-bar{ display:block; font-size:32px; color:#fff; padding:40px 0; text-align:center; background-image:url(../images/bottombar-img.jpg); background-repeat:no-repeat; background-position:center; margin-bottom:30px; background-size:100%;}
.bottom-bar a{ color:#fff;}
.footer-logo,.footer-nav{ text-align:left}
.footer-nav{ float:left;}
.footer-social-icon a{ margin:0 10px;}
.bottom-links li{margin:0 8px 0 0; border-right: 1px solid #fff; padding-right:10px; border-left:0; padding-left:0;}
.related-content-section .blog-content{ width:100%;}
.carousel-controls .prev-slide{ left:-20px;}
.carousel-controls .next-slide{ right:-20px;}
.related-content-section .container{ width:700px;}
.author-search ul li{ display:inline-block;}
.search-page .blog-content{ width:48%; margin:0 0 24px 24px;}
.search-page .pagination,.author-page .pagination,.search-listing .pagination{width:auto;display:block; clear:both;}
.prev-page:before,.next-page:after{content:none}
.pagination .page-count{ margin:0 15px;}
.content-box span{ width:68%;}
.blog-detail-section .author-img{ float:left; width:48%;}
.blog-detail-section .discription { float: left; margin-left: 20px; width:48%;}
.author-page .discription {width:48%; float:right;}
.author-page .author-img{ width:48%; float:left}
.author-img{ width:40%; float:left;}
.author-detail{ float:left;}
.author-detail p.author{ margin:0;}
p.author-details{ float:left; width:100%; margin-top:20px;}
.footer-logo{ margin-bottom:0px;}
.banner-section img{ max-width:100%;}
.discription {float: left; margin-left: 20px;}
}
@media (min-width: 992px){
.navigation ul li {border-bottom: 0;}
.navigation{ float:right; position:static; background:none; width:auto;}
.tag-section{border-top:1px solid #969696;}
.navigation,.dropdown-container{-webkit-transition:none; transition:none;}
.subscribe-box{padding:7px 5px 2px 5px;}
.navigation ul{ padding:0;}
.mobile-search-box,.back-to-home,.back-main{ display:none !important;}
.navigation ul li:first-child,.navigation ul li{ display:inline-block; font-size:20px; width:auto; padding:0;}
.navigation ul li a{ padding:45px 30px 40px; color:#000000; text-transform:uppercase; display:inline-block; font-weight:bold; outline:none; width:auto} 
.navigation ul li a:hover,.active{ text-decoration:none; background-color:#666; color:#fff;}
.navigation a.active{ color:#fff;}
.navigation ul li a:after{ content:none}
.share-section{ display:block;}
.top-bdr{ margin-top:0;}
.author-img{ width:auto; float:none}
.author-detail{ float:none;}
.author-detail p.author{ margin-top:20px;}
p.author-details{ float:left; width:100%; margin-top:20px;}
.dropdown-container{display:none; width:100%; position:absolute; left:0; overflow:hidden; background-color:#666666; z-index:99; height:auto; top:inherit;}
.dropdown{ max-width:960px; margin:0 auto;}
.dropdown-top{border-bottom: 1px solid #fff; color: #fff; float: left; width: 100%; padding:30px 10px 5px 20px;}
.dropdown-top h3{float:left}
.close-menu{background: url(../images/close-menu.png) no-repeat; display: block; height: 25px; width: 25px; float: right; cursor:pointer;}
.dropdown ul{ padding:25px 0; float:left; width:100%; clear:both;}
.dropdown ul li,.dropdown ul li:first-child{ width:32.8%; padding:15px 20px; float:left;}
.dropdown .author-name li{ padding:0; display:inline-block; width:auto;}
    .dropdown .author-name li {        padding: 0 9px;    }
        .dropdown .author-name li a { font-size:30px;        }
        .dropdown .author-name li:first-child {padding:0 9px 0 0;width:auto }
.author-dropdown{ padding-bottom:40px;}
.dropdown .author-name { margin:30px 20px;}
p.author-post{ font-size:18px;}

.dropdown ul li a, .navigation .dropdown-top a{ color:#fff; padding:0;}
.dropdown ul li a:hover, .navigation .dropdown-top a:hover, .active-author{ color:#00bee6 !important;}
.navigation .dropdown-top a.category-second-nav{ cursor:default;}
.navigation .dropdown-top a.category-second-nav:hover{ color:#fff !important;}
.dropdown-top h3 {padding:0; margin:0;  border-bottom:0;}
.mobile-nav{ display:none;}
.related-content-section .container,.container {width:960px;}
.topbar h1{padding:15px 25px;}
.logo{ margin:25px 0 15px 0;}
.navigation{ display:block;}
.blog-listing-section .col-sm-6, .blog-listing-section .col-md-4{ padding-right:0;}
.blog-content{width:32%;}
.blog-detail-section h1{padding:10px 30px 30px; font-size:42px;}
.carousel-btn .prev-btn{ left:-15px}
.carousel-btn .next-btn{ right:-15px}
.content-box{ width:auto; margin:0 0px;  padding:10px 10px 10px 10px;float: none;overflow: hidden; display: inline-block}
.search-box-section{ width:75%;}
.author-dropdown .search-box-section{ width:100%; margin:0 20px;}
.navigation .pagination a{ display:inline-block; color:#fff; padding:0px;}
.author-search-result{ padding:0px 30px; /*display:none;*/}
.author-search-result ul li,.author-search-result ul li:first-child{font-family: 'Roboto', sans-serif; padding:10px 15px 10px 0;}
.author-search-result ul li a{ text-transform:none; font-weight:normal;}
.search-page .author-block{ display:block;}
.search-page .pull-right{ float:right !important;}
.author-search ul li,.search-box{ display:block;}
.subscribe-box .hidden-xs{ display:inline-block;}
.author-page .author-img{ float:left; width:48%;}
.author-page .author-block{ padding:20px 0;}
.content-box span{ width:auto;padding-right: 15px;margin-top:0; display: inline-block;
    vertical-align: middle;}
    .content-box .content-btn-wrap span {
    display: inline-block;
    vertical-align: middle;
    padding:6px;
   
}
.content-btn-wrap {
    background: #00bee6;
    display: inline-block;
    vertical-align: middle;
    padding: 5px;
}
.blog-detail-section .author-img{ float:left; width:auto;}
.blog-detail-section .discription { float: left; margin-left: 0px; width:auto;}
.top-bdr .discription{ margin-left:0;}
.img-left { width:20%;}
.right-content{ width:75%;}
}

@media (min-width: 1200px){
.container {width:960px;}
.search-section{ background-size:100%;}
}
@media (min-width: 1400px){
.banner-img,.blog-banner-img{ width: 100vw;}
}


@media (max-width: 991px) {
.content-box span {
    width: 100%;
    padding-bottom: 15px;
}
.content-box .content-btn-wrap span {
    display: inline-block;
    vertical-align: middle;
    padding:0 5px;
    width: auto;

}
.content-box img {
    max-width: 40px;
}
.content-box {
    padding:10px;
    width: auto!important;
    margin:0!important;
    max-width: 100%;
}
}