/* 5 columns */
.col-xs-15,
.col-sm-15,
.col-md-6-mod,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px; 
    padding-right: 0;
    padding-left: 20px;
}
.col-xs-15 {
    width: 20%;
    float: left;
}
.quarter-container h4 {
    margin-left: 10px;
    font:700 56px 'Raleway', sans-serif;
}

@media (min-width: 768px) {
    .col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
    .col-md-6-mod {
        width: 40%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
    
    #dropdown-menu{
        width:1170px;
    }
}

/* BEGIN max width 1200px */
@media (max-width: 1200px) {
	.header .container > .navbar-collapse {
		clear: both;
		padding-left: 0;
		padding-top: 20px;
		padding-bottom: 10px;
                margin-top: -60px;
                padding-right: 0px;
	}
	.header .nav > li > a {
		padding-top: 5px !important;
		padding-bottom: 5px  !important;
                padding-left: 5px !important;
                padding-right: 5px !important;
                font-size: 12.5px;
	}
        .doner .nav{
            width: 200px;
        }
	.header .nav > li > a:first-child {
		padding-left: 0;
	}
/*	.header .navbar-nav > li.active > a, .header .navbar-nav > li > a:hover, .header .navbar-nav > li > a:focus, .header .navbar-nav > li.open > a, .header .navbar-nav > li.open > a:hover, .header .navbar-nav > li.open > a:focus {
		background: none;
	}*/

	.header .nav li.menu-search {
		padding-top: 0;
	}
	.header .nav li.menu-search span.sep {
		top: 2px;
		margin-right: 26px;
	}
	.header .nav li.menu-search i {
		top: -4px;
	}

	.steps3-col:first-child em {
		margin-left: 5px;
	}
	.content-form-page .control-label {
		padding-left: 30px;
		padding-bottom: 5px;
	}
	.content-form-page .col-md-offset-4 {
		margin-left: 15px;
	}
	.content-form-page .pull-right {
		float: left !important;
	}
        
        
        #dropdown_menu.parti-menu[aria-labelledby="mega-menu"]{
            margin: 0px;
            padding: 0px;
            left: 200px !important;
        }
        
        .ls-slide .slider-content{
            margin-top:140px;
        }
        .ls-slide .slider-content a.button-transparent{
            margin-top:20px;
            font: 500 50px 'Code', 'Myriad Pro', Arial, sans-serif;
        }
        
        .ls-slide .slider-content span{
            font:700 64px 'Code', 'Myriad Pro', Arial, sans-serif;
        }
        .header-slider .border-bottom-white{
            height: 30px;
        }
        .intro-content h3.center{
            font:700 44px 'Raleway', sans-serif;
        }
        .intro-content h3{
            font:700 24px 'Raleway', sans-serif;
        }
        
        .slider-items .slider-head span{
            font-size: 30px;
        }
        .continue_website_center .box h4{
            font:  700 24px 'Raleway', Arial, sans-serif;
        }
        .header .nav > li.doner{
            width: 200px;
        }
        .header .nav > li.doner{
            margin-top: 0;
        }
        
        .header .nav > li.doner li{
            margin-top: 5px;
        }
        .header .nav > li{
            margin-top:15px;
        }
        .header .nav > li.language{
            margin-top: 0;
        }
        
        .header .nav > li.language li{
            margin-top: 5px;
        }
        .continue_website_center .box{
            padding: 30px 10px;
        }
        .continue_website_center .box .form-group{
            width: 310px;
        }
        .continue_website_center .box .input{
            width: 190px;
            font: 500 12px 'Raleway', Arial, sans-serif;
        }
        .continue_website_center .box a{
            padding: 7px 2px;
            width:100px;
        }
        
        
        #mayor_container{
          position: relative;
          margin-top: -260px;
        }
        
        #sub_menu .sub_menu > li > a{
            font-size: 10.5px !important;
        }
        .doner .nav-container a.donner-button, .doner .nav-container a.contact-button{
            font: 700 18px 'Raleway', sans-serif;
        }
}
/* END max width 1200px */

/* BEGIN min width 992px */
@media (min-width: 992px) {
	.navbar-nav > li.dropdown:hover > .dropdown-menu{
		display: block;
	}
	.navbar-nav .open .dropdown-menu {
		position: absolute;
		float: left;
	}
	.navbar-nav > li > a > .fa-angle-down {
		display: none;
	}
}
/* END min width 992px */

