@media screen and (min-width: 1180px) {
    
    .footer .footer-main .left-column{
        
        width: 56.89%; /*660px;*/
        float: left;
	}
    
    .footer .footer-main .right-column{
        
        width: 43.11%; /*500px;*/
        float: right;
	}
    
    .btn-set{
        
        width: 56.4%; /*282px;*/
        float:right;
        background: #0073a7;
        border: 2px solid #96deff;
        color: #96deff !Important;
        display: block;
        position: relative;
        border-radius: 5px;
	}
    
    .btn-set a:first-child{
        
        border-bottom: 2px solid #96deff;
	}
    
    .btn-set a{
        
        min-height: 26px;
	}
    
    .btn-horizontal{
        
        padding: 18px 12px;
        padding-right: 31px;
        font-size: 14px;
	}
    
    .btn-vertical{
        
        width: 14.2%; /*71px;*/
        margin-right: 1.6%; /*8px;*/
        border: 2px solid #96deff;
        padding: 8px 12px;
        border-radius: 5px;
        font-size: 12px;
	}
    
    .btn-vertical em, .btn-horizontal em{
        
        width: 121px;
        float: left;
        line-height: 30px;
        margin-right: 11px;
	}
    
    .footer-main .inner {
        
        padding: 40px 0;
	}
    
    #promo-categories .anniversary-promo .btn-set a{
        
        height: 0;
        padding: 6.7% 0;
	}
}

@media screen and (max-width: 1179px) {
    
    .footer-main .top{
        
        background: #0073a7;
	}
    
    #SearchForm form{
        
        margin-right: 15px;
	}
    
    .TopMenu .inner{
        
        margin-left: 15px;
	}
    
    .newsletter-subscription .inner{
        
        padding: 20px 15px;
	}
    
    .Breadcrumb{
        
        padding-left: 20px;
	}
    
    
    #promo-categories .anniversary-promo .btn-set a .arrow{
        
        top: 50%;
        margin-top:-12px;
	}
    
    #promo-categories .anniversary-promo .btn-set a em{
        
        padding: 4% 0;
        margin-left: 11px;
	}
    
    #promo-categories .anniversary-promo .anniversary{
        
        display: none;
	}
    
    #promo-categories .anniversary-promo .btn-set a .text{
        
        display: block;
		padding: 4.2% 0;
	}
    
    .footer .footer-main .left-column{
		
		padding:25px 0;
	}
    
    .footer .footer-main .left-column .grid__item{
		
		text-align: center;
	}
    
    .footer .footer-main .right-column{
		
		clear:both;
	}
    
    .footer-main .btn-set{
		
		width: 50%;
		float:left;
	}
    
    .footer-main  .btn-set a{
		
		width: 50%;
		float:left;
	}
    
    .footer-main .btn-vertical{
		
		width: 25%;
	}
    
    .footer-main .btn-horizontal{
		
		color: #96deff !Important;
		display: block;
		position: relative;
		font-size: 12px;
		line-height: 14px;
		font-weight: bold;
		text-align: center;
	}
    
    .footer-main .btn-vertical, .footer-main .btn-horizontal{
		
		padding: 15px 0;
		border-radius: 0;
		font-size: 16px;
	}
    
    .footer-main .btn-vertical em, .footer-main .btn-horizontal em{
		
		line-height: 92px;
	}
    
    .sf-menu a.sf-with-ul{
		
		/*padding-right:0 !important;*/
	}
    
    .footer-main .btn-vertical .check{
		
		right: 30% !important;
	}
    
    .footer-main .btn-horizontal em{
		
		position: relative;
		display: inline !important;
		right: 14px;
	}
    
    .footer-main .btn-horizontal em .arrow{
		
		right: -35px;
		top: 30%;
	}
    
    .footer-main .btn-horizontal .text{
		
		display: block;
	}
    
    #about-iomagic {
		
		background-size: 34%;
	}
    
    #about-iomagic .inner{
		
		margin:0 15px;
	}
}

