/* Media Query */

/* Tablet Portrait width to 960px */
@media only screen
and (min-width: 960px)
{
}


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


@media only screen
and (min-width: 768px)
and (max-width: 960px)
{
}


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


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

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

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


/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px)
{
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px)
{
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px)
{
}

/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1024px)
{
}

@media only screen
and (min-width : 960px)
and (max-width : 1224px)
{
}


/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
{
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
{
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait)
{
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px)
{
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px)
{
}

/* iPhone 4 ----------- */
@media
only screen and (WebkitMin-devicePixelRatio : 1.5),
only screen and (min-devicePixelRatio : 1.5)
{
}




/* Autre façon */

@media only screen and (min-width:960px){
	/* styles for browsers larger than 960px; */
}
@media only screen and (min-width:1440px){
	/* styles for browsers larger than 1440px; */
}
@media only screen and (min-width:2000px){
	/* for sumo sized (mac) screens */
}
@media only screen and (max-device-width:480px){
   /* styles for mobile browsers smaller than 480px; (iPhone) */
}
@media only screen and (device-width:768px){
   /* default iPad screens */
}
/* different techniques for iPad screening */
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
  /* For portrait layouts only */
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
  /* For landscape layouts only */
}