.mobileonly {
    display: none !important;
}
ul#menu-home li:last-of-type {
    display: none;
}

@media (min-width: 1400px) {
}

@media (max-width:1199px) {
    .case-studies-slider {
        & .swiper-slide {
            &:nth-of-type(3n+1) {
                & .communication-box {
                    background: #000;
                    border-radius: 20px;
                    padding-bottom: 30px;
                }
            }

            &:nth-of-type(3n+2) {
                & .communication-box {
                    background: #FDEE15;
                    border-radius: 20px;
                    padding-bottom: 30px;
                }
            }

            &:nth-of-type(3n+3) {
                & .communication-box {
                    background: #e7e7e7;
                    border-radius: 20px;
                    padding-bottom: 30px;
                }
            }
        }
    }

    .full-width.news-section.single-page,
    .single-case-study .case-studies-slider.more.fullwidth {
        &::after {
            height: 160px;
            width: 237px;
        }
    }

    .single-post,
    .single-case-study {
        & footer#main-footer {
            &::before {
                height: 150px;
                width: 210px;
            }
        }
    }

    .container,
    .container-lg,
    .container-md,
    .container-sm {
        max-width: 95%;
    }

    h2 {
        font-size: 42px;
        margin-bottom: 40px;
    }

    .graphic-communication {
        & img {
            max-height: 80px;
            margin-bottom: 25px;
        }
    }

    .graphic-communication {
        & .communication-box {
            background-size: contain !important;
            background-position: center center !important;
            padding-top: 50px !important
        }
    }

    .services-communication {
        & .row {
            & .col-sm-4 {
                & .communication-box {
                    background-position: center !important;
                    background-size: contain !important;
                }
            }
        }
    }

    .services-communication {
        & img {
            max-height: 80px;
            margin-bottom: 10px;
        }
    }

    .team-sections {
        & .full-section {
            & .team-text-section {
                max-width: 470px;
            }
        }
    }

    ul#menu-home li {
        margin-right: 10px;

        a {
            font-size: 12px
        }
    }

    header {
        .btn.theme-btn {
            padding: 3px 15px;
            height: auto;
            line-height: 38px;
            box-shadow: none;
            border-radius: 22px;
            font-size: 13px;
        }
    }

    .awards-section {
        padding: 60px 0;
    }

    .our-story-section {
        &::after {
            height: 200px;
            width: 227px;
        }
    }

    .our-story-section {
        border-top-right-radius: 140px;
    }

    .our-story-section {
        &::before {
            height: 170px;
            width: 227px;
        }
    }

    .full-width.team-section {
        &::after {
            height: 110px;
            width: 170px;
        }
    }

    .full-width.team-section {
        &::before {
            height: 180px;
            width: 264px;
            bottom: -2px;
        }
    }

    .awards-section {
        &::before {
            height: 170px;
            width: 260px;
            top: -2px;
            right: 0;
        }
    }

    .awards-section {
        &::after {
            height: 200px;
            width: 237px;
            bottom: -2px;
            left: -12px;
        }
    }

    .page-template-team {
        & footer#main-footer {
            &::before {

                height: 170px;
                width: 230px;
            }
        }
    }

    .footer-newsletter {

        padding: 60px 0px 200px;
    }

    .awards-section {
        & .box-section {
            & img {
                max-height: 70px;
            }
        }
    }

    .awards-section {
        & .box-section {
            min-height: 260px;
            position: relative;
        }
    }

    .services-wrapper {
        &::before {
            height: 170px;
            width: 230px;
        }
    }

    .client-testimonials {
        & .box-client {
            & .box-section {
                padding: 30px;
                padding-top: 50px;
                padding-left: 50px
            }
        }
    }

    .client-testimonials {
        & .box-client {
            & p {
                font-size: 17px;
            }
        }
    }

    .client-testimonials {
        & .box-client {
            & .box-section {
                &::before {
                    height: 50px;
                    width: 33px;
                    left: 11px;
                    top: 38px;
                }
            }
        }
    }

    .client-testimonials {
        & .swiper-wrapper {
            & .swiper-slide {
                & .box-section {
                    min-height: 320px !important;
                    margin-bottom: -68px;
                    background-size: contain !important
                }
            }
        }
    }

    .client-testimonials {
        & .swiper-wrapper {
            & .swiper-slide.swiper-slide-active {
                & .box-section {
                    margin-bottom: -85px;
                }
            }
        }
    }

    .case-studies-slider {
        & .swiper-slide {
            & .communication-box {
                & .text-center {
                    & img {
                        max-height: 80px;
                        margin-bottom: 20px;
                    }
                }
            }
        }
    }

    .page-template-case-studies,
    .page-template-news,
    .archive.category {
        & footer#main-footer {
            &::before {
                height: 140px;
                width: 237px;
            }
        }
    }

    .last-section {
        &::after {
            height: 190px;
            width: 237px;
            top: 100px;
        }
    }

    .page-template-case-studies,
    .page-template-news,
    .archive.category {
        & footer#main-footer {
            border-top-right-radius: 170px;
            position: relative;
        }
    }

    .case-studies-slider {

        .swiper-button-prev {
            right: -15px
        }

        .swiper-button-next {
            right: -15px
        }
    }

    .news-listings-wrapper ul {
        & li.category-item {
            margin-left: 20px;
        }
    }

    .form-section {
        & .form-inner {
            background: #fff;
            border-radius: 20px;
            padding: 20px 30px 60px ;
            box-shadow: 0 0 14px #777676;
        }
    }

    .news-section {
        & .container {
            & .swiper-button-next {
                right: -5px;
            }

            & .swiper-button-prev {
                right: -5px;
            }
        }
    }
    .case-studies-slider {
        &::after {
            height: 133px;
            width: 227px;
        }
    }
    .singlepost-main {
        &::after {
            height: 160px;
            width: 227px;
            bottom: 100%;
            left: -12px;
        }
    }
    .section-communication,
    .graphic-communication,
    .services-communication,
    .team-sections .full-section,
    .news-section,
    .sponsor-section,
    .footer-newsletter,
    .services-wrapper,
    .our-story-section,
    .awards-section,
    .logos-section,
    .case-studies-slider{
        background-image: none
    }
    .contact-section {
        & ul {
            & li {

                & .content-icon {
                    margin-right: 15px;
                    height: 55px;
                    width: 55px;
                }
            }
        }
    }
    .contact-section {
        & ul {
            & li {
                padding-left: 20px;
            }
        }
    }
    .content-info P {
        display: flex;
        font-size: 14px;
    }
}

