.col-12{
    width:100%;
    flex:0 0 100%;
}
/* Small devices (landscape phones, 576px and up)*/

@media only screen and (min-width: 300px) and (max-width: 575px)   {
  
    
    .xs-mb30{
	margin-bottom: 30px;
}
.col-xs-1 {width: 8.33%;}
.col-xl-2 {width: 16.66%;}
.col-xl-3 {width: 25%;}
.col-xl-4 {width: 33.33%;}
.col-xl-5 {width: 41.66%;}
.col-xl-6 {width: 50%;}
.col-xl-7 {width: 58.33%;}
.col-xl-8 {width: 66.66%;}
.col-xl-9 {width: 75%;}
.col-xl-10 {width: 83.33%;}
.col-xl-11 {width: 91.66%;}
.col-xs-12 {width: 100%;}
}
/* Small devices (landscape phones, 576px and up)*/

@media only screen and (min-width: 576px) and (max-width: 767px) { 
    .sm-mb30{
	margin-bottom: 30px;
}
.col-sm-1{
	
}
.col-sm-12{
	width:100%;
}
}

/* Medium devices (tablets, 768px and up)*/
@media only screen and (min-width: 768px) and (max-width: 991px) { 
    .md-mb30{
	margin-bottom: 30px;
}
.col-md-12{
	width:100%;
}

}

/*/ Large devices (desktops, 992px and up)*/
@media (min-width: 992px) { 
.col-lg-1{
	
}
.col-lg-12{
	width:100%;
}
}

/* X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { 
.col-xl-1{
	
}

}

/* XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) { 
.col-xxl-1{
	
}

}