@charset "utf-8";
/* CSS Document */

/*DROPDOWN ENDS HERE*/
/*LHN ENDS HERE*/
/*RESPONSIVE*/
@media (max-width:$screen-xs-max){}@media (min-width:$screen-sm){}@media (min-width:$screen-sm){}
@media (max-width: 880px){
.LHN {
display:none;
}

.MobileDropDown{
	display: inline-flex;
	flex-wrap: wrap;
	flex-direction: row;
	max-width: 900px;
	width: 100%;
	height:100%;
	box-sizing: border-box;
	margin-left: 0%!Important;
	margin-top:0%!important;
	font-family: 'GothambBook'!Important;
	font-size: 14px!Important;
	position: absolute;
	z-index:15;

	}

.RefineByCategory {
    display: inline-flex;
    flex-wrap: wrap;
    flex-direction: column;
    width: 47%;
    box-sizing: border-box;
    margin-left: 6%!Important;
    margin-top: 0%!important;
    position: absolute;
    /* z-index: 25; */
    background: #fff;
}
.btn-dropdownMobile1{z-index:17;}
/*.btn-dropdownMobile1:after{
content:' ▼';
margin-left: 10%;
margin-top: -2.5em!important;
color:#fff;
position: absolute;
}*/
.btn-dropdownMobile1 p {
    background-color: #979797;
    width: 100%;
    margin-left: 0% !important;
    padding-left: 72px;
    padding-top: 4%;
    padding-bottom: 4%!important;
    color: #fff;
    text-shadow: 0.1px 0.1px #fff;
    font-size: 15px!important;
    background-image: url(../img/menu.png);
    background-repeat: no-repeat;
    background-position: 10% 49%;
}

.dropdownMobile1 {
    display: inline-block;
    width: 100%;
    border-left: 1px solid #cbcbcb !important;
    border-right: 1px solid #cbcbcb !important;
    border-bottom: 1px solid #cbcbcb !important;
    border-top: 1px solid #cbcbcb !important;
    box-shadow: 1px 1px 1px -1px #cbcbcb;
    line-height: 2em;
    padding-left: 20px;
    height: 100%;
}
.dropdownMobile1-overlay{
 display:none;
 position:fixed;
 top:0;right:0;bottom:0;left:0;z-index:1}
.dropdownMobile1-inner{
 background:#fff;
  border-radius:3px;
  position:relative;
  padding:20px;
  opacity:0;
  transition:opacity .3s,visibility .3s;visibility:hidden;
  z-index:2;
 display: none;
}
#RefineCategory1 > a:nth-child(1){
 color:black;
 font-size: 17px;
}
#RefineCategory1 > a:nth-child(1):hover{
 color:black;
 font-size: 17px;
 text-decoration: underline;
}
#RefineCategory2 > a:nth-child(1){
 color:black;
 font-size: 17px;
}
#RefineCategory2 > a:nth-child(1):hover{
 color:black;
 font-size: 17px;
 text-decoration: underline;
}
#RefineCategory3 > a:nth-child(1){
 color:black;
 font-size: 17px;
}
#RefineCategory3 > a:nth-child(1):hover{
 color:black;
 font-size: 17px;
 text-decoration: underline;
}
#RefineCategory4 > a:nth-child(1){
 color:black;
 font-size: 17px;
}
#RefineCategory4 > a:nth-child(1):hover{
 color:black;
 font-size: 17px;
 text-decoration: underline;
}
#RefineCategory5 > a:nth-child(1){
 color:black;
 font-size: 17px;
}
#RefineCategory5 > a:nth-child(1):hover{
 color:black;
 font-size: 17px;
 text-decoration: underline;
}
#RefineByOther1 > a:nth-child(1){
	color:black;
 font-size: 17px;
}
#RefineByOther1 > a:nth-child(1):hover{
    color:black;
 font-size: 17px;
 text-decoration: underline;
}
#RefineByOther2 > a:nth-child(1){
	color:black;
 font-size: 17px;
}
#RefineByOther2 > a:nth-child(1):hover{
    color:black;
 font-size: 17px;
 text-decoration: underline;
}
#RefineByOther3 > a:nth-child(1){
	color:black;
 font-size: 17px;
}
#RefineByOther3 > a:nth-child(1):hover{
    color:black;
 font-size: 17px;
 text-decoration: underline;
}
#RefineByOther4 > a:nth-child(1){
	color:black;
 font-size: 17px;
}
#RefineByOther4 > a:nth-child(1):hover{
    color:black;
 font-size: 17px;
 text-decoration: underline;
}
#RefineByOther5 > a:nth-child(1){
	color:black;
 font-size: 17px;
}
#RefineByOther5 > a:nth-child(1):hover{
    color:black;
 font-size: 17px;
 text-decoration: underline;
}
#RefineByOther6 > a:nth-child(1){
	color:black;
 font-size: 17px;
}
#RefineByOther6 > a:nth-child(1):hover{
    color:black;
 font-size: 17px;
 text-decoration: underline;
}
.dropdownMobile1-open{
	margin-left:20%;
}
.dropdownMobile1-hover:hover .dropdownMobile1-inner,
.dropdownMobile1-open:checked ~ .dropdownMobile1-inner{
opacity: 100;
visibility: visible;
display: block;
width: 100%;
padding-left: 10%;
padding-top: 7px;
padding-bottom: 7px;
}

