@media (max-width: 1920px) {
    #full-width-slider .container.desc .row.offer {font-size:4.5em; top:30vh}
}

@media (max-width: 1600px) {
    body {font-size:12px}
    #full-width-slider .container.desc .row.offer {font-size:4em}
    .navbar .navbar-inner {margin:0px}
    .navbar .brand {width:600px; height:80px; top:40px}
    h1 {font-size:2.5em}
    .opendemo {font-size:1.6em; width:100%; height:78px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border:0px; margin-top:0px}
    .whatview {height:65px}
    nav.navbar-collapse a.button24 {margin-right:6px}
}

@media (max-width: 1440px) {

}

@media (max-height:768px) and (max-width: 1366px) {
    .modal-dialog { width:750px; margin-top:60px;}
    #full-width-slider .container.desc .row {bottom:100px}
    #full-width-slider .container.desc .row.offer {font-size:3.8em; top:3em}
    nav.navbar-collapse a.button24 {margin-right:6px}
}

@media (max-height:767px) and (min-width:768px) and (max-width:1280px) {
    body {font-size:11px}
    #full-width-slider .container.desc .row.offer {font-size:3.8em}
    .navbar .navbar-inner {margin:0px}
    .navbar .brand {width:350px; height:60px; top:20px}
    nav.navbar-collapse a.button24 {margin-right:6px}
    h1 {font-size:2.5em}
    h3 {font-size:1.6em}
    #map {height:350px}
    .col-md-12 {width:100%}
    .modal-dialog { width:550px; margin-top:30px;}
    .btnimg {width:100%}
    .opendemo {font-size:1.6em; width:100%; height:64px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; border:0px; margin-top:0px}
    .whatview {height:65px}
    .affix-top li a.button24 {top:0px; padding:0.5em 1em !important; border-radius:3px; font-size:1.2em; margin:0px 6px 0px 0px;}
    .lead-link {width:100px; margin-left:-50px; left:50%;}
    a.lead-link {font-size:11px}
    .order1 {height:80px; border-radius:3px}
    .order1 h2{font-size:1.7em; margin:10px 0px 0px 0px;}
    .order1 div.input-group.green {margin-top:5px}
    div.input-group span.input-group-addon i.fa {font-size:1.2em}
    .input-lg { height: 30px; padding: 5px 8px; font-size:12px; }
    .btn-lg { padding: 5px 8px; font-size:12px; border-radius: 3px;} 
    .col-md-8 {width: 66.66666667%;}
    .col-md-offset-2 { margin-left: 16.66666667%; }
    #full-width-slider .container.desc .row {bottom:85px}
    #full-width-slider .container.desc .row.offer {top:3em; font-size:4em}
    .fa-lg {font-size:5em;}
    .fa-stack-1x, .fa-stack-2x {text-shadow: 1px 1px 0px black}
    .fa-stack-1x {top:-3px}
}


@media (min-width: 540px) and (max-width: 767px) {
    section { padding: 10px 0 }
    .affix-top button.navbar-toggle {top:20px}
    div.input-group span.input-group-addon i.fa {font-size:1.2em;}
    .input-lg { height: 30px; padding: 5px 8px; font-size:12px; }
    .btn-lg { padding: 5px 8px; font-size:12px; border-radius: 3px;}
    body {font-size:11px;}
    .navbar .navbar-inner {margin:0px;}
    .navbar .brand {width:350px; height:60px; top:20px;}
    nav.navbar-collapse a.button24 {margin-right:6px}
    h1 {font-size:2.2em;}
    h2 {font-size:1.8em;}
    h3 {font-size:1.4em;}
    #map {height:350px;}
    .col-md-12 {width:100%;}
    .modal-dialog { width:550px; margin:100px 0px;}
    .btnimg {width:100%;}
    .opendemo {font-size:1.5em; width:100%; height:45px; 
		-webkit-border-radius:6px; -moz-border-radius:6px; 
		border-radius:6px; border:0px; margin-top:0px;}
    .whatview {height:95px;}
    .affix-top li a.button24 {top:0px; padding:0.5em 1em !important; border-radius:3px; font-size:1.2em; margin:0px 5px 0px 0px;}
    .affix li a.button24 {top:0px}
    .lead-link {width:100px; margin-left:-50px; left:50%;}
    a.lead-link {font-size:11px;}
    .col-md-8.order1 {width:80%; height:80px; border-radius:3px;}
    .order1 h2{font-size:1.7em; margin:10px 0px 0px 0px;}
    .order1 div.input-group.green {margin-top:5px;}
    .col-md-8 {width:66.666%; float:left}
    .col-sm-4 {width:33.333%; float:left}
    .col-sm-4 img {width:100%}
    img.col-md-12 {padding:0px}
    div.tarifs {width:100%; height:160px;}
    div.col-sm-5.tarifs {width:30%; float:left;}
    div.col-sm-7.tarifs {width:70%; float:left;}
    div.col-sm-7.tarifs > div {margin-top:65px; font-size:1.5em}
    .col-md-offset-2 { margin-left:10%;}
    #full-width-slider .container.desc .row {bottom:85px;}
    #full-width-slider .container.desc .row.offer {top:3em; font-size:3em;}
    .fa-lg {font-size:5em;}
    .fa-stack-1x, .fa-stack-2x {text-shadow: 1px 1px 0px black;}
    .fa-stack-1x {top:-3px;}
}

