/*#men .sub-menu li {
    
    float: left !important;	
}*/

/* sc-chat-window-assoc */

/*  sc-launcher  */

/*span.drop-icon {
	
	margin-top: 15% !important;
}*/

#toggle-menu .drop-icon {
	
	top : 3em !important;
}

.sub-menu {
	
	margin-bottom: 3% !important;
}

#men a.mprin.selected{
	    
	    color: ; 
}

#men2 a.mprin.selected{
	    
	    color: #006633; 
}

#men3 a.mprin.selected{
	    
	    color: #990066; 
}

#men a.mprin.selected:after {
	    
	    content: '';
	    height: 3px;
	    background: ; 
	    display:block;
}

#men2 a.mprin.selected:after {
	    content: '';
	    height: 3px;
	    background: #006633; 
	    display:block;
}

#men3 a.mprin.selected:after {
	    content: '';
	    height: 3px;
	    background: #990066; 
	    display:block;
}

.sub-menu a {
	
	font-size: 13px !important;
}

#men a.mprin:hover:after {
	    content: '';
	    height: 3px;
	    background: ; 
	    display:block;
}

#men2 a.mprin:hover:after {
	    content: '';
	    height: 3px;
	    background: #006633; 
	    display:block;
}

#men3 a.mprin:hover:after {
	    content: '';
	    height: 3px;
	    background: #990066; 
	    display:block;
}


#men a {
	
	text-decoration: none;
	
}

#men2 a {
	
	text-decoration: none;
}

#men3 a {
	
	text-decoration: none;
}

/*#men a.mprin:after {
    content: '';
    height: 3px;
    background: #68132D; 
    display:none;
}*/

#men .sub-menu a.selected {
	text-decoration: none;
	color:  !important;
}

#men2 .sub-menu a.selected {
	text-decoration: none;
	color: #006633 !important;
}

#men3 .sub-menu a.selected{
	text-decoration: none;
	color: #990066 !important;
}

#men .sub-menu a:hover {
	text-decoration: none;
	color:  !important;
}

#men2 .sub-menu a:hover {
	text-decoration: none;
	color: #006633 !important;
}

#men3 .sub-menu a:hover {
	text-decoration: none;
	color: #990066 !important;
}

#men .sub-menu a {
	text-decoration: none;
}

#men2 .sub-menu a {
	text-decoration: none;
}

#men3 .sub-menu a {
	text-decoration: none;
}

#men .sub-menu{

   width : 600% !important;	
}

#men2 .sub-menu{

   width : 600% !important;	
}

#men3 .sub-menu{

   width : 600% !important;	
}

#men ul {
  margin: 0;
  padding: 0;
}

#men2 ul {
  margin: 0;
  padding: 0;
}

#men3 ul {
  margin: 0;
  padding: 0;
}

#men .main-menu {
  display: none;
}

#men2 .main-menu {
  display: none;
}

#men3 .main-menu {
  display: none;
}

#tm:checked + .main-menu {
  display: block;
}

#men input[type="checkbox"], 
#men ul span.drop-icon {
  display: none;
}

#men2 input[type="checkbox"], 
#men2 ul span.drop-icon {
  display: none;
}

#men3 input[type="checkbox"], 
#men3 ul span.drop-icon {
  display: none;
}

#men li, 
#toggle-menu, 
#men .sub-menu {
  border-style: solid;
  border-color: transparent;
}

#men2 li, 
#toggle-menu, 
#men2 .sub-menu {
  border-style: solid;
  border-color: transparent;
}

#men3 li, 
#toggle-menu, 
#men3 .sub-menu {
  border-style: solid;
  border-color: transparent;
}

#men li, 
#toggle-menu {
  border-width: 0 0 1px;
}

#men2 li, 
#toggle-menu {
  border-width: 0 0 1px;
}

#men3 li, 
#toggle-menu {
  border-width: 0 0 1px;
}

#men .sub-menu {
  background-color: transparent;
  border-width: 1px 1px 0;
  margin: 0 1em;
}

#men2 .sub-menu {
  background-color: transparent;
  border-width: 1px 1px 0;
  margin: 0 1em;
}

#men3 .sub-menu {
  background-color: transparent;
  border-width: 1px 1px 0;
  margin: 0 1em;
}

