@import "../wagaia.css";
@import "icomoon.css";
@import "https://fonts.googleapis.com/css?family=Raleway:400,500,600,700|Poppins:200,300,400,500,600,700,800";
* {
    font-family: 'Poppins', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body {
    background-color: #f6f2eb;
	color:#3a3028;
}

a { color: #9B1E26; }
a:hover { color:#4a2d16; text-decoration:none; }

b, strong { font-weight:600 }

.map { margin-top:20px }

.redish {
    background-color: #4a2d16;
	display: block;
	overflow: hidden;
}
.bx-wrapper .bx-pager {
    bottom: 16px;
}
.bx-wrapper {
    box-shadow: none;
    border:none;
    margin-bottom: 0;
}

.sticky {
  position: fixed;
  top: 0;
  background-color: #e6d9c4;
  z-index:11;
  margin-left:0;
  width:100%;
}
.sticky + .content {
  padding-top: 60px;
}

.bx-wrapper .bx-controls-direction a {
    z-index: 1;
}

.gallery-thumbs-container {
    margin-top: 10px;
}

.form-fields h2 { position:relative }

.updateBill, .updateShip {
	position: absolute;
    right: 0;
    top: 0;
    font-size: 12px;
}

.ptrelais { margin-bottom:20px; }
.ptrelaisradioa { display:flex; vertical-align:center}

.slideshow { display:none }

.popup_cart { position:absolute; margin:auto; background:#fff; top:35%; left:50%; margin-left:-275px; width:550px; padding:10px; z-index:100000; color:#333; display: block; text-align:center}

#cookiesdirective { text-align:center }
#cookiesdirective a { font-size:1rem!important; font-weight:normal!important; font-family: 'Poppins',sans-serif!important; }

#impliedsubmit { background:#9B1E26!important }

#topbar {
    a {
        color:white;
        position: relative;
        padding-right: 26px;
        margin-left: 10px;
        font-size: 14px;
        &:before {
            display: inline-block;
            content:' ';
            width:21px;
            height: 19px;
            background:url('../../../images/topbar.png') no-repeat;
            margin-left: 6px;
            position: absolute;
            right:0;
        }
        &.float-right {
            margin-top: 10px;
            padding-left: 46px;
            &:before {
                background-position: 0 -24px;
                width: 39px;
                height: 21px;
            }
        }
    }

    ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
		float:left;
		
		&:nth-child(2) {
			float:right;
			li {
				a { 
					padding-right:35px;
					&:before {
						background:url('../../../images/topbar2.png') no-repeat;
						width: 28px;
						height: 23px;
						top: -3px;
					}
				}
				&:nth-child(2) a {
					padding-right:45px 
				}
				&:nth-child(2) a:before {
					background-position: -28px 0;
					width: 39px;
					
				}
				&:nth-child(1) a:before {
					background-position:0;
				}	
			}
		}
		
        li {
			margin-top: 5px;
            display: inline-block;
            padding: 9px 0;
            
            &:nth-child(2) a:before {
            }
            &:nth-child(3) a:before {
                background-position-x: -24px;
            }
            &:nth-child(4)  a:before {
                background-position: -48px 0;
            }
			a:hover {
				text-decoration:none;
			}
        }
    }
}
#subnav {
    ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        li {
            display: inline-block;
            position: relative;
            &:after {
                display: inline-block;
                content: ' ';
                width: 17px;
                height: 16px;
                background: url(../../../images/subnav.png) no-repeat;
                position: absolute;
                right: 0;
                top: 2px;
            }
            &.mobile-nav {
                &:after {
                    display:none;
                }
            }
            &:first-of-type {

                text-align: center;
                margin-right: 70px;
                &:after {
                    right:-25px;
                    background-position-x: -16px;
                }
            }
            &:last-of-type {
                &:after {
                    right: -4px;
                    background-position-x: -37px;
                }
            }
            a {
                font-weight: 600;
                color:black;
                text-transform: uppercase;
                font-size: 15px;
                text-decoration: none;
                span {
                    text-transform: initial;
                    font-size: 14px;
                    display: block;
					color: #9B1E26;
					font-weight: 500;
                    &:hover {
                        text-decoration: none;
                    }
                }
            }
        }
    }
}
div.search {
    position: relative;
    input {
        border-radius: 0 !important;
        border:none !important;
    }
    &:after {
        display: inline-block;
        content: ' ';
        width: 17px;
        height: 16px;
        background: url(../../../images/subnav.png) no-repeat;
        position: absolute;
        top: 9px;
        right: 9px;
    }
}
#logo {
	height: auto;
    margin-left: 25%;
    /*transition:height 1s ease;*/
}

