/* Reset */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    border: 0 none;
    font: inherit;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    clear: left;
    display: block;
}

ol, ul {
    list-style: outside none none;
}
blockquote, q {
    quotes: none;
}
blockquote::before, blockquote::after, q::before, q::after {
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* General */

body {
    font-family: "Arial",sans-serif;
    font-size: 14px;
	line-height: 1;
    margin: 0;
    padding: 0;
}
.strong {
    font-weight: bold !important;
}

html {
    box-sizing: border-box;
}

/* Sticky Header */

.sticky {
    left: 0;
    position: fixed !important;
    top: 0;
    width: 100%;
    z-index: 700;
}


/* Fluid Images */

img, embed, object, video {
    max-width: 100%;
}


/* Box-sizing */

*, *::before, *::after {
    box-sizing: inherit;
}
* {
    margin: 0;
    padding: 0;
}


/* Wrapper  1280 */

.wrapper {
    margin: 0 auto;
    max-width: 1280px;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}


/* Header & Navigation */


#header {
	background-color: #ffffff;
	padding-bottom: 15px;
	padding-top: 15px;
}
#nav-background {
    background-color: #f6f6f6;
    border-bottom: thin solid #d7d7d7;
    border-top: thin solid #d7d7d7;
    height: 46px;
}


#sizes-menu {
	padding-right: 15px;
	padding-top: 15px;
	text-align: left;
	font-weight: bold;
	position: relative;
	display: inline-block;
}

.sizes-menu-text a {
    color: #010000;
    font-weight: normal;
    text-decoration: none;
}
.sizes-menu-text a:hover {
    color: #010000;
    text-decoration: underline;
}

.sizes-menu-mobile {
	position: relative;
	display: none;
}


/* Sizes Drop Down Menu */  

.sizes-menu-dropdown {
	position: relative;
}


/* Main Drop Down Menu */  

#main-menu {
    display: inline-block;
    position: relative;
}

* {
    box-sizing: border-box;
    font-family: "Arial",sans-serif;
    font-weight: bold;
    margin: 0;
    padding: 0;
}
.float-left {
    float: left;
}
.fa {
    font-size: 1.5em;
    line-height: 5px !important;
    padding-right: 30px;
}

.main-menu-text a {
	color: #ffffff;
	text-decoration: none;
}

.main-menu-text a:hover {
	color: #000 !important;
	text-decoration: none;
}

.main-menu-text a:visited {
	color: #ffffff;
	text-decoration: none;
}

dropdown {
    display: inline-block;
    left: 0;
    margin: 0;
    position: absolute;
    top: 0;
}

dropdown li a {
    color: #ffffff !important;
	text-decoration: none !important;
}

dropdown li a:hover {
    color: #000000 !important;
	text-decoration: none !important;
}

dropdown li a:visited {
    color: #ffffff !important;
	text-decoration: none !important;
}

dropdown label, dropdown ul li {
	background: #292929 none repeat scroll 0 0;
	color: #ffffff !important;
	display: block;
	font-weight: normal;
	padding-top: 15px;
	padding-right: 0;
	padding-left: 46px;
	padding-bottom: 15px;
	width: 260px;
	text-decoration: none !important;
}
dropdown label:hover, dropdown ul li:hover, .fa:hover {
    background: #ffd300 none repeat scroll 0 0;
    color: #000000 !important;
    cursor: pointer;
	text-decoration: none !important;
}

dropdown label:visited, dropdown ul li:visited, .fa:visited {
	color: #ffffff !important;
	cursor: pointer;
	text-decoration: none !important;
}
dropdown label {
    background: #000000 none repeat scroll 0 0;
    border-radius: 0;
    color: #ffffff;
    font-weight: bold;
    padding-bottom: 15px;
    padding-left: 15px !important;
    padding-top: 15px;
    position: relative;
    z-index: 2;
}
dropdown input {
    display: none;
}
dropdown input ~ ul {
    opacity: 0;
    position: absolute;
    top: -20px;
    visibility: hidden;
    z-index: 1;
}
dropdown input:checked + label {
    background: #ffd300 none repeat scroll 0 0;
    color: #000 !important;
}

dropdown input:checked + ul {
    color: #000 !important;
}

dropdown input:checked ~ ul {
    opacity: 1;
    top: 44px;
    visibility: visible;
}
.animate {
    backface-visibility: hidden;
    transition: all 0.3s ease 0s;
}

