@media (min-width: 992px) {
    .navbar {
        padding: 0;
    }
    .we-mega-menu-ul .dropdown-menu,
    .we-mega-menu-ul,
    .navbar,
    #header-inside-right,
    #header-inside-right #block-duxte-mainnavigation.contextual-region {
        position: unset;
    }
    .navbar-we-mega-menu {
        background-color: transparent;
        margin-bottom: 0;
    }
    .we-mega-menu-submenu {
        width: 100%!important;
        display: none;
        background: 40b892;
        height: 100vw;
        margin-top: -7px;
    }
    .we-mega-menu-ul>.we-mega-menu-li {
        border-left: none;
    }
    .we-mega-menu-ul>.we-mega-menu-li>span,
    .we-mega-menu-ul>.we-mega-menu-li>a {
        background-color: transparent;
        text-transform: uppercase;
        color: #000;
        font-size: 16px;
        border-bottom: 2px solid transparent;
    }
    .we-mega-menu-submenu-inner .we-mega-menu-submenu {
        background: transparent;
        box-shadow: none!important;
        border: unset;
        height: auto;
        margin-top: 45px!important;
        left: 0;
        display: block!important;
        visibility: visible!important;
        opacity: 1!important;
        animation-name: unset!important;
        padding-left: 0;
        padding-right: 0;
    }
    .we-mega-menu-submenu-inner .we-mega-menu-submenu .we-mega-menu-col li {
        width: 100%;
        border: 4px solid transparent;
    }
    .we-mega-menu-ul .we-mega-menu-submenu .dropdown-menu>a:before,
    .we-mega-menu-ul .we-mega-menu-submenu .dropdown-menu>span:before {
        background-image: unset;
    }
    .we-mega-menu-ul .dropdown-menu>a:before,
    .we-mega-menu-ul .dropdown-menu>a:after,
    .we-mega-menu-ul .dropdown-menu>span:before,
    .we-mega-menu-ul .dropdown-menu>span:after {
        right: 0
    }
    .we-mega-menu-ul>.dropdown-menu:hover>a,
    .we-mega-menu-ul>.dropdown-menu:hover>span,
    .we-mega-menu-ul>.dropdown-menu:focus>a,
    .we-mega-menu-ul>.dropdown-menu:focus>span,
    .we-mega-menu-ul>.we-mega-menu-li>a:hover,
    .we-mega-menu-ul>.we-mega-menu-li>a:focus {
        background: transparent;
        color: #00AD29;
        z-index: 23;
        border-bottom: 4px solid #00AD29;
    }
    .group-wrapper h3,
    .default-menu .we-mega-menu-col {
        font-size: 20px;
        font-weight: 800;
        color: #fff;
        padding: 10px 0 0;
        margin-bottom: 10px;
        text-transform: uppercase;
        line-height: 1;
    }
    .group-wrapper h3:after,
    .default-menu .we-mega-menu-submenu li.we-mega-menu-li a:after {
        content: '';
        display: block;
        width: 0;
        height: 2px;
        background: #000;
        transition: width .3s;
        margin-top: 7px;
        transform: unset;
    }
    .group-wrapper h3:hover:after,
    .default-menu .we-mega-menu-submenu li.we-mega-menu-li a:hover:after {
        width: 20%;
    }
    .group-wrapper .views-row {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 3px;
        border-bottom: 1px solid #fff;
    }
    .group-wrapper .views-row:hover {
        border-bottom: 1px solid #102917;
    }
    .group-wrapper .views-field {
        margin-bottom: 0;
        border: 4px solid transparent;
    }
    .navbar-we-mega-menu .type-of-block .group-wrapper a {
        color: #fff;
        display: block;
    }
    .default-menu .we-mega-menu-submenu li.we-mega-menu-li a {
        color: #fff;
        font-size: 20px;
        font-weight: normal;
        border: none;
        padding: 0;
        line-height: 1;
    }
    .we-mega-menu-submenu-inner .we-mega-menu-submenu .we-mega-menu-col li a {
        font-size: 16px;
        display: inline-block;
    }
    .navbar-we-mega-menu .type-of-block .group-wrapper h3 a:hover,
    .group-wrapper h3,
    .default-menu .we-mega-menu-submenu li.we-mega-menu-li a:hover {
        color: #000;
    }
}

