.home-about-box {height:auto;overflow:auto;width:100%;position: relative;}
.home-about-box .text {width:calc(100% - 460px);font-size:18px;color:#848484;background-color:#eaeaea;padding:20px;}
.home-about-box .image {width:450px;height:100%;position: absolute;top:0;right:0;bottom:0;background-position: center;background-repeat: no-repeat;background-size: cover;}
.home-about-box .image img {display:none;}
.home-other-services-title {padding:40px 0px 20px 0px;}
.home-other-services-container {background-color:#FFF;margin-bottom:40px;margin-top:20px;height:auto;overflow:auto;}
.home-other-services {display:table;table-layout:fixed;width:100%;margin:20px 0px;}
.home-other-services .service {display: table-cell;border-right:2px solid #ebf1f1;width:calc(100% / 6);float:left;font-size:18px;font-family: 'Merriweather', serif;font-weight: 900;vertical-align: middle;padding:30px 20px;text-align: center;color:#142577;}
.home-other-services .service:last-child {border-right:0;}

.home-livestock-buttons {height:auto;overflow:auto;margin-bottom:40px;}
.home-livestock-button {height:150px;position:relative;z-index:0;width:calc(50% - 10px);float:left;display:table;text-align:center;}
.home-livestock-button.for-sale {margin-right:20px;}
.home-livestock-button .image {position: absolute;z-index:-2;height:100%;width:100%;top:0;right:0;left:0;bottom:0;opacity: 0.75;background-position: center;background-repeat: no-repeat;background-size:cover;}
.home-livestock-button .hover {position: absolute;transition:opacity .25s ease-in-out;z-index:-1;height:100%;width:100%;top:0;right:0;left:0;bottom:0;opacity: 0.3;background-color:#142577;}
.home-livestock-button.for-sale .image {background-image:url('../../image/buildgfx/for-sale-button.jpg');}
.home-livestock-button.wanted .image {background-image:url('../../image/buildgfx/wanted-button.jpg');}
.home-livestock-button span {display: table-cell;font-family: 'Merriweather', serif;font-weight: 900;font-size:40px;color:#FFF;vertical-align: middle;text-align: center;position:relative;z-index:1;}
.home-livestock-button:hover .hover {opacity: 0.5;}

.home-big-buttons {height:auto;overflow:auto;}
.home-big-button {height:300px;position: relative;width:calc(50% - 10px);background-repeat:no-repeat;background-position:center;background-size:cover;float:left;text-align: center;display:table;vertical-align: middle;}
.home-big-button .text {display: table-cell;font-family: 'Merriweather', serif;transition:background-color .25s ease-in-out;font-weight: 900;width:100%;font-size:40px;padding:20px 70px;vertical-align: middle;text-align: center;color:#FFF;background-color:rgba(102,102,102,0.5);}
.home-big-button:last-child {margin-left:20px;}
.home-big-button.download {background-image:url('../../image/buildgfx/home-catalogue.png');}
.home-big-button.download:hover .text {background-color:rgba(102,102,102,0.75);}
.home-big-button.auctions {background-image:url('../../image/buildgfx/auction-logo.png');background-size:80% auto;border:6px solid #273b5c;}

.home-news-container {height:auto;overflow:auto;margin-bottom:20px;}
.home-news-container .home-news-item {width:calc(50% - 10px);margin-right:20px;float:left;background-color:#FFF;padding:20px;display:block;}
.home-news-container .home-news-item:last-child {margin-right:0;}
.home-news-container .home-news-item .image {width:250px;float:left;}
.home-news-container .home-news-item .details {width:calc(100% - 250px);float:left;padding-left:20px;}
.home-news-container .home-news-item .details .title {font-family: 'Merriweather', serif;font-weight: 900;font-size:24px;}
.home-news-container .home-news-item .details .date-line {position:relative;padding:10px 0px;color:#666666;}
.home-news-container .home-news-item .details .date-line::before {content:'';position: absolute;top:0;bottom:0;left:0;right:0;border-bottom:1px solid #666666;margin:auto;z-index:0;height:1px;}
.home-news-container .home-news-item .details .date-line span {background-color:#FFF;position:relative;z-index:2;padding-right:20px;}
.home-news-container .home-news-item .details .desc {font-weight: 600;}
.home-news-container .home-news-item .details .readmore {color:#656565;text-align: right;font-size:20px;padding-top:20px;}
.home-news-container .home-news-item:hover .details .readmore {text-decoration: underline;}


@media screen and (max-width:1200px)
{
    .home-other-services .service {width:calc(100% / 3);}
    .home-other-services .service:last-child {border-right:2px solid #eaeaea;}
    .home-other-services .service:nth-child(3n) {border-right:0;}
}

@media screen and (max-width:1100px)
{
    .home-news-container .home-news-item .image {float:none;width:100%;margin-bottom:20px;}
    .home-news-container .home-news-item .details {float:none;width:100%;padding-left:0;}
}

@media screen and (max-width:850px)
{
    .home-about-box .text {width:100%;}
    .home-about-box .image {width:100%;position: relative;height:auto;top:unset;left:unset;right:unset;bottom:unset;}
    .home-about-box .image img {display:block;width:100%;min-width:100%;max-width:100%;}
}

@media screen and (max-width:800px)
{
    .home-other-services .service {width:50%;}
    .home-other-services .service:last-child, .home-other-services .service:nth-child(3n) {border-right:2px solid #eaeaea;}
    .home-other-services .service:nth-child(2n) {border-right:0;}

    
    .header .menu-container .home-slider .slide, .header .menu-container .home-slider {height:400px;}
}

@media screen and (max-width:750px)
{
    .home-big-button {width:100%;float:none;}
    .home-big-button:last-child {margin-left:0;margin-top:20px;}
}

@media screen and (max-width:600px)
{
    .header .menu-container .home-slider .slide, .header .menu-container .home-slider {height:300px;}
}

@media screen and (max-width:550px)
{
    .home-livestock-button.for-sale {margin-right:0;margin-bottom:20px;}
    .home-livestock-button {float:left;width:100%;}

    .home-other-services {display:block;table-layout: unset;}
    .home-other-services .service {display: block;height:106px;}
}

@media screen and (max-width:500px)
{
    .home-news-container .home-news-item {margin-right:0;float:none;width:100%;margin-bottom:20px;}
}

@media screen and (max-width:400px)
{
    .header .menu-container .home-slider .slide, .header .menu-container .home-slider {height:200px;}
}

@media screen and (max-width:380px)
{
    .home-other-services .service {width:100%;float:none;padding:10px;border-right:0;height:auto;}
}
