@media(max-width: 991.5px){
    /** Mobile Menu Burgur **/
    .menu-toggle {
        padding: 0;
        line-height: 1;
        background-color: transparent;
        border: none;
        border-radius: 0;
        cursor: pointer;
        display: block;
    }
    .bar-rows {
        width: 26px;
        height: 2px;
        background-color: #000000;
        display: block;
        border-radius: 10px;
    }
    .bar-rows+.bar-rows {
        margin-top: 10px;
    }

    /*** Close Menu **/
    .close-menus {
        position: absolute;
        right: 0;
        top: 7px;
        cursor: pointer;
        padding: 5px;
        display: inline-block;
    }
    .close-menus:before,
    .close-menus:after {
        content: '';
        display: block;
        height: 2px;
        background: var(--color-black);
        position: relative;
        transition: transform .2s ease;
        width: 25px;
    }
    .close-menus:before {
        top: 4px;
        transform: rotate(135deg);
    }
    .close-menus:after {
        top: 2px;
        transform: rotate(45deg);
    }

    /********* *************/
    #SideBar {
        background-color: #fff;
        /*background: linear-gradient(131deg, #212121 0%, #000000 100%);*/
        padding: 15px 15px 30px;
        width: 20em;
        height: 100%;
        text-align: left;
        position: fixed;
        top: 0;
        left: -20em;
        transform: translate3d(0px, 0px, 0px);
        transition: .3s;
        z-index: 1000;
        transition: left 0.3s ease-in-out 0s;
        -webkit-transition: left 0.3s ease-in-out 0s;
        -moz-transition: left 0.3s ease-in-out 0s;
        -o-transition: left 0.3s ease-in-out 0s;
    }
    #SideBar.active {
        visibility: visible;
        transform: translate3d(0px, 0px, 0px);
        /*box-shadow: -2px 2px 13px #f6f6f6;*/
        left: 0;
    }
    .bgBlack {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        z-index: 999;
        display: none;
        cursor: pointer;
    }
    .bgBlack.active {
        display: block;
    }
    .menu-toggle {
        margin-left: auto;
    }
    .header-nav .navbar-nav {
        flex-wrap: wrap;
        padding-top: 30px;
        gap: 10px;
    }
    .header-nav .navbar-nav > li {
        margin-top: 5px;
        flex: 0 0 auto;
        width: 100%;
    }
    .header-nav .navbar-nav > li a {
        display: block;
        padding: 5px 0;
        border-radius: 0;
        font-size: 16px;
    }

    .btn.btn-default {
        font-size: 18px;
        min-width: 175px;
        min-height: 60px;
        padding: 10px 30px;
        border-radius: 65px;
    }
    .business-email-control input.form-control {
        font-size: 18px;
        height: 60px;
    }

    .hero-text {
        font-size: 15px;
    }
    .choosus-converter {
        margin-top: -175px;
    }
    .choosus-converter img {
        max-width: 140px;
    }
    .layout-title {
        font-size: 48px;
    }
    .choosus-title {
        font-size: 24px;
    }
    .choosus-text {
        font-size: 15px;
    }
    .choosus-thumb {
        height: 110px;
    }
    .choosus-thumb img {
        max-width: 110px;
    }
    .choosus-box {
        min-height: 280px;
    }

    .ourstory-box {
        padding: 30px;
        border-width: 6px 6px 0 6px;
    }
    .ourstory-box::after {
        width: 75px;
        height: 100px;
        left: -6px;
    }
    .ourstory-inboxtype {
        padding: 30px;
        border-radius: 17.25px;
        min-height: 337.5px;
    }
    .ourstory-title {
        font-size: 42px;
    }
    .ourstory-text {
        font-size: 15px;
    }
    .storylist-li h3 {
        font-size: 48px;
    }
    .storylist-li p {
        font-size: 15px;
    }

    .client-carousel-title {
      font-size: 42px;
      padding-left: 55px;
      padding-right: 55px;
    }
    .layout-sub-title {
        font-size: 30px;
    }

    .ouroffer-nav .nav-item .nav-link {
        font-size: 30px;
    }
    .ouroffer-text {
        font-size: 18px;
    }
    .ouroffer-animbox-button .btn {
        min-width: 260px;
        font-size: 20px;
    }
    .ouroffer-animbox-button .btn img {
        max-width: 18px;
    }

    .big-idea {
        padding: 27px 60px 27px 60px;
    }
    .big-idea-left-text {
        font-size: 30px;
    }
    .big-idea-left-button .btn {
        font-size: 18px;
    }
    .big-idea-right {
        text-align: center;
        margin-top: 20px;
    }
    

    .featproj-role-box {
        margin-right: 5em;
    }

    .featproj-role-left, 
    .featproj-role-right {
        width: 80px;
        height: 80px;
    }
    .featproj-role-left {
        left: -40px;
    }
    .featproj-role-right {
        right: -40px;
    }
    .featproj-role-box {
        height: 75px;
    }
    .project-layout-subtitle {
        font-size: 30px;
    }
    .project-layout-title {
        font-size: 36px;
    }
    .project-layout-text {
        font-size: 18px;
    }

    .trusted-user-title {
        font-size: 30px;
    }
    .trusted-user-text {
        font-size: 24px;
    }
    .trusted-user-thumb {
        width: 70px;
        height: 70px;
        border-radius: 70px;
    }
    .trusted-user-body-text {
        font-size: 18px;
    }
    .trendsetters-title {
        font-size: 24px;
    }
    .trendsetters-text {
        font-size: 16px;
    }

    .hiw-thumb {
        width: 200px;
        height: 200px;
    }
    .hiw-subtitle {
        font-size: 24px;
    }
    .hiw-title {
        font-size: 30px;
    }
    .hiw-text {
        font-size: 16px;
    }

    .business-email-title {
        font-size: 48px;
        text-align: center;
        letter-spacing: -1px;
    }

    .business-email-control {
        flex-wrap: wrap;
        justify-content: center;
        flex-direction: column;
    }
    .business-email-control input.form-control {
        flex: 0 0 auto;
        width: 100%;
    }
    .business-email-control .btn {
        margin-left: auto;
        margin-right: auto;
        margin-top: 20px;
    }
    .trendsetters-thumb {
        height: 210px;
    }

    .trusted-box {
      width: 100%;
      max-width: 496px;
      margin-left: auto;
      margin-right: auto;
    }

    .trusted-box.bg-color-orange {
      margin-top: 2em;
      transform: rotate(7.78deg);
    }
    .trusted-box.bg-color-green {
      margin-top: 2em;
      transform: rotate(-5.76deg);
      left: 0em;
    }
    .trusted-box.bg-color-yellow {
      z-index:3;
      transform:rotate(11.11deg);
      margin-top: 2em;
      left: 0;
    }

    .word-capsol {
      padding: 8px 16px;
      border-radius: 68px;

      font-size: 12px;
      min-height: 34px;

    }

    .services-breadcrumb {
      font-size: 16px;
    }
    .layout-title-1 {
      font-size: 42px;
    }
    .services-hero-text {
      font-size: 18px;
    }


    .se-what-offer-box {
      min-height: 200px;
    }
    .se-what-offer-title {
        font-size: 24px;
    }
    .se-what-offer-thumb {
        height: 110px;
    }
    .se-what-offer-thumb img {
        max-width: 110px;
    }
   
    .trusted-sticky {
      position: relative;
      top: 0;
    }

    .services-hero-thumb {
      max-width: 60%;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 1em;
    }

    .campaign-thumb-box {
      max-width: 80%;
      margin-left: auto;
      margin-right: auto;
    }

    body * {
      cursor: default;
    }

    .end-box {
      padding: 56px 30px 30px;
    }

    .end-icon {
      width: 56px;
      height: 56px;
      top: -30px;
    }
    .end-icon img {
      max-width: 60%;
      margin-left: auto;
      margin-right: auto;
    }
    .end-title {
      font-size: 24px;
      text-align: center;
    }
    .end-circl-1, .end-circl-2 {
      width: 18px;
      height: 18px;
    }
    .end-text {
      font-size: 16px;
    }
    .end-text ul {
      padding-left: 0;
    }
    .end-body {
      padding: 0px 10px;
    }
    .end-rotate {
      transform: rotate(4.7deg);
      top: 0;
    }

    .a-section-marquee-box h2 {
      font-size: 100px;
    }
	
	/** 14-12-2024 **/
    .se-candy-box {
      padding: 12px 32px;
      gap: 10px;
      border-radius: 59px;
    }
    .se-candy-icon {
      width: 50px;
      height: 50px;
    }
    .se-candy-text {
      font-size: 16px;
    }

	
}