@media only screen and (min-width:0px) and (max-width:767px) {
    /************************/
    #block-lookingforachange .content {
        padding: 0px 15px;
    }
    .work-do-cont {
        width: 100%;
        display: unset;
        max-width: 100%;
        margin: auto;
        overflow: hidden;
    }
    .work-do-cont .work-do-blk {
        width: 100%;
        padding: 0;
    }
    .view-opportunity-with-us .title,
    .newidea-section span.cmn-sub-ttl,
    .work-do-cont span.cmn-sub-ttl {
        margin-bottom: 10px;
    }
    .newidea-section h2.heading-2,
    .work-do-cont h2.heading-2 {
        margin-bottom: 0px;
        line-height: 38px;
        font-size: 34px;
        font-weight: 600;
    }
    .newidea-section .banner-cont.cmn-title,
    .work-do-cont .banner-cont.cmn-title {
        margin-bottom: 10px;
    }
    .view-opportunity-with-us {
        max-width: 100%;
        padding: 0;
    }
    .view-opportunity-with-us .views-col {
        max-width: 100%;
        width: 100% !important;
    }
    .view-opportunity-with-us .views-field-field-image img {
        width: 100%;
    }
    .view-opportunity-with-us .views-row.row-2 .views-col.col-2 {
        margin-top: unset;
    }
    .view-events header {
        margin: 0px 0px 20px;
        font-size: 20px;
        line-height: 25px;
    }
    .view-events .view-content .views-row {
        flex: 0 0 100%;
        max-width: 100%;
        margin-right: 0px;
        margin-bottom: 25px;
    }
    .event-content {
        max-width: 100%;
        padding: 0px 15px;
    }
    .event-content .title {
        font-size: 20px;
    }
    .banner-wrapper-box h1.title {
        font-size: 40px;
        line-height: 46px;
    }
    .banner-wrapper-box .description p {
        font-size: 20px;
        line-height: 26px;
        min-height: 90px;
    }
    .find-answers a.cmn-btn,
    .banner-wrapper-box .link a {
        font-size: 16px;
        margin-bottom: 30px;
    }
    .banner-wrapper-box {
        padding: 20px 0px;
    }
    .banner-box .right,
    .banner-box .left {
        padding: 0;
    }
    .find-answers h2,
    .faq-listing .heading {
        font-size: 26px;
        margin-bottom: 10px;
        line-height: 32px;
    }
    .faq-listing .subtitle {
        margin-bottom: 10px;
        font-size: 20px;
        line-height: 26px;
    }
    .find-answers {
        padding: 0px 15px;
    }
    #block-webform-2 {
        width: 100%;
        padding: 20px;
    }
    #block-awardbannerimageanddescription,
    #block-webform-2 .form-item {
        width: 100%;
    }

    .portfolio-website .view-content .views-row .views-field-field-portfolio-image {
      width: 100%;
      padding: 0px 20px 20px;
    }
    .portfolio-website .view-content .views-row .p-body {
      width: 100%;
    }
    .portfolio-website .view-content .views-row .p-outer-box {
      width: 100%;
    }
}

.page-node-type-events .flexslider:hover .flex-direction-nav a,
.page-node-type-events .flexslider:hover .flex-direction-nav a {
    display: none;
}

.event-content {
    max-width: 800px;
    margin: 20px auto;
    padding-bottom: 20px;
}

.event-content .title {
    font-size: 24px;
    margin: 14px 0;
    color: #4a4a4a;
    font-weight: 700;
    line-height: 120%;
    white-space: normal;
    text-align: left;
    font-family: Arial;
}

.event-content .flex-control-nav {
    bottom: 15px;
    text-align: right;
    z-index: 2;
    right: 15px;
    font-size: 0;
}

.event-content .flexslider {
    margin: 0 0 10px;
}

.event-content .flex-control-paging li a.flex-active {
    background: #2c9b30;
    cursor: default;
}

.event-content .flex-control-paging li a:hover {
    background: #2c9b30;
}

.invisionapp-banner-bg {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -250px
}

.invisionapp-banner {
    position: relative;
}

.invisionapp-dozzy-logo {
    width: 100%;
    display: inline-block;
    position: absolute;
    bottom: 30px
}