@media screen and (max-width:991px) {

    .form-section {
        & .follow-wrapper {
            max-width: 90%;
            padding-top: 100px;
        }
    }
    .singlepost-main {
        &::after {
            bottom: 100%;
        }
    }
    .single-post {
        & footer#main-footer {
            &::before {

                height: 140px;
                width: 220px;
            }
        }
    }

    .contact-section {
        & ul {
            & li {
                flex-wrap: wrap;
                justify-content: center;
                align-items: flex-start;
            }
        }
    }

    .contact-section {
        & ul {
            & li {
                &:nth-of-type(2) {
                    & .content-info {
                        padding-top: 40px;
                    }
                }
            }
        }
    }

    .contact-section {
        & ul {
            & li {
                &::after {
                    right: 0;
                }
            }
        }
    }

    .case-studies-slider {
        &::after {
            height: 133px;
            width: 227px;
        }
    }

    .news-listings-wrapper ul {
        & li.category-item {
            margin-left: 10px;
            text-align: center;

            &:nth-of-type(1) {
                margin-left: 0
            }
        }
    }

    .last-section {
        margin-top: -40px;
        margin-bottom: -40px;

        &::after {
            top: 40px;
        }

    }

    .page-template-case-studies,
    .page-template-news,
    .archive.category {
        & footer#main-footer {
            border-top-right-radius: 110px;
            position: relative;
        }
    }

    .page-template-case-studies,
    .page-template-news,
    .archive.category {
        & footer#main-footer {
            &::before {
                height: 90px;
                width: 145px;
            }
        }
    }

    .case-studies-slider {
        & .swiper-slide {
            &:nth-of-type(3n+1) {
                & .communication-box {
                    background-image: url(./../imgs/HLS-home-graphics-case-yellow-bubble.png);
                    background-color: #FDEE15;

                    label,
                    p,
                    a,
                    span {
                        color: #000 !important;

                    }

                    a.read-more {
                        &:after {
                            background-image: url(./../imgs/black-arrow.png) !important;

                        }
                    }
                }
            }

            &:nth-of-type(3n+2) {
                & .communication-box {
                    background-image: url(./../imgs/HLS-home-graphics-case-grey-bubble.png);
                    background-color: #e7e7e7;
                }
            }

            &:nth-of-type(3n+3) {
                & .communication-box {
                    background-image: url(./../imgs/HLS-home-graphics-case-black-bubble.png);
                    background-color: #000;

                    label,
                    p,
                    a,
                    span {
                        color: #fff;

                    }

                    a.read-more {
                        &:after {
                            background-image: url(./../imgs/white-arrow.png) !important;
                        }
                    }
                }
            }
        }

        .swiper-button-prev {
            right: 0
        }

        .swiper-button-next {
            right: 0
        }
    }

    .banner-section.home-banner-section.section {
        min-height: 95vh;

        .container {
            position: relative
        }
    }

    .section-communication {
        .container {
            position: relative
        }
    }

    .section-communication {
        & ul {
            & li {
                margin-right: 15px;

                img {
                    max-width: 13px;
                    margin-right: 4px;
                }
            }
        }
    }

    .section-communication {
        &::before {
            height: 162px;
            width: 310px;
            bottom: -3px;
        }
    }

    .page-template-homepage {
        & .slider-video {
            height: 90vh;
        }
    }

    .section-communication {
        &::after {
            height: 170px;
            width: 250px;
        }
    }

    .graphic-communication {
        &::after {
            height: 199px;
            width: 270px;
        }
    }

    .graphic-communication {
        & .row {
            & .col-sm-4 {
                &:nth-of-type(2) {
                    & .communication-box {
                        background: #FDEE15;
                        border-radius: 30px !important;
                        padding: 30px !important
                    }
                }
            }
        }

        .communication-box {
            border-radius: 30px !important;
            padding: 30px !important;
            min-height: 100% !important;
        }

        & .row {
            & .col-sm-4 {
                &:nth-of-type(1) {
                    & .communication-box {
                        background: #000;
                    }
                }
            }
        }

        & .row {
            & .col-sm-4 {
                &:nth-of-type(3) {
                    & .communication-box {
                        background: #fff;
                    }
                }
            }
        }

    }

    .services-communication {
        & .row {
            & .col-sm-4 {
                &:nth-of-type(1) {
                    & .communication-box {
                        background: #000;
                    }

                }

                &:nth-of-type(2) {
                    & .communication-box {
                        background: #FDEE15;
                    }

                }

                &:nth-of-type(3) {
                    & .communication-box {
                        background: #e7e7e7;
                    }

                }

                &:nth-of-type(4) {
                    & .communication-box {
                        background: #FDEE15
                    }

                }

                &:nth-of-type(5) {
                    & .communication-box {
                        background: #e7e7e7;
                    }

                }

                &:nth-of-type(6) {
                    & .communication-box {
                        background: #000;
                    }

                }
            }
        }

        .communication-box {
            border-radius: 30px !important;
            padding: 30px !important;
            min-height: 100% !important;
        }
    }

    .services-communication {
        & .row {
            & .col-sm-4 {
                padding: 0 15px;
            }
        }
    }

    .footer-newsletter-inner.text-center h2 {
        font-size: 42px;
        margin-bottom: 40px;
    }

    body #main-header {
        display: block !important;
    }

    .mob-menu-header-holder.mobmenu {
        width: 50px;
        right: 15px;
    }

    .services-communication {
        & .top-sections {
            & img {
                max-height: inherit;
                max-width: 380px;
            }
        }
    }

    .services-communication {
        &::before {
            height: 190px;
            width: 190px;
            top: -5px;
            right: 0;
        }
    }

    .graphic-communication {
        &::before {
            height: 160px;
            width: 270px;
        }
    }

    .mobmenur-container i {
        color: #fff !important;
        border: 1px solid #fff;
        padding: 1px;
        border-radius: 4px !important;
        font-size: 24px !important;
    }

    .services-communication {
        & .top-sections {
            & .rights-sections {
                padding-left: 52px;
                position: relative;
                width: 60%;
            }
        }
    }

    .section-communication {
        border-top-right-radius: 150px;
    }

    .mobmenur .graphic-communication {
        &::before {
            height: 180px;
            width: 300px;
            top: -2px;
            right: 0;
        }
    }

    -container {
        top: 15px !important;
        margin-right: 5px !important;
        margin-top: 0px !important;
    }

    .mob-icon-cancel-1:before {
        color: #fff !important;
    }

    .mobmenu-content li a {
        padding: 10px 0px !important;
    }

    #mobmenuright li a,
    #mobmenuright li a:visited,
    .show-nav-right .mob-menu-copyright,
    .show-nav-right .mob-expand-submenu i {
        color: #000 !important;
        background: transparent !important;
    }

    .mobmenu-content #mobmenuright li:hover {
        background-color: transparent !important;
    }

    .mobmenu-right-alignment.mobmenu-panel.mobmenu-right-panel:before {
        content: "";
        position: absolute;
        background: url('/wp-content/uploads/2024/11/logo.png');
        width: 150px;
        height: 35px;
        background-size: cover !important;
        top: 20px;
        left: 20px;

    }

    #mobmenuright li a,
    #mobmenuright li a:visited,
    .show-nav-right .mob-menu-copyright,
    .show-nav-right .mob-expand-submenu i {
        color: #fff !important;
        font-family: "Darker Grotesque", sans-serif !important;
    }

    .mobmenu-content {
        background: #000 !important;
        margin-top: 0 !important;
    }

    .menu-header-menu-container {
        margin-top: 70px;
    }

    .mobmenu-left-panel .mobmenu-left-bt,
    .mobmenu-right-panel .mobmenu-right-bt {
        top: 10px !important;
        font-size: 30px;
    }

    .news-section .container {
        position: relative;
        z-index: 999;
    }

    .news-section {
        & .news-box {
            height: 320px;
        }
    }

    .news-section {
        & .news-box {
            & .title-section {
                padding: 15px;
            }
        }
    }

    .graphic-communication {
        padding: 100px 0 10px;
    }

    .news-section {
        &::after {
            height: 190px;
            width: 270px;

        }
    }

    .news-section {
        padding: 80px 0px;
        position: relative;
    }

    .sponsor-section {
        &::before {
            height: 180px;
            width: 190px;
            top: -4px;
        }
    }

    .sponsor-section {
        &::after {
            width: 245px;
            bottom: 0px;
            left: -12px;
            width: 245px;
            height: 170px;
        }
    }

    .page-template-homepage {
        & footer#main-footer {
            &::before {
                height: 170px;
                width: 210px;
                top: -1px;
                right: 0;
            }
        }
    }

    .footer-newsletter {
        color: #fff;
        padding: 60px 0px 200px;
    }

    .banner-content-inner img {
        max-width: 80px;
        margin: auto;
    }

    .banner-section.home-banner-section.client-top.section {
        & .banner-content-inner {
            min-width: 40%;
            text-align: center;
        }
    }

    .our-story-section {
        padding: 60px 0;
    }

    .awards-section {

        & .swiper-button-next,
        & .swiper-container-rtl .swiper-button-next {
            right: 0;
            top: 60%;
        }
    }

    .awards-section {

        & .swiper-button-prev,
        & .swiper-container-rtl .swiper-button-next {
            left: 0;
            top: 60%;
            right: auto;
        }
    }

    .banner-section.home-banner-section.client-top.section.services-section {
        & .banner-content {
            & ul {
                flex-wrap: wrap;

                li {
                    margin-bottom: 10px
                }
            }
        }
    }

    .services-wrapper {
        & .d-flex.align-items-center {
            margin-bottom: 50px;
            padding-bottom: 30px;
            position: relative;
            flex-wrap: wrap;
        }
    }

    .services-wrapper {
        & .btn-section {
            margin-left: 0;
            padding-top: 10px;
        }
    }

    .logos-section {
        &::after {
            height: 130px;
            width: 207px;
            left: -12px;
        }
    }

    .logos-section {
        border-top-right-radius: 140px;
    }

    .logos-section {
        & ul {
            & li {
                width: calc(100% /5);
            }
        }
    }

    .client-testimonials {
        background: #000;
        border-bottom-left-radius: 140px;
    }

    .logos-section {
        &::before {
            height: 140px;
            width: 220px;
        }
    }

    .client-testimonials,
    .full-width.news-section.single-page {
        &::after {
            height: 120px;
            width: 160px;
        }
    }

    .last-section {
        &::after {
            height: 110px;
            width: 155px;
        }
    }

    .page-template-client {
        & footer#main-footer {
            &::before {
                height: 150px;
                width: 200px;
            }
        }
    }

    .page-template-client {
        & .last-section {
            &::after {
                top: 36px;

            }
        }
    }

    .banner-section.home-banner-section.client-top.section {
        & .slider-video {
            top: 50%;
        }
    }

    .page-template-client {
        & footer#main-footer {
            border-top-right-radius: 140px;
        }
    }

    .page-template-client {
        & .last-section {
            margin-top: -40px;
            margin-bottom: -60px;
        }
    }

    .singlepost-main {
        border-top-right-radius: 140px;

        &::after {
            height: 160px;
            width: 227px;
            bottom: 100%;
            left: -12px;
        }
    }
    .content-info {
        width: 100%;
        justify-content: center;
        display: flex;
        text-align: center;
    }
    .contact-section {
        & ul {
            & li {
                & .content-icon {
                    margin-right: 0;
                }
            }
        }
    }

}

