/*
Theme Name:Child Theme for Divi
Theme URI: http://wordpress-style.net
Description: Child Theme For Divi
Author: Eduard Ungureanu
Author URI: http://wordpress-style.net
Template: Divi
Version: 1.0
*/

/* Start your custom CSS bellow this comment
============================================ */

.et_pb_gutters3 .et_pb_column_4_4 .et_pb_grid_item { width: 23% !important; margin: 0 2% 2% 0 !important; }

@media all and (max-width: 980px) {
	.et_pb_gutters3 .et_pb_column_4_4 .et_pb_grid_item { width: 31% !important; margin: 0 2% 2% 0 !important; }
}

@media all and (max-width: 767px) {
	.et_pb_gutters3 .et_pb_column_4_4 .et_pb_grid_item { width: 48% !important; margin: 0 2% 2% 0 !important; }
}

@media all and (max-width: 980px) {
/*** wrap row in a flex box ***/
.left-right {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
-webkit-flex-wrap: wrap; /* Safari 6.1+ */
flex-wrap: wrap;
}
 
/*** custom classes that will designate the order of columns in the flex box row ***/
.first-on-mobile {
-webkit-order: 1;
order: 1;
}
 
.second-on-mobile {
-webkit-order: 2;
order: 2;
}
 
.third-on-mobile {
-webkit-order: 3;
order: 3;
}
 
.fourth-on-mobile {
-webkit-order: 4;
order: 4;
}
/*** add margin to last column ***/
.left-right:last-child .et_pb_column:last-child {
margin-bottom: 30px;
}
 
}