/*
* 	Responsive grid pixel system - v1.1
* 	Copyright 2018, Agaba Francis
*   Author: Agaba Francis
*/
.clearfix {
  *zoom: 1;
  clear: both;
}
.clearfix:before,
.clearfix:after {
  display: table;
  line-height: 0;
  content: '';
}
.clearfix:after {
  clear: both;
}

/*------------------------------------------------------------------*/
/*	SKELETON OR GRID
/*------------------------------------------------------------------*/
.container {
  max-width: 1250px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  height: auto;
  padding: 0px 40px;
  position: relative;
  clear: both;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box; /* Opera/IE 8+ */
}
.container.full {
  max-width: 100%;
}
.row {
  height: auto;
}
[class*='fl-col'],
.fl-sidebar {
  float: left;
  margin-right: 4%;
}
[class*='fl-col'].float-right {
  float: right;
}
[class*='fl-col'].last,
.fl-sidebar.last,
[class*='fl-col'].no-space,
.fl-col-12 {
  margin-right: 0px;
}

.fl-col-12 {
  width: 100%;
}
.fl-col-9 {
  width: 74%;
}
.fl-col-8 {
  width: 65.3333%;
}
.fl-col-6 {
  width: 48%;
}
.fl-col-4 {
  width: 30.6666%;
}
.fl-col-3 {
  width: 22%;
}
.fl-sidebar {
  width: 30.6666%;
}

.fl-col-9.no-space {
  width: 78%;
}
.fl-col-8.no-space {
  width: 69.3333%;
}
.fl-col-6.no-space {
  width: 52%;
}
.fl-col-4.no-space {
  width: 34.6666%;
}
.fl-col-3.no-space {
  width: 26%;
}

@media (max-width: 1040px) {
  .fl-sidebar {
    width: 100%;
    clear: both;
    margin-right: 0px;
    padding: 50px 0px;
  }
  .fl-col-8.fix {
    width: 100%;
  }
  .container {
    padding: 0px 20px;
  }
}

@media (max-width: 768px) {
  .fl-col-12 {
    width: 100%;
  }
  .fl-col-9 {
    width: 100%;
  }
  .fl-col-8 {
    width: 100%;
  }
  .fl-col-6 {
    width: 100%;
  }
  .fl-col-4 {
    width: 100%;
  }
  .fl-col-3 {
    width: 100%;
  }
}

@media (max-width: 480px) {
  .container {
    padding: 0px 10px;
  }
}