@media only screen and (min-width: 480px) {
	
	
	  
	 
}

/*-------------------------------------------------
	2. Screen resolution 768px+
-------------------------------------------------*/
@media only screen and (min-width: 768px)  {
	 
	
 
	.menu {
		height: 50px;
	}
	.toggle-btn {
		display: none;
	}
	.menu .nav li {
		display: inline-block;
		 
	}
	  
 
}


@media only screen and (max-width: 1440px) {
	  
}
 



 

/*-------------------------------------------------
	5. Screen resolution less than 767px
-------------------------------------------------*/
@media only screen and (max-width: 767px) {
	 
	 
	
	
	.customNavigation {
		margin-bottom: 20px;
		text-align: center;
	}
	 
	 
	.menu {
		-webkit-transform: translateY(-10px);
		-moz-transform: translateY(-10px);
		-ms-transform: translateY(-10px);
		transform: translateY(-10px);
		opacity: 0;
		visibility: hidden;
		height: 100%;
		-webkit-transition: ease-out 0.3s;
		-moz-transition: ease-out 0.3s;
		-o-transition: ease-out 0.3s;
		transition: ease-out 0.3s;
	}
	.show-menu {
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
		visibility: visible;
	}
	.menu .nav {
		position: relative;
		top: 50%;
		-webkit-transform: translate(0,-50%);
		-moz-transform: translate(0,-50%);
		-ms-transform: translate(0,-50%);
		-o-transform: translate(0,-50%);
		transform: translate(0,-50%);
	}
	.menu .nav li {
		display: table;
		margin: 0 auto 10px auto;
	}
	.menu .nav li:last-child {
		margin-bottom: 0;
	}
	
}


 




/*-------------------------------------------------
	6. Screen resolution less than 480px
-------------------------------------------------*/
@media only screen and (max-width: 479px) {
	 
}


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

}




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

  
}
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
  
   
}

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

}


 

 /* #### Mobile Phones Portrait or Landscape #### */
 @media screen and (max-device-width: 640px){
    

 }

 
 
 @media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 2) {
 }
 
 
 
 @media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 3) {


}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) 
and (-webkit-min-device-pixel-ratio: 1) { 
 
}

 /* #### Tablets Portrait or Landscape #### */
 @media screen and (min-device-width: 768px) and (max-device-width: 1024px){
  
 }

 /* #### Desktops #### */
 
  @media only screen and (min-width: 768px) and (max-width: 850px) {
  
}
 
  @media only screen (min-width: 850px) and  and (max-width: 991px) {
    
}
 
 
 @media screen and (min-width: 1024px) and (max-device-width: 1280px){
   
 }
 

  @media screen and (min-width: 1280px) {
	 

 }