.sticky #logo {
    height:55px;
	width:auto;
	margin-bottom: 20px;
    /*transition:height 1s ease;*/
}

#subbar {
    margin-top: 20px;
	/*transition:transform 1s ease;*/
    > div:first-of-type, > div:last-of-type {
        margin-top:10px;
    }
}

.sticky #subbar {
    margin-top: 10px;
	/*transition:transform 1s ease;*/
}

#subbar {
  overflow: hidden;
}

nav {
    margin: 35px 0 45px;
	position:relative;
	/*transition:transform 1s ease;*/
    > ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        > li {
            display: inline-block;
            padding-right: 30px;
            margin-right: 27px;
            margin-right: 25px;
			padding-right:15px;
			padding: 0 9px;
			/*position:relative;*/
            &:last-of-type {
                margin-right:0;
            }
            &:hover {
                > div {
                    display: initial;
                }
            }
			
			&.cafes a:after {
				background: url(../../../images/pictos/cafes.png) no-repeat;
			}
			&.thes a:after {
				background: url(../../../images/pictos/thes.png) no-repeat;
			}
			&.chocolats a:after {
				background: url(../../../images/pictos/chocolats.png) no-repeat;
			}
			&.biscuits a:after {
				background: url(../../../images/pictos/biscuits.png) no-repeat;
			}
			&.confiseries a:after {
				background: url(../../../images/pictos/confiseries.png) no-repeat;
			}
			&.accessoires a:after {
				background: url(../../../images/pictos/accessoires.png) no-repeat;
			}
			&.gamme-pro a:after {
				background: url(../../../images/pictos/gamme-pro.png) no-repeat;
			}
			&.accessoires a:after {
				background: url(../../../images/pictos/accessoires.png) no-repeat;
			}
			&.noel a:after {
				background: url(../../../images/pictos/noel.png) no-repeat;
			}
			&.paques a:after {
				background: url(../../../images/pictos/paques.png) no-repeat;
			}
			&.abonnements a:after {
				background: url(../../../images/pictos/abonnements.png) no-repeat;
			}
			&.coup-de-coeur a:after {
				background: url(../../../images/pictos/coup-de-coeur.png) no-repeat;
			}
			
			/*
            &:nth-child(2) a:after {
                background-position-x: -25px;
            }
            &:nth-child(3) a:after {
                background-position-x: -50px;
            }
            &:nth-child(4) a:after {
                background-position-x: -83px;
            }
            &:nth-child(5) a:after {
                width:27px;
                background-position-x: -109px;
            }
            &:nth-child(6) a:after {
                background-position-x: -142px;
                width:27px;
            }
            &:nth-child(8) {

                a {
                    padding-right: 10px;
                    &:after {
                        background-position-x: -175px;
                        width: 30px;
                    }
                }

            } 
 
            &:nth-child(9) a:after { 
                background-position-x: -210px;
				width: 30px;
            }
			
			 &:nth-child(10) a:after { 
                background-position-x: -244px;
				width: 30px;
            }
			*/
			
            > a {
                color:#3a3028;
                font-weight: 500;
                font-size: 15px;
                position:relative;
                padding-bottom: 20px;
                &:after {
                    display: inline-block;
                    content: ' ';
                    width: 31px;
                    height: 29px;
                    /*background: url(../../../images/nav.png) no-repeat;*/
                    position: absolute;
                    top: -4px;
                    right: -38px;
                }
                &:hover {
                    color:#854146;
                }
            }
            > div {
                z-index: 999;
                display: none;
                margin-top: 10px;
                border: 1px solid #c3a4583b;
                background: white;
                position: absolute;
				left: 0;
				width: 800px;
				width: 100%;
				top: 30px;
                .col {
                    min-width: 200px;
                    &:first-of-type {
                        > div {
                            padding-left: 10%;
							padding-right: 10%;
                        }
                    }
                    > div {
                        margin:20% 0;
                        border-right: 1px solid #C3A458;
                        height: 73%;
						padding-right: 10%;
                    }
					
					 > div.pro {
                        margin:20px 0;
                    }
                }
                img {
                    max-width: 91%;
                    margin-top: 23px;
                }
                h6 {
                    font-size: 14px;
                    font-weight: 600;
                    margin-bottom: 20px;
					
					a {
						color:#3a3028;
					}
                }
                ul {
                    list-style-type: none;
                    margin: 0;
                    padding: 0;
                    a {
                        display: block;
                        color: #aa7632;
                        font-size: 13px;
                        font-weight: 500;
                        padding: 4px 0;
                        &:hover {
                            color:#854146;
                        }
                    }
                }
            }

        }
    }
}