@media screen and (min-width: 1160px) {
    
    .partners .inner{
		
		width: 1160px;
		margin: 0 auto;
	}
    
    .TopMenu > .inner,
    #Header > .inner,
    .PageMenu > .inner,
    .main > .inner,
    .footer-main > .inner,
    .footer-links > .inner,
    .newsletter-subscription > .inner,
    #promo-categories .inner,
    #about-iomagic .inner{
		max-width: 1160px;
		margin: 0 auto;
	}
    
    #promo-categories .category:hover{
		
		-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1);
		-ms-transform: scale(1.1);
		-o-transform: scale(1.1);
		transform: scale(1.1); 
		z-index: 99999;
		box-shadow: 0 0 50px rgba(0,0,0,0.5);
	}
}

@media screen and (min-width: 1107px) {
    
    .partners .left{
		
		width: 26.72%; /*310px;*/
		float:left;
	}
    
    .partners .right{
		
		width: 73.27%; /*850px;*/
		float:right;
		text-align: right;
	}
    
    .partners .inner{
		
		background: url(//cdn3.bigcommerce.com/s-yetofv/templates/__custom/images/icon-arrow-right-blue.png?t=1445383829) 265px 40% no-repeat; 
	}
    
    .header-secondary{
		
		width: 37.93%; /*440px;*/
		float:right;
	}
    
    #SearchForm{
		position: relative;
		float: left;
		width: 75%; /* 440 / 330 */
	}
    
    #Header .cart{
		
		float:right; 
		width: 20%; /*88px / 440 */
	}
    
    .TopMenu {
		
		margin-bottom: 10px;
		text-align: right;
	}
    
    .TopMenu ul{
		
		white-space: nowrap;
	}
    
    .TopMenu .my-cart{
		
		display: none;
	}
    
    #Header .promo{
		
		width:  42.67%; /*495px*/
		float: left;
		text-align: center;
	}
    
    #Header .promo h3{
		
		margin: 0;
	}
    
    .header-logo {
		
		float: left;
		width: 19.39%; /* 225px */
	}
}

@media screen and (max-width: 1106px) {
    
    .partners .left{
		
		text-align: center;
		margin-bottom: 20px;
	}
    
    .partners .right{
		
		text-align: center;
		margin: 0 15px;
	}
    
    .header-secondary{
		
		position: absolute !important;
		top: -6px;
		left: 0;
		width: 100%;
		background: #fff;
		padding: 6px 0;
	}
    
    .header-logo, .promo{
		
		margin-top: 45px;
	}
    
    #SearchForm{
		
		width: 30%;
		float:right;
	}
    
    .header-secondary .TopMenu{
		
		width: 70%;
		float:left;
	}
    
    #Header .cart{
		
		display: none;
	}
    
    #Header .header-logo {
		
		float: left;
		width: 50%; /* 225px */
	}
    
    #Header .header-logo img{
		
		margin-left: 15px;
	}
    
    #Header .promo{
		
		width:  50%; /*495px*/
		float: right;
		text-align: right;
	}
    
    #Header .promo h3{
		
		display: block;
		margin: 0 15px 0 0;
	}
    
    #promo-categories .category.optical-drives .bar{ top: 78%; }
    #promo-categories .category.usb-power-banks .bar{ top: 70%; }
    #promo-categories .category.cables .bar{ top: 70%; }
    #promo-categories .category.smartphone-photography .bar{ top: 70%; }
    
    #promo-categories h3{
		
		font-size: 16px !important;
		line-height: 35px;
	}
    
    #promo-categories .bar{
		
		background: rgba(0,0,0,0.4);
	}
    
    #promo-categories .bar .viewnow a{
		
		background: url(//cdn3.bigcommerce.com/s-yetofv/templates/__custom/images/icon-arrow-right-rounded.png?t=1445383829) 50% 50% no-repeat !important;
		text-indent: -9999px;
		padding:0 !important;
	}
}

@media screen and (min-width: 1060px) {
    
    .solutions .inner{
		
		width: 1060px;
		margin: 0 auto;
	}
}

/* 1024px */
@media screen and (max-width: 1024px) {
    
    /* Hide */
    .productOptionPreviewDisplay,
    .ExpressCheckoutBlockCompleted .ExpressCheckoutCompletedContent {
		display: none !important;
	}
    /* Show */
    
    /* Layout */
    
    #home .ProductList li,
    .productPage .ProductList li {
		width: 20%;
	}
    
    .AddBillingAddress dd,
    .AddShippingAddress dd {
		margin-left: 180px;
		float: none;
	}
    
    /* Cart Styling */
    
    .ExpressCheckoutContent {
		padding: 0;
		margin-bottom: 20px;
	}
    
    .ExpressCheckoutContent > div {
		margin-bottom: 20px;
	}
}

