/*responsive*/
@media (max-width:360px) {
      
    /* Fan=mous episode section*/
    .subscribe{
      width: 120px;
    }
    .topnav{
        width:100%;
        margin-left: 5%;
        margin-top: 5%;
        height: 500px;
        z-index : 3;
        }
    .head{
      position: relative;
      /* top: 0;
      width: 100%;
      margin: 0;
      left: 0px; */
    }
    .righthead{
      display:none;
      position:absolute;
      background-color: #f1f1f1;
      min-width: 160px;
      width: 250px;
      overflow:auto;
      box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
      z-index: 8;
      margin-top: 70%;
    }
    .navigation{
      color: black;
      padding: 12px 16px;
      text-decoration: none;
      display: block;
    }
    .head a:hover,.head a:active {
      background-color: #ddd;
      color: orangered;
    }
    .show {display: block;}
    .dropLine{
      width: 35px;
      height: 3.5px;
      background-color: black;
      margin: 6px 0;
    }
    .dropbtn{
      visibility: visible;
      width: 45px;
      height: 40px;
      background-color: orangered;
      border: 0px solid orangered;
      color: white;
      cursor: pointer;
      margin-top: 4%;
    }
    .dropbtn:hover,.dropbtn:focus{
      background-color: rgb(255, 38, 0);
    }
    .righthead a {
      color: black;
      padding: 12px 16px;
      text-decoration: none;
      display: block;
    }
    .topcontent{
        background-image: none !important;
        margin-top: 1%;
    }
    .lefthead,.righthead{
        margin-top: 5%;
        
    }
    #headdetails{
        margin-top: 2%;
    }


    /*Latest blog section*/
    .hashtag{
      visibility: hidden;
      display: none;
        
    }
    
    .view{
        margin-left: 43%;
        margin-top: 1.5%;
    }
    .blogsimg{
        margin-left: 0px;
        margin-top: 3%;
    }
    .blogslist{
        width: 100%;
        margin-left: 5%;
        box-shadow: none;
    }

    .blogs{
        flex-direction: column;
        
        margin-top: 3.5%;
    }
    .vl{
      visibility: hidden;
      display: none;
    }
    .exmore{
        margin-top:9.2%;
    }
    .blog-head{
        
        font-size:medium;
        margin-left: 11.7%;
        text-align: center;
    }
    .blog-details{
        font-size:small;
        margin-left: 7%;
        text-align: center;
    }


    /* blog section*/
    .carousel-section {
        width: 100%;
        margin-left: 5%; 
        top: 50px;
        align-items: center;
        padding-bottom: 3%;
      }
    .slideshow{
        max-width: 1000px;
      position: relative;
            
    }
    #slide2,#slide3{
      display: none;
    }
    

    /*Instagram feeds section*/
      .feeds{
        width: 100%;
        margin-left: 5%;
        top: 80px;
    }


      /*Subscription DIv*/
      .subscription{
          margin-top: 40%;
          width: 100%;
      }
      #newBlog{
        margin: 0px;
    }
      .details{
        margin-top: 2%;
        text-align:center;
      }
      #email{
          width: 180px;
       }


    /*Footbar Nav*/
    
    .botnav-content{
      display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center;
        align-items: center;
        margin-top: 18%; 
    }
    ul{
        margin-left: -38px;
    }
}