/* Responsive Design Styles - by S
teven Matarazzo - December 10th 2013 - v1.1 */
/* iPhone 4 (portrait) ----------- */
@media(min-device-width : 320px) and (max-device-width: 480px) and (orientation : portrait) {
body {
width: 350% !important;
       
        }
  /* This hides the wedge, as exact placement becomes an issue on a small screen */
#meta-nav .wedge {
    visibility: hidden;
  }
}

/* iPhone 4 (landscape) ----------- */
@media(min-device-width : 320px) and (max-device-width: 480px) and (orientation : landscape) {
body {
width: 250% !important;
       
        }
  /* This hides the wedge, as exact placement becomes an issue on a small screen */
#meta-nav .wedge {
    visibility: hidden;
  }
}
/* iPhone 5 Retina (portrait) ----------- */
@media(device-height: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation : portrait) {
body {
width: 350% !important;
       
        }
 
/* This hides the wedge, as exact placement becomes an issue on a small screen */
#meta-nav .wedge {
    visibility: hidden;
  }
}

/* iPhone 5 Retina (landscape) ----------- */
@media(device-height: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation : landscape) {
body {
width: 200% !important;
       
        }
 
#meta-nav .wedge {
    position: absolute;
                left: 1098px;
  }
}

/* iPad Retina (portrait) ----------- */
@media(min-device-width : 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation : portrait) {
body {
width: 150% !important;
       
        }
 
#meta-nav .wedge {
    position: absolute;
                left: 1111px;
  }
}

/* iPad 1 and 2 (portrait) ----------- */
@media(min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 1) {
body {
width: 150% !important;
       
        }
 
/* This hides the wedge, as exact placement becomes an issue on a small screen */
#meta-nav .wedge {
    visibility: hidden;
  }
}

/* iPad 1 and 2 (landscape) ----------- */
@media(min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 1) {
body {
width: 100% !important;
       
        }
 
#meta-nav .wedge {
    position: absolute;
                left: 1002px;
  }
}
/* iPad Retina (landscape) ----------- */
@media(device-height: 768px) and (-webkit-min-device-pixel-ratio: 2) and (orientation : landscape) {
body {
width: 100% !important;
       
        }
 
#meta-nav .wedge {
    position: absolute;
                left: 1002px;
  }
}