@media only screen and (max-width: 999px) {
    
    /* bestiar */
    div.g3bestiar-detail div.image { 
        margin-bottom: 1rem; 
    }

    div.g3bestiar-detail div.image img { 
        display: block; 
        width: 100%; 
        height: auto; 
    }

    div.g3npc-detail div.image img { max-width: 1000px !important; }

    
    
    /* predmety */
    div.predmety-detail .image { width: 100%; text-align: center; margin: 1rem 0; } 

    /* dovednosti, vyuziva layout predmetu */
    div.predmety-detail.g3-dovednosti .image img { width: 50%; max-width: 200px; }
  
    /* jednorucni */
    div.predmety-detail.g3-jednorucni-zbrane .image img { width: 100%; }
    
    /* obourucni */
    div.predmety-detail.g3-obourucni-zbrane .image img { width: 100%; }
       
    /* hole */
    div.predmety-detail.g3-hole .image img { width: 100%; }
       
    /* luky */
    div.predmety-detail.g3-luky .image img { width: 100%; }
       
    /* kuse */
    div.predmety-detail.g3-kuse .image img { width: 100%; }
       
    /* helmy */
    div.predmety-detail.g3-helmy .image img { width: 50%; }

    /* stity */
    div.predmety-detail.g3-stity .image img { width: 70%; }

    /* zbroje */
    div.predmety-detail.g3-zbroje .image img { width: 50%; max-width: 400px; }
       
    /* amulety */
    div.predmety-detail.g3-amulety .image img { width: 50%; max-width: 200px; }
           
    /* prsteny */
    div.predmety-detail.g3-prsteny .image img { width: 50%; max-width: 200px; }
           
    /* trofeje */
    div.predmety-detail.g3-trofeje .image img { width: 50%; max-width: 200px; }
           
    /* teleporty */
    div.predmety-detail.g3-teleporty .image img { width: 50%; max-width: 200px; }


    div.g3lokace > div {
        width: 50%;
        padding: 0.2rem 0; 
        padding-left: 5%;
        float: left; 
    } 

    div.g3lokace > div img {
        display: block;
        float: left;
        width: 2rem;
        margin-right: 0.5rem; 
    } 

    div.g3lokace > div span {
        display: block;
        float: left;
        padding-top: 0.4rem;
    } 



      

    ul.g3-lokace-side {
        margin: 2rem 0 0 0 !important; 
        padding: 0;
    } 

    ul.g3-lokace-side li {
        list-style-type: none;
        display: block;
        float: left;
        width: 33%;
    } 

    ul.g3-lokace-side li a {
        display: block;
        padding-left: 1.5rem;
        padding-top: 0.1rem;
        padding-bottom: 0.1rem;
        background-repeat: no-repeat;
        background-size: 1rem 1rem;
        background-position: left center;
    } 
      
    ul.g3-lokace-side li a.prehled { background-image: url("/images/g3/lokace/icons/hlavni.gif"); font-weight: bold; }
    ul.g3-lokace-side li a.al-shedim { background-image: url("/images/g3/lokace/icons/al-shedim.gif"); }
    ul.g3-lokace-side li a.ardea { background-image: url("/images/g3/lokace/icons/ardea.gif"); }
    ul.g3-lokace-side li a.bakaresh { background-image: url("/images/g3/lokace/icons/bakaresh.gif"); }
    ul.g3-lokace-side li a.ben-erai { background-image: url("/images/g3/lokace/icons/ben-erai.gif"); }
    ul.g3-lokace-side li a.ben-sala { background-image: url("/images/g3/lokace/icons/ben-sala.gif"); }
    ul.g3-lokace-side li a.braga { background-image: url("/images/g3/lokace/icons/braga.gif"); }
    ul.g3-lokace-side li a.cape-dun { background-image: url("/images/g3/lokace/icons/cape-dun.gif"); }
    ul.g3-lokace-side li a.faring { background-image: url("/images/g3/lokace/icons/faring.gif"); }
    ul.g3-lokace-side li a.geldern { background-image: url("/images/g3/lokace/icons/geldern.gif"); }
    ul.g3-lokace-side li a.gotha { background-image: url("/images/g3/lokace/icons/gotha.gif"); }
    ul.g3-lokace-side li a.ishtar { background-image: url("/images/g3/lokace/icons/ishtar.gif"); }
    ul.g3-lokace-side li a.klan-kladiva { background-image: url("/images/g3/lokace/icons/klan-kladiva.gif"); }
    ul.g3-lokace-side li a.klan-ohne { background-image: url("/images/g3/lokace/icons/klan-ohne.gif"); }
    ul.g3-lokace-side li a.klaster { background-image: url("/images/g3/lokace/icons/klaster.gif"); }
    ul.g3-lokace-side li a.lago { background-image: url("/images/g3/lokace/icons/lago.gif"); }
    ul.g3-lokace-side li a.montera { background-image: url("/images/g3/lokace/icons/montera.gif"); }
    ul.g3-lokace-side li a.mora-sul { background-image: url("/images/g3/lokace/icons/mora-sul.gif"); }
    ul.g3-lokace-side li a.nemora { background-image: url("/images/g3/lokace/icons/nemora.gif"); }
    ul.g3-lokace-side li a.okara { background-image: url("/images/g3/lokace/icons/okara.gif"); }
    ul.g3-lokace-side li a.reddock { background-image: url("/images/g3/lokace/icons/reddock.gif"); }
    ul.g3-lokace-side li a.silden { background-image: url("/images/g3/lokace/icons/silden.gif"); }
    ul.g3-lokace-side li a.trelis { background-image: url("/images/g3/lokace/icons/trelis.gif"); }
    ul.g3-lokace-side li a.vengard { background-image: url("/images/g3/lokace/icons/vengard.gif"); }
    ul.g3-lokace-side li a.vlci-klan { background-image: url("/images/g3/lokace/icons/vlci-klan.gif"); }
    
 

    /* dovednosti */
    #g3-schopnosti { margin: 2rem 0; }

    #g3-schopnosti ul { 
        display: block; 
        list-style-type: none; 
        margin: 0 !important;
    }

    #g3-schopnosti li { 
        display: block; 
        list-style-type: none; 
    }

    #g3-schopnosti > ul > li {
        text-align: center;
        float: left; 
        width: 100%;
    }

    #g3-schopnosti > ul > li h3 { 
        clear: both;   
        font-weight: bold;
        border-bottom-width: 0.2rem;
    }

    #g3-schopnosti > ul > li > ul > li { 
        float: left;
        display: block; 
        text-align: center;
        width: 5rem;
        height: 9rem;
        margin: 0.5rem !important;
        line-height: 1.15;
    }

    #g3-schopnosti > ul > li > ul > li > a { 
        color: #ddd;
        text-decoration: none;
    }

    #g3-schopnosti > ul > li > ul > li > a > span { 
        text-decoration: underline;
        font-size: 0.9rem;
    }

    #g3-schopnosti > ul > li > ul > li img { 
        width: 5rem; 
        height: 5rem;  
        background: #790204;
        border: 0.2rem solid #998465;
    }       
}