/* Large Screens (Desktops) */

@media only screen and (max-width : 1440px) {

}

@media only screen and (max-width : 1430px) {
	.section {
		max-width: 1200px;
	}

	.productsListing {
		--gap: 13px;
	}

	#footer .brands .brand {
		margin-left: 23px;
		margin-right: 23px;
	}
}

/* Medium Screens (Tablets - Landscape) */

@media only screen and (max-width : 1225px) {
	.section {
		max-width: 970px;
	}

	#mainWrapper {
		padding-top: 184px;
	}

	body.scrolled #mainWrapper {
		padding-top: 160px;
	}

	#header .middle .section {
		height: 115px;
	}

	body.scrolled #header .middle .section {
		height: 88px;
	}

	#header .middle .logo {
		width: 215px;
	}

	body.scrolled #header .middle .logo {
		width: 184px;
	}

	body.scrolled #header .middle .made {
		width: 53px;
	}

	#header .middle .tagLine {
		font-size: 19px;
	}

	#header .middle .made {
		width: 64px;
	}

	#header .bottom .section {
		height: 35px;
	}

	#header .bottom #navigation ul li {
		margin-right: 30px;
	}

	#header .bottom #navigation ul li ul {
		padding-top: 7px;
	}

	#content .section {
		padding-top: 45px;
		padding-bottom: 45px;
	}

	.productsListing {
		--gap: 10px;
	}

	.subheading {
		font-size: 35px;
	}

	#footer .brands .brand {
		margin-left: 3px;
		margin-right: 3px;
	}
    .AddQty {
        padding-left: 0;
        padding-right: 0;
    }
}

/* Small Screens  (Tablets - Portrait ) */

@media only screen and (max-width : 991px) {
	.section {
		max-width: 750px;
		padding-left: 15px;
		padding-right: 15px;
	}

	#mainWrapper,
	body.scrolled #mainWrapper {
		padding-top: 146px;
	}

	#header {
		font-size: 14px;
	}

	#header .top .section {
		height: 28px;
	}

	#header .top .members li {
		margin-left: 20px;
	}

	#header .top .members li .login {
		top: 28px;
	}

	#header .top .members li .login label {
		font-size: 14px;
	}

	#header .top .members li .login .loginBtn {
		font-size: 14px;
		height: 33px;
	}
	
	#header .middle .section,
	body.scrolled #header .middle .section {
		height: 87px;
	}

	#header .middle .logo,
	body.scrolled #header .middle .logo {
		width: 176px;
	}
	
	#header .middle .tagLine {
		font-size: 15px;
		margin-left: 13px;
		width: 100%;
	}

	#header .middle .made,
	body.scrolled #header .middle .made {
		width: 50px;
	}

	#header .bottom .section,
	body.scrolled #header .bottom .section {
		height: 32px;
	}

	#header .bottom #navigation ul li {
		margin-right: 21px;
	}

	#header .bottom #navigation ul li ul,
	body.scrolled #header .bottom #navigation ul li ul {
		padding-top: 8px;
	}

	#content .section {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.productsListing li {
		width: 25%;
	}

	#footer .info .links {
		width: 33.33333333333333%;
	}

	#footer .brands .brand {
		margin-left: 10px;
		margin-right: 10px;
	}
   .AddQty {
        padding-left: 15px;
        padding-right: 15px;
    }
   .cartbody_subtotal, .cartbody_tax {
       text-align: right;
    }
    

}

/* Extra Small Screens */