/* Main Drop Down Menu Collapse for Tablet */ 

@media only screen and (max-width: 979px) {
.fa {
    font-size: 1.5em;
    line-height: 25px !important;
    padding-left: 20px;
}
dropdown label {
    height: 45px;
    padding-bottom: 15px;
    padding-left: 15px !important;
    padding-top: 15px;
    width: 80px !important;
}
dropdown label, dropdown ul li {
	font-size: 14px;
	padding-top: 15px;
	padding-right: 0;
	padding-left: 30px;
	padding-bottom: 15px;
	width: 240px;
	line-height: 16px;
}

.nav-text-hide {
    display: none;   /* Hides Main Menu Label Text on 800px breakpoint */  
}
	
}
	



/* Back to Top */

#scroll {
    position:fixed;
    right:20px;
    bottom:40px;
    cursor:pointer;
    width:50px;
    height:50px;
    background-color:#ffd300;
    text-indent:-9999px;
    display:none;
    -webkit-border-radius:60px;
    -moz-border-radius:60px;
    border-radius:60px
}
#scroll span {
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-8px;
    margin-top:-12px;
    height:0;
    width:0;
    border:8px solid transparent;
    border-bottom-color:#000;
}

#scroll:hover {
    background-color:#999;
    opacity:1;filter:"alpha(opacity=100)";
    -ms-filter:"alpha(opacity=100)";
}

#scroll:visited {
	background-color:#ffd300;
}

/* Footer */


#footer-nav {
    background-color: #1d1d1d;
    overflow: hidden;
    padding-bottom: 15px;
    padding-top: 15px;
}
#footer-disclaimer {
    background-color: #000000;
    overflow: hidden;
    padding-bottom: 30px;
    padding-top: 30px;
}
.footer-text {
    color: #ffffff;
    font-weight: normal;
    line-height: 2;
    text-align: left;
}
.footer-text-nav {
    color: #ffffff;
    font-weight: normal;
    line-height: 2;
    text-align: right;
}
.footer-disclaimer-text {
    color: #ffffff;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.4;
    text-align: left;
}
.footer-logo {
    text-align: right;
}


/* Homepage */


/* Homepage Category Images */

#home-category-images {
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    /*padding-bottom: 30px;*/
    padding-top: 38px;
}


.category-images {
	margin-left: auto;
	margin-right: auto;
}
.category-images:hover {
    opacity: 0.5;
    transition: all 0.3s ease 0s;
}

#box-overlay   {
	background: rgba(0,0,0,0);
	position: relative;
}

#box-overlay:hover {
	background: rgba(0,0,0,1);
	transition: all 0.3s ease 0s;
}

.category-box {
	position: absolute; /* absolute position (so we can position it where we want)*/
	bottom: 2px; /* position will be on bottom */
	left: 0px;
	width: 100%;
	height: 20%;
	padding-top: 6%;
	padding-right: 5%;
	padding-left: 5%;
	padding-bottom: 5%;
	/* styling below */  
	/* opacity: 0.7; /* transparency */
	/* filter: alpha(opacity=70); /* IE transparency */
	background: rgba(0, 0, 0, 0.7)
}

.category-box:hover {
}

/* Category Images Title */
	
.description_content {
	font-family: "Arial";
	font-size: 1.25em;
	color: #ffffff;
	letter-spacing: .5px;
	text-align: left;
	float: left;
}
	
.arrow-icon-size {
	width: auto;
	height: 20px;
}

.arrow-icon-position {
	float: right;
}



/* Internal Pages Body & Typography */

#internal-pages {
	background-color: #ffffff;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 30px;
    padding-top: 30px;
}


.style-title {
	font-size: 1em;
	text-align: center;
	line-height: 1;
	color: #3a3a3a;
	/*padding-bottom: 10px;*/
}

.category-title {
	text-align: center;
	font-size: 1.78em;
	font-weight: bold;
	line-height: 1;
}

.size-title {
	font-size: 1.42em;
	text-align: center;
	line-height: 1.3;
	padding-left: 15px;
	padding-right: 15px;
}

.instructions-text {
	font-size: 1em;
	text-align: center;
	color: #3a3a3a;
	/*padding-top: 15px;*/
	padding-bottom: 15px;
}

.reload-button {
	padding-top: 10px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
} 

