@media only screen and (max-width: 767px) {
    .story-post {
    padding: 20px 0;
}
    .about-us-home-bg {
   
        height: 50vh;
        background-position: center;
    }
    .bordered{
        border-bottom: none;
        padding-bottom: 0;
    }
    .readmore-home{
        border-bottom: 1px solid rgba(0, 0, 0, 0.4);
        padding-bottom: 40px;
        display: block;
    }
    .more-videos-btn {
      
        margin-top: 0px;
       
    }
    .about-contact-link {
         
        text-align: left;
    }
    #searchForm-home {
        display: block;
        padding: 0px 10px 20px 10px;
       
    }
    #searchForm-home input{
        border-radius: 100px;
        height: auto;
    }
    #searchForm-home .search-submit{
        border-radius: 100px;
        width: 100%;
        font-size: 22px;
        height: 55px;
    }
    #searchForm-home  ::placeholder{
      
    font-size: 16px;
   
    
    
    }
   
    .single-post-content{
        padding-right: 0px;
    }
    .siteheader h1 {
       
      
        font-size: 40px;
        line-height: 50px;
       
    }
    
    .get-in-touch{
        font-size: 35px;
        line-height: 45px;
    }
    .contact-main-heading, .follow-us-heading{
        font-size: 30px;
        line-height: 40px;
    }
    #footer-form #gform_2{
        display: block;
        padding: 10px 15px 40px 15px;
    }
    #footer-form #input_2_1, #footer-form #gform_submit_button_2 {
       
        border-radius: 100px;
        height: 60px;
        margin-bottom: 15px;
        width: 100%;
       
    }
    .survey-h-new {
        font-size: 20px;
    }
    .single-post-right-box {
        padding: 0px 0px;
    }
    .single-post-title {
       
        font-size: 25px;
        line-height: 35px;
        margin-top: 30px;
        
        
    }
    
      .story-post img{
        margin-bottom: 20px;
      }
      .small-cate-div {
  
    height: auto !important;
}
      #our-films-blue-box.single-post-left-box{
      
        display: block;
        padding: 20px;
      }
      .chapter-btns{
            margin-top: 2px;
                   border: none !important;
      }
      .search-icon img{
        width: 22px;
      }
      body, html{
            overflow-x: hidden;
      }
      .chapter-div-box{
        margin-top: 30px;
        justify-content: start !important;
      }
      .category-grid {
    padding-top: 10px;
}
    .single-post-left-box.active {
       
        padding: 20px;
    }
    .men-chapters-btn{
    background: #7A99C0;
    color: #fff !important;
}
.you-chapters-btn{
    background: #B8A1E9;
    color: #fff !important;
}
.body-chapters-btn{
    background: #649574;
    color: #fff !important;
}
.sti-chapters-btn{
    background: #F7BA37;
    color: #fff !important;
}
.sex-chapters-btn{
    background: #e6de00;
    color: #fff !important;
}
.drugs-chapters-btn{
    background: #C35168;
    color: #fff !important;
}

.chapter-btns img{
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(339deg) brightness(103%) contrast(103%)
}
}
@media only screen and (max-width: 992px) {
    body{
        
        padding-top: 90px;
    }

    .desktop-header{
 display: none;
    }
    .about-contact-link {
         
     text-align: center;
 }
 .mobile-logo{
     height: 50px;
 }
 .search-icon {
     width: 100% !important;
 }
 .footer-bluu-bg-p {
    padding: 50px 15px 30px 15px;
}
.front-module {
    padding: 60px 0px 0px 0px;
}

.latest-stories-section{
    padding: 60px 0px;
}
.h-latest-film {
    padding: 40px 0px 30px 0px;
   
    font-size: 40px;
   
}
.h-latest-story {
    margin-bottom: 60px;
    
    font-size: 40px;
    
}

.survey-bg{
    padding: 60px 0px 0px 0px;
}
.latest-film-home {
   
    padding: 0px 0px 60px 0px;
}

.hero-section-home h1 {
    
    font-size: 35px;
    line-height: 45px;
    
    padding-bottom: 0px;
    
}
#site-navigation{
    display: none;
}
.contact-section {
    padding: 40px 0px;
}
.contact-form-box {
    margin-top: 30px;
    padding: 30px 20px;
}
#footer-form #gform_2{
  
    padding: 10px 15px 40px 15px;
}
.survey-h-new {
    font-size: 20px;
}
 }

 @media only screen and (min-width: 776px) and (max-width: 992px){
    .story-post {
        padding: 20px 0;
    }
    .single-post-right-box {
        padding: 40px 0px;
    }
    .single-post-content {
        padding-right: 0px;
        font-size: 14px;
        line-height: 20px;
    }
    .single-post-left-box {
        padding: 40px 15px;
       
    }
    .single-cat-title {
       
        font-size: 15px;
        line-height: 20px;
        
    }
    .single-post-title {
       
        font-size: 25px;
        line-height: 32px;
       
        margin-bottom: 20px;
        
    }
}

 @media only screen and (min-width: 992px) and (max-width: 1330px){
    #custom-mobile-menu .menu li.menu-item-has-children > a::after {
        
        left: 10px !important;
    }
    .about-contact-link {
       
        font-size: 15px;
        
    }
    .footer-bluu-bg-p {
        padding: 80px 20px 30px 20px;
    }
    .privacy-links ul, .privacy-links ul li a{
        font-size: 13px;

    }
    .contact-form-box {
       
        padding: 50px 20px;
    }
    #footer-form #gform_2{
  
        padding: 10px 15px 0px 15px;
    }
    .survey-h-new {
        font-size: 20px;
    }
 }



 @media only screen and (min-width: 992px){
     .mobile-header{
         display: none;
     }
     
 }
 
    @media (min-width: 1200px) {
     .container, .container-lg, .container-md, .container-sm, .container-xl {
         max-width: 1400px;
     }
     .latest-stories-section .container{
         max-width: 1160px;
     }
     
 }