/* 1000px */

@media screen and (max-width: 1000px) and (min-width: 480px){
    
    .newsletter-subscription .inner .grid .grid .two-fifths:first-child{
		
		width: 100% !important;
	}
    
    .newsletter-subscription .inner .grid .grid .two-fifths:nth-child(2){
		
		margin-left: 20%;
	}
}

@media screen and (max-width: 1000px) {
    
    /* Hide */
    
    /* Show */
    
    /* Layout */
    
    #home .ProductList li,
    .productPage .ProductList li {
		width: 25%;
	}
    
    .ProductList li {
		width: 33.333333%;
	}
    
    .newsletter-subscription > .inner > .grid > .grid__item{
		
		width: 100% !important;
		text-align: center;
	}
    
    
    
    
    
    .newsletter-subscription .SocialConnect{
		
		margin-bottom: 15px;
	}
    
    .newsletter-subscription .SocialConnect li:last-child{
		
		display: none;
	}
}

@media screen and (min-width: 900px){
    
    #promo-categories .category.optical-drives .bar{ top: 87%; }
    #promo-categories .category.usb-power-banks .bar{ top: 80%; }
    #promo-categories .category.cables .bar{ top: 80%; }
    #promo-categories .category.smartphone-photography .bar{ top: 80%; }
    
    .thumbs .inner{
		
		width: 900px;
		margin: 0 auto;
	}
    
    #about-iomagic .left, #about-iomagic .right{
		
		width: 50%;
		float:left;
	}
    
    #about-iomagic{
		
		background: url(//cdn3.bigcommerce.com/s-yetofv/templates/__custom/images/about.png?t=1445383829) 50% 50% no-repeat;
	}
    
    #about-iomagic .right{
		
		text-align: right;
	}
    
    #about-iomagic .right p {
		
		float: right;
	}
    
    #about-iomagic p:nth-of-type(1) {
		
		width: 62%;
	}
    
    #about-iomagic p:nth-of-type(2) {
		
		width: 88%;
	}
}

@media screen and (max-width: 1000px) and (min-width: 480px){
    
    
}

@media screen and (max-width: 899px){
    
    #promo-categories .category .bar .content{
		
		padding-top: 0 !important;
	}
    
    #about-iomagic{
		
		background: url(//cdn3.bigcommerce.com/s-yetofv/templates/__custom/images/about.png?t=1445383829) 50% 0 no-repeat;
		padding-top:295px;
		padding-bottom: 25px;
	}
    
    #about-iomagic .left, #about-iomagic .right{
		
		text-align: center;
	}
    
    #about-iomagic h3{
		
		margin-top: 15px;
	}
}

@media screen and (max-width: 799px){
    
    #promo-categories .anniversary-promo .btn-set a em{
		
		font-size: 22px !important;
		width: auto !important;
	}
}