@media(max-width:767px) {
    .form-section {
        & .follow-wrapper {
            max-width: 100%;
            padding-top: 30px;
        }
    }
    .full-width.team-section .col-sm-3.col-12 {
        text-align: center;
        width: 50%;
    }

    .full-width.team-section {
        & ul {
            justify-content: center;
        }
    }

    .full-width.team-section .col-sm-3.col-12 {
        text-align: center;
    }

    .theme-menu-mobile.text-center {
        background: #151833;
        position: fixed;
        width: 100%;
        height: 100%;
    }

    body.active {
        overflow: hidden;
    }

    .logos-section {
        padding: 50px 0;
    }

    .client-testimonials {

        .swiper-button-next img,
        .swiper-button-prev img {
            max-width: 15px;
        }
    }

    .theme-menu-mobile.text-center {
        background: #f7ed16;
        position: fixed;
        width: 100%;
        height: 100%;
        left: 100%;
        transition: all ease-in-out 0.4s;
        z-index: 9;
        padding-top: 15px;
        top: 95px
    }

    #main-header .col-xs-3.col-md-3.col-lg-3.header-menu-left.logobox {
        width: 72%;
    }

    #main-header .row.align-items-center {
        flex-wrap: nowrap;
    }

    #main-header .menu>li::after {
        display: none
    }

    .menu {
        width: 100%;
        padding-top: 50px
    }

    #main-header .menu>li {
        position: relative;
        text-align: left;
        margin-bottom: 0px;
        font-size: 15px;
        padding-left: 15px;
        border-top: 1px solid #d7cd60;
        border-bottom: 1px solid #ffff36;
    }

    #main-header .menu>li a {
        font-size: 15px;
        padding: 12px 0;
        display: block;
        color: #000
    }

    #main-header .menu>li:first-of-type {
        border-top: 0
    }

    #main-header .menu>li:last-of-type {
        border-bottom: 0px
    }

    .theme-menu-mobile,
    .mobile-menu {
        display: block;
    }

    .mobile-menu {
        width: 50px;
        height: 50px;
        position: relative;
        right: -20px;
        cursor: pointer
    }

    .mobile-menu span {
        background: #f7ed16;
        width: 30px;
        display: block;
        height: 1px;
        position: absolute;
        transition: all ease-in-out 0.4s;
    }

    .mobile-menu span:nth-of-type(1) {
        top: 15px
    }

    .mobile-menu span:nth-of-type(2) {
        top: 25px
    }

    .mobile-menu span:nth-of-type(3) {
        top: 35px;
    }

    .theme-menu-mobile.text-center.active {
        left: 0;
    }

    .mobile-menu.active span:nth-of-type(2) {
        opacity: 0
    }

    .mobile-menu.active span:nth-of-type(1) {
        transform: rotate(45deg);
        top: 22px;
    }

    .mobile-menu.active span:nth-of-type(3) {
        transform: rotate(-45deg);
        top: 22px;
    }

    .case-studies-slider {
        & .swiper-button-prev {
            top: 107%;
            min-width: 144px;
            right: auto !important;
        }

        & .swiper-button-next {
            top: 107%;
            min-width: 144px;
            right: 15px !important
        }
    }

    .case-studies-slider {
        & .swiper-container {
            padding-right: 0;
        }

        padding-bottom: 100px !important
    }

    .logos-section {
        & ul {
            & li {
                width: calc(100% /2);
            }
        }
    }

    .services-wrapper {
        &::before {
            height: 56px;
            width: 90px;
        }
    }
    .news-section {
        & .news-box {
            &:hover {
                .title-section {
                    top: 38%
                }
            }
        }
    }
    .services-wrapper {
        border-top-right-radius: 80px;
    }

    .mobileonly {
        display: block !important;
    }

    .header-right {
        display: none;
    }

    .section-communication {
        &::after {
            height: 80px;
            width: 140px;
        }
    }

    h2 {
        font-size: 32px;
        margin-bottom: 40px;
    }

    .services-wrapper {
        padding: 60px 0;
    }

    .services-wrapper {
        &::after {
            height: 80px;
            width: 147px;
        }
    }

    .page-template-services {
        & footer#main-footer {
            &::before {
                height: 80px;
                width: 110px;
            }
        }
    }

    .section-communication {
        border-top-right-radius: 100px;
        padding: 50px 0;
        background-position: center 36px;
        background-size: contain;
        background-repeat: no-repeat;
        background-color: #000;
        position: relative;
        z-index: 9;
    }

    .banner-content-inner img {
        max-width: 50px;
        margin: auto;
    }

    .section-communication {
        & ul {
            flex-wrap: wrap;
        }
    }

    .graphic-communication {
        &::before {
            height: 80px;
            width: 130px;
        }
    }

    .section-communication {
        &::before {
            height: 112px;
            width: 170px;
            bottom: -1px;
        }
    }

    .footer-newsletter {
        color: #fff;
        padding: 20px 0px 100px;
    }

    .graphic-communication {
        padding: 50px 0 10px;
    }

    .services-communication {
        & .top-sections {
            flex-wrap: wrap;
        }
    }

    .services-communication {
        & .top-sections {
            & .rights-sections {
                padding-left: 15px;
                position: relative;
                width: 100%;
                padding-top: 20px;
            }
        }
    }

    .graphic-communication {
        & .row {
            & .col-sm-4 {
                padding: 0 20px;
                margin-bottom: 30px;
            }
        }
    }

    .graphic-communication {
        & .d-flex.justify-content-end.graphic-last {
            border: 0px;
            margin-top: 30px;
            flex-wrap: wrap;
        }
    }

    .graphic-communication {
        &::after {
            height: 109px;
            width: 140px;
            display: none;
        }
    }

    .services-communication {
        &::before {
            height: 100px;
            width: 120px;
            top: -2px;
            right: 0;
        }
    }

    .full-width.services-communication .d-flex.justify-content-between.align-items-center {
        flex-wrap: wrap;
        margin-bottom: 30px
    }

    .services-communication {
        & .d-flex.justify-content-between.align-items-center h2 {
            max-width: 100%;
        }
    }

    .services-communication {
        & .top-sections {
            align-items: center;
            padding-bottom: 40px;
        }
    }

    .services-communication {
        & .top-sections {
            & .rights-sections {
                &::after {
                    bottom: -5px;
                }
            }
        }
    }

    .team-sections {
        & .text-img {
            width: 100%;
            border-bottom-left-radius: 30px;
            border-bottom-right-radius: 30px;
            margin-bottom: -40px;
        }
    }

    .team-sections {
        & svg.svg-dark-white {
            max-width: 100%;
            margin-bottom: -270px;
            margin-top: -54px;
            z-index: 1;
            position: relative;
        }
    }

    .team-sections {
        & .full-section {
            padding: 100px 0 60px;
        }
    }

    .team-sections {
        & .full-section {
            & .d-flex {
                flex-wrap: wrap;
            }
        }
    }

    .team-sections {
        & .full-section {
            & a.yellow.btn.theme-btn {
                margin-bottom: 10px;
                margin-top: 20px;
            }
        }
    }

    .news-section {
        padding: 24px 0px;
        position: relative;
    }

    .sponsor-section {
        &::before {
            height: 80px;
            width: 100px;
            top: -1px;
        }
    }

    .news-section {
        &::after {
            height: 150px;
            width: 130px;
        }
    }

    .news-section {
        & .container {
            & .swiper-container {
                padding-right: 0;
            }
        }
    }

    .sponsor-section {
        & h3 {
            font-size: 25px;
        }
    }

    .sponsor-section {
        &::after {
            width: 115px;
            height: 90px;
        }
    }

    .sponsor-section {
        padding: 60px 0 60px;
    }

    .page-template-homepage {
        & footer#main-footer {
            &::before {
                height: 70px;
                width: 80px;
            }
        }
    }

    .footer-newsletter-inner.text-center h2 {
        font-size: 32px;
        margin-bottom: 40px;
    }

    .footer-newsletter {
        color: #fff;
        padding: 20px 0px 50px;
    }

    .footer-middle .row {
        padding-top: 20px;

        &::before {
            top: -30px;
        }
    }

    .footercoloum h3 {
        margin-bottom: 10px;
    }

    .footer-copyright.d-flex.justify-content-between {
        flex-wrap: wrap;

        .left-section {
            order: 2;
            display: flex;
            justify-content: center;
            width: 100%;
        }
    }
    .footer-copyright.d-flex.justify-content-between .right-section {
        max-width: 90%;
        margin: auto;
    }
    .news-section {
        & .container {
            & .swiper-button-prev {
                right: -30px;

            }
        }
    }

    .news-section {
        & .container {
            & .swiper-button-next {
                right: -30px;
            }
        }
    }

    .services-communication {
        padding: 1px 0 0px;
    }

    body {

        overflow-x: hidden;
    }

    .our-story-section,
    .logos-section,
    .case-studies-slider,
    .news-listings-wrapper,
    .contact-section,
    .singlepost-main {
        &::after {
            height: 80px;
            width: 120px;
        }
    }
    .shareicons {
        & .shareimg {
            max-width: 16px;
            margin-right: 10px;
        }
    }
    .logos-section {
        &::before {
            height: 80px;
            width: 147px;
        }
    }

    .contact-section {
        & ul {
            & li {
                flex-wrap: wrap;
                padding-right: 0;
                padding-left: 0px;
                padding-bottom: 0;

                & .content-icon {
                    margin-right: 0
                }

                .content-info {
                    width: 100%;
                    margin: 20px auto;
                    text-align: center;
                }

                p {
                    width: 100%;
                    display: block;
                }
            }
        }
    }

    .form-section .row .col-sm-6.col-12:nth-of-type(1) {
        order: 1;
    }

    .client-testimonials {
        &::after {
            height: 90px;
            width: 120px;
        }
    }

    .contact-section {
        & ul {
            & li {
                &:nth-of-type(2) {
                    & .content-info {
                        padding-top: 10px;
                    }
                }
            }
        }
    }

    .contact-section {
        & ul {
            & li {
                &::after {
                    display: none
                }
            }
        }
    }

    .client-testimonials {
        & .swiper-wrapper {
            & .swiper-slide {
                & .box-section {
                    background-size: contain !important;
                    background: #fff !important;
                    border-radius: 20px;
                    min-height: auto !important;
                    overflow: hidden;
                    margin-bottom: 10px !important;
                }
            }

            & .swiper-slide.swiper-slide-active {
                & .box-section {
                    background: #FDEE15 !important;
                    margin-bottom: 22px !important;
                }
            }
        }
    }

    .news-listings-wrapper {
        & .news-row {
            flex-wrap: wrap;
        }
    }

    .news-listings-wrapper ul {
        margin-bottom: 30px;
        justify-content: center;

        & li.category-item {
            margin-left: 0;
            text-align: center;
            width: 30%;
            margin-bottom: 10px;
        }
    }

    .our-story-section,
    .logos-section,
    .case-studies-slider,
    .news-listings-wrapper,
    .singlepost-main {
        border-top-right-radius: 100px;
    }

    .full-width.team-section {
        &::after {
            height: 80px;
            width: 130px;
        }
    }

    .case-studies-slider {
        padding: 60px 0
    }

    .our-story-section {
        &::before {
            height: 130px;
            width: 127px;
        }
    }

    .full-width.team-section {
        &::before {
            height: 110px;
            width: 144px;
            bottom: -2px;
        }
    }

    .awards-section {
        &::before {
            height: 100px;
            width: 160px;
        }
    }

    .page-template-client {
        & footer#main-footer {
            &::before {
                height: 70px;
                width: 120px;
            }
        }
    }

    .awards-section {
        &::after {
            height: 80px;
            width: 137px;
            bottom: 0;
            left: -12px;
        }
    }

    .page-template-team {
        & footer#main-footer {
            &::before {
                height: 90px;
                width: 120px;
            }
        }
    }

    .awards-section {
        & .box-section {
            min-height: auto;
            position: relative;
            border-radius: 20px;
        }
    }

    .banner-section.home-banner-section.client-top.section {
        & .d-flex {
            position: relative;
            z-index: 7;
            display: flex !important;
            align-items: center;
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
        }
    }

    .awards-section {
        & .box-section {
            & img {
                max-height: 110px;
            }
        }
    }

    .client-testimonials {
        background: #000;
        border-bottom-left-radius: 0;
    }

    .last-section {
        margin-top: 0 !important;
        margin-bottom: 0 !important;

        img {
            margin-bottom: 0px !important
        }

        &:after {
            display: none !important
        }
    }

    .page-template-client {
        & footer#main-footer {
            border-top-right-radius: 0;
        }
    }

    .page-template-client {
        & footer#main-footer {
            &::before {
                height: 70px;
                width: 120px;
                display: none;
            }
        }
    }

    .client-testimonials {
        padding: 50px 0 40px
    }

    .page-template-homepage main.mainarea {
        min-height: 500px;
        overflow: hidden;
    }

    .single-post {
        & footer#main-footer {
            &::before {
                height: 90px;
                width: 120px;
            }
        }
    }

    .client-testimonials,
    .full-width.news-section.single-page {
        &::after {
            height: 80px;
            width: 120px;
        }
    }

    .full-width.news-section.single-page {
        & .container {
            & .swiper-button-prev {
                top: 110%;
                right: auto;
            }
        }
    }

    .full-width.news-section.single-page {
        & .container {
            & .swiper-button-next {
                top: 110%;
                right: 0;
            }
        }
    }

    .singlepost-main {
        padding: 50px 0 0;
    }

    .page-template-case-studies,
    .page-template-news,
    .archive.category {
        & footer#main-footer {
            &::before {
                display: none
            }
        }
    }

    .case-studies-slider {
        .communication-box {
            min-height: inherit !important;
            padding: 30px 40px 30px !important;
        }

        & .swiper-slide {

            &:nth-of-type(3n+3) {
                & .communication-box {
                    background: #FDEE15;
                    border-radius: 20px;
                    background-image: url(./../imgs/HLS-home-graphics-case-yellow-bubble.png);

                    label,
                    p,
                    a,
                    span {
                        color: #000 !important;

                    }

                    a.read-more {
                        &:after {
                            background-image: url(./../imgs/black-arrow.png) !important;
                        }
                    }
                }
            }

            &:nth-of-type(3n+1) {
                & .communication-box {
                    border-radius: 20px;
                    background: #e7e7e7;
                    background-image: url(./../imgs/HLS-home-graphics-case-grey-bubble.png);
                }
            }

            &:nth-of-type(3n+2) {
                & .communication-box {
                    background: #000;
                    border-radius: 20px;
                    background-image: url(./../imgs/HLS-home-graphics-case-black-bubble.png);

                    label,
                    p,
                    a,
                    span {
                        color: #fff;

                    }

                    a.read-more {
                        &:after {
                            background-image: url(./../imgs/white-arrow.png) !important;
                        }
                    }
                }
            }
        }

        .swiper-button-prev {
            right: 0
        }

        .swiper-button-next {
            right: 0
        }
    }

    .contact-section {
        & ul {
            flex-wrap: wrap;

            li {
                width: 100%
            }
        }
    }

    .full-width.news-section.single-page {
        padding-bottom: 130px;
    }

    .contact-section {
        & ul {
            & li {
                &:nth-of-type(2) {
                    width: 100%;
                }

                &:nth-of-type(3) {
                    width: 100%;
                }
            }
        }
    }

    .contact-section {
        padding-bottom: 340px
    }

    .form-section {
        & img {
            max-width: 100%;
            padding-top: 100px;

        }
    }

    .page-template-contact {
        & footer#main-footer {
            &::before {

                height: 80px;
                width: 147px;
                bottom: 100%;
                left: -12px;
            }
        }
    }

    .form-section {
        padding-bottom: 30px;
    }
    .form-section {
        & .follow-wrapper {
            margin-bottom: 20px;
            margin-top: 40px;
            padding-top: 0;
            border-radius: 26px;
        }
    }
    .page-template-contact {
        & .footer-newsletter {
            padding: 20px;
        }
    }

    .form-section {
        & img {
            max-width: 100%;
            padding-top: 0px;
        }
    }

    .banner-section.home-banner-section.client-top.section.services-section.contact-page {
        background-position:70% center;
        min-height:88vh;
        height: 88vh;
    }

    .wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.form-control.wpcf7-not-valid,
    .wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required.form-control.wpcf7-not-valid {
        border: 1px solid red;
    }

    .singlepost-main {
        & .col-xs-12.col-sm-12.post-outer {

            padding-right: 15px;
            padding-bottom: 40px;
            position: relative;

        }
    }

    alignleft {
        float: left;
        margin: 30px 30px 30px 0;
        width: 100%;
    }

    .singlepost-main {
        & .col-xs-12.col-sm-12.post-outer {
            &::after {
                display: none
            }
        }
    }

    .alignleft {
        float: left;
        margin: 30px 30px 30px 0;
        width: 100%;
    }

    .banner-section.home-banner-section.client-top.section.news-listings.single {
        & .banner-content {
            & h1 {
                font-size: 42px;
                font-weight: 400;
                margin-bottom: 20px;
            }
        }
    }

    .full-width.news-section.single-page,
    .single-case-study .case-studies-slider.more.fullwidth {
        &::after {
            height: 90px;
            width: 147px;
        }
    }

    .single-post,
    .single-case-study {
        & footer#main-footer {
            &::before {
                height: 80px;
                width: 120px;
            }
        }
    }
    .client-testimonials {
        & .box-client {
            & p {
                font-size: 15px;
            }
        }
    }
    .page-template-case-studies{
        .banner-section.home-banner-section.client-top.section {
            & .slider-video {
                top: 40%;
            }
            & .banner-content-inner {
                min-width: 40%;
                text-align: center;
                margin-top: 20px;
            }
            .slider-video {
                object-position: 59% center;
            }
            min-height:110vh;
        }
    }

    .section-communication {
        & ul {
            & li {
                margin-right: 15px;
                margin-bottom: 10px;
            }
        }
    }
    .full-width.news-section.single-page,
    .single-case-study .case-studies-slider.more.fullwidth {
        & .container {
            & .swiper-button-next {
                top: 110%;
                right: 10px;
            }

            & .swiper-button-prev {
                top: 110%;
            }
        }
    }

    h1 {
        font-size: 42px;
        font-weight: 400;
    }

    .fullwidth.title-sections {
        & .d-flex {
            justify-content: space-between;
            flex-wrap: wrap;
        }
    }

    .btn-section {
        margin-top: 10px;
    }

    .news-listings-wrapper {
        & .news-row {
            &:hover {
                width: 100%;
                & .col-sm-4 {
                    width: 100%;
                }
            }
        }
    }
    .news-listings-wrapper {
        .news-row {
            &:hover {
                .col-sm-4 {
                    width: 100%;

                    &:hover {
                        width: 100%;
                    }
                }
            }
        }
    }
    .news-listings-wrapper {
        & .news-row {
            &:hover {
                & .col-sm-4 {
                    &:hover {
                        width: 100%;
                    }
                }
            }
        }
    }
    .awards-section {

        & .swiper-button-next img
        {
            max-width: 15px;
        }

        & .swiper-button-prev img
        {
            max-width: 15px;
        }
        .swiper-slide{
            padding: 0 15px
        }
    }

    .page-template-case-studies,
    .page-template-news,
    .archive.category {
        & footer#main-footer {
            border-top-right-radius: 0px;
            position: relative;
        }
    }
    ul#menu-home li:last-of-type {
        display: block;
    }
    .footer-copyright{
        margin-top:0;
    }
    .form-section {
        & span.wpcf7-not-valid-tip {
            display: none;
        }
    }
    .d-flex.align-items-center.shareicons{
        flex-wrap:wrap;
        h4 {
            font-size: 15px;
        }
    }
    .sfsi_shortcode_container .sfsi_wicons {
        margin-top: 7px;
    }
    .banner-section.home-banner-section.client-top.section.news-listings.single{
        .d-flex{
            justify-content: flex-start;
            h1{
                font-size: 35px
            }
        }
    }
    .video-desktop {
        display: none;
    }
    .video-mobile {
        display: block;
    }
}

@media(max-width:480px) {
}

@media(max-width:380px) {
}