.clear{
    clear: both;
  }

.trendblock{
  width: 100%;
  margin-bottom: 15px;
}

.tstory .trendblock p{
  text-align: left;
  color: #111516;
  font-family:Open Sans, Lato, sans-serif;
  /* height: 70px; */
  overflow: hidden;
  font-weight: 700;
  font-size: 15px;
  line-height: 1.2em;
  margin-bottom: 5px;
  font-weight: 600;
  max-width: 300px;
margin: 0 auto;
display: block;
}

.loadimg{
  display: block;
  margin: 15px auto;
}
.loadmorebtn{
  display: block;
  margin: 40px auto 0;
  background: #3398ff;
  float: none !important;
  border-radius: 4px;
}

.loadmorebtn:hover{
  background: #3398ff;
  opacity: .8;
}
/*
.tstory .trendblock p span{
  color:  blue;
  text-decoration: underline;
  font-weight: 400;
} */

.tstory .trendblock {
  margin: 0 0 25px 0;
  padding: 1%;
  display: inline-block;
    width: 48%;
    vertical-align: top;
}

.tstory .trendblock:hover{
  text-decoration: underline;
}

.tstory .trendblock h3{
  text-align: left;
}

.trendblock span{
  color: blue;
  text-decoration: underline;
}

.tstory {
  text-align: left;
  padding-left: 30px;
}

.tstory h2{
    font-size: 20px;
    text-align: left;
    font-weight: bold;
    padding: 5px;
    /* background: #efefef; */
}

.btmads .trendblock{
  width:32%;
}

.tstory img{
  height: 120px;
}

.btmads img{
  height:160px;
}

.trendblock img{
  width: 100%;
  max-width: 300px;
  margin: 0 auto;
  height: auto;
}


.ob-smartfeed-wrapper img{
  height: auto;
}
.trendblock p{
  font-size: .8em;
  margin: 0;
}

.trendblock h3{
  font-size: 1.1em;
  font-weight: normal;
  margin: 5px 0;
}

.btmads .trendblock {
  padding: 0 1%;
  vertical-align: top;
}

.trendblock{
  display: inline-block;
  text-align: center;
  margin: 0 15px;
}

.innerpage .post-heading{
  padding: 80px 0 20px !important;
}

.post-preview a.btn{
  padding: 5px;
  border-radius: 4px;
  text-transform: capitalize;
  font-weight: normal;
}

.post-preview a{
  text-transform: capitalize;
}

.mimg{
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.post-subtitle img{
  float: left;
  margin-right: 20px;
}

.clearfix{
  clear: both;
}

.btomcontainer{
  margin-top: 30px;
}



.floatleft{
  float: right;
}

.h3, h3{
  font-size: 1em;
}

.navigation h1{
  font-size: 1.1em;
  text-transform: uppercase;
  margin: 0;
}

header.masthead .page-heading, header.masthead .post-heading, header.masthead .site-heading{
  padding: 90px 0;
}

.searchfrn img{
  cursor: pointer;
  top:8px;
  left: 10px;
  position: absolute;
}

.sidepanel .searchfrn img{
    top:24px;
}

.search input{
  /* visibility: hidden; */
  border: 1px solid #dedede;
  font-size: .91em;
  font-family: Open Sans;
  padding: 5px;
  width: 100%;
  margin-left: 10px;
}

.navigation h1{
  padding: 10px 15px;
  max-width: 400px;
  font-size: 1.5em;
  text-align: center;
  font-weight: 600;
  font-family: Open Sans;
  letter-spacing: .06em;
}

.headnav ul{
  margin: 0 auto;
  font-family: Open Sans;
}

.headnav ul li{
  font-size: .8em;
}

.headnav ul li a{
  font-size: .85em;
}
#mainNav .navbar-brand,
#mainNav .navbar-brand:focus, #mainNav .navbar-brand:hover,
#mainNav .navbar-nav > li.nav-item > a{
  color: #333;
}

#mainNav .navbar-nav > li.nav-item > a:focus, #mainNav .navbar-nav > li.nav-item > a:hover {
    color: rgba(0,0,0,.8);
}

#mainNav{
  position: relative;
}

.hmenu{
  margin: 0;
  /* padding-bottom:30px; */
}

.mainpost{
  margin-bottom: 00px;
  /* margin-top: 30px; */
}

.mainpost hr{
  border-top: 1px solid#111;
  padding: 10px 0 10px;
  margin-bottom: 0px;
}