@media screen and (min-width: 768px){
    
    .footer-main .btn-horizontal{
		
		background: #0073a7;
	}
    
    .Block > div, .Block > ul, .Block > form{
		
		margin: 15px;
	}
    
    .Block {
		margin-top: 0;
		margin-bottom: 20px;
	}
    
    .Left{
		
		margin-bottom: 25px;
	}
    
    .product-nav {
		
		position: absolute;
		bottom: 0;
		padding-left: 15px;
	}
    
    .ProductList.List .ProductImage {
		
		float: left;
		width: 190px;
	}
    
    .Wide{
		
		width: 81.03%; /*940px;*/
		float: right;
	}
    
    .Content .BlockContent > ul{
		
		margin-left: 20px;
	}
    
    #SitemapContent .BlockContent > div{
		
		margin-bottom: 25px;
		width: 33.33%;
		float: left;
	}
    
    #LayoutColumn2{
		
		width: 81.03%; /*940px;*/
		float: right;
	}
}
/* 768px */
@media screen and (max-width: 767px) {
    
    .SlideProductList li{
		
		width: 100% !important;
	}
    
    .slider-nav{
		
		display: none;
	}
    
    .footer-main .btn-horizontal em{
		
		color: #0073a7 !important;
	}
    
    .footer-main .btn-horizontal{
		
		background: #fff;
	}
    
    .promo-code{
		
		background: #01a800;
		padding:15px;
	}
    
    .promo-code p{
		
		font-size: 14px;
		color: #fff;
		line-height: 22px !important;
	}
    
    .promo-code p strong{
		
		color: #fff !important;
		text-decoration: underline;
	}
    
    
    #CategoryBreadcrumb{
		
		display: none;
	}
    
    .one-fifth{
		
		width: 24%;
	}
    
    #Header{
		
		padding: 0;
	}
    
    
    
    .footer-main .btn-vertical, .footer-main .btn-horizontal{
		
		width: 50%;
	}
    
    .footer-main .btn-set{
		
		width: 100%;
	}
    
    .footer-main .bottom > div{
		
		
	}
    
    #Header .TopMenu{
		
		width: 100%;
		text-align: center;
	}
    
    #SearchForm{
		
		position: absolute;
		right: 15px;
		bottom: 65px;
		width: auto;
	}
    
    .header-secondary{
		
		position: static !important;
	}
    
    .header-secondary .TopMenu{
		
		float: none;
	}
    
    .header-logo{
		
		margin: 10px 0;
	}
    
    .TopMenu ul{
		
		white-space: nowrap;
	}
    
    
    div[class^="thumb-"]{
		
		//display: none;
	}
    
    /* Hide */
    .promo,
    #ProductBreadcrumb,
    .productlist-page .Left {
		display: none;
	}
    
    .Left {
		float: none;
		width: auto;
		display: none;
	}
    
    .CartContents > thead,
    .CartContents .CartThumb,
    .CartContents .CartItemIndividualPrice {
		display: none !important;
	}
    
    .ExpressCheckoutContent>.CreateAccount,.ExpressCheckoutContent>.AccountLogin {
		
		display: block;
		width:100%;
	}
    
    
    #ModalContainer .fastCartThumb,
    #ModalContainer .fastCartItemBox div,
    #ModalContainer .Quantity,
    #ModalContainer .fastCartBottom {
		display: none !important;
	}
    
    .SubCategoryList {
		display: none;
	}
    
    /* Show */
    
    .js-mobile-sub-category-menu {
		display: block;
	}
    
    /* Layout */
    
    #home .ProductList li,
    .productPage .ProductList li {
		width: 33.333333%;
	}
    
    .ProductList li {
		
	}
    
    #ProductDetails .left-content {
		float: none;
		width: auto;
	}
    
    .PrimaryProductDetails .ProductMain {
		float: none;
		padding: 0 0 20px 0;
		width: auto;
	}
    
    .footer-columns .grid__item {
		text-align: center;
		width: 33.333333%;
	}
    
    .footer-columns .grid__item:last-child {
		text-align: center;
		width: 100%;
	}
    
    .footer-main .SocialConnect ul {
		margin: 0;
		padding: 20px 0;
		text-align: center;
	}
    
    .footer-main .inner {
		padding: 20px 0 0 0;
	}
    
    #AjaxLoading {
		background-color: rgba(0,0,0,.7);
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
	}
    
    #AjaxLoading .ajax-loader {
		position: absolute;
		margin-top: -16px;
		top: 50%;
		right: 0;
		left: 0;
	}
    
    #ModalOverlay {
		background-color: #000;
		opacity: 0.7 !important;
	}
    
    .productlist-page .CategoryContent {
		padding: 0;
	}
    
    .fastCartThumb,
    .fastCartItemBox,
    .fastCartSummaryBox {
		float: none;
		width: 100%;
	}
    
    #ModalContainer {
		background-color: #fff;
		top: 10px !important;
		right: 10px !important;
		bottom: 10px !important;
		left: 10px !important;
		width: auto !important;
		margin-left: 0 !important;
	}
    
    #ModalContainer .fastCartTop {
		padding: 0;
	}
    
    #ModalContainer .fastCartItemBox {
		padding: 0;
		text-align: center;
	}
    
    #ModalContainer .fastCartSummaryBox {
		margin: 0 auto;
		float: none;
		overflow: hidden;
	}
    
    .login-form .one-half {
		width: 100%;
	}
    
    .login-form .CreateAccount {
		margin-bottom: 20px;
	}
    
    .header-secondary {
		clear: both;
		float: none;
	}
    
    .header-secondary .QuickSearch {
		border-top-width: 0 !important;
	}
    
    /* Multipage Cart Styling */
    
    .TabNav {
		border-bottom: 0;
		margin: 0;
		padding: 0;
		font-size: 0;
	}
    
    .TabNav li {
		width: 100%;
		text-align: center;
	}
    
    .TabNav li a {
		box-sizing: border-box;
		margin: 0;
	}
    
    .Content .grid__item > div{
		
		margin:0 15px;
	}
}

