/* template.css overrides -- use only when absolutely necessary
================================*/
.banner {padding-top:41.667%;}
.banner-img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
max-height: 603px;
background: url(../imgs/msi_hero1.jpg) no-repeat 0 0;
background-size:100%;
}
.static-img img { width:100%;box-sizing:border-box;}
.msi-container { position:relative;width:100%;padding:0 0;}

/* Hero Section */

.blank-link {position:absolute;top:20px;left:30px;border:red 0px solid;width:250px;height:100px;z-index:100;}

/* Center Text */
.msi-text { margin-left:auto; margin-right:auto; padding-top:19px;}
.msi-center { font-size:120%; width:55%; text-align:center; line-height:1.8em;}
.msi-center h1 { font-size:190%; font-weight:bold; line-height:3em; }

/* Section Text */
.bkg-designed {background:url("../imgs/Pseries_Newegg_02x.jpg") no-repeat; background-size:100%; width:100%; height:266px; max-height:266px;}

/* Prestige Series */
.prestige-series { width:38%;line-height:1.8em;font-size:120%;position:relative;padding-top:17%;padding-left:6%;display:block;}
.prestige-fineprint { display:block;position:relative;margin-top:25%;padding-left:6%;font-size:x-small;}
.prestige-series h2 { font-size:110%; font-weight:bold; }
.msi-prestige { 
position: relative;
top: 0;
left: 0;
right: 0;
bottom: 0;
height:713px;
max-height: 713px;
background: url("../imgs/Pseries_Newegg_03x.jpg") no-repeat 0 0;
background-size:100%;}