.sticky nav {
	margin: 0 0 10px 0;
	/*transition:transform 1s ease;	*/
}

.vertical-center {
   display: table-cell;
   float: none;
   vertical-align: middle;
}
#cats {
    margin-top: 30px;	
	
	.col-sm-4 { 
		.row {
			min-height:256px;
		}
	}
    h3 {
        background-color: #aa7b32;
        color:white;
        text-transform: uppercase;
        font-size: 21px;
        font-weight: 500;
        text-align: center;
        padding: 11px;
        margin: 0;
    }
    .row {
        background-color: white;
        margin:0;
        padding: 30px 0px;
        min-height: 235px;
        a {
            display: block;
            font-size: 13px;
            padding-bottom: 7px;
            color: black;
            &:hover {
                color:#B8711E;
                text-decoration: none;
            }
        }
        .col-sm-4 {
            text-align: center;
            position: relative;
						
            img {
                position: absolute;
                top:30%;
                left: 50%;
				width:80%;
                transform: translate(-30%,-50%);
            }
        }
        .col {
            padding-left: 40px;
			
			&:nth-child(1) {
			    padding-left: 15px;	
			}
        }
    }

    a.more, button.more {
        position: absolute;
        bottom: 24px;
        left: 50%;
        transform: translate(-15%,50%);
        color:#a51b2a;
        font-weight: 500;
        white-space: nowrap;
        &:hover {
            text-decoration:underline;
        }
    }
}
.span-container {
    background-color: #e6d9c4;
    padding:30px 0;
    margin: 40px 0;
    h2, a {
        color:#a51b2a;
    }
    h2 {
        margin: 0;
		font-weight: 400;
		font-size: 2.1rem;
    }
    p {
        font-weight: 500;
		font-size: 16px;
		margin: 10px 0;
    }
    .col-sm-6 {
        /*padding-left: 45px;*/
        position: relative;
    }
    /*
	a.btn-link {
        border:1px solid #a51b2a;
        padding: 10px 30px;
        display: inline-block;
        margin: 0 auto;
        position: absolute;
        bottom: 0;
        left: 40%;
        transform: translate(-40%,0%);
        font-weight: 600;
    }
	*/
	a.btn-link {
        border:1px solid #a51b2a;
        padding: 10px 30px;
        display: inline-block;
        margin: 0 auto;
        font-weight: 600;
    }
	
	a.btn-link:hover {
		background:#a51b2a;
		color:#fff	;
        text-decoration:none;
		
	}
}

.selectpicker {
	background: #fff;
	border: 1px solid #fefefe;
}

