/*
 * BMo-Design's ScrollGallery ExampleCSS
 */
 
.scrollgallery {
	font-family: "Arial";
	font-size: 14px;
	line-height: 20px;
	margin: 0 -10px 10px;
	padding: 10px 0 0;
	position: relative;/*has to be postion:relativ or static*/
    width: auto !important; /*change this*/	
}


    .scrollgallery .imageareaContent {
    	white-space: nowrap;       /* important */
    }
    
    
        .scrollgallery .imageareaContent .caption_container{
        	display: inline;
        	position: relative;
        }
        
        
            .scrollgallery .imageareaContent .caption_container div {
            	background: #fff;
            	opacity: 0.7;
            	padding: 5px 10px;
            	position: absolute; bottom: 10px; left: 0;
            	z-index: 1;
            }
            
            
            .scrollgallery .imageareaContent img {
            	background: url(../ajax-loader.gif) center center no-repeat;
                height: auto !important;
                max-width: 100% !important;
                width: 100% !important;
            }
    
    


.scrollgallery .scrollGalleryFoot {
	margin: 10px 0 0 0;
    overflow: hidden;
}


    .scrollgallery .thumbareaContent {
     	white-space: nowrap;       /* important */	 
    }


        .scrollgallery .thumbareaContent img {
        	cursor: pointer;
        	margin: 0 10px 0 0;
        }
        
        .scrollgallery .thumbareaContent img:last-child {
            margin: 0;
        }
        
        
        
@media screen and (max-width: 768px) {
    
    .scrollgallery .scrollGalleryFoot {
        overflow-x: scroll;
    }
    
}