﻿
@media screen and (max-width: 710px) {
    .divFrame {
        width: 100%;
        margin: 0px;
        box-sizing: border-box;
    }

    .divLoginRegBox {
        width: 48%;
        margin: 0 1%;
    }

    /*Search Mobile view 710px*/
    #secIntro, #secFeatured, #secSearch {
        width: 100%;
        margin: 0px;
    }

    .divSearchControl {
        width: 46%;
        margin: 0% 2%;
    }
    /*Search end 710px*/

    /*Popup*/
    .divPostCode {
        position: static !important;
    }

    .Outer_PopupBox {
        position: absolute !important;
        width: 96% !important;
        left: 2% !important;
        top: 15%;
    }
    /*Popup end*/

    .mob100 {
        width: 100% !important;
    }
    .mob50 {
        width: 50% !important;
    }
}

@media screen and (max-width: 475px) {
    section {
        float: none;
    }

    .divFooterLeft, .divFooterRight {
        width: 96% !important;
        margin-left: 2% !important;
        margin-right: 2% !important;
    }

    /*Menu mobile view*/
    nav.menu {
        width: 100%;
        position: absolute !important;
        top: 100%;
        bottom: auto;
        right: 0px;
        display: none;
        z-index: 9999;
    }

    #imgMenuLines {
        display: block;
    }

    #menuLinks {
        display: block;
        list-style: none;
        float: right;
        width: 100%;
        margin: 10px 0px;
        padding: 0px;
    }

        #menuLinks li {
            float: none;
            width: 80%;
            margin: 0 10%;
            box-sizing: border-box;
            text-align: center;
            padding: 15px;
        }

            #menuLinks a:hover, #menuLinks .current {
                text-decoration: none;
                padding-bottom: 5px !important;
                border-bottom: 6px solid #B0B0B0;
            }
    /*Menu mobile view end*/

    /*Login Mobile view*/
    /*.divLoginReg*/
    .divLoginRegBox {
        width: 100%;
        margin: auto;
    }

    .divLoginRegButtons {
        margin-top: 10px;
    }
    /*Login end*/

    /*Search Mobile view 475px*/
    .divSearchControl {
        width: 96%;
    }
    /*Search end 475px*/

    /*Results Mobile view 475px*/
    .divResultsImageAndButtons, .divResultsDetails, hr {
        width: 96%;
        margin-left: auto;
        margin-right: auto;
        float: none;
    }

    .divResultsButtonLeft, .divResultsButtonRight {
        width: 31%;
        margin: 5px 1%;
    }

    .divPaging {
        width: 96%;
        margin-left: auto;
        margin-right: auto;
    }

    .divPagingSort {
        float: left;
        clear: both;
        margin: 7px 0 0 0;
    }
    /*Results end*/


    /*Details Mobile view*/
    .divDetails .columnL, .divDetails .columnR {
        float: left;
        width: 100%;
    }

    .divThumbnails {
        display: none;
    }

    .divImgSlide {
        display: block;
    }
    /*Details end*/

    /*Popup*/
    .Popup_PageCount {
        display: none;
    }
    /*Popup end*/
}