.filters {
	
	margin-top:-80px;
	margin-bottom:50px;
	position:relative;
	
	div > span {
		left: 0;
		right: 0;
		texct-align:center;
		position:absolute;
		color:#fff;	
		font-size:18px;
		display:block;
		top:30%;	
		color:#fff;	
		display:block;	
		font-size:18px;
	}
	span span {		
		position:relative;
		color:#fff;	
		display:block;	
		font-size:22px;
		text-transform:uppercase;
	}
	
	select {
		background: #fff;
		border: 1px solid #fefefe;
		width: 100%;
		margin: 10px 5px;
		padding: 5px;
		margin: 0;
		margin-top: 10px;
	}
	
}

.abonote {
    font-size: 12px;
    line-height: 15px;
    display: block;
    margin-bottom: 15px;
}

.bandeau { 
	margin-bottom:20px;
	position:relative;
	
	img {
		width: 100%;
	}
	
	.top-title {
			position: absolute;
			margin-top: 150px;
	
		h1 {
			color: #fff;
			text-transform: uppercase;
			text-align: center;
			width: 100%;
			letter-spacing: 5px;
			
			
			
		}
		span {
			display:block;
			color: #fff;
			font-size:17px;	
			letter-spacing:1px
		}
		
		a { color:#fff; }
	}
 }

.bar-title {
    text-align: center;
    position: relative;
	width: 100%;
	
	strong {
		font-weight:400;
		font-size:17px; 	
	}
	h3 {
		line-height: 1.5;	
	}
    hr {
        border-top: 1px solid #BA9942;
        position: absolute;
        top: 0.5em;
        width: 100%;
        z-index: -1;
    }
    h3 span {
        background: #f6f2eb;
        padding: 0 50px;
		font-size: 2.2rem;
		font-weight: 400;
    }
}
.hidden {
    display: none !important;
}

.bx-wrapper { background:transparent }

.bx-wrapper .bx-controls-direction a {
	text-indent: 0;
	text-align: center;
}
.bx-wrapper .bx-prev, .bx-wrapper .bx-next {
	background: none;
	font-size:36px;
}

#coups  .bx-prev {
	left: -30px;
}

#coups .bx-next {
	right: -30px;
}

#coups .bx-viewport {

    margin-top: 40px;
    margin-bottom: 40px;

}
		
#products {
    margin-top: 40px;
    margin-bottom: 40px;
    .flag {
        position: absolute;
        top: 0;
        right: 10px;
    	z-index: 1;
	}
    > .col {
        background-color: white;
        margin: 0 ;
        padding: 30px;
		border: 5px solid #f6f2eb;
        p {
            font-weight: 500;
            font-size: 18px;
            margin: 20px 0 10px;
            line-height: 22px;
        }
		
		p.cat {
			margin:0;
            font-weight: 300;
            font-size: 15px;
		}
		
		.labels img {
			max-width: 40px!important;
		}

        .price {
            &.haspromo {
                text-decoration: line-through;
			}
            font-size: 20px;
            font-weight: 500;
            padding: 0;
            margin-left: 15px;
            margin-right: 15px;
            
            em {
                font-size: 16px;
                font-style: normal;
            }
			span { 
				font-size:16px }
        }
        .promo-price {
            font-size: 24px;
            font-weight: 600;
            color:#A81023;
            padding: 0;
            em {
                font-size: 22px;
                font-style: normal;
            }
        }
        .buy {
            color:#A81023;
            text-align: center;
            margin-top: 25px;
            font-weight: 500;
            position: relative;
            &:hover {
                .add-to-cart {
                    display: block;
                    position: absolute;
                    top: -38px;
                    left: 35px;
                    padding: 1px 7px;
                    width: 200px;
                }
            }
        }
        .add-to-cart {
            display: none;
            text-align: center;
            background: #a51924;
            color: white;
            text-transform: uppercase;
            font-size: 12px;
            font-weight: 500;
            padding: 1px 0;
            max-width: 150px;
            position: relative;
            margin: 10px 0 0 ;
            &:hover {
                text-decoration:none;
                background: #c5515a;
                &:after {
                    border-color: #c5515a transparent transparent transparent;
                }
            }
            &:after {
                content: ' ';
                width: 0;
                height: 0;
                border-style: solid;
                border-width: 10px 7.5px 0 7.5px;
                border-color: #a51925 transparent transparent transparent;
                position: absolute;
                bottom: -10px;
                left: 50%;
                transform:translate(-50%,0);
            }
        }
		
        .img-container {
            /*min-height: 180px; */
            position: relative;
            /*
			img {
                position: absolute;
                top:50%;
                left:50%;
                transform: translate(-50%,-50%);
            }
			*/
        }
    }
}


