@media screen and (orientation:landscape) {
}
 @media only screen and (hover: none) and (pointer: coarse){
}
 @media screen and (max-width: 1024px) {
 	

 	
}
 @media screen and (max-width: 812px) {
     HTML, BODY {
        min-height:100%;
    }
     #col1{
        height:100%;
        overflow: hidden;
         overflow-y: auto;
    }
}
 @media screen and (max-width: 420px){
     #session{
         width:100%;
         height:100%;
         overflow:hidden;
         padding:0;
         border:0;
         margin:0;
    }
     .login_left{
         width: 100%;
         height: 100px;
         padding: 0;
         float: none;
    }
     .login_right{
         width: 100%;
         height: 100%;
         padding: 0;
         float: none;
         border: 0;
         margin: 0;
         position: absolute;
         top: 100px;
         bottom: 0;
         left: 0;
         right: 0;
    }
     .logo{
         background-image: url(../images/logo_splash.png);
         width: 100px;
         height: 100px;
         background-repeat: no-repeat;
         background-size: 100%;
         margin: auto;
         position: absolute;
         right: 0;
         left: 0;
         top: 10px;
         z-index: 100;
         border-radius: 4px;
         overflow: hidden;
    }
     #login1{
         width: calc(100% - 20px);
         height: calc(100% - 120px);
         border-radius: 4px;
         margin: auto;
         position: absolute;
         left: 5px;
         right: 5px;
         top: 5px;
    }
     #splash_logo{
         width: calc(100% - 128px);
    }
		#splash {
		    background-position: 33% 0%;
		}    
     #col1 {
         width: 90px;
    }
     #col2, #col3 {
         width: 100%;
         left: 0px;
    }
     #content {
         left: 90px;
    }
     #loading_anim{
         margin-left: -32px;
    }
     .icon {
         width: 72px;
         height: 70px;
    }
     .inner {
         width: 100%;
         padding: 15px;
         padding-left:4px;
         padding-right:4px;
    }
     .datatable table, .icon_left, .separator{
         width: calc(100% - 6px);
    }
     #col2 form,.indextable{
         padding-right:6px;
    }
     .scroll, .datatable, .datatable table td {
         left: 4px;
         right: 0px;
    }
     .message_to {
         width: calc(100% - 50px);
         margin-right: 0px;
    }
     .message_from {
         width: calc(100% - 50px);
         margin-left: 0px;
    }
     .message_to_wrapper .icon_text, .message_from_wrapper .icon_text {
         width: 50px;
         white-space: normal;
         word-break: break-word;
    }
     .message_from_wrapper, .message_to_wrapper{
         min-width:100%;
         max-width:100%;
    }
     .message_to_date {
         width: calc(100% - 50px);
    }
     .message_from_wrapper .message_to_date {
         float: left;
    }
     .message_to_wrapper .message_to_date {
         float: right;
    }
     #messages_sse_feed td{
         padding-left:2px;
         padding-right:2px;
    }
     #chatresponse td.chatbox{
         display: block;
         width: calc(100% - 60px);
         height: 100%;
         position: absolute;
    }
     #chatresponse td.chattemplate{
         display: block;
         width: 100%;
         height: 46px;
         position: absolute;
         top: 0;
         right: 0;
    }
     #chatresponse td.chatsend{
         display: block;
         width: 100%;
         height: 46px;
         position: absolute;
         bottom: 10px;
         right: 0;
    }
     .send, .template{
         float: right;
         width: 50px;
         height: 32px;
    }
     #chatresponse td{
         position: absolute;
         right: 0;
         width: 100%;
    }
     .chatlogscroll{
         overflow: hidden;
         overflow-y: hidden;
    }
     .photo_thumbnail{
         width:100%;
    }
     .datatable th,.datatable td{
         display:block;
         width: 100%;
    }
     .datatable:not(.chatlogscroll) tr td:nth-child(1){
         width: 33%;
         float: left;
         word-break: break-word;
    }
     .datatable:not(.chatlogscroll) tr td:nth-child(2){
         width: 67%;
         float:left;
         word-break: break-word;
    }
     .datatable:not(.chatlogscroll) tr td:nth-child(3){
         width: 67%;
    }
     .datatable:not(.chatlogscroll) tr td{
         width: 50%;
         float:left;
         word-break: break-word;
         padding:4px;
         padding-left:4px;
         padding-right:4px;
         font: 400 8.5pt "Montserrat";
         line-height: 32px;
         border-top: 1px solid #2a2a2a;
    }
    
    #inc_products tr td:nth-child(3){
    	 width: 50%;
    }
#shopping_list tr td:nth-child(3){
         width: 100%;
    }
#shopping_list tr td .row_qty{top:2px;}    
    
    #inc_products .row_file{height:auto;}
    
    #inc_orders .row_file{height:auto;}
    

    
     .row_detail,.row_description{
         height:100%;
         padding:0;
    }
     .row_file{
         height:40px;
    }
     .row_title{
         height: auto;
         word-break: break-word;
         white-space: normal;
    }
     .row_file_title{
         height: auto;
         line-height: inherit;
    }
     .row_file_icon{
         background-position: right;
    }
     .row_file_icon{
         width: 32px;
         height: 32px;
         background-size: 25px;
    }
     .row_file_title {
         min-width: calc(100% - 32px);
         max-width: calc(100% - 32px);
    }
     .Sorter {
         line-height:25px;
    }
     .row_description{
         max-height: 74px;
    }
     #inc_address .row_description{
         min-height: auto;
         max-height: auto;
    }
     #inc_whatsapp_answers tr td:nth-child(3), #inc_background_promotion tr td:nth-child(3){
         width:100%;
    }
     #inc_address tr td:nth-child(3){
         width:100%;
    }
     #inc_translations td{
         width: 33%;
         height: 32px;
         overflow: hidden;
         word-break: normal !important;
         white-space: nowrap;
         text-overflow: ellipsis;
         line-height: 24px !important;
         font: 400 8.5pt "Montserrat";
    }
     #inc_translations td:nth-child(1),#inc_translations td:nth-child(2),#inc_translations td:nth-child(3){
        color: #fff;
         font-weight: 400;
    }
     #inc_translations td:last-child{
        width:100%;
        text-align:center;
    }
     #inc_whatsapp_profile tr td:nth-child(3), #inc_background_promotion tr td:nth-child(3){
         width:100%;
    }
     #inc_whatsapp_templates tr td:nth-child(3), #inc_whatsapp_templates tr td:nth-child(3){
         width:100%;
    }
     #inc_calendar tr td:nth-child(3), #inc_calendar tr td:nth-child(4),#inc_calendar tr td:nth-child(5){
         width:100%;
    }
     #inc_calendar tr td:nth-child(6), #inc_calendar tr td:nth-child(7){
         width:50%;
    }
     .iconmini {
         width: 28px;
         height: 20px;
         background-image: none;
    }
     .datatable thead{
         display:none;
    }
     .norecords{
        width:100% !important;
    }
    


    
    
}