.mainpostimg img{
  width: 100%;
  max-width: 650px;
  float: right;
}

.mainpost ul{
  padding: 0;
}


.mainpost ul li{
  list-style-type: none;
  padding-left: 30px;
  list-style-position: inside;
  background: url(../img/square.png) no-repeat left 5px;
  margin-bottom: 15px;
  /* font-family: Neuton; */
  color: #4a4a4a;
  font-size: 15px;
  font-weight: 400;
}


.search button{
  z-index: 99;
color: #333;
width: 60px;
height: 40px;
position: absolute;
right: -60px;
font-size: 13px;
top:20px;
border: 1px solid #dedede;
background: #efefef;
}

.sidepanel .search button{
right: 0;
}

.sidepanel .searchfrn img{
  left: 0;
}

.sidepanel .search input{
  margin-left: 0;
}

.search button:hover{
  opacity: .8;

}

.ajaxsearchblk .row3block{
  border-bottom: 1px solid #dedede;
  margin-bottom: 15px;
}
.row3block a img{
  min-height: 110px;
  min-width: 110px;
}
.search{
  position: relative;
  padding-left: 30px;
  width: 220px;
  min-height: 50px;
}

.searchfrn{
  padding-left: 75px;
  padding-top: 20px;
}

.sidepanel .searchfrn{
  padding-left: 15px;
}
.sidepanel .searchfrn img.postsearch{
  left: 20px;
}
.ajaxelem  p,
.row3block p{
  color: #4a4a4a;
  font-size: 17px;
  font-weight: 400;
}

.ajaxelem .row3block h2 a{
  font-size: .52em;
}

.ajaxelem .row3block h2 a:hover{
  color: #333;
  text-decoration: underline;
}

.tstory .rightrtrend{
  width: 100%;
}
.tstory .rightrtrend img{
max-width: 100%;
}

.ajaxelem a img{
  margin-left: 10px;
  margin-bottom: 10px;
}

.morebtn {
  display: inline-block;
  user-select: none;
  height: 25px;
  border-radius: 15px;
  padding: 0 16px;
  font-size: 11px;
  line-height: 25px;
  border: none;
  letter-spacing: .6px;
  text-transform: uppercase;
    text-decoration: none;
    background: #007eff;
    margin: 10px 0;
    box-shadow: none;
}


h2 a:hover{
  background: none;
  color: #222;
}
.morebtn:hover{
  color:#fff !important;
  text-decoration: none;
  background:#3398ff !important;
  box-shadow: none;
}

.typography .btn-rounded:hover {
    color: #fff;
    text-decoration: none;
    background:#3398ff;
    box-shadow: none;
}

.mainpost h2{
  margin-bottom: 20px;
  text-transform: capitalize;
  font-size: 1.6em;
}

.mainpost h3{
  font-size: 1.4em;
  font-weight: 700;
  text-transform: uppercase;
}

.the4lem{
  margin-top: 20px;
  margin-bottom: 20px;
  padding-bottom: 20px;
  padding-top: 20px;

    border-top: 1px solid #dceaec;
    border-bottom: 1px solid #dceaec;


}

.the4lem h3{
  font-size: 24px;
  text-transform: capitalize;
}

.the4lem a img,
.the4lem img{
  width: 100%;
  margin: 0;
}

.the4lem a:hover{
  color: #333;
}

.the4hr{
  clear: both;

  clear: both;
  height: 1px;
  display: block;
  width: 100%;
  background:#dceaec;
  margin-bottom: 50px;
}

.row3block h2 {
  line-height: .55em;
  font-size: 1.45em;
  text-transform: capitalize;
}
.row3block h2 a{
  font-weight: 700;
  font-size: .55em;
  text-decoration: none;
}
.row3block p img{
  margin-top:10px;;
  margin-left: 20px;
}

.row3block p{
  margin-top: 20px;
}

.categoryitem .row3block a img{
  float: none;
  width: 100%;
}

.categoryitem  .row3block p{
  margin-bottom: 5px;
}

.categoryitem  .row3block h2{
  margin-bottom: 10px;
  padding-bottom: 5px;
  border-bottom: 1px solid #999;
}

.postimg{
  width: 100%;
  max-width: 100%;
}

.postcontent{
  margin: 0 auto;
}

.postcontent ul{
  margin: 50px 0;
}

.postcontent ul li{
    padding-bottom: 10px;
    border-bottom: 1px solid #e8e9ea;
    font-weight: bold;
    font-size: .94em;
    color: #111;
    font-family: Open Sans;
}


