#cns_preview {
    position: fixed;
    /*position: absolute;*/
    border: 1px solid #ccc;
    background: #333;
    padding: 5px;
    display: none;
    color: #fff;
    z-index: 99999;
}

#cns_product_list {
}

.cns_socials {
    float: left;
    display: block;
    width: 12.5em;
    white-space: nowrap;
}

.cns_fb {
}
.cns_twitter {
    position: relative;
    top: 3px;
}


.cns_row {
  display: flex;
  flex-wrap: wrap;
  //padding: 10px 15px;
 // border-bottom:1px solid #e3e3e3;
}

.cns_row  :hover img{
    -ms-transform: scale(1.03); /* IE 9 */
    -webkit-transform: scale(1.03); /* Safari 3-8 */
    transform: scale(1.03);
    transition:0.9s ease;
    }

.cns_column_6 img, .cns_column_5 img, .cns_column_4 img, .cns_column_3 img, .cns_column_2 img {
  margin-top: 8px;
  vertical-align: middle;
  padding-left:0px;
  padding-right:0px;
}

.cns_column_6 {
    	background:white;
    	flex:14%;
    	max-width:16.66%;
        margin-bottom:2%;
    	margin-top:0%;
    	border:1px solid  #eee;
    	padding-top:10px;
    	position:relative;
        }

    
    .cns_column_5 {
    	background:white;
    	flex:17%;
    	max-width:20%;
        margin-bottom:2%;
    	margin-top:0%;
    	border:1px solid  #eee;
    	padding-top:10px;
    	position:relative;
        }

    
    .cns_column_4{
    	background:white;
    	flex:22%;
    	max-width:25%;
        margin-bottom:2%;
    	margin-top:0%;
    	border:1px solid  #eee;
    	padding-top:10px;
    	position:relative;
    }


    .cns_column_3{
    	background:white;
    	flex:30%;
    	max-width:33.33%;
        margin-bottom:2%;
    	margin-top:0%;
    	border:1px solid  #eee;
    	padding-top:10px;
    	position:relative;
    }
    	
    .cns_column_2{
    	background:white;
    	flex:48%;
    	max-width:50%;
        margin-bottom:2%;
    	margin-top:0%;
    	border:1px solid  #eee;
    	padding-top:10px;
    	position:relative;
    }

.cns_column_6:nth-child(6n+1),
.cns_column_6:nth-child(6n+2),
.cns_column_6:nth-child(6n+3),
.cns_column_6:nth-child(6n+4),
.cns_column_6:nth-child(6n+5){	margin-right:2%;}


.cns_column_5:nth-child(5n+1),
.cns_column_5:nth-child(5n+2),
.cns_column_5:nth-child(5n+3),
.cns_column_5:nth-child(5n+4){
	margin-right:2%;
}
		
	

.cns_column_4:nth-child(4n+1),
.cns_column_4:nth-child(4n+2),
.cns_column_4:nth-child(4n+3){
	margin-right:2%;
}


	

.cns_column_3:nth-child(3n+1),
.cns_column_3:nth-child(3n+2){
	margin-right:2%;
}

.cns_column_2:nth-child(2n+1){
	margin-right:2%;
}

@media (min-width: 821px) and (max-width: 1156px) {

    .cns_column_4,.cns_column_5,.cns_column_6{
        flex:30%;
    	max-width:33.33%;
    	background:white;
    	border:1px solid  #eee;
    	margin-right:0px !important;
    }
    
    .cns_column_6:nth-child(3n+1), .cns_column_5:nth-child(3n+1),  .cns_column_4:nth-child(3n+1),
    .cns_column_6:nth-child(3n+2), .cns_column_5:nth-child(3n+2),  .cns_column_4:nth-child(3n+2)
    {
        margin-right:2% !important;
    }
    
    
    
    	
}


/*********************************************************************************************** @media (min-width: 361px) and  (max-width: 570px)   - main columns  *************************/

@media (min-width: 401px) and  (max-width: 820px) { 

  
  .cns_column_6, .cns_column_5, .cns_column_4, .cns_column_3, .cns_column_2 {
    flex: 48%;
    max-width: 50%;
    background:white;
    border:1px solid  #eee;
    margin-right:0px !important;
    
  }
  
    .cns_column_6:nth-child(2n+1), .cns_column_5:nth-child(2n+1),  .cns_column_4:nth-child(2n+1), .cns_column_3:nth-child(2n+1), .cns_column_2:nth-child(2n+1)
    {
        margin-right:2% !important;
    }
    
}

@media screen and (max-width: 570px) {
    .cns_row  :hover img{
        -ms-transform: scale(1.1); /* IE 9 */
        -webkit-transform: scale(1.1); /* Safari 3-8 */
        transform: scale(1.1);
        transition:0.9s ease;
	}
}


/* Responsive layout - makes a two column-layout instead of four columns 
@media screen and (max-width: 700px) {*/
@media (min-width: 360px) and (max-width: 767px) {
 .cns_row{
     padding: 0 0px;
 }
.cns_row  :hover img{
    -ms-transform: scale(1.2); /* IE 9 */
    -webkit-transform: scale(1.2); /* Safari 3-8 */
    transform: scale(1.2);
    transition:0.9s ease;
    }
}      



/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 400px) {
    
  .cns_column_6,  .cns_column_5, .cns_column_4,.cns_column_3,.cns_column_2 {
         padding:3px;
         flex: 100%;
         max-width: 100%;
         margin-left:  0px !important; 
         margin-right: 0px !important;
    }
}