.invisionapp-dozzy-logo ul {
    margin: 0;
    padding: 0;
    margin-top: 27px
}

.invisionapp-dozzy-logo ul li {
    display: inline-block;
    margin-left: 20px;
    list-style: none;
    position: relative
}

.invisionapp-dozzy-logo ul li:before {
    content: "";
    width: 4px;
    height: 4px;
    display: inline-block;
    position: absolute;
    left: -15px;
    background: #1d2029;
    border-radius: 50%;
    top: 12px
}

.invisionapp-dozzy-logo ul li:first-child:before {
    display: none
}

.invisionapp-dozzy-logo ul li:first-child {
    margin-left: 0
}

.invisionapp-dozzy-logo ul li a {
    font-size: 20px;
    color: #222;
    font-family: poppinssemibold
}

.invisionapp-dozzy-logo ul li a:hover {
    color: #fff;
    text-decoration: none
}

.invisionapp-stats-section {
    width: 100%;
    display: inline-block;
    position: relative;
    z-index: 1;
}

.invisionapp-stats-block {
    display: table;
    margin: 0 auto;
}

.invisionapp-stats-box {
    min-width: 300px;
    display: inline-block;
    text-align: center;
}

.invisionapp-stats-box #shiva {
    font-size: 110px;
    font-weight: 600;
    color: #dadada;
    margin-bottom: 55px;
}

.invisionapp-stats-box p {
    font-size: 18px;
    color: #dadada;
    font-weight: 500;
}

.invisionapp-stats-section.active h5,
.invisionapp-stats-section.active h1 {
    transition-delay: 2s;
    opacity: 1;
    transform: scale(.99);
    transition: opacity .5s cubic-bezier(.5, 0, 1, 1) 375ms, transform 1.8s cubic-bezier(0, 0, .2, 1) 375ms;
}

.invisionapp-stats-section h5:before,
.invisionapp-stats-section h1:before {
    background: url(../images/invisionapp_top-but.png) no-repeat center;
    content: "";
    width: 227px;
    height: 105px;
    position: absolute;
    display: inline-block;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: -1;
    top: -55px;
}

.invisionapp-stats-section h5,
.invisionapp-stats-section h1 {
    text-align: center;
    margin-top: 150px;
    margin-bottom: 100px;
    font-size: 34px;
    color: #dadada;
    font-weight: 600;
    position: relative;
    opacity: 0;
}

.invisionapp-banner {
    width: 100%;
    display: inline-block;
    background: #212121;
    color: #fff;
    height: calc(100vh - 82px);
    margin-top: 70px;
}

.view_our_work {
    width: 100%;
    display: inline-block;
    text-align: center;
    margin: 140px 0 54px;
    position: absolute;
    bottom: 0
}

.view_our_work_btn {
    font-size: 18px;
    color: #dadada;
    font-weight: 500;
    display: inline-block
}

a.view_our_work_btn:after {
    content: "";
    position: absolute;
    width: 30px;
    height: 30px;
    left: 0px;
    right: 0px;
    margin: auto;
    background: url(../images/invisionapp_banner_arrow.svg);
    background-repeat: no-repeat;
}

.view_our_work_btn:hover {
    color: #fff;
    text-decoration: none
}

.view_our_work_btn span {
    display: block;
    margin-bottom: 26px
}

.invisionapp-banner-bg {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -250px
}

.invisionapp-scosche-block.hover_blk {
    width: 100%;
    overflow: hidden;
    position: relative;
    height: 630px;
    padding: 40px 0px;
}

.view-portfolio-blog-page {
    padding: 40px 0px 60px;
}

.view-portfolio-blog-page .views-row .logo-image-box {
    float: left;
    width: 50%;
    overflow: hidden;
}

.view-portfolio-blog-page .views-row:nth-child(even) .logo-image-box {
    float: right;
    width: 50%;
    overflow: hidden;
}

.view-portfolio-blog-page .views-row .title-description {
    float: right;
    width: 50%;
    margin-top: 200px;
}

.view-portfolio-blog-page .views-row .title {
    color: #000;
    font-size: 90px;
    font-weight: 600;
    margin-left: -170px;
    line-height: 100px;
}

.view-portfolio-blog-page .views-row:nth-child(even) .title-description {
    float: left;
    width: 50%;
    text-align: right;
    right: -150px;
    position: relative;
}

