/*
You can add your own CSS here.

Click the help icon above to learn more.
*/

/** DISPLAYING PRODUCTS **/
.archive ul.products {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

#buyer_sms_notify_field{display: none}

form#tyresearch {
    display: flex;
    flex-direction: row;
	align-items:center;
	justify-content: space-around;
	flex-wrap: wrap;
	margin:0 auto
	}
div#woocommerce_layered_nav-1,
div#woocommerce_layered_nav-2,
div#woocommerce_layered_nav-3{
        flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
div#woocommerce_layered_nav-4 {
    flex:4;
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
  	align-items: center;
	min-width: 100%;
	justify-content: space-around;
}
div#woocommerce_layered_nav-4 div {
    flex: 1;
	max-width: 48%;		
}

#popup-btn {
        background: #cc3300;
	border: medium none;
    border-radius: 3px;
    box-shadow: 0 -5px rgba(0, 0, 0, 0.3) inset;
    color: #FFFFFF;
    cursor: pointer;
    font-family: "Pathway Gothic One",Helvetica,sans-serif;
    font-size: 1.857em!important;
    font-style: normal!important;
    height: 47px;
    line-height: 100%;
    margin: 20px auto;
    opacity: 1;
    outline: 0 none;
    padding: 13px 60px 40px;
    position: relative;
    text-align: center;
    text-transform: none;
    white-space: nowrap;
    width: 100%;
    -webkit-appearance: none;
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
	max-width: 1150px
}
.cart-btn {
    background: #cc3300;
    border: medium none;
    border-radius: 3px;
    box-shadow: 0 -5px rgba(0, 0, 0, 0.3) inset;
    color: #FFFFFF;
    cursor: pointer;
    font-family: "Pathway Gothic One",Helvetica,sans-serif;
    font-style: normal!important;
    height: 47px;
    line-height: 100%;
    opacity: 1;
    outline: 0 none;
    padding: 16px 48px;
    text-align: center;
    text-transform: none;
    white-space: nowrap;
    -webkit-appearance: none;
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
}
.cart-btn a {
    font-style: normal;
    font-size: 1.875em;
}
/** RESPONSIVE STYLES **/

@media (max-width:767px) {
	div#woocommerce_layered_nav-4 {
    		display: flex;
		    flex-direction: column;
		    flex-wrap: nowrap;
		    align-items: center;
				max-width: 80%;
		}
div#woocommerce_layered_nav-4{width: 100%}
div#woocommerce_layered_nav-4 div {
    		max-width: 100%;
				width: 100%;
		    flex: 1;
		    margin-right: 1%;
		    margin-bottom: 5px;
		}
}
/* ----------- Galaxy S3 ----------- */

/* Portrait and Landscape */
@media screen 
	and (device-width: 320px) 
	and (device-height: 640px) 
	and (-webkit-device-pixel-ratio: 2){
		div#woocommerce_layered_nav-4 {
    		display: flex;
		    flex-direction: column;
		    flex-wrap: nowrap;
		    align-items: center;
		}
		div#woocommerce_layered_nav-4 div {
    		width: 100%!important;
		    flex: 1;
		    margin-right: 1%;
		    margin-bottom: 5px;
		}
}

/* Portrait */
@media screen 
	and (device-width: 320px) 
	and (device-height: 640px) 
	and (-webkit-device-pixel-ratio: 2) 
	and (orientation: portrait){
		div#woocommerce_layered_nav-4 {
    		display: flex;
		    flex-direction: column;
		    flex-wrap: nowrap;
		    align-items: center;
		}
		div#woocommerce_layered_nav-4 div {
    		width: 100%!important;
		    flex: 1;
		    margin-right: 1%;
		    margin-bottom: 5px;
		}
}

/* Landscape */
@media screen 
	and (device-width: 320px) 
	and (device-height: 640px) 
	and (-webkit-device-pixel-ratio: 2) 
	and (orientation: landscape){
		div#woocommerce_layered_nav-4 {
    		display: flex;
		    flex-direction: column;
		    flex-wrap: nowrap;
		    align-items: center;
		}
		div#woocommerce_layered_nav-4 div {
    		width: 100%!important;
		    flex: 1;
		    margin-right: 1%;
		    margin-bottom: 5px;
		}
}

/* ----------- Galaxy S4 ----------- */

/* Portrait and Landscape */
@media screen 
	and (device-width: 320px) 
	and (device-height: 640px) 
	and (-webkit-device-pixel-ratio: 3){
		div#woocommerce_layered_nav-4 {
    		display: flex;
		    flex-direction: column;
		    flex-wrap: nowrap;
		    align-items: center;
		}
		div#woocommerce_layered_nav-4 div {
    		width: 100%!important;
		    flex: 1;
		    margin-right: 1%;
		    margin-bottom: 5px;
		}						.				
}

