.CaseStudies {
    background-size: cover;
    height: 945px;
    width: 100%;
    padding-top: 300px;
    padding-left: 200px;
}

.CaseStudiesf1 {
    /*   font-family:"MyriadPro-Regular";*/
    /*  font-family:'MyriadProLight';
      font-family:"MyriadPro-Regular","MyriadPro-Regular";*/
    font-family: 'MyriadProLight';
    color: #ffffff;
    font-size: 60px;
    line-height: .9;
}

.CaseStudiesf2 {
    font-family: 'MYRIADPRO-BOLD';
    color: #ffffff;
    font-size: 60px;
    line-height: .9;
    font-weight: bold;
}

.CaseStudiessection2 {
    background-color: #ffffff;
    /* height: 1800px; */
    width: 100%;
    padding-top: 8px;
}

.displayb {
    display: none;
}

.midlle-case {
        background: #DADADA;
        height: 738px;
        padding-top: 250px;
    }

.case-f1 {
    opacity: 1;
    color: #000000;
    font-family: 'MYRIADPRO-BOLD';
    font-weight: bold;
    font-size: 55px;
    text-align: center;
    line-height: .9;

}

.case-f2 {
    opacity: 1;
    color: #000000;
    font-family: 'MyriadProLight';
    font-weight: bold;
    font-size: 50px;
    text-align: center;
    line-height: .9;

}

.m-t-10 {
    margin-top: 10px
}

.sadwo1 {
    position: relative;
}

.sadwo1:before {
    z-index: 1;
    position: absolute;
    content: "";
    bottom: 15px;
    left: 10px;
    width: 50%;
    top: 80%;
    max-width: 300px;
    background: #777;
    -webkit-box-shadow: 0 16px 10px #777;
    -moz-box-shadow: 0 16px 10px #777;
    box-shadow: 0 16px 10px #777;
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);
}

.sadwo1::after {
    z-index: 1;
    position: absolute;
    content: "";
    bottom: 15px;
    right: 10px;
    width: 50%;
    top: 80%;
    max-width: 300px;
    background: #777;
    -webkit-box-shadow: 0 16px 10px #777;
    -moz-box-shadow: 0 16px 10px #777;
    box-shadow: 0 16px 10px #777;
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg);
}

.displayzin {
    position: relative;
    z-index: 3;
    text-align: center;
}

.p-d-5 {
    padding: 0px;
}

.p-r-0 {
    padding-right: 0;
}

.p-l-0 {
    padding-left: 0;
}

.height-img {
    margin-top: 10px;
    height: 378px;
}

.p-d-0 {
    padding: 0;
}

.case-f3 {
    color: #000000;
    font-family: 'MYRIADPRO-BOLD';
    font-weight: bold;
    font-size: 55px;
    line-height: .9;
}

.case-f4 {
    color: #000000;
    font-family: 'MyriadProLight';
    font-weight: bold;
    font-size: 40px;
    line-height: 1;
    width: 50%;
    margin: 0;
}

.case-sec3 {
    padding: 100px;
}

.case-sec4 {
    background: #C3C2C2;
    height: 250px;
    padding-left: 200px;
    padding-top: 100px;
}

.btn-case {
    font-family: 'MyriadPro-Regular';
    background-color: #ffd025;
    border: none;
    padding: 10px 40px;
    color: #000000;
    font-size: 20px;
    margin-top: 20px;
}

.logo-1 {
    margin: auto;
    position: absolute;
    z-index: 5;
    width: 100%;
    top: 33%;
    text-align: center;
}

.new-withd {
    width: 45%;
}

.Viewcasee {
    color: #ffd025;
    position: relative;
    top: 52px;
    cursor: pointer;
}

.m-t-T {
    top: 55px !important;
}

.Viewcasee:hover {
    text-decoration: none;
    color: #5dfdbb !important;
    cursor: pointer;
}

.Viewcasee:focus {
    text-decoration: none;
    color: #5dfdbb !important;
    cursor: pointer;
}

.color-case {
    width: 120px;
    height: 23px;
    background: #ffd025;
    display: inline-block;
    position: absolute;
    position: absolute;
    /* left: 14px; */
    right: 130px;
    /* top: 10px; */
    z-index: -1;
    margin-top: 31px;
}

.logo-2 {
    position: absolute;
    z-index: 6;
    /* width: 26%; */
    top: 25%;
    width: 100%;
    text-align: center;
}

.t-113 {
    top: 92px !important;
}

.top-123 {
    top: 106px !important;
}

.top-85 {
    top: 70px !important;
}

.top-85-m {
    top: 73px !important;
}

.top-75 {
    top: 58px !important;
}

.top-40 {
    top: 30px !important;
}

.cases {
    font-family: 'MyriadProLight';
    color: black;
    font-size: 50px;
    line-height: .6;
}

.width20 {
    width: 20%;
}

.arrowcase {
    display: inline-block;
}

