@charset "UTF-8";
/* CSS Document */
#desktop-nav .features li {display: none}/*remove default top services*/
#desktop-nav .features {border-bottom:none}/*remove one of the borders from the old services*/

/*generic styles*/
/*#homepage-wrapper *, #homepage-wrapper *::after, #homepage-wrapper *::before {box-sizing: border-box;}*/
#homepage-wrapper {overflow: hidden;}
#homepage-wrapper img {max-width: 100%; width: 100%;}
#homepage-wrapper a {text-decoration: none;}
#homepage-wrapper {font-family: 'Gotham A', 'Gotham B', sans-serif; font-weight: 500; font-style: normal;}

/* quick links */
#homepage-wrapper .homepage-main ul.quick-links {margin-left: -1%; list-style-type: none; padding: 0; margin-bottom: 0; width: 101%; clear: both; margin-top: 5px;}
#homepage-wrapper .homepage-main ul.quick-links li {float: left; width: 15.66%; margin-left: 1%; margin-bottom: 10px; padding: 10px 0px; text-align: center; min-height: 40px; text-transform: uppercase; font-weight: 500; font-size: 11px;}
#homepage-wrapper .homepage-main ul.quick-links.pcw-links li {width: 24%;}

/*main section*/
#homepage-wrapper .homepage-main {float: left; width: 78%; max-width: 100%; /*margin-top: 10px;*/ height: auto;  border-right: 1px solid #ccc; margin-top: 10px; padding-right: 10px;}
#homepage-wrapper .header {margin-bottom: 5px;}
#homepage-wrapper .header figure img {width: 100%;}
#homepage-wrapper .header figure {max-width:100%; width: 100%; display: inline-block; margin-left: 0%; margin-right: 0px;}
#homepage-wrapper .full-banner {border: none; padding: 0px; margin: 0px 0px 25px; clear: both;}

/*fancy title*/
#homepage-wrapper .fancy {position: relative; text-align: center; font-size: 1.2em; color: #464646; text-transform: uppercase; margin-top: 10px; clear:both;}
#homepage-wrapper .fancy span {background: #fff; padding: 0 15px; position: relative; z-index: 1;}
#homepage-wrapper .fancy:before {background: #e0e0e0;/*HC changed from #0d72a6*/ content: ""; display: block; height: 1px; position: absolute; top: 55%; width: 100%;}
#homepage-wrapper .fancy:before {left: 0;}

/*top services */
#homepage-wrapper aside.top-services {margin-top: -10px;}
#homepage-wrapper aside.top-services .tservice {float:left; width: 19.1%; margin-left: 0; margin-right: 0.9%;}
#homepage-wrapper aside.top-services .tservices-block {height: 100%; width: 101.5%; margin-left: -0.8%;}
#homepage-wrapper aside.top-services .service-detail {overflow: hidden; text-align: center}

/*side services*/
/*#homepage-wrapper aside {float: right; max-width: 100%; margin-top: 10px; position: fixed;  width: 242px; height: 600px;}*/
#homepage-wrapper aside {margin-top: 10px; /*width: 18%;*/ margin-left: 0px; top: 0px;}
#homepage-wrapper aside figure {margin-bottom: 5px;border: 1px solid #dddddd;}
/* menu styles – nav height MUST BE SET or it will not fix */
nav#navblock.sticky {margin-top:0px; height:455px; width: 252px;}
.col-custom {float:right; padding:0px; background:transparent;}
#navcontent > a {padding: 0px; display: inline;}
#navcontent img {width: 100%;}
#homepage-wrapper aside figure img {display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: box-shadow; transition-property: box-shadow;}
#homepage-wrapper aside figure img:hover, #homepage-wrapper aside figure img:focus, #homepage-wrapper aside figure img:active {box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);}
#homepage-wrapper aside figure.side-header img {-webkit-transform: none; transform: none; box-shadow: none;}
#homepage-wrapper aside figure.side-header img:hover, #homepage-wrapper aside figure img:focus, #homepage-wrapper aside figure img:active {box-shadow: none;}


