@import url('base.css');

/* Make the thubms tile on the left */
.pika-thumbs li{width: 65px; height:65px; }
.pikachoose {width: 1020px; margin: 0 auto;position:relative;}
.pika-stage {float:left;background:none;border:none; text-align:left;margin-top:15px;}

.pika-thumbs {margin: 0px 0 0 10px; width:200px; overflow:auto; height:70%;width:190px;}
.pika-thumbs li {margin: 10px 10px; border:1px solid black;padding:0}


  @media only screen and (min-width: 1048px) and (max-width: 1440px) {
     
     
     .pika-stage {
				width: 70%;
				
             
			}
          .pika-stage img{
				height: 500px;
			}
     }

 @media only screen and (min-width: 770px) and (max-width: 1047px) {
     
     
     .pika-stage {
				width: 70%;
				
             
			}
          .pika-stage img{
				height: 300px;
			}
     }


@media only screen and (min-width: 570px) and (max-width: 768px) {
     .pika-stage  {
				width: 90%;
				text-align:center;
      
             
			}
          .pika-stage img{
				height: 300px;
                 margin-left:0px;
         padding-left:0px; 
			}
         .capt{padding-left:10px;}
         .pika-thumbs {display:none;}
    
    
}

     @media only screen and (max-width: 568px) {
     
     
     .pika-stage  {
				width: 90%;
				height: 200px;
         text-align:center;
      
             
			}
         
         
          .pika-stage img{
              
				height: 200px;
                 margin-left:0px;
         padding-left:0px; 
			}
         .capt{padding-left:10px;}
         .pika-thumbs {display:none;}
         

     }
@media only screen and (max-height: 320px) {
    .pika-stage  {
				width: 90%;
				height: 150px;
         text-align:center;
      
             
			}
          .pika-stage img{
				height: 150px;
                 margin-left:0px;
         padding-left:0px; 
			}
         .capt{padding-left:10px;}
         .pika-thumbs {display:none;}
    
}