/*

@media (min-width: 239px) {
.col-240 {
color: red;
}	
	
}*/
@media (max-width: 360px) {
.col-360-12 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  color: red;
}
.col-360-6 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}
}
@media (max-width: 320px) {
.col-320 {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
  
  color: red;
}
.d-320-none {
  display: none !important;
}
}
@media (max-width: 240px) {

.col-240 {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
  
  color: blue;
}

.col-240-12 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  
  padding-right: 0px!important;
padding-left: 0px!important;
}
.d-240-none {
  display: none !important;
}
}