/*scroller*/
#homepage-wrapper .scroller {border-color: #f2f2f2; border-style: solid; border-width: 0px 20px; padding: 0px; text-align: center; margin-top: 0; margin-bottom: 30px;}
#homepage-wrapper .scroller #page-scroller .item {margin: 0px 4px;}
#page-scroller .item img {width: 100%;}
.owl-carousel {position: relative;}
.owl-prev, .owl-next {position: absolute; bottom: 0; height: 100%;}
.owl-prev {left: -10px;}
.owl-next {right: -10px;}
.owl-prev i, .owl-next i {padding-top: 250%;}
.owl-theme .owl-controls .owl-buttons div {color: #555; font-size: 2em; margin: -9% -9px; border-radius: 0; opacity: 1;}
#bar {width: 0%; max-width: 100%; height: 4px; background: #7fc242;}
#progressBar {width: 100%; background: #EDEDED;}
.owl-theme .owl-controls {margin-top: -3%; text-align: center;}
.page-scroller .owl-controls {text-align: center; margin-top: -1px;}
#page-scroller .item {margin: 3px;}
#page-scroller .item img {display: block; width: 100%; height: auto;}
.margin-left-50 {margin-left: 50px;}
.margin-right-50 {margin-right: 50px;}

/*summer stories*/
#homepage-wrapper .summer-stories {text-align: center; margin-top: 10px; overflow: hidden;}
#homepage-wrapper .summer-stories .story {background-color: #f4f4f4; margin-bottom: 10px; overflow: hidden; padding: 10px;}
#homepage-wrapper .summer-stories .story h2 {color: #555; text-transform: uppercase; font-size: 16px; margin-bottom: 20px; margin-top: 10px;}
#homepage-wrapper .summer-stories.sale .story h2 {color: #555;}
#homepage-wrapper .summer-stories .story .story-message-container .story-block {float: left; width: 24%; margin-right: 20px;}
#homepage-wrapper .summer-stories .story .story-message-container .story-block h3 {color: #555; font-size: 14px; font-weight: bold; letter-spacing: -0.5px; margin: 10px auto 5px; text-transform: uppercase; height: auto; width: 96%;}
#homepage-wrapper .summer-stories .story .story-message-container .story-block p {color: #555; font-size: 14px; font-weight: normal; letter-spacing: -0.5px;}
#homepage-wrapper .summer-stories .story .story-message-container .story-shop {float: right; width: 17%;}
#homepage-wrapper .summer-stories .story .story-shop ul {list-style: none; margin-left: -55px; margin-right: -10px;}
#homepage-wrapper .summer-stories .story .story-shop ul li {padding: 12px; width: 83%; border: 1px solid #ccc; border-radius: 3px; margin-bottom: 5px; background: #fff; }
#homepage-wrapper .summer-stories .story .story-shop ul li:hover {background: #e5e5e5; -webkit-transition: 400ms; transition: 400ms;}
#homepage-wrapper .summer-stories .story .story-shop a {color: #555; font-weight: normal;}
#homepage-wrapper .summer-stories .story .story-shop i {font-size: 70%;}

/*latest tech*/
#homepage-wrapper .latest-tech {border: solid 1px #e1e1e1; background-color: #f4f4f4; background-image: url("http://currys.cdn.dixons.com/css/themes/latest_tech_2016/img/bg2.jpg"); padding: 10px; text-align: center; margin-top: 12px; height: auto; overflow: hidden; margin-bottom: 30px;}
#homepage-wrapper .latest-tech .tech-block-wrapper {margin-left: -1%;}
#homepage-wrapper .latest-tech .tech-block-wrapper .tech-block {position: relative; margin-left: 1.1%; background: #fff; margin-bottom: 10px; border: 1px #ccc solid; height: 307px; width: 23.8%; float: left; -webkit-box-shadow: 2px 1px 2px 2px #ccc;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */ -moz-box-shadow: 2px 1px 2px 2px #ccc;  /* Firefox 3.5 - 3.6 */ box-shadow: 2px 1px 2px 2px #ccc;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#homepage-wrapper .latest-tech .tech-block-wrapper .tech-block:hover {-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-transition: 0.3s; transition: 0.3s;}
#homepage-wrapper .latest-tech .tech-block-wrapper .tech-block figure {padding: 10px; letter-spacing: -0.5px;}
#homepage-wrapper .latest-tech .tech-block-wrapper .tech-block h2 {color: #661e61; text-transform: uppercase; font-size: 1em; padding-left: 10px; text-align: left; clear: both; min-height: 30px; letter-spacing: -0.5px}
#homepage-wrapper .latest-tech .tech-block-wrapper .tech-block p {font-weight: 300; padding-left: 10px; padding-right: 10px; text-align: left; color:#3d3d3d; line-height: 1.2em;}
#homepage-wrapper .latest-tech .tech-block-wrapper .tech-block p.tech-cta {bottom: 0px; position: absolute;   -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform;}
#homepage-wrapper .latest-tech .tech-block-wrapper .tech-block:hover p.tech-cta {-webkit-transform: translateX(25px); transform: translateX(25px);}
#homepage-wrapper .latest-tech .tech-block-wrapper .tech-block a {color: #3d3d3d;}
#homepage-wrapper .latest-tech .tech-block-wrapper .tech-block i {font-size: 80%;}
#homepage-wrapper .latest-tech .tech-banner figure {float: left; margin-right: 10px}
#homepage-wrapper .latest-tech .tech-banner {padding-top: 20px; clear: both;}
#homepage-wrapper .latest-tech .tech-banner .tech-banner-text {background: #ebebeb; padding: 3px 40px 0px; text-align: center; overflow: hidden; margin-top: 11px;}
#homepage-wrapper .latest-tech .tech-banner .tech-banner-text:hover {background: #fff; -webkit-transition: 0.3s; transition: 0.3s;}
#homepage-wrapper .latest-tech .tech-banner .tech-banner-text i {font-size: 76%;}
#homepage-wrapper .latest-tech .tech-banner .tech-banner-text h3 {color: #661e62; text-transform: uppercase; font-weight: 500; font-size: 1.5em; padding-top: 5px;}
#homepage-wrapper .latest-tech .tech-banner .tech-banner-text p {color: #661e62; font-weight: 300; font-size: 1.3em;}

/*explore more*/
#homepage-wrapper .external {margin-left: -1%; margin-top: 10px; overflow: hidden;}
#homepage-wrapper .external .third {float: left; width: 32.3%; margin-left: 1%;}

/*social*/
#homepage-wrapper section.social-group {margin-left: -8%; clear: both; min-height: 60px; padding-bottom: 20px; padding-top: 20px; overflow: hidden;}
#homepage-wrapper section.social-group .social {text-align: center; float: left; width: 8.5%; padding: 5px; margin-left: 7%;}
#homepage-wrapper section.social-group .social a {color: #231f20;}
#homepage-wrapper section.social-group .social i {color: #09347b;}
#homepage-wrapper section.social-group .social span {font-size: 13px;}
#homepage-wrapper section.social-group .social i, .dcg aside.social-group .social img {display: block; margin-bottom: 5px;}
#homepage-wrapper section.social-group .social img {vertical-align: bottom;margin-left: auto; margin-right: auto;}
#homepage-wrapper section.social-group .social i {font-size: 2em; margin-right: 5px;}
#homepage-wrapper section.social-group .social i.icon-facebook-sign {color: #3B5998}
#homepage-wrapper section.social-group .social i.icon-twitter {color: #55ACEE}
#homepage-wrapper section.social-group .social i.icon-pinterest {color: #CC2127}
#homepage-wrapper section.social-group .social i.icon-google-plus-sign {color: #dd4b39}
#homepage-wrapper section.social-group .social i.icon-youtube-play {color: #cd201f}
#homepage-wrapper section.social-group .social img {margin-bottom: 8px; width: auto;}
.ie7 #homepage-wrapper section.social-group .social {width:15%;}
	 
/*RESPONSIVE STYLES*/		
@media only screen and (max-width:1239px){
	#homepage-wrapper .homepage-main section.nav-blocks article {width: 32%;}
	#homepage-wrapper .homepage-main section.nav-blocks article div a {font-size: 12px;}
	#homepage-wrapper nav#navblock.sticky {width: 195px;}
	#homepage-wrapper .latest-tech .tech-banner .tech-banner-text {/*width: 81%; padding: 5px 10px;*/}
	#homepage-wrapper .latest-tech .tech-banner .tech-banner-text h3 {font-size: 1.4em;}
	#homepage-wrapper .latest-tech .tech-banner .tech-banner-text  p {font-size:1.1em;}
	#homepage-wrapper section.social-group .social {width: 8%;}
	#homepage-wrapper .homepage-main {padding-right: 10px;}
	/*quick links */
    /*#homepage-wrapper ul.quick-links li {min-height: 61px;}*/
	#homepage-wrapper .homepage-main ul.quick-links.mega li {/*no aaotv width: 17.7%; min-height: 35px;*/}
	
	#homepage-wrapper .homepage-main ul.quick-links li {padding: 10px 5px; width: 14.34%; font-size: 10px;}
	#homepage-wrapper .homepage-main ul.quick-links li div {font-size: 8.4px; letter-spacing: -1px;}
	#homepage-wrapper .summer-stories .story .story-message-container .story-shop {width: 22%;}
#homepage-wrapper .summer-stories .story .story-message-container .story-block {width: 22%; margin-right: 15px;}
#homepage-wrapper .summer-stories .story .story-message-container .story-block h3 {font-size: 13px;}
#homepage-wrapper .summer-stories .story .story-message-container .story-block p {font-size: 13px;}
#homepage-wrapper .summer-stories .story .story-shop a {font-size: 12px;}
#homepage-wrapper .latest-tech .tech-block-wrapper .tech-block {height: 275px;}
}
	
@media only screen and (max-width:1126px){
	/*bottom services*/
	#homepage-wrapper aside.bottom-services {margin-top: 10px; /*width: 18%;*/ margin-left: 0px; width: 100%; overflow:hidden;}
	/*#homepage-wrapper aside.bottom-services figure {margin-bottom: 10px;}*/
	#homepage-wrapper aside.bottom-services a {width: 25%; float: left; padding: 0px;}
	#homepage-wrapper aside.bottom-services figure.bottom-header {text-align: center; width: 100%;background: none; margin-bottom: 10px;  height: auto;}
	#homepage-wrapper aside.bottom-services figure.bottom-nav-link img {width: 100%;}
}

@media only screen and (max-width:1024px){
	#wrapper {padding: 10px 0px 0px;}
	#homepage-wrapper .homepage-main {border-right: none;}
	aside#fixed {display:none;}
	#homepage-wrapper .homepage-main {float: none; width: 100%;}
	.owl-theme .owl-controls .owl-buttons div {margin: -12% -9px; font-size: 1.8em;}
	#homepage-wrapper aside figure {margin-bottom: 5px; background-color:#f2f2f2; float: left; margin-left: 5px;}
	/*top services*/
	#homepage-wrapper .top-services {overflow: hidden; margin-top: 10px;}
 	#homepage-wrapper .tservices-block {margin-left: -1%;}
	#homepage-wrapper .tservice {margin-left: 0px; margin-right: 1%; width: 19%; float: left; margin-bottom: 5px;}
	#homepage-wrapper .tservice figure {border: 1px solid #dddddd; width: 97.5%;}
	#homepage-wrapper .tservice img {width: 100%;}
	#homepage-wrapper .latest-tech .tech-block-wrapper .tech-block p {font-size: 0.9em; letter-spacing: -0.5px;}
	/*#homepage-wrapper ul.quick-links li {min-height: 61px;}*/
	#homepage-wrapper .homepage-main ul.quick-links li {width: 14.65%;}
	#homepage-wrapper .summer-stories .story .story-message-container .story-block {float: left; width: 24%; margin-right: 20px;}
#homepage-wrapper .summer-stories .story .story-message-container .story-block h3 {color: #555; font-size: 14px; font-weight: bold; letter-spacing: -0.5px; margin: 10px auto 5px; text-transform: uppercase;}
#homepage-wrapper .summer-stories .story .story-message-container .story-block p {color: #555; font-size: 14px; font-weight: normal; letter-spacing: -0.5px;}
#homepage-wrapper .summer-stories .story .story-message-container .story-shop {float: right; width: 17%;}
#homepage-wrapper .latest-tech .tech-block-wrapper .tech-block {height: 300px;}
}

@media only screen and (max-width:1012px){
	.owl-theme .owl-controls .owl-buttons div {margin: -9% -9px;}
}

@media only screen and (max-width:1004px){
	#homepage-wrapper .homepage-main ul.quick-links li {width: 14.6%;}
}

@media only screen and (max-width:984px){
	#homepage-wrapper .story h3 {height: 55px;font-size: 0.8em; width: 100%;}
}

@media only screen and (max-width:978px){
	.owl-theme .owl-controls .owl-buttons div {margin: -12% -9px;}
}

@media only screen and (max-width:958px){
	#homepage-wrapper .homepage-main ul.quick-links li {width: 14.55%;}
}

@media only screen and (max-width:918px){
	#homepage-wrapper .homepage-main ul.quick-links li {width: 14.5%;}
}

@media only screen and (max-width:915px){
#homepage-wrapper .summer-stories .story .story-message-container .story-block {width: 32.1%; margin-right: 10px;}
#homepage-wrapper .summer-stories .story .story-message-container .story-shop {clear: both; float: none; width: 100%;}
#homepage-wrapper .summer-stories .story .story-shop ul {width: 100%; margin-left: -10px; margin-right: 0px;}
#homepage-wrapper .summer-stories .story .story-shop ul li {padding: 12px; width: 20.6%; float: left; margin-right: 10px;}
	#homepage-wrapper .summer-stories .story .story-shop.double-height ul li {min-height: 35px;}
	#homepage-wrapper .latest-tech .tech-block-wrapper .tech-block {height: 280px;}
}

@media (max-width: 900px) {
    .owl-theme .owl-controls .owl-buttons div {font-size: 2em;}
}

@media only screen and (max-width:879px){
#homepage-wrapper .homepage-main ul.quick-links li {width: 14.45%;}
}

@media only screen and (max-width: 869px) {	 
	#homepage-wrapper section.social-group .social {float: left; }
	#homepage-wrapper .latest-tech .tech-block figure {float: none;}
	#homepage-wrapper .latest-tech .tech-block figure img {width: 100%;}	
	.owl-theme .owl-controls .owl-buttons div {font-size: 1.8em;}
	#homepage-wrapper .summer-stories .story .story-shop ul li {width: 20.4%;}
}

@media only screen and (max-width:861px){
#homepage-wrapper .summer-stories .story .story-message-container .story-block {width: 32%; margin-right: 10px;}
}

@media only screen and (max-width:844px){
#homepage-wrapper .homepage-main ul.quick-links li {width: 14.4%;}
}

@media only screen and (max-width:834px){
#homepage-wrapper .summer-stories .story .story-shop ul li {width: 20%;}
}


@media only screen and (max-width:830px){
#homepage-wrapper .homepage-main ul.quick-links li {font-size: 10px; margin-bottom:10px;}
}

@media only screen and (max-width:813px){
#homepage-wrapper .summer-stories .story .story-shop a {font-size: 11px;}
}

@media only screen and (max-width:811px){
	#homepage-wrapper .homepage-main ul.quick-links li {width: 14.3%;}
}

@media only screen and (max-width:801px){
#homepage-wrapper .summer-stories .story .story-message-container .story-block {width: 31.8%;}
}

@media only screen and (max-width:795px){
	#homepage-wrapper .homepage-main ul.quick-links li {min-height: 50px;}
}

@media only screen and (max-width: 792px) {	
	/*#homepage-wrapper .scroller  {margin-bottom: 70px;}*/
	/*.owl-theme .owl-controls {margin-top: -8%; margin-left: 5%; text-align: left;}
    .owl-theme .owl-controls .owl-page span {width: 8px; height: 8px;}*/
}

@media only screen and (max-width:771px){
#homepage-wrapper .summer-stories .story .story-shop ul li {width: 19.6%;}
}

@media only screen and (max-width: 768px) {	
	/*#homepage-wrapper .scroller  {min-height: 191px;}*/
	#homepage-wrapper section.social-group .social span {display: none}
}

@media only screen and (max-width:764px){
#homepage-wrapper .summer-stories .story .story-shop ul li {width: 19.6%;}
	#homepage-wrapper .summer-stories .story .story-shop ul li {min-height: 35px;}
}

@media only screen and (max-width:755px){
	#homepage-wrapper .homepage-main ul.quick-links li {width: 14.2%;}
}

@media only screen and (max-width:754px){
	#homepage-wrapper .homepage-main ul.quick-links li {width: 14.2%;}
}

@media only screen and (max-width: 750px) {
	#homepage-wrapper .latest-tech .tech-banner .tech-banner-text {/*width: 76%;*/ }
	#homepage-wrapper .tservice.ts4, .tservice.ts5 {display: none;}
	#homepage-wrapper aside.top-services .tservice {width: 32.3%;}
}

@media only screen and (max-width:718px){
	#homepage-wrapper .homepage-main ul.quick-links li {min-height: 57px;}
	#homepage-wrapper .summer-stories .story .story-shop ul li {width: 19.4%;}
}

@media only screen and (max-width:705px){
	#homepage-wrapper .homepage-main ul.quick-links li {width: 14.1%;}
}

@media only screen and (max-width:703px){
#homepage-wrapper .summer-stories .story .story-message-container .story-block {width: 31.6%;}
}

@media only screen and (max-width:694px){
#homepage-wrapper .summer-stories .story .story-shop ul li {width: 19.2%;}
#homepage-wrapper .summer-stories .story .story-shop.double-height ul li {min-height: 53px;}
}

@media only screen and (max-width: 687px) {
	#homepage-wrapper .external .half {width: 99%; margin-bottom: 10px;}
	#homepage-wrapper .latest-tech .tech-block-wrapper .tech-block {height: 260px; width: 32%;}	
	#homepage-wrapper .latest-tech .tech-block-wrapper .pos4 {display: none;}	
}

@media only screen and (max-width:686px){
#homepage-wrapper .summer-stories .story .story-shop ul li {min-height: 35px;}
}

@media only screen and (max-width:673px){
#homepage-wrapper .homepage-main section.nav-blocks article {width: 31.6%;}
}

@media only screen and (max-width:672px){
#homepage-wrapper .summer-stories .story .story-shop ul li {width: 19%;}
}

@media only screen and (max-width:662px){
	#homepage-wrapper .homepage-main ul.quick-links li {width: 14%;}
}

@media only screen and (max-width:651px){
#homepage-wrapper .summer-stories .story .story-shop ul li {width: 18.5%;}
}

@media only screen and (max-width:627px){
#homepage-wrapper .summer-stories .story .story-message-container .story-block {width: 31.4%;}
}

@media only screen and (max-width:625px){
	#homepage-wrapper .homepage-main ul.quick-links li {width: 13.98%;}
}

@media only screen and (max-width:618px){
	#homepage-wrapper .homepage-main ul.quick-links li {width: 13.9%; min-height: 60px;}
}

@media only screen and (max-width:612px){
	#homepage-wrapper .homepage-main ul.quick-links li {min-height: 70px;}
}


@media only screen and (max-width:611px){
	#homepage-wrapper .homepage-main ul.quick-links li {min-height: 63px;}
}

@media only screen and (max-width:605px){
	#homepage-wrapper .summer-stories .story .story-shop ul li {width: 18%;}	
}
		
/* < 600 */
@media only screen and (max-width: 599px) {
	#homepage-wrapper section.social-group .social {float: left; width: 50%;}
	#homepage-wrapper .homepage-main section.nav-blocks article {width: 47.5%;}
	#homepage-wrapper section.social-group .social i {font-size: 1.25em; display: inline;}
	#homepage-wrapper .header {width: 100%;}
	/*carousel*/
	#homepage-wrapper .carousel {padding: 0px 23px; text-align: center; margin-top: 10px; overflow: hidden;}
	.owl-theme .owl-controls .owl-buttons div {padding-top: 20%; margin: -13% -9px; background: #ccc;}
	.owl-prev {left:-13px;}
	#homepage-wrapper .carousel .item {margin-right: 2%;}
	#homepage-wrapper .fancy {font-size: 0.8em;}
	/*top services*/
	#homepage-wrapper .top-services {margin-top: 0px;}
	#homepage-wrapper .tservice.ts3, .tservice.ts4, .tservice.ts5, .tservice.ts6 {display: none;}
	#homepage-wrapper aside.top-services .tservice {width: 49.2%;}
	#homepage-wrapper aside.top-services .tservice.ts2 {margin-right: 0px;}
	/*latest tech*/
	#homepage-wrapper .latest-tech .tech-block-wrapper .tech-block {height: auto; width: 48.5%;}
	#homepage-wrapper .latest-tech .tech-block-wrapper .tech-block figure {width: 96%; padding: 5px;}
	#homepage-wrapper .latest-tech {width: 96%;}
	#homepage-wrapper .latest-tech .tech-block {width: 48%;}
	#homepage-wrapper .latest-tech .tech-block-wrapper .pos3 {display: none;}
	#homepage-wrapper .latest-tech .tech-banner .tech-banner-text {/*width: 72%;*/}
	#homepage-wrapper .latest-tech .tech-banner figure {display: none;}
	#homepage-wrapper .latest-tech .tech-banner .tech-banner-text h3 {font-size: 1em; width: 100%;}
	#homepage-wrapper .latest-tech .tech-banner {padding-top: 0px;}
	#homepage-wrapper section.social-group {margin-left: 1%; width: 100%;}
	#homepage-wrapper section.social-group .social {width:auto; text-align: center}
	
	#homepage-wrapper aside.bottom-services {margin-top: 10px; /*width: 18%;*/ margin-left: 0px; width: 100%;}
	/*#homepage-wrapper aside.bottom-services figure {margin-bottom: 10px;}*/
	#homepage-wrapper aside.bottom-services nav {margin-left: -5px;}
	#homepage-wrapper aside.bottom-services a {width: 49%; float: left; padding: 0px; margin-bottom: 5px; margin-left: 5px;}
	#homepage-wrapper aside.bottom-services figure.bottom-header {margin: auto;}
	#homepage-wrapper aside.bottom-services figure.bottom-nav-link {margin: 0px; width: 98%;}
	#homepage-wrapper aside.bottom-services figure.bottom-nav-link img {width: 100%;}
	
	#homepage-wrapper .external .third {width: 48%;}
	
		/*half banners*/		
	#homepage-wrapper .half_banner {margin-bottom: 0px; width: 98.5%; margin-left: 5px; padding-top: 5px;}
	#homepage-wrapper .half_banner img {width: 100%; margin-right: 0px; float: none; margin-bottom: 10px;}	
	#homepage-wrapper .half-banner figure {width: 100%; float: none;}
	#homepage-wrapper  .half-banner figure:first-child {margin-right: 0px; margin-bottom: 10px;}

    /* quick links */
    #homepage-wrapper .homepage-main ul.quick-links li {width: 30.2%; min-height: 25px; font-size: 9px; margin-bottom:5px; border: 1px solid #ccc;}
	#homepage-wrapper .homepage-main ul.quick-links li:hover {background: #f5f5f5;}
	#homepage-wrapper .homepage-main ul.quick-links li a {color: #555; text-decoration: none;}

	ul.quick-links {width: 102%;}
    #homepage-wrapper ul.quick-links.pcw-links li {width: 49%; }
	
#homepage-wrapper .homepage-main .mobile-deal-blocks {margin-left: -10px; margin-top: 10px; overflow: hidden; clear: both;}
#homepage-wrapper .homepage-main .mobile-deal-blocks div {float: left; width: 48.2%; /*border: 1px solid #ccc;*/ margin-bottom: 10px; margin-left: 10px;}
	
#homepage-wrapper .homepage-main .summer-stories.mobile {margin-left: -10px;}
#homepage-wrapper .homepage-main .summer-stories.mobile > div {float: left; margin-bottom: 10px; margin-left: 10px; width: 48%;}
#homepage-wrapper .homepage-main .summer-stories.mobile div.mobile-story-full {width: 100%;}

}

@media only screen and (max-width:575px){
	#homepage-wrapper .homepage-main ul.quick-links li {width: 30%;}
}

@media only screen and (max-width:574px){
#homepage-wrapper .homepage-main ul.quick-links li {min-height: 22px;}
}

@media only screen and (max-width:564px){
#homepage-wrapper .homepage-main .mobile-deal-blocks div {width: 48%;}
}

@media only screen and (max-width: 535px) {
	#homepage-wrapper .latest-tech .tech-banner .tech-banner-text {/*width: 69%;*/}	
	.owl-theme .owl-controls .owl-buttons div {font-size: 1.7em; margin: -13% -7px;}
}

@media only screen and (max-width:528px){
	#homepage-wrapper .homepage-main ul.quick-links li {width: 29.8%;}
}

@media only screen and (max-width: 513px) {
	#homepage-wrapper aside.bottom-services a {width: 48%;}
}
	
@media only screen and (max-width: 512px) {
	#homepage-wrapper aside.bottom-services a {width: 48%;}
}

@media only screen and (max-width: 509px) {
	#homepage-wrapper .deal-blocks ul li {width: 32.3%;}
	#homepage-wrapper .homepage-main .mobile-deal-blocks div {width: 47.8%;}
	#homepage-wrapper .homepage-main .summer-stories.mobile > div {width: 47.8%;}
}

@media only screen and (max-width: 490px) {
#homepage-wrapper .latest-tech .tech-banner .tech-banner-text h3 {font-size: 0.9em;}
}

@media only screen and (max-width: 488px) {	
#homepage-wrapper .homepage-main ul.quick-links li {width: 29.7%;}
}

@media only screen and (max-width: 478px) {	
#homepage-wrapper .homepage-main ul.quick-links li {width: 46.1%;}
}

@media only screen and (max-width:463px){
#homepage-wrapper .homepage-main .mobile-deal-blocks div {width: 47.6%;}
	#homepage-wrapper .homepage-main .summer-stories.mobile > div {width: 47.6%;}
}

@media only screen and (max-width: 451px) {	
	#homepage-wrapper .latest-tech .tech-banner .tech-banner-text {/*width: 65%;*/}	
}

@media only screen and (max-width: 428px) {	
#homepage-wrapper .homepage-main ul.quick-links li {width: 45.8%;}
}

@media only screen and (max-width:425px){
#homepage-wrapper .homepage-main .mobile-deal-blocks div {width: 47.4%;}
	#homepage-wrapper .homepage-main .summer-stories.mobile > div {width: 47.4%;}
}

@media only screen and (max-width: 415px) {	
#homepage-wrapper .homepage-main.to ul.quick-links li {width: 45.6%;}
}

/* <415 */
@media only screen and (max-width: 414px) {	
	#homepage-wrapper .latest-tech .tech-banner .tech-banner-text {/*width: 55%;*/}
	#homepage-wrapper .latest-tech .tech-banner .tech-banner-text h3 {font-size: 1.15em;}
	#homepage-wrapper .fancy {width: 100%; text-align: left;}
	#homepage-wrapper .fancy span {padding: 0 4px;}
	#homepage-wrapper .fancy:before {display: none;}
	#homepage-wrapper .homepage-main ul.quick-links li {width: 45.5%;}
}

@media only screen and (max-width: 409px) {
#homepage-wrapper .homepage-main .mobile-deal-blocks div {width: 46%;}
}

@media only screen and (max-width: 395px) {	
	#homepage-wrapper .homepage-main ul.quick-links li {width: 45.5%;}
}

@media only screen and (max-width: 393px) {	
#homepage-wrapper .homepage-main .summer-stories.mobile > div {width: 47.2%;}
}

@media only screen and (max-width: 392px) {	
	#homepage-wrapper .homepage-main ul.quick-links li {width: 45.7%;}
}

@media only screen and (max-width: 379px) {	
	#homepage-wrapper .homepage-main ul.quick-links li {width: 45.5%;}
}

@media only screen and (max-width: 366px) {	
#homepage-wrapper .homepage-main .summer-stories.mobile > div {width: 47%;}
}

@media only screen and (max-width: 364px) {
#homepage-wrapper .latest-tech .tech-banner .tech-banner-text h3 {font-size: 0.8em;}
}

@media only screen and (max-width: 359px) {	
	#homepage-wrapper .homepage-main ul.quick-links li {width: 45.3%;}
}

@media only screen and (max-width: 349px) {	
#homepage-wrapper .homepage-main.to ul.quick-links li {width: 45.7%;}
}

@media only screen and (max-width: 348px) {	
	.owl-theme .owl-controls .owl-buttons div {font-size: 1.6em;}
}

@media only screen and (max-width: 346px) {	
	#homepage-wrapper .homepage-main ul.quick-links li {width: 45%;}
}

@media only screen and (max-width: 342px) {
#homepage-wrapper .homepage-main .summer-stories.mobile > div {width: 46%;}
}

@media only screen and (max-width: 338px) {
	#homepage-wrapper .homepage-main ul.quick-links li {width: 45%;}
}

@media only screen and (max-width: 335px) {	
	#homepage-wrapper .homepage-main ul.quick-links li {width: 44.4%;}
	#homepage-wrapper .latest-tech .tech-banner .tech-banner-text h3 {font-size: 0.7em;}
}

@media only screen and (max-width: 310px) {	
	#homepage-wrapper .latest-tech .tech-banner .tech-banner-text {/*width: 50%;*/}
	#homepage-wrapper .latest-tech .tech-banner .tech-banner-text h3 {font-size: 1em;}
}

@media only screen and (max-width: 309px) {
#homepage-wrapper .homepage-main .mobile-deal-blocks div {width: 45%;}
}

@media only screen and (max-width: 277px) {	
	#homepage-wrapper .homepage-main ul.quick-links li {width: 44.2%;}
}

@media only screen and (max-width: 266px) {	
	#homepage-wrapper .homepage-main ul.quick-links li {width: 44%;}
}

@media only screen and (max-width: 264px) {	
	#homepage-wrapper .homepage-main ul.quick-links li {width: 44%;}
	#homepage-wrapper aside.bottom-services a {width: 47%;}
}

@media only screen and (max-width: 259px) {
#homepage-wrapper .homepage-main .summer-stories.mobile > div {width: 45%;}
}

@media only screen and (max-width: 257px) {	
	#homepage-wrapper .homepage-main ul.quick-links li {width: 43.5%;}
	#homepage-wrapper .homepage-main ul.quick-links li div {font-size: 7.5px;}
}


@media only screen and (max-width: 249px) {	
#homepage-wrapper .homepage-main .mobile-deal-blocks div {width: 44%;}
}

/*Window size: 1441 x 829
Viewport size: 1441 x 732*/