/* Default Paginations Placement @ 1280 */

.pagination-next {
	text-align: left;
	height: 100vh;
	position: relative;
	left: 10px;}

.pagination-previous {
	text-align: right;
	height: 100vh;
	position: relative;
	right: 60px;
}

.pagination-buttons {
	opacity: 0.7;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	height: auto;
	z-index: 0;
	transition: all 0.3s ease-in;
}

.pagination-buttons:hover {
    opacity: 1;
    transition: all 0.3s ease-out;
	cursor: pointer;

}


/* 1024px Breakpoint Paginations */

.pagination-container {
	padding: 1.5em;
	text-align: center;
	/*position: relative;*/
	/*margin: 40px;*/
	/*height: calc(100% - 100px);*/
	overflow: hidden;
}

nav a {
	position: absolute;
	/*height: 50vh;*/
	top: 80%;
	display: block;
	outline: none;
	text-align: left;
	z-index: 1000;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	overflow: hidden;
}

nav a.prev {
	left: 0;
}

nav a.next {
	right: 0;
}

nav a svg {
	display: block;
	margin: 0 auto;
	padding: 0;
}

.svg-wrap {
	position: absolute;
	width: 0px;
	height: 0px;
	overflow: hidden;
}

.nav-slide .icon-wrap {
	position: relative;
	z-index: 100;
	display: inline-block;
	padding-top: 15px;
	padding-right: 4px;
	padding-left: 4px;
	padding-bottom: 15px;
	background-color: #fff;
}

.nav-slide svg.icon {
	fill: #1d1d1d;
}

.nav-slide div {
	position: absolute;
	top: 49%;
	padding: 0 100px;
	background-color: #ffd300;
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
}

.nav-slide a.prev div {
	left: 0;
	padding-right: 30px;
	-webkit-transform: translateY(-50%) translateX(-100%);
	transform: translateY(-50%) translateX(-100%);
}

.nav-slide a.next div {
	right: 0;
	padding-left: 30px;
	text-align: right;
	-webkit-transform: translateY(-50%) translateX(100%);
	transform: translateY(-50%) translateX(100%);
}

.nav-slide h3 {
	position: relative;
	margin: 0;
	padding: 19px 0;
	color: #000;
	white-space: nowrap;
	font-weight: 300;
	font-size: 1.15em;
	line-height: 1.5;
}

/*.nav-slide div h3 span {
	display: block;
	color: #95a5a6;
	font-style: italic;
	font-size: 65%;
	font-family: Arial, sans-serif;
}

.nav-slide img {
	position: absolute;
	top: 0;
	height: 100%;
}

.nav-slide a.prev img {
	right: 0;
}

.nav-slide a.next img {
	left: 0;
}*/

.nav-slide a:hover div {
	-webkit-transform: translateY(-50%) translateX(0); 
	transform: translateY(-50%) translateX(0);
}

.nav-slide a:focus div {
	-webkit-transform: translateY(-50%) translateX(0); 
	transform: translateY(-50%) translateX(0);
}



/* Mobile 320x50 Page Styles */

.m320x50-row1-col1 {
	float: left;
    width: 20%;
}

.m320x50-row1-col2 {
	float: left;
	width: 60%;
}

.m320x50-row1-col3 {
	float: left;
    width: 20%;
}

.phone-container {
	margin-left: auto;
	margin-right: auto;
	background-image: url("../images/Internal-Pages/320x50-Iphone-Background.png");
	height: 800px;
	margin-bottom: 40px;
	background-position: center top;
	background-size: auto auto;
	background-repeat: no-repeat;
	background-attachment: scroll;
}

.iphone-screen-boundary {
	width: 349px;
	/*height:1024px;*/
	margin-left: auto;
	margin-right: auto;
}

.mobile-banner-position {
	top: 650px;
	left: 4.5%;
	position: relative;
	overflow: hidden;
}

/* 320x50 Pop Up Code */

.button-320x50 {
  cursor: pointer;
  transition: all 0.3s ease-out;
}

.overlay-320x50  {
	position: relative;
	top: 82px;
	bottom: 0;
	left: 4.5%;
	right: 0;
	transition: opacity 500ms;
	visibility: hidden;
	opacity: 0;
}
.overlay-320x50:target {
  visibility: visible;
  opacity: 1;
}

