@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;
}


.banner-wrapper {background:url(images/mobilebanner-img.jpg) no-repeat;height:270px;background-size:cover;margin-top:70px;position:relative;}
.mobilebannerpatch {background:url(images/mobilebannerpatch-img.jpg) no-repeat;height:104px;background-size: 100% 100%; position:absolute;bottom:0px;opacity:0.9;width:100%;}
.mobilebannerpatch img{position:relative;margin:0 auto; top:15px;}
.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: 180px;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;}

.understanding-banner {background: url('images/mobile-understanding.jpg') no-repeat;height:285px;background-size:100% 100%;}
.understandingbanner-content {text-align:center;padding-top:20px;background:#464646;padding-bottom:20px;}
.understandingbanner-content span {font-size:12px;line-height:18px; color:#fff;font-family: 'openSans-regular';text-transform:uppercase;}
.understandingbanner-content h4 {font-size:16px;line-height:20px; color:#fff;font-family:'openSans-semi-bold';border-top:1px solid #979797;border-bottom:1px solid #979797;padding:10px 0;width: 205px;text-transform:uppercase;
    margin:0 auto;margin-top:18px;}
.understandingbanner-content p {font-family:openSans-regular;font-size:14px;line-height:20px; color:#fff; text-align:center;padding:15px ;}

.analysisbanner {background: url('images/mobile-experienceanalysis.jpg') no-repeat;height:285px;background-size:100% 100%;}
   .analysisbanner-content {text-align:center;padding-top:20px;background:#ef745a;padding-bottom:20px;}
.analysisbanner-content span {font-size:12px; line-height:18px; color:#303030;font-family: 'openSans-regular';text-transform:uppercase;}
.analysisbanner-content h4 {font-size:16px;line-height:20px; color:#303030;font-family:'openSans-semi-bold';border-top:1px solid #8f5245;border-bottom:1px solid #8f5245;padding:10px 0;width: 260px;text-transform:uppercase;
    margin:0 auto;margin-top:18px;}
.analysisbanner-content p {font-family:openSans-regular;font-size:14px;color:#303030; text-align:center;padding:15px ;}
.mobile-graypatch {background:#9d9d9d;height:40px;border-top:2px solid #cca39a;}


.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;color:#303030;font-family:'openSans-semi-bold';border-top:1px solid #979797;border-bottom:1px solid #979797;padding:10px 0;width: 255px;
    margin:0 auto;margin-top:18px;text-transform:uppercase;}
.leftpanel-section p {font-family:openSans-regular;font-size:14px;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;
}
.rightpanel-section ul {list-style:none;padding-top:10px;padding-bottom:20px;}
.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:24px;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%;}
.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:0px;}
.casestudies-owlcarsouel .owl-next{position:absolute;top:45%;right:0px;}
.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;line-height:24px; display:table;margin:4px auto 21px auto;}
/*==============Start of the media queries===============*/
@media(min-width:768px)
{
    .banner-wrapper {background: url(images/bannertop-img.jpg) no-repeat;height: 589px;position:relative;}
    .desktopbannerpatch {background:url(images/desktopbannerpatch-img.png) no-repeat;height:589px;
                         position:absolute;right:-3px;width:360px;}
    .desktopbannerpatch img{position:absolute; bottom:138px;margin:0 auto;left:0px;right:0px;  }
    .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: 302px;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; }

    .understanding-banner {background: url('images/understanding-banner.jpg') no-repeat;height:630px;background-size:100% 100%;}
    .understanding-content {position:relative;}
    .understandingbanner-content {text-align:center;padding-top:25px;background:transparent;padding-bottom:0px;position:absolute;top: 155px;left:-20px;
width: 55%;}
.understandingbanner-content span {font-size:14px;line-height:20px;  color:#fff;font-family:'openSans-regular';text-transform:uppercase;}
.understandingbanner-content h4 {font-size:18px;color:#fff; font-family:'openSans-semi-bold';text-transform:uppercase;border-top:1px solid #979797;border-bottom:1px solid #979797;padding:18px 0;
                         width: 232px;margin:0 auto;margin-top:20px;}
.understandingbanner-content p {font-family:openSans-regular;font-size:16px;color:#fff; padding:18px 45px;}




  .analysisbanner-content {text-align:center;padding-top:20px;background:transparent;padding-bottom:20px;position:absolute;width: 340px;
top: 25%;}
    .bannercontent-patch {background: url(images/desktopbannerpatch-img.jpg) no-repeat;height: 589px;position:absolute;top:0px;width:340px;left:0px;opacity:0.9;}
    .analysisbanner {background: url('images/experienceaanalysis.jpg') no-repeat;height:589px;background-size:100% 100%; }
    .analysisbanner-content h4 {text-transform:uppercase;padding:16px 0px;font-size:16px;line-height:24px; width:268px; }
    .analysisbanner-content span {font-size:14px;line-height:20px; }
    .analysisbanner-content p {font-family:openSans-regular;font-size:16px;}

    .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;width:100%;}
.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)
{
     .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:62px;  }
        .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:305px;margin:0 auto;margin-top:20px;}

        .understandingbanner-content p {font-family:openSans-regular;font-size:16px;color:#fff; padding:18px 78px;}
       
         .analysisbanner-content p{font-family:openSans-regular;font-size:16px;line-height:24px; color:#303030;}
       
          .bannercontent-patch {background: url(images/desktopbannerpatch-img.jpg) no-repeat;height: 589px;position:absolute;top:0px;width:340px;left:0px;opacity:0.9;}
       
           
        
           
        .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)
{
    .banner-wrapper {margin-top:82px;  }
        .desktopbannerpatch {background:url(images/desktopbannerpatch-img.png) no-repeat;height:589px;
                         position:absolute;right:130px;width:360px;}
    .summary-content {padding-bottom:30px;}
        .summary-content p {font-family:openSans-regular;font-size:16px;color:#727272; padding:18px 280px;}  
            .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: 300px;margin:0 auto;margin-top:20px;}

            .understandingbanner-content h4 {font-size:16px;line-height:24px; color:#fff; font-family:'openSans-semi-bold';text-transform:uppercase;border-top:1px solid #979797;border-bottom:1px solid #979797;padding:18px 0;
                         width: 295px;margin:0 auto;margin-top:20px;}
            .understandingbanner-content p {font-family:openSans-regular;font-size:16px;line-height:24px; color:#fff; padding:18px 140px;}
             
            .analysisbanner {background: url('images/experienceaanalysis.jpg') no-repeat;background-size:100% 100%; }
            
             .bannercontent-patch {background: url(images/desktopbannerpatch-img.jpg) no-repeat;height: 589px;position:absolute;top:0px;width:340px;left:72px;opacity:0.9;}
    
             .leftpanel-section h4 {width:270px;}

    .leftpanel-section p {padding:25px 0;}
     
    .rightpanel-section ul li p {font-size:23px; }
    .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:470px;background-size:100% 100%;}
}
/*==============End of the media 1204px==============*/

@media(min-width:1300px)
{

}
/*==============End of the media 1300px==============*/

/*==============End of the media queries===============*/
@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;
}
.resultbtn a {
    margin: 45px auto 0 auto;
}
.rightpanel-section {
    margin-top: 90px;
    padding: 0 60px;
}
}
@media screen and (max-width: 760px) and (min-width: 320px){
.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 {
    padding-top: 10px;
    padding-bottom: 25px;
}
.rightpanel-section ul li span {
    width: 26px;
    vertical-align: top;
    font-size: 20px;
}
.rightpanel-section ul li p {
    font-size: 16px;
    font-weight: 600;
}
.othercasestudies-background {
    background: url(images/sliderbackground.jpg) no-repeat;
    height: 430px;
    background-size: 100% 100%;
    margin: 0;
}
.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;
}
}