@media screen and (min-width: 700px) {
    
    .CartCode > .CouponCode,
    .CartCode > .GiftCertificate {
		
		float: left;
		width: 50%;
	}
    
    .ProductList.List .ProductDetails {
		
		border-top: 1px solid #d9d9d9;
	}
    
    .bottom .payment-options{
		
		width: 45%;
		float: left;
	}
    
    .bottom .copyright{
		
		width: 55%;
		float: right;
	}
    
    #promo-categories .category h3{
		
		font-size: 24px;
	}    
}

@media screen and (max-width: 699px) {
    
    .ProductList.List li{
		
		border: 1px solid #ddd;
		margin-bottom: 15px;
		padding-top: 15px;
	}
    
    .product-nav {
		
		/*margin-bottom: 20px;*/
	}
    
    #promo-categories .category{
		
		margin-bottom: 10px;
	}
    
    #promo-categories .category h3{
		
		font-size: 18px;
	}
    
    
}

@media screen and (min-width: 600px) and (max-width: 1160px){
    
    .footer-main .bottom{
		
		margin-bottom: 15px;
	}
    
    .footer-main .bottom .payment-options ul{
		
		margin-left: 15px;
	}
    
    .footer-main .bottom .copyright p{
		
		margin-right: 15px;
	}
}

@media screen and (min-width: 600px) {
    
    .CouponCode input[type=submit], .GiftCertificateCode input[type=submit]{
		
		margin-left: 10px;
		position: relative;
		top:2px;
	}
    
    #promo-categories .col-1{
		
		width: 59.82%; /*694px;*/
		float: left;
	}
    
    #promo-categories .col-2{
		
		width: 39.82%; /*462px;*/
		float: right;
	}
    
    #CategoryHeading .SortBox{
		
		position: absolute;
		top: 6px;
		right: 6px;
	}
    
    .SortBox label,
    .SearchSorting label {
		float: left;
	}
}

/* 600px */
@media screen and (max-width: 599px) {
    
    
    
    tr, td{
		
		display: block;
	}
    
    .footer-main .bottom{
		
		padding-top: 25px;
		padding-bottom: 25px;
	}
    
    .bottom .payment-options, .bottom .copyright{
		
		width: 100%;
		float: none;
		text-align: center !important;
		padding: 15px 0;
	}
    
    .bottom .payment-options{
		
		width: 215px;
		margin: 0 auto !important;
		margin-bottom: 25px;
	}
    
    /* Hide */
    
    #shareDescription {
		display: none;
	}
    
    /* Show */
    
    /* Layout */
    
    .ProductList li,
    #home .ProductList li,
    .productPage .ProductList li {
		width: 50%;
	}
    
    .addto .BulkDiscount,
    .addto #SideProductAddToWishList {
		display: block;
	}
    
    .CartCode .CouponCode,
    .CartCode .GiftCertificate {
		float: none;
		width: auto;
	}
    
    .ProceedToCheckout,
    .KeepShopping {
		text-align: center;
	}
    
    /* Adjusting the size of the swatches for smaller screens */
    
    .productOptionViewRectangle .option label {
		padding: 0 !important;
		line-height: 60px;
		height: 60px;
		width: 60px;
	}
    
    .productOptionPickListSwatch .textureContainer,
    .productOptionPickListSwatch .swatchColours {
		display: block !important;
	}
    
    .productOptionPickListSwatch .thumbnail,
    .productOptionPickListSwatch .swatchColour {
		display: block !important;
		height: 60px !important;
		width: 60px !important;
	}
    
    /* Selector was .productOptionPickListSwatch li but had to make more specific to overwrite __Master */
    html.javascript div.productOptionPickListSwatch li {
		display: inline-block;
	}
    
    #tabcontent .photo {
		float: none;
		margin: 0;
		width: auto;
	}
    
    .BillingDetails,
    .ShippingDetails {
		width: 100%;
		float: none;
		margin-right: 0;
		padding-top: 15px;
	}
    
    .ShippingAddressList li {
		width: 50%;
	}
    
    .CartContents tfoot .CheckoutRedeemCoupon {
		text-align: left;
	}
    
    .CartContents tfoot .CheckoutRedeemCoupon td {
		padding: 0;
	}
    
    /* Quick view */
    .quick-view-image-container {
		float: none !important;
		width: auto !important;
		/* Fix: Added important because we can't control the cascade. When we can place responsive.css below product.quickview.css we can remove the importants. */
	}
    
    .FloatRight{
		
		float: none !important;
	}
    
    #CategoryHeading .SortBox{
		
		background: #444;
		text-align: center;
		padding: 5px 0;
	}
    
    #CategoryHeading .TitleHeading{
		
		text-align: center;
	}
}

