section.hero-section {
    padding: 100px 0 100px;
	background:#f4f4f4;
}
.clearfix:after{
	content:"";
	display:table;
	clear:both;
}
.hero-left {
    float: left;
    width: 72%;
    margin-right: 3%;
}
.hero-left h2{
	margin-bottom:15px;
}
.hero-right{
	float:left;
	width:25%;
	text-align:center;
	padding-top:25px;
}
.get-tools {
    padding: 50px 0 80px;
}
.breadcrumb li{
	display:inline-block;
	list-style:none;
}
.breadcrumb ul{
	padding:0;
	margin-bottom:65px;
}
.breadcrumb ul li:not(:last-child) a:after {
    content: ">";
    margin: 0 10px 0 15px;
    color: #000;
	text-decoration:none;
}
.breadcrumb ul li a:hover {
	text-decoration:none;
	opacity:.7;
}
section.details {
    padding: 50px 0 100px;
}
.details img{
	margin-top:25px;
	margin-bottom: 25px;
	max-width: 100%;
}
.details h2{
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 20px;
}
.details p{
	padding:0 20px;
}


@media(max-width:1199px){
.hero-right {
    padding-top: 55px;
}
.details p{
	padding:0 0px;
}
.hero-left h2 {
    margin-bottom: 10px;
    font-size: 36px;
}
}

@media(max-width:1023px){
section.hero-section h2 {
    font-size: 48px;
}
.hero-left {
    float: none;
    width: 100%;
    margin-right: 0;
}
.hero-right {
    padding-top: 20px;
    width: 100%;
}
}

@media(max-width:767px){
section.hero-section {
    padding: 91px 0 45px;
}

section.hero-section h2 {
    font-size: 28px;
}
.breadcrumb ul {
    padding: 0;
    margin-bottom: 40px;
}
.details h2{
	text-align: left;
}
.details p{
	text-align: left;
}
}

@media(max-width:320px){

}