/*
 Theme Name:   Autoplan
 Theme URI:    https://bosau.co.za/
 Description:  Successful Business starts with clever software.
 Author:       Knowledge Electronic Media
 Author URI:   https://knowledgemedia.co.za/
 Template:     Divi
 Version:      1.0.0
*/
 
@import url("../Divi/style.css");
 
/* =Theme customization starts here
------------------------------------------------------- */


/* ===== Header CSS - Start ===== */


/* ===== Header CSS - End ===== */


/* ===== Body CSS - Start ===== */

#packageList thead th {
    border: 0px;
}
#packageList th {
    background: transparent;
    color: #fff;
    text-align: center;
    font-weight: 500;
}
#packageList table {
    border: 0px;
}
#packageList td {
    border: 0;
    padding: 2px 10px;
    text-align: center;
}
#packageList td.column-1 {
    text-align: left;
}
#packageList img {
    margin: auto;
}
#packageList .column-1 {
    width: 49%;
}
#packageList .column-2, #packageList .column-3, #packageList .column-4 {
    width: 17%;
}
@media (max-width: 425px) {
	#packageList .column-1 {
		width: 40%;
	}
	#packageList .column-2, #packageList .column-3, #packageList .column-4 {
		width: 20%;
		max-width: 20%;
		padding: 0px;
	}
	#packageList th, #packageList td {
		font-size: 12px !important;
	}
}

/* ===== Body CSS - End ===== */


/* ===== Home CSS - Start ===== */

.homeServices {
    width: 16%;
    position: relative;
    float: left;
    margin: 0px 2% 20px 2%;
    height: 200px;
}
.homeOrangeList li {
    margin-bottom: 8px;
}
.homeOrangeList li::marker {
    color: #ff5b00;
}
@media (max-width: 768px) {
	.homeServices {
		width: 21%;
		height: 160px;
	}
}
@media (max-width: 600px) {
	.homeServices {
		width: 29%;
		height: 180px;
	}
}
@media (max-width: 425px) {
	.homeServices {
		width: 46%;
		height: 200px;
	}
}
@media (max-width: 375px) {
	.homeServices {
		width: auto;
		height: auto;
		margin: 0px auto;
		float: none;
	}
}

/* ===== Home CSS - End ===== */

/* ===== Footer CSS - Start ===== */

#footerMenu .widget_nav_menu { width: 100%; }
#footerMenu h4.title { margin-bottom: 20px; }
#footerMenu ul li { margin-bottom: 15px; }
#footerMenu .mobile_menu_bar:before {
    color: #fff;
}
@media (max-width: 980px) {
	#footerMenu .et_mobile_nav_menu {
		display: unset;
		margin: 0px auto;
	}
}

/* ===== Footer CSS - End ===== */