.dropdownMobile1-open:checked ~ .dropdownMobile1-inner:hover{
color:white;
text-decoration:none;}
.dropdownMobile1-hover:hover .dropdownMobile1-overlay,.dropdownMobile1-open:checked ~ 
.dropdownMobile1-overlay{display:block;
	}

.RefineByOther {
    display: inline-flex;
    flex-wrap: wrap;
    flex-direction: column;
    width: 47%;
    box-sizing: border-box;
    margin-left: 53%!important;
    margin-top: 0%!important;
    position: absolute;
    /* z-index: 25; */
    background: #fff;
}
.btn-dropdownMobile2{z-index:19;}
/*.btn-dropdownMobile2:after{
content:' ▼';
margin-left: 80%;
margin-top: -2.5em!important;
color:#fff;
position: absolute;
}*/
.btn-dropdownMobile2 p {
    background-color: #979797;
    width: 100%;
    padding-left: 36% !important;
    padding-top: 4%;
    padding-bottom: 4%!important;
    color: #fff;
    text-shadow: 0.1px 0.1px #fff;
    font-size: 15px!important;
    background-image: url(../img/menu.png);
    background-repeat: no-repeat;
    background-position: 10% 49%;
}

.dropdownMobile2{
display:inline-block;
width: 100%;
border-left: 1px solid #cbcbcb !important;
border-right: 1px solid #cbcbcb !important;
border-bottom:1px solid #cbcbcb !important;
border-top:1px solid #cbcbcb !important;
box-shadow:1px 1px 1px -1px #cbcbcb;
line-height: 2em;
height:100%;}
.dropdownMobile2-overlay{
 display:none;
 position:fixed;
 top:0;right:0;bottom:0;left:0;z-index:1}
.dropdownMobile2-inner{
 background:#fff;
  border-radius:3px;
  position:relative;
  padding:20px;
  opacity:0;
  transition:opacity .3s,visibility .3s;visibility:hidden;
  z-index:2;
 display: none;
}


.dropdownMobile2-hover:hover .dropdownMobile2-inner,
.dropdownMobile2-open:checked ~ .dropdownMobile2-inner{
opacity: 100;
visibility: visible;
display: block;
width: 100%;
padding-left: 10%;
padding-top: 7px;
padding-bottom: 7px;

}


.dropdownMobile2-hover:hover .dropdownMobile2-overlay,.dropdownMobile2-open:checked ~ 
.dropdownMobile2-overlay{display:block;
	
}

.dropdownMobile1 p:focus,.dropdownMobile1 p:hover,
.dropdownMobile2 p:focus,.dropdownMobile2 p:hover {
background-color:#e61b1f;
}