/* Modern Series */
.modern-series { width:38%;line-height:1.8em;font-size:120%;padding-top:16%;padding-left:58%;display:block;color:#fff;}
.modern-series h3 { font-size:110%; font-weight:bold; }
.msi-modern { 
position: relative;
top: 0;
left: 0;
right: 0;
bottom: 0;
height:708px;
max-height: 708px;
background: url("../imgs/Pseries_Newegg_04x.jpg") no-repeat 0 0;
background-size:100%;}


/* Creator Series */
.creator-series { width:38%;line-height:1.8em;font-size:120%;position:relative;padding-top:23%;padding-left:6%;display:block;}
.creator-series h4 { font-size:110%; font-weight:bold; }
.msi-creator { 
position: relative;
top: 0;
left: 0;
right: 0;
bottom: 0;
height:790px;
max-height: 790px;
background: url("../imgs/Pseries_Newegg_05x.jpg") no-repeat 0 0;
background-size:100%;}


.price{margin:0 0 0.825em 0;}
.price-save-dollar,.price-save-label,.price-save-percent{position:relative;background:#cc4e00;color:#fff;font-weight:700;font-size:13px;}
.price-save-percent:after{left: 100%;border-bottom:19px solid #cc4e00;border-right: 10px solid transparent;margin-bottom:0;}
.price-save-label{padding:0 0 1px 6px}
.price-save-dollar{padding:0 0 1px 2px}
.price-save-percent{padding:0 6px 1px 2px}
.price-save-label:before,.price-save-percent:after{content:'';position:absolute;bottom:0;width:0;height:0;}
.item-cell{border-bottom:none;}
.item-promo{margin-top:1em;}
.item-promo-code{border-color:#888;}
.item-promo-title span{color:#333;}
.item-promo-info{color:#cc4e00;}
.item-promo-code{padding:1.5em 5px 1em 5px;height:auto;color:#cc4e00;}
.item-promo-code-save{display:inline;}
li.mir{display:none;}
.instantSavings, .mir{display:block;}
.finalPrice{font-size:1.6em;}
.instantSavings{font-size:0.925em}
.shipping{visibility:hidden;}
.mir{font-size:1em;margin:0;color:#016B04}
.msi-copy {clear:both;position:relative;font-size:.9em;color:#ccc;background-color:#333;text-align:center;padding:2em;}

/* No Orange Bar for Custom LPs with Black Background
.price-save-dollar,.price-save-label,.price-save-percent{position:relative;background:none;color:#fff;font-weight:700;font-size:13px;}
.price-save-percent:after{left: 100%;border-bottom:none;border-right: 10px solid transparent;margin-bottom:0;}
================================*/

/* custom CSS on a per project basis
================================*/

/* responsive CSS on a per project basis
================================*/


@media only screen and (min-width: 375px) and (max-width: 560px) {
	/* insert responsive CSS for screens above 375px */
	.banner { padding-top: 17.667%; }
	.banner-img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
max-height: 115px;
background: url(../Pseries_Newegg_m_01ax.jpg) no-repeat 0 0;
background-size:100%;
}
	.blank-link {position:absolute;top:20px;left:15px;width:125px;height:40px;z-index:100;}
	
	.msi-text { margin-left:auto; margin-right:auto; padding-top:5px; }
	.msi-center { font-size:110%; width:85%; text-align:center; line-height:1.5em;}
	.msi-center h1 { font-size:130%; font-weight:bold; line-height:2em; }
	
	.bkg-designed {background:url("../imgs/Pseries_Newegg_969_02x.jpg") repeat; background-size:100%;width:100%;height:160px;max-height:311px;}
	
	.prestige-series { width:80%;line-height:1.8em;font-size:110%;position:relative;padding-top:58%;padding-left:9%;display:block;}
	.prestige-fineprint { display:block;position:absolute;left:0;bottom:0;font-size:x-small;}
	.prestige-series h2 { font-size:100%; font-weight:bold; }
	.prestige-series span { font-size: 180% !important;}
	.modern-series { width:85%;line-height:1.6em;font-size:120%;padding-top:64%;padding-left:10%;display:block;color:#fff;}
	.modern-series h3 { font-size:110%; font-weight:bold; }
	.modern-series span { font-size: 180% !important;}
	.creator-series { width:85%;line-height:1.6em;font-size:120%;position:relative;padding-top:61%;padding-left:9%;display:block;}
	.creator-series h4 { font-size:100%; font-weight:bold; }
	.creator-series span { font-size:180% !important; }
	.msi-prestige { position: relative;top: 0;left: 0;right: 0;bottom: 0;height:568px;max-height:700px;background: url("../imgs/Pseries_Newegg_641_03x.jpg") no-repeat 0 0;background-size:100%;}
	.msi-modern { position: relative;top: 0;left: 0;right: 0;bottom: 0;height:568px;max-height:700px;background: url("../imgs/Pseries_Newegg_641_04x.jpg") no-repeat 0 0;background-size:100%;}
	.msi-creator { position: relative;top: 0;left: 0;right: 0;bottom: 0;height:568px;max-height:700px;background: url("../imgs/Pseries_Newegg_641_05x.jpg") no-repeat 0 0;background-size:100%;}
		
}
	

@media only screen and (min-width:561px) and (max-width: 769px) {
	/* insert responsive CSS for screens above 641px */
	
	.blank-link {position:absolute;top:10px;left:15px;width:125px;height:40px;z-index:110;}
	.msi-text { margin-left:auto; margin-right:auto; padding-top:5px; }
	.msi-center { font-size:120%; width:88%; text-align:center; line-height:1.5em;}
	.msi-center h1 { font-size:130%; font-weight:bold; line-height:2em; }

	.bkg-designed {background:url("../imgs/Pseries_Newegg_969_02x.jpg") no-repeat; background-size:100%; width:100%; height:175px; max-height:175px;}
	
	.prestige-series { width:78%;line-height:1.8em;font-size:120%;position:relative;padding-top:60%;padding-left:11%;display:block;}
	.prestige-fineprint { display:block;position:absolute;left:0;bottom:0;font-size:x-small;}
	.prestige-series h2 { font-size:110%; font-weight:bold; }
	.prestige-series span, .modern-series span, .creator-series span {font-size:170% !important;}
	.modern-series { width:82%;line-height:1.6em;font-size:120%;padding-top:64%;padding-left:10%;display:block;color:#fff;}
	.modern-series h3 { font-size:110%; font-weight:bold; }
	.creator-series { width:80%;line-height:1.6em;font-size:120%;position:relative;padding-top:64%;padding-left:11%;display:block;}
	.creator-series h4 { font-size:110%; font-weight:bold; }
	.msi-prestige { position: relative;top: 0;left: 0;right: 0;bottom: 0;height:790px;max-height:790px;background: url("../imgs/Pseries_Newegg_641_03x.jpg") no-repeat 0 0;background-size:100%;}
	.msi-modern { position: relative;top: 0;left: 0;right: 0;bottom: 0;height:790px;max-height:790px;background: url("../imgs/Pseries_Newegg_641_04x.jpg") no-repeat 0 0;background-size:100%;}
	.msi-creator { position: relative;top: 0;left: 0;right: 0;bottom: 0;height:790px;max-height:790px;background: url("../imgs/Pseries_Newegg_641_05x.jpg") no-repeat 0 0;background-size:100%;}
		
}


@media only screen and (min-width: 770px) and (max-width: 969px) {
	/* insert responsive CSS for screens above 1200px */
	.items-grid .item-cell { width: 22%; }
	.blank-link {position:absolute;top:15px;left:20px;width:18%;height:73px;z-index:110;}
	
	.msi-text { margin-left:auto; margin-right:auto; padding-top:30px; }
	.msi-center { font-size:120%; width:70%; text-align:center; line-height:1.7em;}
	.msi-center h1 { font-size:150%; font-weight:bold; line-height:2.2em; }

	.bkg-designed {background:url("../imgs/Pseries_Newegg_969_02x.jpg") no-repeat; background-size:100%; width:100%; height:237px; max-height:311px;}
	
	.prestige-series { width:50%;line-height:1.8em;font-size:120%;position:relative;padding-top:20%;padding-left:4%;display:block;}
	.prestige-fineprint { display:block;position:absolute;left:0;bottom:0;font-size:x-small;}
	.prestige-series h2 { font-size:110%; font-weight:bold; }	
	.modern-series { width:50%;line-height:1.7em;font-size:120%;padding-top:24%;padding-left:41%;display:block;color:#fff;}
	.modern-series h3 { font-size:110%; font-weight:bold; }
	.creator-series { width:45%;line-height:1.5em;font-size:120%;position:relative;padding-top:32%;padding-left:7%;display:block;}
	.creator-series h4 { font-size:110%; font-weight:bold; }
	.msi-prestige { position: relative;top: 0;left: 0;right: 0;bottom: 0;height:713px;max-height: 713px;background: url("../imgs/Pseries_Newegg_969_03x.jpg") no-repeat 0 0;background-size:100%;}
	.msi-modern { position: relative;top: 0;left: 0;right: 0;bottom: 0;height:708px;max-height: 708px;background: url("../imgs/Pseries_Newegg_969_04x.jpg") no-repeat 0 0;background-size:100%;}
	.msi-creator { position: relative;top: 0;left: 0;right: 0;bottom: 0;height:790px;max-height: 790px;background: url("../imgs/Pseries_Newegg_969_05x.jpg") no-repeat 0 0;background-size:100%;}
	

}

@media only screen and (min-width: 970px) and (max-width: 1074px) {
	/* insert responsive CSS for screens above 1200px */
	.items-grid .item-cell { width: 22%; }
	.blank-link {position:absolute;top:15px;left:20px;width:18%;height:73px;z-index:110;}
	
	.msi-text { margin-left:auto; margin-right:auto; padding-top:30px; }
	.msi-center { font-size:120%; width:70%; text-align:center; line-height:1.7em;}
	.msi-center h1 { font-size:150%; font-weight:bold; line-height:2.2em; }

	.bkg-designed {background:url("../imgs/Pseries_Newegg_969_02x.jpg") no-repeat; background-size:100%; width:100%; height:237px; max-height:311px;}
	
	.prestige-series { width:40%;line-height:1.8em;font-size:120%;position:relative;padding-top:15%;padding-left:6%;display:block;}
	.prestige-fineprint { display:block;position:absolute;left:0;bottom:0;font-size:x-small;}
	.prestige-series h2 { font-size:110%; font-weight:bold; }	
	.modern-series { width:40%;line-height:1.5em;font-size:120%;padding-top:15%;padding-left:58%;display:block;color:#fff;}
	.modern-series h3 { font-size:110%; font-weight:bold; }
	.creator-series { width:40%;line-height:1.5em;font-size:120%;position:relative;padding-top:22%;padding-left:6%;display:block;}
	.creator-series h4 { font-size:110%; font-weight:bold; }
	

}


@media only screen and (min-width: 1024px) {
	/* insert responsive CSS for screens above 1200px */
	.items-grid .item-cell { width: 22%; }
	

}
@media only screen and (min-width: 1025px) {
	/* insert responsive CSS for screens above 1025px */
}
@media only screen and (min-width: 1330px) {
	/* insert responsive CSS for screens above 1200px */

}