.view-portfolio-blog-page .views-row .description {
    margin-left: -20px;
    font-size: 20px;
    margin-bottom: 20px;
}

.view-portfolio-blog-page .views-row .portfolio-image {
    text-align: center;
    margin-left: 50px;
}

.view-portfolio-blog-page .views-row .portfolio-image img {
    width: 65%;
    margin-top: 20px;
    height: auto;
}

.view-portfolio-blog-page .logo {
    position: absolute;
    top: 170px;
    left: 60px;
}

.view-portfolio-blog-page .views-row:nth-child(even) .logo {
    left: unset;
    right: 60px;
}

.view-portfolio-blog-page .logo img {
    width: 140px;
}

.view-portfolio-blog-page .logo img {
    width: 140px;
}

.view-portfolio-blog-page .background_div {
    position: absolute;
    top: 0;
    z-index: -1;
}


/*************** testimonials page*******************/

.clients-testimonials-tabs ul.quicktabs-tabs {
    max-width: 1358px;
    margin: auto;
}

.clients-testimonials-tabs ul.quicktabs-tabs li a,
.block-quicktabs-blockquicktabs-portfolio ul.quicktabs-tabs li a {
    font-size: 22px;
}

.clients-testimonials-tabs ul.quicktabs-tabs li a:hover,
.clients-testimonials-tabs ul.quicktabs-tabs li.active a,
.block-quicktabs-blockquicktabs-portfolio ul.quicktabs-tabs li a:hover,
.block-quicktabs-blockquicktabs-portfolio ul.quicktabs-tabs li.active a {
    color: #0067ff;
    border-bottom: solid 3px;
    padding-bottom: 15px;
}

.view-our-client .faq-listing.clients-heading {
    margin: unset;
    max-width: 1358px;
    padding: 80px 0 50px;
}

.view-id-our_client.view-display-id-block_2 .faq-listing .heading {
    margin-bottom: 0px;
}

.view-our-client,
.view-it-services {
    max-width: 1358px!important;
    margin: auto;
    padding: 0px 15px;
}

.view-our-client.view-display-id-block_3 .view-content,
.view-it-services .view-content {
    text-align: center;
    margin: 0px 100px 80px;
}

.view-our-client.view-display-id-block_3 .views-row,
.view-it-services .view-content .views-row {
    display: inline-block;
    width: 259px;
    text-align: center;
    vertical-align: text-bottom;
    box-shadow: 0 16px 24px 9px rgb(27 29 35 / 0%);
    border: 1px solid rgb(238 238 238/0%);
    border-radius: 10px;
    margin-bottom: 25px;
}

.view-our-client.view-display-id-block_3 .views-row:hover,
.view-it-services .view-content .views-row:hover {
    box-shadow: 0 16px 24px 9px rgb(27 29 35 / 8%);
    border: 1px solid #eee;
    cursor: pointer;
}

.view-our-client.view-display-id-block_3 .views-row .views-field-field-image,
.view-it-services .view-content .views-row .views-field-field-p-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    max-height: 196px;
    height: 196px;
}

.view-id-our_client.view-display-id-block_2 .view-content {
    width: 100%;
    overflow: hidden;
    margin-bottom: 30px;
}

.view-our-client.view-display-id-block_2 .views-row {
    width: 31.3%;
    float: left;
    margin-right: 3%;
}

.view-our-client.view-display-id-block_2 .views-row:nth-child(3n) {
    margin-right: 0px;
}

.view-our-client.view-display-id-block_2 .views-row .testinomials-listing {
    margin: 0 0 50px;
    width: 100%;
    height: auto;
    position: relative;
    padding: 0;
    text-align: left;
    border-radius: 10px;
    box-sizing: border-box;
    min-height: 375px;
    display: inline-block;
    box-shadow: 0 16px 24px 9px rgb(27 29 35 / 0%);
    border: 1px solid rgb(238 238 238/0%);
}

.view-our-client.view-display-id-block_2 .views-row .testinomials-listing:hover {
    box-shadow: 0 16px 24px 9px rgb(27 29 35 / 8%);
    border: 1px solid #eee;
}

.view-our-client.view-display-id-block_2 .testinomials-listing img {
    width: 100%;
    border-radius: 10px;
    object-fit: cover;
}