#men .sub-menu li:last-child {
  border-width: 0;
}

#men2 .sub-menu li:last-child {
  border-width: 0;
}

#men3 .sub-menu li:last-child {
  border-width: 0;
}

#men li, 
#toggle-menu, 
#men a {
  position: relative;
  display: block;
  
  color: black;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, .125);
}

#men2 li, 
#toggle-menu, 
#men2 a {
  position: relative;
  display: block;
  
  color: black;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, .125);
}

#men3 li, 
#toggle-menu, 
#men3 a {
  position: relative;
  display: block;
  
  color: black;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, .125);
}

.logoLft{
	
	display:none !important;
}


#men, 
#toggle-menu {
  background-color: white;
}

#men2, 
#toggle-menu {
  background-color: white;
}

#men3, 
#toggle-menu {
  background-color: white;
}

/*#toggle-menu,*/
#men a {
  padding: 1em 0.4em !important;
}

#toggle-menu,
#men2 a {
  padding: 1em 0.4em !important;
}

/*#toggle-menu,*/
#men3 a {
  padding: 1em 0.4em !important;
}

#men a {
  transition: all .125s ease-in-out;
  -webkit-transition: all .125s ease-in-out;
}

#men2 a {
  transition: all .125s ease-in-out;
  -webkit-transition: all .125s ease-in-out;
}

#men3 a {
  transition: all .125s ease-in-out;
  -webkit-transition: all .125s ease-in-out;
}

.cf::after {
    content: "";
    display: table;
    clear: both;
}

#men a:hover {
  background-color: transparent;
  
  color: ;
}

#men2 a:hover {
  background-color: transparent;
  
  color: #006633;
}

#men3 a:hover {
  background-color: transparent;
  
  color: #990066;
}

#men .sub-menu {
  display: none;
}

#men2 .sub-menu {
  display: none;
}

#men3 .sub-menu {
  display: none;
}

#men input[type="checkbox"]:checked + .sub-menu {
  display: block;
}

#men2 input[type="checkbox"]:checked + .sub-menu {
  display: block;
}

#men3 input[type="checkbox"]:checked + .sub-menu {
  display: block;
}

/*#men input[type="checkbox"]:checked + .sub-menu.selected {
  display: block;
}

#men2 input[type="checkbox"]:checked + .sub-menu.selected {
  display: block;
}

#men3 input[type="checkbox"]:checked + .sub-menu.selected {
  display: block;
}*/

#men .sub-menu a:hover {
  color: #444;
}

#men2 .sub-menu a:hover {
  color: #444;
}

#men3 .sub-menu a:hover {
  color: #444;
}

#toggle-menu .drop-icon, 
#men li label.drop-icon {
  position: absolute;
  right: 1.5em;
  top: 0.9em;
  
}

#toggle-menu .drop-icon, 
#men2 li label.drop-icon {
  position: absolute;
  right: 1em !important;
  top: 0.9em;
  
}

#toggle-menu .drop-icon, 
#men3 li label.drop-icon {
  position: absolute;
  right: 1.5em;
  top: 0.9em;
  
}

#men label.drop-icon, #men #toggle-menu span.drop-icon {
  border-radius: 50%;
  width: 1.5em;
  height: 1.5em;
  text-align: center;
  /*background-color: rgba(0, 0, 0, .125);*/
  text-shadow: 0 0 0 transparent;
  /*color: rgba(255, 255, 255, .75);*/
  color: ;
  background: transparent;
}

#men2  label.drop-icon , #men2 #toggle-menu span.drop-icon{
  border-radius: 50%;
  width: 1.5em;
  height: 1.5em;
  text-align: center;
  /*background-color: rgba(0, 0, 0, .125);*/
  text-shadow: 0 0 0 transparent;
  /*color: rgba(255, 255, 255, .75);*/
  color: white;
  background: #006633;
}

#men3  label.drop-icon , #men3 #toggle-menu span.drop-icon{
  border-radius: 50%;
  width: 1.5em;
  height: 1.5em;
  text-align: center;
  /*background-color: rgba(0, 0, 0, .125);*/
  text-shadow: 0 0 0 transparent;
  /*color: rgba(255, 255, 255, .75);*/
  color: white;
  background: #990066;
}

