@media (min-width : 320px) and (max-width: 667px){
	body {
	    overflow-x: hidden;
	}
     #block-lang-dropdown-language{
        right:50px;
    }

	#tatoo{
		display:none;
	}
    #navbar .logo {
        position:absolute;
        left:15px;
        top:10px;z-index:100;
    }
    .navbar-collapse{
        background-color:#e7e7e7; 
        margin-top:15px;
    }
    #navbar .navbar-nav {
        float: none;
        text-align:center;
        margin-right:0px;
        padding-top:40px;
    }
    #navbar .navbar-nav li{
        border-top:1px solid #ccc;
    }

    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{

    }
	
	.container > .navbar-header, 
	.container-fluid > .navbar-header, 
	.container > .navbar-collapse, 
	.container-fluid > .navbar-collapse {
	    margin-right: 0px;
	    margin-left: 0px;
        padding-right: 0px;
    	padding-left: 0px;
	}
	.navbar-nav {
	    margin: 7.5px 0px;
	}
	.navbar-toggle .icon-bar {
	    display: block;
	    width: 30px;
	    height: 6px;
	    border-radius: 1px;
	}
	.navbar-default .navbar-toggle .icon-bar {
	    background-color: #000;
	}
	.navbar-default .navbar-toggle {
/* 	    border-color: #ddd; */
	    border-color: #fff;
        padding: 7px 10px;
	}
	.navbar-default .navbar-toggle2 {
	    padding: 3px 10px;
	    background:transparent url('../images/x.png') center no-repeat;
        background-size: 27px 27px;
        width: 50px;
        height: 43px;
	}
	.navbar-default .navbar-toggle2 .icon-bar {
		display: none;
	    background-color: #fff;
	    font-size: 35px;
	    font-weight: bold;
        height: auto;
   		line-height: 35px;
	}
	#block-locale-language {
	    position: absolute;
	    right: calc(50% - 25px);
	}
	.region.region-navigation {
	    background-color: #e7e7e7;
	    height: 65px;
	    border-top: 1px solid #ccc;
	    display: none;
	    opacity: 0;
	    visibility: hidden;
	}
	ul.links.list-inline{
	    margin-bottom: 5px;
	}


    .slider-desktop{
        display:none;
    }
    .slider-mobile{
        display:block;
    }


    #block-views-la-gamme-block{
        background:transparent ;
    }
    #la_gamme_home {
        background:transparent url('../images/cocktails_mozaic.png') left bottom no-repeat;
        background-size: 50%;
    }

    #block-views-les-cocktails-block{
        background:transparent url('../images/cocktails_mozaic.png') left bottom no-repeat;
    }
    .footer {
        /*background: #222222 url(../images/footer2.png) left bottom no-repeat;*/
         background: #222222 url(../images/footer_background.png) left bottom no-repeat;  
	    height: 201px;
	    background-size: auto 201px;
	    margin-bottom: 45px;
	}
	#block-menu-menu-pied-de-page {
	    background: transparent;
	}
	#block-menu-menu-pied-de-page ul {
	    margin-top: 20px;
	    text-align: center;
	}
	#block-menu-menu-pied-de-page li {
	    margin: 0 20px;
        display: block;
	}
	.main-container.container {
	    padding-bottom: 246px;
	}
	#backtotop {
        z-index: 18;
        bottom: 50px;
	}
	
    /*
     *
     * La Gamme
     *
     */


    #block-views-gamme-liste-block .views-field-field-visuel{
        width:100%;
        float:none;
    }

    #block-views-gamme-liste-block .views-field-title{
        font-family : 'MarloweW00-Regular', Arial;
        font-size: 40px;
        text-align:center;
        text-transform:uppercase;
        padding: 10px 0px;
        border-bottom: 1px solid #e4e4e4;
    }

    #block-views-gamme-liste-block .views-field-field-description{
        overflow: hidden;
        width:auto;
        line-height: 1.8;
        font-family: 'DINPro-Light', Arial;
        font-size:14px;
        color: #000;
        padding: 40px;
        text-align: justify;
    }
    
    #cookieChoiceInfo {
    	padding: 20px !important;
   	    font-size: 12px;
    }
    /*
    * Agegate
    */
    #block-agegate-age-gate .modal-dialog {
	    max-width: 100%;
	    width: 100%;
	    padding-top: 8%;
        padding: 0;
    	margin: 0;
	}
	#select-country select, .country-age input {
	    font-size: 14px;
	}
	#block-agegate-age-gate .modal-content {
		border-radius: 0;
	    background: transparent url(../images/bg_age-gate.png) top center no-repeat;
	    height: 400px;
	    background-size: 88%;
	    width: 100%;
	    padding: 60px 10px 50px 10px;
	    -webkit-box-shadow: none;
	    box-shadow: none;
	    border: 0px;
	}
	#block-agegate-age-gate .inner h1 {
	    font-family: 'MarloweW00-Regular';
	    font-size: 28px;
	    text-transform: uppercase;
        text-align: center;
	}
	#block-agegate-age-gate .inner hr {
	    background: #ffffff url(../images/liseret_separator_waves.png) top center no-repeat;
	    border: 0px;
	    background-size: 75% 6px;
	    height: 10px;
	    margin: 10px auto 0px auto;
	    max-width: 60%;
	}
	#block-agegate-age-gate .inner p {
	    font-family: 'Gotham-Rounded-Light';
	    font-size: 10px;
	    line-height: 1.2em;
	    text-transform: uppercase;
	    padding: 10px 40px;
	}
	#block-agegate-age-gate .country-age > div {
	    /* float: left; */
	    display: inline-block;
	    margin-right: 0px;
	}
	#block-agegate-age-gate .pas18ans {
	    color: red;
	    padding: 0px 0px 0px 0px;
	    width: 90%;
	    margin: 0 auto;
	    font-size: 12px;
	}
	#block-agegate-age-gate .checkbox-custom label {
	    font-size: 11px;
	}
	#block-agegate-age-gate #checkbox {
	    width: 15px;
	    height: 15px;
	    vertical-align: text-bottom;
	    border: none;
	}
	#block-agegate-age-gate .btn {
	    font-family: 'Gotham-Rounded-Light';
	    color: #fff;
	    border-radius: 0;
	    font-size: 12px;
	    text-transform: uppercase;
	    text-align: center;
	}
	#block-agegate-age-gate .accept-text {
	    width: 50%;
	    margin: 5px auto;
	    font-family: 'Gotham-Rounded-Light';
	    font-size: 9px;
	    color: #bababa;
	}
	#block-agegate-age-gate .checkbox-custom {
	    padding: 3px 0px;
	}
	.mention-sanitaire {
	    font-size: 13px;
	}

	.age-gate-responsable{
		text-align:center;
		color:#ffffff;
		width:100%;
		position:relative;
		bottom:80px;
		left:0;
	}

	/*
    * Home
    */
	#block-views-slider-home-mobile-block .views-field-field-url{
		display:none;
	}
	#block-views-slider-home-mobile-block img{
		width:100%;
	}

    #block-views-slider-home-mobile-block .owl-controls {
		display: none;
		opacity: 0;
		visibility: hidden;
	}
	.home-block-suze-originale {
	    width: 100%;
	    height: auto;
	    background: #ffffff url(../images/bg_block_suze_l_originale.jpg) top left no-repeat;
	    background-size: 100% auto;
	    background-size: auto 100%;
	}
	.home-block-suze-originale #block5 {
	    position: relative;
	    width: 320px;
	    height: 210px;
	    background-color: #e34811;
	    margin: 158.77px auto;
	    background: rgb(227, 72, 17);
	    background: rgba(235, 77, 19, 0.7);
	}
	#block-block-2 .home-block-suze-originale {
		width: 100%;
		text-align: center;
	}
	.home-block-suze-originale .hexagon-inner {
	    position: absolute;
	    top: 0;
	    width: 310px;
	    height: 200px;
	    background-color: #ffffff;
	    margin: 5px;
	}
	.hexagon-inner:before {
	    bottom: 100%;
	    border-bottom: 100px solid #ffffff;
	}
	.hexagon-inner:after {
	    top: 100%;
	    width: 0;
	    border-top: 100px solid #ffffff;
	    z-index: 1;
	}
	#block-views-les-cocktails-block .views-field-field-visuel-cocktail .hexagon {
	    margin: 75px auto 60.74px auto;
	}
	#block5:before {
	    bottom: 100%;
	    border-bottom: 155px solid #e34811;
	    border-bottom: 155px solid rgb(227, 72, 17);
	    border-bottom: 105px solid rgba(235, 77, 19, 0.7);
	}
	#block5:after {
	    top: 100%;
	    width: 0;
	    border-top: 155px solid #e34811;
	    border-top: 155px solid rgb(227, 72, 17);
	    border-top: 105px solid rgba(235, 77, 19, 0.7);
	}
	.hexagon-inner:before, .hexagon-inner:after {
	    content: "";
	    position: absolute;
	    width: 0;
	    border-left: 155px solid transparent;
	    border-right: 155px solid transparent;
	}
	#block5:before, #block5:after {
	    content: "";
	    position: absolute;
	    width: 0;
        border-left: 160px solid transparent;
   	 	border-right: 160px solid transparent;
	    z-index: 0;
	}
	#block5 .block5_title {
	    font-family: "MarloweW00-Regular";
	    text-transform: uppercase;
	    font-size: 36px;
	    line-height: 36px;
	}
	.block5_subtitle {
	    font-family: "Gotham-Rounded-Light";
	    font-size: 14px;
	    text-transform: uppercase;
	    color: #000;
	}
	#block5 hr {
		background: #ffffff url(../images/liseret_separator_waves.png) top center no-repeat;
	    border: 0px;
	    background-size: 75% 6px;
	    height: 10px;
	    margin: 10px auto 0px auto;
	    max-width: 60%;
	}
	.block5_description {
	    font-family: "Gotham-Rounded-Light";
	    font-size: 12px;
	    line-height: 1.2;
	    padding: 20px 10px;
	}
	.page-builder-row-title h2 {
	    font-family: 'MarloweW00-Regular', Arial;
	    text-transform: uppercase;
	    text-align: center;
	    font-size: 35px;
	    margin: 30px 0px 25px 0px;
	}
	.page-builder-row-title hr {
	    background-size: 65% 6px;
	    margin-bottom: 0;
	}
	#block-views-la-gamme-block .owl-controls {
	   	right: 15%;
   	 	width: 70%;
   	 	z-index: 15;
	    top: 39%;
	}
	.owl-theme .owl-controls {
	    top: 39%;
	}
	#les_cocktails_home {
		background: transparent url(../images/cocktails_mozaic.png) left bottom no-repeat;
		background-size: 50%;
	}
	#block-views-les-cocktails-block {
	    background: transparent ;
	}
	#block-views-les-cocktails-block .views-field-nid {
	    padding-top: 40px;
	    padding-bottom: 20px;
	}
	.page-builder-row-title {
	    margin-bottom: 20px;
	}
	#les_cocktails_home .owl-theme .owl-controls .owl-buttons div {
	    margin: 5px 0;
	}
	#block-menu-menu-pied-de-page li a {
        padding: 2px 15px;3
        font-size : 12px;
	}
	/**
	* La gamme
	*/
	.gamme_slide_section,
	#block-views-gamme-liste-block .views-field-field-type-gamme {
		display: none;
		visibility: hidden;
		opacity: 0;
	}
	.gamme_cocktails_url{
		margin-bottom: 40px;
	}
	.la_gamme_slider {
		display: none;
		visibility: hidden;
		opacity: 0;
	}
	#block-views-cocktails-liste-block .views-field-field-visuel-cocktail {
	    width: 100%;
	    float: left;
	}
	#block-views-cocktails-liste-block .cocktail-details {
	    width: 100%;
	    height: 100%;
	    vertical-align: middle;
	    position: relative;
	    overflow: hidden;
	}
	#block-views-cocktails-liste-block .views-field-title {
	    font-family: 'MarloweW00-Regular', Arial;
	    font-size: 36px;
	    text-align: center;
	    text-transform: uppercase;
	}
	#block-views-cocktails-liste-block .views-field-field-ingredients, 
	#block-views-cocktails-liste-block .views-field-field-description-cocktail, 
	#block-views-cocktails-liste-block .views-field-field-type-cocktail {
	    width: auto;
	    line-height: 1.8;
	    font-family: 'Gotham-Rounded-Light', Arial;
	    font-size: 14px;
	    color: #000;
	    text-align: center;
	}
	#block-views-cocktails-liste-block .views-field-field-type-cocktail {
	    color: #000000;
	    text-transform: uppercase;
	    text-align: center;
	    padding-bottom: 25px;
	    background: transparent url(../images/separator_type-cocktail.png) center bottom no-repeat;
	    background-size: 1px 21px;
	}
	#block-views-cocktails-liste-block .table-ingredients .col {
	    font-size: 12px;
	}
	#block-views-cocktails-liste-block .table-ingredients .col p {
	    line-height: 14px;
	}
	#block-views-cocktails-liste-block .views-field-field-ingredients, #block-views-cocktails-liste-block .views-field-field-description-cocktail, #block-views-cocktails-liste-block .views-field-field-type-cocktail {
	    padding: 20px 30px;
	}
	.views-field-field-description-cocktail li {
	    list-style-type: none;
	    padding-left: 28px;
	    color: #000000;
	    /*color: rgba(40, 40, 40, 0.8);*/
	    background: url(../images/liste-tiret.jpg) no-repeat 0 15px;
	    background-size: 15px 1px;
	    text-align: left;
	}
	.views-field-field-description-cocktail ul {
	    padding-left: 0px;
	}
	#block-views-gamme-liste-block .view-content {
	    display: block;
	    padding-top: 0px;
	    background: transparent;
	}
	#block-views-gamme-liste-block .views-field-field-reference ul {
	    list-style: none;
	    padding-left: 0px;
	}
	#block-views-gamme-liste-block .views-field-field-reference li {
	    display: inline-block;
	    margin: 0 7px;
	    zoom: 0.6;
	}
	#block-views-gamme-liste-block .views-row-1,
	#block-views-gamme-liste-block .views-row-2,
	#block-views-gamme-liste-block .views-row-3 {
		padding-bottom: 10px;
	}
	#block-views-gamme-liste-block .views-field-field-lien {
	    background: transparent url(../images/cocktails_mozaic2.png) right bottom no-repeat;
	    background-size: 50%;
	    height: 120px;
	}
	#block-views-suze-fruits-block .owl-theme .owl-controls {
	    top: 45%;
	}
	.view-suze-fruits .view-header h2 {
	    font-family: 'MarloweW00-Regular', Arial;
	    font-size: 40px;
	    text-align: center;
	    text-transform: uppercase;
	    margin: 30px;
	}
	#page-builder-section-3 {
	    margin: 20px;
	}
	#page-builder-section-3 table p {
        padding: 10px;
	    font-size: 12px;
	    text-align: left;
	}
	
	
	
	/*
	* LES COCKTAILS
	*/
	.les_cocktails_slider {
		display: none;
		visibility: hidden;
		opacity: 0;
	}
	#block-views-cocktails-liste-block .view-content {
	    display: block;
	    padding-top: 0;
	    background: transparent;
	}
	.views-field-field-video-cocktail iframe {
		width: 100%;
		height: auto;
	}
	
	/*
	* SUZE L’ORIGINALE
	*/
	h2.title_histoire {
	    font-family: 'MarloweW00-Regular', Arial;
	    text-transform: uppercase;
	    text-align: center;
	    font-size: 35px;
	    margin: 30px 0px 20px 0px;
	}
	.histoire_description_title .builder-content p,
	.column_madeinsuze p {
	    line-height: 1.4;
	    font-size: 14px;
	    margin: 0px 40px;
        padding: 0px;
	}
	.image_title .builder-content-builder-image img {
	    max-width: 65%;
	    margin: 0 auto;
	    padding: 0px 20px;
	}
	.histoire_description_title .builder-content p {
        margin: 10px 40px;
	}
	.histoire_images_full .builder-column img {
	    width: 100%;
	    margin: 20px 0px;
	}
	h2.histoire_grand_title {
	    font-size: 40px;
	    padding: 0px 15px;
	    margin: 0;
	}
	.column_madeinsuze2 h2 {
	    font-family: 'MarloweW00-Regular', Arial;
	    text-transform: uppercase;
	    text-align: center;
	    font-size: 35px;
	    margin: 0;
	    letter-spacing: 2px;
        padding: 40px 20px 20px 20px;
	}
	.image_title2 .builder-content-builder-image img {
        max-width: 65%;
	    margin: 0 auto;
	    padding: 0px 20px;
	    margin-bottom: 30px;
	}
	.histoire_description_title .builder-content-builder {
	    padding: 0;
	}
	.col_img_chaudiere img {
	    width: 100%;
	    margin: 50px 0 20px 0;
	}
	.column_madeinsuze h2 {
	    font-family: 'MarloweW00-Regular', Arial;
	    font-size: 30px;
	    text-transform: uppercase;
	    padding: 0px 50px 20px 40px;
	    margin: 0;
	}
	.histoire_column_recolte h2 {
	    font-family: 'MarloweW00-Regular', Arial;
	    font-size: 30px;
	    text-align: center;
	    text-transform: uppercase;
	    padding: 29px 0px 10px 40px;
	    width: 90%;
	    margin: 0;
	}
	.histoire_column_recolte p {
	    line-height: 1.4;
	    font-size: 14px;
	    margin: 0px 40px;
        padding: 0px;
        width: auto;
	}
	.page-node-22 .form-item.form-type-item.form-group{
		display: none;
	}
	.page-node-22 .main-container.container {
	    padding-bottom: 220px;
	}
	h2.histoire_grand_title2 {
	    font-size: 40px;
	    padding: 0px 20px;
	}
	.histoire_col_img_recolte .builder-content-column-group .builder-content-wrapper:first-child .img-responsive {
	    position: relative;
	    z-index: 1;
	    left: 0;
	    right: 0;
	    top: 0px;
	    width: 100%;
	    width: 609px;
	    max-width: 100%;
	}
	.histoire_col_img_assemblage .img-responsive {
	    width: 100%;
	    margin: 0;
	}
	.histoire_column_assemblage .builder-content-wrapper {
		margin-top: 30px;
	}
	.histoire_column_assemblage p {
		line-height: 1.4;
    	font-size: 14px;
    	margin: 10px 40px;
	}
	.histoire_description_title .builder-content {
	    padding-top: 0px;
	}
	.histoire_row_img_assemblage {
	    margin-top: 50px;
	}
	.histoire_img_footer .builder-column img {
	    position: absolute;
	    z-index: 0;
	    zoom: 0.5;
	    right: -55px;
	}
	.histoire_img_footer {
	    height: 89px;
	    margin-top: -75px;
	    overflow: hidden;
	}
	/*
	* CONTENT PAGES
	*/
	.region-content h1 {
	    font-family: 'MarloweW00-Regular', Arial;
	    font-size: 30px;
	    text-align: left;
	    text-transform: uppercase;
	    padding: 0;
	    width: 100%;
	}
	.page-node-7 article,
	.page-node-6 article {
	    padding: 30px;
	}
	.region-content article p {
	    line-height: 1.4;
   	 	font-size: 14px;
 	    overflow: hidden;
	    width: auto;
	    font-family: 'Gotham-Rounded-Light', Arial;
	    color: #000;
	    text-align: justify;
	}    
	.region-content article ul {
	    padding-left: 25px;
	}
	.region-content article ul li {
	    line-height: 1.4;
	    font-size: 14px;
	    width: auto;
	    font-family: 'Gotham-Rounded-Light', Arial;
	    color: #000;
	    text-align: left;
	}
	
}

