/*KOOROO*/

img.kooroo-banner {
    width: 135%;
}


#mobile-bar,
#menu-mobile, #informations-mobile,
.product-shop #sharing  {
    display: none;
}

body.catalog-product-view span.h1-style {
    margin: 0;
    color: #01366a !important;
    font-size: 34px;
    display: none;
}

@media (max-width: 1565px) {

}

@media (max-width: 1220px) {
    .col1-layout .product-view .product-shop {
        width: calc(100% - 457px);
        min-width: 0;
    }
    .product-view .product-img-box {
        width: 457px;
    }
	
	.product-essential .bottom {
		margin: 0px;
	}

}

@media (max-width: 1100px) {
    #nav span { 
		font-size: 12px;
	}
	#nav > li.nav-0 {
        width: calc(6% - 15px);
    }
    #nav div.submenu div.col.col-images a {
        display: none;
    }
    #nav div.submenu div.col.col-images a:nth-child(1),
    #nav div.submenu div.col.col-images a:nth-child(2),
    #nav div.submenu div.col.col-images a:nth-child(3) {
        display: block;
    }

    .form-list .field,
    .form-list .customer-name-prefix .name-firstname,
    .form-list .customer-name-middlename .name-firstname {
        width: 48%;
        margin-right: 2%;
    }
    .form-list input.input-text,
    .form-list select,
    .form-list .input-box,
    .form-list .field.name-prefix,
    .form-list .customer-name-prefix .name-firstname input.input-text, .form-list .customer-name-suffix .name-lastname input.input-text, .form-list .customer-name-middlename .name-firstname input.input-text, .form-list .customer-name-middlename-suffix .name-firstname input.input-text, .form-list .customer-name-middlename-suffix .name-lastname input.input-text,
    .form-list li.wide .input-box,
    .form-list li.wide input.input-text {
        width: 100%;
    } 
    #checkout-review-table {
        margin: 0;
        width: 100%;
    }
    .table-totals {
        float: right;
        margin: 0;
        width: 100%;
    }

}

@media (max-width: 1000px) {
    #nav span { 
		font-size: 11px;
	}
	#nav > li.nav-0 {
        width: 42px;
    }
    #nav > li.nav-1 {
        width: 15%;
    }

    #nav > li.nav-3 {
        width: 19%;
    }
    .header h1.logonew, 
    .header span.logonew,
    .header .topcart {
        margin: 25px 10px 0;
    }
    .footer {
        height: auto;
        width: 100%;
        padding: 0 20px 30px 20px;
        box-sizing: border-box;
    }
    .footer-container .top-container .top {
        width: 100%;
        box-sizing: border-box;
        padding: 0 20px;
    }
    .footer-container .top-container .social-link {
        margin: 30px 0px 0 5px;
    }
    .footer-container input#newsletter {
        width: 80%;
    }
    .footer-container .top-container .block-subscribe {
        width: 60%;
        min-width: 450px;
    }

    .header-container .top .part {
        min-width: 340px;
    }

    body.cms-index-index .main #block1 {
        width: calc(65% - 20px);
    }
    body.cms-index-index .main #social-block {
        width: calc(35% - 20px);
    }
    body.cms-index-index .main #block2 {
        width: calc(50% - 20px);
    }
    body.cms-index-index .main #block3 {
        width: calc(50% - 20px);
    }
    body.cms-index-index .main #block4 {
        width: calc(100% - 20px);
    }
    body.cms-index-index .main #bestsellers {
        width: calc(100% - 20px);
    }
    body.cms-index-index .main #newproducts {
        width: calc(100% - 20px);
    }

    #services-cart {
        display: none;
    }
    .cart .totals {
        width: 100%;
    }

}

@media (max-width: 970px) {
    .col1-layout .product-view .product-shop {
        width: 60%;
    }
    .product-view .product-img-box {
        min-width: 0;
        width: 40%;
    }
    .socialBg {
        width: calc(100% - 20px);
        margin-right: 20px;
        border-right: 1px solid #D0D0D0;
    }
    .socialBg .servicesDesc {
        width: calc(100% - 135px);
    }
    .servicesDesc #share-facebook, 
    .servicesDesc #share-twitter, 
    .servicesDesc #share-pint {
    }

    .see-more {
        right: 0;
        left: initial;
    }
}