#men .drop-icon {
  /*line-height: 1;*/
}

@media only screen and (max-width : 47.938em){
	
	#titre {
	  
	  font-size: 8px;
    }	
	
	/*.headentr {
        
        display : none !important;
    }*/
	
	a[id*='publish'] img {
		
		width : 10% !important;
		margin-top: 4%;
	}
	
	#assoTitle{
		
		width : 100% !important;
		text-align: center;
	}
	
	.headass {
		
		width : 100% !important;
		padding : 3% !important;
	}
	
	.headentr {
		
		width : 100% !important;
		padding : 3% !important;
	}
	
	.headsalar {
		
		width : 100% !important;
		padding : 3% !important;
	}
	
	#circle , #square{
		
		width : 60px !important;
		height : 60px !important;
		margin-left: 0px !important;
	}
	
	#circle {
		
		margin-left: 0px !important;
	}
	
	.sc-chat-window-assoc{
		
		/*top: 73% !important;*/
        margin-right: 80% !important;
        margin-left : 0% !important;
        top : auto !important;
        width: 90% !important;
	}
	
	.sc-message-list{
		
		/*padding : 30% 5% !important;*/
	}
	
	.sc-launcher{
	
	   margin-left: 0% !important;
	   top : auto !important;
	   margin-bottom: -7%;
    }
    
    .sc-launcher span {
	    
	    font-size: 75%;
    }
	
	/* sc-chat-window-assoc */

    /*  sc-launcher  */
	
	/*.img-fluid{
		
		display:none;
	}*/
}

@media only screen and (max-width: 64em) and (min-width: 52.01em) {
 
  /*.main-menu li:first-child{
	  
	  width : 0%;
  }*/
  
  

  #menu li {
    width: 33.333%;
  }

  #menu .sub-menu li {
    width: auto;
  }
  
  #men .sub-menu li {
    
    float: left !important;	
  }
  
    
}

/******** Affichage grand écran *********/
@media only screen and (min-width: 75em) {
	
	.submenu{
		
		margin-top: 1%;
	}
	
	#square {
	    width: 50%;
	}
	
   .headass {
	   
	    display : inline-block !important;
   }
   
   .headentr {
	   
	    display : inline-block !important;
   }
   
   .headsalar {
	   
	    display : inline-block !important;
   }
	
   /*.logout , .contact , .faq{
	   
	   display: block !important;
	 
   }*/
	
  .mdeco , .mcontact , .mfaq , .rezo {
	  
	   display : none !important;
  }
  
  #men3 .profile , #men .profile {
	  
	  width : 20% !important;
  }
  
  #men2 .profile {
	  
	  width : 25% !important;
  }	
  
  .profile {
	  
	  display : block !important;
  }
  /*.main-menu li:first-child{
	  
	  width : 20%;
  }*/
	
  #men .main-menu {
    display: block;
  }
  
  #men2 .main-menu {
    display: block;
  }
  
  #men3 .main-menu {
    display: block;
  }
  
  
  
  .logoLft{
	
	display:block !important;
	float: right !important;
  }

  #toggle-menu, 
  #men label.drop-icon {
    display: none;
  }
  
  #toggle-menu, 
  #men2 label.drop-icon {
    display: none;
  }
  
  #toggle-menu, 
  #men3 label.drop-icon {
    display: none;
  }
  
  

  #men ul span.drop-icon {
    display: inline-block;
  }
  
  #men2 ul span.drop-icon {
    display: inline-block;
  }
  
  #men3 ul span.drop-icon {
    display: inline-block;
  }
  
  #men .sub-menu li {
    
    float: left !important;	
  }
  
  #men2 .sub-menu li {
    
    float: left !important;	
  }
  
  #men3 .sub-menu li {
    
    float: left !important;	
  }
  
  .submenu{
     float: right;
  }
  
  
  

  #men li {
    float: left;
    border-width: 0 1px 0 0;
  }
  
  #men2 li {
    float: left;
    border-width: 0 1px 0 0;
  }
  
  #men3 li {
    float: left;
    border-width: 0 1px 0 0;
  }

  #men .sub-menu li {
    float: none;
  }
  
  #men2 .sub-menu li {
    float: none;
  }
  
  #men3 .sub-menu li {
    float: none;
  }

  #men .sub-menu {
    border-width: 0;
    margin: 0;
    position: absolute;
    top: 100%;
    left: 0;
    width: 12em;
    z-index: 3000;
	margin-top: -15%;
  }
  
  #men2 .sub-menu {
    border-width: 0;
    margin: 0;
    position: absolute;
    top: 100%;
    left: 0;
    width: 12em;
    z-index: 3000;
  }
  
  #men3 .sub-menu {
    border-width: 0;
    margin: 0;
    position: absolute;
    top: 100%;
    left: 0;
    width: 12em;
    z-index: 3000;
  }

  #men .sub-menu, 
  #men input[type="checkbox"]:checked + .sub-menu {
    display: none;
	margin-top: -15%;
  }
  
  #men2 .sub-menu, 
  #men2 input[type="checkbox"]:checked + .sub-menu {
    display: none;
  }
  
  #men3 .sub-menu, 
  #men3 input[type="checkbox"]:checked + .sub-menu {
    display: none;
  }

  #men .sub-menu li {
    border-width: 0 0 1px;
  }
  
  #men2 .sub-menu li {
    border-width: 0 0 1px;
  }
  
  #men3 .sub-menu li {
    border-width: 0 0 1px;
  }

  #men .sub-menu .sub-menu {
    top: 0;
    left: 100%;
  }
  
  #men2 .sub-menu .sub-menu {
    top: 0;
    left: 100%;
  }
  
  #men3 .sub-menu .sub-menu {
    top: 0;
    left: 100%;
  }

  #men li:hover > input[type="checkbox"] + .sub-menu {
    display: block;
  }
  
  #men2 li:hover > input[type="checkbox"] + .sub-menu {
    display: block;
  }
  
  #men3 li:hover > input[type="checkbox"] + .sub-menu {
    display: block;
  }
}