/* BEGIN max width 992px */
@media (max-width: 992px) {
    .navbar-toggle {
            display: block;
            margin-right: 0;
    }
    .navbar-header {
        float: none;
    }
    
    .doner .nav{
        width: 244px;
    }
    .cart-block {
            float: none;
            position: absolute;
            top: 0;
            right: 60px;
    }

    .header .container {
            position: relative;
    }
    .header .container > .navbar-collapse {
            height: 0 !important;
            overflow: hidden !important;
            margin-bottom: 15px;
            padding-top: 0;
            padding-bottom: 0;
    }
    .header .container > .navbar-collapse.in {
            height: auto !important;
            overflow: inherit !important;
            margin-left: 15px;
            margin-top: 20px;
    }
    .header.navbar {
            min-height: 83px;
    }
    .header .navbar-nav {
            margin: 0 -40px 0;
            padding: 15px 15px 0;
            background: #F9F9F9;
            font-size: 16px;
            float: none;
    }
    .header .nav > li{
        width:250px;

    }
    .header .nav li {
            border-bottom: 1px solid #ECECEC;
            float: none;
            display: block;
            border-right:none !important;
            margin-top:0 !important;
    }
    .header .nav li a {
            padding: 7px 8px 5px !important;
            color: #3E4D5C !important;
            border-right:none !important
    }
    .header .nav li a:hover,
    .header .nav li a:focus,
    .header .nav li.active > a,
    .navbar-nav .open .dropdown-menu > li > a:hover {
            color: #E02222 !important;
            background: none !important;
    }
    .header .nav li .fa-angle-down {
            float: right;
    }
    .navbar-nav .open .dropdown-menu {
            position: static;
            float: none;
            background: inherit;
            border: none;
            box-shadow: none;
            margin: 0 0 0 20px;
            display: block !important;
            width: auto;
    }
    .header li.dropdown > .dropdown-menu:after {
            border: none;
    }
    .header .dropdown-menu2 .fa-angle-right {
            display: none;
    }

    .dropdown-menu[aria-labelledby="mega-menu"], .dropdown-menu[aria-labelledby="mega-menu-catalogue"] {
            float: none;
            width: auto;
    }

    .nav-content {
            padding: 0;
    }
    .nav-content-col > h3 {
            font-size: 13px;
            margin: 0;
    }

    .header .nav-brands {
            margin: 0 0 15px;
            padding: 0;
    }
    .header .nav-brands ul {
            border: 1px solid #F0F0F0;
    }
    .header .nav-brands li {
            max-width: 50%;
            display: inline-block;
    }
    .dropdown-menu[aria-labelledby="mega-menu-catalogue"] {
            margin-left: 10px !important;
    }
    .nav-content .product-item {
            margin: 10px 20px 10px 0;
    }
    .nav-content .product-item:last-child {
            margin-right: 0;
    }
    .header .navbar-nav > li > a:focus, .header .navbar-nav > li.open > a:focus {
            color: #333 !important;
    }

    .header .nav li.menu-search {
            padding-bottom: 10px;
            padding-left: 10px;
            border: none;
    }
    .header .nav li.menu-search span.sep {
            display: none;
    }
    .header .nav li.menu-search i {
            top: 7px;
    }
    .header .search-box {
            right: auto;
            left: 0;
            top: 0;
            position: static;
    }
    .header .search-box:after {
            border: none;
    }

    .sidebar-menu a:focus {
            color: #333 !important;
            text-decoration: none;
    }

    .sale-product___removed {
            margin-bottom: 40px;
    }
    .new-arrivals___removed {
            margin-left: 15px;
            padding-left: 0;
    }
    .two-items-bottom-items {
            margin-bottom: 40px;
    }
    .carousel img {
            width: 100%;
    }
    .steps3 {
            padding-bottom: 10px;
    }
    .steps3-col {
            border: 2px solid #FFF;
            margin: 0 20px 20px 15px;
            padding: 20px 20px 15px;
            min-height: auto;
            float: left;
    }
    .steps3-col:last-child {
            margin-right: 0;
    }
    .steps3 .steps3-col div {
            margin-left: 0;
    }
    .steps3 h2 {
            font-size: 25px;
    }
    .steps3 em {
            text-transform: inherit;
    }
    .steps3-col span,
    .steps3-col .fa {
            display: none;
    }
    .steps3-col:first-child em {
            margin-left: 0;
    }
    .pre-footer-subscribe-box form {
            width: 100%;
    }

    .sidebar-products img {
            float: none;
            margin-bottom: 5px;
            width: 100%;
            height: auto;
    }
    .sidebar-products h3,
    .sidebar-products .price {
            margin-left: 0;
    }
    .product-page-options .pull-left {
            margin-bottom: 10px;

    }
    .product-quantity {
            margin-bottom: 10px;
    }

    /*
    if you want to hide buttons on mobile view, uncomment this block
    .pi-img-wrapper div {
            display: none !important;
    }*/
    .review .rateit {
            width: 100%;
            margin-bottom: 10px;
    }
    .list-view-sorting .pull-right {
            margin-bottom: 10px;
    }

    #dropdown_menu.parti-menu[aria-labelledby="mega-menu"]{
        width: 100%;
        margin: 0px;
        padding: 0px;
        left: 260px !important;
        top:200px;
    }

    .slider-box-circulation .row div{
        height: 300px;
    }

    .ls-slide .slider-content{
        margin-top:100px;
    }
    .ls-slide .slider-content a.button-transparent{
        margin-top:10px;
        font: 500 38px 'Code', 'Myriad Pro', Arial, sans-serif;
    }
    .header-slider .border-bottom-white{
        height: 10px;
    }

    .intro-content h3.left{
        font: 700 30px 'Raleway', sans-serif;
        margin-left: 40px;
    }
    .intro-content h3.right{
        font: 700 30px 'Raleway', sans-serif;
        float: none;
        margin-right: 0;
        margin-left: 40px;
    }
    .intro-content .slider-container{
        overflow:hidden;
        margin-top:70px;
    }
    .intro-content .slider-container.continue_website_right{
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .white{
        margin:10px 40px 150px;
    }
    .intro-content h3.center{
        font:700 40px 'Raleway', sans-serif;
    }

    #contact_info_page .slider-content,
    #elu-page .slider-content{
        margin-bottom: 50px;
    }

    #elu_menu .sub_menu li.sub_menu_divider{
        display: none;
    }
    .content-pages span.extra-large{
        font:700 60px 'Raleway', Arial, sans-serif
    }
    .header .nav > li.doner,.header .nav > li.language{
        width: auto;
        padding: 0 !important;
        margin-top: 10px !important;
    }

    .header .nav > li.language{
        text-align: left;
    }

    .continue_website_center .box{
        padding: 30px 40px;
    }
    .continue_website_center .box .form-group{
        width: 320px;
    }
    .continue_website_center .box .input{
        width: 205px;
        font: 500 13px 'Raleway', Arial, sans-serif;
    }
    .continue_website_center .box a{
        padding: 7px 6px;
        width:110px;
    }
    .continue_website_left, .continue_website_right{
        margin-top: 50px;
        margin-bottom: 100px;
    }


    #mayor_container .mayor.text{
        display: none;
    }

    #mayor_container .mayor.mobile{
        display: block;
    }

    #mayor_container{
        margin-top: -110px;
    }
    #mayor_container .mayor span.name{
        margin-top: 0px;
    }

    #elu_info .col-left{
        padding-left: 0px;
        padding-right: 0px;
    }
    #elu_info .col-right{
        margin-top: 15px;
        padding-left: 0px;
        padding-right: 0px;
    }
    #elu_menu .parallax-nav.small li a {
        font: 700 11px 'Raleway', sans-serif;
    }

    #featured_container .news_small_item{
        height: auto;
    }

    #twitter_box{
        width: 100%;
        float: left;
    }


    #elu_menu.affix .parallax-nav{
        margin: 20px 35px 20px 0;
    }
    #elu_menu.affix{
        height: auto;
    }
    
    #sub_menu .container > .sub_menu_global,#elu_menu .container > .quick-menu {
            height: 0 !important;
            overflow: hidden !important;
            margin-bottom: 15px;
            padding-top: 0;
            padding-bottom: 0;
    }
    #sub_menu .container > .sub_menu_global.in{
            height: auto !important;
            overflow: inherit !important;
            margin-left: 15px;
            margin-top: 20px;
            box-shadow: none;
            min-height: 380px;
    }
    #elu_menu .container > .quick-menu.in{
            height: auto !important;
            overflow: inherit !important;
            margin-left: 15px;
            margin-top: 30px;
    }
    #sub_menu .navbar-nav,#elu_menu .navbar-nav {
        margin: 0 -60px;
        padding: 31px 15px 0;
        font-size: 16px;
        margin-right: 0px;
    }
    #sub_menu .navbar-nav{
        margin-left: 10px;
    }
    #sub_menu .nav > li{
        width:auto;
    }
    #sub_menu .nav li {
            border-top: 1px solid #ECECEC;
            float: none;
            display: block;
            border-right:none !important;
            margin-top:0 !important;
    }
    #elu_menu a.small{
        padding: 15px 0 0 0px;
    }
    
        
    #sub_menu .nav li a img{
        float: left;
    }
    #sub_menu .nav li a {
        border-right:none !important;
        text-align: left;
        width: 100%;
    }
    #sub_menu .sub_menu li.facebook a{
        text-align: center;
    }
    #sub_menu .nav li a:hover,
    #sub_menu .nav li a:focus,
    #sub_menu .nav li.active > a,
    .navbar-nav .open .dropdown-menu > li > a:hover {
            background: #007f78 !important;
    }
    #sub_menu .nav li.three{
        clear: both;
    }
    #sub_menu .nav li .fa-angle-down {
            float: right;
    }
    #sub_menu .sub_menu li.social{
        display: inline-block;
        width: 70px;
    }
    #sub_menu .sub_menu li.escape-media{
        width: 100px;
    }
    #sub_menu .sub_menu li.facebook{
        
    }
    #sub_menu .sub_menu li.twitter{
        display: inline-block;
    }
    .navbar-nav .open .dropdown-menu {
            position: static;
            float: none;
            background: inherit;
            border: none;
            box-shadow: none;
            margin: 0 0 0 20px;
            display: block !important;
            width: auto;
    }
    #sub_menu li.dropdown > .dropdown-menu:after {
            border: none;
    }
    #sub_menu .dropdown-menu .fa-angle-right {
            display: none;
    }
    #sub_menu .navbar-toggle {
            margin-right: 0px;
            padding: 0;
    }

    .content-details div div .field-value{
        font: 500 13px 'Raleway', 'Myriad Pro', Arial, sans-serif;
    }
    .sub-content div div .field-name{
        font: 700 18px 'Raleway', 'Myriad Pro', Arial, sans-serif;
    }
    .bureau_arrond{
        padding-left: 20px;
    }
    
      #first_slider{
          padding: 10px;
          
      }
      
      #first_slider .slider_logo{
          width: 90% !important;
          padding-top: 25px;
      }
      
        #first_slider span.large{
            font:700 30px 'Code', 'Myriad Pro', Arial, sans-serif;
        }
        #first_slider a.button-transparent{
            margin-top: 10px;
            font: 500 20px 'Code', 'Myriad Pro', Arial, sans-serif;
        }
        #first_slider span.first_span{
            margin-top: 150px;
        }



    .ls-slide .slider-content span{
        font:700 60px 'Code', 'Myriad Pro', Arial, sans-serif;
    }
}
/* END max width 992px */