.postcontent p{
  font-size: 20px;
color:#212529;
margin: 2.15rem 0;
font-family: Lora,'Times New Roman',serif;
}

.googleads{
  text-align: center;
  padding: 50px 0;
  margin: 10px;
}

article h2{
  text-transform: capitalize;
}

.sidepanel li{
  list-style-type: none;
}

.sidepanel li a:hover{
  opacity: .8;
}

.pagination{
  display: block;
}

.pagination a {
  color: black;
  float: left;
  padding: 8px 16px;
  text-decoration: none;
  background: #efefef;
}

.pagination a.active {
  background-color: green;
  color: white;
  border-radius: 5px;
}

.pagination a:hover:not(.active) {
  background-color: #ddd;
  border-radius: 5px;
}

/* The sidepanel menu */
.sidepanel {
 height: 100%; /* Specify a height */
 width: 0; /* 0 width - change this with JavaScript */
 position: fixed; /* Stay in place */
 z-index: 10; /* Stay on top */
 top: 0;
 left: 0;
 background-color: #fff; /* Black*/
 overflow-x: hidden; /* Disable horizontal scroll */
 padding-top: 60px; /* Place content 60px from the top */
 transition: 0.5s; /* 0.5 second transition effect to slide in the sidepanel */
 box-shadow: 0 2px 50px 0 #0076ff;
}

/* The sidepanel links */
.sidepanel a {
 padding: 15px 8px 15px 32px;
 text-decoration: none;
 font-size: 22px;
 color: #000;
 display: block;
 transition: 0.3s;
 font-family: Josefin Sans;
}

/* When you mouse over the navigation links, change their color */
.sidepanel a:hover {
 color: #333;
}

/* Position and style the close button (top right corner) */
.sidepanel .closebtn {
 position: absolute;
 top: 0;
 right: 25px;
 font-size: 36px;
 margin-left: 50px;
}

/* Style the button that is used to open the sidepanel */
.openbtn {
 font-size: 30px;
 cursor: pointer;
 background-color: #fff;
 color: #000;
 padding: 0px 5px;
 border: none;
 position: absolute;
 left: 10px;
 top:15px;
 z-index: 9;
}

.topnav{
  height: auto;
}

.openbtn:hover {
 opacity: .9;
}

.container{
  max-width: 1260px;
}

.btmads{
  padding-left: 0;
}

.logoimg:hover{
  opacity: .4;
}

.logoimg img{
  max-height: 60px;
}

.mobilehr{
  display: none;
}

.mobileelem{
  display: none;
}
.tstory{
  padding: 0;
}
.adplace ul{
  padding: 0;
}

.hcategories li,
.adplace li{
background: #efefef;
color: #4a4a4a;
padding: 8px;
font-size: .85em;
text-align: left;
list-style-type: none;
line-height: 1.2em;
margin-bottom: 0px;
border-top: 1px solid #fff;
border-bottom: 1px solid #dedede;
cursor: pointer;
}

ul.hcategories {
padding: 0px;
margin: 30px 0px 0;
border-top: 1px solid #dedede;
/* border-bottom: 1px solid #dedede; */
border-top: 1px solid #111111;
border-bottom: 1px solid #111111;
}

.hmenu{
  border-bottom: 5px solid #111111;
  margin-bottom: 30px;
}

.hcategories li::after {
    content: "";
    position: absolute;
    height: 30px;
    width: 1px;
    background: #ccc;
    top: 5px;
    left: 0;
}


.hcategories li a{
  font-weight: 700;
  display: block;
font-size: 16px;
color: #014c61;
text-transform: uppercase;
display: block;
width: 100%;
}
.hcategories li:hover{
  background: #13738d;

}

.hcategories li:hover a{
  text-decoration: none;
  color: #fff;
}
.hcategories li{
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  margin-right: -4px;
  border-right: 1px solid #dedede;
}

.adplace li a:hover{
text-decoration:  none;
}

.adplace li:hover{
  background: #dedede;
}

.sendyform img{
  max-height: 20px
}

.adplace h3{
  padding: 10px 5px;
  background: #dedede;
}

.catli li a{
  font-weight: bold;
  font-size: 1em;
  display: block;
  padding: 2px;
  line-height: 1.2em;
}

.recent_posts a{
  display: block;
}

.cateblock {
  margin-bottom: 10px;
}
.cateblock h2{
  height: 70px;
}

.cateblock  a img{
  max-height: 140px;
  min-height: 140px;
}

