/*
Desktop - 992px + 
*/

.ee-g-brown.ee-full-bleed .ee-g-black {
    width: 489px;
}
.category-panel .ee-inner {
	padding:20px;
}
.category-panel li {
	margin:10px 0;
}

.category-logos li {
	background: url(../img/sprites/sprite-customer-logos.png) 0 0 no-repeat;
	height:25px;
	padding:5px 0 0 30px;
	margin:0;
}
.category-logos li.category-orange {
	background-position: 0 0;
}
.category-logos li.category-tmobile {
	background-position: 0 -76px;
}
.category-logos li.category-ee {
	background-position: 0 0px;
}

.page-title-sub{
	margin:-22px auto;
    padding-left:100px;
    width: 978px;
}

	.page-title {
   	 	margin: 0 auto -9px;
    	padding-left: 100px;
	}

	.o-logo{
		background: url(../img/backgrounds/bg-orange-logo.jpg) 30px 12px no-repeat;
		margin: 0 auto;
		height: 73px;
		width: 978px;
	}

	.tm-logo{
		background: url(../img/backgrounds/bg-tmo-logo.jpg) 30px 12px no-repeat; 
		margin: 0 auto;
		height: 73px;
		width: 978px;
	}

li.category-orange a {
	color:#000 !important;
}
li.category-tmobile a {
	color:#E00073 !important;
}
li.category-orange a {
	color:#000000 !important;
}
a.category-tertiary-link.orange-link {
    background-position: 100% 4px;
}
a.category-tertiary-link.tmobile-link {
    background-position: 100% -52px;
}
a.category-tertiary-link.ee-link {
    background-position: 100% -32px;
}
.category-logos li.category-orange {
    background-position: 0 -37px;
}

a.category-tertiary-link {
    background-image: url("../img/sprites/sprite-category-link-arrows.jpg");
    background-repeat: no-repeat;
    padding-right: 10px;
}
a.category-tertiary-link:hover {
	background-position: 100% -52px;
}
.preview-results{
	width:298px;
}


/*
* Smartphones - 320px / 480px
*/

@media only screen and (min-width: 300px) and (max-width:479px) {

	.ee-g-brown.ee-full-bleed .ee-g-black {
	    width: 93% !important;
	}
	.ee-g-brown.ee-full-bleed .ee-g-black .ee-inner {
	    padding:10px 0;
	}
	.category-panel.dotted-right-grey {
		background: none !important;
	}
	.category-panel.dotted-right-grey {
		border-bottom: 1px dotted #ccc;
	}
	.category-panel li {
		margin:8px 0;
	}
	.h4, .heading4, h4 span, .icon-heading-reg {
    	font-size: 1.5rem !important;
	}

	a.link-aqua-grey.tertiary-link {
	    background-position: 100% -36px;
		}

	a.link-aqua-grey.tertiary-link:hover {
	    background-position: 100% -36px;
	}
	.o-logo{
		background-position: 10% 50%;
		width: auto;
	}
	.tm-logo{
		background-position: 10% 50%;
		width: auto;
	}
	.page-title {
    	margin:1% auto 0;
    	padding-left: 32%;
	}
	.page-title-sub {
		line-height: 17px;
	    margin: -3% auto -6%;
	    padding-left: 29%;
	    width: 60%;
	}
	.preview-results {
	    width: 100%;
	}

}

/*
* Blackberry PB - Portrait (iPad) - 600px / 1024px
*/

@media only screen and (min-width:480px) and (max-width:767px) {

	.ee-g-brown.ee-full-bleed .ee-g-black {
	    width: 97%;
	}
	.category-panel.dotted-right-grey {
		background: none !important;
	}
	.category-panel.dotted-right-grey {
		border-bottom: 1px dotted #ccc;
	}
	.category-panel li {
		margin:25px 0;
	}

	.ee-g-brown .ee-inner, .ee-g-red .ee-inner, .ee-g-yellow .ee-inner, .ee-g-green .ee-inner, .ee-g-pink .ee-inner, .ee-g-pink.ee-g-pink-last .ee-inner, .ee-g-grey .ee-inner, .ee-g-magenta .ee-inner, .ee-g-orange .ee-inner, .ee-g-blue .ee-inner, .ee-g-blue.ee-first .ee-inner, .ee-g-blue.ee-last .ee-inner, .ee-g-teal .ee-inner, .ee-g-black .ee-inner {
		width: auto;
		padding: 10px;
	}

	.o-logo{
		background-position: 4% 50%;
		width:96%;
	}
	.tm-logo{
		background-position: 4% 50%;
		width:96%;
	}
	.page-title {
    	padding-left: 16%;
    	padding-top: 1%;
	}

	.page-title-sub {
		margin: -3% 0 -3% -2%;
		padding-left: none;
		width: 28%;
		line-height: 14px !important;
	}
	.preview-results {
	    width: 100%;
	}


	


}
/*
* Tablets (iPad) - 768px / 1024px
*/

@media only screen and (min-width:768px) and (max-width:991px) {

	.ee-g-brown.ee-full-bleed .ee-g-black {
	    width: 370px;
	}
	.preview-results{
	width:300px;
	}
	.tm-logo {
   		background-position: 26px 10px;
	}
	.page-title {
    	padding-left: 10%;
	}
	.o-logo {
   		background-position: 26px 10px;
	}
	.page-title-sub {
	   	margin: -23px auto -22px;
	    padding-left: 97px;
	    width: auto;
	}

	
}