@media(max-width: 767.5px){
      .hero-layout {
        padding-top: 50px;
        padding-bottom: 100px;
      }
      .choosus-layout {
        padding-top: 75px;
        padding-bottom: 100px;
      }

      .choosus-converter {
        margin-top: -115px;
      }
      .choosus-converter img {
        max-width: 75px;
      }
      .layout-title {
        font-size: 24px;
        letter-spacing: -1px;
      }

      .choosus-title {
        font-size: 16px;
      }
      .choosus-thumb {
        height: 48px;
      }
      .choosus-thumb img {
        max-width: 48px;
      }

      .ourstory-box {
        padding: 15px;
        min-height: 290px;
        border-width: 3px 3px 0 3px;
        border-radius: 0 25px 0 0;
        margin-top: -50px;
      }
      .ourstory-box::after {
        width: 40.5px;
        height: 54.75px;
        bottom: calc(100% - 0);
        left: -3px;
        z-index: 100;
      }
      .ourstory-inboxtype {
        padding: 15px;
        border-radius: 17.25px;
        min-height: 160px;
      }
      .ourstory-title {
        font-size: 18px;
        letter-spacing: -1px;
      }
      .storylist-li h3 {
        font-size: 20px;
        letter-spacing: -1px;
      }
      .storylist-ul {
        padding-top: 15px;
        padding-bottom: 15px;
      }
      .storylist-li {
        padding-top: 10px;
        padding-bottom: 10px;
      }

      .client-carousel-title {
        font-size: 18px;
        padding-left: 30px;
        padding-right: 30px;
        letter-spacing: -1px;
      }
      .client-carousel .owl-item::after {
        width: 25px;
        height: 25px;
        left: -13px;
        background-size: 100% auto;
      }
      .layout-sub-title {
        font-size: 16px;
      }

      .ouroffer-nav .nav-item .nav-link {
        font-size: 16px;
        letter-spacing: -1px;
      }
      .ouroffer-nav .nav-item .nav-link::before {
        width: 15px;
        height: 15px;
        background-size: contain;
      }
      .ouroffer-nav .nav-item .nav-link.active {
        padding-left: 25px;
        padding-top: 5px;
        padding-bottom: 5px;
      }

      .ouroffer-layout .tab-content {
        padding-top: 50px;
      }
      .ouroffer-text {
        font-size: 16px;
      }

      .ouroffer-animbox img {
        max-width: 150px;
      }

      .big-idea-left-text {
        font-size: 16px;
        letter-spacing: -1px;
      }

      .big-idea {
        padding: 15px 30px;
        border-radius: 112px;
        border: 4px solid #000000;
        box-shadow: 0px 12px 0px 0px var(--color-oragne), 0px 24px 0px 0px var(--color-green);
      }

      .big-idea-left-button .btn {
        font-size: 16px;
        border-radius: 65px;
        border-width: 2px;
        min-height: 55px;
      }

      .featproj-role-box {
        margin-right: 1em;
      }
      .featproj-role-box {
        height: 34px;
        max-width: 60px;
        transform: translateY(-1em) rotate(-60deg);
      }
      .featproj-role-left, .featproj-role-right {
        width: 40px;
        height: 40px;
        border-width: 2px;
      }
      .featproj-role-left img, .featproj-role-right img{
        max-width: 13px;
      }
      .featproj-role-left {
        left: -20px;
      }
      .featproj-role-right {
        right: -20px;
      }

      .project-layout-subtitle {
        font-size: 16px;
      }
      .project-layout-title {
        font-size: 20px;
        letter-spacing: -1px;
      }
      .project-layout-text {
        font-size: 16px;
      }
      .project-layout-image {
        margin-top: 30px;
      }
      
      .layout-text {
        font-size: 16px;
      }

      .trusted-box {
        border-radius: 27px;
        border-width: 2px;
        padding: 15px;
        margin-bottom: 15px;
      }
      .trusted-user-header {
        padding-bottom: 15px;
        margin-bottom: 15px;
      }
      .trusted-user-body {
        padding: 0;
      }
      .trusted-user-thumb {
        width: 58px;
        height: 58px;
        border-radius: 58px;
      }

      .trusted-user-title {
        font-size: 20px;
        letter-spacing: -1px;
      }
      .trusted-user-text {
        font-size: 16px;
      }
      .trusted-user-body-text {
        font-size: 12px;
      }

      .trendsetters-layout .layout-title {
        font-size: 20px;
        margin-top: 15px;
      }

      .trendsetters-box {
        border-width: 2px;
      }
      .trendsetters-thumb {
        height: 190px;
      }
      .trendsetters-content {
        padding: 15px;
        min-height: 300px;
      }
      .trendsetters-title {
        font-size: 20px;
        letter-spacing: -1px;
      }
      .trendsetters-user-thumb {
        width: 35px;
        height: 35px;
        border-radius: 35px;
      }
      .trendsetters-user-content {
        margin-left: 10px;
      }
      .trendsetters-user-title,.trendsetters-user-text {
        font-size: 12px;
      }
      .trendsetters-user {
        border-width: 2px;
        padding: 10px 15px 15px;
      }
      .btn.btn-default {
        font-size: 16px;
        min-width: 160px;
        min-height: 56px;
        padding: 10px 30px;
      }

      .hiw-thumb {
        width: 100px;
        height: 100px;
        border-width: 2px;
      }
      .hiw-subtitle {
        font-size: 12px;
      }
      .hiw-title {
        font-size: 20px;
        letter-spacing: -1px;
      }
      .owl-carousel .owl-item .hiw-thumb img {
        display: inline-block;
        width: auto;
        max-width: 40px;
      }
      .business-email-title {
        font-size: 24px;
        text-align: center;
        letter-spacing: -1px;
      }

      .business-email-control {
        flex-wrap: wrap;
        justify-content: center;
      }
      .business-email-control input.form-control {
        flex: 0 0 auto;
        width: 100%;
      }
      .business-email-control .btn {
        margin-left: auto;
        margin-right: auto;
        margin-top: 20px;
      }
      .free-proposal-thumb {
        text-align: center;
      }
      .free-proposal-thumb-img img {
        max-width: 269px;
      }

      .footer-logo img {
        max-width: 196px;
      }
      .footer-text {
        font-size: 16px;
        max-width: 286px;
      }
      .list-social-menu > li img {
        max-width: 32px;
      }

      .footer-box-menu {
        margin-top: 50px;
      }
      .footer-title {
        font-size: 16px;
      }
      .footer-menu > li {
        font-size: 12px;
      }
      .copy-right {
        font-size: 10px;
      }

      .choosus-box {
        min-height: 220px;
        margin-top: 15px;
        margin-bottom: 15px;
      }

      .client-layout {
        padding-top: 50px;
        padding-bottom: 50px;
      }
      .ouroffer-layout {
        padding-top: 60px;
        padding-bottom: 30px;
      }
      .bigidea-layout {
        padding-top: 60px;
        padding-bottom: 80px;
      }
      .trusted-layout {
        padding-top: 60px;
        padding-bottom: 60px;
      }
      .company-layout {
        padding-top: 30px;
        padding-bottom: 30px;
      }
      .owl-carousel .owl-item .company-logo img {
        max-width: 65px;
      }
      .trendsetters-slider {
        padding-top: 0;
        padding-bottom: 20px;
      }
      .trendsetters-layout {
        padding-bottom: 60px;
      }
      .hiw-layout {
        padding-top: 60px;
        padding-bottom: 60px;
      }
      .business-layout {
        padding-top: 60px;
      }
      .footer {
        padding-top: 60px;
        padding-bottom: 60px;
      }
      .trusted-box {
        width: 100%;
        max-width: 284.3px;
        margin-left: auto;
        margin-right: auto;
      }
      .ouroffer-box{
        max-width: 276px;
        margin-left: auto;
        margin-right: auto;
      }

      .services-hero {
        text-align: center;
      }
      .choos-thumb-1 {
        margin-bottom: 2em;
      }
      .layout-title-1 {
        font-size: 24px;
      }
      .bigidea-layout-topcut .big-idea {
        margin-top: -120px;
      }
      .choosus-converter.choosus-converter-black {
        margin-top: -130px;
      }
      .fpl-top {
        padding-top: 60px;
      }

      .end-box {
        margin-top: 30px;
        margin-bottom: 30px;
      }

      .pl-4 {
        top: 0;
        z-index: 3;
      }
      .a-section-marquee-box h2 {
        font-size: 60px;
      }
	
	/** 14-12-2024 **/
      .se-candy-box {
        padding: 6.9px 18.39px;
        gap: 5.75px;
        border-radius: 33.91px;
      }
      .se-candy-icon {
        width: 28.74px;
        height: 28.74px;
      }
      .se-candy-text {
        font-size: 9.2px;
      }

}