/*------------------------------------- MEDIA QUERY -------------------------------------------*/

/* #wpadminbar {
	display: none !important;
} */


body.page-template-page-dark:not(.menu-sandwich) #js-header.navbar.fixed img {
		position: relative;
		top: -11px;
	}

/* 0--- Ajustement Huge screen */
@media (min-width: 2000px) {


html body .vc_separator h4 {
    font-size: 45px !important;
}

html body .activites_colone h4 {
    font-size: 35px !important;
}

body:not(.menu-sandwich) #js-header.navbar.fixed.smaller .navbar-brand {
    margin-top: 2px !important;
}

html body.home.page-template #new-royalslider-3.royalSlider.new-royalslider-3 {
    height: 870px !important;
}

html body.home.page-template .new-royalslider-3 .rsThumbsVer {
    width: 500px !important;
}

html body.home.page-template .new-royalslider-3 .rsThumb {
    width: 500px !important;
    height: 250px !important;
}

body:not(.menu-sandwich) #main-menu > ul > li > a {
    font-size: 15px !important;
    padding: 0em 1em !important;
}

/* html body.page-template.page-template-page-dark.page-template-page-dark-php.page:not(.menu-sandwich) #js-header.navbar.fixed img {
    top: -77px !important;
}

html body.page-template.page-template-page-dark.page-template-page-dark-php.page:not(.menu-sandwich) #js-header.navbar.fixed.smaller img, body.page-template-page-contact-dark:not(.menu-sandwich) #js-header.navbar.fixed.smaller img {
    top: -59px !important;
} */


.container {
    width: 1570px !important;
    padding-top: 40px;
}

.home .container {
    padding-top: 0px !important;
}

/*
html body ul.events li {
    height: 278px !important;
}


*/

html body .event_background {
    margin-top: 254px !important;
    width: 100% !important;
}

html body .wpb_single_image img {
    max-width: 100%;
    width: 100%;
}


html body.home .featured-img {
    overflow: hidden;
    height: auto;
}

/*
.css-events-list ul.events a:nth-child(2) li {
    margin-top: 53px !important;
}
*/

/*
html body ul.events .colone_event li {
    height: 280px !important;
}

html body .colone_event .event_background {
    top: 0px !important;
    margin-top: 260px !important;
    width: 493px !important;
    float: left;
}
*/

/*
html body .colone_event .event_text {
    margin-top: 2px;
    padding-left: 18px !important;
}
*/

html body .colone_event .event_arrow {
    right: -71px;
}

.prochains_evenements {
    width: 493px !important;
    float: left;
}

html body .prochains_evenements .event_background {
    margin-top: 279px !important;
}

/* page archive */

.page_archive .colone_event {
    margin-right: 11px;
    float: left;
    width: 49.51% !important;
}

.page_archive .colone_event:nth-child(2n+0) {
    margin-right: 0px !important;
}

html body .page_archive ul.events .colone_event li {
    height: 428px !important;
}

html body .page_archive .colone_event .event_background {
top: 0px !important;
    margin-top: 428px !important;
    width: 762px !important;
    float: left;
}

.page_archive .colone_event .event_text {
    margin-top: 17px;
}

.page_archive .colone_event .event_arrow {
    right: -71px;
}

/* page archive */


/* essential grid */

	.eg-monroe-element-9 {
	    padding: 12px 12px 12px 12px !important;
	}
	
	.eg-monroe-element-9-a {
	    margin: 0px 0px 0px 0px !important;
	}

/* essential grid */

}

/* 0--- Ajustement mid size desktop */
@media screen and (max-width: 2000px) {

body:not(.menu-sandwich) #js-header.navbar.fixed.smaller .navbar-brand {
    margin-top: 2px !important;
}

html body .eg-monroe-element-9 {
	position: relative;
    top: -17px !important;
    clear: none;
}

html body .eg-monroe-element-1 {
    line-height: 35px !important;
    font-size: 29px !important;
    top: 35px !important;
}

body:not(.menu-sandwich) #main-menu > ul > li {
    font-size: 11px !important;
}

html body #new-royalslider-3.royalSlider.new-royalslider-3 {
    height: 725px !important;
}

html body .new-royalslider-3 .rsThumbsVer {
    width: 400px !important;
}