/* Portrait */
@media screen 
	and (device-width: 320px) 
	and (device-height: 640px) 
	and (-webkit-device-pixel-ratio: 3) 
	and (orientation: portrait){
		div#woocommerce_layered_nav-4 {
    		display: flex;
		    flex-direction: column;
		    flex-wrap: nowrap;
		    align-items: center;
		}
		div#woocommerce_layered_nav-4 div {
    		width: 100%!important;
		    flex: 1;
		    margin-right: 1%;
		    margin-bottom: 5px;
		}						.				
}

/* Landscape */
@media screen 
	and (device-width: 320px) 
	and (device-height: 640px) 
	and (-webkit-device-pixel-ratio: 3) 
	and (orientation: landscape){
		div#woocommerce_layered_nav-4 {
    		display: flex;
		    flex-direction: column;
		    flex-wrap: nowrap;
		    align-items: center;
		}
		div#woocommerce_layered_nav-4 div {
    		width: 100%!important;
		    flex: 1;
		    margin-right: 1%;
		    margin-bottom: 5px;
		}						.				
}

/* ----------- Galaxy S5 ----------- */

/* Portrait and Landscape */
@media screen 
	and (device-width: 360px) 
	and (device-height: 640px) 
	and (-webkit-device-pixel-ratio: 3){
		div#woocommerce_layered_nav-4 {
    		display: flex;
		    flex-direction: column;
		    flex-wrap: nowrap;
		    align-items: center;
		}
		div#woocommerce_layered_nav-4 div {
    		width: 100%!important;
		    flex: 1;
		    margin-right: 1%;
		    margin-bottom: 5px;
		}						.				
}

/* Portrait */
@media screen 
	and (device-width: 360px) 
	and (device-height: 640px) 
	and (-webkit-device-pixel-ratio: 3) 
	and (orientation: portrait){
		div#woocommerce_layered_nav-4 {
    		display: flex;
		    flex-direction: column;
		    flex-wrap: nowrap;
		    align-items: center;
		}
		div#woocommerce_layered_nav-4 div {
    		width: 100%!important;
		    flex: 1;
		    margin-right: 1%;
		    margin-bottom: 5px;
		}						.				
}

/* Landscape */
@media screen 
	and (device-width: 360px) 
	and (device-height: 640px) 
	and (-webkit-device-pixel-ratio: 3) 
	and (orientation: landscape){
		div#woocommerce_layered_nav-4 {
    		display: flex;
		    flex-direction: column;
		    flex-wrap: nowrap;
		    align-items: center;
		}
		div#woocommerce_layered_nav-4 div {
    		width: 100%!important;
		    flex: 1;
		    margin-right: 1%;
		    margin-bottom: 5px;
		}						.				
}

/* ----------- iPhone 4 and 4S ----------- */

/* Portrait and Landscape */
@media only screen 
	and (min-device-width: 320px) 
	and (max-device-width: 480px)
	and (-webkit-min-device-pixel-ratio: 2) {
		div#woocommerce_layered_nav-4 {
    		display: flex;
		    flex-direction: column;
		    flex-wrap: nowrap;
		    align-items: center;
		}
		div#woocommerce_layered_nav-4 div {
    		width: 100%!important;
		    flex: 1;
		    margin-right: 1%;
		    margin-bottom: 5px;
		}						.				
}

/* Portrait */
@media only screen 
	and (min-device-width: 320px) 
	and (max-device-width: 480px)
	and (-webkit-min-device-pixel-ratio: 2)
	and (orientation: portrait){
		div#woocommerce_layered_nav-4 {
    		display: flex;
		    flex-direction: column;
		    flex-wrap: nowrap;
		    align-items: center;
		}
		div#woocommerce_layered_nav-4 div {
    		width: 100%!important;
		    flex: 1;
		    margin-right: 1%;
		    margin-bottom: 5px;
		}
}

/* Landscape */
@media only screen 
	and (min-device-width: 320px) 
	and (max-device-width: 480px)
	and (-webkit-min-device-pixel-ratio: 2)
	and (orientation: landscape) {
		div#woocommerce_layered_nav-4 {
    		display: flex;
		    flex-direction: column;
		    flex-wrap: nowrap;
		    align-items: center;
		}
		div#woocommerce_layered_nav-4 div {
    		width: 100%!important;
		    flex: 1;
		    margin-right: 1%;
		    margin-bottom: 5px;
		}						.				
}

/* ----------- iPhone 5 and 5S ----------- */

