@media only screen  and (max-width: 340px) {
  .suitesflow-table-section .day-filter-container, 
  .renderators-table-section .day-filter-container {
    padding-left: 10px!important;
    padding-left: 0.625rem!important;
   }
   .suitesflow-table-container th:nth-child(2), 
   .suitesflow-table-container td:nth-child(2), 
   .renderators-table-container th:nth-child(2), 
   .renderators-table-container td:nth-child(2) {
      max-width: 45vw;
   }
 }
 @media only screen and (max-width: 600px) {  
   .hidden-row-on-mob{display: none;} 
   .results-settings{display: inline-block;}
   .results-settings .page-num {
    line-height: 35px;
    line-height: 2.188rem;
   }

   .header-top {display: block;margin-bottom: 10px;margin-bottom: 0.625rem;}
   .left-side-div {box-shadow: none;background-color: transparent;}
   .nav-menu-logo-cont{display: none;}
   .side-nav-menu {
     padding-top: 10px;
     padding-top: 0.625rem;
     padding-bottom: 10px;
     padding-bottom: 0.625rem;
     background-color: #0F1113;
   }
   .side-nav-menu .group-list .list-group-item {
     padding-top: 0.5rem;
     padding-bottom: 0.5rem;
   }
   .building-filter-section{border-radius: 0;}
 
   html {
     /*font-size: 12px;*/
   } 
   body {
     /*overflow-x: hidden;*/
   }
   .header .main-title {
     margin-left: 5px;
     margin-left: 0.313rem;
     AAmargin-top: 30px;
     AAmargin-top: 1.875rem;
     font-size: 26px;
     font-size: 1.625rem;
     margin-top: 10px;
     margin-top: 0.625rem;
   }
   .header .new-project {
     margin-top: 0px;
     margin-right: 5px;
     margin-right: 0.313rem;
   }
   .side-nav-menu {
     margin-left: 20px;
     margin-left: 1.25rem;
     margin-right: 20px;
     margin-right: 1.25rem;
     border: 2px dotted #202628;
     border-top-right-radius: 20px;
     border-bottom-left-radius: 20px;
   }
 
 
   .building-filter-section {
     padding-left: 40px;
     padding-left: 2.5rem;
     margin-left: -15px;
     margin-left: -0.938rem;
     margin-right: -15px;
     margin-right: -0.938rem;
     margin-top: 20px;
     margin-top: 1.25rem;
     background-image: none!important;
     border-top-width: 2px!important;
     border-bottom-width: 2px!important;
     background-color: #0F1113!important;
     border-left-width: 0px;
     border-right-width: 0px;
   }
   .filters-container {
     margin-top: 0px;
     /*
     padding-bottom: 5px;
     padding-bottom: 0.313rem;
     */
   }
   .filters-container .label-holder{
     font-size: 16px;
     font-size: 1rem;
     padding-bottom: 0px;
   }
   .filters-container .label-holder, 
   .filters-container .buttons-container {
     padding-top: 20px;
     padding-top: 1.25rem;
   }
   .filters-container .buttons-container {
     padding-bottom: 20px;
     padding-bottom: 1.25rem;
     padding-left: 10px;
     padding-left: 0.625rem;
   }
 
 
   .renderators-table-section ,
   .suitesflow-table-section {
     PADDING-RIGHT: 0PX;
     margin-right: 4px!important;
   }
   .suitesflow-table-section .table-title ,
   .renderators-table-section .table-title { 
     margin-left: 5px;  
     margin-left: 0.313rem;
     font-size: 18px;
     font-size: 1.125rem;
   }
   .suitesflow-table-section .day-filter-container,
   .renderators-table-section .day-filter-container{
     float: none;
     padding-left: 15px;
     padding-left: 0.938rem;
     padding-left: 30px;
     padding-left: 1.875rem;
   }
   .suitesflow-table-section .day-filter-container button,
   .renderators-table-section .day-filter-container button {
     font-size: 16px;
     font-size: 1rem;
     min-width: 80px;
     min-width: 5rem;
     padding-bottom: 10px;
     padding-bottom: 0.625rem;

     padding-bottom: 20px;
     padding-bottom: 1.25rem;
     padding-top: 20px;
     padding-top: 1.25rem;
   }
   .day-filter-container {
     min-height: 65px;
     min-height: 4.063rem;
     min-height: 55px;
     min-height: 3.438rem;
   }
   .suitesflow-table-section .results-settings,
   .renderators-table-section .results-settings {
     float: left;
     margin-left: 12px;
     margin-left: 0.75rem;
     display: block;
   }


   .suitesflow-table-container th:nth-child(2), 
   .suitesflow-table-container td:nth-child(2), 
   .renderators-table-container th:nth-child(2), 
   .renderators-table-container td:nth-child(2) {
      max-width: 40vw;
   }



 }
 
 
 
 @media only screen and (min-width: 601px) and (max-width: 768px) {
   .header-top {display: block;}
   .left-side-div {box-shadow: none;}  
   .nav-menu-logo-cont{display: none;}
   .side-nav-menu {
     AAmargin-left: 20px;
     AAmargin-left: 1.25rem;
     AAmargin-right: 20px;
     AAmargin-right: 1.25rem;
   }
 
   .building-filter-section {
     padding-left: 40px;
     padding-left: 2.5rem;
     margin-left: -15px;
     margin-left: -0.938rem;
     margin-right: -15px;
     margin-right: -0.938rem;
     margin-top: 20px;
     margin-top: 1.25rem;
     background-image: none!important;
     border-top-width: 2px!important;
     border-bottom-width: 2px!important;
     background-color: #0F1113!important;
     border-left-width: 0px;
     border-right-width: 0px;
   }
 
   .renderators-table-section ,
   .suitesflow-table-section {
     PADDING-RIGHT: 0PX;
     margin-right: 4px!important;
   }
 
 }
 @media only screen and (min-width: 768px) and (max-width: 1200px) {
   .side-nav-menu .list-group-item .link-text {
     padding-right: 0px;       
     font-size: 1rem;
   }
   .side-nav-menu .list-group-item {
     padding-left: 14px;
     padding-left: 0.875rem;          
     padding-left:0;
   }
     body {
         overflow: auto !important;
     }
 }
 


 @media only screen and (min-width: 768px) and (max-width:900px) {
   html{font-size: 13px;}
     body {
         overflow: auto;
     }
 }
 @media only screen and (min-width: 913px) and (max-width:1000px) {
  html{font-size: 15px;}
     body{ overflow: hidden;}
}
@media only screen and (min-width: 1000px) and (max-width: 1200px) {
  html{font-size: 12px;}
    body {
        overflow: hidden;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1251px) {
  html{font-size: 13px;}
    body {
        overflow: hidden;
    }
}
@media only screen and (min-width: 1251px) and (max-width: 1350px) {
  html{font-size: 15px;}
    body {
        overflow: hidden;
    }
}