/* tablet portrait */
@media only screen and (min-width: 768px) and (max-width: 978px){

	.gs-snippet {
		padding: 10px;
		font-size: 14px;
		font-family: 'Lato', sans-serif;
		color: #201d19;
		line-height: 1.4em;
		height:87px!important;
		width:100%; overflow:hidden;
	}
	.gsc-result {
		float: left;
		width: 44%;
		border: 1px solid #ccc!important;
		margin-right: 3%!important;
		height: 150px;
		margin-bottom: 30px!important;
		padding:2%;
	}
	.gsc-table-result {border-bottom:#ececec solid 20px inset; height:117px!important; border-collapse:separate; width:44%; overflow:hidden;}

	.hardware-item-image img{
		width:100%;
	}

	.container, .sub-container,  .cycle-slideshow {
		width:768px;
	}

	.main-container{
		width:718px;
	}

	.middle-slideshow img{
		min-width:768px;
	}

	.main-menu li {
		float: left;
		padding: 27px 18px 27px 19px;
		text-align: center;
	}

	.top-menu {

		width: 768px;
	}

	.logo-bar-logo img{
		width:190px;
		margin-top:10px;
	}

	.cycle-slideshow{
		max-width:768px;
		height:320px;
	}
	.cycle-pager{
		top:300px;
	}
	.cycle-slideshow img {
		/*width:95%;*/
	}

	.large-menu-other{
		width:768px;
		margin-left:-10px;
	}

	.hardwareSections{
		display:none;
	}


	.hardwareMain{
		width:748px;
	}

	.hardware-logos{
		width:513px;
	}

	.header-overlay{
		height: 172px;
	}

	.footer-logos{
		width:100%;
	}


	.footer-images{
		display:none;
	}

	html body div.wrapper div.container div.main-container.clearfix.training div.one-third img{
		width:100%;
	}

	.hardware-header-image img{
		width:100%;
	}

	.twitter-circle, #social-map{
		display:none;
	}

	.welcome-back{
		display:none;
	}

	div.consumable-item-options div.left{
		display:none;
	}

}

/* phone landscape */
@media screen and (min-width: 479px) and (max-width:767px) {

	.mobile-hide2 {display:none;}
	.social-icon {
		float: left;
		opacity: 1;
		margin-right: 1px;
	}
	.gs-snippet {
		padding: 10px;
		font-size: 14px;
		font-family: 'Lato', sans-serif;
		color: #201d19;
		line-height: 1.4em;
		height:87px!important;
		width:100%; overflow:hidden;
	}
	.gsc-result {
		float: left;
		width: 100%;
		border: 1px solid #ccc!important;
		margin-right: 3%!important;
		height: 150px;
		margin-bottom: 30px!important;
		padding:2%;
	}
	.gsc-table-result {border-bottom:#ececec solid 20px inset; height:117px!important; border-collapse:separate; width:281px; overflow:hidden;}


	select {
		background-color:#FFF;
	}

	.sub-overlay, .bg-wrapper{
		display:none;
	}

	.shopping-cart {
		font-size: 13px;
	}

	div.consumable-item-options div.right a.btn.add-to-basket{
		width:200px;

	}

	.deliveryOption{
		width:190px;
	}


	.basket-third{
		width:90%;
		margin-bottom:20px;
	}

	.blue-arrow{
		display:none;
	}

	.desktop-menu{
		display:none;
	}

	.mega-menu{
		display:block;
		text-align:center;
		padding-top:10px;
		padding-bottom:10px;
	}

	.container, .sub-container,  .cycle-slideshow {
		width:480px;
	}

	.main-container{
		width:460px;
		padding:10px;
	}

	.middle-slideshow img{
		min-width:768px;
	}

	.main-menu li {
		float: left;
		padding: 27px 12px 27px 12px;
		text-align: center;
	}

	.top-menu {

		width: 460px;
	}

	.logo-bar-logo img{
		width:270px;

	}

	.cycle-slideshow{
		max-width:768px;
	}

	.large-menu-other{
		width:768px;
		margin-left:-10px;
	}

	.hardwareSections{
		display:none;
	}


	.hardwareMain{
		width:748px;
	}

	.hardware-logos{
		width:513px;
	}

	.header-overlay{
		height: 172px;
	}

	.footer-logos{
		width:100%;
	}

	.strapline{
		display:none;
	}

	.social-icons{
		display:none;
	}

	.footer-images{
		display:none;
	}

	html body div.wrapper div.container div.main-container.clearfix.training div.one-third img{
		width:100%;
	}

	.hardware-header-image img{
		width:100%;
	}

	.twitter-circle, #social-map{
		display:none;
	}

	.welcome-back{
		display:none;
	}

	div.consumable-item-options div.left{
		display:none;
	}

	#homepage-slider{
		display:none;
	}

	.logo-bar-other {
		width: 140px;
	}

	.hideOnMobile{
		display:none;
	}

	.showOnMobile{
		display:block;
	}

	.two-thirds, .two-thirds-padding{
		width:100%;
	}

	.right-border{
		border:0;
		margin:0;
		padding:0;
	}


	.one-third{
		width:100%;
		margin-top:10px;
	}

	.big-btn{
		display:none;
	}

	.footer{
		padding:10px;

	}

	.quarter h3{
		font-size:15px;
	}

	.left-footer, .right-footer{
		width:100%;
		padding-right:0;
		border:0;
	}

	.testimonial-large, .quick-spec, .btn-footer{
		display:none;
	}

	.testimonial-item{
		padding:2%;
		margin:2%;
		width:90%;
	}

	.testimonial-item-about img, .hardware-image img{
		width:100%;
	}

	.hardware-item{
		padding:2%;
		margin:2%;
		width:90%;
	}

	.consumable-item{
		width:95%;
	}

	.testimonial-box{
		width:80%;
	}

	.left-contact, .right-contact, .left-form, .right-form{
		width:90%;
		margin:5%;
	}

	.consumable-item-options .btn {
		font-size: 13px;
		margin-top: 2px;
		padding: 7px;
		text-align: center;
		width: 55px;
	}

	.half{
		margin:5%;
		width:90%;
	}


}



