/******************************** FIX FOR IOS7 **************************************/

/* FIX FOR JQUERY CUSTOM SCROLLER */

/*iPhone 3 and 4 portrait*/
@media all and (device-width: 320px) and (device-height: 480px) and (orientation:portrait){  
  .menu-wrapper {
  	height: 480px;
  }   
}
/*iPhone 3 and 4 landscape*/
@media all and (device-width: 320px) and (device-height: 480px) and (orientation:landscape){  
  .menu-wrapper {
  	height: 320px;
  }  
}
/*iPhone 5 portrait*/
@media all and (device-width: 320px) and (device-height: 568px) and (orientation:portrait){  
  .menu-wrapper {
  	height: 568px;
  }   
}
/*iPhone 5 landscape*/
@media all and (device-width: 320px) and (device-height: 568px) and (orientation:landscape){  
  .menu-wrapper {
  	height: 320px;
  }
}
/*iphone 6 landscape*/
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) { 
    .menu-wrapper {
      height: 375px;
    }
    
}
/*iphone 6 portrait*/

@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait) { 
    .menu-wrapper {
      height: 667px;
    } 
}
/*iphone 6 plus landscape */
@media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : landscape) { 
  .menu-wrapper {
    height: 414px;
  } 
}
/* iphone 6 plus portrait*/

@media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : portrait) { 
  .menu-wrapper {
    height: 736px;
  }  
}

/*iPad portrait*/
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait){  
  .menu-wrapper {
  	height: 1024px;
  }   
} 
/*iPad landscape*/
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape){
  .menu-wrapper {
  	height: 768px;
  } 
}