/*#navDesktop {
	
	display: none;
}*/
/*** Portrait and landscape phones ****/

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px){
	  
	  #mobile{
		  
		  display: block !important;
	  }
	  
	  #crouge,#cvert{
		  
		  display: none;
		  
	  }
	  
	  #menuDesktop,#menuLogo{
		  
		 display: none;
	  }
  }

/**** Landscape phones   *****/

@media only screen 
  and (min-width: 321px){
	  
	  #mobile{
		  
		  display: block !important;
	  }
	  
	  #crouge,#cvert{
		  
		  display: none;
		  
	  }
	  
	  #menuDesktop,#menuLogo{
		  
		 display: none;
	  }
	  
	  
  }

/***** Portrait phones *****/

@media only screen 
  and (max-width: 320px){
	  
	  #mobile{
		  
		  display: block !important;
	  }
	  
	  #crouge,#cvert{
		  
		  display: none;
		  
	  }
	  
	  #menuDesktop,#menuLogo{
		  
		 display: none;
	  }
	  
	  
  }

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

/**** Portrait and landscape iPhone 4 and iPhone 4S ******/

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px) 
  and (-webkit-min-device-pixel-ratio: 2){
	  
	  
	  #mobile{
		  
		  display: block !important;
	  }
	  
	  #crouge,#cvert{
		  
		  display: none;
		  
	  }
	  
	  #menuDesktop,#menuLogo{
		  
		 display: none;
	  }
	  
	  
  }

/****** Portrait iPhone 4 and iPhone 4S *****/

@media only screen  
  and (min-device-width: 320px) 
  and (max-device-width: 480px) 
  and (-webkit-min-device-pixel-ratio: 2) 
  and (orientation: portrait){
	  
	  #mobile{
		  
		  display: block !important;
	  }
	  
	  #crouge,#cvert{
		  
		  display: none;
		  
	  }
	  
	  
	  
	  #menuDesktop,#menuLogo{
		  
		 display: none;
	  }
  }

/****** Landscape iPhone 4 and iPhone 4S ******/

@media only screen  
  and (min-device-width: 320px) 
  and (max-device-width: 480px) 
  and (-webkit-min-device-pixel-ratio: 2) 
  and (orientation: landscape){
	  
	  
	  #mobile{
		  
		  display: block !important;
	  }
	  
	  
	  
	  #crouge,#cvert{
		  
		  display: none;
		  
	  }
	  
	  #menuDesktop,#menuLogo{
		  
		 display: none;
	  }
  }