/* Portrait and Landscape */
@media only screen 
	and (min-device-width: 320px) 
	and (max-device-width: 568px)
	and (-webkit-min-device-pixel-ratio: 2) {
		div#woocommerce_layered_nav-4 {
    		display: flex;
		    flex-direction: column;
		    flex-wrap: nowrap;
		    align-items: center;
		}
		div#woocommerce_layered_nav-4 div {
    		width: 100%!important;
		    flex: 1;
		    margin-right: 1%;
		    margin-bottom: 5px;
		}						.				
}

/* Portrait */
@media only screen 
	and (min-device-width: 320px) 
	and (max-device-width: 568px)
	and (-webkit-min-device-pixel-ratio: 2)
	and (orientation: portrait) {
		div#woocommerce_layered_nav-4 {
    		display: flex;
		    flex-direction: column;
		    flex-wrap: nowrap;
		    align-items: center;
		}
		div#woocommerce_layered_nav-4 div {
    		width: 100%!important;
		    flex: 1;
		    margin-right: 1%;
		    margin-bottom: 5px;
		}
}

/* Landscape */
@media only screen 
	and (min-device-width: 320px) 
	and (max-device-width: 568px)
	and (-webkit-min-device-pixel-ratio: 2)
	and (orientation: landscape) {
		div#woocommerce_layered_nav-4 {
    		display: flex;
		    flex-direction: column;
		    flex-wrap: nowrap;
		    align-items: center;
		}
		div#woocommerce_layered_nav-4 div {
    		width: 100%!important;
		    flex: 1;
		    margin-right: 1%;
		    margin-bottom: 5px;
		}						.				
}

/* ----------- iPhone 6 ----------- */

/* Portrait and Landscape */
@media only screen 
	and (min-device-width: 375px) 
	and (max-device-width: 667px) 
	and (-webkit-min-device-pixel-ratio: 2) { 
		div#woocommerce_layered_nav-4 {
    		display: flex;
		    flex-direction: column;
		    flex-wrap: nowrap;
		    align-items: center;
		}
		div#woocommerce_layered_nav-4 div {
    		width: 100%!important;
		    flex: 1;
		    margin-right: 1%;
		    margin-bottom: 5px;
		}						.				
}

/* Portrait */
@media only screen 
	and (min-device-width: 375px) 
	and (max-device-width: 667px) 
	and (-webkit-min-device-pixel-ratio: 2)
	and (orientation: portrait) { 
		div#woocommerce_layered_nav-4 {
    		display: flex;
		    flex-direction: column;
		    flex-wrap: nowrap;
		    align-items: center;
		}
		div#woocommerce_layered_nav-4 div {
    		width: 100%!important;
		    flex: 1;
		    margin-right: 1%;
		    margin-bottom: 5px;
		}						.				
}

/* Landscape */
@media only screen 
	and (min-device-width: 375px) 
	and (max-device-width: 667px) 
	and (-webkit-min-device-pixel-ratio: 2)
	and (orientation: landscape) { 
		div#woocommerce_layered_nav-4 {
    		display: flex;
		    flex-direction: column;
		    flex-wrap: nowrap;
		    align-items: center;
		}
		div#woocommerce_layered_nav-4 div {
    		width: 100%!important;
		    flex: 1;
		    margin-right: 1%;
		    margin-bottom: 5px;
		}						.				
}

/* ----------- iPhone 6+ ----------- */

/* Portrait and Landscape */
@media only screen 
	and (min-device-width: 414px) 
	and (max-device-width: 736px) 
	and (-webkit-min-device-pixel-ratio: 3) { 
		div#woocommerce_layered_nav-4 {
    		display: flex;
		    flex-direction: column;
		    flex-wrap: nowrap;
		    align-items: center;
		}
		div#woocommerce_layered_nav-4 div {
    		width: 100%!important;
		    flex: 1;
		    margin-right: 1%;
		    margin-bottom: 5px;
		}						.				
}

/* Portrait */
@media only screen 
	and (min-device-width: 414px) 
	and (max-device-width: 736px) 
	and (-webkit-min-device-pixel-ratio: 3)
	and (orientation: portrait) { 
		div#woocommerce_layered_nav-4 {
    		display: flex;
		    flex-direction: column;
		    flex-wrap: nowrap;
		    align-items: center;
		}
		div#woocommerce_layered_nav-4 div {
    		width: 100%!important;
		    flex: 1;
		    margin-right: 1%;
		    margin-bottom: 5px;
		}						.				
}

/* Landscape */
@media only screen 
	and (min-device-width: 414px) 
	and (max-device-width: 736px) 
	and (-webkit-min-device-pixel-ratio: 3)
	and (orientation: landscape) { 
		div#woocommerce_layered_nav-4 {
    		display: flex;
		    flex-direction: column;
		    flex-wrap: nowrap;
		    align-items: center;
		}
		div#woocommerce_layered_nav-4 div {
    		width: 100%!important;
		    flex: 1;
		    margin-right: 1%;
		    margin-bottom: 5px;
		}						.				
}