@media (min-width:1481px) and (max-width:1600px) {
    section.banner-section2-slid {
        padding: 150px 0;
        background-image: url(../images/banner-bg2.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: left;
        z-index: 1
    }

    .dropdown-item small {
        font-size: 12px
    }

    .case-project-text p,
    .tab-content-smalltown .iconic-main h5,
    section.case-ecome-bnner-section5 .iconic-main h5 {
        font-size: 16px
    }

    .Podcast-img img {
        width: 50%;
        border-radius: 14px
    }

    .drop-down-main-col ul {
        display: flex;
        flex-wrap: wrap;
        padding: 1.5rem 0;
        list-style: none
    }

    .case-ecome-bnner-section3:before {
        background-size: 40%;
        bottom: -176px;
        left: -160px
    }

    .case-ecome-bnner-section9:before {
        background-size: 45%;
        right: -100px
    }

    .case-ecome-bnner-section9:after {
        background-size: 35%;
        bottom: -140px;
        left: -145px
    }

    .health-business-pink-sec:before {
        background-size: 70%
    }

    .case-functional-pink-sec:before {
        background-size: 54%;
        overflow: hidden;
        right: -115px
    }

    .case-project-text h2 {
        font-size: 65px;
        line-height: 60px
    }

    .case-ecome-bnner-section4 .case-project-text p,
    .text-contant h5 {
        font-size: 18px
    }
}

@media (min-width:1401px) and (max-width:1480px) {
    section.case-sec .slider-nav img {
        margin: 0 auto;
        width: 80%;
        left: 50px !important;
        top: 9px;
        padding-top: 39px
    }

    .Podcast-img img {
        width: 50%;
        border-radius: 14px
    }

    .head_top .navbar.navbar-defult .drop-down-main-col ul li a:hover {
        color: #fff
    }

    .case-project-text h2 {
        font-size: 65px;
        line-height: 60px
    }

    .case-project-text p,
    section.case-ecome-bnner-section5 .iconic-main h5 {
        font-size: 16px
    }

    .case-ecome-bnner-section4 .case-project-text p,
    .text-contant h5 {
        font-size: 18px
    }

    .banner-text h1,
    .banner-text h2,
    .banner-text strong {
        font-size: 38px !important
    }

    .menu-ul-st ul li a span {
        font-size: 17px
    }

    .drop-down-main-col ul {
        display: flex;
        flex-wrap: wrap;
        padding: 1.5rem 0;
        list-style: none
    }

    .demo {
        display: inline-block;
        margin: 0 0 45px
    }

    .banner-slider .banner-img-box img {
        width: 100%;
        margin-left: 30px
    }

    .inner-serv-sec.business-development-sec .banner-img-box img {
        width: 115%;
        margin-left: 30px
    }

    section.banner-section2-slid .banner-imge-12-box {
        width: 80%;
        margin-left: 34px
    }

    section.inner-serv-sec.app-dev-sec .banner-img-box img {
        width: 100%
    }

    section.contact-us-sec,
    section.inner-serv-sec {
        height: 100vh;
        display: flex;
        align-items: center
    }

    section.inner-serv-sec.ecommerce-sec .banner-img-box img {
        width: 130%
    }

    .banner-img-box img,
    .markiteting-sec .banner-img-box img {
        margin-left: 0
    }

    .banner-text strong {
        line-height: normal
    }

    .case-sec {
        margin-bottom: -161px
    }

    .main-sli-cas1::before,
    .main-sli-cas2::before,
    .main-sli-cas3::before,
    .main-sli-cas4::before {
        height: auto
    }

    .watch-sec {
        position: absolute;
        bottom: 55px;
        left: 18%
    }

    .boxcontenttabs {
        position: relative;
        bottom: -50px
    }

    section.banner-section2-slid {
        padding: 150px 0 100px;
        background-image: url(../images/banner-bg2.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: left;
        z-index: 1
    }

    .case-ecome-bnner-section3:before {
        background-size: 40%;
        bottom: -176px;
        left: -160px
    }

    .case-ecome-bnner-section9:before {
        background-size: 45%;
        right: -100px
    }

    .case-ecome-bnner-section9:after {
        background-size: 35%;
        bottom: -140px;
        left: -145px
    }

    .health-business-pink-sec:before {
        background-size: 70%
    }

    .case-functional-pink-sec:before {
        background-size: 54%;
        overflow: hidden;
        right: -115px
    }
}

@media (min-width:1200px) and (max-width:1500px) {
    section.banner-section {
        height: 100vh;
        padding: 200px 0 80px
    }

    .Podcast-img img {
        width: 50%;
        border-radius: 14px
    }

    .tab-content-smalltown .iconic-main h5,
    section.case-ecome-bnner-section5 .iconic-main h5 {
        font-size: 16px
    }

    .case-project-text h2 {
        font-size: 65px !important
    }

    .case-project-text p {
        font-size: 16px !important
    }

    .case-ecome-bnner-section4 .case-project-text p {
        font-size: 18px
    }

    .text-contant h5 {
        font-size: 18px !important
    }

    .menu-ul-st ul li a span {
        font-size: 17px
    }

    .head_top .navbar.navbar-defult .drop-down-main-col ul li a {
        width: 100%
    }

    section.case-study-section:before {
        font-size: 190px;
        bottom: -135px
    }

    .box-for-select-country span {
        font-size: 15px
    }

    section.inner-serv-sec.ecommerce-sec .banner-img-box img {
        width: 130%
    }

    section.contact-us-sec {
        height: 100vh;
        display: flex;
        align-items: center
    }

    section.banner-section2-slid .banner-imge-12-box {
        width: 80%;
        margin-left: 34px
    }

    .case-business-img-box img {
        margin-left: 0
    }

    .health-business-pink-sec:before {
        background-size: 65%
    }

    .case-functional-pink-sec:before {
        background-size: 40%
    }

    .case-wireframe-pink-section:before {
        background-size: 30%;
        bottom: -140px;
        left: -150px
    }
}

@media (min-width:1200px) and (max-width:1300px) {
    .head_top ul.dropdown-menu {
        width: 1160px
    }
}

@media (min-width:1200px) and (max-width:1400px) {

    .banner-text h1,
    .banner-text h2,
    .banner-text strong {
        font-size: 40px !important
    }

    .banner-img-box img,
    .podcast-img-box img {
        animation: 3s ease-in-out infinite updown2
    }

    ul.nav.navbar-nav.navbar-right li a {
        padding: 7px
    }

    .monif-img img,
    .online-img.online-app-box img {
        width: 100%
    }

    .banner-text strong {
        line-height: normal
    }

    .card-body p,
    .game-list ul li p {
        font-size: 14px
    }

    section.inner-serv-sec {
        display: flex;
        align-items: center;
        height: 100vh
    }

    .banner-slider .banner-img-box img {
        width: 90%;
        margin-left: 30px
    }

    .banner-section2-slid .banner-img-box img {
        width: 80%;
        margin-left: 30px
    }

    section.inner-serv-sec.ecommerce-sec .banner-img-box img {
        width: 130%
    }

    .banner-img-box img {
        position: relative;
        z-index: 1
    }

    .watch-sec {
        position: absolute;
        bottom: 50px;
        left: 22%
    }

    .card-body p {
        min-height: 125px
    }

    .card-body h5 {
        font-size: 18px;
        font-weight: 600;
        margin: 15px 0;
        line-height: 20px
    }

    .podcast-img-box img {
        margin-left: -100px
    }

    section.businesses-section:before {
        width: 200px;
        height: 200px;
        bottom: -25px;
        right: 1px
    }

    .case-sec:before {
        width: 200px;
        height: 200px
    }

    .our-slider-img img {
        width: 16% !important
    }

    .markiteting-sec .banner-img-box img {
        margin-left: 0
    }

    a.yellow_btn_m {
        padding: 0 !important;
        margin: 0
    }

    .offer-slider .slick-dots li button {
        top: -80px
    }

    .navbar-right a.yellow_btn_m {
        padding: 0 !important;
        margin: 8px 15px 0
    }

    .logo {
        width: 184px
    }

    .banner-img-box:before {
        left: -104px
    }

    section.banner-section .col-sm-offset-3 {
        margin-right: 62px !important
    }

    section.offer-section:before {
        width: 65%
    }

    .mobile-img-box:before {
        left: -215px
    }

    .mobile-img-box {
        float: inherit
    }

    .card.offer-box {
        height: 380px
    }

    .offer-text p {
        margin: 5px 0 30px
    }

    .business-development-sec:before,
    .offer-slider .slick-next:before,
    .offer-slider .slick-prev:before,
    .online-app-sec .online-app-box:before {
        display: none
    }

    .mobile-img-box img {
        margin-left: -146px
    }

    section.offer-section {
        overflow: hidden;
        padding: 40px 0
    }

    section.btm-footer {
        padding: 70px 0;
        overflow: hidden
    }

    .offer-slider .slick-list.draggable {
        width: 105%;
        padding: 0 0 20px
    }

    section.our-section {
        overflow: hidden;
        padding: 50px 0 80px
    }

    .our-slider-img {
        left: 10px;
        margin-bottom: 13px
    }

    .businesses-img-box:before {
        left: -53px
    }

    .businesses-img-box img {
        position: relative;
        z-index: 1;
        margin-left: -20px
    }

    .businesses-main {
        padding: 0 0 0 80px
    }

    section {
        overflow: hidden
    }

    .contact-tabs .tab-pane {
        height: 530px
    }

    .contact-tabs .nav-tabs {
        position: relative;
        left: 100px
    }

    section.case-sec .slider-nav img {
        margin: 0 auto;
        width: 85%
    }

    .test-cont-img {
        width: 50%
    }

    .app-dev-sec .banner-img-box img {
        margin-top: 50px;
        width: 95%
    }

    .app-dev-sec .banner-text h2 {
        font-size: 38px
    }

    .inner-serv-sec.business-development-sec .banner-img-box img {
        width: 115%;
        margin-left: 30px
    }

    .solution-booking-sec:before {
        right: -207px;
        background-size: 80%;
        overflow: hidden;
        bottom: -105px
    }

    .banner-text.error-text h2 {
        font-size: 150px !important
    }

    .banner-text.error-text p {
        font-size: 35px !important
    }

    .iner-text h2 {
        font-size: 30px
    }

    .burj-box p {
        width: 80%
    }

    .burj-box h3 {
        width: 95%
    }

    .case-ecome-bnner-section3:before {
        bottom: -200px;
        background-size: 30%;
        left: -190px
    }

    .case-ecome-bnner-section7:after {
        background-size: 50%;
        right: -115px
    }
}

@media (min-width:992px) and (max-width:1199px) {

    .Game-Development-sec:before,
    .Property-sec:before,
    .advertising-sec:before,
    .app-dev-sec:before,
    .automotive-sec:before,
    .banner-img-box:before,
    .business-development-sec:before,
    .businesses-img-box:before,
    .card-body a h5 br,
    .case-stuy-sec:before,
    .choose-img-main:before,
    .developers-sec:before,
    .e-commerce-sec:before,
    .ecommerce-sec:before,
    .educational-sec:before,
    .financial-sec:before,
    .gaming-sec:before,
    .health-sec:before,
    .markiteting-sec:before,
    .media-sec:before,
    .mobile-img-box:before,
    .navbar-toggle,
    .our-text p br,
    .solution-booking-sec .banner-img-box:after,
    .solution-booking-sec:before,
    .solution-demand-sec .banner-img-box:after,
    .solution-demand-sec:before,
    .solution-ecommerce-sec .banner-img-box:after,
    .solution-ecommerce-sec:before,
    .solution-fitness-sec:before,
    .solution-fleet-mangment-sec:before,
    .solution-real-estate-sec:before,
    .solution-resturent-sec .banner-img-box:after,
    .solution-resturent-sec:before,
    .solution-social-sec .banner-img-box:after,
    .solution-social-sec:before,
    .sports-sec:before,
    .startups-sec:before,
    .strategic-design-sec:before,
    .travel-sec:before,
    .web-development-sec:before,
    section.case-stuy-nrt-inner-sec-5:before,
    section.case-stuy-nrt-sec:after {
        display: none
    }

    .health-business-pink-sec:before {
        background-size: 50%;
        bottom: -125px;
        right: -115px
    }

    img.banner-imge-12-box {
        margin-left: 20px
    }

    .solution-pink-section:before {
        background-size: 50%
    }

    .case-functional-pink-sec:before {
        background-size: 35%
    }

    .case-wireframe-pink-section:before {
        background-size: 30%;
        bottom: -140px
    }

    .socil-box ul {
        display: flex;
        flex-wrap: wrap
    }

    .banner-img-box img,
    .keren-img img,
    .mobile-img-box img,
    .monif-img img,
    .online-img img,
    .online-img.online-app-box img,
    .techno-box .img-box img {
        width: 100%
    }

    .burj-box p {
        width: 80%
    }

    .burj-box h3 {
        width: 95%
    }

    .banner-text h1,
    .banner-text h2,
    .banner-text strong {
        font-size: 36px !important;
        width: 113%
    }

    .banner-text strong {
        line-height: normal
    }

    .col-sm-offset-3,
    .section.banner-section .col-sm-offset-3,
    section.mobile-section .col-sm-3.col-sm-offset-3 {
        margin-left: 15%
    }

    .businesses-img-box img {
        margin-left: 0;
        animation: 3s ease-in-out infinite updown2;
        width: 100%
    }

    .head_top .navbar-right {
        padding-top: 10px !important;
        background: #639 !important;
        WIDTH: 100% !important;
        margin-right: 0 !important;
        margin-top: 0 !important;
        display: none
    }

    .head_top ul.dropdown-menu li a {
        box-shadow: none !important
    }

    .navbar-collapse.in {
        display: block !important
    }

    .iner-text h2,
    .text-box h2,
    .textboxh1 {
        font-size: 30px
    }

    .case-banner-text p,
    .case-stuy-nrt-sec .case-case-btn a.nrt-btn,
    .costum-text p,
    .game-list ul li p,
    .iner-text p,
    .mobile-text p,
    .our-text p,
    .text-box p,
    p.padding-text {
        font-size: 14px
    }

    section.businesses-section:before {
        background-size: 60%
    }

    section.offer-section {
        overflow: hidden;
        padding: 50px 0
    }

    section {
        overflow: hidden
    }

    .case-banner-text h2,
    .mobile-text h2 {
        font-size: 35px
    }

    .choose-text h4,
    .costum-text h4 {
        font-size: 18px
    }

    section.case-sec .slider-nav img {
        margin: 0 auto;
        width: 90%
    }

    .case-sec .slick-prev {
        bottom: -46px;
        left: -30%
    }

    .case-sec .slick-next {
        top: 50%;
        right: -30%
    }

    .case-text {
        margin-left: 30px;
        width: 120%
    }

    .case-sec .slick-slide img {
        width: auto;
        right: -40px
    }

    .banner-btn.case-stades {
        width: 100%;
        margin-left: 30px
    }

    section.our-section {
        padding: 0 0 40px
    }

    .podcast-img-box img {
        animation: 3s ease-in-out infinite updown2;
        WIDTH: 100%
    }

    .our-slider-img {
        width: auto;
        top: 280px
    }

    .choose-main {
        flex-wrap: wrap;
        justify-content: center;
        text-align: center
    }

    .choose-text p {
        font-size: 13px
    }

    .demo {
        position: relative;
        left: -150px;
        top: 50px
    }

    .blogs-sec .row {
        display: flex;
        align-items: center;
        justify-content: center
    }

    .card-body a h5 {
        font-size: 16px;
        font-weight: 700;
        line-height: 22px
    }

    section.blogs-sec p {
        margin-bottom: 20px;
        font-size: 14px
    }

    section.inner-serv-sec {
        padding: 150px 0 50px !important;
        height: auto !important
    }

    .online-list ul li {
        width: 50%
    }

    .markiteting-sec .banner-img-box img {
        margin-left: 10px
    }

    section.case-stuy-sec {
        padding: 200px 0 50px;
        height: auto
    }

    section.case-stuy-nrt-inner-sec-2,
    section.case-stuy-nrt-inner-sec-4 {
        padding: 50px 0
    }

    section.case-stuy-nrt-sec {
        padding: 100px 0 50px;
        height: auto
    }

    .case-nrt-img img {
        width: 100%;
        margin-left: 0
    }

    .case-case-btn {
        width: 130%
    }

    .case-case-btn img {
        width: 100px
    }

    section.case-stuy-alokozay-sec,
    section.case-stuy-hyatt-sec,
    section.case-stuy-insha-sec,
    section.case-stuy-karen-sec,
    section.case-stuy-minutes-sec {
        padding: 50px 0;
        height: auto
    }

    .case-stuy-nrt-inner-sec .row {
        display: flex;
        align-items: center
    }

    .case-business-img-box img,
    .karen-left img {
        margin-left: 0
    }

    .navbar-header,
    .navbar-nav>li {
        float: none
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1)
    }

    .navbar-nav {
        float: none !important;
        margin: 7.5px -15px
    }

    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .navbar-header img {
        width: 15% !important;
        margin-top: -38px
    }

    section.case-stuy-minutes-inner-sec {
        padding: 150px 0 50px;
        height: auto
    }

    .offer-slider .slick-dots li button {
        top: -60px;
        left: -2895%
    }

    .our-slider-img img {
        width: 153px
    }

    .team-text-box h3 {
        font-size: 20px
    }

    .case-project-text h2 {
        font-size: 60px
    }

    .case-ecome-bnner-section4 .case-project-text p,
    .case-project-text p {
        font-size: 17px
    }

    .case-ecome-bnner-section3:before {
        background-size: 35%;
        bottom: -200px;
        left: -175px
    }

    .case-ecome-bnner-section4:before {
        background-size: 60%;
        bottom: -85px;
        right: -112px
    }

    .case-ecome-bnner-section6:before {
        left: -95px;
        background-size: 50%;
        top: -145px
    }

    .case-ecome-bnner-section7:after {
        background-size: 50%;
        right: -125px;
        bottom: -85px
    }

    .case-ecome-bnner-section7 .viual-text-box h4 {
        font-size: 15px
    }

    .menu-icon {
        display: block
    }
}

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

    .banner-text h1,
    .banner-text strong {
        font-size: 30px !important;
        width: 113%
    }

    .banner-text strong {
        line-height: normal
    }

    .Game-Development-sec:before,
    .Property-sec:before,
    .advertising-sec:before,
    .app-dev-sec:before,
    .automotive-sec:before,
    .banner-img-box:before,
    .business-development-sec:before,
    .businesses-img-box:before,
    .card-body a h5 br,
    .case-ecome-bnner-section3:before,
    .case-ecome-bnner-section4:before,
    .case-ecome-bnner-section6:after,
    .case-ecome-bnner-section6:before,
    .case-ecome-bnner-section7:after,
    .case-ecome-bnner-section7:before,
    .case-ecome-bnner-section9:before,
    .case-functional-pink-sec:before,
    .case-study-pink-copy-section:before,
    .case-studysmall-town-section:before,
    .case-stuy-sec:before,
    .case-wireframe-pink-section:before,
    .choose-img-main:before,
    .developers-sec:before,
    .e-commerce-sec:before,
    .ecommerce-sec:before,
    .educational-sec:before,
    .financial-sec:before,
    .gaming-sec:before,
    .health-business-pink-sec:before,
    .health-sec:before,
    .markiteting-sec:before,
    .media-sec:before,
    .mobile-img-box:before,
    .navbar-toggle,
    .our-text p br,
    .solution-booking-sec .banner-img-box:after,
    .solution-booking-sec:before,
    .solution-demand-sec .banner-img-box:after,
    .solution-demand-sec:before,
    .solution-ecommerce-sec .banner-img-box:after,
    .solution-ecommerce-sec:before,
    .solution-fitness-sec:before,
    .solution-fleet-mangment-sec:before,
    .solution-pink-section:before,
    .solution-real-estate-sec:before,
    .solution-resturent-sec .banner-img-box:after,
    .solution-resturent-sec:before,
    .solution-social-sec .banner-img-box:after,
    .solution-social-sec:before,
    .sports-sec:before,
    .startups-sec:before,
    .strategic-design-sec:before,
    .travel-sec:before,
    .web-development-sec:before,
    section.case-inner-ibling-sec:before,
    section.case-stuy-nrt-inner-sec-5:before,
    section.case-stuy-nrt-sec:after {
        display: none
    }

    .menu-icon,
    .team-flex-box {
        display: block
    }

    .team-text-box h3 {
        font-size: 18px;
        margin: 10px 0 0
    }

    .case-business-img-box img {
        margin-left: 0;
        margin-top: 295px;
        width: 100%
    }

    .team-box h4 {
        font-size: 22px;
        margin: 0 0 10px;
        min-height: 50px
    }

    .team-box {
        padding: 20px 15px;
        text-align: center
    }

    section.case-ecome-bnner-section5 {
        padding: 50px 0;
        display: block;
        height: auto
    }

    .case-project-text p {
        font-size: 18px !important
    }

    .case-banner-text h2,
    .case-helt-text h3,
    .mobile-text h2 {
        font-size: 35px
    }

    section.case-team-health-section {
        padding: 79px 0 !important
    }

    section.case-team-small-town-section {
        padding: 135px 0 !important
    }

    section.case-stuy-nrt-inner-sec-2,
    section.case-stuy-nrt-inner-sec-4,
    section.case-visual-section {
        padding: 50px 0
    }

    .case-banner-text p,
    .case-stuy-nrt-sec .case-case-btn a.nrt-btn,
    .costum-text p,
    .game-list ul li p,
    .iner-text p,
    .mobile-text p,
    .our-text p,
    .text-box p,
    .viual-text-box h4,
    p.padding-text {
        font-size: 14px
    }

    section.work-section {
        padding: 40px 0 50px
    }

    .about-logo-img-box img,
    .banner-img-box img,
    .keren-img img,
    .mobile-img-box img,
    .online-img img,
    .online-img.online-app-box img,
    .podcast-img-box img,
    .podcast_video,
    .techno-box .img-box img {
        width: 100%
    }

    .rivew-main p {
        font-size: 11px;
        min-height: 153px
    }

    .comma-img-reviw img {
        margin: 0
    }

    .case-ecome-bnner-section2 p {
        min-height: 100px
    }

    .case-ecome-bnner-section7 .viual-text-box h4 {
        font-size: 15px
    }

    .banner-text h2 {
        font-size: 36px !important;
        width: 113%
    }

    .businesses-img-box img,
    .case-nrt-img img {
        width: 100%;
        margin-left: 0
    }

    .card-body p {
        font-size: 13px;
        line-height: 19px;
        min-height: 115px
    }

    img.timestamps_img {
        WIDTH: 100%
    }

    .card-body h5 {
        font-size: 17px;
        line-height: 20px;
        margin-bottom: 10px;
        min-height: 41px
    }

    .col-sm-offset-3,
    .section.banner-section .col-sm-offset-3,
    section.mobile-section .col-sm-3.col-sm-offset-3 {
        margin-left: 15%
    }

    section.banner-section {
        padding: 175px 0 50px
    }

    .businesses-img-box img {
        animation: 3s ease-in-out infinite updown2
    }

    .iner-text h2,
    .text-box h2,
    .textboxh1 {
        font-size: 30px
    }

    section.businesses-section:before {
        background-size: 60%
    }

    section.offer-section {
        overflow: hidden;
        padding: 50px 0
    }

    section {
        overflow: hidden
    }

    .choose-text h4,
    .costum-text h4 {
        font-size: 18px
    }

    section.case-sec .slider-nav img {
        margin: 0 auto;
        width: 90%
    }

    .case-sec .slick-prev {
        bottom: -46px;
        left: -30%
    }

    .case-sec .slick-next {
        top: 50%;
        right: -30%
    }

    .case-text {
        margin-left: 30px;
        width: 120%
    }

    .case-sec .slick-slide img {
        width: auto;
        right: -40px
    }

    .banner-btn.case-stades {
        width: 100%;
        margin-left: 30px
    }

    section.our-section {
        padding: 0 0 50px
    }

    .case-stades a.strat-btn,
    .case-stades a.view-btn,
    .choose-text p {
        font-size: 13px
    }

    .from-row.wow.fadeInUp,
    .karen-left img {
        margin-left: 0
    }

    .form-div-box-new .btn.custom-btn1 {
        padding: 10px 60px
    }

    .burj-box {
        background: url(../images/burj-img.png);
        width: 599px;
        height: 558px;
        padding: 11px 20px
    }

    .socil-box ul {
        display: flex;
        flex-wrap: wrap
    }

    .contact-footer a {
        display: flex
    }

    .our-slider-img {
        width: auto;
        top: 284px
    }

    .choose-main {
        flex-wrap: wrap;
        justify-content: center;
        text-align: center
    }

    .demo {
        position: relative;
        left: -150px;
        top: 50px
    }

    .blogs-sec .row {
        display: flex;
        align-items: center;
        justify-content: center
    }

    .card-body a h5 {
        font-size: 16px;
        font-weight: 700;
        line-height: 22px
    }

    section.blogs-sec p {
        margin-bottom: 20px;
        font-size: 14px
    }

    section.inner-serv-sec {
        padding: 150px 0 50px !important;
        height: auto !important
    }

    .online-list ul li {
        width: 50%
    }

    .markiteting-sec .banner-img-box img {
        margin-left: 10px
    }

    section.case-stuy-sec {
        padding: 200px 0 50px;
        height: auto
    }

    section.case-stuy-nrt-sec {
        padding: 100px 0 50px;
        height: auto
    }

    .case-case-btn {
        width: 130%
    }

    .case-case-btn img,
    .our-slider-img img {
        width: 100px
    }

    section.case-stuy-alokozay-sec,
    section.case-stuy-hyatt-sec,
    section.case-stuy-insha-sec,
    section.case-stuy-karen-sec,
    section.case-stuy-minutes-sec {
        padding: 50px 0;
        height: auto
    }

    .case-stuy-nrt-inner-sec .row {
        display: flex;
        align-items: center
    }

    .navbar-header,
    .navbar-nav>li {
        float: none
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1)
    }

    .navbar-collapse.collapse {
        display: none !important
    }

    .navbar-nav {
        float: none !important;
        margin: 7.5px -15px
    }

    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .navbar-header img {
        width: 30% !important
    }

    section.case-stuy-minutes-inner-sec {
        padding: 150px 0 50px;
        height: auto
    }

    .form-div-box input.form-control {
        width: 95%
    }

    .footerbox-details img {
        width: 60%
    }

    .head_top .navbar-right {
        padding-top: 10px !important;
        background: #639 !important;
        WIDTH: 100% !important;
        margin-right: 0 !important;
        margin-top: 0 !important;
        display: none
    }

    .head_top ul.dropdown-menu li a {
        box-shadow: none !important
    }

    .navbar-collapse.in {
        display: block !important
    }
}