.dropdownMobile2-open:checked ~ .btn-dropdownMobile2 {
	background-color:red;
}
/*DROPDOWN ENDS HERE*/
.CategoryPageBanner {
    margin-top: 12% !important;
    margin-bottom:15em!important;}
/*.CategoryPageBanner:before{
content:'FREE SHIPPING ON ALL UK ORDERS';
color:#fff;
background-color: #4796ce;
background-image:url(../Asus/img/truck.png);
background-repeat:no-repeat;
background-position:22% 10%;
background-origin:border-box;
display:inline-flex;
width:100%;
height:2em;
overflow:hidden;
position:absolute;
margin-top:-2.9em;
padding-left:35%;
padding-top:0.5em;
}
.CategoryPageBanner:after{content:'';
color:#fff;
background-color:transparent;
background-image:url(../Asus/img/ClickCollectResponsive.jpg);
background-repeat:no-repeat;
background-origin:border-box;
background-size:contain;
display:block;
width:100%;
height:10em;
overflow:hidden;
position:absolute;
margin-top:12em;
left:0;}*/


}

@media (max-width: 440px){
.btn-dropdownMobile1 p,.btn-dropdownMobile2 p{font-size: 13px!important;}
.RefineByCategory {
    display: inline-flex;
    flex-wrap: wrap;
    flex-direction: column;
    width: 45.5%;
    box-sizing: border-box;
    margin-left: 9%!Important;
    margin-top: 0%!important;
    position: absolute;
    /* z-index: 25; */
    background: #fff;

}
.RefineByOther {
    display: inline-flex;
    flex-wrap: wrap;
    flex-direction: column;
    width: 45.5%;
    box-sizing: border-box;
    margin-left: 54%!important;
    margin-top: 0%!important;
    position: absolute;
    /* z-index: 25; */
    background: #fff;
}
}

@media (max-width: 320px){
.btn-dropdownMobile1 p,.btn-dropdownMobile2 p{font-size: 13px!important;}
.RefineByCategory {
    display: inline-flex;
    flex-wrap: wrap;
    flex-direction: column;
    width: 45.5%;
    box-sizing: border-box;
    margin-left: 9%!Important;
    margin-top: 0%!important;
    position: absolute;
    /* z-index: 25; */
    background: #fff;

}
.RefineByOther {
    display: inline-flex;
    flex-wrap: wrap;
    flex-direction: column;
    width: 45.5%;
    box-sizing: border-box;
    margin-left: 54%!important;
    margin-top: 0%!important;
    position: absolute;
    /* z-index: 25; */
    background: #fff;
}
.btn-dropdownMobile1 p {
    background-color: #979797;
    width: 100%;
    padding-left: 36% !important;
    padding-top: 4%;
    padding-bottom: 4%!important;
    color: #fff;
    text-shadow: 0.1px 0.1px #fff;
    font-size: 15px!important;
    background-image: url(../img/menu.png);
    background-repeat: no-repeat;
    background-position: 10% 49%;
    background-size: 19px;
}
.btn-dropdownMobile2 p {
    background-color: #979797;
    width: 100%;
    padding-left: 36% !important;
    padding-top: 4%;
    padding-bottom: 4%!important;
    color: #fff;
    text-shadow: 0.1px 0.1px #fff;
    font-size: 15px!important;
    background-image: url(../img/menu.png);
    background-repeat: no-repeat;
    background-position: 10% 49%;
    background-size: 19px;
}
#ds_div > div > div:nth-child(1) > div.p-mainnav > div > div.RefineByCategory > div > label.btn.btn-dropdownMobile1 > p {
    font-size: 13px !important;
}
#ds_div > div > div:nth-child(1) > div.p-mainnav > div > div.RefineByOther > div > label.btn.btn-dropdownMobile2 > p {
    font-size: 13px !important;
}
}

tr.Partner, tr.Addon, tr.Microsoft, tr.Popular, tr.Bundle, tr.Shopping, tr.Brand, tr.Trade, tr.Trade-in, tr.Norton.Antivirus{
	display:none;}
	
