.banner-bg {
    min-height: 334px;
    padding-top: 70px;
}

.content_main .text-white h4,
.content_main .text-white p {
    color: white;
}

.splus-wider {
    margin-left: -30px;
    margin-right: -30px;
    margin-bottom: 80px;
}

.splus-material {
    background: white;
    padding: 60px;
    box-shadow: 3px 3px 30px rgba(1, 1, 1, 0.1);
    border-radius: 3px;
    margin-top: -100px;
}

.splus-intro-text {
    max-width: 526px;
    margin: auto;
    margin-bottom: 50px;
}

.splus-intro-text p,
.splus-intro-text h3 {
    text-align: center !important;
}

.splus-intro-text p,
.splus-service p {
    color: #878784;
}

.splus-intro-text h3 {
    color: #da8809;
}

.splus-intro-text h4,
.splus-service h4 {
    color: #222222;
}

.splus-service:hover p {
    color: #222222 !important;
}

.splus-service {
    display: flex;
    align-items: flex-start;
    margin-bottom: 50px;
    color: initial;
}
.content_main .splus-service p{
    text-align:left;
}
.service-image-holder{
    margin-right:10px;
}
.splus-service .service-img {
    margin-right: 20px;
    border-radius: 10px;
    width:110px;
    height:110px;
    background-size:cover;
    background-position:center;
    border-radius:10px;
}

.content_main .splus-service h4 {
    text-align: left;
    margin: 10px 0px;
    font-size: 18px;
}

.splus-getquote a {
    color: white;
    font-weight: bold;
}

.splus-getquote p {
    font-weight: 400;
}

.quoteholder {
    position: relative;
    padding: 100px 0px;
    min-height: 380px;
}

.quoteimg {
    position: absolute;
    top: -30px;
    right: -30px;
    max-height: 445px;
    border-radius: 3px;
    /* border:1px solid rgba(1,1,1,0.1); */
    object-fit: contain;
    padding: 0px;
}

.banner-bg{
    background-image:url('./../images/header-brick-bg.jpg')
}

.title.bigger {
    font-size: 30px;
    margin-bottom: 20px;
}
.post-thumb img{
    display: block;
    margin: auto;
    margin-bottom: 30px;
}

.blog .services {
    padding: 0px;
    /* margin-bottom: 100px; */
    float: none;
}


.blog .services p, .blog .services h3  {
    text-align: center;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}


.blog .more-link{
    display:block;
}

.blog .comman_head{
    margin-top:100px;
    margin-bottom: 20px;
}

@media (max-width:1024px) {

    .splus-material {
        margin-top: -10px;
    }

    .quoteholder {
        padding: 20px 0px;
    }

    .quoteimg {
        position: static;
        padding: 0px 15px;
    }

.container{ width:98%; margin:0 auto; padding:0;}

.slider_sec .container{ width:96%;}

.slider_sec .carousel-control.right{ right:-6%;}

.slider_sec .carousel-control.left{ left:-6%;} 

}



/************ Main **************/

@media (max-width: 960px) {

.container{ width:96%; margin:0 auto; padding:0;}

/*.top_part .navbar-right{ float:left!important;}*/

.slider_sec .container{ width:90%;} 

.slider_sec .carousel-control.right{ right:-5.3%;}

.slider_sec .carousel-control.left{ left:-5.3%;}

.slider_sec{ min-height:inherit;}

.footer_link ul li{ padding:0 10px 0 0; margin:0 10px 0 0;}

h2.title,.art_main h2.title{ font-size:30px;}

.art_main{background:#f0a229;}

.art_pic{ display:block; padding:20% 0 10%;}

.btn.get_quote{ font-size:21px;}



.call_act{ font-size:25px;}
.art_pic img{ width:100%!important; height:auto!important;}


}

@media (max-width: 767px) {

html { -webkit-text-size-adjust:none;}

.container{ width:93%; margin:0 auto; padding:0;}

.top_part .call_sec{ width:100%; text-align:center; margin:20px 0 10px;}

.top_part .navbar-toggle{ margin-top:40px;}

.slider_sec .carousel-control.right{ right:-4.8%;}

.slider_sec .carousel-control.left{ left:-4.8%;}

.slider_sec .carousel-caption{ top:15%;}

.slider_sec{ min-height:inherit;}

.serv_dis{ background:none;}

.serv_box{ background-position:left bottom; background-size:100% auto; }

.test_sec .carousel-indicators{ left:50%; bottom:-40px;}

.test_sec .carousel span{  text-align:center; padding:0 0 10px;}

.art_pic{ display:block; padding:5% 0 5%;}

.quote_img{ top:10px;}

span.or{ /*display:block;*/ text-align:center;}

div.navigation-container{ padding:0!important;}



}

@media (max-width:600px) {

.container{ width:91%;}

.footer_link ul li a{ font-size:13px;}

.copyright_sec p{ width:100%; text-align:center;}

.copyright_sec ul.social{ width:100%; text-align:center; margin-bottom:20px;}

.footer_link ul li{ padding:0 8px 0 0; margin:0 8px 0 0;}

div.loader,div.slideshow a.advance-link,div.caption-container { height:180px!important; line-height:70px;}

div.slideshow a.advance-link{ vertical-align:50px; }

.quote_img{ display:none;}

}

/************ iphone **************/

@media (max-width: 480px) {

html { -webkit-text-size-adjust:none;}



.top_part .call_sec{ margin:10px 0 0; padding:0;}

.slider_sec .carousel-control.right{ display:none;}

.slider_sec .carousel-control.left{ display:none;}

.slider_sec .carousel-control img{ width:50%;}

.slider_sec .carousel{ background:none; padding:0;}



.slider_sec .carousel-caption h3{ font-size:14px;}

h2.title,.art_main h2.title{ font-size:25px;}

.quote_img{ top:10px;}
.slider_sec .carousel-caption{ display:none;}

}



@media (max-width: 380px) {

.top_part .call_sec{ margin:-45px 0 0; padding:0; text-align:left;}

.slider_sec .carousel-caption{ top:5%;}

.btn.contact{ margin:0px 0 0; padding:5px 10px;}

.btn.get_quote{ font-size:18px;}

.services .slider .owl-controls .owl-nav div.owl-next{ top:0;}
.services .slider .owl-controls .owl-nav div.owl-prev{ top:0;}

}