html body .new-royalslider-3 .rsThumb {
    width: 400px !important;
    height: 150px !important;
}

/* body.page-template-page-transparent-dark:not(.menu-sandwich) #js-header.navbar.fixed img, body.page-template-page-dark:not(.menu-sandwich) #js-header.navbar.fixed img {
    top: -70px !important;
}

body.page-template-page-transparent-dark:not(.menu-sandwich) #js-header.navbar.fixed.smaller img, body.page-template-page-dark:not(.menu-sandwich) #js-header.navbar.fixed.smaller img {
    top: -58px !important;
} */

html body .event_background {
    margin-top: 180px !important;
}

}
/* 0--- Ajustement mid size desktop */

/* 0--- Ajustement mid size laptop */
@media screen and (max-width: 1280px) {

body:not(.menu-sandwich) #main-menu > ul > li {
    font-size: 11px !important;
}

html body #new-royalslider-3.royalSlider.new-royalslider-3 {
    height: 500px !important;
}

html body .new-royalslider-3 .rsThumbsVer {
    width: 300px !important;
}

html body .new-royalslider-3 .rsThumb {
    width: 300px !important;
    height: 150px !important;
}

/* body.page-template-page-transparent-dark:not(.menu-sandwich) #js-header.navbar.fixed img, body.page-template-page-dark:not(.menu-sandwich) #js-header.navbar.fixed img {
    top: -64px !important;
} */

}
/* 0--- Ajustement mid size laptop */

/* 1--- Ajustement mid size mobile */
@media screen and (max-width: 1250px) and (min-width: 768px) {

body:not(.menu-sandwich) #js-header.navbar.fixed img {
/* 	top: -13px !important; */
}

body:not(.menu-sandwich) #js-header.navbar.fixed .navbar-brand {
    margin-top: 16px !important;
}

.page-template-page-light .container-fluid {
    margin-top: 4px !important;
}

.page-template-page-light .smaller .container-fluid {
    margin-top: 0px !important;
}

.page-template-page-light .container-fluid #main-menu {
    margin-top: -4px !important;
}

.page-template-page-light .smaller .container-fluid #main-menu {
    margin-top: 0px !important;
}

body:not(.menu-sandwich) #main-menu > ul > li {
    font-size: 10px !important;
}

html body .vc_separator h4 {
    font-size: 26px !important;
}

html body ul.events li {
    margin-top: -36px !important;
}

html body .event_background {
    width: 293px !important;
    margin-top: 164px !important;
}


html body #main-menu {
    margin-left: 20% !important;
}

/* page archive */

html body .page_archive .colone_event {
    margin-right: 11px;
    float: left;
    width: 100% !important;
}

html body .page_archive .colone_event:nth-child(2n+0) {
    margin-right: 0px !important;
}

html body .page_archive ul.events .colone_event li {
    height: 530px !important;
}

html body .page_archive .colone_event .event_background {
	top: 0px !important;
    margin-top: 527px !important;
    width: 100% !important;
    float: left;
    margin-bottom: 80px;
}

.page_archive .colone_event .event_text {
    margin-top: 17px;
}

.page_archive .colone_event .event_arrow {
    right: -71px;
}

html body .prochains_evenements .event_background {
    width: 360px !important;
}

/* page archive */

}
/* 1--- Ajustement mid size mobile */

/* 2--- iPad to iphone  Horizontal */
@media screen and (max-width: 1300px) and (min-width: 310px) {

    body:not(.menu-sandwich) .navbar-header {
        max-width: 100%;
    }
    
    body:not(.menu-sandwich) #main-menu > ul {
        margin: 1.5em 0 !important;
    }

	.navbar-toggle {
		margin-top: 23px;
	}
	
	.smaller .navbar-toggle {
		margin-top: 13px;
	}

    body:not(.menu-sandwich) .navbar-brand a {
        top: 0.7em !important;
    }
    
    html body:not(.menu-sandwich) #main-menu > ul > li > a {
	    font-size: 11px !important;
	}
	
	html body:not(.menu-sandwich) #js-header.navbar.fixed.smaller #main-menu > ul > li > a {
	    font-size: 11px !important;
	}
	
    html body:not(.menu-sandwich) #main-menu > ul {
	    margin: 2.25em 0 !important;
	}
	
	.content-wrapper {
	    padding: 50px 15px 60px 15px !important;
	}

	.colone_events.wpb_column.vc_column_container.vc_col-sm-4 {
	    margin-top: -101px !important;
	}
	
	.home .colone_events.wpb_column.vc_column_container.vc_col-sm-4 {
	    margin-top: 0px !important;
	}
	
	.single-event .colone_events.wpb_column.vc_column_container.vc_col-sm-4 {
	    margin-top: 0px !important;
	}
	
	.single-event .colone_events.wpb_column.vc_column_container.vc_col-sm-4 .em-location-map-container {
		width: 240px !important;
	}
    
    html body:not(.menu-sandwich) #js-header.navbar.fixed img {