@media (max-width: 768px) {
    
      #first_slider span.large{
          font:700 25px 'Code', 'Myriad Pro', Arial, sans-serif;
      }
      
        #first_slider span.first_span{
            margin-top: 110px;
        }
        #first_slider .border-bottom-white{
            height: 10px;
        }
    
    .ls-slide .slider-content span{
        font:700 40px 'Code', 'Myriad Pro', Arial, sans-serif;
    }
}
/* BEGIN max width 767px */
@media (max-width: 767px) {
    .arrond_dropdown{
        height: auto;
    }
    .header .container > .navbar-collapse.in {
            margin-left: 0;
            margin-right: 0;
            padding: 15px 15px 0;
    }

    #arrond_page .slider-content.content-pages{
        margin-bottom: 20px;
    }
    .content-pages span.parallax{
        margin-top: 10px;
    }
        .header .navbar-toggle {
		display: block;
		margin-right: 15px;
	}
	.navbar-header {
	    float: none;
	}
	.cart-block {
		float: none;
		position: absolute;
		top: 0;
		right: 60px;
	}
	.header .container {
		position: relative;
	}
        
    
	.pre-header .pull-right {
		float: left !important;
	}
	.pre-header .pull-right li:first-child {
		padding-left: 0;
	}
	.sidebar {
		margin-bottom: 40px;
	}
	.sidebar___removed {
		margin-bottom: 40px;
	}
	.sidebar-menu .fa-angle-right {
		display: inline-block;
	}
	.pre-footer .pull-right,
	.footer .pull-right {
		float: left !important;
	}
	.pre-footer .pull-right,
	.footer .pull-right {
		padding-top: 20px;
	}
	.footer .list-inline > li {
		padding-left: 0;
		margin-right: 5px;
	}

	.steps3-col {
		border: 2px solid #FFF;
		margin: 0 15px 20px;
		padding: 20px 20px 15px;
		min-height: auto;
		float: none;
	}
	.steps3-col:last-child {
		margin-right: 15px;
	}
	.steps3 .steps3-col div {
		margin-left: 0;
	}
	.steps3 h2 {
		font-size: 43px;
	}
	.steps3 em {
		text-transform: uppercase;
	}
	.steps3-col span {
		display: none;
	}
	.steps3-col .fa {
		display: block;
	}
	.form-info {
		border-left: none;
		padding-left: 0;
		padding-top: 30px;
		border-top: 1px solid #E4E6E8;
		margin-bottom: 0;
	}

	.sidebar-products .item {
		float: left;
		width: 48%;
		margin-bottom: 20px;
		padding: 0 10px 10px;
	}
	.sidebar-products img {
		width: 100%;
		height: auto;
	}
	.list-view-sorting {
		/*background: #fff;*/
		margin-left: 0;
		margin-right: 0;
		padding-bottom: 10px;
	}
	.list-view-sorting .col-md-10 {
		padding-right: 0;
	}
	.product-other-images {
		margin-bottom: 40px;
	}
	.product-page-options .pull-left {
		margin-bottom: 0;
	}
	.product-item .img-responsive {
		width: 100%;
	}
	.pagination {
		float: left !important;
		padding-top: 10px;
	}
	.pagination > li {
		margin-left: 0;
		margin-right: 5px;
	}

	.pre-footer .margin-bottom-40 {
		margin-bottom: 0;
	}
	.ls-layer3 .ls-price strong {
		top: -15px;
	}
        
        
        .header .navbar-collapse{
            float: none;
            margin: 0px;
            padding: 0px;
        }
        
        
        .header .navbar-nav{
            margin-left: -15px;
            margin-right: -15px;
            margin-top: 15px;
        }
        .doner ul.navbar-nav,.language ul.navbar-nav{
            margin-top: -10px !important;
            margin-left: 0px !important;
            margin-right: 0px !important;
            padding: 0 ;
        }
        .header .nav > li{
            padding: 10px !important;
            width: 100%;
        }
        
        .header .container > .navbar-collapse.in{
            display: block;
            height: auto;
            padding: 0;
            margin: 0;
            height: 100% !important;
        }
        .header .nav-content-col li{
            padding: 1px 10px;                            
        }
        
        
        #dropdown_menu{
            z-index:99999;
            border: none !important;
            overflow: auto;
        }
        
        .header .dropdown-menu2{
            box-shadow: none;
        }
        
        .quarter-container h4.small{
            font: 700 30px 'Raleway', Arial, sans-serif;
        }
        .pre-footer{
            height: auto;
            overflow: auto;
            margin-bottom: 20px;
            padding: 0 10px;
        }
        .pre-footer .row ul{
            height: auto !important;
            overflow: auto !important
        }
        .pre-footer .row{
            height: auto !important;
        }
        .mega-entry.tp-ordered{
            height: 270px;
            position: relative !important;
        }
        .megafolio-container{
            height: auto !important;
        }
        
        .quarter-container h4{
            font: 700 32px 'Raleway', Arial, sans-serif;
        }
        .content-pages span.extra-large{
            font: 700 48px 'Raleway', Arial, sans-serif;
        }
        .slider-content span{
            font:700 64px 'Code', 'Myriad Pro', Arial, sans-serif
        }
        .content-pages span.normal{
            font:700 40px 'Raleway', Arial, sans-serif
        }
        .quarter-container h4.ratio{
            font: 700 40px 'Raleway', sans-serif;
        }
        #modal-article .details h4{
            font: 500 20px 'Myriad Pro', Arial, sans-serif;
        }
        #modal-article .details p{
            font: 500 12px 'Myriad Pro', Arial, sans-serif;
        }
        .content-pages span.parallax{
            font:700 36px 'Raleway', Arial, sans-serif;
            
        }
        
        .content-pages span.parallax img{
            height: auto;
        }
        .content-pages span.small{
            font:700 28px 'Raleway', Arial, sans-serif;
        }
        
        
        .elus{
            margin-bottom: 0;
            margin-top: 50px;
        }
        .contact-container{
            padding:0 10px !important
        }
        
        .middle-menu .row div.slider-head{
            height: 80px;
        }
        #arrondissement_container .input{
            min-width: 170px;
            font-size: 12px;
        }
        
        .media-filter .media .media-contents{
            padding-top: 10px;
        }
        #media-content .col-md-4{
            display: none;
        }
        
        .locales-raise,.press-raise{
            top:-80px !important;
        }
        
        label.error[for="day"], label.error[for="month"], label.error[for="year"]{
            margin-left:80px;
        }
        
        #map,#map_overlay{
            top:-50px !important;
        }
        #contact_div{
            margin-top: -10px !important;
        }
        .gmnoprint.gm-style-cc,.gmnoprint .gm-style-cc{
            display: none;
        }
        
        #dropdown_menu.parti-menu[aria-labelledby="mega-menu"]{
            width: 100%;
            margin: 0px;
            padding: 0px;
            left: 0px !important;
            top:200px
        }
        
        .slider-box-circulation .row div{
            height: auto;
        }
        .header-slider{
            margin-top: 40px;
        }
        
        .ls-slide .slider-content{
            margin-top:80px;
        }
        .ls-slide .slider-content a.button-transparent{
            margin-top:20px;
            font: 500 30px 'Code', 'Myriad Pro', Arial, sans-serif;
        }
        
        .ls-slide .slider-content span{
            font:700 40px 'Code', 'Myriad Pro', Arial, sans-serif;
        }
        .header-slider .border-bottom-white{
            height: 30px;
        }
        
        .intro-content h3.left{
            font: 700 22px 'Raleway', sans-serif;
            margin-left: 40px;
        }
        .intro-content h3.right{
            font: 700 22px 'Raleway', sans-serif;
            float: none;
            margin-right: 0;
            margin-left: 40px;
        }
        
        .intro-content h3.center{
            font:700 30px 'Raleway', sans-serif;
        }
        .form-horizontal .form-group{
            margin-left: 0;
        }
        .quarter_img{
            width: 100%;
        }
        
        .parallax-container .parallax-nav.sub_menu{
            margin-top: 5px;
        }
        .continue_website_left, .continue_website_right{
            margin: 50px auto;
        }
        .continue_website_center{
            margin-top: 80px;
        }
        #slider-page .content-pages{
            margin-bottom: 20px;
        }
        
        .sub-content .dropdown button{
            margin-left: 0;
        }
        .sub-content .dropdown-menu{
            margin-left: 0;
        }
        
        .locales{
            margin-top: 80px;
        }
        #mayor_container .mayor span.name{
            font-size: 56px;
        }
        #mayor_container .mayor span.title{
            font-size: 17px;
        }
        
        #mayor_container .mayor span.title.large{
            font-size: 36px;
        }
        .media-filter .media .media-contents h1{
            font:700 37px 'Raleway', 'Myriad Pro', Arial, sans-serif;
        }
        #sub_menu .sub_menu li.facebook a img{
            float: none;
        }
        .content-details div div .field-value{
            font: 500 14px 'Raleway', 'Myriad Pro', Arial, sans-serif;
        }
        
        #contact_div .bureau_arrond{
            padding-left: 20px !important;
            border-left: none;
            border-top: 2px solid #00A79D;
        }
        
        #contact_div .bureau_arrond h6{
            margin-top: 10px;
            font: 700 16px 'Raleway', 'Myriad Pro', Arial, sans-serif;
        }
        
      
      #first_slider span.large{
          font:700 25px 'Code', 'Myriad Pro', Arial, sans-serif;
      }
      
        #first_slider span.first_span{
            margin-top: 110px;
        }
        #first_slider .border-bottom-white{
            height: 10px;
        }
      #first_slider a.button-transparent{
          padding: 5px;
      }
}
/* END max width 767px */

