/* local ipad styles  */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
	#ipad {  }
	#ipad #measurements .height { left: -110px; }
}

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
	#ipad {  }
	#ipad #storage .flash { bottom: 170px; }
	#ipad #thunderbolt .placeholder-inner .callout.left { left: -250px; }
	#ipad #assembly .thermalcore { top: 42px; }
	#ipad #io .copy h1 { margin-left: -84px; }
	#ipad #assembly .thermalcore { top: -8px; }
}

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
	#ipad {  }
	#ipad #panelcontainer #power .bottom-container { height: 200px; }
	#ipad #panelcontainer #processor .bottom-container { height: 180px; }
	#ipad #panelcontainer #memory .bottom-container { height: 200px; }
	#ipad #panelcontainer #graphics .bottom-container { height: 275px; }
	#ipad #panelcontainer #storage .bottom-container { height: 255px; }
	#ipad #storage .flash { bottom: 148px; }
	#ipad #panelcontainer #thermal .bottom-container { height: 278px; }
	#ipad #panelcontainer #fan .bottom-container { height: 280px; }
	#ipad #panelcontainer #expansion.panel .copy .intro { width: 740px; }
	#ipad #panelcontainer #design .copy p { width: 823px; }
	#ipad #panelcontainer #io .bottom-container { height: 252px; }
	#ipad #panelcontainer #assembly .copy .intro { width: 720px; }
	#ipad #io .copy h1 { margin-left: 16px; }
	#ipad #panelcontainer #graphics .fixed .copy p { width: 764px; margin-left: 151px; }
	#ipad #panelcontainer #thunderbolt .fixed .copy p { width: 764px; margin-left: 151px; }
	#ipad #panelcontainer #assembly .copy .intro { width: 770px; }
	#assembly .thermalcore .description { width: 200px; }
	#assembly .enclosure .description { width: 183px; }
}

/* local desktop styles */
#desktop {  }
#desktop #graphics.panel .copy.left h1 { margin-top: 55px; }
#desktop #storage .callout.left .flash { bottom: 147px; }
#desktop #measurements .height { width: 65px; left: -85px; }
#desktop #graphics.panel .bottom-container { min-height: 416px !important; }
#desktop #graphics .chart .label { bottom: -82px; }
#desktop #memory .chart .label { bottom: -82px; }
#desktop.overview div#wrapper div#panelcontainer section#graphics.panel div.bottom-container div.fixed div.copy h1.title { margin-bottom: -10px; }
#desktop #io .copy h1 { margin-left: 18px; }



/* local static styles */
#static {  }
/* local iphone styles */
.iphone {  }

.iphone .assembly .intro { padding: 0 20px; }

body#static #io h1.title img { *margin-left: 170px; }

@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px){
    #overview.enhanced-active .section-content section.row { margin-bottom: -11px; }
    body#overview .toplink { margin-top: 95px; }
}

/* ############################### */
/* # DONT TOUCH ANYTHING IN HERE # */
/* ############################### */

.productnav ul .pn-buy { display: inline-block; }
#buystrip { margin-bottom: 32px; width: 980px; margin: 0 auto; }
#buystrip .col { display: block; width: 209px; padding: 0 12px; text-align: center; color: #e8e8e8; float: left; margin-bottom: 22px; border-right: 0; }
#buystrip .col .block { display: block; padding: 0 14px; }
#buystrip .col .block:hover, #buystrip .col.last .block:hover .more { text-decoration: none; }
#buystrip .col .block:hover .more { text-decoration: underline; }
#buystrip .col .more { margin-top: -6px; text-align: center; font-size: 1.333em; }
#buystrip .col .more .inner { color: #70bce2; }
#buystrip .col.first { width: 257px; border-right: 0; padding: 0; }
#buystrip .col.first, #buystrip .col.first .more { text-align: left; }
#buystrip .col.first .block { padding-left: 0; }
#buystrip .col.first strong { font-size: 1.1666em; }
#buystrip .col.last .more { color: #fff; }
#buystrip .col .icon { display: block; margin: 0 auto; }
#buystrip .col h2 { margin-bottom: 10px; margin-top: -3px; }
#buystrip .col.shop .icon { padding: 6px 0 7px; }
#buystrip .col.visit .icon { padding: 10px 0 9px; }
#buystrip .col.call .icon { padding: 14px 0 10px; }
#buystrip .col.compare { padding-right: 22px; }
#buystrip .col.compare .productimage { margin-top: -1px; display: block; float: right; padding-top: 40px; }
#buystrip .col.compare .title { padding-top: 63px; margin-bottom: 2px; }
#buystrip .col.compare .more { margin-top: -4px; }
#buystrip.comingsoon { position: relative; left: 90px; margin-bottom: 40px; }
#buystrip.comingsoon .productimage, #buystrip.comingsoon .title, #buystrip.comingsoon .copy { float: left; }
#buystrip.comingsoon .title { margin: 30px 62px 30px 36px; }
#buystrip.comingsoon .copy { margin: 8px 0 0 0; padding: 17px 0 10px 30px; border-left: 1px solid #616161; }
#buystrip.comingsoon .copy .starting { margin-bottom: -2px; }
#buystrip.comingsoon .copy .coming { margin-bottom: 0; }

/* ############################### */
/* ############# END ############# */
/* ############################### */

#buystrip .col.visit h2 img { margin-left: -7px; }
#buystrip .col.call h2 img { margin-left: -11px; }

#buystrip .col span.inner.firstline { background:none; }


/* Updates - April 2017 */
html.mobile .content-wrapper.updates-04-17 #main .processor .chart { display: none; }
html.mobile .content-wrapper.updates-04-17 #main .memory .chart { display: none; }
html.mobile .content-wrapper.updates-04-17 #main .graphics .chart { display: none; }
html.mobile body#overview .updates-04-17 .learnmore .link.first { display: none; }
/* End Updates - April 2017 */