.popup-320x50  {
  cursor: pointer;
}

.popup-320x50 .close {
	top: 0px;
	right: -290px;
	position: relative;
	transition: all 200ms;
}
.popup-320x50 .close:hover {}

.popup-320x50  .content {
  /*max-height: 100%;*/
  overflow: auto;
}


/* Mobile 300x250 Page Styles */

.m300x250-row1-col1 {
	float: left;
    width: 20%;
}

.m300x250-row1-col2 {
	float: left;
	width: 60%;
	overflow: hidden /* Fixes Banner Positioning Overflow */;
}

.m300x250-row1-col3 {
	float: left;
    width: 20%;
}

@media only screen and (max-width: 1280px) {
	
.m300x250-row1-col1 {
	float: left;
    width: 10%;
}

.m300x250-row1-col2 {
	float: left;
	width: 80%;
}

.m300x250-row1-col3 {
	float: left;
    width: 10%;
}	

}


@media only screen and (max-width: 1024px) {
	
.m300x250-row1-col1 {
	display: none;
}

.m300x250-row1-col2 {
	width: 100%;
}

.m300x250-row1-col3 {
	display: none;
}	

}

.ipad-container-300x250 {
	margin-left: auto;
	margin-right: auto;
	background-image: url("../images/Internal-Pages/300x250-Ipad-Background.jpg");
	height: 1227px;
	margin-bottom: 40px;
	background-position: center top;
	background-size: auto auto;
	background-repeat: no-repeat;
	background-attachment: scroll;
}

.ipad-screen-boundary {
	width: 768px;
	/*height:1024px;*/
	margin-left: auto;
	margin-right: auto;
}

.ipad-banner-position {
	top: 290px;
	left: 430px;
	position: relative;
	overflow: hidden;
}


/* 300x250 Pop Up Code */

.button-300x250 {
  cursor: pointer;
  transition: all 0.3s ease-out;
}

.overlay-300x250 {
	position: relative;
	top: 0;
	bottom: 0;
	left: 0px;
	right: 0;
	padding-top: 0px;
	padding-left: 20px;
	transition: opacity 500ms;
	visibility: hidden;
	opacity: 0;
	z-index: 1001;
}
.overlay-300x250:target {
  visibility: visible;
  opacity: 1;
}

.popup-300x250 {
  cursor: pointer;
}

.popup-300x250 .close {
	top: 17px;
	right: -680px;
	position: relative;
	transition: all 200ms;
}
.popup-300x250 .close:hover {}

.popup-300x250 .content {
  /*max-height: 100%;*/
  overflow: auto;
}



/* Mobile 728x90 Page Styles */


.ipad-container-728x90 {
	margin-left: auto;
	margin-right: auto;
	background-image: url("../images/Internal-Pages/728x90-Ipad-Background.jpg");
	height: 1227px;
	margin-bottom: 40px;
	background-position: center top;
	background-size: auto auto;
	background-repeat: no-repeat;
	background-attachment: scroll;
}

.ipad-banner-position-728x90 {
	text-align: center;
	padding-top: 194px;
}

/* 728x90 Pop Up Code */

.button-728x90 {
  cursor: pointer;
  transition: all 0.3s ease-out;
}

.overlay-728x90 {
	position: relative;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	padding-top: 0px;
	padding-left: 0px;
	transition: opacity 500ms;
	visibility: hidden;
	opacity: 0;
	z-index: 1001;
}
.overlay-728x90:target {
  visibility: visible;
  opacity: 1;
}

.popup-728x90 {
  cursor: pointer;
}

.popup-728x90 .close {
	top: 16px;
	right: -342px;
	position: relative;
	transition: all 200ms;
}
.popup-728x90 .close:hover {}

.popup-728x90 .content {
  /*max-height: 100%;*/
  overflow: auto;
}


/* Online 300x250 Page Styles */

.desktop-container-300x250 {
	margin-left: auto;
	margin-right: auto;
	background-image: url("../images/Internal-Pages/300x250-Browser-Background.jpg");
	width: 768px;
	height: 885px;
	margin-bottom: 40px;
	background-position: center top;
	background-size: auto auto;
	background-repeat: no-repeat;
	background-attachment: scroll;
}

/* Online 300x250 Iframe Banner Positioning */

.desktop-300x250-banner-position {
	top: 24.125%;
	left: 59.25%;
	position: relative;
}


