@media (min-width:20px) and (max-width:767px) {
        
    .price-nav-tb ul li a:hover,
    .price-nav-tb ul li.active a,
    .price-nav-tb ul li.active a:focus,
    .price-nav-tb ul li.active a:hover {
        border: 0;
        font-weight: 700;
        color: #30d5c8;
        background: 0 0 !important;
        border-bottom: 1px solid
    }
    .reviewSec2 .row {
        display: flex;
        align-items: center;
    }
    .review_banner .col-sm-12 {
        display: block;
    }
    .review_banner img {
        width: 100%;
    }
    .reviewSec1 h3 {
        font-size: 20px;
        padding: 0 0 15px 0;
    }
    .reviewSec1 {
        padding: 20px 0px;
    }
    .mainReviewBox {
        padding: 7px;
    }
    .reviewBox {
        padding: 9px;
    }
    .reviewDetailsnew h3 {
        left: -14px;
    }
    .reviewSec2 .row {
        display: block;
    }
    .reviewSec2head {
        text-align: center;
    }
    .reviewSec2head p {
        padding: 15px 0px;
    }
    .reviewSec2head a {}
    .reviewSec2head h5 {
        padding: 10px 0px;
    }
    .reviewSec2head h4 {
        padding: 30px 0px 10px 0;
    }
    .reviewSec2 {
        padding: 20px 0px;
    }
    .submitbtn.signupbtn button:hover:before {
        width: 129% !important;
    }
    h3.pkgh3 {
        font-size: 28px;
        margin: 0 0 15px 0;
    }
    .awards-2 img {
        display: none;
    }
    .fot_cta {
        display: none;
    }
    .submitbtn {
        display: block;
        margin: auto;
        text-align: center;
    }
    .submitbtn button {
        color: #e87f2b;
    }
    .submitbtn button::before {
        left: 98px;
    }
    .footer-sec .submitbtn button:hover:before {
        width: 37% !important;
    }
    .signupbtn button {
        color: #ffff;
    }
    .signupbtn button:hover:before {
        left: 130px;
    }
    .box-web .priceInner-tab ul {
        width: 100%;
    }
    .box-brand .pkgBoxx {
        margin: 0;
    }
    .awards-2 {
        display: block;
    }
    .awards-2 ul.footer-links-2 {
        display: block;
        text-align: center;
    }
    .submitbtn.signupbtn button::before {
        left: -12px;
    }
    .submitbtn.signupbtn button {
        text-align: center;
        margin: 26px auto;
        display: block;
    }
    .awards-2 ul.footer-links-2 li a {
        border: none;
    }
    .brand-tab {
        position: relative;
        left: 0;
        right: 0;
        top: 0;
        height: auto;
        bottom: 0;
    }
    .priceInner-tab ul {
        width: 100%;
    }
    .innertabDigital {
        position: relative;
        left: 0;
        bottom: 0;
        top: 0;
    }
    .innertabVideo {
        position: relative;
        left: 0;
    }
    .work_with_box_img img {
        display: none;
    }
    .pricingtab li.active a:before {
        display: none;
    }
    .whatimghead img {
        width: 100% !important;
        height: auto !important;
    }
    .work_with_box p {
        padding: 0;
    }
    .work_with_box h2 span {
        font-size: 30px;
        padding: 30px 0 10px 0;
    }
    .work_with_box h6 {
        padding: 15px 0px;
    }
    .work-fld input {
        width: 100%;
    }
    .work-fld textarea {
        width: 100%;
    }
    .work_with_box button {
        margin: 0 0 0 14px;
    }
    .page.fullpage-wrapper .fixed-parallax.fix-parallax-fea-wrk {
        top: 0 !important;
    }
    .feature_work_h_pre .hd-txt h2 {
        font-size: 24px;
        padding: 66px 0 5px 0;
    }
    .feature_work_h_pre .hd-txt p {
        font-size: 13px;
        padding: 0 0 17px 0;
    }
    .swiper-container-horizontal>.swiper-pagination-bullets,
    .swiper-pagination-custom,
    .swiper-pagination-fraction {
        bottom: 31px;
    }
    .ftr-txt h4 {
        font-size: 14px;
    }
    .ftr-txt h4 br {
        display: none;
    }
    .payment-method {
        padding: 0;
        text-align: center;
    }
    .hd-txt img {}
    .fp-section.fp-table,
    .fp-slide.fp-table {}
    .form-txt h2 {
        font-size: 13px;
    }
    .form-txt h2 br {
        display: none;
    }
    .forMobilelogo {
        display: block;
    }
    .platform_1 {
        display: none;
    }
    .playbutton a::before {
        display: none;
    }
    .what_we_do_slider_boxes {
        display: block !important;
        padding: 0;
    }
    .whathead span {
        font-size: 20px;
    }
    .whathead h3 {
        font-size: 25px;
    }
    .whathead h4 {
        font-size: 25px;
    }
    .whathead ul li {
        font-size: 18px;
    }
    .whathead ul li span {
        font-size: 18px;
    }
    .whathead {
        text-align: center;
    }
    ul.pricingtab {
        display: block;
        text-align: center;
    }
    ul.pricingtab li {
        padding: 0 0 10px 0;
    }
    section.pricingSec {
        padding: 20px 0px;
    }
    .priceInner-tab ul {
        display: block;
        text-align: center;
        margin: auto;
    }
    .pkglist {
        margin: 20px 0 0 0;
    }
    a.pkgBtn {
        padding: 10px 55px;
        display: block;
        text-align: center;
    }
    .price-nav-tb ul li {
        border-right: 0px solid;
        float: none;
        display: inline-block
    }
    .price-nav-tb ul {
        border: 0;
        text-align: center;
        margin: 0 auto;
        display: inline-block
    }
    .testimonails_sec_h_pre {
        display: inherit;
        height: inherit;
        justify-content: inherit;
        align-items: inherit;
        position: relative;
        top: 50px
    }
    .testimonails_sec_h:before {
        background-size: 40% !important
    }
    .feature_work_h_pre {
        height: inherit;
        display: inherit;
        align-items: inherit;
        justify-content: inherit
    }
    .testimonails_sec .hd-txt p br {
        display: none
    }
    .banner_contact input[type=email] {
        margin-bottom: 15px !important
    }
    .start_brand_sec:after {
        display: none
    }
    .webdesign_page .web_mantainance_sec .brand_wellness_box .hd-txt h2 {
        font-size: 40px;
        padding: 0 0 20px;
        line-height: 45px
    }
    .hero_banner:hover .mb-dv-2st.screen img {
        top: -383px
    }
    .hero_banner:hover .mb-dv-3st img {
        top: -210px !important
    }
    .web_maintenance_pge .web_mantainance_sec2 {
        margin: 20px 0 -30px;
        display: flex;
        flex-direction: column-reverse
    }
    .ecom_platf_slider .logo_brand_designing_box {
        padding: 50px 0 30px !important
    }
    .inner_banner.protfolio_banner .banner-txt {
        top: 0 !important
    }
    .portfolio_slider_box1 {
        position: relative;
        top: -30px;
        z-index: 1
    }
    .portfolio_sec {
        margin: 0 0 -770px
    }
    .portfolio_nav_cat1 {
        margin: 180px auto 0
    }
    .what_we_slider_box_img_mm_1_mm,
    .what_we_slider_box_img_mm_2_mm,
    .what_we_slider_box_img_mm_3_mm,
    .what_we_slider_box_img_mm_4_mm,
    .what_we_slider_box_img_mm_5_mm,
    .what_we_slider_box_img_mm_6_mm {
        display: none !important
    }
    section.what_we_do_sec.what_we_do_sec_home {
        padding: 20px 0 0
    }
    .what_we_do_sec_home .what_we_do_slider .slick-dots {
        bottom: -30px;
    }
    .what_we_do_sec_home_pre {
        margin: inherit;
        display: inherit;
        align-items: inherit;
        justify-content: inherit;
        height: inherit
    }
    .what_we_slider_box_img {
        margin: 50px auto 40px
    }
    .what_we_do_slider {
        margin: 20px 0 0 !important
    }
    .web_privicy_banner .banner-txt {
        position: relative;
        top: 100px !important
    }
    .hero_banner video {
        position: absolute;
        height: 100%;
        width: auto
    }
    .fix_parallax_testimonails {
        padding: 20vw 0
    }
    .web_mantainance_sec .brand_wellness_box .hd-txt h2 {
        font-size: 40px;
        line-height: 46px
    }
    .hero_banner .banner-txt {
        position: relative;
        top: 0;
        margin: 50px 0 20px 0
    }
    .leftanimation_bt,
    .section.active .leftanimation_h2,
    .section.active .leftanimation_p {
        animation-name: inherit;
        animation-duration: inherit
    }
    .section.active .upanimation_h2,
    .section.active .upanimation_p,
    .upanimation_bt {
        animation-name: inherit;
        animation-duration: inherit
    }
    .rightanimation_bt,
    .section.active .rightanimation_h2,
    .section.active .rightanimation_p {
        animation-name: inherit;
        animation-duration: inherit
    }
    .section.active .leftanimation_bt {
        animation-name: inherit;
        animation-duration: inherit
    }
    .fea-slider {
        margin: 20px 0 0
    }
    .page.fullpage-wrapper .fixed-parallax.fix-parallax-fea-wrk {
        top: 40px
    }
    .form-div textarea {
        height: 50px
    }
    .platform_sec:before {
        top: 25px
    }
    .fixed-parallax {
        position: relative !important
    }
    .fea_branding_img1,
    .fea_branding_img2,
    .fea_branding_img3,
    .fea_branding_img4,
    .fea_branding_img5,
    .fea_branding_img6 {
        display: none !important
    }
    a.view_more_work_btn {
        display: none
    }
    .foot_social {
        display: flex;
        margin: 13px 0 20px;
        justify-content: center
    }
    .web_mantainance_sec .brand_wellness_btn {
        margin: 40px auto 40px
    }
    .awards-winning-img {
        display: none
    }
    .form-div input,
    .form-div textarea {
        width: 100%;
        background: #69d5c9;
        border: 0;
        margin-bottom: 5px;
        padding: 12px 20px
    }
    .ftr-form-st #flform input[type=text],
    input[type=email] {
        margin-bottom: 5px !important
    }
    .bnr-btn .wht_btn_prent.chat_pr {
        margin: 0 0 0 65px
    }
    .banner_chat {
        position: absolute;
        right: 90px;
        top: 15px
    }
    .fot_cta .wht_btn_prent {
        display: table;
        margin: 30px auto
    }
    .mb-dv-1st {
        height: 150px;
        margin-bottom: 25px;
        width: 95%;
        border-radius: 18px;
        top: 10px
    }
    .mb-dv-2st {
        height: 110px;
        margin-bottom: 10px;
        width: 95%;
        border-radius: 18px;
        overflow: hidden;
        top: 10px
    }
    .mb-dv-3st {
        height: 200px;
        margin-bottom: 10px;
        width: 95%;
        border-radius: 18px;
        overflow: hidden;
        top: -40px
    }
    .hero_banner:hover .screen img {
        top: -630px;
        -webkit-transition: all 11s;
        -moz-transition: all 11s;
        -ms-transition: all 11s;
        -o-transition: all 11s;
        transition: all 11s
    }
    .screen img {
        left: 0
    }
    .hero_banner .banner-txt h1 {
        line-height: 32px;
        font-size: 30px
    }
    .hero_banner .banner-txt p {
        font-size: 12px;
        padding-top: 10px;
        color: #fff;
        line-height: 19px;
        text-align: center
    }
    .web_maintenance_pge .start_brand_box {
        width: 100%;
        margin: 0 5px 30px;
        background-color: #30d5c8;
        min-height: 370px;
        align-items: center;
        display: grid;
        padding: 10px 10px;
        transition-duration: .5s;
        float: left
    }
    .head_top {
        padding: 15px 0;
        z-index: 9;
        position: absolute;
        left: 0;
        right: 0;
        padding: 0
    }
    .head_top .navbar.navbar-defult {
        margin-bottom: 0;
        padding: 10px 10px
    }
    .menu-icon {
        height: 30px;
        width: 30px;
        position: fixed;
        z-index: 2;
        cursor: pointer;
        display: block;
        z-index: 9999;
        top: 23px;
        right: 20px
    }
    .logo {
        width: 185px;
        margin: 0 0 0 10px;
        filter: none
    }
    .banner_chat .chat_ciricle {
        font-size: 12px;
        font-weight: 700;
        display: grid;
        border-radius: 50px;
        width: 60px;
        height: 60px;
        align-content: center;
        padding: 0 0 0 15px;
        line-height: 17px;
        transition-duration: .5s
    }
    .banner_chat .chat_ciricle span {
        font-size: 16px;
        display: table;
        color: #30d5c8
    }
    .fix-parallax-mbnr {
        display: block
    }
    .fix-parallax-mbnr .col-sm-12 {
        display: block;
        align-items: center
    }
    .banner-txt {
        position: relative;
        top: 120px;
        margin: 0 0 40px 0
    }
    .banner-txt h1 {
        font-size: 36px;
        line-height: 34px;
        text-align: center
    }
    .banner-txt p {
        font-size: 14px;
        padding-top: 10px;
        color: #fff;
        line-height: 22px;
        text-align: center
    }
    


    /* my working area */
    
    /*.bnr-btn {*/
        /* margin-top: 35px;
        margin: 30px auto 0; */
    /*    display: table*/
    /*}*/
    .up-side {
        top: 20%;
        right: 40%;
    }
    .for_center
    {
        position: absolute;
        top: 97%;
        left: 50%;
        margin-left: -80px;
    }
    .txtwrp p {
        font-size: 15px;
    }
    .counterwrp ul li .mainwrp span {
        font-size: 30px;
     }
     /* section.newFolio {
        margin-top: 50px;
    } */
   

    /*  */
    /*  */
    .bnr-mobile-side ul {
        display: inline-block;
        width: 100%;
        padding: 0;
        list-style: none;
        align-items: center;
        text-align: center;
        margin: 0 0 0
    }
    .bnr-mobile-side ul li {
        width: 43%;
        display: inline-block;
        margin: 0 5px
    }
    .bnr-img-moving {
        display: none
    }
    .hd-txt h2 {
        color: #222;
        padding-bottom: 5px;
        padding-top: 0;
        font-size: 40px;
        font-weight: 700;
        text-transform: capitalize;
        text-align: center
    }
    .hd-txt p {
        text-align: center
    }
    .fea-slide-box img {
        width: 100%
    }
    .feature-work-slide-st .slick-list.draggable {
        width: 100%;
        margin: 0 auto 0
    }
    .fea-slider .slick-dots {
        position: absolute;
        bottom: -50px;
        display: block;
        width: 100%;
        padding: 0;
        margin: 0;
        list-style: none;
        text-align: center
    }
    .fea-slider .slick-dots li.slick-active button {
        background-color: #30d5c8
    }
    .fea-slider .slick-dots li button:before {
        font-size: 0;
        line-height: 0
    }
    .fea-slider .slick-dots li button {
        background-color: #222;
        border-radius: 50px;
        width: 10px;
        height: 10px
    }
    .fixed-parallax.fix-parallax-fea-wrk {
        top: 50px
    }
    .work_with_box {
        padding: 0 0 0
    }
    .work_with_box h2 {
        font-size: 43px;
        font-weight: 700;
        color: #222;
        position: relative
    }
    .work_with_box h2 b {
        font-size: 40px;
        display: table
    }
    .work_with_box h2 span {
        font-size: 44px;
        display: table;
        color: #fff;
        margin: 0 0 0
    }
    .work_with_box h2 strong {
        font-size: 147px;
        position: absolute;
        top: 0
    }
    .work_with_box p {
        color: #222;
        font-size: 15px;
        font-weight: 400
    }
    .button_cta {
        margin: 0 0 0 20px;
        justify-content: center;
        align-items: center;
        width: 100%
    }
    .button_cta .wht_btn_prent {
        margin: 30px 20px 20px 0
    }
    .button_cta a.wht_btn {
        color: #000;
        font-size: 16px;
        font-weight: 700;
        z-index: 999;
        margin: 0 30px 0 0
    }
    .button_cta a.wht_btn:before {
        content: "";
        background-color: #fff;
        width: 50px;
        height: 50px;
        bottom: -13px;
        position: absolute;
        border-radius: 50px;
        left: -20px;
        z-index: -1
    }
    .button_cta a.wht_btn:after {
        content: "";
        width: 16px;
        height: 16px;
        bottom: 3px;
        position: absolute;
        border-radius: 50px;
        z-index: 0;
        background-image: url(../images/plus-btn.png);
        right: 10px
    }
    .work_with_box_img img {
        width: 60%
    }
    .with_wrk_boxes .chat_ciricle {
        position: absolute;
        margin: auto;
        left: auto;
        right: 20px;
        bottom: 90px;
        z-index: 999;
        top: auto
    }
    img.plus_sign1,
    img.plus_sign2 {
        display: none
    }
    .what_we_do_boxes a.chat_ciricle {
        position: absolute;
        bottom: 0;
        margin: auto;
        right: 0;
        display: none
    }
    .fix_parallax_what_we_do {
        align-items: center;
        display: initial
    }
    .what_we_do_slider_btn {
        margin: 30px auto 0;
        display: flex;
        justify-content: center
    }
    .what_we_slider_box h2 {
        font-size: 30px;
        width: 100%;
        margin: -70px 0 0 0;
        position: relative;
        z-index: 99;
        line-height: 40px;
        text-align: center
    }
    .fea_wrk_btn {
        display: none
    }
    .what_we_do_boxes p br {
        display: none
    }
    .what_we_slider_box_img img {
        margin: 30px auto 0;
        float: none;
        right: 0;
        width: 70%
    }
    .what_we_slider_box {
        margin: -30px 0 0
    }
    .what_we_slider_box p {
        width: 100%;
        margin: 10px 0 0 0;
        text-align: center;
        height: 60px;
        overflow-y: auto
    }
    .what_we_do_slider .draggable {
        padding: 0 !important;
        top: 0;
        width: 100% !important;
    }
    .what_we_do_slider {
        margin: 0 0 0 !important
    }
    .fix_parallax_what_we_do .hd-txt {
        padding-bottom: 0;
        position: relative;
        top: 10px
    }
    .what_we_do_slider .slick-dots {
        position: absolute;
        bottom: -50px;
        display: block;
        width: 100%;
        padding: 0;
        margin: 0;
        list-style: none;
        text-align: center;
        transform: rotate(0);
        right: 0;
        bottom: -10px;
        top: auto;
        height: auto;
        display: table !important
    }
    .work_with_us_sec:before {
        display: none
    }
    .fix_parallax_platform h2 {
        font-size: 34px;
        font-weight: 700;
        color: #000;
        margin: 0 0 20px
    }
    .platform_box_img img {
        width: 100%
    }
    .platform_sec:after {
        content: "";
        background-image: url(../images/work-we-vect.png);
        background-repeat: no-repeat;
        width: 273px;
        height: 59px;
        position: absolute;
        bottom: 0;
        right: 0;
        transform: rotate(180deg);
        background-size: 80%
    }
    .hd-txt h2 br {
        display: none
    }
    .testimonails_sec .hd-txt {
        padding-bottom: 40px
    }
    .testimonails_sec .hd-txt h2 {
        color: #fff !important
    }
    .testimonails_sec .hd-txt p {
        margin-top: 20px
    }
    .testimonial_slider_box {
        display: table;
        margin: auto
    }
    .testimonial_slide_box_img img {
        width: 80%;
        margin: auto;
        display: none
    }
    .testimonails_sec {
        background: linear-gradient(to right, #00020e, #01214d);
        padding: 0 0 0;
        position: relative
    }
    .testimonails_sec:before {
        content: "";
        background-image: url(../images/circle-plus-green.png);
        background-repeat: no-repeat;
        width: 101px;
        height: 101px;
        position: absolute;
        top: 30px;
        left: 200px;
        background-size: 80%
    }
    .testimonails_sec:after {
        content: "";
        background-image: url(../images/work-we-vect-green.png);
        background-repeat: no-repeat;
        width: 263px;
        height: 50px;
        position: absolute;
        bottom: 0;
        right: 0;
        background-size: 70%
    }
    .testimonails_sec .hd-txt {
        padding-bottom: 30px
    }
    .testimonails_boxes h2 {
        color: #fff
    }
    .testimonial_slide_btn a.wht_btn:before {
        background-color: #30d5c8
    }
    .testimonial_slide_btn a.wht_btn {
        color: #fff
    }
    .testimonial_slide_btn a.wht_btn:after {
        filter: invert(1)
    }
    .testimonial_slide_box_text:hover {
        background-color: #30d5c8
    }
    .testimonial_slide_box_text:hover .testimonial_slide_btn a.wht_btn:before {
        background-color: #fff
    }
    .testimonial_slide_box_text:hover .testimonial_slide_btn a.wht_btn {
        color: #222
    }
    .testimonial_slide_box_text:hover .testimonial_slide_btn a.wht_btn:after {
        filter: initial
    }
    .testimonial_slide_btn {
        margin: 20px 0 0 20px
    }
    .testimonial_slide_box_text {
        padding: 0 15px;
        min-height: 239px;
        align-content: center;
        display: grid;
        transition-duration: .5s
    }
    .testimonial_slide_box_text h3 {
        font-size: 25px;
        font-weight: 700;
        margin: 0 0 15px;
        color: #fff
    }
    .testimonial_slide_box_text h3 span {
        display: table;
        font-size: 16px;
        font-weight: 400;
        margin: 7px auto 0
    }
    .testimonial_slide_box_text p {
        font-size: 13px;
        font-weight: 400;
        margin: 0 0 15px;
        color: #fff
    }
    .testimonial_slide_box_text:hover h3,
    .testimonial_slide_box_text:hover p {
        color: #222
    }
    .testimonial_slider_box {
        display: flex;
        text-align: center
    }
    .footer-sec {
        background: url(../images/footer-bg.png);
        padding: 40px 10px 0;
        justify-content: center;
        width: 100%;
        height: 100%;
        background-position: bottom center;
        background-repeat: no-repeat
    }
    .hd-txt img {
        margin: -20px auto 15px;
        display: table;
        width: 50%
    }
    .ftr-txt h4 {
        font-size: 18px;
        color: #222;
        text-align: center;
        text-transform: uppercase;
        font-weight: 700
    }
    .form-txt {
        padding-bottom: 15px;
        padding-left: 0
    }
    .form-txt h2 {
        font-size: 19px;
        color: #222;
        text-transform: uppercase;
        font-weight: 700;
        text-align: center
    }
    .awards-winning-img ul {
        padding: 0;
        display: inline-block;
        justify-content: center;
        margin: 50px 0 0;
        text-align: center
    }
    .awards-winning-img ul li {
        list-style: none;
        align-items: center;
        display: inline-block;
        margin: 0 0 10px
    }
    .copy-right-txt ul li {
        margin: 0 5px 0;
        list-style: none
    }
    .copy-right-txt ul li a {
        color: #222;
        font-size: 10px;
        font-weight: 700
    }
    .banner_aboutus .row .col-sm-12 {
        display: table;
        align-items: center
    }
    .inner_banner {
        min-height: 800px;
        background-size: cover;
        display: inline-block
    }
    .inner_banner .banner-txt h1 {
        font-size: 38px;
        line-height: 42px
    }
    .inner_banner .banner-txt {
        position: relative;
        top: 0;
        margin: 190px auto 20px
    }
    .inner_banner .banner_img img {
        width: 80%;
        margin: 40px auto 0;
        display: table
    }
    .building_great_websites {
        padding: 50px 0 50px;
        margin: 0 0 0
    }
    .building_great_websites .brand_wellness_btn {
        margin: 30px 0 50px 20px
    }
    .rebranding_box_img img {
        width: 100%
    }
    .value_beliefs_sec {
        padding: 50px 0 50px;
        margin: 0 0 0
    }
    .value_beliefs_box {
        height: auto;
        align-content: center;
        display: grid
    }
    .value_beliefs_box_text h3 {
        color: #222;
        font-size: 24px;
        font-weight: 700;
        margin: 20px 0 15px;
        text-align: center
    }
    .value_beliefs_box_text p {
        color: #222;
        font-size: 15px;
        margin: 0 0 15px;
        text-align: center
    }
    .value_beliefs_box_text {
        margin: 0 0 30px
    }
    .brand_wellness_sec:after,
    .brand_wellness_sec:before {
        display: none
    }
    .awrd_wining_box1 {
        display: inline-block;
        justify-content: center;
        margin: 20px auto 0;
        text-align: center
    }
    .awrd_wining_box1 img {
        margin: 0 10px;
        width: 18%
    }
    .awrd_wining_box2 img {
        margin: auto;
        display: table;
        width: 100%
    }
    section.studio_views_sec {
        padding: 50px 0 50px
    }
    .studio_views_box {
        padding: 0 0 0
    }
    .studio_views_slider {
        width: 100%;
        margin: 40px auto 0
    }
    .studio_views_slider .slick-prev {
        left: 0;
        z-index: 9999
    }
    .studio_views_slider .slick-next {
        right: 0
    }
    .studio_view_slider_box img {
        width: 100%
    }
    .testimonials_inner_sec {
        padding: 70px 0 70px !important
    }
    .inner_banner.branding_banner .banner_img img {
        width: 100%;
        margin: 60px auto 0;
        display: table
    }
    .brand_wellness_box .hd-txt h2 {
        font-size: 40px;
        padding: 0 0 40px
    }
    .brand_wellness_sec {
        padding: 50px 0 50px;
        position: relative
    }
    .brand_wellness_box {
        padding: 0 0 0
    }
    .brand_wellness_btn {
        margin: 40px auto 40px;
        display: table
    }
    .brand_wellness_box_img img {
        margin: auto;
        width: 100%
    }
    .brand_wellness_box_img:before {
        content: "";
        background-color: #30d5c8;
        position: absolute;
        width: 58vw;
        height: 370px;
        right: 6vw;
        z-index: -1;
        top: -40px;
        display: none
    }
    .rebranding_sec {
        padding: 50px 0 0
    }
    .rebranding_sec .row {
        display: flex;
        flex-direction: column-reverse
    }
    .logo_brand_designing_box_img img {
        width: 100%;
        margin: 40px 0 0
    }
    .logo_brand_designing_sec {
        padding: 50px 0 50px;
        margin: 50px 0 0
    }
    .start_brand_boxes {
        padding: 10px 0 0;
        margin: auto;
        display: table
    }
    .start_brand_boxes .col-sm-4 {
        width: 50%;
        float: left;
        padding: 0 5px
    }
    .start_brand_box {
        width: 100%;
        margin: 0 5px 30px;
        background-color: #30d5c8;
        min-height: 280px;
        align-items: center;
        display: grid;
        padding: 10px 10px;
        transition-duration: .5s;
        float: left
    }
    .start_brand_box_icon img {
        filter: brightness(0)
    }
    .start_brand_box_icon {
        height: 100px;
        display: grid;
        align-items: center;
        width: 100%
    }
    .we_work_sec .hd-txt {
        padding-bottom: 30px
    }
    .we_work_box1 {
        display: inline-block
    }
    .we_work_box {
        float: none;
        width: 100%
    }
    .we_work_box1 h3 {
        color: #3d69b7;
        font-size: 85px;
        font-weight: 700;
        width: auto
    }
    .we_work_boxes .col-sm-12 {
        padding: 0 15px;
        text-align: center
    }
    .we_work_box1 h4 {
        color: #30d5c8;
        font-size: 40px;
        font-weight: 700;
        vertical-align: middle;
        display: grid;
        align-items: center;
        margin: 0 0 0
    }
    .we_work_sec {
        padding: 70px 0 40px;
        position: relative
    }
    .digital_m_banner .banner_img img {
        width: 100%;
        margin: 40px auto 0;
        display: table
    }
    .digital_m_banner.inner_banner .banner-txt {
        position: relative;
        top: 0;
        margin: 130px auto 20px
    }
    .comprehensive_sec .brand_wellness_box .hd-txt h2 {
        font-size: 40px;
        padding: 0 0 20px;
        line-height: 44px
    }
    .that_brands_demand_sec .row {
        display: flex;
        flex-direction: column-reverse
    }
    .that_brands_demand_sec .brand_wellness_box {
        padding: 0 0 0;
        align-content: center;
        display: grid;
        height: 450px
    }
    .seo_bk_sec {
        margin: 0
    }
    .seo_bk_sec h2 {
        font-size: 40px;
        padding: 0 0 20px;
        line-height: 50px;
        margin: 0 0 10px
    }
    .seo_bk_btn {
        margin: 40px auto 0;
        display: table
    }
    .sem_bk_sec .row {
        display: flex;
        flex-direction: column-reverse
    }
    .comprehensive_sec .brand_wellness_box {
        padding: 0 0 0;
        align-content: center;
        display: grid;
        height: auto
    }
    .digital_page .start_brand_box {
        width: 100%;
        margin: 0 5px 30px;
        min-height: 310px;
        align-items: center;
        display: grid;
        padding: 10px 10px;
        transition-duration: .5s;
        float: left
    }
    .growing_followers_sec .brand_wellness_box_img {
        margin: 50px auto 0
    }
    .growing_followers_sec .brand_wellness_box_img2 img {
        width: 100%
    }
    .growing_followers_boxes2 {
        padding: 70px 0 0;
        display: flex;
        flex-direction: column-reverse
    }
    .growing_followers_sec .row:before {
        content: "";
        background-color: #30d5c8;
        position: absolute;
        width: 38vw;
        height: 100%;
        right: 0;
        top: 0;
        bottom: 0
    }
    .growing_followers_sec .growing_followers_boxes2 .brand_wellness_btn {
        margin: 30px auto 50px;
        display: table
    }
    .growing_followers_boxes2 .green_btn:before {
        background-color: #30d5c8
    }
    .growing_followers_sec .brand_wellness_btn {
        margin: 0 auto 20px;
        display: table
    }
    .business_emails_sec .logo_brand_designing_box h2 {
        padding: 0 0 20px;
        font-size: 40px
    }
    .business_emails_sec .logo_brand_designing_boxes2 {
        display: table;
        flex-direction: initial
    }
    .ecommerce_banner.inner_banner .banner_img img {
        width: 100%;
        margin: 70px auto 0;
        display: table
    }
    .growing_followers_sec {
        margin: 0 0 0
    }
    .testimonials_inner_sec:before {
        background-size: 40%
    }
    .awards-winning-img img {
        width: 60px !important;
        margin: 0 0 0 27px
    }
    .awards-winning-img ul li:first-child img {
        width: 130px !important;
        margin: 0
    }
    .awards-winning-img ul li:nth-child(7) img {
        width: 100px !important
    }
    .awards-winning-img ul li:nth-child(6) img {
        width: 100px !important
    }
    .inner_banner.webdesign_banner .banner_img img {
        width: 100%;
        margin: 60px auto 0;
        display: table
    }
    .website_design_services_sec .row {
        display: flex;
        flex-direction: column-reverse
    }
    .webdesign_page .start_brand_box {
        width: 100%;
        margin: 0 0 30px;
        background-color: #30d5c8;
        min-height: 350px;
        align-items: center;
        display: grid;
        padding: 10px 10px;
        transition-duration: .5s;
        float: left
    }
    .bnr_text_port h3 {
        font-size: 15px;
        color: #fff;
        margin: 20px 0 0;
        text-align: center
    }
    .bnr_text_port h3 span {
        display: table;
        color: #30d5c8;
        font-size: 46px;
        font-weight: 700;
        margin: 10px auto -15px
    }
    .portfolio_for_tab .slick-next {
        right: -50px;
        border-radius: 0 50px 50px 0;
        left: 0;
        top: -120px;
        margin: auto
    }
    .portfolio_for_tab .slick-prev {
        right: 0;
        left: -50px;
        border-radius: 50px 0 0 50px;
        top: -120px;
        margin: auto
    }
    .portfolio_for_tab {
        margin: -290px 0 0 0;
        z-index: 1;
        position: relative
    }
    .portfolio_nav_cat1 {
        margin: 40px auto 0
    }
    .contactus_sec {
        background-color: #efefef;
        padding: 50px 0 50px;
        text-align: center
    }
    .contact_form_banner {
        margin: 20px auto 0;
        width: 100%
    }
    .banner_contact.inner_banner .banner-txt {
        position: relative;
        top: 0;
        margin: 120px auto 20px
    }
    .inner_banner.banner_contact .banner_img img {
        width: 100%;
        margin: 40px auto 0
    }
    .web_maintenance_banner .banner_img img {
        width: 110%;
        margin: 80px auto 0;
        display: table
    }
    .web_maintenance_banner .banner-txt {
        position: relative;
        top: 0;
        margin: 150px auto 20px
    }
    .business_emails_sec .logo_brand_designing_boxes2slider {
        display: inherit !important;
        flex-direction: inherit !important
    }
    .fixed-parallax {
        position: relative !important
    }
    .cmb-txt-hd:before {
        content: '';
        background: #f2f2f2;
        position: absolute;
        right: 0;
        bottom: 0;
        top: 0;
        width: 0
    }
    ul.cmb-ul-st-1,
    ul.cmb-ul-st-2 {
        width: 100%;
        padding-top: 15px
    }
    .cmb-list-st {
        display: table;
        padding-bottom: 25px;
        background: #f2f2f2
    }
    ul.cmb-ul-st-3 img {
        display: none
    }
    ul.cmb-ul-st-3 {
        text-align: center;
        padding: 30px 0 0
    }
    .inner_banner.pricing_m_banner .banner_img img {
        width: 100%;
        margin: 40px auto 0;
        display: table
    }
    .fixed-parallax.fix-parallax-fea-wrk {
        top: 0
    }
}

@media (min-width:1200px) and (max-width:1600px) {
    .testimonails_sec_h_pre .fix_parallax_testimonails {
        padding: 0 !important;
    }
    .pop-form .close-btn {
        right: -57px !important;
        top: 0 !important;
    }
    .newFolio .slick-next {
        right: -25px;
    }
    .newFolio .slick-next {
        right: -25px;
    }
    .newFolio .slick-prev {
        left: -36px;
    }
    .testimonails_sec .slick-prev:before {
        font-size: 20px;
    }
    .testimonails_sec .slick-prev {
        left: -45px;
    }
    .testimonails_sec .slick-next {
        right: -45px;
    }
    .testimonails_sec .slick-next:before {
        font-size: 20px;
    }
    div#pop-form form {
        width: 100% !important;
    }
    .popupform-main h2 {
        font-size: 30px !important;
    }
    .popupform-main h2 {
        font-size: 40px;
    }
    .pop-form {
        width: 890px !important;
    }
    div#pop-form {
        width: 36% !important;
    }
    .awards-2 {
        margin: 10px 0 0 0;
    }
    .brand-logo-1 {
        display: block;
    }
    /*.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets{position:absolute;bottom:25px;}*/
    .footer-sec {
        padding: 10px 0 0 0 !important;
    }
    .footer-sec .hd-txt img {
        margin: 0 0 5px 0;
    }
    .ftr-txt h4 {
        font-size: 25px;
    }
    .fot_cta .wht_btn_prent {
        margin: 30px 0 0 20px;
    }
    .payment-method {
        padding: 25px 0 0 0;
    }
    .foot_social {
        margin: 13px 0 0 0;
    }
    .awards-winning-img ul {
        margin: 10px 0 0 0;
    }
    .awards-winning-img ul img {
        max-width: 68%;
    }
    .platform_1 img {
        width: 165px;
        /*height: 100%;*/
    }
    .whathead ul li span {
        font-size: 20px;
    }
    .whathead h4 {
        font-size: 45px;
    }
    .slick-vertical .slick-slide {
        display: block;
        height: auto;
        border: 1px solid transparent;
    }
    .slick-initialized .slick-slide {
        display: block;
    }
    .what_we_do_slider_boxes {
        padding-top: 12px;
    }
    .whathead ul li {
        font-size: 20px;
        padding: 0 0 9px 0;
    }
    .what_we_do_slider_btn {
        margin: 31px 0 0 20px;
    }
    .brand_wellness_sec:before {
        top: -390px;
    }
    .web_mantainance_sec .brand_wellness_box_img:before {
        width: 32vw;
    }
    .form-div select {
        background: #69d5c9;
        color: #000;
        padding: 9px 20px;
    }
    .para_title clr_wht {
        width: 65% !important;
    }
    p.para_title.clr_wht {
        width: 74%;
        line-height: 25px;
    }
    .bnr-mobile-side-vd video {
        width: 100%;
        position: relative;
        left: -164px;
        width: 97%;
    }
    img.what-img-2 {
        position: relative;
        width: 100%;
        left: -130px;
    }
    img.what-img-3 {
        position: relative;
        left: -218px;
    }
    img.what-img-4 {
        position: relative;
        left: -163px;
        width: 95%;
    }
    img.what-img-5 {
        width: 86%;
        position: relative;
        left: -100px;
    }
    img.what-img-6 {
        position: relative;
        width: 87%;
        left: -103px;
    }
    .what_we_do_sec_home .what_we_do_slider .slick-dots {
        bottom: -30px;
    }
    .feature_work_h_pre .hd-txt {
        position: relative;
        padding: 30px 0 0 0;
    }
    .testimonails_sec_h .parallax-slide {
        height: 100vh;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .testimonails_sec_h_pre .hd-txt h2 br {
        display: none;
    }
    .testimonails_sec_h:before {
        right: 190px;
        left: auto !important;
        background-size: 80% !important
    }
    .testimonails_sec_h:after {
        display: none
    }
    #fp-nav.fp-left {
        left: 5px
    }
    .fix-parallax-mbnr {
        display: flex;
        top: 10px
    }
    .portfolio_for_tab {
        margin: -140px 0 0 130px
    }
    .mb-dv-1st {
        height: 340px;
        margin-bottom: 25px;
        width: 85%;
        border-radius: 18px;
        overflow: hidden
    }
    .mb-dv-3st {
        height: 300px;
        margin-bottom: 10px;
        width: 85%;
        border-radius: 18px;
        overflow: hidden
    }
    .feature-work-slide-st .slick-list.draggable .slick-slide img {
        width: 85%;
        margin-bottom: 35px;
    }
    .feature-work-slide-st .slick-track {
        padding: 10px 0px;
    }
    .fea_wrk_btn {
        position: absolute;
        left: -30px;
        bottom: 280px;
        transform: rotate(-90deg)
    }
    .feature-work .parallax-slide .hd-txt {
        padding-bottom: 20px
    }
    .feature-work .fixed-parallax.fix-parallax-fea-wrk {
        top: 110px
    }
    .main-banner .parallax-slide .bnr-btn {
        margin-left: 20px
    }
    .work_with_box_img img {
        width: 70%;
        margin: 90px 0 0 80px
    }
    .work_with_box h2 span {
        font-size: 60px;
        display: table;
        color: #222222;
        margin: -8px 0 -10px;
    }
    .work_with_box h2 b {
        font-size: 36px;
        display: table
    }
    .work_with_box h2 {
        font-size: 70px;
        font-weight: 700;
        color: #222;
        position: relative
    }
    .work_with_box h2 strong {
        font-size: 202px;
        position: absolute;
        top: 0;
        right: 0
    }
    .work_with_box p {
        color: #222;
        margin: 0;
        padding: 20px 0px;
    }
    .work_with_us_sec:after {
        content: "";
        background-image: url(../images/work-we-after.png);
        background-repeat: no-repeat;
        width: 83px;
        height: 129px;
        position: absolute;
        bottom: 100px;
        right: 0;
        background-size: 100%
    }
    .work_with_box {
        padding: 50px 0 0
    }
    img.plus_sign2 {
        position: absolute;
        right: 50px;
        top: 50px;
        margin: auto
    }
    /*.with_wrk_boxes:after {*/
    /*    content: "";*/
    /*    background-image: url(../images/work-we-vect.png);*/
    /*    background-repeat: no-repeat;*/
    /*    width: 205px;*/
    /*    height: 42px;*/
    /*    position: absolute;*/
    /*    bottom: -35px;*/
    /*    left: 0;*/
    /*    background-size: 80%;*/
    /*}*/
    img.plus_sign1 {
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto
    }
    .work_with_us_sec:before {
        content: "";
        background-image: url(../images/work-we-before.png);
        background-repeat: no-repeat;
        width: 329px;
        height: 98px;
        position: absolute;
        top: 0;
        left: 0;
        background-size: 100%
    }
    .fix_parallax_what_we_do .hd-txt {
        padding-bottom: 0;
        position: relative;
        top: 140px
    }
    /*.what_we_slider_box h2{font-size:50px;margin:100px 0 0 0;}*/
    .what_we_do_slider .slick-dots {
        position: absolute;
        bottom: -50px;
        display: block;
        width: 50%;
        padding: 0;
        margin: 0;
        list-style: none;
        text-align: center;
        transform: rotate(0);
        right: 0;
        bottom: 0;
        top: auto;
        height: 0%;
        display: table !important;
        left: 0;
        margin: auto
    }
    .what_we_slider_box {
        margin: 0px 0 0
    }
    .testimonails_sec .hd-txt {
        padding-bottom: 40px
    }
    .fix_parallax_testimonails {
        padding: 110px 0 40px
    }
    .testimonails_sec .hd-txt {
        padding-bottom: 30px
    }
    .footer-sec .hd-txt img {
        margin: 0 0 20px;
        display: table;
        width: 250px
    }
    .footer-sec {
        padding: 40px 0 0
    }
    .form-div input,
    .form-div textarea {
        width: 100%;
        background: #69d5c9;
        border: 0;
        margin-bottom: 10px;
        padding: 9px 20px;
        color: #000;
        border-radius: 8px;
    }
    .form-div textarea::placeholder {
        color: #000;
    }
    .form-div input::placeholder {
        color: #000;
    }
    .inner_banner {
        min-height: 700px
    }
    .inner_banner .banner-txt h1 {
        font-size: 48px;
        /*line-height: 50px*/
    }
    .banner_img img {
        margin: 0;
        width: 85%
    }
    .pricing_m_banner .banner_img img {
        margin: 30px 0 0
    }
    .banner-txt {
        position: relative;
        top: 60px
    }
    .inner_banner {
        min-height: 700px
    }
    .inner_banner .banner-txt {
        top: 30px
    }
    .inner_banner.protfolio_banner .banner-txt {
        top: -30px
    }
    .bnr_text_port {
        position: relative;
        top: 25px
    }
    .portfolio_sec {
        margin: 0 0 -500px
    }
    .inner_banner .banner_img img {
        width: 100%
    }
    .inner_banner.domain_hosting_banner .banner-txt {
        top: 9 0
    }
    .inner_banner.domain_hosting_banner .banner_img img {
        width: 80%
    }
    .growing_followers_sec .brand_wellness_box_img img,
    .growing_followers_sec .brand_wellness_box_img2 img {
        width: 100%
    }
    .testimonails_sec:before {
        top: 150px;
        left: 0;
        background-size: 40%
    }
    .testimonails_sec {
        z-index: 0
    }
    .testimonails_sec:after {
        height: 60px;
        position: absolute;
        bottom: 0;
        right: 0;
        background-size: 70%;
        z-index: -1
    }
    .hd-txt h2 {
        font-size: 60px;
        line-height: 60px
    }
    .feature_work_inner {
        padding: 50px 0 0;
        overflow: hidden
    }
    .feature_work_inner .feature-work-slide-st .slick-list.draggable .slick-slide img {
        width: 80% !important;
    }
    .fea_branding_img5 {
        position: absolute !important;
        top: -13px;
        transform: scale(.8);
        left: -8px;
        width: 19% !important;
        max-width: 43%;
    }
    .we_work_box1 h4 {
        font-size: 46px;
    }
    .feature_work_inner .fea_wrk_btn {
        position: absolute;
        left: -30px;
        bottom: 280px;
        transform: rotate(-90deg)
    }
    .we_work_boxes {
        margin: 0 100px 30px;
        display: table;
        border-bottom: 1px solid #fff;
        padding: 0 0 10px
    }
    .inner_banner.web_maintenance_banner .banner_img img {
        width: 110%;
        margin: 40px 0 0
    }
    .inner_banner.web_maintenance_banner .banner-txt {
        top: 50px
    }
    .inner_banner img.move-img-1 {
        left: -450px;
        right: 0;
        margin: auto;
        top: -110px;
        width: 340px
    }
    img.move-img-2 {
        left: -50px;
        top: -280px;
        margin: auto;
        bottom: 0
    }
    .brand_wellness_sec:after {
        content: "";
        background-image: url(../images/feature-img-af.png);
        background-repeat: no-repeat;
        width: 440px;
        height: 130px;
        position: absolute;
        top: 0;
        right: 0;
        z-index: -1;
        background-size: 100%
    }
    .banner_chat .chat_ciricle {
        font-size: 12px;
        font-weight: 700;
        display: grid;
        border-radius: 50px;
        width: 80px;
        height: 80px;
        align-content: center;
        padding: 0 0 0 15px;
        line-height: 25px;
        transition-duration: .5s
    }
    .banner_chat .chat_ciricle span {
        font-size: 22px;
        display: table;
        color: #30d5c8
    }
    .banner_chat {
        position: absolute;
        right: 140px;
        top: 15px
    }
    .inner_banner.banner_aboutus .banner_img img {
        width: 80%
    }
    .what_we_do_sec_home .fix_parallax_what_we_do .hd-txt {
        padding-bottom: 0;
        position: relative;
        top: 170px;
    }
    .testimonails_sec_h .fix_parallax_testimonails {
        padding: 100px 0 40px
    }
    .inner_banner.banner_contact .banner_img img {
        width: 80%;
        margin: 130px 0 0
    }
    .contact_form_box textarea {
        padding: 15px 10px 0;
        display: table;
        margin: 0 0 12px;
        height: 70px;
        width: 100%;
        background-color: #efefef;
        border: none;
        border-radius: 5px
    }
    .contact_form_box input {
        height: 44px;
        margin: 0 0 12px
    }
    .studio_views_box {
        padding: 170px 0 0
    }
    .banner_aboutus .banner-txt {
        top: 30px
    }
    .portfolio_slider_box2 {
        top: -540px;
        position: relative;
        z-index: 1
    }
    .portfolio_slider_box1 {
        position: relative;
        top: -50px;
        z-index: 1
    }
    .web_mantainance_sec2 {
        margin: 100px 0 0
    }
    .branding_banner.inner_banner .banner_img img {
        width: 120%;
        margin: 70px auto 0
    }
    .hero_banner .banner-txt h1 {
        line-height: 60px;
        font-size: 60px
    }
    .hero_banner .banner-txt h1 {
        line-height: 60px;
        font-size: 60px
    }
    .fea-slider {
        margin: 5px 0 0
    }
    .what_we_slider_box_img img {
        margin: -155px 0 0;
        float: right;
        right: 0
    }
    .what_we_do_boxes a.chat_ciricle {
        position: absolute;
        bottom: 90px;
        margin: auto;
        left: -100px;
        z-index: 99999
    }
    .what_we_do_boxes .chat_ciricle span {
        display: table
    }
    .what_we_do_boxes .chat_ciricle {
        font-weight: 700;
        display: grid;
        border-radius: 50px;
        align-content: center;
        padding: 0 0 0 15px;
        transition-duration: .5s
    }
    .we_work_box p {
        font-size: 14px;
        margin: 15px 0 0
    }
    .what_we_slider_box p {
        width: 80%;
        margin: 5px 0 0 0;
    }
    .with_wrk_boxes .chat_ciricle {
        bottom: 50px
    }
    .platform_sec:after {
        bottom: 30px
    }
}

