@media all and (max-width: 769px) {
    /* Menu Customisations */
    .mm-footer { height: 60px !important; }
    .basket-total { float: right;font-weight: bold;background-color: #cc0000;padding: 0 6px 0 6px;border-radius: 8px;color: white; }

    /* Master Page */
    html { height: 100%; }
    body { margin: 0 0 0 0; background-color: #fff;min-height: 100%;position: relative;-webkit-text-size-adjust: none;}
    h1 { margin: 10px 0 10px 0;}
    h2 { margin: 6px 0 6px 0;}
    h3 { margin: 5px 0 5px 0;}
    #page, .content { min-width: inherit; }
    .content { position: relative !important;padding-top: 59px; }
    /*#page.mm-slideout .content { margin-top: 0; }*/
    #header-wrapper { position: fixed;top: 0;left: 0;right: 0;z-index: 9999;}
    #header .logo { position:fixed;left: 63%;display:block;margin: auto auto;margin-left: -110px;}
    #header a.menu-icon { background: center center no-repeat transparent;
                          background-image: url("../Images/menu.png");
                          display: block; width: 40px; height: 40px; position: absolute; top: 8px; left: 12px;}
    
    #footer-wrapper { height: auto; }
    #footer, #sub-footer { width: 100%; }
    footer { position: static; }
    #sub-footer-wrapper { height: auto; }
    #sub-footer { padding: 5px; width: auto;height: auto;}
    #sub-footer:after { content:''; display:block; clear: both; }
    #sub-footer table.footer-links { padding-top: 5px; }
    #sub-footer table.footer-links.right { float: left; }
    #sub-footer table.footer-links, #sub-footer table.footer-links th.links-col { width: 33%; white-space:nowrap; }
    #sub-footer .social { float: left; }
    #sub-footer .social-col a:nth-child(4n+1) { margin-left: 0; }
    #footer .left { line-height: inherit;padding: 9px 0 7px 0; }
    #footer .left, #footer .right { float: none !important;text-align: center; }
    #footer .right.cards { margin: 0 0 10px 0; }

    /* Home Page */
    #banner a.banner-text { bottom: 10%; }
    #category-wrapper { height: auto; }
    #category:after { content:''; display:block;height: 25px; clear: both; }
    #category { width: 100%;margin-right: 0; }
    #category a.from-tile { width: 29%;margin-bottom: 18px; }
    #category a.from-tile:nth-child(3n+1) { margin-left: 18px; }
    #category a.from-tile:nth-child(3n) { margin-right: 0; }
    #category a.from-tile img { height: 180px; }
    #new-arrivals-wrapper { height: auto; }
    #new-arrivals { width: 100%; }
    #new-arrivals div.slick-arrivals { width: 70%;margin: auto auto; }
    #new-arrivals:after { content:''; display:block;clear: both; }
    #seasonal-wrapper { height: auto; }
    #seasonal { width: 100%;padding-top: 20px; }
    #seasonal:after { content:''; display:block;height: 25px; clear: both; }
    #seasonal .tile { width: 90%;margin: auto auto;float: none;clear: both; }
    #seasonal .tile:first-child { margin: 0 auto 20px auto; }
    #seasonal .tile:last-child { margin: auto auto;}
    #seasonal .tile img { width: 100%;margin: auto auto; }

    /* Listing Page */
    .col-1, .col-2 { width: auto; clear: both;float: none;margin: 0; }
    .col-2 { padding-top: 0; }
    .sidebar { width: auto; }
    .base { width: auto;padding: 10px; }
    nav.sidebar section.latest .arrival a { float:none; }
    nav.sidebar section.latest .arrival .details {width: auto;float: none;padding-left: 85px; }
    section.main-content { width: auto; }
    img.listing-banner { width: 99%;height: auto; margin-top: 0;margin: auto auto; }
    .listing-title.left { width: auto; }
    .listing-title.right { float: none;display: block;clear: both; }
    .listing-title.right label { margin-left: 0; }
    .product-listing .product-list-item { width: 48%;float: left;margin-right: 14px; }
    .product-listing .product-list-item:nth-child(3n) { margin-right: 14px; }
    .product-listing .product-list-item:nth-child(2n) { margin-right: 0; }
    .sidebar i.fa { color: black;font-size: 18px;margin-right: 10px;line-height: 30px;vertical-align: middle; }
    nav.sidebar h1.categories-title { margin: 10px 0 10px 0; }
    nav.sidebar h1.latest-title { margin: 10px 0 10px 0; }
    .product-listing .pagin { margin-bottom: 0; }

    /* Product Details */
    .breadcrumb {width: auto; margin-top: 0;clear: both; }
    .product-main-image { width: 100%; }
    .product-main-image .main-image-container { margin: auto auto; }
    .product-details { width: auto; }
    section.social-sharing { width: auto;float: none; }
    section.social-sharing div { float: left; }
    .product-info #tabs .ui-tabs-panel, .product-desc #tabs .ui-tabs-panel { margin-bottom: 0; }

    /* Contact Us */
    .contact-header .col-1, .contact-header .col-2 { width: auto;padding: 10px 0 10px 0;clear: both;float: none;margin: 0; }
    .contact-header .col-2 { padding-top: 0; }
    .contact-header { margin: 10px 0 10px 0; }
    .col-1.contact, .col-2.contact { width: auto; }
    #map-canvas { width: 100%;margin-bottom: 0; }
    
    /* Basket */
    .paypal.right { float: none; }
    .image-link img { width: 99%; height: auto; }
    table.basket-list th { width: auto !important; }
	
	#banner-wrapper, #banner{
		min-height: 300px;
		max-width:769px !important;
	}
	#banner h2{
		width:90%;
		position:absolute;
		top:10%;
		left:4%;
		
		font-size:30px;
	}
	#banner a.banner-text {
		bottom:20%;
		left:4%;
    }
	#banner .overlay{
		min-width:769px !important;
		max-width:769px !important;
		min-height: 300px;
		max-height: 300px;
	}
	#banner img{
	    position:relative;
	    width:769px;
    }

    .panelError p {
        width: 100%;
    }

    .panelSuccess p {
        width: 85%;
    }

    .panelSuccess a {
        margin-right: -20px;
        margin-top: -20px;
    }

    .panelSuccess div {
        background-color: #2196F3 !important;
    }
}