#tab-content2 > table > tbody > tr.Website.Variation{display:none !important;}
#tab-content2 > table > tbody > tr.Processor_Type{display:none !important;}
#tab-content2 > table > tbody > tr.Product.Line{display:none !important;}
#tab-content2 > table > tbody > tr.Specs.Table {display:none !important;}
#tab-content2 > table > tbody > tr.Platform{display:none !important;}
#tab-content2 > table > tbody > tr.Extra.Promotion{display:none !important;}
#tab-content2 > table > tbody > tr.Specs.Table > th{display:none !important;}
#tab-content2 > table > tbody > tr.Student.Discount.Bullet > th{display:none !important;}
#tab-content2 > table > tbody > tr.Student.Discount.Bullet{display:none !important;}
#tab-content2 > table > tbody > tr.Cashback.Tag{display:none !important;}
#tab-content2 > table > tbody > tr.Freebies{display:none !important;}
#tab-content2 > table > tbody > tr.BullGuard{display:none !important;}

#tab-content2 > table > tbody > tr.NVIDIA.Logo{display:none !important;}
.NVIDIA.Logo{display:none !important;}
#tab-content2 > table > tbody > tr.Extra.Promotion{display:none !important;}
.Extra.Promotion{display:none !important;}

#tab-content2 > table > tbody > tr.google_category{display:none !important;}
.google_category{display:none !important;}

#tab-content2 > table > tbody > tr.custom_label2 > th{display:none !important;}
#tab-content2 > table > tbody > tr.custom_label2{display:none !important;}
.custom_label2{display:none !important;}



#tab-content2 > table > tbody > tr.custom_label1{display:none !important;}
.custom_label1{display:none !important;}

#tab-content2 > table > tbody > tr.Motherboard.Overview{display:none !important;}
.Motherboard.Overview{display:none !important;}

#tab-content2 > table > tbody > tr.Motherboard.Model.Key{display:none !important;}
.Motherboard.Model.Key{display:none !important;}

#tab-content2 > table > tbody > tr.Graphic.Card.Overview > th{display:none !important;}
.Graphic.Card.Overview{display:none !important;}

#tab-content2 > table > tbody > tr.Graphic.Card.Model.Key > th{display:none !important;}
.Graphic.Card.Model.Key{display:none !important;}

#tab-content2 > table > tbody > tr.Cashback.Tag > th{display:none !important;}
#tab-content2 > table > tbody > tr.Cashback.Tag {display:none !important;}
.Cashback.Tag{display:none !important;}


#tab-content2 > table > tbody > tr.Laptop.Model.Key > th{display:none !important;}
#tab-content2 > table > tbody > tr.Laptop.Model.Key {display:none !important;}
.Laptop.Model.Key{display:none !important;}

#tab-content2 > table > tbody > tr.google_merchant_active > th{display:none !important;}
#tab-content2 > table > tbody > tr.google_merchant_active{display:none !important;}
.google_merchant_active{display:none !important;}

#tab-content2 > table > tbody > tr.Graphics.CardConfig > th{display:none !important;}
#tab-content2 > table > tbody > tr.Graphics.CardConfig{display:none !important;}
.Graphics.CardConfig{display:none !important;}


#tab-content2 > table > tbody > tr.Free.Norton > th{display:none !important;}
#tab-content2 > table > tbody > tr.Free.Norton{display:none !important;}
.Free.Norton{display:none !important;}

#tab-content2 > table > tbody > tr.Norton_Antivirus > th{display:none !important;}
#tab-content2 > table > tbody > tr.Norton_Antivirus{display:none !important;}
.Norton_Antivirus{display:none !important;}

#tab-content2 > table > tbody > tr.MPN > th{display:none !important;}
#tab-content2 > table > tbody > tr.MPN{display:none !important;}
.Norton_Antivirus{display:none !important;}

#tab-content2 > table > tbody > tr.bullet_6 th{display:none !important;}
#tab-content2 > table > tbody > tr.bullet_6{display:none !important;}
.bullet_6{display:none !important;}

.tabs [id^="tab"]:checked+ label {
    background: #3665f3;
    color: #fff;
}