/* Online 728x90 Page Styles */

.desktop-container-728x90 {
	margin-left: auto;
	margin-right: auto;
	background-image: url("../images/Internal-Pages/728x90-Browser-Background.jpg");
	width: 768px;
	height: 878px;
	margin-bottom: 40px;
	background-position: center top;
	background-size: auto auto;
	background-repeat: no-repeat;
	background-attachment: scroll;
}


/* Online 728x90 Iframe Banner Positioning */

.desktop-728x90-banner-position {
	top: 16.25%;
	left: 2.75%;
	position: relative;
}


/* Responsive Iframe for 728x90 Banner */

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}

.embed-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* Homepage Category Images Columns based on 1280 max width */


.nav-row-col1 {
    float: left;
    /*width: 20%;*/
}
.nav-row-col2 {
	float: left;
	/*width: 60%;*/
}

.nav-row-col3 {
    float: left;
    /*width: 20%;*/
}

.home-row1-col1 {
	float: left;
	width: 30.333%;
	margin-bottom: 3%;
	margin-right: 3%;
}
.home-row1-col2 {
    float: left;
    width: 30.333%;
	margin-bottom: 3%;
	margin-right: 3%;
}
.home-row1-col3 {
    float: left;
    width: 30.333%;
	margin-bottom: 3%;
	margin-right: 3%;
}
.footer-row1-col1 {
    float: left;
    padding-right: 15px;
    width: 65%;
}
.footer-row1-col2 {
    float: left;
    width: 35%;
}


/* Test Code */

.clearfix::before, .clearfix::after {
    content: ".";
    display: block;
    height: 0;
    overflow: hidden;
}
.clearfix::after {
    clear: both;
}
.clearfix {
}



/* Start Media Queries */

@media only screen and (max-width: 5120px) and (min-width: 1280px)  {

/*#scroll {
  bottom: 190px;
}*/	
	
#sizes-menu {
	margin-left: 600px; /* Positioning of sizes menu by adding a left margin, need to fix  */
}
	
.pagination-container {
	display: none;  /* Hide In Column Pagination */
}
	
}


@media only screen and (max-width: 1280px){
	
	
.footer-logo {
  text-align: center;
}
	
}
	
	



@media only screen and (max-width: 1279px) and (min-width: 1025px)  {

/*#scroll {
  bottom: 190px;
}*/	
	

#sizes-menu {
	margin-left: 353px; /* Positioning of sizes menu by adding a left margin, need to fix  */
}
	
.pagination-container {
	display: none;  /* Hide In Column Pagination */
}
	
}


/* Show In Column Pagination */

@media only screen and (max-width: 1024px) and (min-width: 320px) {
	
	
#sizes-menu {
	margin-left: 353px; /* Positioning of sizes menu by adding a left margin, need to fix  */
}

.pagination-container {
	display: block;
}

}


@media only screen and (max-width: 1023px) and (min-width: 980px) {
.category-images {
    padding: 0px;
}

#sizes-menu {
  margin-left: 320px;
}
	
.footer-logo {
  text-align: left;
}

}

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

#sizes-menu {
	margin-left: 107px;	
}
	
/* Category Images Title */
	
.description_content{
	font-size: 1em;
}
	
	
.arrow-icon-size {
	width: auto;
	height: 15px;
}
	
	
/* In Column Paginations Placement */
	
nav a {
	top: 93%;
}

}



/* Start Mobile Landscape */


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

#sizes-menu {
	margin-left: 104px;
}

	
body {
    font-size: 12px;
}
	
#sizes-menu {
	margin-left: 150px;	
}


/* Mobile 300x250 */
	
.ipad-banner-position {
  left: 400px;
}
	
/* Mobile 300x250*/
	
.overlay-300x250 {
  padding-left: 0px;
}
	
.popup-300x250 .close {
  position: relative;
  right: -680px;
  top: 15px;
  transition: all 200ms ease 0s;
}
	

/* Mobile 728x90 */	
	
.popup-728x90 .close {
	top: 16px;
	right: -332px;
	position: relative;
	transition: all 200ms;
}

	
/* Online 300x250 */
	
.desktop-300x250-banner-position {
  left: 57.25%;
  top: 31%;
}
	
/* Category Images Title */
	
.description_content{
	font-size: 1em;
}
	
	
.arrow-icon-size {
	width: auto;
	height: 15px;
}
	
