* {
    padding:0;
     margin:0;
     -moz-box-sizing:    border-box;
  -webkit-box-sizing:    border-box;
       -o-box-sizing:    border-box;
          box-sizing:    border-box;
}
.gridid {
  margin: 0 6%; 
}
.gridid:after {
  content: "";
  display: table;
  clear: both;
}
.gridid [class*='col-'] {
  float: left;
}
.gridid-pad [class*='col-'] {
  padding-right: 20px;
  padding-bottom: 20px;
}
.newscolorwrap {
  margin: 0 6%;    
}
.newscolor {
  margin-bottom: 80px;
  position: relative;
}
.gridcolor {
  margin-bottom: 80px;
  background-color: #fff;
}
.gridid-filter {
   padding: 40px 0 40px 0;
  margin: 0 6%;
}
.gridid-pad {
  /* padding: 10px 5px;  */
}
.col-1-1, 
.col-2-3, 
.col-1-3,
.col-1-2,
.col-1-4, 
.col-1-8,
.col-3-4 {
  width: 100%; 
}
.moduleleft {
  padding: 0;
}
.moduleright {
  padding: 0;
}
    @media screen and (min-width:440px) { 
	    .col-1-4, 
      .col-1-8 {
      width: 50%;
      }
      /*.col-1-4:nth-child(2n+1) {
    	clear: both;
      }*/
    }
            @media screen and (min-width:620px) { 
               .col-1-2 {
              width: 50%;
              }
               .col-1-4 {
                 width: 25%;
                }
              .moduleleft {
                padding: 20px 40px 20px 0;
              }
              .moduleright {
                padding: 20px 0px 20px 40px;
              }
          }


         @media screen and (min-width:800px) {  
            .col-3-4 {
            width: 75%;
            }
            .col-2-3 {
            width: 66.66%;
            }
            .col-1-3 {
            width: 33.33%;
            }
            .col-1-8 {
            width: 25%;
            }
          }
             @media screen and (min-width:1000px) {  
                .col-1-2 {
                width: 50%;
                }
                
                .col-1-4:nth-child(2n+1) {
    			       clear: none;
      			     }
                .col-1-8 {
                 width: 12.5%;
                }
              }