.view-our-client .testinomials-listing .client-content {
    padding: 20px 0 20px 30px;
}

.view-our-client .client-infomation-box .title,
.view-our-client.view-display-id-block_2 .testinomials-listing .title {
    margin-bottom: 5px;
    font-size: 24px;
    font-weight: bold;
    color: #212121;
}

.view-our-client .client-infomation-box .county,
.view-our-client.view-display-id-block_2 .testinomials-listing .postion {
    font-size: 18px;
    color: #666;
}

.view-our-client .playbutton {
    position: relative;
}

.view-our-client .playbutton a.play {
    position: absolute;
    right: 30px;
    background: #fff url(../images/video-play-icon.png) repeat no-repeat;
    top: -35px;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    box-shadow: 0 8px 24px 9px rgb(27 29 35 / 8%);
    font-size: 0;
    cursor: pointer;
}

.view-our-client.view-display-id-block_1 .views-row {
    width: 31.3%;
    float: left;
    margin-right: 3%;
    min-height: 420px;
    margin-bottom: 100px;
    border-radius: 10px;
    border: 1px solid rgb(238 238 238/0%);
}

.view-our-client.view-display-id-block_1 .views-row:nth-child(3n) {
    margin-right: 0px;
}

.view-our-client.view-display-id-block_1 .views-row:hover {
    box-shadow: 0 16px 24px 9px rgb(27 29 35 / 8%);
    border: 1px solid #eee;
    border: 1px solid rgb(238 238 238/0%);
}

* .view-our-client.view-display-id-block_1 .view-content {
    width: 100%;
    margin-top: 80px;
}

.client-infomation-box .imagebox {
    display: block;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    margin-top: -50px;
    margin-left: 30px;
    box-shadow: 0 10px 15px rgb(0 0 0 / 20%);
    background: #fff;
    position: relative;
    overflow: hidden;
}

.client-infomation-box .imagebox img {
    width: 100px;
    height: 100px;
    object-fit: cover;
}

.client-infomation-box .client-content {
    margin: 0;
    padding: 30px 30px 0;
}

.client-infomation-box .client-content .description {
    padding: 30px 0 20px;
    font-size: 22px;
    line-height: 30px;
    color: #212121;
    position: relative;
}

.client-infomation-box .client-content .description::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/qoute.png) top center no-repeat;
    width: 66px;
    height: 63px;
    display: block;
}

.client-infomation-box .client-content .read-more {
    opacity: 0;
    min-width: 190px;
    line-height: 58px;
    text-align: center;
    border: 1px solid #0067ff;
    color: #fff;
    display: inline-block;
    border-radius: 4px;
    font-size: 18px;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    padding: 0 15px;
    cursor: pointer;
    margin: 10px 0 30px;
    background: #0067ff;
}

.client-infomation-box .client-content .read-more:after {
    content: "";
    width: 30px;
    height: 15px;
    display: inline-block;
    background: url(../images/right-white-arrow.svg);
    background-position: 15px 100%;
    background-repeat: no-repeat;
}

.client-infomation-box .client-content .read-more:hover {
    color: #fff;
    border: 1px solid #000;
    background: #000;
}

.view-our-client.view-display-id-block_1 .views-row:hover .client-content .read-more {
    opacity: 1;
}

.top-menu-testimonial a:hover{
    color: #fff!important;
}
.top-menu-testimonial .client-infomation-box {
    max-width: 350px;
    color: #fff;
    padding: 0 20px;
}

.top-menu-testimonial .client-infomation-box a {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
}

.top-menu-testimonial .client-infomation-box:hover {
    border-radius: 4px;
    box-shadow: 0 1px 6px 1px rgb(0 0 0 / 5%);
}

.top-menu-testimonial .client-infomation-box .description {
    margin-bottom: 20px;
}
.top-menu-testimonial .client-infomation-box .imagebox{
    margin: 10 0 0;
}
.top-menu-testimonial h2, .top-menu-portfolio h2 {
    font-size: 20px!important;
    font-weight: 400!important;
    color: #fff!important;
    padding: 10px 0 0 20px!important;
    text-transform: uppercase;
    line-height: 1;
    border-bottom: none!important;
    margin-bottom: 10px;
    display: block!important;
}