/* phone portrait */
@media only screen and (max-width: 479px) {
	img.social-icon {
		width:25px;
		height:25px;
	}
	.mobile-hide {display:none;}
	.mobile-hide2 {display:none;}

	.gs-snippet {
		padding: 10px;
		font-size: 14px;
		font-family: 'Lato', sans-serif;
		color: #201d19;
		line-height: 1.4em;
		height:87px!important;
		width:241px; overflow:hidden;
	}
	.gsc-result {
		float: left;
		width: 100%;
		border: 1px solid #ccc!important;
		margin-right: 3%!important;
		height: 150px;
		margin-bottom: 30px!important;
		padding:2%;
	}
	.gsc-table-result {border-bottom:#ececec solid 20px inset; height:117px!important; border-collapse:separate; width:281px; overflow:hidden;}









	.sub-overlay, .bg-wrapper{
		display:none;
	}


	select {
		background-color:#FFF;
	}
	.shopping-cart {
		font-size: 13px;
	}

	div.consumable-item-options div.right a.btn.add-to-basket{
		width:200px;

	}

	.deliveryOption{
		width:190px;
	}


	.basket-third{
		width:90%;
		margin-bottom:20px;
	}

	.blue-arrow{
		display:none;
	}

	.desktop-menu{
		display:none;
	}

	.mega-menu{
		display:block;
		text-align:center;
		padding-top:10px;
		padding-bottom:10px;
	}

	.container, .sub-container,  .cycle-slideshow {
		width:320px;
	}

	.main-container{
		width:300px;
		padding:10px;
	}

	.middle-slideshow img{
		min-width:768px;
	}

	.main-menu li {
		float: left;
		padding: 27px 12px 27px 12px;
		text-align: center;
	}

	.top-menu {

		width: 320px;
	}

	.logo-bar-logo img{
		width:170px;
		margin-top:10px;
	}

	.cycle-slideshow{
		max-width:768px;
	}

	.large-menu-other{
		width:768px;
		margin-left:-10px;
	}

	.hardwareSections{
		display:none;
	}


	.hardwareMain{
		width:748px;
	}

	.hardware-logos{
		width:513px;
	}

	.header-overlay{
		height: 172px;
	}

	.footer-logos{
		width:100%;
	}

	.strapline{
		display:none;
	}

	.social-icons{
		display:none;
	}

	.footer-images{
		display:none;
	}

	html body div.wrapper div.container div.main-container.clearfix.training div.one-third img{
		width:100%;
	}

	.hardware-header-image img{
		width:100%;
	}

	.twitter-circle, #social-map{
		display:none;
	}

	.welcome-back{
		display:none;
	}

	div.consumable-item-options div.left{
		display:none;
	}

	#homepage-slider{
		display:none;
	}

	.logo-bar-other {
		width: 140px;
	}

	.hideOnMobile{
		display:none;
	}

	.showOnMobile{
		display:block;
	}

	.two-thirds, .two-thirds-padding{
		width:100%;
	}

	.right-border{
		border:0;
		margin:0;
		padding:0;
	}


	.one-third{
		width:100%;
		margin-top:10px;
	}

	.big-btn{
		display:none;
	}

	.footer{
		padding:10px;

	}

	.quarter h3{
		font-size:15px;
	}

	.left-footer, .right-footer{
		width:100%;
		padding-right:0;
		border:0;
	}

	.testimonial-large, .quick-spec, .btn-footer{
		display:none;
	}

	.testimonial-item{
		padding:2%;
		margin:2%;
		width:90%;
	}

	.testimonial-item-about img, .hardware-image img{
		width:100%;
	}

	.hardware-item{
		padding:2%;
		margin:2%;
		width:90%;
	}

	.consumable-item{
		width:95%;
	}

	.testimonial-box{
		width:80%;
	}

	.left-contact, .right-contact, .left-form, .right-form{
		width:90%;
		margin:5%;
	}

	.consumable-item-options .btn {
		font-size: 13px;
		margin-top: 2px;
		padding: 7px;
		text-align: center;
		width: 55px;
	}

	.half{
		margin:5%;
		width:90%;
	}

}


@media only screen and (max-width: 978px) {
	#callbackForm div.form-section {
		text-align: center;
	}

	#callbackForm span, #callbackForm div.form-section>input, #callbackForm textarea{
		display: block;
		width: 90%;
		margin: 0 auto 0.5em auto;
	}

	#callbackForm div.form-section>input#cbHard, #callbackForm div.form-section>input#cbCons, #callbackForm div.form-section>input#cbEcom{
		display: inline;
	}

	#callbackForm div.form-section>input[type=submit] {
		margin-bottom: 0.5em;
	}

	#callbackForm div.form-section-float {
		width: 90%;
		float: none;
		background: none;
	}

	#callbackForm div.form-section-float>span {
		padding: 0.2em 0 0 0;
	}

	.inline-div {
		display: block;
	}
}