/* 	    top: -67px !important; */
		/* top: -8px !important; */
	}
	
	

	
    html body:not(.menu-sandwich) #js-header.navbar.fixed.smaller img {
	    top: -7px !important;
	}
	
	html body.single.header-full-width #header .navbar {
	    z-index: 10000 !important;
	}

}
/* 2--- iPad to iphone  Horizontal */

/* 3--- iPad Pro horizontal */
@media screen and (max-width: 1375px) and (min-width: 1025px) {	
	
	
	
	html body:not(.menu-sandwich) #js-header.navbar.fixed img {
/* 		top: -80px !important; */
/* 				top: -11px !important; */
		/* top: -8px !important; */
	}
	
html body.event-template-default #js-header.navbar.fixed img {
/* 		top: -80px !important; */
		/* 		top: -11px !important; */
		/* top: -8px !important; */
	}

}
/* 3--- iPad Pro horizontal */

/* 4--- iPad horizontal */
@media screen and (max-width: 1024px) and (min-width: 1000px) {

    .tp-parallax-wrap {
	    position: relative !important;
	    width: 950px !important;
	    margin: auto;
	}
	
/* 	html body.event-template-default #js-header.navbar.fixed img { */
/* 			top: -55px !important; */
			/* 		top: -11px !important; */
			/* top: -8px !important; */
/* 		} */

}
/* 4--- iPad horizontal */

/* 4-2--- iPad horizontal */
@media screen and (max-width: 999px) and (min-width: 836px) {

    .tp-parallax-wrap {
	    position: relative !important;
	    width: 730px !important;
	    margin: auto;
	}

}
/* 4-2--- iPad horizontal */

/* 5--- iPad Pro vertical */
@media screen and (max-width: 835px) and (min-width: 770px) {
    .tp-parallax-wrap {
	    position: relative !important;
	    width: 730px !important;
	    margin: auto;
	}
	
	.footer-widget-area .col-md-3 {
		clear: both;
	}
	
    .widget .widget-title {
        margin: 0 0 0rem 0;
    }
    
    body:not(.menu-sandwich) #js-header.navbar.fixed img {
        width: 200px;
/*         top: -10px; */
    }
    
	body.page-template-page-transparent-dark:not(.menu-sandwich) #js-header.navbar.fixed img {
        width: 200px;
/*         top: -75px; */
    }
    
	body.page-template-page-transparent-dark:not(.menu-sandwich) #js-header.navbar.fixed.smaller img {
/* 		top: -60px; */
		width: 160px;
    }
    
    body:not(.menu-sandwich) #js-header.navbar.fixed .navbar-brand {
	    overflow: hidden;
	    height: 65px;
	    margin-top: 10px;
	}
}
/* 5--- iPad Pro vertical */

/* 6--- iPad vertical */
@media screen and (max-width: 769px) and (min-width: 738px) {

  
  
  
    .tp-parallax-wrap {
	    position: relative !important;
	    width: 750px !important;
	    margin: auto;
	}
	
    .widget .widget-title {
        margin: 0 0 0rem 0;
    }
    
    body:not(.menu-sandwich) #js-header.navbar.fixed img {
        width: 200px;
        top: -10px;
    }
    
	body.page-template-page-transparent-dark:not(.menu-sandwich) #js-header.navbar.fixed img {
        width: 200px;
/*         top: -75px; */
    }
    
	body.page-template-page-transparent-dark:not(.menu-sandwich) #js-header.navbar.fixed.smaller img {