/* In Column Paginations Placement */
	
nav a {
	top: 220%;
}

	
}

@media only screen and (max-width: 730px) and (min-width: 667px) {

#sizes-menu {
	margin-left: 110px;	
}

	
/* Mobile 300x250 */
	
.ipad-banner-position {
  left: 360px;
}
	
.overlay-300x250 {
  padding-left: 0px;
}
	
.popup-300x250 .close {
  position: relative;
  right: -610px;
  top: -10px;
  transition: all 200ms ease 0s;
}
	
/* Mobile 728x90 */	
	
.popup-728x90 .close {
	top: -10px;
	right: -290px;
	position: relative;
	transition: all 200ms;
}
	
/* Online 300x250 */
	
.desktop-300x250-banner-position {
  left: 52.5%;
  top: 43%;
}
	
/* Category Images Title */
	
.description_content{
	font-size: 1em;
}
	
	
.arrow-icon-size {
	width: auto;
	height: 15px;
}
	
/* In Column Paginations Placement */
	
nav a {
	top: 220%;
}

}



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

body {
    font-size: 12px;
}


/* Mobile 728x90 */
	
/*.ipad-container-728x90 {
  height: 500px; }  /* Reduced height on mobile for less scrolling */

	
.ipad-screen-boundary {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
	
	
/* Online 300x250 */
	
.desktop-container-300x250 {
  background-attachment: scroll;
  background-image: url("../images/Internal-Pages/300x250-Browser-Background.jpg");
  background-position: right top;
  background-repeat: no-repeat;
  background-size: auto auto;
  height: 700px;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

	

}


/* Start Mobile Portrait */

@media only screen and (max-width: 666px) and (min-width: 480px) {
	
body {
    font-size: 12px;
}

#sizes-menu {
	display: none;
}
	
.sizes-menu-mobile {
	display: inline-block;
	margin-left: 200px;	
}
	
/* Mobile 728x90 */	
	
.popup-728x90 .close {
	top: -10px;
	right: -200px;
	position: relative;
	transition: all 200ms;
}
	
/* Online 300x250 */
	
.ipad-container-300x250 {
  background-attachment: scroll;
  background-image: url("../images/Internal-Pages/300x250-Ipad-Background-Mobile.jpg");
  background-position: right top;
  background-repeat: no-repeat;
  background-size: auto auto;
  height: 958px;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
}
	
	
.ipad-banner-position {
  left: 160px;
  top: 290px;
}
	
/* Category Images Title */
	
.description_content{
	font-size: 1em;
}
	
	
.arrow-icon-size {
	width: auto;
	height: 15px;
}
	
/* In Column Paginations Placement */
	
nav a {
	top: 100%;
}


}
	
	
@media only screen and (max-width: 480px) {
	
.wrapper {
    padding-left: 10px;
    padding-right: 10px;
}
	
body {
    font-size: 12px;
}
	
#sizes-menu {
	display: none;
}
	
.sizes-menu-mobile {
	display: inline-block;
	margin-left: 200px;	
}
	
.category-images {
    padding: 0px;
}
	
/* Category Images Title */
	
.description_content{
	font-size: 1.25em;
}
	
.arrow-icon-size {
	width: auto;
	height: 20px;
}
	
.category-box {
  width: 390px;
}
	
#box-overlay {
  width: 390px;
}
	
.footer-text {
    text-align: center;
}
.footer-text-nav {
    text-align: center;
}
.footer-disclaimer-text {
    font-size: 10px;
    margin-bottom: 30px;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
}
.footer-mobile-gap {
    padding-top: 15px;
}
.footer-logo {
    text-align: center;
}
	
.desktop-300x250-banner-position {
  left: 16%;
  top: 31%;
}
	

/* Columns */
	
.home-row1-col1 {
	float: left;
	width: 100%;
	margin-right: 0%;
}
.home-row1-col2 {
    float: left;
    width: 100%;
	margin-right: 0%;
}
.home-row1-col3 {
    float: left;
    width: 100%;
	margin-right: 0%;
}
.footer-row1-col1 {
    float: left;
    width: 100%;
}
.footer-row1-col2 {
    float: left;
    width: 100%;
}
	
.m320x50-row1-col1 {
	display: none;
}

.m320x50-row1-col2 {
	float: left;
	width: 100%;
	text-align: center;
}