/****** iPhone 5 and iPhone 5S  ******/

/****** Portrait and landscape iPhone 5 and iPhone 5S *****/

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px) 
  and (-webkit-min-device-pixel-ratio: 2){
	  
	  
	  #mobile{
		  
		  display: block !important;
	  }
	  
	  #menuDesktop,#menuLogo{
		  
		 display: none;
	  }
	  
	  
	  
	  /*#navLogin {
		  
		  display: none;
	  }*/
	  
  }

/****** Portrait iPhone 5 and iPhone 5S *****/

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px) 
  and (-webkit-min-device-pixel-ratio: 2) 
  and (orientation: portrait){
	  
	  #mobile{
		  
		  display: block !important;
	  }
	  
	  #menuDesktop,#menuLogo{
		  
		 display: none;
	  }
	  
	  
  }

/******* Landscape iPhone 5 and iPhone 5S ******/

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px) 
  and (-webkit-min-device-pixel-ratio: 2) 
  and (orientation: landscape){
	  
	  #mobile{
		  
		  display: block !important;
	  }
	  
	  #menuDesktop,#menuLogo{
		  
		 display: none;
	  }
	  
	  
	  
	  /*#navLogin {
		  
		  display: none;
	  }*/
	  
  }

/***** iPhone 6 and iPhone 6S

Portrait and landscape iPhone 6 and iPhone 6S *****/

@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2){
	  
	  #mobile{
		  
		  display: block !important;
	  }
	  
	  #menuDesktop,#menuLogo{
		  
		 display: none;
	  }
	  
	  
	  
	  
	  
	  #crouge,#cvert{
		  
		  display: none;
	  }
	  
  }

/***** Portrait iPhone 6 and iPhone 6S *****/

@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) 
  and (orientation: portrait){
	  
	  
	  #mobile{
		  
		  display: block !important;
	  }
	  
	  #menuDesktop,#menuLogo{
		  
		 display: none;
	  }
	  
	  #deco{
		  
		  width : 60%;
	  }
	  
	  
  }
  
 

/****** Landscape iPhone 6 and iPhone 6S ******/

@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) 
  and (orientation: landscape){
	  
	 #mobile{
		  
		  display: block !important;
	 }
	  
	 #menuDesktop,#menuLogo{
		  
		 display: none;
	  }
	  
	  
	  
  }

/******* iPhone 6 Plus and iPhone 6S Plus

Portrait and landscape iPhone 6 Plus and iPhone 6S Plus ****/

@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3){
	  
	  #mobile{
		  
		  display: block !important;
	  }
	  	  
	  #crouge,#cvert{
		  
		  display:none;
	  }
	  
	  #menuDesktop,#menuLogo{
		  
		 display: none;
	  }
	  
	  	  
	  
	  
  }

/***** Portrait iPhone 6 Plus and iPhone 6S Plus  *****/

@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3) 
  and (orientation: portrait){
	  
	  #mobile{
		  
		  display: block !important;
	  }
	  
	  
	  #menuDesktop,#menuLogo{
		  
		 display: none;
	  }
	  
	  
	  
  }
/******* Landscape iPhone 6 Plus and iPhone 6S Plus ****/

@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3) 
  and (orientation: landscape){
	  
	  #mobile{
		  
		  display: block !important;
	  }
	  
	  #menuDesktop,#menuLogo{
		  
		 display: none;
	  }
	  
	  
  }

/****** Samsung Galaxy S3

Portrait and landscape Samsung Galaxy S3 *****/

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 640px) 
  and (-webkit-min-device-pixel-ratio: 2){
	  
	  #mobile{
		  
		  display: block !important;
	  }
	  
	  #menuDesktop,#menuLogo{
		  
		 display: none;
	  }
  }

/***** Portrait Samsung Galaxy S3 *****/

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 640px) 
  and (-webkit-min-device-pixel-ratio: 2) 
  and (orientation: portrait){
	  
	  #mobile{
		  
		  display: block !important;
	  }
	  
	  #menuDesktop,#menuLogo{
		  
		 display: none;
	  }
  }

