.menu-toggle {
    float: right;
    background: url('images/burger.png') scroll no-repeat center center;
    border: 0 none;
    width: 60px;
    height: 60px;
    margin: 12px 0;
    border-radius: 0;
}

body:not(.home) #primary .category-item {
    padding-bottom: 31%;
}

body:not(.home) #primary .category-item > a {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
}

#service-info {
    text-align: center;
}

@media screen and (max-width:1250px) {
    .product-image {
        width: 35%;
    }
    .product-info {
        width: 60%;
    }
    .home #primary .category-item, .home #primary .grid-sizer {
        width: 24%;
    }
    #service-info span {
        margin-right: 30px;
    }
    #service-info {
        font-size: 22px;
    }
    .page-template-homepage .brand-item {
        width: 10%;
        height: 130px;
    }
    .page-template-homepage .brand-item:nth-of-type(10n+1) {
        clear: none;
    }
    .page-template-homepage .brand-item:nth-of-type(8n+1) {
        clear: both;
    }
}

@media screen and (max-width:960px) {
    #insta-feed {
        display: none;
    }
    .content-left, .content-right {
        width: 100%;
        float: none;
    }
    .page-template-default .site-content {
        position: relative;
    }
    .home #primary .category-item, .home #primary .grid-sizer {
        width: 32.33%;
    }
    #service-info span {
        width: 50%;
        display: block;
        margin-right: 0;
        padding-right: 20px;
        float: left;
        text-align: left;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .main-navigation {
        position: relative;
    }
    .menu-main-menu-container {
        position: absolute;
        right: 0;
        top: 84px;
        background: #305a8c;
        z-index: 9;
    }
    .menu-main-menu-container #primary-menu li a {
        color: #fff;
        text-align: center;
    }
    .menu-main-menu-container li {
        width: 100%;
        float: none;
    }
    #primary-menu {
        padding: 15px 0;
    }
    #primary-menu > li:after {
        content: '';
        display: block;
        margin-left: auto;
        margin-right: auto;
        height: 1px;
        width: 20px;
        background: #fff;
    }
    #primary-menu > li:first-child:before {
        content: '';
        display: block;
        margin-left: auto;
        margin-right: auto;
        height: 1px;
        width: 20px;
        background: #fff;
    }
    .product-image {
        float: none;
        width: 100%;
        text-align: center;
        max-width: 420px;
        margin-left: auto;
        margin-right: auto;
    }
    .product-info {
        width: 100%;
        float: none;
    }
    .footer-widget {
        width: 50%;
    }
    .topbar-left {
        text-align: center;
        width: 100%;
        float: none;
        border-bottom: 1px solid #204a80;
    }
    .topbar-right {
        text-align: center;
        width: 100%;
        float: none;
    }
    .topbar-right ul {
        padding-left: 0;
    }
    .logo-area {
        width: 100%;
        float: none;
        text-align: center;
    }
    .search-area {
        width: 100%;
        float: none;
        text-align: center;
        padding: 5px 0 20px;
    }
    .site-title {
        margin-top: 0;
        margin-bottom: 0;
        padding: 20px 5px 0;
    }
    .payment, .search-area form {
        margin-left: auto;
        margin-right: auto;
        float: none;
    }
    .page-template-homepage .brand-item {
        width: 14.66%;
        height: 110px;
    }
    .page-template-homepage .brand-item:nth-of-type(8n+1) {
        clear: none;
    }
    .page-template-homepage .brand-item:nth-of-type(6n+1) {
        clear: both;
    }
    .page-template-default #secondary {
        position: absolute;
        width: 250px;
        margin-top: -72px;
        top: 0;
        z-index:1000;
    }
    .page-id-11 #primary, .page-id-13 #primary, .page-id-209 #primary, .page-template-default .sidebar-left #primary {
        width: 100%;
    }
    #secondary .widget > ul, .brands-full-list ul {
        display: none;
        width: 300px;
    }
    #secondary .widget > ul.cat-toggle, .brands-full-list ul.cat-toggle {
        display: block;
    }
    #secondary .widget h2, .brands-full-list h2 {
        cursor: pointer;
        line-height: 60px;
        position: relative;
    }
    .single-post #secondary .widget h2 {
        cursor: default;
        line-height: 38px;
    }
    #secondary h2:after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 12px 0 12px 12px;
        border-color: transparent transparent transparent #ffffff;
        -webkit-transform:rotate(360deg);
        position: absolute;
        right: 10px;
        top: 50%;
        margin-top: -12px;
    }
    .single-post #secondary .widget h2:after {
        display: none;
    }
    .single .sidebar-right #primary {
        width: 100%;
        float: none;
    }
    .product-item, .blog-item {
        width: 47%;
    }
    .blog-item:nth-of-type(3n+1), .product-item:nth-of-type(3n+1) {
        clear: none;
    }
    .blog-item:nth-of-type(2n+1), .product-item:nth-of-type(2n+1) {
        clear: both;
    }
    .single-post #secondary .widget > ul {
        display: block;
    }
    .single .sidebar-right #secondary {
        width: 100%;
    }
    .single #secondary .widget > ul {
        width: 100%;
    }
}


