/* * Responsive grid pixel system - v1.1 * Copyright 2018, Marketify * Author: Marketify */ .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;} }