.m320x50-row1-col3 {
	display: none;
}
	
.m300x250-row1-col1 {
	display: none;
}

.m300x250-row1-col2 {
	float: left;
	width: 100%;
	text-align: center;
}

.m300x250-row1-col3 {
	display: none;
}
	
/* Internal Pages */
	
	
/* Mobile 320x50 */
	
.mobile-banner-position {
  left: 0px;
}

.overlay-320x50  {
	left: 0px;
}


.popup-320x50 .close {
	right: -150px;
}

	
/* Mobile 300x250 */
	
.ipad-container-300x250 {
  background-attachment: scroll;
  background-image: url("../images/Internal-Pages/300x250-Ipad-Background-Mobile.jpg");
  background-position: right top;
  background-repeat: no-repeat;
  background-size: auto auto;
  height: 958px;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
}
	
	
	
.ipad-banner-position {
  left: 50px;
  top: 290px;
}
	
.overlay-300x250 {
  padding-left: 0px;
}
	
.popup-300x250 .close {
  position: relative;
  right: -200px;
  top: 0;
  transition: all 200ms ease 0s;
}
	
/* Mobile 728x90 */	
	
.ipad-container-728x90 {
  height: 800px; }  /* Reduced height on mobile for less scrolling */
	
.popup-728x90 .close {
	top: -1px;
	right: -190px;
	position: relative;
	transition: all 200ms;
}
	
	
}

@media only screen and (max-width: 479px) and (min-width: 414px) {
	
body {
    font-size: 12px;
}
	
.sizes-menu-mobile {
	margin-left: 160px;	
}
	
/* Mobile 300x250 */
	
.ipad-banner-position {
  left: 20px;
}
	
.popup-300x250 .close {
  position: relative;
  right: -170px;
  top: -10px;
  transition: all 200ms ease 0s;
}
	
/* Mobile 728x90 */	
	
.ipad-container-728x90 {
  height: 800px; }  /* Reduced height on mobile for less scrolling */
	
.popup-728x90 .close {
	top: -1px;
	right: -170px;
	position: relative;
	transition: all 200ms;
}
	
/* Online 300x250 */
	
.desktop-300x250-banner-position {
  left: 10.5%;
  top: 43%;
}
	

}


@media only screen and (max-width: 413px) and (min-width: 360px) {
	
	
body {
    font-size: 12px;
}

.sizes-menu-mobile {
	margin-left: 126px;	
}

/* Mobile 320x50 */
	
.iphone-screen-boundary {
  width: 100%;
}
	
/* Mobile 300x250 */
	
.ipad-banner-position {
  left: 0px;
}
	
.popup-300x250 .close {
  position: relative;
  right: -150px;
  top: -10px;
  transition: all 200ms ease 0s;
}
	
/* Mobile 728x90 */
	
.ipad-container-728x90 {
  height: 700px; }  /* Reduced height on mobile for less scrolling */
	
.popup-728x90 .close {
	top: -1px;
	right: -150px;
	position: relative;
	transition: all 200ms;
}
	
/* Online 300x250 */
	
.desktop-300x250-banner-position {
  left: 4%;
  top: 43%;
}

/* Category Titles */

.category-box {
  width: 100%;
}
	
#box-overlay {
  width: 100%;
}

}

@media only screen and (max-width: 359px) and (min-width: 320px) {
	
	
body {
    font-size: 12px;
}

.sizes-menu-mobile {
	margin-left: 96px;	
}
	
/* Category Titles */

.category-box {
  width: 100%;
}
	
#box-overlay {
  width: 100%;
}
	
/* Mobile 320x50 */
	
.iphone-screen-boundary {
  width: 100%;
}
	
	
/* Mobile 300x250 */
	
.ipad-banner-position {
  left: 0px;
}
	
.popup-300x250 .close {
  position: relative;
  right: -120px;
  top: -10px;
  transition: all 200ms ease 0s;
}
	
/* Mobile 728x90 */
	
.ipad-container-728x90 {
  height: 600px; }  /* Reduced height on mobile for less scrolling */
	
.popup-728x90 .close {
	top: -1px;
	right: -120px;
	position: relative;
	transition: all 200ms;
}
	
/* Online 300x250 */
	
.desktop-300x250-banner-position {
  left: 0%;
  top: 43%;
}

}