#coups .bx-viewport #products { margin-top:0; margin-bottom:0 }

#shop { 
	margin-bottom:30px;
	
	.product-content-area { margin-bottom:20px }
	
	.opts {
		margin-bottom:10px; 
		
		span{
		
			min-width: 200px;
			display: inline-block;
			line-height:35px	
		
		}
		select {

			border: #fefefe;
			padding: 5px 10px;
			min-width: 250px;
		
		}
			
	}
	
	.buy-product {
		margin-top: 20px;
		
		.qty {
		
			padding: 5px 5px 7px 10px;
			max-width: 80px;
			text-align: center;
		
		}
		
		.btn {

			background: #9B1E26;
			border-radius: 0;
			padding: 7px 20px;
			color:#fff;
		
		}
	}
	
	.labels {
		margin-top:30px 	
	}
	.flag {
        position: absolute;
        top: 0;
        right: 30px;
    	z-index: 1;
	}
	.breadcrumb {
		padding:0;	
		background:transparent;
		
		a {
			margin:0 10px;	
			&:first-child {
				margin-left:0;	
			}
		}
	}
	
	.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active, .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {

		border-color: #9B1E26 #9B1E26 #9B1E26;
		background:#9B1E26;
		color:#fff;
	}
	.tab-content {
		background: #fff;
		padding: 20px;
		border-left: 1px solid #e6d9c4;
		border-bottom: 1px solid #e6d9c4;
		border-right: 1px solid #e6d9c4;
		margin-bottom: 20px;
	}
	
	.product-sidebar {
		h1 {
			font-size: 28px;
    		color:#9B1E26;
    		text-transform: uppercase;
		}
		.fa-circle {
    		color:#9B1E26;
			font-size:13px;
			margin-right:3px;	
		}
		
		.price {
            &.haspromo {
                text-decoration: line-through;
			}
            font-size: 20px;
            font-weight: 500;
            padding: 0;
            margin-left: 15px;
            margin-right: 15px;
            
            em {
                font-size: 16px;
                font-style: normal;
            }
			span { 
				font-size:16px }
        }
        .promo-price {
            font-size: 24px;
            font-weight: 600;
            color:#A81023;
            padding: 0;
            em {
                font-size: 22px;
                font-style: normal;
            }
        }
		
	}
	
	.span-container {
		padding: 10px 0;
	}
	
	
}

.span-container {
	#products {
		margin-top: 20px;
		margin-bottom: 30px;
		
		> .col {
			margin: 0;
			border-left: 8px solid #e6d9c4;
			border-right: 8px solid #e6d9c4;
			border: 8px solid #e6d9c4;
		}
		
	}
	
		.bar-title {
			text-align: center;
			position: relative;
			width: 100%;
			
			strong {
				font-weight:400;
				font-size:17px; 	
			}
			h3 {
				line-height: 1.5;	
			}
			hr {
				border-top: 1px solid red;
				position: absolute;
				top: 0.5em;
				width: 100%;
				z-index: -1;
			}
			h3 span {
				background: #e6d9c4;
				padding: 0 50px;
				font-size: 2.2rem;
				font-weight: 400;
			}
		}	
}


.article { margin-bottom:20px }

