.container {padding: 0 15px;}
.container,.mini-container{margin:0 auto;max-width:1230px}
.herobanner.innerpage-banner.about{background:url(../images/background/about-banner-img.webp) top center / cover no-repeat}
.herobanner.innerpage-banner{padding-top:29%;min-height:inherit}
.herobanner{min-height:100vh;float:left;width:100%;position:relative;padding-top:15%;padding-bottom:2.5%}
 .herobanner:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#000000A1}
 .herobanner.innerpage-banner .herobanner-content{position:absolute;top:50%;transform:translate(-50%,-30%);width:100%;left:50%;max-width:1230px;padding:0 15px;min-height:0}
 .herobanner.innerpage-banner .herobanner-content .magento-flex{float:left;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:row}
 .herobanner.innerpage-banner .herobanner-content .magento-flex .magento-cont.no-pm{padding:0!important;width:100%;margin:0!important;border:0!important}
.herobanner.innerpage-banner .herobanner-content .magento-flex .magento-cont h1{margin-bottom:15px;line-height:1.3;text-transform:inherit;color:inherit;font-size:3rem}
.herobanner.innerpage-banner .herobanner-content .magento-flex .magento-cont.no-pm h1{margin-bottom:20px;font-weight:400}
 .herobanner .herobanner-content p.h1,h1,h2{line-height:1.2;margin-top:0;font-family:museo500}
.mar-t-70{margin-top:3%}
.mar-b-70{margin-bottom:4.6%!important}
.text-center{text-align:center}
 .col-6{width:50%}
 .col-6,.col-7{float:left;position:relative;min-height:1px;padding-left:15px;padding-right:15px}
.breadcrumb{float:left;width:100%;padding:15px 5px;margin:0}
.breadcrumb ul{margin:0;padding:0}
.breadcrumb ul li{list-style:none;display:inline-block;float:left;color:#000;position:relative;font-size:14px}
.breadcrumb ul li+li{padding-left:20px;margin-left:20px}
.breadcrumb ul li+li:before{content:"";position:absolute;top:8px;left:0;transform:translate(-50%,-50%) rotate(-45deg);width:6px;height:5px;border-right:1px solid #000;border-bottom:1px solid #000}
.breadcrumb ul li a{color:#000;text-decoration:none}
.breadcrumb ul li a:hover,.breadcrumb ul li span{color:#5c0075}
.breadcrumb ul li:first-child span{color:#000}
 .img-content{width: 100%;float:left;}
 .img-content .content{display:block;overflow:hidden;padding-top:40px}
 .img-content figure span{position:relative;display:inline-block}
img{max-width:100%;height:auto;width:auto}
figure{margin:0}
.services.box_new.without-shaddow,h3,h4,p{margin-top:0}
.flt-right{float: right;}
.img-content figure.flt-right{margin-left:5%}
.img-content figure span:after{border:4px solid #c4cb09;left:0;bottom:0;right:0;z-index:-1}
.img-content figure span:after{top:0;content:"";position:absolute;transform:translate(-40px,40px)}
 .btn{border:0;font-size:1rem;font-weight:700;line-height:50px;height:50px;text-align:center;padding:0 2.2rem;text-decoration:none;cursor:pointer;-webkit-transition:.3s;transition:.3s;position:relative;overflow:hidden;border-radius:4px}
 .btn-purple{background-color:#5c0075;border:1px solid #5c0075}
.flt-left{float: left;}
.img-content figure{padding:0 0 40px 40px}
.img-content figure.flt-left{margin-right:5%}
.content-section p{    margin-bottom: 20px;}
.how-it-looks .drag-for-more{padding-top:24px;background:url(../images/icons/drag-for-more.jpg) center top no-repeat}
.chilli-promise .chilli-promise-inner .promise{float:left;width:100%;padding:18% 8% 5% 20%;position:relative}
.chilli-promise .chilli-promise-inner .promise:after{content:"";position:absolute;left:0;top:0;width:40%;background-size:auto 100%!important;z-index:-1;padding-top:26%}
.chilli-promise .chilli-promise-inner .promise.one:after{background:url(../images/icons/one.png) left top no-repeat}
.chilli-promise .chilli-promise-inner .promise.two:after{background:url(../images/icons/two.png) left top no-repeat}
.chilli-promise .chilli-promise-inner .promise.three:after{background:url(../images/icons/three.png) left top no-repeat}
.chilli-promise .chilli-promise-inner .promise.four:after{background:url(../images/icons/four.png) left top no-repeat}
.img-content+.img-content{margin-top: 50px;}
.mar-t-0{margin-top:0!important}

@media screen and (max-width: 1200px) {
    h3{font-size:1.4rem;margin-bottom:.2rem}
       p{font-size:14px}
}
@media screen and (max-width:1199px){.content-section p{font-size:14px;}}
@media screen and (max-width: 1024px) {
    .content-section h2,h2{font-size:2.125rem}
        .mar-b-40{margin-bottom:25px}
}
@media screen and (max-width: 991px) {
        .img-content .content {
        float: left;
        width: 100%;
    }
    .img-content figure{width:100%;text-align:center;padding:0 0 20px 20px}
    .content-section p{margin-bottom:15px}
    .img-content figure span:after {
        transform: translate(-20px, 20px);
    }
    .chilli-promise .chilli-promise-inner .promise{padding:12% 0 0 14%;margin-bottom:30px}
     .chilli-promise .chilli-promise-inner .promise:after{transform:scale(.7) translate(-30%,-30%)}
         .img-content .content .btn-cont {
        text-align: center;
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 767px) {
    .herobanner.innerpage-banner.about{height:240px;}
    .col-6{width:100%;}
       h2{font-size:2.125rem;padding:0 15px 0 15px}
    h2{font-size:28px;color:#2B2B2B}
    
}

@media screen and (max-width: 479px) {
    .content-section h2{font-size:1.825rem}
    .herobanner.innerpage-banner .herobanner-content .magento-flex .magento-cont h1{font-size:1.8rem;margin-bottom:15px}
    .chilli-promise .chilli-promise-inner .promise:after{transform:scale(.5) translate(-50%,-50%)}
    .mar-t-70{margin-top:12%}

}