/***** Landscape Samsung Galaxy S3 *****/

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 640px) 
  and (-webkit-min-device-pixel-ratio: 2) 
  and (orientation: landscape){
	  
	  #mobile{
		  
		  display: block !important;
	  }
	  
	  #menuDesktop,#menuLogo{
		  
		 display: none;
	  }
  }

/******* Samsung Galaxy S4

Portrait and landscape Samsung Galaxy S4 *****/

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 640px) 
  and (-webkit-min-device-pixel-ratio: 3){
	  
	  #mobile{
		  
		  display: block !important;
	  }
	  
	  #menuDesktop,#menuLogo{
		  
		 display: none;
	  }
  }

/****** Portrait Samsung Galaxy S4 *****/

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 640px) 
  and (-webkit-min-device-pixel-ratio: 3) 
  and (orientation: portrait){
	  
	  #mobile{
		  
		  display: block !important;
	  }
	  
	  #menuDesktop,#menuLogo{
		  
		 display: none;
	  }
  }

/***** Landscape Samsung Galaxy S4 *****/

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 640px) 
  and (-webkit-min-device-pixel-ratio: 3) 
  and (orientation: landscape){
	  
	  #mobile{
		  
		  display: block !important;
	  }
	  
	  #menuDesktop,#menuLogo{
		  
		 display: none;
	  }
  }

/******* Samsung Galaxy S5

Portrait and landscape Samsung Galaxy S5 *****/

@media only screen 
  and (min-device-width: 360px) 
  and (max-device-width: 640px) 
  and (-webkit-min-device-pixel-ratio: 3){
	  
	  #mobile{
		  
		  display: block !important;
	  }
	  
	  #menuDesktop,#menuLogo{
		  
		 display: none;
	  }
  }

/****** Portrait Samsung Galaxy S5 *****/

@media only screen 
  and (min-device-width: 360px) 
  and (max-device-width: 640px) 
  and (-webkit-min-device-pixel-ratio: 3) 
  and (orientation: portrait){
	  
	  #mobile{
		  
		  display: block !important;
	  }
	  
	  #menuDesktop,#menuLogo{
		  
		 display: none;
	  }
  }

/****** Landscape Samsung Galaxy S5 *******/

@media only screen 
  and (min-device-width: 360px) 
  and (max-device-width: 640px) 
  and (-webkit-min-device-pixel-ratio: 3) 
  and (orientation: landscape){
	  
	  #mobile{
		  
		  display: block !important;
	  }
	  
	  #menuDesktop,#menuLogo{
		  
		 display: none;
	  }
  }

/****** HTC One

Portrait and landscape HTC One ****/

@media only screen 
  and (min-device-width: 360px) 
  and (max-device-width: 640px) 
  and (-webkit-min-device-pixel-ratio: 3){
	  
	  #mobile{
		  
		  display: block !important;
	  }
	  
	  #menuDesktop,#menuLogo{
		  
		 display: none;
	  }
  }

/***** Portrait HTC One *****/

@media only screen 
  and (min-device-width: 360px) 
  and (max-device-width: 640px) 
  and (-webkit-min-device-pixel-ratio: 3) 
  and (orientation: portrait){
	  
	  #mobile{
		  
		  display: block !important;
	  }
	  
	  #menuDesktop,#menuLogo{
		  
		 display: none;
	  }
  }

/******* Landscape HTC One ******/

@media only screen 
  and (min-device-width: 360px) 
  and (max-device-width: 640px) 
  and (-webkit-min-device-pixel-ratio: 3) 
  and (orientation: landscape){
	  
	  #mobile{
		  
		  display: block !important;
	  }
	  
	  #menuDesktop,#menuLogo{
		  
		 display: none;
	  }
  }

/****** iPad mini 1, iPad 1 and iPad 2

Portrait and landscape iPad mini 1, iPad 1 and iPad 2 *****/

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1){
	  
	  #mobile{
		  
		  display: block !important;
	  }
	  
	  #menuDesktop,#menuLogo{
		  
		 display: none;
	  }
  }

/****** Portrait iPad mini 1, iPad 1 and iPad 2 *****/

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) 
  and (orientation: portrait){
	  
	  #mobile{
		  
		  display: block !important;
	  }
	  
	  #menuDesktop,#menuLogo{
		  
		 display: none;
	  }
  }