@media (min-width:1200px) and (max-width:1600px) {
    div#pop-form form {
        width: 80% !important;
        display: table
    }
    .seo_bk_sec:before {
        top: 0;
        bottom: inherit;
    }
    .pricingSec .slick-next {
        right: -29px;
    }
    .pricingSec .slick-arrow:before {
        font-size: 21px;
    }
    .pricingSec .slick-prev {
        left: -37px;
    }
    .platform_2 {
        margin: 10px 0 0 0;
    }
    .submitbtn.signupbtn button::before {
        left: -16px;
    }
    .submitbtn.signupbtn button {
        margin: 13px 0 0 0;
    }
    .submitbtn button::before {
        left: -5px;
    }
    .submitbtn.signupbtn button:hover:before {
        width: 139% !important;
    }
    .work_with_box button {
        margin: 0px 0 0 15px;
    }
    .fea_branding_img5 {
        left: -8px;
        max-width: 43%;
    }
    .work_with_box h6 {
        padding: 0 0 10px 0;
    }
    .testimonails_sec .hd-txt br {
        display: none;
    }
    /*
	.fea-slide-box a:hover:before {
		content: "";
		position: absolute;
		background-color: rgb(0 0 0 / 81%);
		top: 0;
		bottom: 0;
		left: -83px;
		right: 0;
		z-index: 9;
		width: 70%;
		margin: auto;
		height: 90%
	}*/
    .feature_work_h .fixed-parallax.fix-parallax-fea-wrk {
        top: 0
    }
    .what_we_do_slider .slick-dots {
        position: absolute;
        bottom: -50px
    }
    /*	.what_we_do_slider {
		margin: 170px 0 0 !important;
	}*/
    .brand_wellness_box .hd-txt h2 {
        font-size: 58px
    }
    .web_mantainance_sec .brand_wellness_box .hd-txt h2 {
        font-size: 48px;
        padding: 0 0 20px;
        line-height: 50px
    }
    .logo_brand_designing_box_img img {
        width: 100%
    }
    .hero_banner:hover .mb-dv-3st img {
        top: -330px
    }
    .hero_banner:hover .mb-dv-2st.screen img {
        top: -580px
    }
    .hero_banner:hover .mb-dv-1st.screen img {
        top: -590px
    }
}