/* BEGIN max width 600px */
@media (max-width: 600px) {
    
    
        #twitter_box{
            width: 100%;
        }
        
	.ls-layer3 .ls-price strong {
		top: -5px;
	}
        
        .header .navbar-collapse{
            float: none;
            margin: 0px;
            padding: 0px;
        }
        
        
        .header .navbar-nav{
            margin-left: -15px;
            margin-right: -15px;
            margin-top: 15px;
        }
        .header .nav > li{
            padding: 10px !important;
            width: 100%;
        }
        
        .header .container > .navbar-collapse.in{
            display: block;
            height: auto;
            padding: 0;
            margin: 0;
            height: 100% !important;
        }
        .header .nav-content-col li{
            padding: 1px 10px;                            
        }
        
        
        #dropdown_menu{
            z-index:99999;
            border: none !important;
            overflow: auto;
        }
        
        .header .dropdown-menu2{
            box-shadow: none;
        }
        
        .quarter-container h4.small{
            font: 700 30px 'Raleway', Arial, sans-serif;
        }
        .pre-footer{
            height: auto;
            overflow: auto;
            margin-bottom: 20px;
            padding: 0 10px;
        }
        .pre-footer .row ul{
            height: auto !important;
            overflow: auto !important
        }
        .pre-footer .row{
            height: auto !important;
        }
        .mega-entry.tp-ordered{
            height: 270px;
            position: relative !important;
        }
        .megafolio-container{
            height: auto !important;
        }
        
        .quarter-container h4{
            font: 700 32px 'Raleway', Arial, sans-serif;
        }
        .content-pages span.extra-large{
            font: 700 30px 'Raleway', Arial, sans-serif;
        }
        .slider-content span{
            font:700 50px 'Code', 'Myriad Pro', Arial, sans-serif
        }
        .content-pages span.normal{
            font:700 24px 'Raleway', Arial, sans-serif
        }
        .quarter-container h4.ratio{
            font: 700 30px 'Raleway', sans-serif;
        }
        
        #modal-article .details h4{
            font: 500 20px 'Myriad Pro', Arial, sans-serif;
        }
        #modal-article .details p{
            font: 500 12px 'Myriad Pro', Arial, sans-serif;
        }
        .content-pages span.parallax{
            font:700 24px 'Raleway', Arial, sans-serif;
            
        }
        .elus{
            margin-bottom: 0;
            margin-top: 50px;
        }
        .content-pages span.parallax img{
            height: auto;
        }
        .content-pages span.small{
            font:700 14px 'Raleway', Arial, sans-serif;
        }
        
        .contact-container{
            padding:0 10px !important;
        }
        
        .middle-menu .row div.slider-head{
            height: 80px;
        }
        #arrondissement_container .input{
            min-width: 170px;
            font-size: 12px;
        }
        
        #date_clear{
            display: block !important;
        }
        
        .header .container{
            height: 85px;
        }
        
        #modal-donner h3{
            font: 500 30px 'Raleway',Arial,sans-serif;
        }
        #modal-donner p{
            font: 500 14px 'Raleway', Arial, sans-serif;
        }
        .circle{
            margin: 10px auto 10px;
        }
        .steps .col-sm-4{
            width: 30%;
            display: inline-block;
        }
        #modal-donner .steps{
            margin: 0;
        }
        
        .container .col-md-8.col-sm-8{
            padding: 0;
        }
        #modal-article .detailed{
            padding: 20px;
        }
        #modal-donner .col-md-6.col-sm-6{
            padding: 0;
        }
        
        .header-slider{
            margin-top:80px;
        }
        .ls-slide .slider-content{
            margin-top:40px;
        }
        .ls-slide .slider-content a.button-transparent{
            margin-top:10px;
            font: 500 28px 'Code', 'Myriad Pro', Arial, sans-serif;
        }
        
        .ls-slide .slider-content span{
            font:700 28px 'Code', 'Myriad Pro', Arial, sans-serif;
        }
        .header-slider .border-bottom-white{
            height: 30px;
        }
        
        #contact_map{
            height: 400px;
        }

        #contact_map_overlay{
            height: 400px;
            margin-top: -400px;
        }    
        
        #map, #map_overlay{
            height: 300px;
        }
        #map_overlay{
            height: 300px;
            margin-top: -300px;
        }
}
/* END max width 600px */

