@media (max-width:767px){

.brand {
    float: none;
    margin: 0 auto;
    width: 150px;
    padding-top: 5px;
}
nav.navbar-default {
    margin: 0 !important;
}
.logo-menu {
    padding: 0 6px;
}

button.navbar-toggle {
    float: left !important;
    background-color: white;
}
.social {
    position: absolute;
    right: 0;
}
.navbar-collapse.collapse.in {
    border: 0 none !important;
    box-shadow: none !important;
}
.slogon strong {
    font-size: 42px;
}
.slogon {
    padding-top: 20px;

}
#container.container1 {
    max-width: 310px !important;
}
#container ul {
    max-width: 310px !important;
}
.img-left {
    float: none;
    max-width: 320px;
    margin: 0 auto 10px;
}
.box1 .text-right {
    float: none;
    text-align: left;
    width: 85%;
    text-align: center;
    margin: 0 auto;
}
.box2, .box3, .box4 {
    display: block;
    float: none;
    margin: 0 auto 10px !important;
    width: 80% !important;
    max-width: 320px;
}
.content-footer .gallerie {
    float: none;
    width: 80%;
    margin: 0 auto 0;
}
.subscribe {
    float: none;
    margin: 0 auto;
    padding-top: 20px !important;
    width: 90%;
}

.slider1 {
    background-image:url(../images/s5.jpg);
    height: 200px;
    margin: 20px;
    background-repeat: no-repeat;
    background-size: cover;
}
.container1 {
    display: none;
}
}
@media (min-width:768px) and (max-width:1000px){
	.brand {
    float: none;
    margin: 0 auto;
    width: 150px;
    padding-top: 5px;
}
nav.navbar.navbar-default {
    margin-left: 0;
}
.logo-menu {
    padding: 0;
    padding-right: 10px;
}	
.navbar-collapse {
    padding-left: 0;
    padding-right: 0;
}
.box1 .text-right {
    width: 57%;
}
}