.catepage h2{
  margin-bottom: 15px;
  text-transform: capitalize;
}

.categoryitem{
  min-height: 400px;
}

.searchpage{
  margin-top: 30px;
  /* width: 100%; */
}

.searchpage form{
  width: 100%;
  padding: 10px 0;
}

.searchpage form button{
  width: 10%;
  right: 0;
  top:30px;
  font-size: 16px;
  width: 80px;
  background: #3398ff ;
  color: #fff;
  border: none;
}

.search input{
  margin: 20px 0;
  width: 90%;
}

.ajaxsearchblk .row3block{
  width: 100% !important;
}
.ajaxsearchblk .row3block h2{
  font-size: 2.2em;
  line-height: .4em;
}

.ajaxsearchblk .row3block p{
  margin: 10px 0;
  font-size:.92em;
}

.ajaxsearchblk .morebtn{
  margin-bottom: 30px;
}

.footernav{
  margin: 0 auto;
}

footer .copyright{
  margin: 15px;
}

footer li a{
  color: #6c757d !important
}

.mrighimg img{
  float: right;
  margin-left: 15px;
  width: 40%;
}

.smimg{
  width: 15px !important;
  height: auto;
}

.fronurlelem  {
 font-size: .80em;
 margin: 10px 0;
}
.fronurlelem ul{
  padding: 0;
}

.fronurlelem ul li{
  display: none;
    background: url(https://efficienteconomy.com/img/square.png) left 6px no-repeat;
    padding-left: 20px;
    font-weight: normal;
    margin-bottom: 10px;
    line-height: normal;
    color: #4a4a4a;
    font-size: 17px;
    font-family: Lora,'Times New Roman',serif;
}
.fronurlelem ul li:nth-child(2),
.fronurlelem ul li:first-child{
  display: block;
}

.fronurlelem p{
font-family: Lora,'Times New Roman',serif;
}

.adpos{
  position: absolute;
  /* top:180px; */
  /* right:200px; */
  max-width: 380px;
}

.topadelem{
  width: 100%;
}

.adplace{
  min-height:1600px;
}

.adcon{
  position: relative;
}



@media only screen and (max-width: 980px) {
  .navigation h1{
    max-width: 300px;
  }

  .mobilewidth{
    flex: none;
    max-width: 100%;
  }

  .mainpostimg img{
    margin: 12px auto;
    display: block;
  }

.tstory{
  padding: 0;
}
  .tstory .trendblock {
      padding: 0 1%;
      vertical-align: top;
      width: 24%;
  }
  .mainpostimg img,
  .mobileelem{
    display: block;
    width: 100%;
    margin: 15px auto;
    max-width: 750px;
  }
  .desktopitm{
    display: none;
  }


    .adpos{
      position: relative;
        max-width: 100%;
        margin: 0 auto;
        display: block;
        top:auto;
        left:auto;
    }

    .adplace{
      min-height: 100px;
    }


}

@media only screen and (max-width: 780px) {
  .cateblock a img {
      max-height: 340px;
      min-height: 140px;
  }

.mainpost ul li{
  font-weight: 400;
}

.postcontent ul{
  margin-top: 10px;
}
.mainpost hr.mobilehr{
  border-top: 1px solid #dedede;
  display: block;
}
.row3block p{
  margin-bottom: 10px;
}
.row3block,
.the4lem{
  border-top: none;
  border-bottom: 1px solid #dceaec;
  padding: 10px;
  margin: 0;
}
  .mainpost ul li{
    font-size: 1em;
  }

  .logoimg img{
    max-height: 50px;
  }

.searchfrn{
  padding: 5px;
  min-height: 60px;
}
.openbtn{
  top:7px;
}
.topnav{
  height: auto;
}

.navigation h1{
  width: 100%;
  max-width: 1000px;
  padding: 5px;
}
.logoimg img{
  width: auto;
  height: 60px;
}

.the4lem{
  margin-bottom: 0;

}

.mainpostimg{
  margin: 15px 0;
}
  .tstory{
    padding: 0;
  }

  .search{
    margin: 0 auto;
  }

  .btmads .trendblock{
    width: 32%;
    margin: 0 auto;
    /* display: block; */
  }

  .trendblock img {
      width: 100%;
      max-width: 350px;
      margin: 0 auto;
      height: auto;
  }


.tstory .trendblock{
    width: 49%;
    margin: 0 auto;
    /* display: block; */
}

.tstory .trendblock p{
  height: auto;
  margin-bottom: 10px;
}



}