@media only screen and (max-width : 767px) {
	#menuBtn {
		display: block;
	}	

	body {
		border: none;
	}

	#mainWrapper,
	body.scrolled #mainWrapper {
		padding-top: 0;
		transition: -webkit-transform .4s ease;
		-webkit-transition: -webkit-transform .4s ease;
		-o-transition: transform .4s ease;
		transition: transform .4s ease;
		transition: transform .4s ease, -webkit-transform .4s ease;
	}

	#header {
		position: relative;
		border-top: 6px solid #676867;
	}

	#header .top .section {
		height: auto;
		padding-top: 7px;
		padding-bottom: 7px;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}

	#header .top .members li {
		margin: 0 10px;
	}

	#header .top .members li .login {
		right: 50%;
		top: 30px;
		margin-right: -135px;
	}
	
	#header .bottom {
		display: none;
	}

	#header .middle {
		-webkit-box-ordinal-group: 0;
		    -ms-flex-order: -1;
		        order: -1;
	}

	#header .middle .section, body.scrolled #header .middle .section {
		height: auto;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		padding-top: 15px;
		padding-bottom: 15px;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	}

	#header .middle .tagLine {
		display: block;
		-webkit-box-ordinal-group: 101;
		    -ms-flex-order: 100;
		        order: 100;
		width: 100%;
		max-width: 100%;
		-ms-flex-negative: 0;
		    flex-shrink: 0;
		margin: 10px 0 0;
		text-align: center;
	}

	#header .middle .made, body.scrolled #header .middle .made {
		margin-left: 10px;
	}

	#content .section {
		padding-top: 35px;
		padding-bottom: 35px;
	}

	.productsListing li {
		width: 33.33333333333333%;
	}

	.subheading {
		font-size: 30px;
	}

	#footer {
		text-align: center;
	}

	#footer .brands {
		display: block;
	}

	#footer .brands .brand {
		display: block;
		margin: 0 0 13px;
	}

	#footer .brands .brand ul {
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		margin-bottom: 8px;
	}

	#footer .brands .brand ul li {
		margin: 0 5px;
	}

	#footer .info {
		display: block;
	}

	#footer .info .links {
		width: 100%;
		padding-right: 0;
		margin-bottom: 20px;
	}

	#footer .info .links ul li {
		margin-bottom: 14px;
	}

	#footer .info .name {
		margin-bottom: 13px;
	}


}

@media only screen and (max-width : 478px) { 
	.productsListing li {
		width: 50%;
	}
    .cartline {
        border-bottom: 1px solid #ccc;
        margin-bottom: 20px;
    }
    .cartbody_qty {
        margin-bottom: 5px;
    }
    .cartbody_subtotal, .cartbody_tax {
       text-align: right;
    }
    .cart-tot2 {
       text-align: right;
    }
    .row.PricingRow {
      padding: 10px 10px;
    }
    .row.PricingRow .colprodname {
        font-weight: bold;
        padding-bottom: 10px;
    }
    .row.PricingRow .colproddesc {
        padding-bottom: 10px;
    }
    .row.PricingRow .colproddesctxt {
        font-weight: bold;
        padding-top: 7px;
    }
    .row.PricingRow .colprodqty {
        padding-bottom: 10px;
    }
    .row.PricingRow .colprodqtytxt {
        font-weight: bold;
        padding-top: 7px;
    }
    .row.PricingRow .colprodcode {
        padding-bottom: 10px;
        padding-top: 7px;
    }
    .row.PricingRow .colprodcodetxt {
        font-weight: bold;
        padding-top: 7px;
    }
    .row.PricingRow .colprodunits {
        padding-bottom: 10px;
        padding-top: 7px;
    }
    .row.PricingRow .colprodunitstxt {
        font-weight: bold;
        padding-top: 7px;
    }
    .row.PricingRow .colprodprice {
        padding-bottom: 10px;
        padding-top: 7px;
    }
    .row.PricingRow .colprodpricetxt {
        font-weight: bold;
        padding-top: 7px;
    }
    .bootbox-accept {
        margin-top: 7px;
    }
    .orderline {
        border-top: 1px solid #87C346;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .orderline div {
        padding-top: 4px;
        padding-bottom: 4px;
    }
    .orderline div .btn {
        margin-top: 10px;
    }

}

@media only screen and (max-width : 400px) {
	.productsListing li {
		width: 100%;
	}

	.productsListing li .bottom {
		min-height: 1px;
	}

	.productsListing li img {
		height: 200px;
	}
}