/* ================= DESKTOP ================= */
@media (min-width: 1025px) {
    /* reguli pentru desktop */
}


/* ================= TABLET ================= */
@media (min-width: 768px) and (max-width: 1024px) {
    /* reguli pentru tablet */
	
	
	
.servermiddle {display: none !important;}	

.actions {display: none !important;}	
	
	.forum-threads {display: none !important;}	
.forum-posts {display: none !important;}	
	
	
	
.menu-item {display: none !important;}	
.head-topbuttons {display: none !important;}		
	

	
	
	
}


/* ================= MOBILE ================= */
@media (max-width: 768px) {
    /* reguli pentru mobile */
	
	.hideon768 {display: none !important;}
		
    .navbar {
        position: absolute !important;
        top: 0;
        left: 0;
        width: -webkit-fill-available !important;
        background: var(--bg-primary);
        border-bottom: 1px solid var(--border-color);
        padding: 13px 20px !important;
        z-index: 1000;
        font-family: 'Chakra Petch', sans-serif;
        transition: background 0.3s, color 0.3s;
    }
	
	
.head-topbuttons {display: none !important;}		
	
    
.hideonmobile {display: none !important;}	
.itemx {display: none !important;}	
.menu-item {display: none !important;}
.hide-mobile{display: none !important;}	
	
	
.forum-status {display: none !important;}	

	
	
	
	
	
	
	
	
	
.undefined {display: none !important;}	
.undefined {display: none !important;}	
.undefined {display: none !important;}	
.undefined {display: none !important;}	
.undefined {display: none !important;}	
.undefined {display: none !important;}	
	
	
	
.columns {
    width: 100% !important;}	

	
.columns li {
    width: 50% !important;
    float: left;
}
	
	
.imgwtflogo {display: none !important;}		
.ribbonservers {display: none !important;}		
.serverhead1 {display: none !important;}		
}


/* ============================= */
/*   RSMALL MOBILE                  */
/* ============================= */
@media (max-width: 500px) {
    /* reguli pentru mobile */
	
.columns {
    display:none !important;}	
	.forum-threads {display: none !important;}	
.forum-posts {display: none !important;}	


.forum-main {
    min-width: 140px !important;}
.servermiddle {display: none !important;}	
.servmode {display: none !important;}	
.actions {display: none !important;}		
	
	
img.imggtbanner {
    width: 100% !important;
}	
	
.servimgx {
   margin-right: 0px !important;
}	
.online123	 {display: none !important;}	
.post-rank	 {display: none !important;}	
.post-avatar	 {display: none !important;}	
.post-user-stats {display: none !important;}	
.block-hidde-box {display: none !important;}		
.topic-subscribee	 {display: none !important;}		
	
	
	
	
}

/* ============================= */
/*   Robotel FOOTER - cred                    */
/* ============================= */



.textrobotel {
    display: block;
    left: 1.5%;
    width: 58px;
    z-index: 1 !important;
    height: 20px;
    bottom: 7.9%;
    -webkit-user-select: none;
    margin: auto;
    transition: background-color 300ms;
    position: fixed;
    text-align: center;
    border: 2px solid #01b3ff;
    border-top: 6px solid #00a1ff;
    border-left: 6px solid #191414;
    border-right: 6px solid #191414;
    border-bottom: 6px solid #00a1ff;
    animation: bell 10.5s ease-out infinite;
    border-radius: 9999px !important;
    border-style: double;
}


.text-shine {
    background: transparent url(https://upload.wtfcs.ro/images/69606467032231032627.gif);
}



/* ============================= */
/*   Back to Top Button           */
/* ============================= */
#backToTop {
    display: none;
    position: fixed;
    bottom: 40px;
    right: 40px;
    background: var(--bg-secondary);
    color: var(--color-text);
    border: 1px solid var(--border-color);
    padding: 10px 15px;
    border-radius: 50%;
    cursor: pointer;
    font-size: 18px;
    z-index: 9999;
    transition: background 0.3s, color 0.3s;
}

#backToTop:hover {
    background: #1e90ff;
    color: #fff;
}





  