@media (min-width:1200px) and (max-width:1280px) {
    .feature_work_h .fixed-parallax.fix-parallax-fea-wrk {
        top: 0
    }
    .what_we_do_slider .slick-slide img {
        height: auto !important;
    }
    .testimonails_sec_h .fix_parallax_testimonails {
        padding: 0;
    }
}

@media (min-width:768px) and (max-width:1200px)
{
    .up-side
    {
        right: auto;
        top: 25%;
        left: 12%;
    }
    .txtwrp p {
        font-size: 15px;
    }
    .counterwrp ul li .mainwrp span {
        font-size: 30px;
     }
    .comprehensive_sec .brand_wellness_box .hd-txt h2 {
        font-size: 30px;
    }
    .newFolio .slick-prev {
        left: -4%;
    }.newFolio .slick-next {
        right: -4%;
    }
}
@media (min-width:20px) and (max-width:500px) 
{
    section.newFolio ul.pricingtab {
        width: 240px;
        margin-left: 60px;
    }
    .newFolio .slick-prev {
        left: -22%;
    }
    .newFolio .slick-next {
        top: 48%;
        right: -16%;
    }
    section.newFolio {
        padding: 0;
    }
    .up-side {
        top: 15%;
        right: 36%;
    }
    /* pictures inline */
        .box-folio-main ul {
            display: inline;
        }
    [class^=box-].showfirst {
        /*display: block;*/
        margin-left: 22px;
    }
    .scrollbar {
    height: 180px;
        
    }
    /*ends here*/
}
@media (min-width:300px) and (max-width:400px) 
{
    .up-side {
        top: 19%;
        
    }
    
	
	
}

@media (min-width: 300px) and (max-width: 450px)
{
    .bnr-btn 
    {
        margin-top: 35px;
        margin: 40px 0 0 70px;
    }
    .bnr-btn 
    .wht_btn_prent.chat_pr 
    {
        margin: 40px 0 0 34px;
    }
    .submitbtn button::before 
    {
        left: 85px;
    }
	
}