@font-face {
    font-family: 'openSans-bold';
    src: url('../../../fonts/open-sans/OpenSans-Bold.woff2') format('woff2'), url('../../../fonts/open-sans/OpenSans-Bold.woff') format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'openSans-light';
    src: url('../../../fonts/open-sans/OpenSans-Light.woff2') format('woff2'), url('../../../fonts/open-sans/OpenSans-Light.woff') format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'openSans-light-italic';
    src: url('../../../fonts/open-sans/OpenSans-LightItalic.woff2') format('woff2'), url('../../../fonts/open-sans/OpenSans-LightItalic.woff') format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'openSans-regular';
    src: url('../../../fonts/open-sans/OpenSans-Regular.woff2') format('woff2'), url('../../../fonts/open-sans/OpenSans-Regular.woff') format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'openSans-medium';
    src: url('../../../fonts/open-sans/OpenSans-Medium.woff2') format('woff2'), url('../../../fonts/open-sans/OpenSans-Medium.woff') format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'openSans-regular-italic';
    src: url('../../../fonts/open-sans/OpenSans-Italic.woff2') format('woff2'), url('../../../fonts/open-sans/OpenSans-Italic.woff') format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'openSans-semi-bold';
    src: url('../../../fonts/open-sans/OpenSans-SemiBold.woff2') format('woff2'), url('../../../fonts/open-sans/OpenSans-SemiBold.woff') format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'openSans-extra-bold';
    src: url('../../../fonts/open-sans/OpenSans-ExtraBold.woff2') format('woff2'), url('../../../fonts/open-sans/OpenSans-ExtraBold.woff') format('woff');
    font-display: swap;
}