/****** Landscape iPad mini 1, iPad 1 and iPad 2 ******/

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) 
  and (orientation: landscape){
	  
	  #mobile{
		  
		  display: block !important;
	  }
	  
	  #menuDesktop,#menuLogo{
		  
		 display: none;
	  }
  }

/** iPad mini 2, iPad mini 3, iPad mini 4, iPad 3, iPad 4, iPad Air and iPad Air 2

Portrait and landscape iPad mini 2, iPad mini 3, iPad mini 4, iPad 3, iPad 4, iPad Air and iPad Air 2**/

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2){
	  
	  #mobile{
		  
		  display: block !important;
	  }
	  
	  
	  #crougeMobile{
		  
		  display: none:
	  }
	  
	  #menuDesktop,#menuLogo{
		  
		 display: none;
	  }
  }

/** Portrait iPad mini 2, iPad mini 3, iPad mini 4, iPad 3, iPad 4, iPad Air and iPad Air 2 ***/

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) 
  and (orientation: portrait){
	  
	  
	  #crouge,#cvert{
		  
		  display:block !important;
	  }
	  
	  #mobile{
		  
		  display: block !important;
	  }
	  
	  #menuDesktop,#menuLogo{
		  
		 display: none;
	  }
	  
	  
	  
	  #crougeMobile{
		  
		  display: none;
	  }
	  
	  #cvertMobile{
		  
		  display: none;
	  }
	  
	  #crouge{
		  
		  width: 70px !important;
		  height : 70px !important;
	  }
	  
	  #cvert{
		  
		  width: 70px !important;
		  height : 70px !important;
		  
	  }
	  
  }

/*** Landscape iPad mini 2, iPad mini 3, iPad mini 4, iPad 3, iPad 4, iPad Air and iPad Air 2 **/

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) 
  and (orientation: landscape){
	  
	  #mobile{
		  
		  display: block !important;
	  }
	  
	  #menuDesktop,#menuLogo{
		  
		 display: none;
	  }
	  
	  #crouge,#cvert{
		  
		  display:block !important;
	  }
	  
	  
	  #crougeMobile{
		  
		  display: none;
	  }
	  
	  #cvertMobile{
		  
		  display: none;
	  }
  }

/**** iPad Pro *****/

/*** Portrait and landscape iPad Pro ***/

@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (-webkit-min-device-pixel-ratio: 2){
	  
	  #mobile{
		  
		  display: block !important;
	  }
	  
	  #menuDesktop,#menuLogo{
		  
		 display: none;
	  }
	  
	  
	  
	  #crougeMobile {
		  
		  display : none;
	  }
	  
	  #cvertMobile{
		  
		  display: none;
	  }
  }

/*** Portrait iPad Pro ***/

@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (-webkit-min-device-pixel-ratio: 2) 
  and (orientation: portrait){
	  
	  #menuDesktop,#menuLogo{
		  
		 display: none;
	  }
  }

/**** Landscape iPad Pro ***/

@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (-webkit-min-device-pixel-ratio: 2) 
  and (orientation: landscape){
	  
	  #menuDesktop,#menuLogo{
		  
		 display: none;
	  }
  }

/*** Samsung Galaxy Tab 10.1

Portrait and landscape Samsung Galaxy Tab 10.1 ***/

@media (min-device-width: 800px) 
  and (max-device-width: 1280px) {
	  
	  #menuDesktop,#menuLogo{
		  
		 display: none;
	  }
  }

/*** Portrait Samsung Galaxy Tab 10.1 ***/

@media (min-device-width: 800px) 
  and (max-device-width: 1280px) 
  and (orientation: portrait){
	  
	  #menuDesktop,#menuLogo{
		  
		 display: none;
	  }
  }

/*** Landscape Samsung Galaxy Tab 10.1 ***/

@media (min-device-width: 800px) 
  and (max-device-width: 1280px) 
  and (orientation: landscape){
	  
	  #menuDesktop,#menuLogo{
		  
		 display: none;
	  }
  }

/*** Asus Nexus 7

Portrait and landscape Asus Nexus 7***/

@media only screen 
  and (min-device-width: 600px) 
  and (max-device-width: 960px) 
  and (-webkit-min-device-pixel-ratio: 1.331) 
  and (-webkit-max-device-pixel-ratio: 1.332){
	  
	  
	    }