@media (min-width : 641px) and (max-width: 1024px){
	.gamme_slide_section .view-content .views-row-1 {
	    width: 15%;
	}
	.gamme_slide_section .view-content .views-row-2 {
	    width: 15%;
	}
	.gamme_slide_section .view-content .views-row-3 {
	    width: 25%;
	}
	.gamme_slide_section .view-content .views-row-4 {
	    width: 25%;
	}
}
@media (min-width : 320px) and (max-width: 359px){
	#block-block-2 {
	    position: relative;
	    overflow: hidden;
	    padding: 0px 0px;
	    zoom: 0.9;
	}
	#block-views-suze-fruits-block .owl-theme .owl-controls {
	    margin-top: 0px;
	    text-align: center;
	    position: absolute;
	    top: 47%;
	    width: 321px;
	    margin-left: -15px;
	    top: 43%;
	}
	#block-views-cocktails-liste-block .table-ingredients .col {
	    display: inline-block;
	    padding: 20px 10px;
	    border: 1px solid #cecece;
	    min-width: 100px;
	    margin-top: -1px;
	    margin-left: -1px;
	}
}
@media (min-width : 320px) and (max-width: 374px){
	#block-agegate-age-gate .inner h1 {
	    font-family: 'MarloweW00-Regular';
	    font-size: 25px;
	    text-transform: uppercase;
	    text-align: center;
	    margin: 0;
	}
	#block-agegate-age-gate .inner hr {
	    margin: 5px auto 0px auto;
	}
	#block-agegate-age-gate .inner p {
	    padding: 5px 30px;
	}
	#block-agegate-age-gate .accept-text {
	    width: 65%;
	    margin: 2px auto;
	    font-family: 'Gotham-Rounded-Light';
	    font-size: 9px;
	    color: #000;
	}
	#block-agegate-age-gate .checkbox-custom {
	    padding: 0px 10px;
	}
	#block-agegate-age-gate .checkbox-custom label {
	    margin-bottom: 2px;
	}
	#block-views-la-gamme-block .views-field-field-produit-visuel-home .field-content img, 
	#block-views-les-cocktails-block .views-field-field-visuel-cocktail .field-content img {
	   zoom: 0.9;
	}
}


	


@media (min-width: 640px) and (max-height: 820px){

	.age-gate-responsable{
		clear:both;
		text-align:center;
		font-size:9px;
		font-family: 'Gotham-Rounded-Light';
		color:#ffffff;
		width:50%;
		position:relative;
		left:0;
		bottom:0;
		margin:0px 25% 60px 25%;
	}
}