.layout_row {
   clear: left;
   overflow: hidden;
}


/*------------------------*/
/*EXTRA EXTRA LARGE LAYOUT*/
/*------------------------*/
@media screen and (min-width: 1400px) {
   
   .xxl_100,
   .xxl_90,
   .xxl_80,
   .xxl_75,
   .xxl_66,
   .xxl_60,
   .xxl_50,
   .xxl_40,
   .xxl_33,
   .xxl_30,
   .xxl_25,
   .xxl_20,
   .xxl_10{
      float: left;
      margin-right: 2%;
   }
   
   .xxl_100 { width: 100%; }
   .xxl_90 { width: 89%; }
   .xxl_80 { width: 79%; }
   .xxl_75 { width: 74.5%; }
   .xxl_66 { width: 66%; }
   .xxl_60 { width: 59%; }
   .xxl_50 { width: 49%; }
   .xxl_40 { width: 39%; }
   .xxl_33 { width: 32%; }
   .xxl_30 { width: 28%; }
   .xxl_25 { width: 23.5%; }
   .xxl_20 { width: 18%; }
   .xxl_10 { width: 9%; }
   
   .xxl_100,
   .xxl_end { margin-right: 0;}
   
}


/*------------------*/
/*EXTRA LARGE LAYOUT*/
/*------------------*/
@media screen and (min-width: 1200px) and (max-width: 1399px) {
   
   .xl_100,
   .xl_90,
   .xl_80,
   .xl_75,
   .xl_66,
   .xl_60,
   .xl_50,
   .xl_40,
   .xl_33,
   .xl_30,
   .xl_25,
   .xl_20,
   .xl_10{
      float: left;
      margin-right: 2%;
   }
   
   .xl_100 { width: 100%; }
   .xl_90 { width: 89%; }
   .xl_80 { width: 79%; }
   .xl_75 { width: 74.5%; }
   .xl_66 { width: 66%; }
   .xl_60 { width: 59%; }
   .xl_50 { width: 49%; }
   .xl_40 { width: 39%; }
   .xl_33 { width: 32%; }
   .xl_30 { width: 28%; }
   .xl_25 { width: 23.5%; }
   .xl_20 { width: 18%; }
   .xl_10 { width: 9%; }
   
   .xl_100,
   .xl_end { margin-right: 0;}
   
}


/*------------*/
/*LARGE LAYOUT*/
/*------------*/
@media screen and (min-width: 992px) and (max-width: 1199px) {
   
   .l_100,
   .l_90,
   .l_80,
   .l_75,
   .l_66,
   .l_60,
   .l_50,
   .l_40,
   .l_33,
   .l_30,
   .l_25,
   .l_20,
   .l_10{
      float: left;
      margin-right: 2%;
   }
   
   .l_100 { width: 100%; }
   .l_90 { width: 89%; }
   .l_80 { width: 79%; }
   .l_75 { width: 74.5%; }
   .l_66 { width: 66%; }
   .l_60 { width: 59%; }
   .l_50 { width: 49%; }
   .l_40 { width: 39%; }
   .l_33 { width: 32%; }
   .l_30 { width: 28%; }
   .l_25 { width: 23.5%; }
   .l_20 { width: 18%; }
   .l_10 { width: 9%; }
   
   .l_100,
   .l_end { margin-right: 0;}
   
}


/*-------------*/
/*MEDIUM LAYOUT*/
/*-------------*/
@media screen and (min-width: 768px) and (max-width: 991px) {
   
   .m_100,
   .m_90,
   .m_80,
   .m_75,
   .m_66,
   .m_60,
   .m_50,
   .m_40,
   .m_33,
   .m_30,
   .m_25,
   .m_20,
   .m_10{
      float: left;
      margin-right: 2%;
   }
   
   .m_100 { width: 100%; }
   .m_90 { width: 89%; }
   .m_80 { width: 79%; }
   .m_75 { width: 74.5%; }
   .m_66 { width: 66%; }
   .m_60 { width: 59%; }
   .m_50 { width: 49%; }
   .m_40 { width: 39%; }
   .m_33 { width: 32%; }
   .m_30 { width: 28%; }
   .m_25 { width: 23.5%; }
   .m_20 { width: 18%; }
   .m_10 { width: 9%; }
   
   .m_100,
   .m_end { margin-right: 0;}
   
}


/*------------*/
/*SMALL LAYOUT*/
/*------------*/
@media screen and (min-width: 576px) and (max-width: 767px) {
   
   .s_100,
   .s_90,
   .s_80,
   .s_75,
   .s_66,
   .s_60,
   .s_50,
   .s_40,
   .s_33,
   .s_30,
   .s_25,
   .s_20,
   .s_10{
      float: left;
      margin-right: 2%;
   }
   
   .s_100 { width: 100%; }
   .s_90 { width: 89%; }
   .s_80 { width: 79%; }
   .s_75 { width: 74.5%; }
   .s_66 { width: 66%; }
   .s_60 { width: 59%; }
   .s_50 { width: 49%; }
   .s_40 { width: 39%; }
   .s_33 { width: 32%; }
   .s_30 { width: 28%; }
   .s_25 { width: 23.5%; }
   .s_20 { width: 18%; }
   .s_10 { width: 9%; }
   
   .s_100,
   .s_end { margin-right: 0;}
   
}


/*------------------*/
/*EXTRA SMALL LAYOUT*/
/*------------------*/
@media screen and (min-width: 480px) and (max-width: 575px) {
   
   .xs_100,
   .xs_90,
   .xs_80,
   .xs_75,
   .xs_66,
   .xs_60,
   .xs_50,
   .xs_40,
   .xs_33,
   .xs_30,
   .xs_25,
   .xs_20,
   .xs_10{
      float: left;
      margin-right: 2%;
   }
   
   .xs_100 { width: 100%; }
   .xs_90 { width: 89%; }
   .xs_80 { width: 79%; }
   .xs_75 { width: 74.5%; }
   .xs_66 { width: 66%; }
   .xs_60 { width: 59%; }
   .xs_50 { width: 49%; }
   .xs_40 { width: 39%; }
   .xs_33 { width: 32%; }
   .xs_30 { width: 28%; }
   .xs_25 { width: 23.5%; }
   .xs_20 { width: 18%; }
   .xs_10 { width: 9%; }
   
   .xs_100,
   .xs_end { margin-right: 0;}
   
}


/*------------------------*/
/*EXTRA EXTRA SMALL LAYOUT*/
/*------------------------*/
@media screen and (max-width: 479px) {
   
   .xxs_100,
   .xxs_90,
   .xxs_80,
   .xxs_75,
   .xxs_66,
   .xxs_60,
   .xxs_50,
   .xxs_40,
   .xxs_33,
   .xxs_30,
   .xxs_25,
   .xxs_20,
   .xxs_10{
      float: left;
      margin-right: 2%;
   }
   
   .xxs_100 { width: 100%; }
   .xxs_90 { width: 89%; }
   .xxs_80 { width: 79%; }
   .xxs_75 { width: 74.5%; }
   .xxs_66 { width: 66%; }
   .xxs_60 { width: 59%; }
   .xxs_50 { width: 49%; }
   .xxs_40 { width: 39%; }
   .xxs_33 { width: 32%; }
   .xxs_30 { width: 28%; }
   .xxs_25 { width: 23.5%; }
   .xxs_20 { width: 18%; }
   .xxs_10 { width: 9%; }
   
   .xxs_100,
   .xxs_end { margin-right: 0;}
   
}