@media screen and (max-width: 550px) {
    
    .TopMenu ul li:nth-child(2){
		
		display: none;
	}
}

@media screen and (min-width: 481px) {
    
    .Content {
		
		min-height: 200px;
	}
    
    .CategoryContent ul{
		
		margin: 15px 20px;
	}
    
    .productlist-page .Wide{
		
		padding-bottom: 38px;
	}
    
    .PageMenu a {
		
		padding: 0 18px 0 10px !important;
	}
}

/* 480px */
@media screen and (max-width: 480px) {
    
    .sf-menu a.sf-with-ul{
		
		padding-right: 0 !important;
	}
    
    .PageMenu a{
		
		/*padding: 0 10px !important;*/
	}
    
    .main{
		
		margin-top: 15px;
	}
    
    .productlist-page .Wide{
		
		margin-bottom: 15px;
	}
    
    .promo-code{
		
		margin-bottom: 4px;
		margin-top: 4px;
	}
    
    .grid__item{
		
		padding-left: 0;
	}
    
    #SearchForm{
		
		position: absolute;
		left: 0;
		top: 0;
		bottom: auto;
		width: 100%;
		background: #fff;
	}
    
    #SearchForm form{
		
		margin: 15px 15px;
	}
    
    #SearchForm input[type=text]{
		
		margin:0;
		border-radius: 0 !important;
		width: 80%;
	}
    
    #SearchForm input[type=submit]{
		
		border-radius: 0 !important;
		width: 20%;
	}
    
    #Header .header-logo{
		
		width: 100%;
		float: none;
		text-align: center;
		margin-top: 75px;
	}
    
    #Header .header-logo img{
		
		margin:0;
		display: inline;
		max-width: 165px;
	}
    
    #Header .cart{
		
		position: absolute;
		top:80px;
		right:15px;
		width: 30px;
		height: 30px;
		display: block;
	}
    
    #ToggleMenu{
		
		position: absolute;
		top: 80px;
		left: 18px;
		width: 20px;
		display: block;
	}
    
    #ToggleMenu:after{
		color: #0060aa;
	}
    
    #Header .TopMenu ul li {
		display: none;
	}
	
	#Header .TopMenu ul li.my-account, #Header .TopMenu ul li.order-tracking {
		display: inline-block;
	}
    
    #Header .TopMenu ul li.my-account{
		border-width: 0;
	}
    
    .header .PageMenu{
		height:0;
		overflow: hidden;
	}
    
    .header .PageMenu li a{
		color: #444;
	}
    
    .header .PageMenu.on-screen{
		
		height: auto;
		transition: height 0.5s linear;
	}
    
    .header .PageMenu li a .icon{
		
		position: absolute;
	}
    
    
    
	.partners{
		
		text-align: center;
	}
	/* Hide */
	
	.continuation-label,
	.cart-detail-metadata,
	.QuickViewBtn,
	.ProductList .ProductActionAdd,
	.sf-menu li > ul,
	.productlist-page .Left,
	.ProductCompareButton,
	.CompareButton,
	.footer-columns .BrandList,
	.footer-columns .CategoryList {
		display: none !important;
	}
	
	/* Show */
	
	.header-secondary {
		display: block !important;
	}
	
	#cart-amount {
		display: table-cell;
	}
	
	/* Layout */
	
	.ProductList li,
	#home .ProductList li,
	.productPage .ProductList li {
		
		display: block;
		width: 70%;
		margin: 0 auto;
		float: none;
		text-align: center;
	}
	
	.ProductDetails{
		
		padding:0;
	}
	
	.ProductList .ProductPriceRating{
		
		margin-top: 3px;
		margin-bottom: 0;
	}
	
	.TopMenu > .inner,
	#Header > .inner,
	.PageMenu > .inner,
	.main > .inner,
	.footer-main > .inner,
	.footer-links > .inner,
	.newsletter-subscription > .inner {
		width: auto;
	}
	
	.header-secondary .currency-converter {
		display: none;
	}
	
	.header-logo h1 {
		padding: 0;
	}
	
	#cart-amount {
		vertical-align: middle;
		width: 60px;
	}
	
	#cart-amount .Cart {
		font-weight: bold;
		padding: 1em 0px;
		display: block;
		text-align: center;
		width: 60px;
		position: relative;
	}
	
	#cart-amount .Cart .total {
		display: inline-block;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding: 4px 5px;
		margin: 0 auto;
		min-width: 25px;
		height: 25px;
	}
	
	#cart-amount .Cart .bag-handle {
		border-bottom: 0;
		position: absolute;
		top: 8px;
		left: 24px;
		height: 4px;
		width: 8px;
		border-radius: 7px 7px 0px 0px;
	}
	
	.PageMenu .inner {
		background: #fff;
		padding: 0;
	}
	
	.PageMenu ul {
		display: block;
	}
	
	.PageMenu .CategoryList {
		padding: 0;
	}
	
	.PageMenu .pages-menu {
		display: none;
	}
	
	.PageMenu li {
		display: block;
		margin: 0;
		padding: 0;
		border-bottom: 1px solid #efefef;
	}
	
	.PageMenu a {
		padding: 1em;
		font-size: 1.2em;
	}
	
	.SubCategoryList {
		margin-bottom: 0;
	}
	
	.SubCategoryList li {
		padding: 0.9em;
		background: none;
		border-bottom: 1px solid #efefef;
	}
	
	#fastCartContainer {
		max-height: none;
	}
	.footer-columns .grid__item,
	.CartCode .grid__item {
		width: 100%;
	}
	
	#fancy_outer {
		z-index: 110 !important;
	}
	
	#fancy_overlay {
		z-index: 105 !important;
	}
	
	.footer-links {
		text-align: center;
	}
	
	.footer .powered-by {
		float: none;
		display: block;
		margin-top: 10px;
	}
	
	.LittleNotePassword {
		padding: 0;
		margin-bottom: 20px;
	}
	
	/* Cart Styling */
	
	table.CartContents tbody tr td {
		padding: 10px 8px;
	}
	
	.CartCode .grid__item {
		width: 100%;
	}
	
	.CartCode .GiftCertificate input,
	.CartCode .CouponCode input {
		margin-bottom: 20px;
	}
	
	#CartContent .FloatRight,
	#CartContent .FloatLeft,
	.ExpressCheckoutContent .FloatLeft,
	.ExpressCheckoutContent .FloatRight
	#ConfirmOrder .FloatLeft,
	#ConfirmOrder .FloatRight {
		float: none;
	}
	
	.PayPalExpressCheckout {
		text-align: center;
		padding: 1em 0;
	}
	
	.AddBillingAddress dd, .AddShippingAddress dd {
		padding: 0 !important;
		float: none;
		width: auto;
	}
	
	.ShippingAddressList li {
		width: 100%;
	}
	
	.newsletter-subscription .inner .grid .grid .two-fifths:nth-child(1){
		
		width: 100%;
	}
	
	.newsletter-subscription .inner .grid .grid .two-fifths:nth-child(2){
		
		width: 80% !important;
	}
	
	.newsletter-subscription .inner .grid .grid .one-fifth{
		
		width: 20% !important;
	}
	
	.newsletter-subscription .inner .grid .grid input{
		
		line-height: 42px;
		font-size: 16px !important;
	}
	
	.newsletter-subscription .inner{
		
		margin: 15px;
	}
	
	.footer-main .left-column .one-quarter{
		
		width: 100%;
		margin-top: 20px;
	}
	
	.footer-main .left-column .one-quarter:first-child{
		
		margin-top: 0;
	}
	
	.footer-main .btn-vertical, .footer-main .btn-horizontal{
		width: 100% !important;
		border-bottom:2px solid #fff;
	}
	
	.footer-main .btn-vertical{
		
		width: 50% !important;
	}
	
	.footer-main .btn-horizontal em{
		
		line-height: 67px;
		padding-top: 0 !important;
	}
}


