@media only screen and (min-width: 480px) 
{
	/* Wide mobile (480px+) styles go here */

}

@media only screen and (min-width: 768px) 
{ 
	/* Tablets/netbooks (768px+) styles go here */
	
}

@media only screen and (min-width: 1100px) 
{ 
	/* Desktops (1024px+) styles go here */


}

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

}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {

  /* your css rules for ipad portrait */

    #footer .col-1
  {
      width:auto
  }
 .offers #footer
 {
     position:relative
 }
  .landing #intro-poster
  {
      width:768px;
      position:relative
  }
    .cycle-prev
{
    left:5.5%
}
.cycle-next
{
    right:5.5%
}
}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {
 /* your css rules for ipad landscape */
  .cycle-prev
{
    left:5.5%
}
.cycle-next
{
    right:5.5%
}
   
}
/* Heights
================================================================== */

@media only screen and (min-height: 800px) 
{ 
	/*#poster
	{
		max-height: 500px;
		-webkit-transition:  1s ease-in;
		-moz-transition:color 1s ease-in;
		-o-transition:color 1s ease-in;
		transition:color 1s ease-in;
	}*/

}