.col-xs-12{
    padding: 0;
}
.responsive{
    height: 378.33px;
}
.new-viwe{
    z-index: 9;
    position: relative;
    bottom: 45px;
    color:#ffd025
}
.responsive-fix{
    padding-left: 15px;
    padding-right: 0;
}
.img-responsive-fix{
    padding-left: 0px;
    padding-right: 15px;
}
.fix-padding{
    padding-right: 10px !important;
}
.fix-padding2{
    padding-left: 5px!important;
}
@media (max-width: 320px) {
    .fix-padding2{
        padding-left: 0 !important;
    }
    .fix-padding{
        padding-right: 0 !important;
    }
    .responsive-fix {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .img-responsive-fix{
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .new-viwe{
        z-index: 9;
        position: relative;
        bottom: 15px;
        color:#ffd025
    }
    .responsive {
        height: 227px;
        padding-left: 10px;
    }

    .case-f4 {
        color: #000000;
        font-family: 'MyriadProLight';
        font-weight: bold;
        font-size: 16px;
        line-height: 1;
        width: 100%;
        margin: 0;
    }

    .case-f3 {
        color: #000000;
        font-family: 'MYRIADPRO-BOLD';
        font-weight: bold;
        font-size: 35px;
        line-height: .9;
    }

    .case-sec4 {
        background: #C3C2C2;
        height: 126px;
        padding-left: 15px;
        padding-top: 36px;
    }

    .col-xs-12 {
        width: 100%;
        padding: 0;
    }

    .height-img {
        height: 228px;
    }

    .navmaxes-hide {
        height: 60px;
    }

    .maxesline {
        height: 60px;
    }

    .maxes1 {
        width: 100%;
        /* height: 45px; */
        float: right;
        padding-right: 8px;
        /* padding-right: 20px; */
        margin-top: 25px;
        margin-right: 0px;
        padding-left: 5px;
        /* margin-left: 20px; */
    }

    .newmaxf1 {
        width: 97%;
        margin-top: 5%;
        font-family: "MyriadProLight";
        color: #ffffff;
        font-size: 10px;
        line-height: 1.2;
        margin-bottom: 17px;
        padding-left: 6%;
    }

    .blockwaild {
        display: block;
        z-index: 5;
    }

    .case-f4 {
        color: #000000;
        font-family: 'MyriadProLight';
        font-weight: bold;
        font-size: 18px;
        line-height: 1;
        width: 100%;
        margin: 0;
    }

    .color-case {
        right: 57px;
    }

    .case-f2 {
        opacity: 1;
        color: #000000;
        font-family: 'MyriadProLight';
        font-weight: bold;
        font-size: 30px;
        text-align: center;
        line-height: .9;
        margin-bottom: 4px;
    }

    .cases {
        font-family: 'MyriadProLight';
        color: black;
        font-size: 34px;
        line-height: .6;
    }

    .case-sec3 {
        padding: 20px;
    }

    .CaseStudies {
        background-size: cover;
        height: 245px;
        width: 100%;
        padding-top: 100px;
        padding-left: 39px;
    }

    .CaseStudiesf1 {
        /* font-family: 'MyriadPro-Regular'; */
        font-family: 'MyriadProLight';
        color: #ffffff;
        font-size: 18px;
        line-height: .9;
    }

    .CaseStudiesf2 {
        font-family: 'MYRIADPRO-BOLD';
        color: #ffffff;
        font-size: 19px;
        line-height: .9;
        font-weight: bold;
        margin-bottom: 3px;
    }

    .p-l-0 {
        padding-left: 15px;
    }

    .p-r-0 {
        padding-right: 15px;
    }

    .top-75 {
        top: 32px !important;
    }

    .top-85 {
        top: 40px !important;
    }

    .t-113 {
        top: 64px !important;
    }

    .Viewcasee {
        color: #ffd025;
        position: relative;
        top: 27px;
        cursor: pointer;
    }

    .top-85-m {
        top: 55px !important;
    }

    .width20 {
        width: 37%;
    }

    .top-123 {
        top: 74px !important;
    }

    .m-t-T {
        top: 31px !important;
    }

    .top-40 {
        top: 17px !important;
    }

    .maxesfooterleft {
        width: 100%;
    }

    .maxesfooterright {
        float: right;
        height: 400px;
        width: 100%;
    }

}

@media (max-width: 360px) and (min-width:321px) {
    .fix-padding2{
        padding-left: 0 !important;
    }
    .fix-padding{
        padding-right: 0 !important;
    }
    .responsive-fix {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .img-responsive-fix{
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .new-viwe{
        z-index: 9;
        position: relative;
        bottom: 15px;
        color:#ffd025
    }
    .responsive {
        height: 227px;
        padding-left: 10px;
    }

    .case-f4 {
        color: #000000;
        font-family: 'MyriadProLight';
        font-weight: bold;
        font-size: 16px;
        line-height: 1;
        width: 100%;
        margin: 0;
    }

    .case-f3 {
        color: #000000;
        font-family: 'MYRIADPRO-BOLD';
        font-weight: bold;
        font-size: 35px;
        line-height: .9;
    }

    .case-sec4 {
        background: #C3C2C2;
        height: 126px;
        padding-left: 15px;
        padding-top: 36px;
    }

    .col-xs-12 {
        width: 100%;
        padding: 0;
    }

    .height-img {
        height: 228px;
    }

    .navmaxes-hide {
        height: 60px;
    }

    .maxesline {
        height: 60px;
    }

    .maxes1 {
        width: 100%;
        /* height: 45px; */
        float: right;
        padding-right: 8px;
        /* padding-right: 20px; */
        margin-top: 25px;
        margin-right: 0px;
        padding-left: 5px;
        /* margin-left: 20px; */
    }

    .newmaxf1 {
        width: 97%;
        margin-top: 5%;
        font-family: "MyriadProLight";
        color: #ffffff;
        font-size: 10px;
        line-height: 1.2;
        margin-bottom: 17px;
        padding-left: 6%;
    }

    .blockwaild {
        display: block;
        z-index: 5;
    }

    .case-f4 {
        color: #000000;
        font-family: 'MyriadProLight';
        font-weight: bold;
        font-size: 18px;
        line-height: 1;
        width: 100%;
        margin: 0;
    }

    .color-case {
        right: 57px;
    }

    .case-f2 {
        opacity: 1;
        color: #000000;
        font-family: 'MyriadProLight';
        font-weight: bold;
        font-size: 30px;
        text-align: center;
        line-height: .9;
        margin-bottom: 4px;
    }

    .cases {
        font-family: 'MyriadProLight';
        color: black;
        font-size: 34px;
        line-height: .6;
    }

    .case-sec3 {
        padding: 20px;
    }

    .CaseStudies {
        background-size: cover;
        height: 245px;
        width: 100%;
        padding-top: 100px;
        padding-left: 39px;
    }

    .CaseStudiesf1 {
        /* font-family: 'MyriadPro-Regular'; */
        font-family: 'MyriadProLight';
        color: #ffffff;
        font-size: 18px;
        line-height: .9;
    }

    .CaseStudiesf2 {
        font-family: 'MYRIADPRO-BOLD';
        color: #ffffff;
        font-size: 19px;
        line-height: .9;
        font-weight: bold;
        margin-bottom: 3px;
    }

    .p-l-0 {
        padding-left: 15px;
    }

    .p-r-0 {
        padding-right: 15px;
    }

    .top-75 {
        top: 32px !important;
    }

    .top-85 {
        top: 40px !important;
    }

    .t-113 {
        top: 64px !important;
    }

    .Viewcasee {
        color: #ffd025;
        position: relative;
        top: 27px;
        cursor: pointer;
    }

    .top-85-m {
        top: 55px !important;
    }

    .width20 {
        width: 37%;
    }

    .top-123 {
        top: 74px !important;
    }

    .m-t-T {
        top: 31px !important;
    }

    .top-40 {
        top: 17px !important;
    }

    .maxesfooterleft {
        width: 100%;
    }

    .maxesfooterright {
        float: right;
        height: 400px;
        width: 100%;
    }

}

@media (max-width: 400px) and (min-width:361px) {
    .fix-padding2{
        padding-left: 0 !important;
    }
    .fix-padding{
        padding-right: 0 !important;
    }
    .responsive-fix {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .img-responsive-fix{
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .new-viwe{
        z-index: 9;
        position: relative;
        bottom: 15px;
        color:#ffd025
    }
    .responsive {
        height: 227px;
        padding-left: 10px;
    }

    .case-f4 {
        color: #000000;
        font-family: 'MyriadProLight';
        font-weight: bold;
        font-size: 16px;
        line-height: 1;
        width: 100%;
        margin: 0;
    }

    .case-f3 {
        color: #000000;
        font-family: 'MYRIADPRO-BOLD';
        font-weight: bold;
        font-size: 35px;
        line-height: .9;
    }

    .case-sec4 {
        background: #C3C2C2;
        height: 126px;
        padding-left: 15px;
        padding-top: 36px;
    }

    .col-xs-12 {
        width: 100%;
        padding: 0;
    }

    .height-img {
        height: 265px;
    }

    .navmaxes-hide {
        height: 60px;
    }

    .maxesline {
        height: 60px;
    }

    .maxes1 {
        width: 100%;
        /* height: 45px; */
        float: right;
        padding-right: 8px;
        /* padding-right: 20px; */
        margin-top: 25px;
        margin-right: 0px;
        padding-left: 5px;
        /* margin-left: 20px; */
    }

    .newmaxf1 {
        width: 97%;
        margin-top: 5%;
        font-family: "MyriadProLight";
        color: #ffffff;
        font-size: 10px;
        line-height: 1.2;
        margin-bottom: 17px;
        padding-left: 6%;
    }

    .blockwaild {
        display: block;
        z-index: 5;
    }

    .case-f4 {
        color: #000000;
        font-family: 'MyriadProLight';
        font-weight: bold;
        font-size: 18px;
        line-height: 1;
        width: 100%;
        margin: 0;
    }

    .color-case {
        right: 57px;
    }

    .case-f2 {
        opacity: 1;
        color: #000000;
        font-family: 'MyriadProLight';
        font-weight: bold;
        font-size: 30px;
        text-align: center;
        line-height: .9;
        margin-bottom: 4px;
    }

    .cases {
        font-family: 'MyriadProLight';
        color: black;
        font-size: 34px;
        line-height: .6;
    }

    .case-sec3 {
        padding: 20px;
    }

    .CaseStudies {
        background-size: cover;
        height: 245px;
        width: 100%;
        padding-top: 100px;
        padding-left: 30px;
    }

    .CaseStudiesf1 {
        /* font-family: 'MyriadPro-Regular'; */
        font-family: 'MyriadProLight';
        color: #ffffff;
        font-size: 17px;
        line-height: .9;
    }

    .CaseStudiesf2 {
        font-family: 'MyriadPro-Regular';
        color: #ffffff;
        font-size: 19px;
        line-height: .9;
        font-weight: bold;
        margin-bottom: 3px;
    }

    .p-l-0 {
        padding-left: 15px;
    }

    .p-r-0 {
        padding-right: 15px;
    }

    .top-75 {
        top: 32px !important;
    }

    .top-85 {
        top: 40px !important;
    }

    .t-113 {
        top: 64px !important;
    }

    .Viewcasee {
        color: #ffd025;
        position: relative;
        top: 27px;
        cursor: pointer;
    }

    .top-85-m {
        top: 43px !important;
    }

    .width20 {
        width: 37%;
    }

    .top-123 {
        top: 74px !important;
    }

    .m-t-T {
        top: 31px !important;
    }

    .top-40 {
        top: 17px !important;
    }

    .maxesfooterleft {
        width: 100%;
    }

    .maxesfooterright {
        float: right;
        height: 400px;
        width: 100%;
    }

}

@media (max-width: 480px) and (min-width:401px) and (orientation: portrait) {
    .fix-padding2{
        padding-left: 0 !important;
    }
    .fix-padding{
        padding-right: 0 !important;
    }
    .responsive-fix {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .img-responsive-fix{
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .new-viwe{
        z-index: 9;
        position: relative;
        bottom: 15px;
        color:#ffd025
    }
    .responsive {
        height: 294px;
        padding-left: 0px;
    }
    .navmaxes-hide {
        height: 60px;
    }

    .maxesline {
        height: 60px;
    }

    .maxes1 {
        width: 100%;
        /* height: 45px; */
        float: right;
        padding-right: 8px;
        /* padding-right: 20px; */
        margin-top: 25px;
        margin-right: 0px;
        padding-left: 5px;
        /* margin-left: 20px; */
    }

    .newmaxf1 {
        width: 97%;
        margin-top: 5%;
        font-family: "MyriadProLight";
        color: #ffffff;
        font-size: 10px;
        line-height: 1.2;
        margin-bottom: 17px;
        padding-left: 6%;
    }

    .blockwaild {
        display: block;
        z-index: 5;
    }

    .case-f4 {
        color: #000000;
        font-family: 'MyriadProLight';
        font-weight: bold;
        font-size: 18px;
        line-height: 1;
        width: 100%;
        margin: 0;
    }

    .case-sec3 {
        padding: 50px;
    }

    .CaseStudies {
     
        background-size: cover;
        height: 245px;
        width: 100%;
        padding-top: 107px;
        padding-left: 20px;
    }

    .CaseStudiesf1 {
        /* font-family: 'MyriadPro-Regular'; */
        font-family: 'MyriadProLight';
        color: #ffffff;
        font-size: 20px;
        line-height: .6;
    }

    .CaseStudiesf2 {
        font-family: 'MYRIADPRO-BOLD';
        color: #ffffff;
        font-size: 20px;
        line-height: .9;
        font-weight: bold;
    }

    .p-l-0 {
        padding-left: 15px;
    }

    .p-r-0 {
        padding-right: 15px;
    }

    .top-75 {
        top: 52px !important;
    }

    .top-85 {
        top: 66px !important;
    }

    .t-113 {
        top: 84px !important;
    }

    .Viewcasee {
        color: #ffd025;
        position: relative;
        top: 40px;
        cursor: pointer;
    }

    .top-85-m {
        top: 77px !important;
    }

    .width20 {
        width: 37%;
    }
}
@media (max-width: 550px) and (min-width: 481px) {
    .fix-padding2{
        padding-left: 0 !important;
    }
    .fix-padding{
        padding-right: 0 !important;
    }
    .responsive-fix {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .img-responsive-fix{
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .new-viwe{
        z-index: 9;
        position: relative;
        bottom: 15px;
        color:#ffd025
    }
    .responsive {
        height: 294px;
        padding-left: 10px;
    }
    .navmaxes-hide {
        height: 60px;
    }

    .maxesline {
        height: 60px;
    }

    .maxes1 {
        width: 100%;
        /* height: 45px; */
        float: right;
        padding-right: 8px;
        /* padding-right: 20px; */
        margin-top: 25px;
        margin-right: 0px;
        padding-left: 5px;
        /* margin-left: 20px; */
    }

    .newmaxf1 {
        width: 97%;
        margin-top: 5%;
        font-family: "MyriadProLight";
        color: #ffffff;
        font-size: 10px;
        line-height: 1.2;
        margin-bottom: 17px;
        padding-left: 6%;
    }

    .blockwaild {
        display: block;
        z-index: 5;
    }

    .case-f4 {
        color: #000000;
        font-family: 'MyriadProLight';
        font-weight: bold;
        font-size: 18px;
        line-height: 1;
        width: 100%;
        margin: 0;
    }

    .case-sec3 {
        padding: 50px;
    }

    .CaseStudies {
     
        background-size: cover;
        height: 245px;
        width: 100%;
        padding-top: 107px;
        padding-left: 60px;
    }

    .CaseStudiesf1 {
        /* font-family: 'MyriadPro-Regular'; */
        font-family: 'MyriadProLight';
        color: #ffffff;
        font-size: 30px;
        line-height: .9;
    }

    .CaseStudiesf2 {
        font-family: 'MYRIADPRO-BOLD';
        color: #ffffff;
        font-size: 20px;
        line-height: .9;
        font-weight: bold;
    }

    .p-l-0 {
        padding-left: 15px;
    }

    .p-r-0 {
        padding-right: 15px;
    }

    .top-75 {
        top: 52px !important;
    }

    .top-85 {
        top: 66px !important;
    }

    .t-113 {
        top: 84px !important;
    }

    .Viewcasee {
        color: #ffd025;
        position: relative;
        top: 40px;
        cursor: pointer;
    }

    .top-85-m {
        top: 77px !important;
    }

    .width20 {
        width: 37%;
    }
}

@media (max-width: 620px) and (min-width:551px) and (orientation:portrait) {
    .fix-padding2{
        padding-left: 0 !important;
    }
    .fix-padding{
        padding-right: 0 !important;
    }
    .responsive-fix {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .img-responsive-fix{
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .new-viwe{
        z-index: 9;
        position: relative;
        bottom: 15px;
        color:#ffd025
    }
    .responsive {
        height: 294px;
        padding-left: 10px;
    }
    .navmaxes-hide {
        height: 60px;
    }

    .maxesline {
        height: 60px;
    }

    .maxes1 {
        width: 100%;
        /* height: 45px; */
        float: right;
        padding-right: 8px;
        /* padding-right: 20px; */
        margin-top: 25px;
        margin-right: 0px;
        padding-left: 5px;
        /* margin-left: 20px; */
    }

    .newmaxf1 {
        width: 97%;
        margin-top: 5%;
        font-family: "MyriadProLight";
        color: #ffffff;
        font-size: 10px;
        line-height: 1.2;
        margin-bottom: 17px;
        padding-left: 6%;
    }

    .blockwaild {
        display: block;
        z-index: 5;
    }

    .case-f4 {
        color: #000000;
        font-family: 'MyriadProLight';
        font-weight: bold;
        font-size: 18px;
        line-height: 1;
        width: 100%;
        margin: 0;
    }

    .case-sec3 {
        padding: 50px;
    }

    .CaseStudies {
     
        background-size: cover;
        height: 245px;
        width: 100%;
        padding-top: 107px;
        padding-left: 60px;
    }

    .CaseStudiesf1 {
        /* font-family: 'MyriadPro-Regular'; */
        font-family: 'MyriadProLight';
        color: #ffffff;
        font-size: 30px;
        line-height: .9;
    }

    .CaseStudiesf2 {
        font-family: 'MYRIADPRO-BOLD';
        color: #ffffff;
        font-size: 20px;
        line-height: .9;
        font-weight: bold;
    }

    .p-l-0 {
        padding-left: 15px;
    }

    .p-r-0 {
        padding-right: 15px;
    }

    .top-75 {
        top: 52px !important;
    }

    .top-85 {
        top: 66px !important;
    }

    .t-113 {
        top: 84px !important;
    }

    .Viewcasee {
        color: #ffd025;
        position: relative;
        top: 40px;
        cursor: pointer;
    }

    .top-85-m {
        top: 77px !important;
    }

    .width20 {
        width: 37%;
    }
}

@media (max-width: 480px) and (orientation: landscape) {
    .fix-padding2{
        padding-left: 0 !important;
    }
    .fix-padding{
        padding-right: 0 !important;
    }
    .responsive-fix {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .img-responsive-fix{
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .new-viwe{
        z-index: 9;
        position: relative;
        bottom: 25px;
        color:#ffd025
    }
    .responsive {
        height: 294px;
        padding-left: 10px;
    }
    .navmaxes-hide {
        height: 60px;
    }

    .maxesline {
        height: 60px;
    }

    .maxes1 {
        width: 100%;
        /* height: 45px; */
        float: right;
        padding-right: 8px;
        /* padding-right: 20px; */
        margin-top: 25px;
        margin-right: 0px;
        padding-left: 5px;
        /* margin-left: 20px; */
    }

    .newmaxf1 {
        width: 97%;
        margin-top: 5%;
        font-family: "MyriadProLight";
        color: #ffffff;
        font-size: 10px;
        line-height: 1.2;
        margin-bottom: 17px;
        padding-left: 6%;
    }

    .blockwaild {
        display: block;
        z-index: 5;
    }

    .case-f4 {
        color: #000000;
        font-family: 'MyriadProLight';
        font-weight: bold;
        font-size: 18px;
        line-height: 1;
        width: 100%;
        margin: 0;
    }

    .case-sec3 {
        padding: 50px;
    }

    .CaseStudies {
     
        background-size: cover;
        height: 245px;
        width: 100%;
        padding-top: 107px;
        padding-left: 60px;
    }

    .CaseStudiesf1 {
        /* font-family: 'MyriadPro-Regular'; */
        font-family: 'MyriadProLight';
        color: #ffffff;
        font-size: 30px;
        line-height: .9;
    }

    .CaseStudiesf2 {
        font-family: 'MYRIADPRO-BOLD';
        color: #ffffff;
        font-size: 20px;
        line-height: .9;
        font-weight: bold;
    }

    .p-l-0 {
        padding-left: 15px;
    }

    .p-r-0 {
        padding-right: 15px;
    }

    .top-75 {
        top: 52px !important;
    }

    .top-85 {
        top: 66px !important;
    }

    .t-113 {
        top: 84px !important;
    }

    .Viewcasee {
        color: #ffd025;
        position: relative;
        top: 40px;
        cursor: pointer;
    }

    .top-85-m {
        top: 77px !important;
    }

    .width20 {
        width: 37%;
    }
}

@media (max-width: 550px) and (min-width: 481px) and (orientation: landscape) {
    .fix-padding2{
        padding-left: 0 !important;
    }
    .fix-padding{
        padding-right: 0 !important;
    }
    .responsive-fix {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .img-responsive-fix{
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .new-viwe{
        z-index: 9;
        position: relative;
        bottom: 15px;
        color:#ffd025
    }
    .responsive {
        height: 294px;
        padding-left: 10px;
    }
    .navmaxes-hide {
        height: 60px;
    }

    .maxesline {
        height: 60px;
    }

    .maxes1 {
        width: 100%;
        /* height: 45px; */
        float: right;
        padding-right: 8px;
        /* padding-right: 20px; */
        margin-top: 25px;
        margin-right: 0px;
        padding-left: 5px;
        /* margin-left: 20px; */
    }

    .newmaxf1 {
        width: 97%;
        margin-top: 5%;
        font-family: "MyriadProLight";
        color: #ffffff;
        font-size: 10px;
        line-height: 1.2;
        margin-bottom: 17px;
        padding-left: 6%;
    }

    .blockwaild {
        display: block;
        z-index: 5;
    }

    .case-f4 {
        color: #000000;
        font-family: 'MyriadProLight';
        font-weight: bold;
        font-size: 18px;
        line-height: 1;
        width: 100%;
        margin: 0;
    }

    .case-sec3 {
        padding: 50px;
    }

    .CaseStudies {
     
        background-size: cover;
        height: 245px;
        width: 100%;
        padding-top: 107px;
        padding-left: 60px;
    }

    .CaseStudiesf1 {
        /* font-family: 'MyriadPro-Regular'; */
        font-family: 'MyriadProLight';
        color: #ffffff;
        font-size: 30px;
        line-height: .9;
    }

    .CaseStudiesf2 {
        font-family: 'MYRIADPRO-BOLD';
        color: #ffffff;
        font-size: 20px;
        line-height: .9;
        font-weight: bold;
    }

    .p-l-0 {
        padding-left: 15px;
    }

    .p-r-0 {
        padding-right: 15px;
    }

    .top-75 {
        top: 52px !important;
    }

    .top-85 {
        top: 66px !important;
    }

    .t-113 {
        top: 84px !important;
    }

    .Viewcasee {
        color: #ffd025;
        position: relative;
        top: 40px;
        cursor: pointer;
    }

    .top-85-m {
        top: 77px !important;
    }

    .width20 {
        width: 37%;
    }
}

@media (max-width: 600px) and (min-width:551px) and (orientation:landscape) {
    .fix-padding2{
        padding-left: 0 !important;
    }
    .fix-padding{
        padding-right: 0 !important;
    }
    .responsive-fix {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .img-responsive-fix{
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .new-viwe{
        z-index: 9;
        position: relative;
        bottom: 15px;
        color:#ffd025
    }
    .responsive {
        height: 294px;
        padding-left: 10px;
    }
    .navmaxes-hide {
        height: 60px;
    }

    .maxesline {
        height: 60px;
    }

    .maxes1 {
        width: 100%;
        /* height: 45px; */
        float: right;
        padding-right: 8px;
        /* padding-right: 20px; */
        margin-top: 25px;
        margin-right: 0px;
        padding-left: 5px;
        /* margin-left: 20px; */
    }

    .newmaxf1 {
        width: 97%;
        margin-top: 5%;
        font-family: "MyriadProLight";
        color: #ffffff;
        font-size: 10px;
        line-height: 1.2;
        margin-bottom: 17px;
        padding-left: 6%;
    }

    .blockwaild {
        display: block;
        z-index: 5;
    }

    .case-f4 {
        color: #000000;
        font-family: 'MyriadProLight';
        font-weight: bold;
        font-size: 18px;
        line-height: 1;
        width: 100%;
        margin: 0;
    }

    .case-sec3 {
        padding: 50px;
    }

    .CaseStudies {
     
        background-size: cover;
        height: 245px;
        width: 100%;
        padding-top: 107px;
        padding-left: 60px;
    }

    .CaseStudiesf1 {
        /* font-family: 'MyriadPro-Regular'; */
        font-family: 'MyriadProLight';
        color: #ffffff;
        font-size: 30px;
        line-height: .9;
    }

    .CaseStudiesf2 {
        font-family: 'MYRIADPRO-BOLD';
        color: #ffffff;
        font-size: 20px;
        line-height: .9;
        font-weight: bold;
    }

    .p-l-0 {
        padding-left: 15px;
    }

    .p-r-0 {
        padding-right: 15px;
    }

    .top-75 {
        top: 52px !important;
    }

    .top-85 {
        top: 66px !important;
    }

    .t-113 {
        top: 84px !important;
    }

    .Viewcasee {
        color: #ffd025;
        position: relative;
        top: 40px;
        cursor: pointer;
    }

    .top-85-m {
        top: 77px !important;
    }

    .width20 {
        width: 37%;
    }
}
@media (max-width: 620px) and (min-width: 601px) and (orientation: landscape) {
    .fix-padding2{
        padding-left: 0 !important;
    }
    .fix-padding{
        padding-right: 0 !important;
    }
    .responsive-fix {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .img-responsive-fix{
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .new-viwe{
        z-index: 9;
        position: relative;
        bottom: 15px;
        color:#ffd025
    }
    .responsive {
        height: 294px;
        padding-left: 10px;
    }
    .navmaxes-hide {
        height: 60px;
    }

    .maxesline {
        height: 60px;
    }

    .maxes1 {
        width: 100%;
        /* height: 45px; */
        float: right;
        padding-right: 8px;
        /* padding-right: 20px; */
        margin-top: 25px;
        margin-right: 0px;
        padding-left: 5px;
        /* margin-left: 20px; */
    }

    .newmaxf1 {
        width: 97%;
        margin-top: 5%;
        font-family: "MyriadProLight";
        color: #ffffff;
        font-size: 10px;
        line-height: 1.2;
        margin-bottom: 17px;
        padding-left: 6%;
    }

    .blockwaild {
        display: block;
        z-index: 5;
    }

    .case-f4 {
        color: #000000;
        font-family: 'MyriadProLight';
        font-weight: bold;
        font-size: 18px;
        line-height: 1;
        width: 100%;
        margin: 0;
    }

    .case-sec3 {
        padding: 50px;
    }

    .CaseStudies {
     
        background-size: cover;
        height: 245px;
        width: 100%;
        padding-top: 107px;
        padding-left: 60px;
    }

    .CaseStudiesf1 {
        /* font-family: 'MyriadPro-Regular'; */
        font-family: 'MyriadProLight';
        color: #ffffff;
        font-size: 30px;
        line-height: .9;
    }

    .CaseStudiesf2 {
        font-family: 'MYRIADPRO-BOLD';
        color: #ffffff;
        font-size: 20px;
        line-height: .9;
        font-weight: bold;
    }

    .p-l-0 {
        padding-left: 15px;
    }

    .p-r-0 {
        padding-right: 15px;
    }

    .top-75 {
        top: 52px !important;
    }

    .top-85 {
        top: 66px !important;
    }

    .t-113 {
        top: 84px !important;
    }

    .Viewcasee {
        color: #ffd025;
        position: relative;
        top: 40px;
        cursor: pointer;
    }

    .top-85-m {
        top: 77px !important;
    }

    .width20 {
        width: 37%;
    }
}
@media (max-width: 650px) and (min-width:621px) and (orientation:landscape) {
    .fix-padding2{
        padding-left: 0 !important;
    }
    .fix-padding{
        padding-right: 0 !important;
    }
    .responsive-fix {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .img-responsive-fix{
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .new-viwe{
        z-index: 9;
        position: relative;
        bottom: 15px;
        color:#ffd025
    }
    .responsive {
        height: 294px;
        padding-left: 10px;
    }
    .navmaxes-hide {
        height: 60px;
    }

    .maxesline {
        height: 60px;
    }

    .maxes1 {
        width: 100%;
        /* height: 45px; */
        float: right;
        padding-right: 8px;
        /* padding-right: 20px; */
        margin-top: 25px;
        margin-right: 0px;
        padding-left: 5px;
        /* margin-left: 20px; */
    }

    .newmaxf1 {
        width: 97%;
        margin-top: 5%;
        font-family: "MyriadProLight";
        color: #ffffff;
        font-size: 10px;
        line-height: 1.2;
        margin-bottom: 17px;
        padding-left: 6%;
    }

    .blockwaild {
        display: block;
        z-index: 5;
    }

    .case-f4 {
        color: #000000;
        font-family: 'MyriadProLight';
        font-weight: bold;
        font-size: 18px;
        line-height: 1;
        width: 100%;
        margin: 0;
    }

    .case-sec3 {
        padding: 50px;
    }

    .CaseStudies {
     
        background-size: cover;
        height: 245px;
        width: 100%;
        padding-top: 107px;
        padding-left: 60px;
    }

    .CaseStudiesf1 {
        /* font-family: 'MyriadPro-Regular'; */
        font-family: 'MyriadProLight';
        color: #ffffff;
        font-size: 30px;
        line-height: .9;
    }

    .CaseStudiesf2 {
        font-family: 'MYRIADPRO-BOLD';
        color: #ffffff;
        font-size: 20px;
        line-height: .9;
        font-weight: bold;
    }

    .p-l-0 {
        padding-left: 15px;
    }

    .p-r-0 {
        padding-right: 15px;
    }

    .top-75 {
        top: 52px !important;
    }

    .top-85 {
        top: 66px !important;
    }

    .t-113 {
        top: 84px !important;
    }

    .Viewcasee {
        color: #ffd025;
        position: relative;
        top: 40px;
        cursor: pointer;
    }

    .top-85-m {
        top: 77px !important;
    }

    .width20 {
        width: 37%;
    }
}

@media (max-width: 700px) and (min-width: 651px) and (orientation: landscape) {
    
    .new-viwe{
        z-index: 9;
        position: relative;
        bottom: 15px;
        color:#ffd025
    }
    .responsive {
        height: 294px;
        padding-left: 10px;
    }
    .navmaxes-hide {
        height: 60px;
    }

    .maxesline {
        height: 60px;
    }

    .maxes1 {
        width: 100%;
        /* height: 45px; */
        float: right;
        padding-right: 8px;
        /* padding-right: 20px; */
        margin-top: 25px;
        margin-right: 0px;
        padding-left: 5px;
        /* margin-left: 20px; */
    }

    .newmaxf1 {
        width: 97%;
        margin-top: 5%;
        font-family: "MyriadProLight";
        color: #ffffff;
        font-size: 10px;
        line-height: 1.2;
        margin-bottom: 17px;
        padding-left: 6%;
    }

    .blockwaild {
        display: block;
        z-index: 5;
    }

    .case-f4 {
        color: #000000;
        font-family: 'MyriadProLight';
        font-weight: bold;
        font-size: 18px;
        line-height: 1;
        width: 100%;
        margin: 0;
    }

    .case-sec3 {
        padding: 50px;
    }

    .CaseStudies {
     
        background-size: cover;
        height: 245px;
        width: 100%;
        padding-top: 107px;
        padding-left: 60px;
    }

    .CaseStudiesf1 {
        /* font-family: 'MyriadPro-Regular'; */
        font-family: 'MyriadProLight';
        color: #ffffff;
        font-size: 30px;
        line-height: .9;
    }

    .CaseStudiesf2 {
        font-family: 'MYRIADPRO-BOLD';
        color: #ffffff;
        font-size: 20px;
        line-height: .9;
        font-weight: bold;
    }

    .p-l-0 {
        padding-left: 15px;
    }

    .p-r-0 {
        padding-right: 15px;
    }

    .top-75 {
        top: 52px !important;
    }

    .top-85 {
        top: 66px !important;
    }

    .t-113 {
        top: 84px !important;
    }

    .Viewcasee {
        color: #ffd025;
        position: relative;
        top: 40px;
        cursor: pointer;
    }

    .top-85-m {
        top: 77px !important;
    }

    .width20 {
        width: 37%;
    }
}




@media (max-width: 991px) and (min-width:768px) {
    .new-viwe{
        z-index: 9;
        position: relative;
        bottom: 35px;
        color:#ffd025
    }


    .CaseStudies {

        background-size: cover;
        height: 555px;
        width: 100%;
        padding-top: 200px;
        padding-left: 50px;
    }

    .CaseStudiesf1 {
        /* font-family: 'MyriadPro-Regular'; */
        font-family: 'MyriadProLight';
        color: #ffffff;
        font-size: 50px;
        line-height: .9;
    }

    .CaseStudiesf2 {
        font-family: 'MYRIADPRO-BOLD';
        color: #ffffff;
        font-size: 50px;
        line-height: .9;
        font-weight: bold;
    }

    .color-case {
        width: 120px;
        height: 23px;
        background: #ffd025;
        display: inline-block;
        position: absolute;
        position: absolute;
        /* left: 14px; */
        right: 275px;
        /* top: 10px; */
        z-index: -1;
        margin-top: 31px;
    }

    .height-img {
        height: 539px;
    }

    .top-85 {
        top: 200px !important;
    }

    .case-f4 {
        color: #000000;
        font-family: 'MyriadProLight';
        font-weight: bold;
        font-size: 40px;
        line-height: 1;
        width: 100%;
        margin: 0;
    }
}

@media(max-width: 1024px) and (min-width:992px) {
    .new-viwe{
        z-index: 9;
        position: relative;
        bottom: 15px;
        color:#ffd025
    }

    .height-img {
        height: 251px;
        margin-top: 5px;
    }
    .midlle-case {
        background: #DADADA;
        height: 493px;
        padding-top: 130px;
    }
    .responsive {
        height: 253.33px;
    }
    
    .case-f1 {
        opacity: 1;
        color: #000000;
        font-family: 'MYRIADPRO-BOLD';
        font-weight: bold;
        font-size: 50px;
        text-align: center;
        line-height: .9;
    }

    .case-f2 {
        opacity: 1;
        color: #000000;
        font-family: 'MyriadProLight';
        font-weight: bold;
        font-size: 38px;
        text-align: center;
        line-height: .9;
    }

    .color-case {
        width: 120px;
        height: 23px;
        background: #ffd025;
        display: inline-block;
        position: absolute;
        position: absolute;
        /* left: 14px; */
        right: 58px;
        /* top: 10px; */
        z-index: -1;
        margin-top: 31px;
    }

    .Viewcasee {
        color: #ffd025;
        position: relative;
        top: 38px;
        cursor: pointer;
    }

    .top-85 {
        top: 53px !important;
    }

    .top-75 {
        top: 44px !important;
    }

    .t-113 {
        top: 70px !important;
    }

    .top-123 {
        top: 79px !important;
    }

    .top-40 {
        top: 23px !important;
    }

    .case-f4 {
        color: #000000;
        font-family: 'MyriadProLight';
        font-weight: bold;
        font-size: 40px;
        line-height: 1;
        width: 100%;
        margin: 0;
    }

    .CaseStudies {

        background-size: cover;
        height: 625px;
        width: 100%;
        padding-top: 300px;
        padding-left: 200px;
    }
    .top-85-m {
        top: 56px !important;
    }
    .display3block {
        /* opacity: 1; */
        /* transition: opacity 1s linear; */
        /* transition: opacity 1.0s ease-in; */
        animation: 1s ease 1.5s normal forwards displayblock;
        opacity: 0;
        display: none;
    }
}

@media (max-width: 1280px) and (min-width: 1025px) {
    .new-viwe{
        z-index: 9;
        position: relative;
        bottom: 25px;
        color:#ffd025
    }

    .maxesline {
        height: 140px;
    }

    .Viewcasee {
        color: #ffd025;
        position: relative;
        top: 59px;
        cursor: pointer;
    }

    .midlle-case {
        background: #DADADA;
        height: 621px;
        padding-top: 250px;
    }

    .height-img {
        height: 317px;
        margin-top: 7px;
    }
    .responsive {
        height: 321.33px;
    }

    .color-case {
        right: 100px;
    }

    .t-113 {
        top: 97px !important;
    }

    .top-123 {
        top: 109px !important;
    }

    .top-75 {
        top: 69px !important;
    }

    .top-85 {
        top: 75px !important;
    }

    .case-f4 {
        color: #000000;
        font-family: 'MyriadProLight';
        font-weight: bold;
        font-size: 40px;
        line-height: 1;
        width: 100%;
        margin: 0;
    }

}
@media (min-width: 1366px) and (max-width: 1439px){
    .new-viwe{
        z-index: 9;
        position: relative;
        bottom: 35px;
        color:#ffd025
    }
    .height-img {
        height: 338px;
        margin-top: 8px;
    }
    .midlle-case {
        background: #DADADA;
        height: 662px;
        padding-top: 250px;
    }
    .responsive {
        height: 340.33px;
    }
} 
@media (min-width: 1440px) and (max-width: 1599px) {
    .midlle-case {
        background: #DADADA;
        height: 700px;
        padding-top: 250px;
    }
    .height-img {
        margin-top: 8px;
        height: 360px;
    }
    .responsive {
        height: 354.33px;
    }
}



@media (min-width: 1600px) and (max-width: 1919px) {
    
    .maxesline {
        height: 140px;
    }

    .Viewcasee {
        color: #ffd025;
        position: relative;
        top: 59px;
        cursor: pointer;
    }

    .midlle-case {
        background: #DADADA;
        height: 781px;
        padding-top: 250px;
    }

    .height-img {
        height: 399px;
        margin-top: 9px;
    }
    .color-case {
        right: 100px;
    }
    .responsive{
        height: 397.33px;
    }

    .t-113 {
        top: 97px !important;
    }

    .top-123 {
        top: 109px !important;
    }

    .top-75 {
        top: 69px !important;
    }

    .top-85 {
        top: 75px !important;
    }

    .case-f4 {
        color: #000000;
        font-family: 'MyriadProLight';
        font-weight: bold;
        font-size: 40px;
        line-height: 1;
        width: 100%;
        margin: 0;
    }
}







@media(min-width : 1824px) {
    .height-img {
        height: 455px;
    }

    .midlle-case {
        background: #DADADA;
        height: 925px;
        padding-top: 250px;
    }

    .color-case {
        width: 120px;
        height: 23px;
        background: #ffd025;
        display: inline-block;
        position: absolute;
        position: absolute;
        /* left: 14px; */
        right: 210px;
        /* top: 10px; */
        z-index: -1;
        margin-top: 31px;
    }
}

@media screen and (min-width: 1920px) {
    .height-img {
        height: 478px;
        margin-top: 10px;
    }

    .midlle-case {
        background: #DADADA;
        height: 931px;
        padding-top: 250px;
        margin-bottom: 3px;
    }

    .color-case {
        width: 120px;
        height: 23px;
        background: #ffd025;
        display: inline-block;
        position: absolute;
        position: absolute;
        /* left: 14px; */
        right: 210px;
        /* top: 10px; */
        z-index: -1;
        margin-top: 31px;
    }
    .responsive {
        height: 477.33px;
    }
}