/* Global */

.thumbnails { 
  list-style: none; 
  margin: 0;
  padding: 0;
  }
.thumbnails li{ 
  padding: 25px;
  }

/* Control box 
------------------------------------------------ */
.control-box {
    width: 100%;
    }
.carousel-control{
    background: #666 !important;
    border: 0px;
    border-radius: 0;
    display: inline-block;
    font-size: 80px;
    font-weight: 300;
    line-height: 38px;
    opacity: 0.2;
    padding: 30px 5px;
    margin: 45px -18px 0;
    height: 120px;
    width: 30px;
    transition: all .7s;
        }



/* Mobile only
------------------------------------------------ */
@media (max-width: 767px) {
 .thumbnails li {     
	 margin-bottom: 20px;
     display: inline-block; }   
}
@media (max-width: 479px) {
   
}

@media (max-width: 980px) and (min-width: 768px){
.carousel-control {
    background: #666 !important;
    border: 0px;
    border-radius: 0;
    display: inline-block;
    font-size: 80px;
    font-weight: 300;
    line-height: 38px;
    opacity: 0.2;
    padding: 30px 0px;
    margin: -10px -18px 0;
    height: 120px;
    width: 23px;
    transition: all .7s;
}	
 .thumbnails li {     
	 padding: 0 12px 0 12px;
     display: inline-block; 
	
}
	
}


@media (max-width: 1199px) and (min-width: 992px){
.carousel-control {
    background: #666 !important;
    border: 0px;
    border-radius: 0;
    display: inline-block;
    font-size: 80px;
    font-weight: 300;
    line-height: 38px;
    opacity: 0.2;
    padding: 30px 0px;
    margin: 10px -18px 0;
    height: 120px;
    width: 23px;
    transition: all .7s;
}	
 .thumbnails li {     
	 padding: 0 12px 0 12px;
     display: inline-block; 
	
}
	
}