/*
Mobile Devices
320 ------->old samsung
360 ------->All mobile  compaines
414 ------->i phone/andriod  
490------------> S-mobile Device Sizes

Tab devices
640------->tabs
768
800------->ipad
912
1024------------>M-Tab Device Sizes


Laptop And Desktop Devices
1024------->laptops
1280
1366
1920------------>Large Device Sizes*/



/* Mobile Responsive Design Start Here */
@media (min-width:320px) and (max-width:360px){

}


@media (min-width:414px) and (max-width:490px){

}

@media (min-width:602px) and (max-width:658px){

}

@media (min-width:414px) and (max-width:498px){
.sidebar{display: none !important;margin-left: 0px;}

.main-content{margin-left: 0 !important;
        width: 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
        margin: auto;
    }

.profile{display: none!important;}
.search-bar{display: none;}

.advanced{display: none!important;}
.add-customer{display: none!important;}
.Active-Designers{margin-top: 20px;}
.Total-Orders-box{margin-bottom: 20px;}
.dashbord-card{margin-bottom: 20px;}
.Pending-designers{margin-bottom: 20px;}
.Ready-To-Ship{margin-bottom: 20px;}


.add-customer-card{display: none!important;}
.card-1active-customer-card{margin-top: 20px;}}
.dropdown-ctm{display: none;}
.pagination{margin-bottom: 20px;}

/* payment mobile responsive  Start Here */
.total-revenue-box{margin-bottom: 20px!important;}
.this-month{margin-bottom: 20px!important;}
.pending-box{margin-bottom: 20px!important;}
.monthly-income-trend{margin-top: 20px!important;}
.recent-payments{margin-top: 20px!important;}
/* payment mobile responsive  end Here */


/* expenses mobile responsive  start Here */
.add-expenses{display: none!important;}
.export{display: none!important;}
.today-expenses{margin-bottom: 20px!important;}
.total-this-week{margin-bottom: 20px!important;}
.total-this-month{margin-bottom:20px!important ;}
.total-expenses{margin-bottom:20px!important ;}
/* expenses mobile responsive  end Here */





/* Mobile Responsive Design end Here */





/* Tab Responsive Design Start Here */
@media (min-width:640px) and (max-width:768px){

}


@media (min-width:800px) and (max-width:912px){

}

@media (width:1024){

}
@media (min-width:800px) and (max-width:912px){
.sidebar{display: none;margin-left: 0px ;}
 .profile{display: none!important;}
.top-nav, .main-content {
    width: 100% !important;
    max-width: 100% !important;
}
.main-content-wrapper {
        /* Matches the width of your col-2 sidebar */
        margin-left: 16.666667%; 
        width: 83.333333%;
    }
.advanced{display: none!important;}
.Total-Revenue{margin-top: 20px;}
.profile-container { /* Replace with your actual class name */
    display: none !important;
  }
.advanced{display: none!important;}
.dropdown-ctm{display: none!important;}
}

/* Tab Responsive Design End Here */




/* Laptops and Desktop Responsive Design Start Here */
@media (min-width:1025px) and (max-width:1280px){

}


@media (min-width:1366px) and (max-width:1920px){

}

@media (width:1024){
    
}


/* Laptops and Desktop Responsive Design Start Here */