@media (min-width: 480px) and (max-width: 540px) and (max-height: 960px) {
    div.input-group span.input-group-addon i.fa {font-size:1.2em;}
    .input-lg { height: 30px; padding: 5px 8px; font-size:12px; }
    .btn-lg { padding: 5px 8px; font-size:12px; border-radius: 3px;}
    body {font-size:11px;}
    .navbar .navbar-inner {margin:0px;}
    .navbar .brand {width:350px; height:60px; top:20px;}
    nav.navbar-collapse a.button24 {margin-right:6px}
    h1 {font-size:2.5em;}
    h2 {font-size:2em;}
    h3 {font-size:1.6em;}
    #map {height:350px;}
    .col-md-12 {width:100%;}
    .modal-dialog { width:550px; margin-top:30px;}
    .btnimg {width:100%;}
    .opendemo {font-size:1.6em; width:100%; height:64px; 
		-webkit-border-radius:6px; -moz-border-radius:6px; 
		border-radius:6px; border:0px; margin-top:0px;}
    .whatview {height:65px;}
    .affix-top li a.button24 {top:0px; padding:0.5em 1em !important; border-radius:3px; font-size:1.2em;}
    .lead-link {width:100px; margin-left:-50px; left:50%;}
    a.lead-link {font-size:11px;}
    .order1 {height:80px; border-radius:3px;}
    .order1 h2{font-size:1.7em; margin:10px 0px 0px 0px;}
    .order1 div.input-group.green {margin-top:5px;}
    .col-md-8 {width:100%;}
    .col-sm-4 {width:33.333%; float:left}
    .col-md-offset-2 { margin-left:0;}
    #full-width-slider .container.desc .row {bottom:85px;}
    #full-width-slider .container.desc .row.offer {top:3em; font-size:3em;}
    .fa-lg {font-size:5em;}
    .fa-stack-1x, .fa-stack-2x {text-shadow: 1px 1px 0px black;}
    .fa-stack-1x {top:-3px;}
}

@media (min-width: 640px) and (max-height: 360px) {
    div.input-group span.input-group-addon i.fa {font-size:1.2em;}
    .input-lg { height: 30px; padding: 5px 8px; font-size:12px; }
    .btn-lg { padding: 5px 8px; font-size:12px; border-radius: 3px;}
    body {font-size:11px;}
    .navbar .navbar-inner {margin:0px;}
    .navbar .brand {width:350px; height:60px; top:20px;}
    nav.navbar-collapse a.button24 {margin-right:6px}
    h1 {font-size:2.5em;}
    h2 {font-size:2em;}
    h3 {font-size:1.6em;}
    #map {height:350px;}
    .col-md-12 {width:100%;}
    .modal-dialog { width:550px; margin-top:30px;}
    .btnimg {width:100%;}
    .opendemo {font-size:1.6em; width:100%; height:64px; 
		-webkit-border-radius:6px; -moz-border-radius:6px; 
		border-radius:6px; border:0px; margin-top:0px;}
    .whatview {height:65px;}
    .affix-top li a.button24 {top:0px; padding:0.5em 1em !important; border-radius:3px; font-size:1.2em; margin:0px 6px 0px 0px;}
    .lead-link {width:100px; margin-left:-50px; left:50%;}
    a.lead-link {font-size:11px;}
    .order1 {height:80px; border-radius:3px;}
    .order1 h2{font-size:1.7em; margin:10px 0px 0px 0px;}
    .order1 div.input-group.green {margin-top:5px;}
    .col-md-8 {width:100%;}
    .col-sm-4 {width:33.333%; float:left}
    .col-md-offset-2 { margin-left:0;}
    #full-width-slider .container.desc .row {bottom:85px;}
    #full-width-slider .container.desc .row.offer {top:3em; font-size:3em;}
    .fa-lg {font-size:5em;}
    .fa-stack-1x, .fa-stack-2x {text-shadow: 1px 1px 0px black;}
    .fa-stack-1x {top:-3px;}
}