#blog {
    margin: 60px auto;
    border-bottom:1px solid #B18C29;
    padding-bottom: 60px;
    .articles {
        margin-top: 40px;
        h4 {
            margin: 30px 0 15px 0;
			color:#a41729;
        }
        span.time {
            font-size: 13px;
            font-weight: 500;
            span {
                color:#B18C29;
            }
        }
        p {
            font-weight: 400;
            font-size: 18px;
            margin: 15px 0;
        }
        a.more {
            border:1px solid #B18C29;
            color:#B18C29;
            padding: 8px 30px;
            display: inline-block;
            font-weight: 500;
        }
    }
}
#points {
    margin-bottom: 60px;
    .row {
        margin: 0 -30px;
    }
    .col-lg-3 {
        background-color: white;
        border-left:8px solid #f6f2eb;
        border-right:8px solid #f6f2eb;
        padding: 25px 30px;
		margin-bottom:10px
    }
    h5 {
        color:#aa7b32;
        margin: 15px 0;
        text-align: center;
        text-transform: uppercase;
		min-height: 50px;
    }
    .img-container {
        min-height: 60px;
        position: relative;
        img {
            position: absolute;
            top:50%;
            left:50%;
            transform: translate(-50%,-50%);
			
        }
    }
	img {
		max-width: 100%;
	}
    p {
        color:black;
        font-size: 13px;
        text-align: center;
        color:black;
        font-weight: 400;
    }
}
#actus {
    position: relative;
    margin-bottom: 70px;
    p.bigger {
        font-size: 20px;
        font-weight: 400;
        margin: 20px 16%;
    }
	.form-news { display:inline-block; width:100%; text-align:center; margin: 50px 0 0 0; 
		.form-control {
			display: inline-block;
			width: 300px;
		}
	}
	input { border:1px solid #B18C29; border-radius:0; border-right: 0; padding: .5rem .75rem; }
    a.more, button.more {
        border:1px solid #B18C29;
        color:#B18C29;
        padding: 8px 30px;
        display: inline-block;
        font-weight: 500;
        position: relative;
        
		background: transparent;
    }
    .social {
        margin-top: 45px;
    }
}
#footer {
    background-color: #643811;
    color:white;
    ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
        text-transform: uppercase;
        font-size: 12px;
        li {
            padding: 5px 0;
			white-space: nowrap;
            a {
                color:white;
            }
        }
    }
    h6 {
        margin: 30px 0;
        text-transform: uppercase;
		white-space: nowrap;
    }
    .logo {
        margin: 30px 0;
    }
    .main {
        font-size: 16px;
        line-height: 25px;
        p.description {
            margin: 15px 0 30px 0;
        }
        .coords {
            div {
                position: relative;
                text-indent: 30px;
                padding: 5px 0;
                &:before {
                    display: inline-block;
                    content: ' ';
                    width: 17px;
                    height: 17px;
                    background: url(../../../images/footer.png) no-repeat;
                    position: absolute;
                    top: 10px;
                    left: 0px;
                }
                &:nth-child(2):before {
                    background-position-y: -19px;
                }
                &:nth-child(3):before {
                    background-position-y: -38px;
                    top: 11px;
                }
            }
        }
    }
    .bottom {
        background-color: #4a2d16;
        padding: 15px 0;
        font-size: 11px;
        text-transform: uppercase;
        a {
            color:white;
            margin: 0 12px;
        }
    }
}
#mobile-nav, #subnav ul li.mobile-nav {
    display: none;
}

@media (min-width: 1200px) {
    .container {
        max-width: 1220px;
    }
}
@media (max-width: 1200px) {
	
	#cats a.more, #cats button.more {
		position:relative;
		transform: none;
		left:inherit;
		bottom:inherit;
	}
}



@media (max-width: 1024px) {
    nav > ul > li {
		margin-right: 14px;
	}
	nav > ul > li > a {
		font-size: 14px;
	}
	.compte a span {
		display:none
	}
}