@media all and (max-width: 568px) {
    /* Home Page */
    /*.social-col a:nth-child(2n+1) { clear: right;margin-bottom: 5px; }*/
    #category a.from-tile { width: 90%;margin-bottom: 18px; margin-left:18px;}
    /*#category a.from-tile:nth-child(2n+1) { margin-left: 18px; }
    #category a.from-tile:nth-child(2n) { margin-right: 0; }*/

    /* Listing Page */
    .product-listing .product-list-item { width: 99%; }
	
	#banner-wrapper, #banner{
		min-height: 200px;
	}
        #banner .overlay {
            min-width: 100% !important;
            max-width: 100% !important;
            min-height: 220px;
            max-height: 220px;
        }
        #banner img {
            position: relative;
            width: 100%;
            min-height: 220px;
        }

    #sub-footer table.footer-links, #sub-footer table.footer-links th.links-col {
        width: 100%;
        white-space: nowrap;
        margin-bottom: 5px;
    }

    .modal-content {
        background-color: #fefefe;
        margin: 20% auto; /* 15% from the top and centered */
        padding: 20px;
        border: 1px solid #888;
        width: 80%; /* Could be more or less, depending on screen size */
    }

    #btnSubmitModal {
        text-align: initial;
        margin-left: 20px;
    }
}

@media all and (max-width: 320px) {
    .listing-title.right span { display:block; }
    .listing-title.right label {display: block; width: 60px;float: left; }
    .product-main-image .main-image-container { width: auto;height: auto;margin: 0 10px 0 10px; }
	
	#banner-wrapper, #banner{
		display:none;
	}
}

@media only screen and (orientation:landscape){

}

@media only screen and (orientation:portrait){

}