@media screen and (max-width: 780px) {
    .product-ranges .pr-row.pr-heading { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	.product-ranges .pr-row {
	    margin-bottom:5px;
	    border-bottom:1px solid #ccc;
	}
    .product-ranges .pr-row > div {
        width: 100% !important;
        float: none;
        padding-left:30%;
        text-align:left !important;
        height:50px;
    }
    .product-ranges .pr-row > div:nth-child(1) {
        height:88px;
    }
    .product-ranges .pr-row > div .prrowa {
        position: relative;
        top: 50%;
    }
    .product-ranges .pr-row > div:before { 
    		/* Now like a table header */
    		position: absolute;
    		/* Top/left values mimic padding */
    		top: 33%;
    		left: 6px;
    		width: 29%; 
    		padding-right: 10px; 
    		white-space: normal !important;
    		font-weight:bold;
    		font-size:14px;
    }
    .pr-row .qty {
        padding: 2px 3px;
    }
    .product-ranges .button.small {
        padding: 4px 5px;
    }
    .product-ranges .pr-row > div.col-cart {
        background:#fff;
    }
    .product-ranges .pr-row > div:nth-child(1), .product-ranges .pr-row.pr-heading div:nth-child(1), .product-ranges .pr-row > div:nth-child(4) .prrowa, .product-ranges .pr-row.pr-heading div:nth-child(4), .product-ranges .pr-row > div:nth-child(5) .prrowa, .product-ranges .pr-row.pr-heading div:nth-child(5), .product-ranges .pr-row > div:nth-child(6) .prrowa, .product-ranges .pr-row.pr-heading div:nth-child(6) {
     text-align: left;
    }
	.product-ranges .pr-row div.col-item:before { content: "Item"; }
	.product-ranges .pr-row div.col-number:before { content: "Item No."; }
	.product-ranges .pr-row div.col-desc:before { content: "Description"; }
	.product-ranges .pr-row div.col-unit:before { content: "Unit Price"; }
	.product-ranges .pr-row div.col-price:before { content: "Price"; }
	.product-ranges .pr-row div.col-cart:before { content: "Add to Cart"; }
	
	.product-ranges .pr-row div.col-unit, .product-ranges .pr-row div.col-item {display:none}
}

@media screen and (max-width: 660px) {
    #primary .category-item {
        width: 48%;
        padding-bottom: 48%;
    }
    .wishlist-item .product-thumb {
        width: 60%;
        float: none;
        margin-right: 0;
        text-align: center;
        margin: 0 auto;
    }
    .wishlist-item .product-details {
        float: none;
        width: 100%;
    }
    .wishlist-item .product-quantity {
        position: relative;
        right: 0;
        width: 100%;
        top: 0;
        margin-top: 0;
        margin-left: 0;
    }
    .sub_total {
        position: relative;
        right: 0;
        text-align: center;
        font-size: 22px;
        top: 0;
        margin-top: 0;
        width: 100%;
    }
    .wishlist-item a.add-to-wishlist {
        top: 0;
        margin-top: 0;
        right: 0;
        position: relative;
        margin: 0 auto;
    }
    #special_instructions {
        float: none;
        width: 100%;
    }
    #cart_info {
        float: none;
        width: 100%;
        text-align: center;
    }
    #total_price {
        font-size: 30px;
    }
    #cart_info input[type="button"] {
        float: none;
        margin-bottom: 20px;
    }
    #loginForm {
    max-width: 100%;
    }
    .enquiry-form-body div {
        float: none;
        width: 100%;
    }
    .paymentForm .btn {
        display:block;
        margin-right:0 !important;
        margin-bottom:10px;
        width:100% !important;
    }
}

@media screen and (max-width:600px) {
    .home #primary .category-item, .home #primary .grid-sizer {
        width: 49%;
    }
    .product-info .col50 {
        width: 100%;
        float: none;
    }
    .footer-widget {
        width: 100%;
        float: none;
        padding-right: 0;
    }
    .page-template-homepage .brand-item {
        width: 31%;
        height: 120px;
    }
    .page-template-homepage .brand-item:nth-of-type(6n+1) {
        clear: none;
    }
    /*.page-template-homepage .brand-item:nth-of-type(4n+1) {
        clear: both;
    }*/
    #service-info span {
        width: 100%;
        float: none;
    }
    .featured-brands {
    width: 100%;
    float: none;
    }
    .featured-brands .brand-item {
    width: 47%;
    margin-bottom: 10px;
    height: 100px;
}
}

@media screen and (max-width:480px) {
    .blog-item, .product-item {
        width: 97%;
        clear: both;
        float: none;
    }
    #primary .category-item {
        width: 98%;
        float: none;
        padding-bottom: 98%;
    }
    #primary .category-item > a {
        width: 100%;
    }
    .category-item img {
        width: 100%;
        max-height: none;
    }

.product-image {
    float: none;
    width: 100%;
    padding-bottom: 50px;
}
.product-info {
    float: none;
    width: 100%;
    padding-bottom: 50px;
}
.page-id-11 #primary, .page-id-13 #primary, .page-id-209 #primary, .page-template-default .sidebar-left #primary {
    width: 100%;
    float: none;
}
.page-template-default #secondary {
    float: none;
    
}
.product-item, .blog-item {
    width: 100%;
    float: none;
}
.brand-item, .topbar-left, .topbar-right, .logo-area, .search-area {
    width: 100%;
    float: none;
}
.brand-item {
    width: 48%;
    float: left;
    height: auto;
}
.home .brand-item, .featured-brands .brand-item  {
    float:left
    
}

}