/* 		top: -60px; */
		width: 160px;
    }
    
    body:not(.menu-sandwich) #js-header.navbar.fixed .navbar-brand {
	    overflow: hidden;
	    height: 65px;
	    margin-top: 10px;
	}
	
	.footer-widget-area .col-md-3 {
		clear: both;
	}

}
/* 6--- iPad vertical */

/* 7--- iPhone 6 plus Horizontal */
@media screen and (max-width: 736px) and (min-width: 720px) {



	.navbar-toggle {
	    margin-top: 30px !important;
	}
	
	.navbar.fixed.smaller .navbar-toggle {
	    margin-top: 12px !important;
	}
	

	
	.bandeau_pub .vc_column-inner {
		padding-top: 0px !important;
		height: 90px !important;
	}
	
	.bouton_social {
		display: none !important;
	}
	
	html body ul.events li {
	    margin-top: -36px !important;
		height: 444px !important;
	}

html body .event_background {
    width: 100% !important;
    margin-top: 403px !important;
}

html body .eg-monroe-element-9 {
    top: -36px !important;
}

html body #main-menu {
    margin-left: 20% !important;
}

.event_arrow {
    width: 8% !important; 
    right: 0px !important;
}

html body .vc_custom_1518153802445 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

/* page archive */

html body .page_archive .colone_event {
    margin-right: 11px;
    float: left;
    width: 100% !important;
}

html body .page_archive .colone_event:nth-child(2n+0) {
    margin-right: 0px !important;
}

html body .page_archive ul.events .colone_event li {
    height: 530px !important;
}

html body .page_archive .colone_event .event_background {
	top: 0px !important;
    margin-top: 527px !important;
    width: 100% !important;
    float: left;
    margin-bottom: 80px;
}

.page_archive .colone_event .event_text {
    margin-top: 17px;
}

.page_archive .colone_event .event_arrow {
    right: -71px;
}

html body .prochains_evenements .event_background {
    width: 360px !important;
}

/* page archive */


}
/* 7--- iPhone 6 plus Horizontal */

/* 8--- iPhone 6 plus to SE Horizontal */
@media screen and (max-width: 736px) and (min-width: 568px) {
    
   
   
    .wpb_single_image .vc_figure, .wpb_single_image .vc_single_image-wrapper, .wpb_single_image img {
	    width: 100% !important;
	}
    
    .widget .widget-title {
        margin: 0 0 0rem 0;
    }
    
        body:not(.menu-sandwich) #js-header.navbar.fixed img {
        width: 200px;
/*         top: -10px; */
    }
    
	body.page-template-page-transparent-dark:not(.menu-sandwich) #js-header.navbar.fixed img {
        width: 200px;
/*         top: -75px; */
    }
    
	body.page-template-page-transparent-dark:not(.menu-sandwich) #js-header.navbar.fixed.smaller img {
/* 		top: -60px; */
		width: 160px;
    }
    
    body:not(.menu-sandwich) #js-header.navbar.fixed .navbar-brand {
	    overflow: hidden;
	    height: 65px;
	    margin-top: 10px;
	}
	
	.footer-widget-area .col-md-3 {
		clear: both;
	}
	
	html body #main-menu.open {
	    left: 348px;
	}
	
	html body .colonne_nouvelle:nth-child(1) .featured-img {
	    margin-top: -115px;
	}
	
	.colonne_nouvelle .wpb_content_element {
        margin-bottom: 3px;
    }
	
	.pagination-wrap br {
		display: none !important;
	}
	
	#loopage {
	    margin-bottom: 70px;
	    float: left;
	}
	
	.nav-links.post-navigation .nav-next a {
	    float: left !important;
	}
	
	.nav-links.post-navigation .nav-next .meta-nav {
	    margin-top: 40px !important;
	}
	
	html body .nav-links.post-navigation {
	    margin-top: 0rem;
	    padding-top: 0rem;
	}
	
	.single-post .col-md-12, .page-child.parent-pageid-1536 {
	    display:flex;
	    flex-flow: column;
	}
	
	.single-post .col-md-12 .col-md-6:nth-child(1), .page-child.parent-pageid-1536 .col-md-12 .vc_row-fluid .vc_col-sm-6:nth-child(1){
	    order:2;
	}
	
	.single-post .col-md-12 .col-md-6:nth-child(2), .page-child.parent-pageid-1536 .col-md-12 .vc_row-fluid .vc_col-sm-6:nth-child(2){
	    order:1;
	}
	
	.single-post .col-md-12 .col-md-12 {
	    order:3;
	}
	
	.active_colone {
	    margin-bottom: 20px;
	}
	
	html body ul.events li {
	    margin-top: -36px !important;
	    height: 212px !important;
	}
	
	.entry-content ul.events {
	    margin-top: 21px;
	}
	
	.prochains_evenements {
	    width: 100% !important;
	    float: left;
	}
	
	a.colone_event {
	    width: 49% !important;
	    float: left;
	}
	
	html body .prochains_evenements .event_background {
	    width: 100% !important;
	}
	
	html body .page_archive .colone_event .event_background {
	    margin-top: 463px !important;
	}
	
	html body.home .event_background {
    width: 100% !important;
    margin-top: 187px !important;
	}
	
	html body.single-event .event_background {
	    margin-top: 100px !important;
	}
	
	html body.single-event ul.events li {
	    height: 118px !important;
	}
	
	html body.single-event .event_arrow {
    width: 13% !important;
	}
	
	html body.single-event .event_title {
	    font-size: 11px !important;
	}
	
	.single-event .colone_events.wpb_column.vc_column_container.vc_col-sm-4 .em-location-map-container {
	    width: 167px !important;
	}
	
	#map {
	    width: 100%;
	    height: 370px !important;
	    margin-bottom: -138px !important;
	    margin-top: 94px !important;
	}
	
	.page-template-page-contact-dark .vc_custom_1518476951093 {
	    margin-top: -49px !important;
	}
	
}

