/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
      
      #main-cat {
    height: 55px;
    margin-top: 50px;
       }

      #owl-weeks .item {
    padding: 0px 10px; }

     #open-search{ 
        top: 5px;
        padding: 0px; }

     .navbar-brand:nth-child(1){  }

     .intr { padding: 20px; }
     
     #last-posts .thumbnail{  padding: 0px; }

     #last-posts img{  
       height: 290px;
       max-width: 100%;
       max-height: 100%;
       object-fit: cover;
       width: 100%; }

  

     #last-posts h2 {
         font-size: 1.8rem;
         font-family: var(--cb-font-body, Arial, Helvetica, sans-serif);
         margin: -6px 0px 0px 0px;  }
         
    .share{ position: relative;
    margin-left: 0;
    margin-right: 0;
    display: flex;
    flex-wrap: wrap;
    padding: 0px;
    width: 100%; }
        
    .share li {
        padding: 0px;
        margin: 0px 2px; }


    #single-bar{ height: auto;
        padding-bottom: 4px; }

    #all-side {
    padding: 0px;}


    #related-posts .related-col {
    padding: 4px;
    margin-bottom: 16px; }

        #modal-search .modal-title {
    padding: 0px 15px; }

        .search-mobile{     
                   width: fit-content;
        position: relative;
        margin: 10px 70px 0px 0px;
        display: block;
        float: right; }

   
       #search-desk{ display: none; }



.last-all{ margin-bottom: 40px; }

#sharek-img{ margin-top: 0px;
    height: 20px;
    width: 20px; }

.sharek li a img{     margin-right: auto;
    margin-left: auto;
    position: relative; }

.sharek li a p{ display: none; }

.content article {
    margin-top: 62px;
}

.spacer {
    height: fit-content;
}


.bmbx .thumbnail {
    padding: 0px;
    height: 300px;
}

.main-spacer{ height: fit-content; }


#Subscribe-news {
    padding: 54px 38px;
    height: auto;
    margin-top: 42px;
}

#social-media{ display: none; }

#social-head{ display: block; }

.spacer {
    height: fit-content;
}


/* Quotes */

.related-quotes ul {
    padding: 10px 0px; }

.related-quotes ul li:first-child{ 
        display: flex;
        justify-content: center;
        width: 70px;
        height: 70px;}

.related-quotes ul li img{ 
    height: 40px;
    border-radius: 50%;
    margin-top: 22px; }

.related-quotes ul li h2{ font-size: 16px;
    margin-left: 10px; }

.related-quotes ul li p{ margin-left: 10px; }

.author-books ul li .btn{
    margin-top: -40px; }

.author-books ul li:first-child{
    width: 20%;
    padding: 0px; }

.related-quotes ul li p span{
    margin-left: 0px;
    float: inline-start;
}

.aff-books ul li:first-child{ width: 20%; }
    /* Quotes */

 
    /* Sharek */
    .share-button {
    width: 50px;
    height: 50px; }

    .share-button i {
    font-size: 2rem;
    margin-top: 4px; }

    .share-button span{ display: none; }
    /* Sharek */

    #copyButton i{ margin: 0px; }



}






/* Portrait phones and smaller */
@media (max-width: 480px) {

    
         #open-search{ 
        top: 5px;
        padding: 0px; }
   
    #owl-weeks .item {
    padding: 0px 10px; }

    .navbar-brand .mob:nth-child(1){ display: none; }
    
    .intr { padding: 10px; }
    
    #last-posts .thumbnail{ padding: 0px; }

    #last-posts img{
       height: 240px;
       max-width: 100%;
       max-height: 100%;
       object-fit: cover;
       width: 100%;  }

    #last-posts #smads{ 
       width: 250px;
       height: 250px;
       margin-top: 0px; }

    .share{ 
        position: relative;
        margin-left: 0;
        margin-right: 0;
        display: flex;
        flex-wrap: wrap;
        padding: 0px;
        width: 100%; }

    .share li {
        padding: 0px;
        margin: 0px 2px;
    }


    #all-side{ padding: 0px; }

    #single-bar{ height: auto; }

    #related-posts .related-col {
    padding: 4px;
    margin-bottom: 16px; }

    #search-posts .thumbnail {
    height: 120px; }

    #modal-search .modal-body{ padding: 0px; }

    #modal-search .modal-title {
    padding: 0px 15px; }

    #top {
    bottom: 24px;
    display: block;
    right: 14px;
    position: fixed;
    width: 40px;
    height: 40px;
    border-radius: 2px;
    font-size: 1.3rem;
    padding: 0px;
    background: #0e616e;
    color: #fff;
    border: 1px solid #fff;
    box-shadow: 0px 0px 9px -6px black;
    z-index: 2;  }
    

    .open-search-mobile{     
    height: 20px;
    position: absolute;
    display: block; }

    #search-desk{ display: none; }

    .open-search {
    height: 20px;
     margin-top: 0px;
      margin-left: -10px; }

    .content article{ margin-top: 50px; }

    #social-media{ position: relative;
     right: -20px; }

    #social-media li img {
     height: 28px; }

    #social-media li {
    padding: 0px 14px; }

  .related-cat ul{ 
                     right: -38px; }

                     .spacer {
    height: fit-content;
}


.last-all{ margin-bottom: 40px; }



#sharek-img{ margin-top: 0px;
    height: 20px;
    width: 20px; }

.sharek li a img{     margin-right: auto;
    margin-left: auto;
    position: relative; }

.sharek li a p{ display: none; }


#box-subs{ margin-bottom: 40px; }

#bmbx-col:nth-child(5){ display: none; }

#bmbx-col:nth-child(6){ display: none; }

#bmbx-col:nth-child(7){ display: none; }

#bmbx-col:nth-child(8){ display: none; }

#Subscribe-news {
    margin-top: 36px;
    padding: 32px 20px;
    height: auto;
    width: 100%;
}

#subs-footer{ margin-top: 30px; }

#social-media{ display: none; }

#social-head{ display: block; }


.spacer {
    height: fit-content;
}

.aff-books ul li:first-child{ width: 20%; }


/*    -webkit-line-clamp: 3;   */


   #related-posts h2{ -webkit-line-clamp: 2; }

   #viewers-posts h3{ -webkit-line-clamp: 1; }

   #viewers-posts p{ -webkit-line-clamp: 3; }

   #home-title h3{ -webkit-line-clamp: 1; }

   #home-title p{ -webkit-line-clamp: 2; }

   #search-posts h2{ -webkit-line-clamp: 2; }
   
   #similar-cat{ -webkit-line-clamp: 1; }
    

}