/**** Portrait Asus Nexus 7 ****/

@media only screen 
  and (min-device-width: 600px) 
  and (max-device-width: 960px) 
  and (-webkit-min-device-pixel-ratio: 1.331) 
  and (-webkit-max-device-pixel-ratio: 1.332) 
  and (orientation: portrait){
	  
	  
  }

/**** Landscape Asus Nexus 7 ****/

@media only screen 
  and (min-device-width: 601px) 
  and (max-device-width: 960px) 
  and (-webkit-min-device-pixel-ratio: 1.331) 
  and (-webkit-max-device-pixel-ratio: 1.332) 
  and (orientation: landscape){
	  
	    }

/** Kindle Fire HD 7"

Portrait and landscape Kindle Fire HD 7"***/

@media only screen 
  and (min-device-width: 800px) 
  and (max-device-width: 1280px) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
	  
	  
  }

/*** Portrait Kindle Fire HD 7" ***/

@media only screen 
  and (min-device-width: 800px) 
  and (max-device-width: 1280px) 
  and (-webkit-min-device-pixel-ratio: 1.5) 
  and and (orientation: portrait){
	  
	  
  }

/*** Landscape Kindle Fire HD 7" ***/

@media only screen 
  and (min-device-width: 800px) 
  and (max-device-width: 1280px) 
  and (-webkit-min-device-pixel-ratio: 1.5)  
  and (orientation: landscape){
	  
	   
  }

/*** Kindle Fire HD 8.9"

Portrait and landscape Kindle Fire HD 8.9" ***/

@media only screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 1.5){
	  
	  #desktop{
		  
		  display: block !important;
	  }
	  
	  #crouge,#cvert{
		  
		  display:block !important;
	  }
	  
	  #cvertMobile{
		  
		 display: none; 
	  }
	  
	  #crougeMobile{
		  
		  display: none;
	  }
	  
	  
  }

/*** Portrait Kindle Fire HD 8.9" **/

@media only screen  
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 1.5) 
  and (orientation: portrait){
	  
	  #desktop{
		  
		  display: block !important;
	  }
	  
	  
  }

/*** Landscape Kindle Fire HD 8.9" ***/

@media only screen  
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 1.5) 
  and (orientation: landscape){
	  
	  #desktop{
		  
		  display: block !important;
	  }
	  
	  #crouge,#cvert{
		  
		  display:block !important;
	  }
	  
	  #cvertMobile{
		  
		 display: none; 
	  }
	  
	  #crougeMobile{
		  
		  display: none;
	  }
	  
	  
  }

/*** Desktops and laptops

Non-Retina screens ***/

@media only screen  
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 1){
	  
	  
	  #crouge,#cvert{
		  
		  display:block !important;
	  }
	  
	  #desktop{
		  
		  display: block !important;
	  }
	  
	  
	  #crougeMobile{
		  
		  display: none;
	  }
	  
	  #cvertMobile{
		  
		 display: none; 
	  }
	  
	  
  }

/**** Retina screens ***/

@media only screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 2) 
  and (min-resolution: 192dpi) {
	  
	  #desktop{
		  
		  display: block !important;
	  }
	  
	  #crouge,#cvert{
		  
		  display:block !important;
	  }
	 
	  
	  
	  #cvertMobile{
		  
		 display: none; 
	  }
	  
	  #crougeMobile{
		  
		  display: none;
	  }
	  
	  
  }

/*** Desktops and laptops ***/

@media only screen 
  and (min-width: 1224px){
	  
	  
	  #desktop{
		  
		  display: block !important;
	  }
	  
	  #crouge,#cvert{
		  
		  display:block !important;
	  }
	  
	  
  }

/**** Large screens  ****/


@media only screen 
  and (min-width: 1824px){
	  
	  #crouge,#cvert{
		  
		  display:block;
	  }
	  
	  #desktop{
		  
		  display: block !important;
	  }
	  
	  
  }

/**** Apple Watch

Apple Watch ***/

/*@media (max-device-width: 42mm) 
  and (min-device-width: 38mm) 

/**** Moto 360 Watch

Moto 360 Watch ****/

/*@media (max-device-width: 218px) 
  and (min-device-width: 281px) */