/* 8-1 iPhone 6 Horizontal */
@media screen and (max-width: 667px) and (min-width: 569px) {

}
/* 8-1 iPhone 6 Horizontal */

/* 8-2--------------------- iphone SE horizontal ----------------------*/
@media screen and (max-width: 568px) and (min-width: 560px) {
	
	body:not(.menu-sandwich) #js-header.navbar.fixed img {
        width: 200px;
        top: -10px;
    }
    
	body.page-template-page-transparent-dark:not(.menu-sandwich) #js-header.navbar.fixed img {
        width: 200px;
/*         top: -75px; */
    }
    
	body.page-template-page-transparent-dark:not(.menu-sandwich) #js-header.navbar.fixed.smaller img {
/* 		top: -60px; */
		width: 160px;
    }
    
    body:not(.menu-sandwich) #js-header.navbar.fixed .navbar-brand {
	    overflow: hidden;
	    height: 65px;
	    margin-top: 10px;
	}
	
	.footer-widget-area .col-md-3 {
		clear: both;
	}

}
/* 8-2--------------------- iphone SE horizontal ----------------------*/

/* 8-3--------------------- iPhone 6 plus to SE Vertical  ----------------------*/
@media screen and (max-width: 415px) and (min-width: 310px) {
	
    html.vc_transform body.single.header-full-width #header .navbar {
				background-color: #ffffff !important;
		}
		
		html body:not(.menu-sandwich) #js-header.navbar.fixed img {
/* 				top: -12px !important; */
		}
	
	    body:not(.menu-sandwich) #js-header.navbar.fixed img {
        width: 200px;
/*         top: -10px; */
    }
    
	
	
	body.page-template-page-transparent-dark:not(.menu-sandwich) #js-header.navbar.fixed img {
        width: 200px;
/*         top: -75px; */
    }
    
	body.page-template-page-transparent-dark:not(.menu-sandwich) #js-header.navbar.fixed.smaller img {
/* 		top: -60px; */
		width: 160px;
    }
    
    body:not(.menu-sandwich) #js-header.navbar.fixed .navbar-brand {
	    overflow: hidden;
	    height: 65px;
	    margin-top: 10px;
	}
	
	.footer-widget-area .col-md-3 {
		clear: both;
	}
	
	.navbar-toggle {
	    margin-top: 30px !important;
	}
	
	.navbar.fixed.smaller .navbar-toggle {
	    margin-top: 12px !important;
	}
	

	
	.bandeau_pub .vc_column-inner {
		padding-top: 0px !important;
		height: 90px !important;
	}
	
	.bouton_social {
		display: none !important;
	}
	
	html body ul.events li {
		margin-top: -52px !important;
	    height: 261px !important;
	}