@media (max-width: 900px) { 
    #nav span { 
		font-size: 10px;
	}
	.cms-produits-parfumants .header .logonew.logo-parfum, [class*="categorypath-produits-parfumants"] .header .logonew.logo-parfum, .category-produits-parfumants .header .logonew.logo-parfum, .category-collection-parfum-berger .header .logonew.logo-parfum, .header span.logonew.logo-lampes
    {
        background-size: contain;
        width: 190px;
    }
    .header span.logonew.logo-lampes {
        background-size: 155px;
    }
    .header .topcart {
        width: 190px;
        background-size: 100%;
        height: 60px;
        padding-left: 70px;
    }
    .header .topcart a {
        padding-top: 13px;
    }
    .header .quick-access div.center {
        width: calc(100% - 420px);
    }

    .account-login .col2-set .col-2,
    .account-login .col2-set .col-1 {
        width: 100%;
    }
    .account-login .col2-set .col-2 {
        margin-top: 20px;
    }

    .footer-container #head-newsletter label {
        font-size: 12px;
    }
    .footer-container #connecte-home-block div.block-content > div#head-newsletter {
        width: 200px;
    }
    .footer-container #connecte-home-block div.block-content > div.input-box {
        width: calc(100% - 300px);
    }

}

@media (max-width: 850px) {
    #nav > li.nav-1 {
        width: 92px;
    }
    #nav > li.nav-3 {
        /*width: 110px;*/
    }
	#nav > li.grey {
		min-width: 90px;
		width: 90px;
	}
    #nav > li.grey.last {
        width: auto;
    }
    .header .quick-access .form-search {
        width: 340px;
        background-size: contain;
    }
    .header .quick-access .input-text {
        width: calc(100% - 80px) !important;
        margin: 0; 
    }
    .footer-container .top-container .block-subscribe label {
        width: 80px;
        line-height: 16px;
        padding: 30px 0px 20px 0;
        box-sizing: border-box;
        background: none;
    }
    .footer-container .top-container .top p {
        margin: 0 10px 0 0;
        font-size: 14px;
    }
    .footer-container .top-container .block-subscribe {
        min-width: 400px;
    }

    .catalog-category-view #filter {
        width: 100%;
    }
    .catalog-category-view #right-content {
        width: 100%;
        max-width: 100%;
    }
    .block-layered-nav .filter {
        width: 100%;
    }
}