/* BEGIN max width 480px */
@media (max-width: 480px) {
	.pre-header .list-inline li {
		display: block;
		border: none;
		margin-bottom: 10px;
		padding: 0;
	}
	.pre-header .col-md-6 {
		float: left;
	}
	.pre-header .additional-nav {
		float: right;
		text-align: right;
	}
	.header .container > .navbar-collapse.in {
		margin-top: 40px;
	}
        
	.cart-block {
		top: 50px;
		left: 14px;
		right: auto;
	}
	.cart-content-wrapper {
		left: 0;
		right: auto;
	}
	.cart-content {
		width: 280px;
	}
	.cart-content:after {
		left: 15px;
	}
	.cart-block img,
	.cart-block .cart-content-count {
		display: none;
	}
	.ls-fullwidth .ls-nav-prev, .ls-fullwidth .ls-nav-next {
		display: none;
	}

	.checkout-content {
	    padding: 0 0 40px;
	}
	.checkout-page h2 a {
		padding: 9px 10px 8px;
	}
	.table-wrapper-responsive {
		overflow-x: scroll;
	}

	.shopping-cart-page .btn-default {
		float: right;
	}
	.shopping-cart-page .btn-primary {
		clear: both;
		margin-top: 10px;
	}
	.checkout-page .btn-default {
		clear: both;
		margin-top: 10px;
		margin-right: 0 !important;
	}
        
        
        .quarter-container h4{
            font: 700 30px 'Raleway', Arial, sans-serif;
        }
        .quarter-container h4.small{
            font: 700 24px 'Raleway', Arial, sans-serif;
        }
        .content-pages span.extra-large{
            font: 700 24px 'Raleway', Arial, sans-serif;
        }
        .slider-content span{
            font:700 28px 'Code', 'Myriad Pro', Arial, sans-serif;
        }
        .content-pages span.normal{
            font:700 24px 'Raleway', Arial, sans-serif;
        }
        .quarter-container h4.ratio{
            font: 700 30px 'Raleway', sans-serif;
        }
        
        #modal-article .details h4{
            font: 500 18px 'Myriad Pro', Arial, sans-serif;
        }
        #modal-article .details p{
            font: 500 12px 'Myriad Pro', Arial, sans-serif;
        }
        .content-pages span.parallax{
            font:700 17px 'Raleway', Arial, sans-serif;
        }
        
        #modal-donner h3{
            font: 500 30px 'Raleway',Arial,sans-serif;
        }
        #modal-donner p{
            font: 500 14px 'Raleway', Arial, sans-serif;
        }
        
        .nav-content-col {
            width: 100% !important;
        }
        .nav-content-col ul{
            margin-bottom: 0;
        }
        
        .header .navbar-collapse{
            float: none;
            margin: 0px;
            padding: 0px;
        }
        
        
        .header .navbar-nav{
            margin-left: -15px;
            margin-right: -15px;
            margin-top: 15px;
        }
        .header .nav > li{
            padding: 10px !important;
            width: 100%;
        }
        
        .header .container > .navbar-collapse.in{
            display: block;
            height: auto;
            padding: 0;
            margin: 0;
            height: 100% !important;
        }
        .header .nav-content-col li{
            padding: 1px 10px;                            
        }
        
        #dropdown_menu{
            z-index:99999;
            border: none !important;
            overflow: auto;
        }
        
        
        .content-pages span.parallax img{
            height: auto;
        }
        
        .nav-content-col.image{
            display: none;
        }
        .pre-footer{
            height: auto;
            overflow: auto;
            margin-bottom: 20px;
            padding: 0 10px;
        }
        .pre-footer .row ul{
            height: auto !important;
            overflow: auto !important
        }
        .pre-footer .row{
            height: auto !important;
        }
        .mega-entry.mega-entry.tp-ordered{
            height: 270px;
            position: relative !important;
            margin-top: 10px;
        }
        .megafolio-container{
            height: auto !important;
        }
        
        .contact-container{
            padding:0 10px !important
        }
        
        .middle-menu .row div.slider-head{
            height: 80px;
        }
        #arrondissement_container .input{
            min-width: 180px;
            font-size: 12px;
        }
        
        #date_clear{
            display: block !important;
        }
        
        .header .container{
            height: 85px;
        }
        
        .circle{
            margin: 10px auto 10px;
        }
        .steps .col-sm-4{
            width: 30%;
            display: inline-block;
        }
        #modal-donner .steps{
            margin: 0;
        }
        
        .container .col-md-8.col-sm-8{
            padding: 0;
        }
        #modal-article .detailed{
            padding: 20px;
        }
        #modal-donner .col-md-6.col-sm-6{
            padding: 0;
        }
        .slider-content{
            margin-top:100px;
        }
        .slider-content a.button-transparent{
            margin-top:20px;
        }
        
        .parti-menu[aria-labelledby="mega-menu"]{
            width: 100%;
        }
        
        .header-slider{
            margin-top:80px;
        }
        .ls-slide .slider-content{
            margin-top:20px;
        }
        .ls-slide .slider-content a.button-transparent{
            margin-top:10px;
            font: 500 15px 'Code', 'Myriad Pro', Arial, sans-serif;
        }
        #first_slider a.button-transparent{
            margin-top:5px;
            font: 500 10px 'Code', 'Myriad Pro', Arial, sans-serif;
        }
        
        .ls-slide .slider-content span{
            font:700 20px 'Code', 'Myriad Pro', Arial, sans-serif;
        }
        .header-slider .border-bottom-white{
            height: 15px;
        }
        #contact_map{
            height: 300px;
        }
        
        #contact_map_overlay{
            height: 300px;
            margin-top: -300px;
        }    
        .sub-content .dropdown button{
            font:700 18px 'Raleway', 'Myriad Pro', Arial, sans-serif
        }
        #contact_info_page .slider-content,
        #elu-page .slider-content{
            margin-bottom: 30px;
        }
        
        .continue_website_center .box{
            padding: 30px 20px;
        }
        
        .sub-content .dropdown button{
            margin-left: 0;
        }
        .sub-content .dropdown-menu{
            margin-left: 0;
            width: 100%;
        }
        
        .sub-content .dropdown-menu li{
            width: 100%;
        }
        
        .sub-content .dropdown-menu li a{
            width: 100%;
        }
        .fatcaption-bottom {
            font-size: 12px;
        }
        
        
        #mayor_container .mayor span.name{
            font-size: 32px;
        }
        #mayor_container .mayor span.title{
            font-size: 10px;
        }
        
        #mayor_container .mayor span.title.large{
            font-size: 22px;
        }
        .media-filter .media .media-contents a{
            font: 700 12px 'Raleway', 'Myriad Pro', Arial, sans-serif;
        }
        
        .bureau_arrond .col-md-7{
            padding: 0;
        }
        .footer{
            height: auto;
        }
        .footer .copyright{
            text-align: left;
        }
        
      
      #first_slider span.large{
          font:700 12px 'Code', 'Myriad Pro', Arial, sans-serif;
      }
      
    #first_slider span.first_span{
        margin-top: 55px;
    }
    #first_slider .border-bottom-white{
        height: 5px;
    }
      
    #arrondissement_div small{
        margin-left:10px
    }
    .button_link.large{
        
        font-size: 12px;
        margin: 5px 10px;
        display: inline-block;

    }
      
      
}
/* END max width 480px */