html body .event_background {
    width: 100% !important;
    margin-top: 195px !important;
}

html body .eg-monroe-element-9 {
    top: -36px !important;
}

html body #main-menu {
    margin-left: 20% !important;
}

.event_arrow {
    width: 8% !important; 
    right: 0px !important;
}

html body .vc_custom_1518153802445 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

/* page archive */

html body .page_archive .colone_event {
    margin-right: 11px;
    float: left;
    width: 100% !important;
}

html body .page_archive .colone_event:nth-child(2n+0) {
    margin-right: 0px !important;
}

html body .page_archive ul.events .colone_event li {
    height: 530px !important;
}

html body .page_archive .colone_event .event_background {
	top: 0px !important;
    margin-top: 527px !important;
    width: 100% !important;
    float: left;
    margin-bottom: 80px;
}

.page_archive .colone_event .event_text {
    margin-top: 17px;
}

.page_archive .colone_event .event_arrow {
    right: -71px;
}

html body .prochains_evenements .event_background {
    width: 360px !important;
}

html body .vc_btn3.vc_btn3-size-md .vc_btn3-icon {
    font-size: 10px;
}

html body .soumission_film .vc_general.vc_btn3.vc_btn3-size-md.vc_btn3-shape-rounded.vc_btn3-style-modern.vc_btn3-color-grey {
    padding: 0px 11px 0px 25px !important;
}

html body .soumission_film .vc_general.vc_btn3 .vc_btn3-icon {
    left: 7px !important;
    margin-top: -1px;
}

html body .soumission_film .vc_general.vc_btn3 {
    line-height: 25px !important;
}

html body .soumission_film .vc_btn3.vc_btn3-size-md {
    font-size: 6px !important;
}

.bandeau_pub .vc_column-inner {
    padding-top: 0px !important;
    height: 44px !important;
}

html body .colonne_nouvelle:nth-child(1) .featured-img {
    margin-top: -115px;
}

/* page archive */

	.single-post .col-md-12, .page-child.parent-pageid-1536 {
	    display:flex;
	    flex-flow: column;
	}
	
	.single-post .col-md-12 .col-md-6:nth-child(1), .page-child.parent-pageid-1536 .col-md-12 .vc_row-fluid .vc_col-sm-6:nth-child(1){
	    order:2;
	}
	
	.single-post .col-md-12 .col-md-6:nth-child(2), .page-child.parent-pageid-1536 .col-md-12 .vc_row-fluid .vc_col-sm-6:nth-child(2){
	    order:1;
	}
	
	.single-post .col-md-12 .col-md-12 {
	    order:3;
	}
	
	html body #main-menu.open {
	    margin-left: 20% !important;
	    left: 70px;
	}
	
html body.event-template-default .vc_col-sm-8, html body.event-template-default .vc_col-sm-4 {
    width: 100% !important;
    float: left;
}

html body .tparrows {
    padding-top: 0px !important;
}

    
}
/* 8-3--------------------- iPhone 6 to SE Vertical  ----------------------*/

/* 8-4--------------------- iPhone SE Vertical ----------------------*/
@media screen and (max-width: 320px) and (min-width: 310px) {

}
/* 8-4--------------------- iPhone SE Vertical ----------------------*/

/* 8--- iPhone 6 plus to SE Horizontal */

/*------------------------------------- MEDIA QUERY -------------------------------------------*/

/* ----------- iPhone 4 and 4S ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {

}

/* ----------- iPhone 5, 5S, 5C and 5SE ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {

}

/* ----------- iPhone 6, 6S, 7 and 8 ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
	  
	  html body:not(.menu-sandwich) #js-header.navbar.fixed img {
			  /* top: -53px !important; */
/* 			  top: -8px !important; */
		  }

}

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 

}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 

}

/* ----------- iPhone 6+, 7+ and 8+ ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3) { 
	  
	  html body:not(.menu-sandwich) #js-header.navbar.fixed img {
			  /* top: -53px !important; */
/* 			  top: -8px !important; */
		  }

}

/* Portrait */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 

}

/* Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 

}

/* ----------- iPhone X ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3) { 
	  
html body:not(.menu-sandwich) #js-header.navbar.fixed img {
		/* top: -53px !important; */
/* 		top: -8px !important; */
	}
	
}

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 

}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 

}