/*------------------------------------------------------------------
[Master Stylesheet]

Project: CoonCook 
Version: 1.1
Creat: 8/07/2014 [fixed]
Last change: 16/07/2014 [fixed]
Assigned to: Mike Prestazill  
-------------------------------------------------------------------*/

/* Basic css */


@import "bootstrap-theme.css";
@import "bootstrap.css";
@import "font-awesome.min.css";
@import "style.css";
@import "minimal.css";


/* Additional css */

@import "yamm.css";
@import "jquery-ui.css";
@import "jquery.ui.slider.css";
@import "flexslider.css";
@import "animate.css";
@import "hover.css";
@import "jquery.selectbox.css";
@import "responsive.css";


/* Please use this file to be debugged or modified */

 @import "debugging.css"; 

#gallery {
    -moz-column-count: 3;
    -moz-column-gap: 20px;
    -webkit-column-count: 3;
    -webkit-column-gap: 20px;
    column-count: 3;
    column-gap: 20px;
    width: 100%; }

    #gallery .gallery-item {
        display: inline-block; /* Display inline-block, and absolutely NO FLOATS! */
        margin-bottom: 20px;
        width: 100%; }

@media (max-width: 800px) {
	#gallery {
    -moz-column-count: 2;
    -moz-column-gap: 5px;
    -webkit-column-count: 2;
    -webkit-column-gap: 5px;
    column-count: 2;
    column-gap: 5px;
    width: 100%; }
} 
@media (max-width: 360px) {
    #gallery {
    -moz-column-count: 1;
    -moz-column-gap: 5px;
    -webkit-column-count: 1;
    -webkit-column-gap: 5px;
    column-count: 1;
    column-gap: 5px;
    width: 100%; }
}