.filter_buttons{position: relative;left:0; top: 0px;width: 100%;height: 50px;display: flex;align-items: center;gap:20px;justify-content: center;z-index: 9;}
    .filter_buttons button{padding: 5px 15px;border: 0;cursor: pointer;background: #eee;border-radius: 2px;font-weight: bold;transition: background 0.5s ease-in-out;}
    .filter_buttons button:hover, .filter_buttons button.active{background: #b13b0b;color: #fff;} 
    
    .camp-brand-feed {width: 100%;max-width: 500px;height: 100%; display: flex;flex-direction: column; gap: 10px;padding: 20px;margin:10px auto;}  
    
    .short_mainvideo{display: flex;flex-direction: column; width: 200px;height: 350px;border-radius: 10px;}
    .yt_shorts_box{width: 200px; height:calc(100% - 60px);position: relative;background:#333;border-radius:10px;overflow: hidden;}.short_mainvideo .info h2{width:100%;max-width: 45%; white-space:nowrap; overflow: hidden; text-overflow: ellipsis;}
    
    .CAMP-DATA{display: flex;align-items: center;position: relative;gap: 20px;margin-bottom: 20px;border: 1px solid #eee;border-radius: 10px;padding: 20px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);}
    .CAMP-DATA:hover{transform: scale(1.02);transition: all 0.5s;}
    .CAMP-DATA img{width: 100px;height: 100px;cursor: pointer;border-radius: 10px;}.CAMP-DATA img:hover{box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
    .loading_Preloader{width: 100%;text-align: center; border: 1px solid #eee;padding: 10px 0;border-radius: 10px;} 
    #scrollToTopBtn{padding:5px; background:#fff;border:1px solid #eee;cursor: pointer;position: fixed;right:10px;bottom: 10px;border-radius:5px;color:#b10b0b; fill:#000;display: none;}
    #scrollToTopBtn:hover{color:#fff;background:#b10b0b; fill:#fff;transition:0.3s;}
   
    @media screen and (max-width: 768px){
    ::-webkit-scrollbar{display: none;} .filter_buttons{gap: 5px;} .filter_buttons button{padding: 5px 10px;font-size: 10px;border-radius: 5px;}
    .info {padding: 5px;}.info p {font-size: 12px;}.info img {width: 20px;height: 20px;}
    }
    @media screen and (max-width: 500px){ 
    .filter_buttons button{padding: 3px 5px;font-size: 8px;border-radius: 3px;}.m-query-con-div-da{height: calc(100vh - 41px);top: 41px;}
    }
    @media screen and (max-width: 600px){
        .camp-brand-feed{padding: 0 2px;gap: 5px;}
    }