@media (max-width:360px) and (max-height:640px) {
    .input-group-addon {padding:3px 5px}
    div.input-group span.input-group-addon i.fa {font-size:1.2em;}
    .input-lg { height: 30px; padding: 5px 8px; font-size:12px; }
    .btn-lg { padding: 5px 8px; font-size:12px; border-radius: 3px;}
    body {font-size:11px;}
    .navbar .navbar-inner {margin:0px;}
    .navbar .brand {width:280px; height:50px; top:5px;}
    .navbar .brand-small {width:280px; height:50px; top:5px;}
    h1 {font-size:1.7em;}
    h2 {font-size:1.5em;}
    h3 {font-size:1.3em;}
    #map {height:350px;}
    .col-md-12 {width:100%;}
    .modal-dialog { width:300px; margin-top:30px;}
    .btnimg {width:60%;}
    .opendemo {font-size:1.6em; width:60%; height:60px; 
		-webkit-border-radius:6px; -moz-border-radius:6px; 
		border-radius:6px; border:0px; margin-top:0px;}
    .whatview {height:65px;}
    .affix-top li a.button24 {top:0px; padding:0.5em 1em !important; border-radius:3px; font-size:1.2em; margin:0px 6px 0px 0px;}
    .lead-link {width:100px; margin-left:-50px; left:50%;}
    a.lead-link {font-size:11px;}
    .order1 {height:80px; border-radius:3px;}
    .order1 h2{font-size:1.5em; margin:10px 0px 0px 0px;}
    .order1 div.input-group.green {margin-top:5px;}
    div.tarifs {width:100%; height:160px;}
    div.col-sm-5.tarifs {width:40%; float:left;}
    div.col-sm-7.tarifs {width:60%; float:left;}
    div.col-sm-7.tarifs > div {margin-top:60px; font-size:1.2em}
    .col-md-offset-2 { margin-left:0;}
    #full-width-slider .container.desc .row {bottom:85px;}
    #full-width-slider .container.desc .row.offer {top:2.2em; font-size:2.5em;}
    .fa-lg {font-size:5em;}
    .fa-stack-1x, .fa-stack-2x {text-shadow: 1px 1px 0px black;}
    .fa-stack-1x {top:-3px;}
    section {padding:0px 0px 10px 0px}
    .logo_sm {width:50%}
}

@media (min-width:360px) and (max-width:480px) {
    html, body {height:100%;}
    .cam_card {height:180px;}
    .cam_card img{width:100% !important}
    .cam_card_titl {margin:0px 10px !important;}
    .cam_card_price {background:red; border-radius:3px; color:white !important}
    .input-group-addon {padding:3px 5px}
    #full-width-slider .rsContent {height: calc(100% - 55px);}
    section, footer {position:relative; top:-56px;}
    footer {margin-bottom:-56px}
    div.input-group span.input-group-addon i.fa {font-size:1.2em;}
    .input-lg { height: 30px; padding: 5px 8px; font-size:12px; }
    .btn-lg { padding: 5px 8px; font-size:12px; border-radius: 3px;}
    body {font-size:11px;}
    .navbar .navbar-inner {margin:0px;}
    .navbar .brand {width:280px; height:50px; top:5px;}
    .navbar .brand-small {width:280px; height:50px; top:5px;}
    h1 {font-size:1.7em;}
    h2 {font-size:1.5em;}
    h3 {font-size:1.3em;}
    #map {height:350px;}
    .col-md-12 {width:100%;}
    .modal-dialog { width:360px; margin:100px 0px;}
    .btnimg {width:60%;}
    .opendemo {font-size:1.6em; width:60%; height:60px; 
		-webkit-border-radius:6px; -moz-border-radius:6px; 
		border-radius:6px; border:0px; margin-top:0px;}
    .whatview {height:65px;}
    .affix-top li a.button24 {top:0px; padding:0.5em 1em !important; border-radius:3px; font-size:1.2em;}
    .lead-link {width:100px; margin-left:-50px; left:50%;}
    a.lead-link {font-size:11px;}
    .order1 {border-radius:3px; min-height:115px; margin:0px 15px 0px 15px; padding:0px;}
    .order1 h2{font-size:1.5em; margin:10px 0px 0px 0px;}
    .order1 div.input-group.green {margin-top:5px;}
    div.tarifs {width:100%; height:160px;}
    div.col-sm-5.tarifs {width:40%; float:left;}
    div.col-sm-7.tarifs {width:60%; float:left;}
    div.col-sm-7.tarifs > div {margin-top:60px; font-size:1.2em}
    #full-width-slider .container.desc .row {bottom:15vh;}
    #full-width-slider .container.desc .row.offer {top:15vh; font-size:4em;}
    #full-width-slider .container.desc .row.offer H1 {font-size:0.7em}
    .fa-lg {font-size:4em;}
    .fa-stack-1x, .fa-stack-2x {color:#2e78b9; text-shadow: none;}
    .fa-stack-1x {top:-3px;}
    section {padding:0px 0px 10px 0px}
    .logo_sm {width:50%}
}

@media (max-device-width:480px)and (orientation:landscape){

}

#cookie_note{
    display: none;
    position: fixed;
	z-index:1000;
    top: 15px;
    left: 50%;
    max-width: 90%;
    transform: translateX(-50%);
    padding: 20px;
    background-color: white;
    border-radius: 4px;
    box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.4);
}

#cookie_note p{
    margin: 0;
    font-size: 1.2rem;
    text-align: left;
    color: black;
}

.cookie_accept{
    width:20%;
}

@media (min-width: 576px){
    #cookie_note.show{
        display: flex;
    }
}

@media (max-width: 575px){
    #cookie_note.show{
        display: block;
        text-align: left;
    }
}