@media all and (min-width: 768px), screen {
    body main div.page-title-wrapper {
        display: none;
    }
    
    body div.category-view div.static-images {
        text-align: center;
    }
    body div.category-view div.static-images img {
        width: 331px;
        height: 243px;
        border: 5px solid black;
        margin: 0 5px;
    }
    
    body div.category-view h2.siege-house-title {
        margin-top: 100px;
        font-size: 4rem;
        font-style: italic;
        font-weight: normal;
    }
    body div.category-view h2.siege-house-title::first-letter {
        font-size: 5rem;
    }
    
    body .slideshow-container-mobile {
        display: none;
    }
    
    body .slideshow img:hover {        
        cursor: pointer;
    }
    
    #siegehousePopup {
        display:none;
        border: 1px solid #666;
        padding: 5px;
        background-color: white;
        height: 300px;
        width: 400px;
        -moz-box-shadow: 0 0 90px 5px #000;
        -webkit-box-shadow: 0 0 90px #000;
    }
    #siegehousePopup img {
        width: 100%;
    }
    #siegehousePopup .close {
        background-image:url(/media/wysiwyg/Overlay/close.png);
        position:absolute;
        right:-27px;
        top:-15px;
        cursor:pointer;
        height:35px;
        width:35px;
    }
}

@media all and (max-width: 768px) {
    body .slideshow-container .slideshow-sub-container {
        display: none;
    }
    
    body .slideshow-container-mobile {
        display: block;
        text-align: center;
    }
    body .slideshow-container-mobile .siegehouse-mobile-slideshow {
        width: 320px;
        height: 240px;
        clear: both;
        border: 5px solid black;
        overflow: hidden;
    }
    body .slideshow-container-mobile .siegehouse-mobile-slideshow img {
        width: 100%;
        height: auto;
        margin: 0;
        padding: 0;
        float: left;
    }
    body .slideshow-container-mobile small.swipe-title {
        font-weight: 800;
        display: none;
    }
    
    body div.category-view div.static-images img {
        width: 92%;
        height: auto;
        margin: 0;
    }
}

@media all and (max-width: 640px) {
    body div.category-view h2.siege-house-title {
        font-size: 2rem;
    }
    body div.category-view h2.siege-house-title::first-letter {
        font-size: 3rem;
    }
}