/*----------------------------------------------------------------------------------------------------------
	#############################################  BASE FORM STYLES - RESPONSIVE - (Move to base-forms.css)
----------------------------------------------------------------------------------------------------------*/

/* 480px */
@media screen and (max-width: 480px) {
	
	#promo-categories .category.cables .bar{ top: 80%; }
	#promo-categories .category.smartphone-photography .bar{ top: 80%; }
	/* increasing input font sizes to avoid some zoom by webkit browsers */
	input[type="date"],
	input[type="email"],
	input[type="number"],
	input[type="password"],
	input[type="search"],
	input[type="tel"],
	input[type="text"],
	input[type="url"],
	textarea,
	select {
		font-size: 16px !important;
	}
	
	.btns {
		position: initial;
		float: none;
		text-align:center;
	}
	
	.btns form {
		width:50%;
	}
	
	
	.btn,
	textarea,
	input[type="email"],
	input[type="text"],
	input[type="password"],
	input.Textbox {
		display: block;
		height: 60px;
		line-height: 60px;
		margin-bottom: 20px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		width: 100%;
	}
	
	.btns form .btn {
		width:95%;
		display: inline-block;
	}
	
	/*select,
		div.selector {
		margin-bottom: 20px;
	}*/
	
	/* Form Styling */
	.form dt,
	.FormContainer dt {
		text-align: left;
		width: auto;
		clear: both;
		float: none;
	}
	
	.form dd,
	.FormContainer dd {
		padding: 0;
		margin: 0;
	}
	
}

