﻿@media (max-width:40em) {
    div.edit table tr td span.maximize, 
    td.maximize, th.maximize, 
    div.list-item-container.edit div.list-item.edit span.list-item-content.maximize {
        min-height: 30vh !important;
        max-height: 100vh !important;
        width:calc(100% - 20px)!important;
        left:0!important;
    }
    
}

@media screen and (max-width:62em) {
   div.cell .block .dynamic.edit-mode {
        width: calc(100% - 2px) !important;
        left:0;
        max-height:50%;
        max-height:50vh;
        padding-bottom:50vh!important;
    }
       
}

@media handheld, only screen and (max-width: 40em)
{
.lslide-checkbox:checked ~ .slide-lbody div.topcmds{
    padding-right:0em;
}
 div.cell  a.button{
    opacity:1;
}
 div.cmds-on-one-value a.singleValue {
    display:none;
    color:red;
    }
    
}

@media only screen and (max-width:62em){
    div.googlemap.maximize
    {
        width:98%;
        margin:5px 1%;
    }
}
@media only screen and (min-width:40em) and (max-width:62em)
{
    div.googlemap.maximize
    {
        width:198%;
        margin:5px 1%;
    }

}

/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) {
  
  
}

/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 768px){
  
  div.cell textarea.description, div.cell textarea, div.cell  textarea.summary {
        height: 520px!important;
    }  
}

@media (min-width: 1025px) and (max-width: 1280px) {
  
}

/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {
  
}

/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  
  //CSS
  
}

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {
  
  //CSS
  
}

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {
  
  //CSS
  
}