@media (max-width: 820px) {
    .product-view button.btn-cart span span {
        padding: 0 15px 0 0;
    }
    .servicesTitle {
        padding: 0px 0px 0 10px;
    }
    .socialBg .servicesDesc {
        width: calc(100% - 115px);
    }
}
@media (max-width: 785px) {
    #nav li.grey.last {
        min-width: 90px;
    }
}
@media (max-width: 768px) {
	#menu-mobile .nav-0{
		display:none;
	}

    .col-main {
        width: 100%;
    }
    .cms-produits-parfumants .footer-container .top-container,
    [class*=categorypath-produits-parfumants] .footer-container .top-container,
    .category-produits-parfumants .footer-container .top-container,
    .category-collection-parfum-berger  .footer-container .top-container {height: auto;}
    .footer-container .top-container .top p {
        width: 100%;
        text-align: left;
        line-height: 32px;
        background-position: 160px center;
        font-size: 16px;
        margin: 20px 0;
        display: block;
        box-sizing: border-box;
    }
    .footer-container .top-container .block-subscribe {
        width: 100%;
        text-align: center;
        box-sizing: border-box;
        min-width: 0;
    }
    .footer-container .top-container .block-subscribe label  {
        width: 100%;
        text-align: left;
        padding: 0 0 0 25px;
        box-sizing: border-box;
        display: block;
    }
    .footer-container input#newsletter {
        width: 100%;
        margin: 10px 0;
        box-sizing: border-box;
        height: 25px !important;
        line-height: 25px;
        box-sizing: border-box;
        padding: 0 10px;
    }
    .footer-container button.button {
        float: right;
    }
    .footer-container .top-container .social-link {display: inline-block;float: initial;margin: 10px 5px 20px 5px;}
    .footer-container .top-container #facebook-link {}
    .footer-container .top-container #pinterest-link {

    }
    .footer-container .top-container {
        height: auto;
    }

    .footer-container #connecte-home-block div.block-content > div.input-box {
        width: 100%;
    }
    .footer-container #connecte-home-block .block-subscribe .description-newsletter {
        display: none;
    }
    .footer-container #connecte-home-block div.block-content > div#head-newsletter {
        width: 100%;
    }
    .footer-container .top-container {
        height: 260px;
    }
    .footer-container #head-newsletter label {
        width: 100%;
        text-align: center;
        display: block;
    }

    .footer {
        padding-top: 20px;
    }
    .footer ul {width: 100%;margin: 0;}
    .footer ul.active li,
    .footer ul.pays.active li,
    .footer ul.informations.active li{
        display: block;
        margin-bottom: 10px;
    }
    .footer li,
    .footer ul.pays li, 
    .footer ul.informations li {   
        display: none;
        text-align: left;
    }
    .footer li.first,
    .footer ul.pays li.first, 
    .footer ul.informations li.first {
        border-bottom: solid 1px #c5c5c5;
        color: #00284e;
        font-family: futuralt;
        font-size: 14px;
        margin: 0 0 15px 0;
        text-transform: uppercase;
        padding: 5px 0;
        text-align: right;
        margin-bottom: 5px;
        display: block;
        cursor: pointer;

    }
    .footer ul.pays li a, 
    .footer ul.informations li a {
        background: none;
        padding: 0;
        background: url(../images/a-footer.png) no-repeat 0 50%;
        color: #767676;
        padding: 0 0 0 12px;
        text-decoration: none;
    }
    .footer ul.last {
        margin: 0;
    }
    .footer ul.informations {
        margin: 0;
        padding: 0;
        border: 0;
    }

    .footer p {
        border: 0;
        color: #EEE;
        width: 100%;
        margin: 10px auto 0 auto;
        float: left;
        line-height: 9px;
    }
    .footer p a {
        display: block;
        padding: 4px 0;
        /* text-align: left; */
    }
    .footer p a:last-child {
        border-bottom: 1px solid #C5C5C5;
        padding-bottom: 20px;
        width: 50%;
        min-width: 150px;
        margin: auto;
    }
    .footer ul.pays li, 
    .footer ul.informations li {

    }
    .footer ul.pays li span, 
    .footer ul.informations li span {
        display: none;
    }

    #mobile-bar {
        display: block;
        /*background: url(../images/bg-menu-new.png) repeat-x;*/
        background-color: #333;
        height: 39px;
        background-size: contain;
        width: 100%;
        z-index: 100000000000000;
        position: fixed;
        top: 0;
    }

    .header-container .nav-container,
    .header-container .topcart,
    .header-container .quick-access .center,
    #reassurance-top,
    .header-container .top .part.a-right,
    .header-container .top .part.a-left p {
        display: none;
    }
    .header h1.logonew, .header span.logonew {
        margin: 20px auto;
        float: none !important;
        height: 80px;
        background-position: center !important;
        display: block;
    }
    .header-container .top {
        padding: 0;
        height: 120px;
        /*width: 100px;*/
        position: absolute;
        float: right;
        right: 0;
    }
    .header-container .top .part {
        height: 120px;
        min-width: 0;
        width: 100%;
    }
    .header-container .top select {
        position: relative;
        margin: 80px 0 0 -70px;
        z-index: 100;
    }
    div.header-container .top span.flag[id^="flag"] {
        position: absolute;
        right: 20px;
        top: 40px;
        height: 40px;
        width: 40px;
        background-position: center center !important;
        margin: 0;
        background-color: #fff !important;
        border: 1px solid #eee;
        z-index: 100;
    }
    .header-container .top div#site {
        position: absolute;
        right: 30px;
        top: 81px;
    }
    .header-container .top div#site span:first-child {
        display: none;
    }
    .header-container .top div#site {
        height: 0;
    }
    .header-container {
        background: #F4F4F4;
        padding-top: 39px;
    }
    #mobile-bar ul {
        display: block;
        width: 100%;
        height: 100%;
    }
    #mobile-bar ul li {
        width: 20%;
        float: left;
        height: 100%;
        color: #fff;
        overflow: hidden;
    }
   #mobile-bar ul li {
	overflow:visible;
    }
    #mobile-bar ul li a {
        display: block;
        height: 100%;
        width: 100%;
        box-sizing: border-box;
        color: #fff;
        padding-top: 20px;
    }
    #mobile-bar #menu-toggle {
        background-color: #fff;
        box-shadow: 1px 1px 1px #3E3E3E;
        height: 70%;
        width: 50%;
        margin: 5px auto;
        padding: 3px 0;
        border-radius: 2px;
    }
    #mobile-bar #menu-toggle span {
        display: block;
        width: 20px;
        height: 3px;
        background-color: #3C3C3C;
        margin: 3px auto;
    }
    #mobile-bar #link-account,
    #mobile-bar #search-toggle,
    #mobile-bar #informations-toggle,
    #mobile-bar .topcart,
    #mobile-bar #infos-toggle {
        background-repeat: no-repeat;
        background-position: center 4px;
        background-size: 16px;
    }
    #mobile-bar #search-toggle {
        background-image: url('../images/icon-search.png');
    }
    #mobile-bar #infos-toggle {
        background-position: center 5px;
        background-image: url('../images/icon-information.png');
    }
    #mobile-bar .topcart {
        display: block;
        background-image: url('../images/icon-cart.png');
        background-size: 14px;
    }
    #mobile-bar .topcart span {
        display: none;
    }
    #mobile-bar #link-account {
        background-image: url('../images/icon-account.png');
    }
    #mobile-bar .form-search {
        display: none;
        width: 300px;
        background-color: #fff;
        padding: 10px;
        box-shadow: 1px 1px 1px #6A747C;
        z-index: 100;
        position: relative;
        text-align: left;
    }
    #mobile-bar .active .form-search {
        display: block;
    }
    #mobile-bar .form-search input.input-text {
        width: 200px;
    }
    #mobile-bar .form-search button.button {
        width: 80px;
    }
    #menu-mobile, #informations-mobile {
        height: 100%;
        width: 0;
        position: fixed;
        top: 39px;
        overflow: hidden;
        transition: 0.2s width ease-out;
        background-color: #fff;
        z-index: 1000;
        box-shadow: 0px 0px 15px #868686;
        display: block;
    }
    #menu-mobile {
        left: 0;
        /*padding-top: 20px;*/
    }
    #informations-mobile {
        right: 0;
        background-color: #fff;
        padding-top: 15px;
    }
    #informations-mobile li {
        width: 100%;
        background-repeat: no-repeat;
        background-position: 15px center;
        height: auto;
        background-size: 24px;
    }
    #informations-mobile li a {
        display: block;
        width: 100%;
        padding: 10px 20px 10px 50px;
        border-bottom: 1px solid #eee;
        text-align: left;
    }
    #informations-mobile li a span {
        display: inline;
    }
    body.menu-mobile-active #menu-mobile {
        width: 300px;
        overflow:auto;
        transition: 0.2s width ease-out;
    }
    body.menu-mobile-active #informations-mobile {
        width: 0;
    }
    body.infos-mobile-active #informations-mobile{
        width: 300px;
        transition: 0.2s width ease-out;
    }
    body.infos-mobile-active #menu-mobile {
        width: 0;
    }

    #menu-mobile > ul li {
        width: 100%;
    }
    #menu-mobile > ul li.first {
        display: none;
    }
    #menu-mobile > ul li:first-child {
        /*display: none;*/
    }
    #menu-mobile > ul li a {
        display: block;
        width: 270px;
        margin: auto;
        padding: 10px 0;
        border-bottom: 1px solid #eee;
        text-align: left;
        font-size: 13px;
    }

    #menu-mobile > ul li a span {
        font-weight: normal;
        font-size: 13px;
        display: inline;
    }
    #menu-mobile > ul li a span.subtitle {
        display: inline-block;
        padding: 0;
        margin: 0;
        margin-left: 3px;
    }
    #menu-mobile > ul li a span.openmenu {
        display: none;
    }

    #menu-mobile > ul li a#a-login,
    #menu-mobile > ul li a#a-logout,
    #menu-mobile > ul li#storelocator a{
        text-align:center;
    }
    #menu-mobile > ul li#storelocator a {
        border: none;
    }
    #menu-mobile > ul:last-child {
        margin-top: 30px;
    }
    #menu-mobile > ul:last-child li a {
        border: none;
        text-align: center;
    }
    #menu-mobile > ul:last-child li {
        background-size: 24px;
        background-position: 10px;
        background-repeat: no-repeat;
    }

    .category-description img {
        width: 100%;
    }

    .product-view .product-shop .product-name {
        margin: 5px 0 0 20px;
    }
    .product-view .product-shop .price-box {
        width: auto;
        margin: 5px 0 5px 20px;
    }
    .product-view .product-shop .availability.in-stock {
        float: right;
        margin: 10px;
    }
    .product-view .block-related {
        margin: 0px 0 0px 0;
        padding: 10px 0 0 20px;
    }
    .add-to-box {
        height: auto;
        margin: 45px 0 0;
    }
    .add-to-cart label {
        margin: 10px 5px 0 20px;
    }
    .product-view button.btn-cart span {
        height: 35px;
        line-height: 35px;
        background-size: 840px;
        padding: 0 0 0 50px;
        font-size: 13px;
    }

    body.catalog-product-view span.h1-style {
        display: block;
        margin: 10px 0;
    }
    .product-view .product-shop .product-name h1 {
        display: none;
    }
    .product-img-box #sharing {
        display: none;
    }
    .product-shop #sharing {
        display: block;
        margin: /*30px 0 0 0*/55px 0 0 0;
        width: 100%;
        background: rgb(230,230,230); /* Old browsers */
        background: -moz-linear-gradient(top,  rgba(230,230,230,1) 0%, rgba(240,240,240,1) 50%, rgba(240,240,240,1) 50%, rgba(230,230,230,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top,  rgba(230,230,230,1) 0%,rgba(240,240,240,1) 50%,rgba(240,240,240,1) 50%,rgba(230,230,230,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom,  rgba(230,230,230,1) 0%,rgba(240,240,240,1) 50%,rgba(240,240,240,1) 50%,rgba(230,230,230,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-9 */
        border: 1px solid #D0D0D0;
    }

    .product-view .product-img-box,
    .col1-layout .product-view .product-shop {
        width: 100%;
        border: 0;
        margin: 0;
    }

    .product-view .product-shop .box-addto {
        border-top: 0;
        float: left;
        height: auto;
        width: 100%;
    }
    .add-to-box {
        margin: 20px 0 0;
    }
    .product-essential {
        border: 0;
    }
    .product-shop .content {
        margin: 0;
    }
    #tabs {
        width: 100%;
        margin-left: 0;
    }
    .product-essential .bottom {
        padding-left: 0;
    }

    body.cms-index-index .main #slider,
    body.cms-index-index .main #zone1, 
    body.cms-index-index .main #zone2, 
    body.cms-index-index .main #zone3,
    body.cms-index-index .main #social-block {
        display: none;
    }
    body.cms-index-index .footer-container > div.top-container,
    body.cms-index-index .main #block4 {
        display: block;
    }
    body.cms-index-index .main #block1,
    body.cms-index-index .main #block2,
    body.cms-index-index .main #block3,
    body.cms-index-index .main #block4 {
        width: calc(100% - 20px);
    }
    body.cms-index-index .main #bestsellers .tagline {
        width: 100%;
        min-width: 0;
    }

    .box-account .col-1, .box-account .col-2 {
        width: 100%;
        padding: 0 0 10px 0;
        border: 0;
        border-bottom: 1px solid #E6E6E6;
        margin: 10px 0;
    }


    #form-validate {
        padding: 0;
    }
    .form-list li.wide .input-box,
    .form-list .customer-name-prefix .name-firstname, 
    .form-list .customer-name-middlename .name-firstname,
    .form-list .name-prefix,
    .form-list li.wide input.input-text,
    .form-list .field input,
    .form-list li.wide input,
    .form-list .field select,
    .form-list .customer-name-prefix .name-firstname input.input-text, .form-list .customer-name-suffix .name-lastname input.input-text, .form-list .customer-name-middlename .name-firstname input.input-text, .form-list .customer-name-middlename-suffix .name-firstname input.input-text, .form-list .customer-name-middlename-suffix .name-lastname input.input-text,
    .form-list .field,
    .form-list .input-box,
    .form-list li.wide select {
        width: 100%;
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }

    .form-list li.wide input.input-text,
    .form-list .field input,
    .form-list li.wide input,
    .form-list .customer-name-prefix .name-firstname input.input-text, .form-list .customer-name-suffix .name-lastname input.input-text, .form-list .customer-name-middlename .name-firstname input.input-text, .form-list .customer-name-middlename-suffix .name-firstname input.input-text, .form-list .customer-name-middlename-suffix .name-lastname input.input-text {
        padding: 0 10px;
    }


    .form-list .field {
        margin: 10px 0;
    }
    .form-list label {
        margin-bottom: 5px;
    }


    .block-account .block-content li {
        float: left;
        height: 34px;
        margin: 0 1px;
        padding: 0;
        -moz-border-radius: 0;
        -khtml-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        width: 50%;
        box-sizing: border-box;
        margin: 0;
        border: 1px solid #FFF;
    }
    .block-account .block-content li.current {
        padding: 8px 6px;
    }
    .block-account .block-content li a {
        color: #fff;
        text-decoration: none;
        white-space: nowrap;
        display: block;
        height: 100%;
        width: 100%;
        padding: 8px 6px;
    }

    .col-right,
    .col-left {
        width: 100%;
        margin: 10px 0;
    }
    .sidebar .block-cart {
        margin: auto;
    }

    .cart .discount {
        padding: 20px;
    }

    body.checkout-onepage-index .col-main {
        width: 100%;
    }
    body.checkout-onepage-index .col-right {
        display: none;
    }
    .sp-methods label {
        display: block;
        width: 100%;
    }
}
@media (max-width: 660px) {
    .cart-table td,
    .cart-table thead th {
        padding: 5px;
    }
    .cart-table .btn-continue,
    .cart-table .btn-update {
        margin-bottom: 10px;
    }
    .cart .shipping .form-list .input-box select, 
    .cart .shipping .form-list .input-box input,
    .cart .shipping .form-list .input-box,
    .cart .shipping .form-list li {
        width: 100%;
        margin: 0;
    }
}
@media (max-width: 555px) {

    body.cms-index-index .main #newproducts {
        width: calc(100% - 20px);
        height: 740px;
    }
    body.cms-index-index .main #bestsellers {
        width: calc(100% - 20px);
        height: 740px;
    }
    .products-grid #next-products,
    .products-grid #prev-products {
        display: none !important;
    }
}
@media (max-width: 510px) {
    .cart-table tbody td:nth-child(3),
    .cart-table thead th:nth-child(3) {
        display: none;
    }
}
@media (max-width: 480px) {
    .account-login {
        padding: 0;
    }
    .see-more {
        position: relative;
    }
    .add-to-cart label {
        margin: 10px 0 0 0;
    }
    .add-to-box {
        margin-top: 40px;
    }
    .add-to-cart .qty {
        margin: 7px 0px 0 3px;
        width: 20px !important;
    }
    .col1-layout .col-main {
        padding: 0 7px;
    }
    #tabs li {
        margin: 0 5px 0 0;
        padding: 5px 10px;
    }
    .product-essential .bottom a.justlink {
        padding: 0 3px;
        font-size: 12px;
        width: 35%;
    }
    .servicesTitle {
        padding: 0 0px 0 5px;
        font-size: 14px;
    }
}

@media (max-width: 321px) { 
    #mobile-bar #link-account, #mobile-bar #search-toggle, #mobile-bar #informations-toggle, #mobile-bar .topcart, #mobile-bar #infos-toggle {
        text-indent: 100px;
        overflow: hidden;
        background-position: center 10px;
    }
    #mobile-bar #infos-toggle {
        background-position: center 11px;
    }

}