@media (min-width: 1920px) {

	
}

/* Normal desktop :1170px. */
@media (min-width: 1170px) and (max-width: 1349px) {	

	
	
	

}

/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1169px) {	
    .owl-carousel .owl-nav button.owl-next {
        right: 0;
        background: #ffffffc9;
    }
    .stc-card-item-info ul li p{
        padding: 5px 0px;
    }
    .stc-card-item-title {
        padding: 10px 2px;
    }
    .stc-card-item-title h4 {
        font-size: 11px;
    }
    .stc-card-item-title h3{
        font-size: 25px;
    }
    .stc-card-item-info {
        padding: 6px 5px;
    }
    .main-sec-title {
        margin-bottom: 10px;
    }
    .profile-box h5{
        display: none;
    }
    .profile-box .dropdown-menu {
        left: auto;
        right: 0;
    }
    .sidebar{
        height: 100%;
    }
}


/* Tablet desktop :768px. */
@media (min-width: 992px){
}
@media (min-width: 768px) and (max-width: 991px) {
    .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
        padding-left: 5px;
        padding-right: 5px;
    }

}

/* small mobile :320px.  */
@media (max-width: 767px) {
    body{
        padding: 0 7px;
    }
    .xs-hidden{
        display: none;
    }
    .lg-hidden{
        display: block;
    }
    .padd-50 {
        padding: 20px 20px;
    }
    .padd-40 {
        padding: 20px 20px;
    }
    .stc-cards-list {
        display: block;
    }
    .sidebar.mn-close ~ .main-content {
        width: 100%;
    }
    .page-content {
        margin: 0 0;
    }
    .sidebar.mn-close {
        width: 0;
    }
    .sidebar.mn-close ~ .main-content .fixed {
        width: 100%;
    }
    .sidebar.mn-close .logo-box {
        display: none;
    }
    .navbar-search {
        width: auto;
    }
    .sidebar.mn-close .navbar-search{
        display: none;
    }
    .navbar-search{
        padding: 10px 10px 0 10px;
    }
    .fixed.header-card  {
        width: calc(100% - 255px);
        padding: 8px 5px 8px 0px !important;
    }
    #myChart {
        width: 300px !important;
        height: 300px !important;
    }
    .noti-dropdown .btn {
        padding: 3px;
        margin: 0 5px;
    }
    .select-languages .dropdown .btn {
        font-size: 14px;
        width: 82px;
        padding: 5px 5px;
    }
    .no-lb {
        top: -8px;
        left: -6px;
    }
    .noti-main-box {
        left: -170px;
        right: 0;
        /* width: 100%; */
    }
    .messages-dropdown .dropdown-menu{
        left: -162px;
    }
    .messages-dropdown .dropdown-menu:after{
        right: 142px;
    }
    .notification-dropdown .dropdown-menu{
        left: -200px;
    }
    .notification-dropdown .dropdown-menu:after{
        right: 103px;
    }
    .test-dropdown .dropdown-menu{
        left: -240px;
    }
    .test-dropdown .dropdown-menu:after{
        right: 63px;
    }
    .profile-box a h5 {
        display: none;
    }
    .mian-header-section {
        padding: 5px 12px 10px;
    }
    .flex-l {
        width: 100%;
        justify-content: flex-end;
    }
    /* .sidebar .menu-nav-icon{
        position: absolute;
        left: 31px;
        z-index: 9;
    } */
    .sidebar ~ .menu-nav-icon {
        width: 100%;
    }
    .fixed.header-card{
        padding: 8px 0px 8px 5px !important;
        position: fixed;
        top: 0px;
        left: 0;
        z-index: 999999;
        width: 100%;
        background: #fff;
    }
    .sidebar {
        top: 65px; 
        overflow-y: auto;
        height: 100vh;
        position: fixed;
        /* height: auto; */
    }
    .main-content {
        width: 100%;
        top: 0;
        left: 0;
    }
    .sidebar .nav-links {
        overflow: initial;
        height: auto;
        padding-bottom: 70px;
    }
    .fc .fc-toolbar-title {
        font-size: 16px;
        font-weight: 600;
    }
    .stc-card-item:not(:last-child) {
        margin-right: 0;
    }
    .copyRights p {
        text-align: center;
        font-size: 12px;
    }
    .task-table-box tbody tr td {
        font-size: 13px;
    }
    .bg-overlay-gradient {
        width: 100%;
        left: 0;
    }
    .profile-box h5{
        display: none;
    }
    .profile-box .dropdown-menu {
        left: auto;
        right: 0;
    }
    .sidebar{
        height: 100%;
    }
}
/* Large Mobile :480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {

    .matches-tabs .nav-link {
        padding: 5px 22px;
    }
    
}
/* iPhone 5/SE */
@media (max-width: 350px){
}
/*  W: 352  My Mobile*/

/* iPhone 5/SE */
@media (max-width: 300px){

    
}