
@media (max-width:1000px) {

    img{
        max-width: 100%;
        height: auto;
    }

    #contain{
        width: 100%;
    }

    #bodycontain{
        width: 100%;
        padding: 0;
    }

    #mainbody{
        margin: 0 auto;
        float: none;
    }

    #header,
    #headtop{
        width: 100%;
    }

    .head-flash{
        display: none;
    }

    #cookie-law{
        height: auto;
        padding: 10px 20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .cookie-law-holder{
        width: 100%;
    }
}

@media (max-width:950px) {

    #navigation{
        width: 100%;
        padding: 0;
        height: auto;
    }

    #navigation ul{
        width: 100%;
        height: auto;
    }

    #navigation li{
        width: 16%;
    }

    #navigation li a{
        width: 100%;
        margin: 0;
        text-align: center;
        padding: 8px 0;
    }

}

@media (max-width:900px) {

    body{
        background: #fff;
    }

    #jquery{
        width: 100%;
        background: #969;
        height: auto;
    }

    #jquery img{
        max-width: 100%;
        position: relative;
    }

    #mainbody{
        width: 100%;
    }

    #footer{
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    #mainleft{
        width: 58%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    #mainright{
        width: 40%;
        margin: 0 0 0 2%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    #header{
        height: auto;
    }

    #headtop{
        text-align: right;
        padding: 0 20px;
        height: auto;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background: #fff;
    }

    #navigation{
        background: #000;
        border-bottom: 1px solid #fff;
    }

    #footer{
        background: #000;
    }

    .logo{
        padding: 0;
    }

    .finance-header,
    .callus{
        position: relative;
        padding: 0;
        width: auto;
        float: none;
        display: inline-block;
        top: auto;
        right: auto;
        height: auto;
        margin: 10px 0 0;
    }

    #wholemain{
        width: 100%;
        padding: 15px 15px 20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .searchbox{
        width: 100%;
        padding: 0;
    }

    .searchbox iframe{
        width: 100%;
    }

    .banner-logos{
        position: relative;
        top: auto;
        right: auto;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        text-align: right;
        height: 0;
    }

    .banner-logos img{
        max-width: 100%;
        margin: 20px;
    }

}

@media (max-width:800px) {

}

@media (max-width:700px) {

    #wholemain img:first-of-type{
        max-width: none;
    }

    #mainleft,
    #mainright{
        width: 100%;
        padding: 20px 10px;
        margin: 0;
    }

    .expose{
        width: 100%;
        background-size: cover;
        background-position: center;
    }

    .leftform,
    .rightform{
        width: 90%;
        margin: 0 auto;
        padding: 0;
        float: none;
    }

    input,
    textarea{
        width: 100%;
        min-height: 26px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .boxleft{
        width: 100%;
    }

    .margin{
        display: block;
        margin: 10px 0 10px 0;
        width: 50%;
    }

    .buttonSubmit{
        float: right;
    }

    .smallsubmit{
        margin: 10px 0 0;
    }

    .formsmall{
        background: #c5bdc4;
        width: 100%;
        height: auto;
        padding: 20px 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        text-align: right;
    }

    .formsmall:before{
        content: "Quick Enquiry";
        float: left;
    }

    .forminput{
        width: 100%;
        min-height: 26px;
        margin: 10px 0;
        padding: 5px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    #jquery img{
        max-width: none;
        left: 50%;
        margin-left: -450px;
    }

    iframe{
        max-width: 100%;
    }

    #navigation{
        text-align: right;
    }

    #burger{
        line-height: 30px;
        padding: 10px;
        display: inline-block;
        color: #fff !important;
        outline: none;
    }

    #burger img{
        display: inline;
        vertical-align: middle;
        margin: 0 0 0 10px;
    }

    #navigation ul{
        padding: 10px 0;

        display: none;
    }

    #navigation ul li{
        width: 100%;
    }

    #navigation ul li a{
        padding: 10px 0;
        background: transparent !important;
    }

    .finance-header,
    .callus{
        font-size: 1em;
    }

    .callus{
        margin-bottom: 10px;
    }

    .grey a{
        text-decoration: none;
        color: #5a575b;
    }

}

@media (max-width:530px) {

    .logo{
        width: 100%;
        text-align: center;
        margin-top: 10px;
    }

    .finance-header,
    .callus{
        width: 100%;
        text-align: center;
    }

}


