/************************************************************
CSS OF			:   GRID 
DATE CREATED	:	06-06-2019
DATE-EDITED		:	20-11-2019
VERSION			:	2.1	

COMMENTS CHANGE	:	GRID 
					edited grid_m_0
					
					


**************************************************************/


/*SPACE GRID ELEMENTS VERTICALLY, SINCE THEY ARE ONE UNDER ANOTHER SO FAR
=========================================================================*/


/*GRID START
===========*/
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	margin-bottom:15px;
	position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
	box-sizing: border-box
}

.grid_m_0 {display:none;}
.grid_m_1 { width: 8.33333333%; }
.grid_m_2 { width: 16.66666667%; }
.grid_m_3 { width: 25%; }
.grid_m_4 { width: 33.33333333%; }
.grid_m_5 { width: 41.66666667%; }
.grid_m_6 { width: 50%; }
.grid_m_7 { width: 58.33333333%; }
.grid_m_8 { width: 66.66666667%; }
.grid_m_9 { width: 75%; }
.grid_m_10 { width: 83.33333333%; }
.grid_m_11 { width: 91.66666667%; }
.grid_m_12 { width: 100%; }

[class*="grid_m"] {
  float: left;
  padding: 15px;
}
  
.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
  content: " ";
  display: table;
}
.clearfix:after,
.container:after,
.row:after{
  clear: both;
}

@media only screen and (min-width: 920px) {
/*GRID START
=============*/

 .row{
	 margin-left: -15px;
     margin-right: -15px;
}
 
.grid_0 {display:none;}
.grid_1 { width: 8.33333333%; }
.grid_2 { width: 16.66666667%; }
.grid_3 { width: 25%; }
.grid_4 { width: 33.33333333%; }
.grid_5 { width: 41.66666667%; }
.grid_6 { width: 50%; }
.grid_7 { width: 58.33333333%; }
.grid_8 { width: 66.66666667%; }
.grid_9 { width: 75%; }
.grid_10 { width: 83.33333333%; }
.grid_11 { width: 91.66666667%; }
.grid_12 { width: 100%; }

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	float: left;
	display: block;
}
	
}


/*GRID END
==========*/