body{background-color:#fff;}
.left{float:left;
    width:19%;
    background-color:#fff;
    padding:1 0 20 1;
    min-height:100%;
    border-right:1px #dedede solid;}
.right{float:right;
    width:79%;
    background:#fff;
    padding:1 0 20 1;}

.left ul{margin:0 0 20 0;}
.gaming-heads{font-family:sans-serif;
    font-size:15px;
    font-weight:700;
    margin:10 0 5 7;}
.gaming-li{margin:3 0 3 0;
    padding:0 0 0 17;
    color:#666;
    font-size:15px;
    cursor:pointer;}       
.gaming-li:hover{color:orange;}  

/*heads of states*/
.heads-of-states{text-align:center;
    margin:0 0 50 0;
    padding:0 0 10 0;
    border-bottom:1px #ececec solid;}   
.heads-of-states h1{margin:10 0 4 0;
    font-size:25px;
    color:#777;}
.heads-of-states p{margin:0 0 20 0;
    font-size:10px;}
.banner{height:110px;
    overflow:hidden;
    }
.banner img{height:100%;
    width:auto;}   


/*curtains*/
 .curtain-bar{padding:20 0;
    margin:5 0 20 0;
    box-sizing:border-box;
    border-bottom:1px #dedede solid;}
    
.curtain-one,.curtain-two{display:inline-block;
    vertical-align:top;
    margin:0 0 0 10;}
.curtain-one{width:240px;
    height:200px;
    overflow:hidden;
    text-align:center;
    padding:1px;
}		
.curtain-two{width:65%;}		
    
/*NOTE: remove curtain-one image as it was replaced by social media vice*/    
.curtain-one img{width:auto;
    height:100%;}	
.curtain-head{margin:0 0 10 0;}
.curtain-two p{font-size:14px;
    color:#999;}
.curtain-two h1{margin:10 0 4 0;
    font-size:25px;
    color:#777;}

/*PHONE*/
@media only screen and (min-width :10px) and (max-width: 319px){
    .curtain-one,.curtain-two{display:block;}
    .curtain-one{margin:10 auto;}
    .curtain-two{width:90%;
        margin:10 auto;}
    .curtain-two p{font-size:12px;
        line-height:18px;}	
}
@media only screen and (min-width :320px) and (max-width: 380px){
    .curtain-one,.curtain-two{display:block;}
    .curtain-one{margin:10 auto;}
    .curtain-two{width:90%;
        margin:10 auto;}
    .curtain-two p{font-size:13px;
        line-height:18px;}	
}
@media only screen and (min-width :381px) and (max-width: 480px){
    .curtain-one,.curtain-two{display:block;}
    .curtain-one{margin:10 auto;}
    .curtain-two{width:90%;
        margin:10 auto;}
    .curtain-two p{font-size:13px;
        line-height:18px;}
}
@media only screen and (min-width :481px) and (max-width: 720px){
    .curtain-one,.curtain-two{display:block;}
    .curtain-one{margin:10 auto;}
    .curtain-two{width:90%;
        margin:10 auto;}
    .curtain-two p{font-size:13px;
        line-height:18px;}
}
@media only screen and (min-width :721px) and (max-width: 1001px){
    .curtain-one{width:200px;
        height:150px;}
    .curtain-two{width:60%;}
    .curtain-two p{font-size:13px;
        line-height:18px;}
}



/*top picks*/
.top-picks{padding:0 0 40 0;
    margin:0 0 20 0;
    border-bottom:1px #dedede solid;}   

/*products*/
.product-housing{display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-row-gap:30px;}     
.product-pod{width:92%;
    padding:0 0 25 0;
    margin:0 auto 0 auto;
    text-align:left;
    overflow:hidden;}
.product-image-holder{height:160px;
    background-color:#fff;
    overflow:hidden;
    text-align:center;}    
.product-image-holder img{width:auto;
    height:100%;
    transition:transform .2s;
    cursor:pointer;} 
.marleft{padding:0 0 0 5;}		
 
 .product-info{padding:1 0 0 5;}  

.productname{font-size:14px;
                color:#666;
                margin:5 0 0 0 ;
                line-height:20px;
                font-family:georgia;}              
.product-company{margin:1 0 0 0 ;
    color:#c4c4c4;
    font-size:10px;
    font-style:italic;}	      
.condition{margin:12 0 0 0;
    width:65px;
    font-family:verdana;
    font-size:11px;
    background-color:#f1f1f1;
    color:#999;
    padding:0 1 0 4;}        
.swapoption{background-color:#f1f1f1;
    color:#303030;
    padding:2 1;
    margin:2 0;
    font-size:10px;
    width:70%;
}    
.delivery-time{font-size:11px;
    font-family:arial;
    margin:10 0 0 0;
    color:#777;}
.time-to{color:#fe74ac;
    font-size:10px;
    font-weight:600;
    font-family:arial;}
.days-from-2day{color:#fe74ac;
    font-family:arial;
    font-size:10px;
    font-weight:600;}   



/**/
        .initial-price{margin:5 0 5 0;}
        .initial-ksh{color:#bababa;
            font-size:10px;}    
        .initial-pricing{text-decoration:line-through;
            color:#c3c3c3;
            font-size:16px !important;}    

        .prices{margin:1 0 0 0;}
        .ksh{font-size:11px;
            color:#555;}
        .pricing{font-size:22px;
            color:#333;}	
        .delivery-time{font-size:11px;
            font-family:arial;
            margin:10 0 0 0;
            color:#777;}
        .time-to{color:#fe74ac;
            font-size:10px;
            font-weight:600;
            font-family:arial;}
         .days-from-2day{color:#fe74ac;
            font-family:arial;
            font-size:10px;
            font-weight:600;}    
.product-pod:hover{background-color: #f5f5f5;}
.product-pod:hover .product-name{color:#b87700;}
.product-pod:hover .productname{color:#888;}		
.product-pod:hover .pricing{color:#999;}	
.product-pod:hover .product-image-holder img{transform:scale(1.1);}     
    

/*stars*/    
.star-wars{overflow:visible;}
.pr-rev-stars,.review-mean{display:inline-block;
    vertical-align:middle;
    color:#666;}
.pr-rev-stars{width:111px;
    height:25px;
    background-color:#c9c9c9;
    position:relative;}
.star-progress-bar{background-color:#ffa400;
    width:50%;
    height:25px;}
.sul{background-color:white;
    position:absolute;
    top:0;
    left:0;
    mix-blend-mode:screen;
    height:25px;
    width:111px;
    overflow:visible;
    text-align:center;}
.sul li{display:inline-block;
    font-size:20px;
    margin:0 -1 0 -1;
    padding:0 0 0 0;
    height:100%;}
.span-two{font-size:12px;
    font-family:sans-serif;
    letter-spacing:1px;}	
    

/*paginations*/
.pagination{text-align:center;
    margin:20 0 20 0;}
.pagination ul li{display:inline-block;}
.pagination button{background-color:#e3e3e3;
    border:1px #d4d4d4 solid;
    padding:3 5 3 5;
    color:#555;}     
.pagination button:hover{background-color:#d1d1d1;} 


/*...*/
.page-description{margin:50 0 50 0;}
.page-description h2{margin:0 0 10 0;
    color:#777;
    font-size:14px;
    text-decoration:underline;}
.page-description p{color:#b0b0b0;
    font-size:12px;
    font-family:sans-serif;
    width:80%;
    line-height:17px;
    text-indent:18px;}


/*PHONE*/
@media only screen and (min-width :10px) and (max-width: 319px){
    .right,.left{float:none;
        width:100%;
        min-height:initial;
        border:none;
        margin:0 auto 0 auto;}
    .banner{display:none;}    
    .product-housing{display:block;}  
    .product-pod{width:80%;
        margin:20 auto 20 auto;}  
    .product-image-holder{border:1px #ebebeb solid;}        
}
@media only screen and (min-width :320px) and (max-width: 380px){
    .right,.left{float:none;
        width:98%;
        min-height:initial;
        border:none;
        margin:0 auto 0 auto;}
    .banner{display:none;}    
    .product-housing{display:block;}  
    .product-pod{width:70%;
        margin:20 auto 20 auto;} 
    .product-image-holder{border:1px #ebebeb solid;}          
}
@media only screen and (min-width :381px) and (max-width: 480px){
    .right,.left{float:none;
        width:98%;
        min-height:initial;
        border:none;
        margin:0 auto 0 auto;}
    .banner{display:none;}    
    .product-housing{grid-template-columns: repeat(2, 1fr);} 
    .product-image-holder{border:1px #ebebeb solid;
        height:135px;}            
}
@media only screen and (min-width :481px) and (max-width: 720px){
    .left{width:29%;}
    .right{width:68%;}
    .banner{height:50px;}    
    .product-housing{grid-template-columns: repeat(2, 1fr);}   
    .gaming-heads{font-size:12px;}
    .gaming-li{font-size:12px;}
    .product-image-holder{border:1px #ebebeb solid;
        height:130px;}      
}
@media only screen and (min-width :721px) and (max-width: 1001px){
    .banner{height:50px;} 
    .gaming-heads{font-size:12px;}
    .gaming-li{font-size:12px;}
    .product-housing{grid-template-columns: repeat(3, 1fr);} 
    .product-pod{width:95%;} 
    .product-image-holder{height:140px;}   
}