@media (width: 768px) {
	#cats h3 {
		font-size: 16px;
	}
	
}


@media (max-width: 768px) {
	
	.popup_cart {
		width:100%;
		margin-left:0;
		left:0;
	}
	
	#shop, #shopz {

		margin-bottom: 30px;
		margin-top: 30px;

	}
	
	#points .row {
		margin: 0 -15px;
	}
	
	.filters .col-sm-4 {
		margin-bottom:10px;
	}
	
	.filters select {
		margin-top:0;
	}
	
	.bandeau  { padding: 20px 0;overflow: hidden;}

	
	.about-section .bar-title {
		margin-bottom: 10px;
	}
	
	.about-section {
		margin-top: 40px;
		margin-bottom: 40px;
	}
	
	.bx-wrapper {
		margin-bottom: 20px;
	}
	
	.compte a span {
		display:block
	}
	
	.span-container .bar-title h3 span, .bar-title h3 span {
		padding: 0 10px;
		font-size: 2rem;
		display: block;
	}
	
	#actus .form-news .form-control {
		display: inline-block;
		width: 55%;
	}
	
	
	.filters div > span {
		font-size: 12px;
	}
	
	#cats .row .col {
		padding-left: 20px;
	}

    nav {
		position: relative;
	}

	nav > ul > li {
		padding-right: 0px;
		position:inherit;
	}
	
	nav > ul > li > div {
		width:100%;
	}
	
	nav > ul > li > a::after {
		background:none;
	}
	#subnav ul li:first-of-type {
		text-align: center;
		margin-right: 20px;
	}
	#subnav ul li::after {
		background:none;
	}
	
	nav > ul > li > div .col:last-of-type {
		display:none
	}
	
}



@media (max-width: 480px) {
    body {
        /*overflow-x: hidden;*/
    }
	
	#subnav ul li:first-of-type {
		margin-right: 50px;
	}
	
}





@media only screen
and (min-device-width : 275px)
and (max-device-width : 667px) {
    body {
        /*margin-right: -15px;*/
    }
    #logo {
        margin:20px auto;
    }
    #subnav {
        text-align: center !important;
    }
    #cats {
        .row .col-sm-4 {
            img {
                position: initial;
                transform: none;
            }
            a.more {
                position: initial;
                transform: none;
                margin: 10px 0;
            }
        }
    }
    .span-container a.btn-link {
        position: initial;
        transform: none;
    }
    .span-container .col-sm-6 {
        padding-left:initial;
    }
    .articles {
        > div {
            padding-bottom: 20px;
        }
    }
    #discover {
        padding: 15px;
    }
    #desktop-nav {
        display: none;
    }
    #mobile-nav {
        display: initial;
        .content, ul {
            display: none;
        }
        .bar em {
            font-style: normal;
        }
        > ul > li {
            display: block;
            padding: 10px 0;
            border-bottom:1px solid #8c3c3c38;
            &:last-of-type {
                margin-right:45px;
            }
            a {
                display: block;
                padding-bottom: 0;
            }
            > div {
                display: block;
                position: initial;
                border:none;
                padding: 0 20px;
                margin-top: 10px;
                background: none;
                a {
                    display: block;
                    padding: 5px 0;
                    border-bottom:1px solid #8c3c3c38;
                    font-size: 14px;
                    color:black;
                }
                div {
                    margin-bottom: 20px;
                }
            }
            h6 {
                margin: 10px 0;
            }
        }
    }
    #subnav ul li.mobile-nav {
        position: relative;
        padding: 0 15px;
        display: inline-block;
        span  {
            position: absolute;
            top: 0;
            right: 0;
            margin-top: -45px;
            margin-right: 11px;
            font-size: 31px;
            padding: 1px 10px;
            border: 1px solid #8c3c3c36;
            background-color: white;
            color: #8c3c3c;
        }
    }
    #showroom {
        margin-top: 20px;
    }
    #helpdesk {
        display: none;
    }
}