.solutions .inner {
	display: none;
}

.solutions .inner:first-child {
	display: block;
}

@media screen and (max-width: 1199px) {
	.PageMenu a {
		padding: 0px 10px !important;
		font-size: 14px;
	}
	.solutions h3 {
		font-size: 22px !important;
		line-height: 42px;
	}
	.solutions em {
		font-size: 22px !important;
	}
}

@media screen and (max-width: 970px) {
	.PageMenu a .icon {
		display: none !important;
	}
	
	.solutions h3 {
		font-size: 18px !important;
		line-height: normal;
		background: none !important;
		padding: 0px !important;
		float: none !important;
		text-align: center;
	}
	.solutions em {
		font-size: 16px !important;
		line-height: normal !important;
		background: none !important;
		padding: 0px !important;
		float: none !important;
		text-align: center;
	}
	div[class^="thumb-"]{
		
		display: none;
	}
}    			

#RedheadTabs {
	position: relative;
	z-index: 1;
}

#RedheadTabs #TabButtons {
	display: inline-block;
	width: 100%;
	border-bottom: 1px solid #d9d9d9;
	box-sizing: border-box;
	padding-left: 5px;
	float: left;
	margin-bottom: -1px;
	position: relative;
	z-index: 2;
}

#RedheadTabs #TabContents {
	float: left;
	width: 100%;
	box-sizing: border-box;
	padding: 15px;
	border: 1px solid #d9d9d9;
	background: #FFF;
	z-index: 1;
	margin: 0px 0px 15px;
}

#RedheadTabs #TabButtons a {
	float: left;
	float: left;
	display: block;
	line-height: 40px;
	padding: 0 10px;
	height: 41px;
	font-size: 14px;
	background: #f9f9f9;
	margin: 0 4px -1px;
	color: #a1a1a1;
	font-weight: normal;
	border: 1px solid #d9d9d9;
}

#RedheadTabs #TabButtons a.Active {
	background: #FFF;
	border-bottom: 1px solid #FFF;
	color: #333;
}

#RedheadTabs #TabContents > div {
	display: none;
	clear: both;
	width: 100%;
}

#RedheadTabs #TabContents > div.Active {
	display: block;
        width: 46em;
        margin-left:20px;
}

#prodAccordion {
	display: none;
}	

@media screen and (max-width: 1020px) {
	
	#RedheadTabs #TabButtons {
		padding-left: 0px;
	}
	
	#RedheadTabs #TabButtons a, #RedheadTabs #TabButtons a.Active {
		padding: 0 6px;
		font-size: 12px;
		margin: 0 2px -1px;
	} 
	
}

@media screen and (max-width: 850px) {
	#RedheadTabs {
		display: none;
	}
	
	#prodAccordion {
		display: block;
		margin: 0px 10px;
	}	
}