@media (min-width:320px) and (max-width:767px) {

    .banner-text strong b,
    .footerbagdeDv.mobiSlider2 a,
    .form-div-box-new .btn.custom-btn1,
    section.podcast-section .banner-btn.case-stades {
        display: table;
        margin: auto
    }

    .podcast_video,
    section {
        overflow: hidden !important
    }

    .manif-text .banner-btn {
        margin: 0 0 60px
    }

    .privacy-sec {
        padding: 20px 0 !important;
        text-align: center !important
    }

    .pop-form {
        width: 100%;
        height: auto;
        background: #2d1b85a1;
        margin: auto;
        display: flex;
        align-items: center
    }

    ul.slick-dots {
        position: relative;
        z-index: 99999;
        bottom: 0;
        top: 0
    }

    .indestres-slider .slick-dots li button {
        top: 10px
    }

    section.testimonails_sec.testimonails_sec_h .slick-dots li button {
        background: #fff;
        border-radius: 50%
    }

    section.businesses-section,
    section.testimonails_sec.testimonails_sec_h ul.slick-dots {
        padding: 40px 0 0
    }

    section.testimonails_sec.testimonails_sec_h li.slick-active button {
        background: #6312ff
    }

    .banner-btn,
    .banner-form-new-1 h2,
    .banner-form-new-1 h3,
    .banner-form-new-1 p,
    .banner-text p,
    .case-banner-text,
    .case-helt-text,
    .case-main,
    .fitness-txt-sulu,
    .iconic-main,
    .manif-text,
    .mobile-text p,
    .testi-img-box,
    .text-box p,
    .timestamps_boxes h2,
    section.podcast-section {
        text-align: center
    }

    .Game-Development-sec:before,
    .Property-sec:before,
    .advertising-sec:before,
    .app-dev-sec:before,
    .automotive-sec:before,
    .banner-img-box:before,
    .burj-box p br,
    .business-development-sec:before,
    .businesses-img-box:before,
    .case-ecome-bnner-section3:before,
    .case-ecome-bnner-section4:before,
    .case-ecome-bnner-section6:before,
    .case-ecome-bnner-section7:after,
    .case-ecome-bnner-section7:before,
    .case-ecome-bnner-section9:before,
    .case-functional-pink-sec:before,
    .case-sec:before,
    .case-study-pink-copy-section:before,
    .case-studysmall-town-section:before,
    .case-stuy-sec:before,
    .case-wireframe-pink-section:before,
    .choose-img-main:before,
    .contact-text h2 br,
    .contact-us-sec:before,
    .creat-img-box:before,
    .developers-sec:before,
    .e-commerce-sec:before,
    .ecommerce-sec:before,
    .educational-sec:before,
    .financial-sec:before,
    .gaming-sec:before,
    .health-business-pink-sec:before,
    .health-sec:before,
    .markiteting-sec:before,
    .media-sec:before,
    .mobile-img-box:before,
    .navbar-right a.yellow_btn_m:before,
    .online-app-sec .online-app-box:after,
    .online-app-sec .online-app-box:before,
    .online-img:after,
    .online-img:before,
    .our-slider-img img,
    .pop-box-text-new,
    .pop-floating-img,
    .solution-booking-sec .banner-img-box:after,
    .solution-booking-sec:before,
    .solution-demand-sec .banner-img-box:after,
    .solution-demand-sec:before,
    .solution-ecommerce-sec .banner-img-box:after,
    .solution-ecommerce-sec:before,
    .solution-fitness-sec .banner-img-box:after,
    .solution-fitness-sec:before,
    .solution-fleet-mangment-sec .banner-img-box:after,
    .solution-fleet-mangment-sec:before,
    .solution-pink-section:before,
    .solution-real-estate-sec .banner-img-box:after,
    .solution-real-estate-sec:before,
    .solution-resturent-sec .banner-img-box:after,
    .solution-resturent-sec:before,
    .solution-social-sec .banner-img-box:after,
    .solution-social-sec:before,
    .sports-sec:before,
    .startups-sec:before,
    .strategic-design-sec:before,
    .test-cont-img,
    .testimonial_slide_box_img,
    .travel-sec:before,
    .watch-sec,
    .web-development-sec:before,
    section.businesses-section:before,
    section.case-inner-ibling-sec:before,
    section.case-stuy-nrt-inner-sec-5:before,
    section.case-stuy-nrt-sec:after,
    section.contact-tabs,
    section.offer-section:before {
        display: none
    }

    div#pop-form {
        margin: 0 auto;
        padding-top: 0
    }

    .popupform-main .col-sm-12 {
        width: 100%;
        max-width: 100%
    }

    .pop-form .close-btn {
        top: 0;
        color: #000;
        right: 9px
    }

    section.case-body-space-section {
        padding: 120px 0
    }

    .footerright-text,
    section.case-body-space-section .row {
        display: block
    }

    .case-img-healt-box {
        margin: 0 0 20px
    }

    .case-ecome-bnner-section3 {
        height: auto;
        padding: 0 0 40px !important
    }

    .case-ecome-bnner-section3 .case-pro-img-box img,
    .from-row,
    .next-prev-btn i.fa.fa-long-arrow-right,
    .offer-text p,
    .slick-slide.slick-cloned,
    hr.customhr-footer,
    section.case-team-section {
        margin: 0
    }

    .body-space-case-sec-6,
    .case-ecome-bnner-section4 {
        padding: 30px 0 !important
    }

    .body-space-case-sec-5 .case-project-text h2,
    .body-space-case-sec-8 .tec-appli-text h2 {
        color: #000
    }

    .health-business-sec,
    div#myNavbar11,
    section.banner-logos,
    section.ftr-bottom,
    ul.btm-footer-links {
        padding: 0
    }

    .case-sec {
        margin-bottom: 0
    }

    section.indestres-section,
    section.online-app-sec,
    section.testimonial-section {
        padding: 30px 0
    }

    .case-helt-text h1,
    .testi-sli-text h4,
    section.indestres-section .our-text p {
        margin: 10px 0 0
    }

    section.inner-serv-sec.app-dev-sec.error-page {
        height: 412px
    }

    .banner-text.error-text p {
        font-size: 22px !important
    }

    .banner-text.error-text h2 {
        font-size: 100px !important
    }

    ul.nav.nav-tabs.techno li.active a,
    ul.nav.nav-tabs.techno li:hover a {
        margin: auto
    }

    .main-sli-cas1::before,
    .main-sli-cas2::before,
    .main-sli-cas3::before,
    .main-sli-cas4::before {
        background: 0 0 !important
    }

    .slick-slide img {
        display: block;
        margin: 0 auto
    }

    .wow {
        animation-name: none !important;
        visibility: visible !important
    }

    .app-dev-sec .row,
    .banner-section .row,
    .businesses-section .row,
    .case-functional-mian ul,
    .case-study-section .row,
    .case-stuy-alokozy-inner-sec .row,
    .case-stuy-hyatt-inner-sec .row,
    .case-stuy-hyatt-sec .row,
    .case-stuy-iseha-inner-sec .row,
    .case-stuy-karen-inner-sec .row,
    .case-stuy-minutes-inner-sec .row,
    .case-stuy-nrt-inner-sec-2 .row,
    .case-stuy-nrt-inner-sec-4 .row,
    .case-stuy-nrt-inner-sec-5 .row,
    .case-stuy-nrt-sec .row,
    .contact-tabs .nav-tabs,
    .creat-section .row,
    .game-list ul,
    .inner-serv-sec .row,
    .mobile-section .row,
    .offer-section .row,
    .pro-main-box,
    .row-solution,
    .row.col-sm-12.p0,
    .row.d-flex.justify-content-end,
    section.manifesto-sec-2 .row {
        flex-wrap: wrap;
        justify-content: center
    }

    .next-prev-btn a {
        padding: 12px 10px !important;
        margin: 0 5px
    }

    .cmc-our-img {
        perspective: 800px !important;
        padding: 0;
        width: 100%;
        margin: auto
    }

    .cmc-our-img img {
        width: 80% !important;
        margin: auto !important;
        box-shadow: none;
        transform: rotateY(0) !important;
        transition-duration: 1s;
        position: relative;
        z-index: -1
    }

    .about-logo-img-box img,
    .advirt-technology-box.adver-ht-text h2,
    .form-div-box input.form-control,
    .mobile-img-box img,
    .monif-img img,
    .online-img img,
    img.timestamps_img {
        width: 100%
    }

    .podcast_video {
        background: url(../images/podcast-vd-bg.png) center center/cover no-repeat !important;
        width: 100%;
        height: 450px;
        margin: 0;
        display: table;
        position: relative
    }

    .app-dev-sec,
    .burj-box,
    .testi-text {
        height: auto
    }

    .podcast_banner {
        background: url(../images/podcast-banner-bg.jpg) top center no-repeat !important;
        align-items: flex-end !important;
        overflow: visible !important;
        background-color: #c3c3c33b !important;
        padding: 50px 0 30px
    }

    .col-sm-7.testimonial-slider,
    .testi-right-box {
        float: none
    }

    .testi-text {
        display: grid;
        align-content: center
    }

    .case-text p {
        width: 100%;
        font-size: 15px;
        color: #ff
    }

    .testi-text h2,
    .testi-text p {
        color: #000;
        text-align: center
    }

    .case-stades,
    .case-text,
    .mobile-section .mobile-img-box img {
        margin-left: 0
    }

    .main-sli-cas {
        flex-wrap: wrap;
        justify-content: center;
        padding: 50px 0 !important;
        text-align: center
    }

    .case-sec .slick-slide img {
        width: 100%;
        float: left;
        text-align: center;
        right: 0
    }

    .banner-text h1,
    .banner-text h2 {
        font-size: 40px;
        text-align: center
    }

    .banner-text strong {
        font-size: 40px;
        text-align: center;
        line-height: normal
    }

    section.banner-section .banner-btn a.cnt-btn {
        text-align: center;
        margin: auto auto 42px;
        display: table
    }

    a.navbar-brand img {
        width: 100px !important;
        text-align: center;
        margin: -10px 0 0 15px
    }

    section.banner-section {
        padding: 100px 0 80px;
        height: max-content;
        flex-wrap: wrap;
        justify-content: center;
        margin: auto
    }

    .businesses-img-box img,
    .creat-img-box img {
        width: 100%;
        margin: 0
    }

    .text-box h2,
    .textboxh1 {
        text-align: center;
        font-size: 30px;
        margin-top: 42px
    }

    .footersection,
    section.btm-footer,
    section.offer-section {
        padding: 30px 0;
        text-align: center
    }

    .contact-text h1,
    .contact-text h2,
    .mobile-text h2 {
        font-size: 35px;
        text-align: center
    }

    .mobile-box {
        display: block;
        flex-wrap: wrap;
        text-align: center
    }

    .our-slider-img {
        position: absolute;
        top: 415px;
        width: 100%
    }

    section.creat-section .banner-btn a.cnt-btn {
        text-align: center;
        margin: 0 auto 20px;
        display: table
    }

    .card {
        margin-bottom: 20px
    }

    .footer-box-1 {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        float: left
    }

    .footer-box-2,
    .footer-box-3 {
        flex-wrap: wrap;
        justify-content: center;
        float: left;
        width: 50%
    }

    .footer-box-4 ul {
        flex-wrap: wrap;
        justify-content: center;
        width: 100%
    }

    .footer-box-5 {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        width: 100%
    }

    .card-body a h5 {
        font-size: 16px;
        line-height: 20px
    }

    .approach-list ul li p,
    .game-list ul li p,
    section.blogs-sec p {
        font-size: 14px
    }

    .burj-box h3 {
        text-align: center;
        font-size: 28px
    }

    .burj-box {
        width: 100%
    }

    .burj-box p {
        font-size: 14px;
        text-align: center
    }

    .contact-footer a span,
    .footerlinks ul li,
    .footerlinks ul li a,
    .pricing-area ul.tabs-wrapper.nav.nav-tabs li a,
    ul.nav.nav-tabs.techno li a {
        font-size: 13px
    }

    .pack_boxes .row,
    .testimonial-section .row {
        display: block;
        justify-content: center
    }

    .testi-box {
        flex-wrap: wrap;
        display: block;
        text-align: center
    }

    .testi-sli-text p {
        font-size: 13px;
        min-height: 160px !important
    }

    .testimonial-section ul.slick-dots {
        margin: 0;
        bottom: -25px;
        z-index: 1
    }

    .test-custom-box {
        padding: 20px
    }

    .testi-text.testi_text_mmm {
        margin: -180px 0 0
    }

    .testimonial_slider_video {
        margin: 50px 0 0
    }

    .testi-text h2 {
        margin-top: 60px;
        font-size: 35px
    }

    .formbox-ftr {
        width: 100%;
        padding: 75px 20px;
        margin: 0
    }

    .offer-btn {
        padding-top: 30px !important
    }

    .offer-slider .slick-dots li button {
        top: -60px;
        left: 0
    }

    .offer-slider .slick-list.draggable {
        width: 100%;
        padding: 20px 0 0;
        height: 0
    }

    .app-dev-sec .banner-text h2 {
        text-align: center;
        width: 100%;
        font-size: 35px
    }

    .app-dev-sec .banner-btn {
        text-align: center;
        margin-bottom: 30px
    }

    .iner-text p {
        font-size: 14px;
        text-align: center;
        margin-bottom: 15px
    }

    .row.onli-main {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column-reverse;
        margin: auto;
        justify-content: center
    }

    .iner-text h2 {
        text-align: center;
        font-size: 25px;
        margin-top: 20px
    }

    .online-img.online-app-box img {
        width: 100%;
        margin-top: 0;
        padding: 0 0 20px
    }

    .techn-mian ul {
        flex-wrap: wrap;
        justify-content: center !important;
        float: left;
        align-items: center;
        padding: 0
    }

    .techno-box {
        padding: 10px;
        margin-bottom: 20px
    }

    .app-dev-sec,
    section.Technology-sec,
    section.about-process-sec-2,
    section.case-ecome-bnner-section5,
    section.client-logos-about,
    section.inner-serv-choose-sec {
        padding: 50px 0 0
    }

    .abnner-list,
    .adver-ht-text,
    ul.nav.nav-tabs.techno li a {
        margin: auto;
        display: table;
        text-align: center
    }

    .choose-main {
        flex-wrap: wrap;
        justify-content: center;
        text-align: center
    }

    .choose-img-main img {
        margin: 15px auto
    }

    section.Technology-sec-banner {
        padding: 160px 0 0
    }

    .case-stades a.view-btn {
        font-size: 11px
    }

    .case-stades a.strat-btn,
    .nav__list-item a {
        font-size: 12px
    }

    section.case-sec .slider-nav {
        left: 0;
        top: -35px
    }

    section.our-section {
        padding: 40px 0 90px
    }

    .business-development-sec,
    section.inner-serv-sec {
        padding: 100px 0 30px;
        height: auto
    }

    .socil-box ul {
        display: table;
        margin-top: 30px;
        margin-left: 30px
    }

    section.case-sec .slider-nav img {
        margin: 0 auto;
        width: 70%
    }

    .case-sec .slick-arrow {
        font-size: 0;
        position: absolute;
        right: 1%;
        cursor: pointer;
        z-index: 1;
        padding: 0;
        width: 47px;
        bottom: 10%;
        height: 47px;
        border-radius: 100px
    }

    .case-sec .slick-arrow:before {
        content: "\f178";
        font-family: FontAwesome;
        font-size: 30px;
        font-weight: 700;
        color: #212121;
        line-height: 47px;
        transition: .5s
    }

    .case-sec .slick-prev {
        left: 60%;
        top: 90px
    }

    .case-sec .slick-prev:before {
        content: "\f177"
    }

    .case-sec .slick-next {
        left: 22%;
        top: 92px
    }

    .our-slider-img img {
        width: 215px;
        margin-bottom: 31px;
        margin-left: 0
    }

    .partnerslider li figure img {
        width: 55%
    }

    .startups-sec .banner-text h2 {
        font-size: 35px
    }

    .startups-sec {
        text-align: center;
        height: auto
    }

    .banner-img-box img {
        margin: 25px auto auto;
        width: 100%;
        display: none
    }

    .markiteting-sec .banner-img-box img,
    .startups-sec .banner-img-box img {
        margin: 30px 0 0
    }

    .Game-Development-sec .banner-text h2,
    .case-visual-pink-section .case-project-text h2,
    .ecommerce-sec .banner-text h2,
    .health-smalltown-sec .case-project-text h2,
    .strategic-design-sec .banner-text h2 {
        font-size: 40px
    }

    .strategic-design-sec {
        height: auto;
        text-align: center;
        overflow: hidden
    }

    .Game-Development-sec .banner-img-box img,
    .strategic-design-sec .banner-img-box img {
        margin-top: 30px
    }

    .Game-Development-sec,
    .ecommerce-sec,
    .markiteting-sec,
    .web-development-sec {
        height: auto;
        text-align: center
    }

    .web-development-sec .banner-img-box img {
        width: 90%;
        margin-top: 40px
    }

    .business-development-sec .banner-img-box img,
    .ecommerce-sec .banner-img-box img,
    .markiteting-sec .banner-img-box img,
    section.online-app-sec .banner-btn {
        margin-top: 40px
    }

    .business-development-sec {
        text-align: center
    }

    .advirt-technology-mian ul {
        flex-wrap: wrap;
        display: flex;
        width: auto;
        float: left;
        justify-content: center
    }

    .adver-ht-text h2 {
        font-size: 14px;
        text-align: center;
        width: 167%;
        margin: 30px 0
    }

    .navbar-right a.yellow_btn_m {
        margin: 0;
        padding: 0 0 0 15px !important
    }

    .game-list ul li {
        width: 100%;
        margin: 20px 0 0
    }

    .online-list ul li {
        width: auto;
        text-align: center;
        margin-bottom: 15px;
        font-size: 17px
    }

    .online-list ul {
        margin-bottom: 0;
        margin-top: 15px;
        padding: 0
    }

    .choose-img-box img {
        margin: 0 0 15px;
        animation: 3s ease-in-out infinite updown2
    }

    .techno-box .img-box img {
        animation: 3s ease-in-out infinite updown2;
        width: 80px !important
    }

    ul.nav.nav-tabs.techno {
        flex-wrap: wrap;
        justify-content: center;
        display: flex;
        margin-bottom: 10px
    }

    ul.nav.nav-tabs.techno.nav li {
        width: 44%;
        margin-bottom: 10px
    }

    section.android-section {
        padding: 0 0 50px
    }

    .fitness-txt-sulu h2 {
        font-size: 18px
    }

    .fitness-txt-sulu p {
        font-size: 14px;
        margin-top: 10px
    }

    .advirt-technology-sec,
    .mobiSlider.slick-initialized.slick-slider.slick-dotted {
        padding: 20px 0
    }

    .online-app-sec .iner-text {
        text-align: center;
        margin-top: 30px
    }

    section.case-stuy-nrt-sec,
    section.case-stuy-sec {
        padding: 100px 0 30px;
        height: auto
    }

    .case-nrt-img img {
        margin: 20px 0 0;
        width: 100%
    }

    .case-banner-text h2 {
        font-size: 35px;
        margin-top: 15px
    }

    section.case-stuy-alokozay-sec,
    section.case-stuy-hyatt-sec,
    section.case-stuy-insha-sec,
    section.case-stuy-karen-sec,
    section.case-stuy-minutes-sec {
        padding: 50px 0;
        height: auto
    }

    .case-stuy-karen-sec .row,
    .case-stuy-minutes-sec .row,
    .pricing-area ul.tabs-wrapper.nav.nav-tabs,
    .text-box ul,
    section.podcast-section .row {
        display: flex;
        flex-wrap: wrap;
        justify-content: center
    }

    .keren-img img {
        width: 100%;
        margin: 16px 0 0
    }

    .case-stuy-alokozay-sec .row,
    .case-stuy-insha-sec .row {
        flex-wrap: wrap;
        justify-content: center;
        flex-direction: column-reverse
    }

    .case-case-btn {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin: 0
    }

    .case-case-btn a.nrt-btn {
        margin: 0 15px 15px 0
    }

    section.case-stuy-nrt-inner-sec {
        height: auto;
        padding: 50px 0
    }

    section.case-stuy-nrt-inner-sec-2,
    section.case-stuy-nrt-inner-sec-4,
    section.case-visual-section {
        padding: 50px 0
    }

    .case-stuy-nrt-inner-sec-3 .row {
        flex-wrap: wrap;
        justify-content: revert
    }

    section.case-stuy-nrt-inner-sec-3 {
        background-color: #a8ce3b;
        background-image: none
    }

    section.case-stuy-karen-inner-sec-3 {
        background-color: #c1b4a4;
        background-image: none !important
    }

    section.case-stuy-hyatt-inner-sec-3 {
        background-color: #f7f7f7;
        background-image: none !important
    }

    section.case-stuy-nrt-iseha-sec-3 {
        background-color: #10b1a9;
        background-image: none !important
    }

    section.case-stuy-nrt-minutes-sec-3 {
        background-color: #eb6c1b;
        background-image: none !important
    }

    section.case-stuy-nrt-alokozy-sec-3 {
        background-color: #0a1d62;
        background-image: none !important;
        padding: 50px 0
    }

    .case-banner-text h2,
    .case-stuy-nrt-inner-sec-3 .nrt-color p,
    section.case-stuy-nrt-inner-sec-3.case-stuy-nrt-alokozy-sec-3 .case-banner-text h2,
    section.case-stuy-nrt-inner-sec-3.case-stuy-nrt-alokozy-sec-3 .nrt-color p,
    section.case-stuy-nrt-iseha-sec-3 .case-banner-text h2,
    section.case-stuy-nrt-iseha-sec-3 .nrt-color p,
    section.case-stuy-nrt-minutes-sec-3 .case-banner-text h2,
    section.case-stuy-nrt-minutes-sec-3 .nrt-color p {
        color: #fff
    }

    .case-stuy-nrt-inner-sec-5 .case-banner-text h2 {
        color: #000 !important
    }

    .contact-us-sec {
        padding: 100px 0 40px;
        height: auto
    }

    section.manifesto-sec-2 {
        padding: 50px 0 20px
    }

    .form-div-box,
    .proces-about-box {
        margin-bottom: 15px
    }

    .pro-nu {
        text-align: center;
        margin: auto
    }

    .head_top .navbar-right {
        padding-top: 10px !important;
        background: #639 !important;
        WIDTH: 100% !important;
        margin-right: 0 !important;
        margin-top: 0 !important
    }

    .podcast-img-box img {
        width: 100%;
        margin-top: 25px
    }

    .text-box ul li {
        font-size: 15px;
        margin-bottom: 5px
    }

    .tech-text h2 {
        font-size: 30px;
        margin-bottom: 20px
    }

    .socil-box ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        padding: 0 !important
    }

    .technologies img {
        width: 50px;
        text-align: center;
        margin: 0 auto;
        display: table
    }

    .our-img img,
    section.advirt-technology-sec .adver-ht-text h2 {
        width: 100% !important
    }

    .banner-slid .slick-dots li button {
        top: 15px
    }

    section.banner-section.banner-section2-slid {}

    .our-img img {
        height: auto
    }

    .team-box {
        margin-bottom: 30px
    }

    .case-pro-img-box img {
        width: 100%;
        margin: 30px auto 0;
        display: table;
        text-align: center
    }

    .visual-list ul li {
        width: 50%;
        margin: 0 auto 30px !important;
        padding: 0
    }

    .tec-row {
        flex-wrap: wrap;
        justify-content: center;
        margin: auto
    }

    .visual-list ul {
        padding: 0;
        flex-wrap: wrap
    }

    .case-project-text h2 {
        text-align: center;
        font-size: 40px;
        line-height: 35px
    }

    .case-project-text p {
        font-size: 18px;
        text-align: center
    }

    .case-business-img-box img {
        margin: 15px 0 0
    }

    .nav-tabs li a {
        padding: 12px 24px
    }

    .case-functional-mian ul li,
    .figure img,
    .pricing-area ul.tabs-wrapper.nav.nav-tabs li {
        width: 50%
    }

    .tec-appli-text h2 {
        text-align: center;
        font-size: 40px;
        margin: 17px 0 25px
    }

    button.navbar-toggle {
        top: 15px;
        display: none
    }

    .technologies {
        margin: 0;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .navbar-nav .open .dropdown-menu {
        background-color: transparent !important
    }

    .head_top ul.dropdown-menu {
        position: relative;
        width: 100%
    }

    .head_top ul.dropdown-menu li {
        background: #639;
        box-shadow: none !important
    }

    .head_top ul.dropdown-menu li a,
    .navbar-nav li.dropdown:hover ul.dropdown-menu {
        box-shadow: none !important
    }

    .head_top .navbar-right li.dropdown ul {
        margin-bottom: 14px
    }

    .advirt-technology-mian ul li {
        width: 50%;
        margin: 0;
        text-align: center
    }

    .techn-mian ul li {
        width: 40%;
        text-align: center;
        margin: 0 10px
    }

    .head_top {
        padding: 0;
        z-index: 9;
        position: absolute;
        left: 0;
        right: 0
    }

    .menu-icon {
        display: block;
        right: 30px
    }

    .offer-section .slick-dotted {
        display: none !important
    }

    section.case-team-section {
        padding: 50px 0 0;
        position: relative
    }

    .our4-slider .slick-list.draggable {
        padding-top: 00px !important;
        height: 400px
    }

    section.podcast-section .offer-text p {
        padding-bottom: 30px
    }

    .socil-box ul li {
        width: 10%;
        margin: 0 25px 0 7px
    }

    .footerbagdeDv figure img {
        width: 60%
    }

    .mobiSlider2 .slick-dots li button {
        background-color: #000;
        border-radius: 50px;
        width: 13px;
        height: 13px;
        position: relative;
        top: 65px;
        right: 0
    }

    .mobiSlider2 .slick-dots li.slick-active button {
        background-color: #fff
    }

    .case-studies-preview {
        left: -180px !important
    }

    .case-studies-next {
        right: -140px !important
    }

    .mobiSlider2 .slick-track .slick-slide {
        margin: 0 5px
    }

    .case-img-healt-box img {
        margin: 25px 0
    }

    .wirefram-img-box img {
        width: 80%;
        margin: 0 auto 30px;
        display: table
    }

    .work-sectionsmall-town-sec .tec-appli-text h2 {
        font-size: 40px;
        margin-top: 40px
    }

    .project-text h2 {
        font-size: 30px !important
    }

    section.solution-section .case-project-text h2 {
        margin-bottom: 30px;
        font-size: 30px
    }

    .health-procject-smalltown-sec .case-project-text h2 {
        font-size: 40px;
        line-height: 40px;
        margin-top: 35px
    }

    .case-wireframe-pink-section .case-project-text h2,
    .health-procject-pink-sec .case-project-text h2 {
        font-size: 40px;
        line-height: 35px
    }

    .health-business-pink-sec {
        padding: 50px 0 0 !important
    }

    .case-visual-pink-section .tec-appli-text h2 {
        font-size: 40px;
        line-height: 35px;
        padding-top: 30px
    }

    .solution-pink-section .text-contant h5,
    .text-contant h5 {
        font-size: 16px
    }

    section.work-pink-section {
        padding: 40px 0
    }

    .solution-tabs-pink .nav-tabs li a {
        padding: 10px 25px;
        margin: 0 20px 0 0
    }

    .case-visual-ibling-section .case-project-text h2,
    .case-wireframe-ibling-section .case-project-text h2 {
        font-size: 40px;
        margin: 0
    }

    .case-visual-ibling-section .tec-appli-text h2 {
        font-size: 40px;
        line-height: 40px;
        margin: 35px 0 20px
    }

    .health-ibling-sec .case-project-text h2 {
        font-size: 40px;
        line-height: 40px;
        margin: 0
    }

    .case-ecome-bnner-section4 .case-project-text h2 {
        font-size: 40px;
        margin: 0;
        line-height: normal
    }

    .case-ecome-bnner-section7 .tec-appli-text h2 {
        font-size: 40px;
        margin: 30px 0 20px
    }

    .case-helt-text h1 {
        font-size: 50px !important
    }

    section.case-study-section {
        margin-bottom: 0;
        padding: 100px 0 50px
    }

    .iconic-main h3 {
        font-size: 20px !important;
        margin: 0 !important
    }

    .iconic-main h5 {
        font-size: 16px !important;
        margin: 15px 0 0 !important
    }

    .our4-slider .slick-dots li button {
        top: 120px;
        margin: auto;
        display: table;
        text-align: center;
        left: -15px
    }

    .best-sller-div {
        right: -10px;
        top: 20px;
        background: red;
        color: #fff;
        transform: rotate(45deg);
        width: 25%;
        text-align: center
    }

    .recomnd-div h4 {
        font-size: 9px
    }

    .best-sller-div h4 {
        font-size: 10px
    }

    .test-comma img {
        z-index: 1;
        left: 100px
    }
}

@media (min-width:414px) and (max-width:736px) {
    .our-slider-img img {
        width: 265px;
        margin-bottom: 46px;
        margin-left: 0;
        height: 430px
    }

    .cmc-our-img img {
        width: 100%
    }
}

@media (max-width:320px) {
    .our-slider-img img {
        width: 173px;
        margin-bottom: -5px;
        margin-left: 0;
        height: 424px
    }
}

@media (max-width:1280px) {
    .our-slider-img {
        left: 10px;
        margin-bottom: -1px
    }
}

@media(max-width:1366px) {
    .our-slider-img img {
        width: 16% !important
    }

    .Podcast-img img {
        width: 50%;
        border-radius: 14px
    }

    .our-slider-img {
        left: 10px;
        margin-bottom: 13px;
        top: 320px;
        padding: 0
    }

    .case-ecome-bnner-section3:before {
        bottom: -175px;
        background-size: 40%;
        left: -165px
    }
}

@media not all and (min-resolution:.001dpcm) {
    @supports (-webkit-appearance:none) and (stroke-color:transparent) {
        @media (min-width:1200px) and (max-width:1600px) {
            .contact-tabs .nav-tabs {
                position: relative;
                left: 30%
            }
        }
    }
}