.krispybanner-wrapper{background: url('images/mobilebanner-img.jpg');height:320px;background-size:100% 100%;background-repeat:no-repeat;margin-top:18px;    }
.summary-content {text-align:center;padding-top:20px;}
.summary-content span {font-size:11px; color:#1f1f1f;font-family: 'openSans-regular';text-transform:uppercase;}
.summary-content h4 {font-size:16px;color:#1f1f1f;font-family:'openSans-semi-bold';border-top:1px solid #979797;border-bottom:1px solid #979797;padding:10px 0;width: 285px;text-transform:uppercase;
    margin:0 auto;margin-top:18px;}
.summary-content p {font-family:openSans-regular;font-size:14px;color:#727272; text-align:center;padding:15px 0;}

.topkrispy-panel img {width:100%;}
.leftkrispy-panel img{width:100%;}
.rightkripy-panel img{width:100%;}
.lastkrispy-panel img {width:100%;}

.topbackpatch{background: url('images/background-patch.jpg') no-repeat;height:270px;background-size:100% 100%;}
.bottombackpatch{background: url('images/background-patch.jpg') no-repeat;height:270px;background-size:100% 100%;}
.topbackpatch{text-align:center;padding-top:20px;}
.topbackpatch span {font-size:12px; line-height:18px; color:#fff;font-family: 'openSans-regular';text-transform:uppercase;}
.topbackpatch h4 {font-size:16px;line-height:24px; color:#fff;font-family:'openSans-semi-bold';border-top:1px solid #fcc4a7;border-bottom:1px solid #fcc4a7;padding:10px 0;width: 63%;
    margin:0 auto;margin-top:18px;text-transform:uppercase;}
.topbackpatch p {font-family:openSans-regular;font-size:14px;line-height:20px; color:#fff; text-align:center;padding:15px; line-height:20px;}
.bottombackpatch{text-align:center;padding-top:20px;}
.bottombackpatch span {font-size:12px;line-height:18px; color:#fff;font-family: 'openSans-regular';text-transform:uppercase;}
.bottombackpatch h4 {font-size:16px;line-height:24px; color:#fff;font-family:'openSans-semi-bold';border-top:1px solid #fcc4a7;border-bottom:1px solid #fcc4a7;padding:10px 0;width: 63%;
    margin:0 auto;margin-top:18px;text-transform:uppercase;}
.bottombackpatch p {font-family:openSans-regular;font-size:14px;line-height:20px; color:#fff; text-align:center;padding:15px ;}


.bottombackpatchextreme{background: url('images/background-patch.jpg') no-repeat;height:270px;background-size:100% 100%;}
.bottombackpatchextreme{text-align:center;padding-top:20px;}
.bottombackpatchextreme span {font-size:12px;line-height:18px; color:#fff;font-family: 'openSans-regular';text-transform:uppercase;}
.bottombackpatchextreme h4 {font-size:16px;line-height:24px; color:#fff;font-family:'openSans-semi-bold';border-top:1px solid #fcc4a7;border-bottom:1px solid #fcc4a7;padding:10px 0;width: 63%;
    margin:0 auto;margin-top:18px;text-transform:uppercase;}
.bottombackpatchextreme p {font-family:openSans-regular;font-size:14px;line-height:20px; color:#fff; text-align:center;padding:15px ;}






.resultbanner{background: url('images/mobileresult-img.jpg') no-repeat;background-size:100% 100%;padding-top: 160px;padding-bottom: 160px;}
.leftpanel-section {text-align:center;background:transparent;}
.leftpanel-section span {font-size:12px;line-height:18px; color:#303030;font-family: 'openSans-regular';text-transform:uppercase;}
.leftpanel-section h4 {font-size:16px;line-height:20px; color:#303030;font-family:'openSans-semi-bold';border-top:1px solid #979797;border-bottom:1px solid #979797;padding:10px 0;width: 230px;
    margin:0 auto;margin-top:18px;text-transform:uppercase;}
.leftpanel-section p {font-family:openSans-regular;font-size:16px;color:#303030; text-align:center;padding:15px;margin:0;}
.resultbtn a {font-size: 14px;
    line-height:20px;
    font-family:'openSans-regular';
    color: #fff;
    background-color: #df5d0c;
    padding:11px 34px 9px 34px;
    border-radius: 35px;
    outline: none;
    display:table;
    margin:64px auto 0 auto;
}
    .resultbtn a:focus {outline:none;text-decoration:none;}
.rightpanel-section ul {list-style:none;margin:0px;}
.rightpanel-section ul li {padding-top:10px;padding-bottom:50px; }
.rightpanel-section ul li span {display:inline-block;width:36px;vertical-align:middle;font-size:30px;font-family:'openSans-semi-bold';color:#303030;}
.rightpanel-section ul li p {display:inline-block;width:calc(100% - 41px);margin:0;font-size:22px;line-height:30px; font-family:'openSans-semi-bold'; color:#303030;padding-left:13px;vertical-align:middle; }
.rightpanel-section ul li p small {display:block;font-size:14px;color:#303030;  }
.rightpanel-section ul li:last-child {padding-bottom:0px; }

.othercasestudies-background {background: url('images/sliderbackground.jpg') no-repeat;height:405px;background-size:100% 100%;margin-bottom:15px;
}
.othercasestudies-content {padding-top:30px;}
.othercasestudies-content h3 {color:#fff;text-transform:uppercase;text-align:center;margin:0;font-family:'openSans-light';font-size:20px;line-height:24px;}
.casestudies-owlcarsouel .owl-nav.disabled {display:block;position:relative;cursor:pointer;}
.casestudies-owlcarsouel .owl-item img {width:auto;margin:0 auto}
.casestudies-owlcarsouel .owl-item .item a:focus {outline:none;  }
.casestudies-owlcarsouel .owl-prev {position:absolute;top:45%;left:6px;}
.casestudies-owlcarsouel .owl-next{position:absolute;top:45%;right:6px;}
.casestudies-slider {padding-top:30px;}

.new-othercasestudies-wrapper{
    display:flex;justify-content:center;align-items:center;padding-top:30px;
}
.new-othercasestudies-wrapper .new-othercasestudies-box{
    margin:0px 25px;
}
.othercasestudies-content .view-more {color:#FFFFFF;font-size:16px;display:table;margin:4px auto 21px auto;line-height:24px;}

/*==============Start of the media queries===============*/

@media(min-width:480px) {
    .krispybanner-wrapper {
    height:455px;margin-top:0px;
    }
}


@media(min-width:600px) {
    .krispybanner-wrapper {
    height: 560px;margin-top:-4px;
    }
}


@media(min-width:768px) {

.krispybanner-wrapper{background: url('images/banner-img.jpg');height:350px;background-size:100% 100%;background-repeat:no-repeat;margin-top:8px;}
 .summary-content {text-align:center;padding-top:25px;}
    .summary-content span {font-size:14px; color:#1f1f1f;font-family:'openSans-regular';text-transform:uppercase;}
    .summary-content h4 {font-size:18px;color:#1f1f1f; font-family:'openSans-semi-bold';text-transform:uppercase;border-top:1px solid #979797;border-bottom:1px solid #979797;padding:18px 0;
                         width:420px;margin:0 auto;margin-top:20px;}
    .summary-content p {font-family:openSans-regular;font-size:16px;color:#727272; padding:18px 45px;}
    .summary-content p small{font-family:openSans-regular;font-size:16px;color:#727272; }
  




    .resultbanner {background: url('images/desktopresult-img.jpg') no-repeat;background-size:100% 100%; }
    .leftpanel-section h4 {text-transform:uppercase;padding:16px 0px;font-size:16px;line-height:24px; width:78%; }
    .leftpanel-section span {font-size:14px;line-height:20px; }
    .leftpanel-section p {font-family:openSans-regular;font-size:16px;line-height:24px;}
    .rightpanel-section ul li span {}
.rightpanel-section ul li p {}
.rightpanel-section ul li p small {display:block;font-family:'openSans-regular';font-size:14px;color:#303030;  }
.resultbanner-content {display:table; }
.casestudies-owlcarsouel .owl-prev {position:absolute;top:40%;left:0px;}
.casestudies-owlcarsouel .owl-next{position:absolute;top:40%;right:0px;}


}


/*===============End of the media 768px=================*/

@media(min-width:992px) {

.krispybanner-wrapper{height:510px;background-size:100% 100%;background-repeat:no-repeat;}
.summary-content p {font-family:openSans-regular;font-size:16px;color:#727272; padding:18px 120px;}  
.summary-content p small{font-family:openSans-regular;font-size:16px;color:#727272;}  

.summary-content {padding-top:45px;  }
.summary-content h4 {font-size:18px;color:#1f1f1f; font-family:'openSans-semi-bold';text-transform:uppercase;border-top:1px solid #979797;border-bottom:1px solid #979797;padding:18px 0;
                         width: 410px;margin:0 auto;margin-top:20px;}


.topbackpatch{width:380px;padding-top:18px;position:absolute;top: 90px;left: 50px;opacity:0.9;height:260px;}
.bottombackpatch{width:380px;padding-top:18px;position:absolute;bottom: -182px;left: 30px;z-index: 9;height:260px;opacity:0.9;}
.topbackpatch p{padding:15px 25px;}
.bottombackpatch p{padding:15px 25px;}
.bottombackpatch h4{padding:15px 0; margin-top:10px;}
.topbackpatch h4{padding:15px 0;margin-top:10px; }

.bottombackpatchextreme p{padding:15px 25px;}
.bottombackpatchextreme h4{padding:15px 0; margin-top:10px;}
.bottombackpatchextreme{width:380px;padding-top:20px;position:absolute;top: -50px;
left: 55px;z-index: 9;height:260px;opacity:0.9;}
    .bottombackpatch span {font-size:14px;line-height:20px; }
    .bottombackpatchextreme span{font-size:14px;line-height:20px; } 
    .topbackpatch span {font-size:14px;line-height:20px; } 
        
.leftkrispy-panel img{width:auto;}
.rightkripy-panel img{width:auto;}
.leftkrispy-panel{display:table-cell;vertical-align:top;position:relative;}
.rightkripy-panel{display:table-cell;position:relative;vertical-align:top;}




    .casestudies-owlcarsouel .owl-nav.disabled {
        position: static;
    }
    .othercasestudies-content h3 {
        font-size: 30px;
        padding-bottom: 10px;
    }
    .othercasestudies-background {
        background: url('images/sliderbackground.jpg') no-repeat;
        height: 450px;
        background-size: 100% 100%;
    }
}
/*==============End of the media 992px==============*/


@media(min-width:1204px)
{

.krispybanner-wrapper{height:620px;background-size:100% 100%;background-repeat:no-repeat;}   
.summary-content {padding-bottom:30px;}
.summary-content p {font-family:openSans-regular;font-size:16px;color:#727272; padding:18px 280px;}  
.summary-content p small{font-family:openSans-regular;font-size:16px;color:#727272; }  


.topbackpatch{width:430px;padding-top:35px;position:absolute;top: 90px;left: 50px;opacity:0.9;height:316px;}
.bottombackpatch{width:430px;padding-top:35px;position:absolute;bottom: -218px;left: 70px;z-index: 9;height:316px;opacity:0.9;}
.topbackpatch p{padding:15px 55px;}
.bottombackpatch p{padding:15px 55px;}

.bottombackpatchextreme{width:430px;padding-top:35px;position:absolute;top: -65px;left: 70px;
                        z-index: 9;height:316px;opacity:0.9;}
.bottombackpatchextreme p{padding:15px 55px;}
.bottomkrispy-panel {display:table; }


    .casestudies-owlcarsouel .owl-item  {width:61%; }
    .casestudies-slider {padding:30px 170px 0px;}
    .casestudies-owlcarsouel .owl-prev{left:-130px;}
    .casestudies-owlcarsouel .owl-next{right:-130px;}
    .casestudies-owlcarsouel .owl-nav.disabled{position:static;}
    .othercasestudies-content h3 {font-size:40px;padding-bottom:10px;padding-top:10px;line-height:54px;}
    .othercasestudies-background {background: url('images/sliderbackground.jpg') no-repeat;height:471px;background-size:100% 100%;}
    .no-margin{
        margin:0;
    }
    
}
/*==============End of the media 1204px==============*/
@media screen and (max-width: 415px) and (min-width: 320px){
    .new-othercasestudies-wrapper{
        display:flex;justify-content:center;align-items:center;padding-top:30px;flex-direction:column;
    }
    .new-othercasestudies-wrapper .new-othercasestudies-box:nth-child(2) , .new-othercasestudies-wrapper .new-othercasestudies-box:nth-child(3){
        display:none;
    }
    .othercasestudies-background {
        background: url(images/sliderbackground.jpg) no-repeat;
        height: 430px;
        background-size: 100% 100%;
        margin:0;
    }
}

@media screen and (max-width: 1199px) and (min-width: 980px) {
    .resultbanner {
        padding-top: 120px;
        padding-bottom: 120px;
    }
}
@media screen and (max-width: 900px) and (min-width: 768px) {
.resultbanner{
    padding-top: 120px;
    padding-bottom: 120px;
}
.rightpanel-section{
    margin-top:90px;
    padding: 0 60px;
}
.resultbtn a{
    margin: 45px auto 0 auto;
}
}
@media screen and (max-width: 760px) and (min-width: 320px) {
.topbackpatch h4 {
    font-size: 16px;
    line-height:24px;
    color: #fff;
    font-family: 'openSans-semi-bold';
    border-top: 1px solid #fcc4a7;
    border-bottom: 1px solid #fcc4a7;
    padding: 10px 25px;
    width: auto;
    display: table;
    margin: 0 auto;
    margin-top: 15px;
    text-transform: uppercase;
    max-width: 90%;
}
.topbackpatch p {
   padding: 10px 15px;
}
.resultbanner{
    padding:30px 0 50px 0;
    display:table;
}
.leftpanel-section p{
    font-size:14px;
    line-height:20px;
    padding: 15px 10px;
}
.resultbtn a{
    margin: 5px auto 0 auto;
    padding:11px 45px 9px 45px;
    font-size:14px;
    line-height:20px;
}
.rightpanel-section{
    margin-top: 40px;
}
.rightpanel-section ul li span {
    width: 26px;
    vertical-align:top;
    font-size: 20px;
}
.rightpanel-section ul li p {
    font-size: 16px;
    line-height:20px;
    font-weight:600;
}
.rightpanel-section ul li {
    padding-top: 10px;
    padding-bottom: 25px;
}
}