.mycamp-main-header{position: fixed;width: calc(100% - 202px);left: 202px;top: 0; min-height:120px; border-bottom:1px solid #eee; z-index:1;}  
.DADAUDATADA{ position: absolute;width: 100%;min-height:50px;left:5%; top:5%; padding: 10px;overflow: hidden;}
.DADAUDETALDA{display:flex;align-items:center;gap: 20px; width: 100%; height: 100%;position: relative; }
.DADAUDETALDA .boxx{width:100px;height:80px;border-radius:10px; overflow: hidden;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}.DADAUDETALDA .boxx img{width:100%; height:100%;cursor: pointer;}
.DADAUDETALDA .boxx:hover{opacity:0.9;box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);}
.namediv{display: flex;flex-direction: column;}.namediv h2{ margin:10px 0;top:0; font-size:25px;color: #555;white-space: nowrap;}
.naam{display: flex;align-items: center;width: 100%;gap:20px;}.namediv .count{display:flex; align-items:center;font-size:12px; gap:5px;}
 
.Mycamp_cantainer{width: 80%;height:100%;margin: 0 auto;position: relative;transition: all 0.5s;}
.my-camp-feed{display: grid;grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));gap: 10px;padding:10px 20px;width: 100%;} 
  
.no-data-found{position: absolute;padding: 50px;width: 100%;margin: 10px auto; background: #fff;box-shadow:0 0 5px rgba(0, 0, 0, 0.1);text-align: center; }
.no-data-found svg{width: 80px;height: 80px;opacity: 0.7;}
.no-data-found h2, .no-data-found p{padding:6px 0;}
.action-buttons{ position: absolute; right: 0; display: flex; align-items: center;} .action-buttons button{background: transparent;border: 0;border-radius: 3px;}
.action-buttons a{text-decoration: none;border-radius: 3px;fill: #555;} .action-buttons button:hover{fill: #b10b0b;background: #eee;cursor: pointer;} .action-buttons button svg{width: 15px;height: 15px;cursor: pointer;}

.more-whatsapp{display: flex;align-items:center;gap: 10px;margin: 0 20px;}.more-whatsapp button{cursor: pointer;padding:4px;border: 1px solid #333;background: transparent;border-radius: 3px;font-size: 10px;}.more-whatsapp button:hover{color: #b10b0b;border-color: #b10b0b;}
 
.camp-description-popup-overlay {position: fixed;left: 0;top: 0;width: 100%;height: 100%; background: rgba(0, 0, 0, 0.3);z-index: 9999;}
.main-desc-popup {position: fixed;top: 50%;left: 50%;padding: 30px; transform: translate(-50%, -50%);background: #fff;width: 100%;min-height: 300px; max-height:600px;max-width: 1000px ;color: #555;z-index: 1000;}
.camp-description-popup {position: relative;overflow-y: auto;max-height: 40vh;}  
.camp-desc-popup-header {display: flex;align-items: center;justify-content: space-between;width: 100%;height: 45px; position: relative;padding:0px 10px;}.camp-desc-popup-header button{width: 30px;height: 30px; border: 0;cursor: pointer;font-size: 25px;margin-bottom: 10px;}.camp-desc-popup-header button:hover{color: #b10b0b;}
.camp-desc-popup-header::after {content: ""; position: absolute; left: 0; bottom: 0; width: 100%;  height: 2px;  background: linear-gradient(to right, #b10b0b, #555); z-index: 1;   }
.camp-desc-popup-header strong {font-size: 1.4em;}

.camp-u-data-da p {font-size: 1em;margin: 20px 0;line-height: 1.5em;}
.copy-button{display: flex;align-items: center;gap: 10px;}.copy-button button{cursor: pointer;} .copy-button button svg{width: 20px;height: 20px;} .copy-button button:hover{fill: #b10b0b;border-color: #b10b0b;}
.all-data-counts{display: flex;flex-wrap: wrap; align-items: center;gap: 20px;}.all-data-counts p{background: rgba(200, 0, 0, 0.3);padding:10px 20px;cursor: pointer;border-radius: 5px;}.all-data-counts p:hover{box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);}
.main-desc-popup label{margin: 20px 0;}.meesage{background: #b10b0b;color: #fff;}
.social-data-counts{padding: 30px 0;} .social-data-counts strong{margin: 20px 0;}.camp-datetime{padding:20px 0;}.camp-datetime strong{margin-bottom: 20px;}

.nav-menu{list-style: none; display: flex;position: absolute; right: 15%;bottom: 0;width: 100%;max-width: 500px;}
.nav-item {width: 100%;max-width: 100px;text-align: center; cursor: pointer;position: relative; font-weight:600;}.nav-item:hover{color: #b10b0b;fill: #b10b0b;}

.indicator{position: absolute;bottom: 0; height: 2px;background: #b10b0b;color: red;transition: transform 0.3s ease, width 0.3s ease;}.nav-item.active { color: #b10b0b;}

.my-camp-top-wraper-div{position: fixed;width:calc(100% - 202px);height: 100%;left: 202px;top: 0px;background: #fff;transition: all 0.5s;} 
.cam-main-vids-div{position: absolute; width: 100%;height: calc(100vh - 120px);top: 122px; overflow-y: auto;scroll-behavior: smooth;}
.dropdown { position: absolute;right:300px;bottom: 0;}.dropdown-content {display: none; position: absolute;background: #fff;min-width: 160px;padding:10px;border-radius: 10px;box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.5);z-index: 9999;}
.dropdown-content .booox{display: flex;align-items: center; width: 100%;overflow: hidden;fill: #b10b0b;}
.dropdown-content .booox input{padding: 10px;border:0; border: 1px solid #eee; outline: none;border-radius: 5px 0px 0px 5px ;}.dropdown-content .booox input:hover{border: 1px solid #b10b0b;}
.dropdown-content .booox button{padding:5px 10px;border: 2px solid #eee;cursor: pointer;border-radius: 0px 5px 5px 0px ;}
.dropdown-content button:hover {background: #b10b0b; color:#fff; fill: #fff;border-color: #b10b0b;}#search-data-error{color: red;} #myDropdown.show{ display: block; }
.SEARCHBTN svg{width: 20px;height: 20px;}.Upload-btn-da{background: #b10b0b;color: #fff;padding: 10px 20px;cursor: pointer;border-radius: 3px;border:0;margin-top: 20px;}.Upload-btn-da:hover{box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);}

.share-btn{width:100%;height:200px;display:flex;flex-direction:column;gap: 20px;border:1px solid #eee;margin-bottom:100px; align-items:center;justify-content:center;}
.share-btn button{padding: 10px 30px;background: rgba(255, 0, 0, 0.3);color:#555; border:0;cursor: pointer;font-weight:900;}
.share-btn button:hover{background:#b10b0b;color:#fff;}
 
/* Upopoverlay Styles */
.Upopoverlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);z-index: 999;} 
.update-pop-da {position: fixed;left: 10px;top: 13%;border-radius: 10px;background: white;padding: 50px;width: 100%;max-width: 500px;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);display: flex;flex-direction: column;gap: 20px;overflow: hidden;}
.update-pop-da h2 {margin: 0;text-align: center;border-bottom: 2px solid #b10b0b;padding:5px 0;} 
.update-pop-da input[type="file"] {display: none;}.update-pop-da .text{font-size: 12px;display: flex;flex-direction: column;gap: 10px;}
.update-pop-da label {background: #eee;padding: 10px;cursor: pointer;text-align: center;display: block;font-weight: 600;}
.update-pop-da label:hover, .pop-upd-btns button:hover{background: #ccc;transition: all 0.5s ease-in-out;}
.pop-upd-btns{display: flex;align-items: center;gap: 20px;float: right;}
.pop-upd-btns button {padding: 8px 16px;border-radius: 4px;cursor: pointer;font-size: 14px;background: transparent;border: 1px solid #b10b0b;} 
.Upopoverlay.show {display: block;}
.img-preview-div{position: relative;width: 100%;max-width: 300px;height: 220px;border: 1px solid #eee;border-radius: 20px;overflow: hidden;margin: 0 auto;}
.img-preview-div .preview-img {position: absolute;left: 0;top: 0;width: 100%;height: 100%; object-fit: cover;display: none;}
.img-preview-div .hint-text{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);font-size: 16px;}
.e-m-da {color: #dc3545;font-size: 14px;text-align: center;margin-top: 10px;}

.loader-text-0, .loader-text, .loader-btn-2, .loader-btn, .loader-img {position: relative;overflow: hidden;background: #e0e0e0;color: transparent;border-radius: 4px;border: none;}
.loader-img{width: 60px;height: 60px;border-radius: 0%;display: block;}
.loader-text{display: inline-block;height:20px;min-width: 60px;margin: 6px 0;line-height: 1.5em;}
.loader-text-0{display: inline-block;height: 10px;min-width: 40px;margin: 6px 0;line-height: 1.2em;} 
.loader-btn{height: 28px;min-width: 80px;}
.loader-btn-2{height: 20px;min-width: 30px;} 
.loader-text::before, .loader-btn::before, .loader-text-0::before, .loader-btn-2::before, .loader-img::before {
  content: "";
  position: absolute;
  top: 0; left: -150px;
  height: 100%; width: 150px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.5), transparent);
  animation: shimmer 1.5s infinite;
} 
@keyframes shimmer {0%{left: -150px;}100% {left: 100%;}}
     
@media (max-width:515px) {.update-pop-da{padding: 20px;left: 0px;}.pop-upd-btns button{padding:5px 10px;font-size: 10px;}.update-pop-da h2{font-size: 16px;}.update-pop-da label {font-size: 12px;}}  
@media (max-width:1024px){.DADAUDATADA{left: 2%;}.DADAUDETALDA{gap: 10px;}::-webkit-scrollbar{display: none;}
.my-camp-top-wraper-div{width:calc(100% - 0px);left: 0px;}
.mycamp-main-header{width:calc(100% - 0px);left:0px;top: 50px;}
.cam-main-vids-div{top: 171px;}
}
@media screen and (max-width:768px) {
.nav-menu{right: 0;}.nav-menu .nav-item{padding: 0 10px;font-size: 14px;}
.DADAUDETALDA .boxx{width: 60px;height: 60px;}
.camp-description{font-size: 8px;margin: 0 10px;}
.namediv h2{font-size: 16px;}.naam{gap: 5px;}
.camp-desc-popup-header{padding: 0 5px;}
.camp-description-popup {padding: 30px 0;}
#userDataContainer{padding: 0 5px;} 

}
@media screen and (min-width:10px) and (max-width:320px) {
.nav-menu{right: 0;}.nav-menu .nav-item{padding: 0 5px;font-size: 12px;} 
.DADAUDETALDA .boxx{width: 40px;height: 40px;}
.camp-description{font-size: 8px;margin: 0 5px;}
.namediv h2{font-size: 12px;} 
.camp-desc-popup-header{padding: 0 5px;}
.camp-description-popup {padding: 30px 0;}
#userDataContainer{padding: 0 5px;}
.more-whatsapp{gap: 0px;margin: 0px;}.more-whatsapp button{padding: 2px;font-size:8px;}
}
@media screen and (min-width:75px) and (max-width:600px) {
.nav-menu svg{width: 15px;height: 15px;}
.my-camp-feed{padding: 5px 2px;grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));} 
.Mycamp_cantainer{width: 100%;}.shortsDiv{padding: 5px 0;}
.no-data-found{padding: 50px 30px;}.no-data-found svg{width: 50px;height: 50px;}.no-data-found h2{font-size: 15px;}.no-data-found .Upload-btn-da{font-size: 10px;}
}
@media screen and (min-width:601px) and (max-width:1050px) {
    .Mycamp_cantainer{width: 100%;}}
@media (max-width:500px){ .copy-button{gap: 5px;}.shortContainer{padding: 0px;}
    .camp-shorts-Container{padding: 0 1px;gap: 5px;}
    .shortsDiv{margin-top: 5px;}.short-heading {padding: 5px;}
    .mycamp-main-header{width:calc(100% - 0px);left:0px;top: 40px;min-height: 100px;}
    .my-camp-top-wraper-div{width:calc(100% - 0px);left: 0px;}
    .DADAUDATADA{ position: absolute;width: 100%;min-height:50px;left:5%; top:5%; padding: 5px;}
    .DADAUDETALDA .boxx{width: 50px;height: 50px;}
    .cam-main-vids-div{top: 137px;}
}