/* BEGIN max width 320px */
@media (max-width: 320px) {
        
        #info_lettre_contact .box{
            width: 310px;
        }
        .news_small_item h6{
            font-size: 13px;
        }
	.content-form-page .btn-default {
		margin-top: 10px;
	}
	.price-availability-block .availability {
	    clear: left;
	    float: left;
	}
	.product-page-options .pull-left {
		margin-bottom: 10px;
	}
        
        
        .quarter-container h4{
            font: 700 20px 'Raleway', Arial, sans-serif;
        }
        .quarter-container h4.small{
            font: 700 17px 'Raleway', Arial, sans-serif;
        }
        .content-pages span.extra-large{
            font: 700 24px 'Raleway', Arial, sans-serif;
        }
        .slider-content span{
            font:700 28px 'Code', 'Myriad Pro', Arial, sans-serif;
        }
        .content-pages span.normal{
            font:700 20px 'Raleway', Arial, sans-serif;
        }
        
        .quarter-container h4.ratio{
            font: 700 22px 'Raleway', sans-serif;
        }
        
        #modal-article .details h4{
            font: 500 18px 'Myriad Pro', Arial, sans-serif;
        }
        #modal-article .details p{
            font: 500 12px 'Myriad Pro', Arial, sans-serif;
        }
        .content-pages span.parallax{
            font:700 12px 'Raleway', Arial, sans-serif;
            border: 3px solid #fff;
        }
        #modal-donner h3{
            font: 500 30px 'Raleway',Arial,sans-serif;
        }
        #modal-donner p{
            font: 500 14px 'Raleway', Arial, sans-serif;
        }
        .nav-content-col {
            width: 100% !important;
        }
        .nav-content-col ul{
            margin-bottom: 0;
        }
        .header .navbar-collapse{
            float: none;
            margin: 0px;
            padding: 0px;
        }
        .header .navbar-nav{
            margin-left: -15px;
            margin-right: -15px;
            margin-top: 15px;
        }
        .header .nav > li{
            padding: 10px !important;
            width: 100%;
        }
        
        .header .container > .navbar-collapse.in{
            display: block;
            height: auto;
            padding: 0;
            margin: 0;
            height: 100% !important;
        }
        .header .nav-content-col li{
            padding: 1px 10px;                            
        }
        .header .dropdown-menu2{
            box-shadow: none;
        }
        .nav-content-col.image{
            display: none;
        }
        
        #dropdown_menu{
            z-index:99999;
            border: none !important;
            overflow: auto;
        }
        
        .parallax-container span{
            margin: 15px 0 0 0px;
            position: absolute;
            padding-left: 10px;
        }
        
        
        .middle-menu .row div.slider-head{
            height: 80px;
        }
        .pre-footer{
            height: auto;
            overflow: auto;
            margin-bottom: 20px;
            padding: 0 10px;
        }
        .contact-container{
            padding:0 10px !important;
        }
        .pre-footer .row ul{
            height: auto !important;
            overflow: auto !important;
        }
        .pre-footer .row{
            height: auto !important;
        }
        .parallax-container span{
            width: 100%;
        }
        .parallax-container .parallax-nav{
            margin-top: 50px;
        }
        .parallax-container {
            top: 0px;
        }
        #arrondissement_container div{
            margin: 5px 0;
        }
        
        #date_clear{
            display: block !important;
        }
        #view-more, .view-more button{
            padding: 20px 15px;
        }
        .content-pages span.parallax img{
            width: 18px;
            height: 18px;
        }
        .mega-entry.mega-entry.tp-ordered{
            height: 240px;
            position: relative !important;
        }
        .megafolio-container{
            height: auto !important;
        }
        
        .header .container{
            height: 85px;
        }
        .circle{
            margin: 10px auto 10px
        }
        .steps .col-sm-4{
            width: 30%;
            display: inline-block
        }
        #modal-donner .steps{
            margin: 0;
        }
        
        .container .col-md-8.col-sm-8{
            padding: 0;
        }
        #modal-article .detailed{
            padding: 20px;
        }
        #modal-donner .col-md-6.col-sm-6{
            padding: 0;
        }
        
        #contact_div{
            margin-top: -0px !important;
        }
        
        .header-slider{
            margin-top:80px;
        }
        
        .slider-content{
            margin-top:100px;
        }
        .slider-content a.button-transparent{
            margin-top:20px;
        }
        .ls-slide .slider-content{
            margin-top:20px;
        }
        .ls-slide .slider-content a.button-transparent{
            margin-top:10px;
            font: 500 16px 'Code', 'Myriad Pro', Arial, sans-serif;
        }
        
        .ls-slide .slider-content span{
            font:700 16px 'Code', 'Myriad Pro', Arial, sans-serif;
        }
        .header-slider .border-bottom-white{
            height: 5px;
        }
        .slider-box{
            height:auto;
        }
        
        .continue_website_center .box{
            padding: 30px 10px;
        }
        .continue_website_center .box .form-group{
            width: 300px;
        }
        .continue_website_center .box .input{
            width: 185px;
            font: 500 12px 'Raleway', Arial, sans-serif;
        }
        .continue_website_center .box a{
            padding: 11px 2px;
            width: 95px;
            font-size: 12px;
        }
        

/* END max width 320px */