@media (max-width: 1600px) {
    .main-service-wrap:after {
        right:-110px
    }

    .tab-content #nav-custom:before {
        right: -40%
    }

    .service-tab-img {
        right: -250px
    }
}

@media (max-width: 1440px) {
    .banner-right-web {
        left:-90px;
        top: -30px
    }

    .main-service-wrap:after {
        width: 600px;
        height: 515px;
        top: 25%
    }

    .tab-content #nav-custom:before {
        width: 517px;
        height: 435px;
        right: -28%;
        top: -24px
    }

    .service-tab-img {
        position: absolute;
        right: -240px;
        width: 525px;
        top: 40px
    }

    .service-stationery-img {
        right: -150px;
        top: 45px;
        width: 435px
    }

    .tab-content #nav-stationery:before {
        width: 531px;
        height: 439px;
        right: -29%;
        top: -25px
    }

    .tab-content #nav-seo:before {
        width: 505px;
        height: 413px;
        right: -19%;
        top: -21px
    }

    .service-animation-img {
        right: -228px;
        top: 0
    }

    .logo-box-img img,.service-animation-img img {
        width: 100%
    }

    .logo-box-img {
        padding: 0 8px;
        width: 20%
    }

    .inner-service-wrap {
        height: 990px
    }

    .service-logo-1 {
        width: 50%
    }

    .service-logo-2 {
        right: 95px;
        position: absolute;
        top: -1px;
        width: 30%
    }

    .service-logo-3 {
        right: 180px;
        position: absolute;
        bottom: -118px
    }

    .service-stationery-img-2 {
        left: 80px;
        top: 210px;
        width: 17%
    }

    .service-stationery-img-3 {
        top: -1px;
        left: 70px
    }

    .service-stationery-img-4 {
        right: 6px;
        top: 12px
    }

    .service-stationery-img-5 {
        right: 100px;
        top: -50px
    }

    .service-web-img {
        top: 15px
    }

    .service-seo-img {
        top: 50px
    }

    .service-seo-img img {
        width: 83%
    }
}

@media (max-width: 1366px) {
    .bannermm.animbanner {
        background-position:50% 52%
    }

    .banner-right-logo {
        left: -65px;
        top: -125px
    }

    .banner-right-web {
        left: -90px;
        top: -30px
    }

    .banner-right-video {
        right: -85px;
        top: -140px
    }

    .video-banner-before:before {
        width: 397px;
        height: 327px;
        right: -10px
    }

    .service-tab-content-wrap p {
        font-size: 12px
    }

    .service-tab-content-wrap .service-list li {
        font-size: 12px;
        padding-left: 19px
    }

    .service-tab-content-wrap .service-list li:before {
        top: 0
    }

    .service-btn {
        font-size: 14px;
        padding: 10px 30px
    }

    .service-chat h3 {
        font-size: 19px
    }

    .service-tab-content-wrap {
        padding-right: 90px
    }

    .service-tab-wrap .nav-tabs>li>a {
        height: 90px;
        padding: 0 0 0 20px
    }

    .service-text h3 {
        font-size: 17px;
        padding-top: 0
    }

    .service-text span {
        font-size: 14px
    }

    header .main-nav>ul>li:hover>.dropdown {
        left: 0;
        width: 100%
    }

    .main-service-wrap {
        height: 845px
    }

    .inner-service-wrap {
        height: 990px
    }

    .tab-content #nav-custom:before {
        width: 516px;
        height: 438px;
        right: -22%;
        top: -52px
    }

    .service-web-img {
        right: -90px;
        top: 30px;
        width: 410px
    }

    .service-web-1 {
        left: 13px;
        top: 66px
    }

    .service-web-3 {
        top: 127px;
        left: 73px
    }

    .service-web-4 {
        right: 0;
        top: 88px
    }

    .service-web-5 {
        top: 164px
    }

    .tab-content #nav-stationery:before {
        right: -24%;
        top: -52px
    }

    .service-stationery-img-4 {
        right: 5px;
        top: 11px
    }

    .service-stationery-img-3 {
        top: 1px;
        left: 61px
    }

    .service-stationery-img-5 {
        right: 105px;
        top: -46px
    }

    .service-logo-img {
        top: 10px;
        right: -193px
    }

    .service-seo-img {
        right: -198px;
        top: 43px
    }

    .tab-content #nav-seo:before {
        right: -20%;
        top: -50px
    }

    .service-animation-img {
        right: -181px;
        top: -20px
    }

    .service-stationery-img {
        right: -100px;
        top: 13px
    }
}

@media (max-width: 1280px) {
    .service-logo-img {
        right:-158px
    }

    .tab-content #nav-custom:before {
        right: -18%
    }

    .service-web-img {
        right: -55px
    }

    .service-stationery-img {
        right: -68px
    }

    .tab-content #nav-stationery:before {
        right: -20%
    }

    .service-seo-img {
        right: -162px
    }

    .tab-content #nav-seo:before {
        right: -16%
    }

    .service-animation-img {
        right: -147px
    }
}

@media (max-width: 1199px) {
    .main-service-wrap,.mainhome .bannermm,img {
        height:auto
    }

    .other-service-left h3 {
        font-size: 14px;
        margin-top: 23px;
        margin-bottom: 6px
    }

    .other-service-left p {
        margin-top: 0;
        font-size: 13px;
        margin-bottom: 6px
    }

    .selector-page ul li+li {
        margin-left: 9px
    }

    .selector-page ul li {
        max-width: 24%
    }

    .custom-col-md-3 {
        padding-right: 8px;
        padding-left: 6px
    }

    .other-service-left-padding {
        padding-left: 7px
    }

    .banner-form-box {
        margin: 0;
        top: 70px
    }

    .banner-form input {
        height: 46px
    }

    .banner-form .intl-tel-input.separate-dial-code .flag-container,.banner-form button {
        height: 45px
    }

    .pacakge-details .boxpackages {
        top: -55px
    }

    .creative-section ul.nav.nav-tabs li {
        margin-bottom: 20px
    }

    .lower-combo h4,.pacbundles-det .headbx-bundle .packbundleprice span {
        font-size: 22px
    }

    .slick-next,.slick-prev {
        display: none!important
    }

    .topnavs a {
        font-size: 15px;
        padding-right: 12px
    }

    .topnavs a+a {
        padding-left: 13px
    }

    header .main-nav ul>li>a {
        font-size: 13px;
        padding: 18px 4px 22px
    }

    .topnavs .btn-radius-top a {
        padding: 6px 14px;
        font-size: 13px
    }

    .other-service-left {
        padding-left: 0
    }

    header {
        padding: 13px 0 0
    }

    .inner-pages .bannermm h1 strong,.inner-pg .bannermm h1 strong {
        font-size: 43px
    }

    .bannermm .leftcont-ban h1,.bannermm .leftcont-ban h1 span,.det-packages .sechead h3,.inner-pages .bannermm h1,.inner-pages .bannermm h1 span,.inner-pg .bannermm .leftcont-ban h1,.inner-pg .bannermm h1,.inner-pg .bannermm h1 span,.sechead h3,.web-design .bannermm .leftcont-ban h1 {
        font-size: 30px
    }

    .incred-expe .content-incred p,.maincta p,.packdetails .packtitles .fright h4,.sechead p,.web-design .bannermm .leftcont-ban p {
        font-size: 16px
    }

    bannermm {
        min-width: 540px
    }

    .web-design .incred-expe .content-incred h4 {
        font-size: 21px;
        margin-bottom: 8px
    }

    .incred-expe .content-incred h3 {
        font-size: 27px;
        margin-bottom: 22px
    }

    .maincta .btn-radius-top a {
        padding: 6px 11px;
        font-size: 15px
    }

    .bannermm .leftcont-ban h1 strong,.prvcy-securty .bannermm .leftcont-ban h1 strong,.sitemap-main .bannermm .leftcont-ban h1 strong,.trms-condtons .bannermm .leftcont-ban h1 strong {
        font-size: 44px
    }

    .sitemap-main .bannermm {
        min-height: 330px
    }

    .gettouchfaqs,.homeport-mm,.how-works,.sitemap-main .termcndtn {
        padding: 20px 0
    }

    .charAnimation .bannermm h1 strong {
        font-size: 44px!important
    }

    .hovereffects-det h3,body.inner-pg .bannermm .leftcont-ban p,body.mainhome .bannermm .leftcont-ban p {
        font-size: 20px
    }

    .leftcont-ban a {
        margin: 5px 0 60px
    }

    .scrolldown-fl {
        margin: 0 0 20px
    }

    footer .social-icons.padd-btd {
        padding: 12px 20px
    }

    footer .brdr-top .social-icons i {
        margin: 0 1px;
        width: 43px;
        height: 43px;
        font-size: 20px
    }

    .what-offer ul li div {
        padding: 17px 3px 10px 60px
    }

    .what-offer ul li div:before {
        transform: scale(.9)
    }

    .what-offer ul li div+i,.what-offer ul li i.icon2,.what-offer ul li i.icon3,.what-offer ul li i.icon4 {
        margin-left: 48px
    }

    .det-packages .boxpackages {
        padding: 17px 13px 20px;
        margin: 30px 0
    }

    .packdetails .botarea-pack a.btn-orders {
        padding: 3px 8px;
        font-size: 14px
    }

    .packdetails .botarea-pack .liovechats-bx a h5 {
        font-size: 14px
    }

    .packdetails .botarea-pack .liovechats-bx {
        padding-left: 10px;
        padding-right: 16px
    }

    .boxpackages .packdetails .packtitles .fleft h3 {
        font-size: 45px
    }

    .packdetails .listpacks li {
        font-size: 13px;
        padding: 5px 16px
    }

    .packdetails .listpacks li:before {
        font-size: 13px
    }

    .boxpackages .packdetails .listpacks h3 {
        font-size: 18px
    }

    .mCSB_outside+.mCSB_scrollTools {
        right: -19px
    }

    .testimonials .testi .testi-img h4 {
        font-size: 17px
    }

    .testimonials .testi .testi-img img {
        margin-right: 20px;
        margin-bottom: 20px
    }

    .pacbundles-det .headbx-bundle ul.listbundles-packbx>li:before,.testimonials .testi .testi-desc i,.testimonials .testi .testi-desc ul li {
        font-size: 12px
    }

    .enterprices-bundles {
        padding: 10px 0 20px
    }

    .pacbundles-det .headbx-bundle ul.listbundles-packbx>li {
        padding: 5px 18px;
        font-size: 12px
    }

    .pacbundles-det .headbx-bundle .packbundleprice {
        padding-left: 10px;
        margin: -10px 0 0
    }

    .pacbundles-det .headbx-bundle li.haschildren .child-tooltip {
        right: 17px
    }

    .pacbundles-det .headbx-bundle .fleft h4 {
        margin: 0!important;
        font-size: 18px
    }

    .enterprices-bundles .totalpackagespricess h4 {
        font-size: 28px
    }

    .enterprices-bundles .totalpackagespricess .btn-orders-bundles a {
        padding: 7px 23px;
        font-size: 18px
    }

    footer {
        padding: 20px 0 0
    }

    body.mainhome .bannermm .leftcont-ban p:before {
        width: 100%!important
    }

    .banner-right-img,.dropdown .listimgs,.main-service-wrap:after,.main-service-wrap:before,.service-tab-img,.tab-content #nav-custom:before,.tab-content #nav-seo:before,.tab-content #nav-stationery:before {
        display: none
    }

    .portfoliomaindivs .topbartabs {
        padding: 0 15px
    }

    .btnstyles-nn a {
        padding: 3px 20px;
        font-size: 16px
    }

    .what-offer>div>ul>li div {
        padding: 12px 15px 10px 73px
    }

    .maincta h3 strong {
        font-size: 38px
    }

    .maincta .callsdivs {
        font-size: 18px;
        padding: 25px 0 0
    }

    .bannermm {
        min-height: 600px
    }

    .slick-dots {
        text-align: center!important
    }

    .what-offer ul li i.icon5,.what-offer ul li i.icon6,.what-offer ul li i.icon7,.what-offer ul li i.icon8 {
        margin-left: 50px
    }

    .maincta .callsdivs a+a {
        display: block;
        border: none
    }

    .types-box {
        overflow: hidden;
        min-height: 317px
    }

    img {
        max-width: 100%
    }

    .types-box h5 {
        padding-top: 20px
    }

    .incred-expe,.testimonials,.what-offer {
        padding: 30px 0
    }

    .pricerange-main .pricingbox .iconsbx {
        transform: scale(.8)
    }

    .pricerange-main .pricingbox li h3 {
        margin-top: -6px
    }

    .animation-service .srvc-box .srvc-lft img,.animation-service .srvc-box .srvc-lft video {
        margin-bottom: 25px
    }

    .c-tabs .col-md-3 h3 {
        font-size: 29px;
        line-height: 34px
    }

    .branding .branding-portfolio .tab-content .bg1-description {
        padding: 10px 0
    }

    .incred-expe .padtop150 {
        padding-top: 50px
    }

    .gettouchfaqs h3 {
        font-size: 32px;
        margin: 0
    }

    .gettouchfaqs .packagesbxs .toptabs1 a {
        padding: 6px 25px;
        font-size: 17px
    }

    .contact-form-main .red-bg .social-icons i {
        width: 36px;
        height: 36px;
        font-size: 17px;
        margin: 0
    }

    .contact-form-main .gray-bg {
        padding: 23.5px 22px
    }

    .leftcont-ban a,.sitemap-main .sp-section ul li a {
        font-size: 15px
    }

    .sitemap-main.stp .termcndtn ul li:before {
        top: 17px
    }

    .sitemap-main .termcndtn ul li:before {
        top: 8px
    }
}

@media (max-width: 991px) {
    .det-packages .slick-dots,.incred-expe .slick-dots,.mainhome .incred-expe .slick-dots,.slick-dots,.testimonials .slick-dots {
        bottom:-20px
    }

    .testmonials .nav-tabs>li>a {
        font-size: 13px;
        height: auto;
        line-height: 20px
    }

    .testimonial-slider iframe {
        width: 100%;
        margin: 20px 0
    }

    .review_box_btn .btn,.what-offer ul li div h3 {
        margin: 0 0 5px
    }

    .banner-form-box button {
        font-size: 14px;
        height: auto;
        padding: 8px 0;
        margin-top: 0
    }

    .banner-form-box {
        top: 85px;
        padding-top: 14px;
        padding-bottom: 12px
    }

    .banner-form {
        margin-top: 10px
    }

    .banner-form input {
        height: 40px
    }

    .banner-form .intl-tel-input.separate-dial-code .flag-container {
        height: 39px
    }

    .banner-form p,.pricing-details-left ul {
        margin-top: 0
    }

    .banner-form-box h1,.bannermm .leftcont-ban h1,.bannermm .leftcont-ban h1 span,.det-packages .boxpackages .packheads h3,.det-packages .sechead h3,.enterprices-bundles .totalpackagespricess h4 {
        font-size: 22px
    }

    .no-point-text-on-sm:after {
        content: none
    }

    .mainpriceng-count,.pricing-details-left .sechead h3,.what-offer.types-main {
        margin-top: 20px
    }

    .pricing-details-left .sechead p {
        font-size: 15px;
        margin-top: 0
    }

    .pricing-details-left ul li:first-child a {
        padding: 8px 24px
    }

    .pricing-details-left ul li .liovechats-bx {
        padding: 0 36px 8px
    }

    .pacakge-details.det-packages {
        padding-bottom: 30px
    }

    .pacakge-details .boxpackages {
        top: -46px
    }

    .pricing-details-left ul li .liovechats-bx h5 {
        font-size: 15px;
        line-height: 8px
    }

    .creative-digital .sechead {
        text-align: center
    }

    .creative-left-container,.inner-pages .bannermm .leftcont-ban,.inner-pg .bannermm .leftcont-ban {
        margin-top: 60px
    }

    .toptabs1 {
        margin-bottom: 20px!important
    }

    .packagesall .portfolio-mmbx .leftcont-ban,.video-development img,footer .footer-logo img {
        margin: 0 auto
    }

    .creative-section,.maincta .btn-radius-top {
        margin-top: 14px!important
    }

    .client-area {
        padding-top: 20px;
        padding-bottom: 0
    }

    .client-wrapper p {
        padding-right: 0;
        font-size: 16px
    }

    .client-identity-img {
        top: -26px
    }

    .cbp-spmenu li.parenturl.home a>img,.contact-form-main .red-bg h4:before,.dropdown .lstnavig .liststylss li .innerdropdowns,.dropdown .lstnavig>.liststylss>li>a i,.fixedform-1 .input-btn::after,.howworks-mm .col-md-3+.col-md-3 .designbrief:after,.howworks-mm .col-md-3+.col-md-3+.col-md-3 .designbrief:before,.howworks-mm .col-md-3+.col-md-3+.col-md-3+.col-md-3 .designbrief:before,.howworks-mm .designbrief:before,.inner-service-cta ul li.first,.leftcont-ban a i.btnarow,.main-dropdown-container,.pacbundles-det .headbx-bundle ul.listbundles-packbx>li>br,.sec-pad.termcndtn p br,.testimonials .col-md-6:nth-child(2n):before,.video-banner-before:before,.video-development .vd-bef:before,.video-development .vd-devp span,.what-offer ul li div+i,.what-offer ul li i.icon2,.what-offer ul li i.icon3,.what-offer ul li i.icon4,.what-offer ul li i.icon5,.what-offer ul li i.icon6,.what-offer ul li i.icon7,.what-offer ul li i.icon8 {
        display: none
    }

    .nav-submenu {
        background: 0 0
    }

    .det-packages .packagesbxs .col-md-3:nth-child(n+5),.inner-pg .portfoliomaindivs .innertabcontents .row .col-md-3:nth-child(n+9),.mainhome .portfoliomaindivs .innertabcontents .row .col-md-3:nth-child(n+9),.mainhome .portfoliomaindivs .innertabcontents .row .col-md-4:nth-child(n+7),.nav-submenu-ul {
        display: block!important
    }

    .header-icon-box {
        display: inline-block!important;
        position: absolute;
        right: 36px;
        top: 21px
    }

    #alltest .testi-a a:hover,.header-icon-box ul li,ul.slick-dots li {
        display: inline-block
    }

    .header-icon-box ul li i {
        font-size: 16px;
        margin-right: 2px;
        color: #e2013f
    }

    .header-icon-box ul li.first a {
        font-size: 14px;
        margin-right: 17px;
        padding-right: 16px
    }

    .header-icon-box ul li.last a {
        border: 1px solid #fff;
        border-radius: 20px;
        padding: 8px 20px;
        font-size: 14px;
        margin: 0;
        text-transform: uppercase;
        font-weight: 600;
        display: block;
        color: #1b1919
    }

    .creative-section ul.nav.nav-tabs li,.enterprices-bundles .sechead,.testimonials-sec .sechead {
        margin-bottom: 20px
    }

    .gettouchfaqs .packagesbxs .toptabs1 a {
        padding: 4px 17px;
        font-size: 15px
    }

    .custom-popup>div {
        padding: 80px 20px 20px
    }

    .cbp-spmenu {
        background: #9a092f;
        background: -moz-linear-gradient(top,#9a092f 10%,#9a092f 24%,#ff0042 100%);
        background: -webkit-linear-gradient(top,#9a092f 10%,#9a092f 24%,#ff0042 100%);
        background: linear-gradient(to bottom,#9a092f 10%,#9a092f 24%,#ff0042 100%)
    }

    a.toggle-menu.menu-left.push-body.jPushMenuBtn {
        position: relative;
        z-index: 99999
    }

    a.toggle-menu:before {
        content: "\f0c9";
        font-family: "Font Awesome 5 Free";
        position: absolute;
        right: 60px;
        top: 20px;
        display: block;
        height: 13px;
        width: 22px;
        font-weight: 600;
        -webkit-transform-origin: 0.28571rem center;
        transform-origin: 0.28571rem center;
        font-size: 30px;
        color: #e2013f
    }

    .creataccounts,.lg-hidden,.md-hidden,.scrolldown-fl,.slick-next,.slick-prev,.testimonials .slick-dots,.what-offer ul li div:before {
        display: none!important
    }

    .cbp-spmenu li.parenturl.home a {
        position: relative
    }

    .cbp-spmenu li.parenturl.home:first-child a::before {
        content: "HOME"
    }

    .dropdown .lstnavig .liststylss>li,.maincta .callsdivs a+a,footer .social-icons.padd-btd {
        border: none
    }

    .dropdown .lstnavig .liststylss>li>a {
        padding: 7px 0 7px 35px;
        color: #fff;
        border: none
    }

    .dropdown .lstnavig .liststylss li.active>a,.dropdown .lstnavig .liststylss>li:hover>a {
        font-weight: 700;
        color: #fff
    }

    .dropdown .lstnavig .liststylss>li>a:after {
        color: #fff
    }

    .dropdown .listdiscret,.dropdown .listimgs,.dropdown .lstnavig {
        float: none
    }

    .dropdown .lstnavig .liststylss {
        margin-bottom: 10px;
        margin-top: -10px
    }

    .stickyheader {
        position: static
    }

    .branding .branding-portfolio .tab-content .bg1-description,footer {
        padding: 10px 0 0
    }

    .howworks-mm .designbrief p,.maincta p,footer h3,p {
        font-size: 14px
    }

    footer ul li {
        padding: 4px 0 4px 10px
    }

    .ulsme-ctct ul li::before,footer ul li a {
        font-size: 11px
    }

    footer ul li::before {
        top: 7px
    }

    footer .listpge {
        padding-bottom: 0
    }

    footer .padd-btd {
        padding: 0 0 18px
    }

    .incred-expe,.testimonials,footer .brdr-top {
        padding: 20px 0 10px
    }

    .bannermm .leftcont-ban h1 strong,.prvcy-securty .bannermm .leftcont-ban h1 strong,.sitemap-main .bannermm .leftcont-ban h1 strong,.trms-condtons .bannermm .leftcont-ban h1 strong {
        font-size: 35px
    }

    .sitemap-main .bannermm {
        min-height: 200px
    }

    .sitemap-main .bannermm .leftcont-ban {
        margin-top: 62px
    }

    .sitemap-main .termcndtn,footer .social-icons.padd-btd {
        padding: 10px 0
    }

    .sitemap-main .termcndtn p strong {
        font-size: 20px;
        margin-bottom: 5px
    }

    .charAnimation .bannermm h1 strong {
        font-size: 35px!important
    }

    .bannermm .leftcont-ban h1 {
        padding-bottom: 10px;
        margin-bottom: 5px
    }

    .bannermm {
        min-height: 440px
    }

    .sechead p,body.mainhome .bannermm .leftcont-ban p {
        font-size: 16px
    }

    .bannermm a.logobtnsstart {
        width: 270px
    }

    .bannermm a.logobtnsstart:hover {
        width: 340px
    }

    .slick-dots {
        text-align: center!important
    }

    header {
        padding: 0;
        height: 80px;
        background-color: #fff
    }

    .leftcont-ban h1.montfont {
        margin-top: 116px
    }

    .maincta .callsdivs a {
        padding-right: 0;
        font-size: 13px
    }

    header .logo {
        padding-top: 22px;
        padding-bottom: 16px
    }

    .custom-popup p,.howworks-mm .designbrief h3,.incred-expe .content-incred h5,.what-offer ul li div h3,.what-offer>div>ul>li div h3 {
        font-size: 18px
    }

    .incred-expe .content-incred h3 {
        font-size: 24px!important;
        margin-bottom: 10px
    }

    .incred-expe .content-incred p.f20 {
        font-size: 18px;
        margin-bottom: 5px
    }

    .incred-expe .content-incred .fnt-18 {
        margin-bottom: 10px;
        font-size: 16px;
        font-weight: 600
    }

    .det-packages,.enterprices-bundles,.pricerange-main,.what-offer {
        padding: 0 0 10px
    }

    .custom-popup h3,.enterprices-bundles .totalpackagespricess .yellcol,.inner-pg .bannermm .leftcont-ban h1,.maincta h3 strong,.testimonials h3,.what-offer h3 {
        font-size: 28px
    }

    .logodesign-p .what-offer>div>ul>li div,.what-offer ul li div {
        padding: 10px;
        background: #fff;
        min-height: 170px;
        position: relative;
        border-radius: 8px;
        box-shadow: 0 0 0 1px rgba(0,0,0,.1)
    }

    .what-offer ul li div a {
        position: absolute;
        bottom: 10px;
        left: 0;
        right: 0;
        margin: auto;
        color: #ea333f;
        font-weight: 600
    }

    .what-offer ul {
        margin: 10px -5px 0
    }

    .what-offer ul li {
        padding: 0 5px
    }

    .what-offer ul li div p,.what-offer>div>ul>li div p {
        font-size: 12px;
        margin: 0
    }

    .contact-form-main .red-bg .social-icons>div,.what-offer>div>ul {
        margin: 10px 0 0
    }

    .maincta h3 {
        font-size: 26px;
        line-height: normal;
        margin-bottom: 0
    }

    .sneak {
        margin: 18px 0 00px
    }

    .maincta .btn-radius-top a {
        padding: 4px 7px;
        font-size: 12px
    }

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

    .slick-dots li button {
        width: 16px;
        height: 16px;
        text-indent: -9999px;
        border-radius: 50px;
        border: 2px solid #761c6c;
        margin-left: 2px;
        margin-right: 2px
    }

    .maincta .callsdivs {
        font-size: 15px;
        text-align: center;
        padding-top: 16px
    }

    .maincta .callsdivs .iconphone {
        transform: scale(.8)
    }

    .maincta {
        padding: 13px 0
    }

    .branding .branding-portfolio .c-tabs-description,.homeport-mm,.how-works,.sitemap-main .col-sm-5ths {
        padding: 0
    }

    .sechead h3 {
        font-size: 28px;
        margin-bottom: 5px
    }

    .toptabs1 li a,.toptabs1 li span {
        padding: 7px 0;
        font-size: 14px
    }

    .toptabs1 li {
        margin: 0 3px;
        width: 130px
    }

    .hovereffects-det h3 {
        font-size: 16px;
        margin: 5px 0
    }

    .btnstyles-nn a {
        padding: 3px 18px;
        font-size: 14px
    }

    .portfolio-mmbx .leftcont-ban a {
        width: 168px;
        margin: 0 auto 10px;
        font-size: 14px;
        padding: 3px 38px!important
    }

    .portfoliomaindivs .topbartabs {
        padding: 0 30px
    }

    .toptabs1 {
        margin: 10px 0
    }

    .packagesall .portfolio-mmbx .leftcont-ban a {
        width: 163px
    }

    .packagesall .portfolio-mmbx .leftcont-ban a:hover {
        width: 215px;
        margin-bottom: 0
    }

    .pacbundles-det .headbx-bundle ul.listbundles-packbx li:after,.packdetails .listpacks li:after {
        left: 20px
    }

    .enterprices-bundles .totalpackagespricess .btn-orders-bundles a {
        padding: 5px 20px;
        font-size: 16px
    }

    .testimonials .row.testi-main {
        padding-top: 0
    }

    .testimonials .testi .testi-img img {
        margin-right: 10px;
        margin-bottom: 10px
    }

    .testimonials .testi .testi-img h4 {
        font-size: 16px;
        margin-bottom: 5px
    }

    .animation-service .srvc-box .srvc-rht p,.testimonials .testi .testi-img p {
        font-size: 12px
    }

    .testimonials .testi .testi-img::before {
        transform: scale(.8) translateX(5px)
    }

    .mainhome .bannermm {
        height: auto
    }

    body.mainhome .bannermm .leftcont-ban p:before {
        top: 0
    }

    .mainhome .bannermm .leftcont-ban a,.mainhome .bannermm.animbanner .leftcont-ban a,.mainhome .bannermm.webbanner .leftcont-ban a {
        width: 285px
    }

    .mainhome .bannermm .leftcont-ban a:hover,.mainhome .bannermm.animbanner .leftcont-ban a:hover,.mainhome .bannermm.webbanner .leftcont-ban a:hover {
        width: 335px
    }

    .portfolio-mmbx .leftcont-ban a:hover {
        width: 210px
    }

    footer .brdr-top .subcribe input {
        padding: 13px 35px;
        font-size: 12px
    }

    footer .brdr-top .subcribe i {
        top: 59px;
        left: 28px
    }

    footer .brdr-top .subcribe button {
        padding: 8px 27px
    }

    .leftcont-ban a i {
        opacity: 0
    }

    .leftcont-ban a:hover i {
        opacity: 1
    }

    .portfoliomaindivs .tabschildrens ul li {
        padding: 5px 8px
    }

    .c-tabs .col-md-3 p,.portfoliomaindivs .tabschildrens ul li span {
        font-size: 13px
    }

    .portfolio-mmbx .box-ports {
        max-width: 220px;
        margin: 0 auto 35px
    }

    .portfolio-mmbx .fixportfoliobtns.leftcont-ban a {
        width: 206px
    }

    .det-packages .boxpackages,.logopackages-p .det-packages .tabscontent .col-md-4:nth-child(n+4) .boxpackages {
        margin: 20px auto;
        padding: 10px;
        max-width: 100%;
        clear: both;
        overflow: hidden;
        float: none
    }

    .responsive-slider,.tabscontent {
        clear: both
    }

    .pacbundles-det .headbx-bundle .packbundleprice {
        margin: -10px 0 0
    }

    .pacbundles-det .headbx-bundle .fleft h4,.video-development .padd-tp {
        padding-top: 10px
    }

    .cbp-spmenu-vertical {
        z-index: 99999
    }

    .det-packages .boxpackages:hover {
        transform: scale(1.04)
    }

    .packagesall .portfolio-mmbx .leftcont-ban a {
        padding: 7px 20px;
        margin-top: 30px
    }

    .fixedform-1 .mm-field,.tabs-portfolio .slick-dotted.slick-slider {
        margin-bottom: 10px
    }

    .portfoliomaindivs.tabsmainport .slick-dots,body.logodesignport-p.inner-pg #section08 .portfoliomaindivs.tabsmainport .slick-dots {
        bottom: 0
    }

    .home-p .det-packages .tabscontent .col-md-4:nth-child(n+4) .boxpackages,.web-design .portfoliomaindivs .portfolio-mmbx .col-md-4:nth-child(n+7) {
        display: block
    }

    .what-offer ul li div {
        min-height: 206px
    }

    #section08 .portfoliomaindivs.tabsmainport .slick-dots {
        bottom: 12px
    }

    body.logodesignport-p.inner-pg #section08 .portfolio-mmbx .box-ports {
        margin: 10px auto 24px
    }

    #section08 .portfolio-mmbx .box-ports {
        margin: 0 auto 24px
    }

    body.portfolio #section08 .portfolio-mmbx .box-ports {
        margin: 0 auto 60px
    }

    .service-cta ul li,.web-design .slick-dotted.slick-slider {
        padding-bottom: 20px
    }

    .leftcont-ban a,.testi-a a {
        font-size: 14px;
        height: auto;
        width: auto!important;
        display: inline-block
    }

    .leftcont-ban a:hover,.testi-a a:hover {
        width: initial!important;
        display: inline-block
    }

    #alltest .testi-a a {
        display: inline-block;
        width: auto
    }

    .testimo .testimonials-sec .row .col-md-6+.col-md-6 {
        margin-bottom: 0
    }

    .web-design .incred-expe .content-incred h4 {
        font-size: 20px;
        line-height: 26px
    }

    .types-box h5 {
        padding: 14px 0 5px;
        font-size: 18px
    }

    .what-offer p {
        font-size: 14px;
        padding: 0 10px
    }

    .types-box {
        min-height: 261px;
        margin: 10px auto;
        max-width: 260px
    }

    .web-design .responsive-slider .slick-dots {
        bottom: 5px
    }

    .animation-service .srvc-box .srvc-lft img,.animation-service .srvc-box .srvc-lft video {
        width: 80px;
        margin-bottom: 0;
        margin-right: 12px;
        height: auto
    }

    .animation-service .srvc-box .srvc-rht h4 {
        font-size: 18px;
        margin: 0
    }

    .animation-service .srvc-box {
        padding: 10px;
        min-height: 150px;
        margin: 0 0 10px;
        position: relative
    }

    .animation-service .srvc-box .srvc-rht a {
        position: absolute;
        bottom: 8px;
        left: 50%;
        margin: auto;
        transform: translateX(-50%)
    }

    .animation .animation-service {
        padding-bottom: 10px
    }

    .mainvideo-dur {
        clear: both;
        padding: 5px 10px
    }

    .animation-pricing {
        padding: 10px;
        margin-top: 13px
    }

    .pricerange-main .video-qty {
        padding: 5px 10px;
        margin-top: 8px
    }

    .pricerange-main .video-duration {
        margin: 0
    }

    input[type=range] {
        max-width: 320px;
        margin: 0 auto 5px
    }

    .pricerange-main .video-qty h6,.pricerange-main .video-qty label {
        margin-bottom: 13px
    }

    .pricerange-main .video-qty #videoqty {
        margin: 0 10px 0 0;
        padding: 3px 5px
    }

    .pricerange-main .leftcont-ban {
        margin: 0 auto;
        text-align: center
    }

    .mainpriceng-count .leftcont-ban a {
        margin-top: 28px
    }

    .video-development {
        padding: 20px 0;
        min-height: auto
    }

    .video-development .vd-devp-fr h2 {
        font-size: 28px;
        margin: 5px 0
    }

    .video-development .vd-devp>div {
        padding: 10px;
        min-height: auto;
        max-width: 276px;
        margin: 0 auto 10px;
        text-align: center
    }

    .branding .branding-portfolio .bg1-description {
        flex-wrap: wrap-reverse
    }

    .c-tabs .col-md-3 h3 {
        font-size: 22px;
        line-height: normal
    }

    .c-tabs .tabs-list li a {
        font-size: 14px;
        padding: 8px 14px
    }

    .branding-portfolio {
        padding: 20px 0
    }

    .branding-portfolio .c-tabs-description h3 {
        font-size: 20px;
        margin: 10px 0 5px
    }

    .branding .branding-portfolio .c-tabs-description p {
        font-size: 13px;
        line-height: 21px;
        min-height: auto
    }

    .branding .branding-portfolio .c-tabs-description a {
        padding: 5px 30px;
        font-size: 16px
    }

    .branding .branding-portfolio .bg1-description img {
        max-width: 225px;
        margin: -48px 0 0 auto;
        display: block
    }

    .incred-expe .padtop150 {
        padding-top: 20px
    }

    .about-phylosophy-bg .phylosophy-box {
        padding: 0;
        margin: 20px 0
    }

    .about-phylosophy-bg .phylosophy-box i {
        left: -10px
    }

    .about-phylosophy-bg,.sitemap-main .sp-section {
        min-height: auto
    }

    .accordion-faq a.accord-tab {
        padding: 20px 10px;
        font-size: 14px;
        min-height: auto
    }

    .accordion-faq>li:after {
        font-size: 24px
    }

    .sitemap-main .termcndtn ul li {
        font-size: 14px;
        padding-left: 14px
    }

    .sitemap-main .termcndtn ul li:before {
        top: 3px;
        margin: 5px 0;
        width: 4px;
        height: 4px
    }

    .sitemap-main.stp .termcndtn ul li:before {
        top: 11px;
        margin: 5px 0
    }

    body.sitemap-main .sec-pad.termcndtn.sp-section .row {
        display: flex;
        flex-direction: column;
        padding: 0 10px;
        flex-wrap: wrap;
        height: 560px
    }

    .contact-form-main .red-bg h3 {
        font-size: 22px;
        margin: 0 0 10px
    }

    .contact-form-main .red-bg h4 {
        font-size: 18px;
        margin: 0 0 8px;
        border-bottom: 1px solid #fff;
        padding: 0;
        display: inline-block
    }

    .contact-form-main .gray-bg h4 {
        font-size: 20px;
        margin: 0 0 15px;
        border-bottom: 1px solid #fff;
        padding: 0;
        display: block;
        text-align: center
    }

    .contact-form-main .red-bg p {
        margin: 0 0 16px;
        font-size: 16px
    }

    .contact-form-main .gray-bg {
        padding: 15px 16px;
        width: 100%
    }

    .contact-form-main .gray-bg .field {
        margin: 0 10px 15px 0;
        width: calc(50% - 10px)
    }

    .contact-form-main .mm-field.phone fieldset {
        top: 6px
    }

    .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input,.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=tel],.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=text] {
        padding-left: 93px
    }

    .contact-form-main .gray-bg .field input[type=text],.contact-form-main .gray-bg .field select,.contact-form-main .gray-bg .field textarea {
        padding: 8px 16.5px 8px 30px;
        height: auto;
        font-size: 13px
    }

    .fixedform-1 .input-btn>input {
        padding: 7px 10px;
        font-size: 16px
    }

    .mm-field.email fieldset,.mm-field.name fieldset {
        top: 8px;
        left: 37px
    }

    .contact-form-main .gray-bg .field i.email {
        top: 12px
    }

    .contact-form-main .gray-bg .field i.user {
        top: 9px
    }

    .contact-form-main .gray-bg .field i {
        top: 8px
    }

    .contact-form-main .red-bg {
        width: 100%;
        text-align: center;
        min-height: auto;
        padding: 10px 15px 20px
    }

    .contact-main {
        margin: 10px 0 20px
    }

    .contact .sechead {
        margin-bottom: 30px
    }

    .fixedform-1 .jform .mm-field.namefield::before {
        transform: scale(.8) translateX(-3px);
        height: 41px;
        background-position: -712px -1px
    }

    .fixedform-1 .jform .mm-field.emailfield::before {
        transform: scale(.8) translateX(-3px);
        height: 41px;
        background-position: -713px -41px
    }

    .fixedform-1 .jform .mm-field.selectsertvice::before {
        transform: scale(.8) translateX(-3px);
        height: 41px;
        background-position: -756px -1px
    }

    .fixedform-1 .mm-field fieldset.active {
        left: 37px;
        font-size: 9px
    }

    .fixedform-1 fieldset {
        top: 12px;
        font-size: 14px;
        left: 40px
    }

    .fixedform-1 .mm-field input,.fixedform-1 .mm-field input[type=text],.fixedform-1 .mm-field select,.fixedform-1 .mm-field textarea,[type=email] {
        padding: 10px 8px 10px 40px
    }

    .custom-popup {
        overflow-y: scroll;
        display: block
    }

    .howworks-mm .designbrief:hover .processicons {
        transform: scale(1)
    }

    header .logo {
        margin-left: 100px
    }

    .header-icon-box ul li.first a {
        color: #e2013f;
        border-right: 1px solid #ccc
    }

    .cbp-spmenu-vertical a {
        border-bottom: none;
        border-top: 1px solid rgba(255,255,255,.8);
        font-size: 12px
    }

    .leftcont-ban {
        max-width: 80%
    }

    .bannermm .leftcont-ban p {
        line-height: 24px
    }

    .bannermm.animbanner {
        background-position: left
    }

    .main-service-wrap {
        padding: 35px 0
    }

    .tab-content {
        padding-bottom: 0!important
    }

    .service-order {
        font-size: 14px;
        padding: 3px 2px 3px 18px;
        margin-left: 5px
    }

    .inner-tab-content .service-tab-content-wrap {
        margin-top: 30px
    }

    .service-cta ul {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        flex-direction: column
    }
}

@media (max-width: 920px) {
    .logo img {
        margin-left:0
    }

    header .logo {
        margin: 0 auto
    }

    a.toggle-menu:before {
        right: 20px
    }
}

@media (max-width: 767px) {
    .leftcont-ban a,.mainhome .bannermm .leftcont-ban a,.mainhome .bannermm.animbanner .leftcont-ban a,.mainhome .bannermm.webbanner .leftcont-ban a {
        width:90%!important
    }

    .home-class .bannermm {
        height: 680px!important
    }

    .banner-form-box {
        top: 0!important;
        margin-bottom: 40px;
        padding-top: 20px;
        padding-bottom: 20px;
        left: 50%;
        transform: translateX(-50%)
    }

    .home-class .banner-form-box {
        top: 30rem!important
    }

    .home-mainsliders-homes .banner-form-box {
        width: 59%
    }

    .about-phylosophy-bg .phylosophy-box:after,.c-tabs .tabs-list li a:before,.creative-section-box img,.fixedform.fixed-forms-main,.learn-more-tab,.service-tab .container.text-center.bounce.animated,.sitemap-main .termcndtn br,.what-offer ul li div h3 br {
        display: none
    }

    .on-learn-more-tab {
        display: block!important
    }

    .on-learn-more-tab a {
        text-align: center;
        padding: 7px 0
    }

    .mac-screenshot {
        margin-top: 10px
    }

    .pacakge-details .boxpackages {
        position: relative;
        top: 0;
        height: 400px
    }

    .pacakge-details.det-packages {
        padding-top: 20px;
        margin-bottom: 12px
    }

    .creative-digital .sechead h3,body.mainhome .bannermm .leftcont-ban p {
        line-height: initial
    }

    .pricing-details-left .sechead {
        margin-left: 0;
        text-align: center
    }

    .creative-section-box {
        border: 1px solid #d8d8d8
    }

    .service-tab li span {
        margin-top: 0;
        padding: 3px 0;
        font-size: 13px;
        border-radius: 0;
        color: #8c4c8f
    }

    .service-tab ul li a {
        border-radius: 0;
        padding: 0;
        border: 0
    }

    #service .service-tab ul li a {
        border: 1px solid #e7e7e7!important
    }

    .testi-content {
        width: 60%
    }

    .client-identity-img {
        width: 50%!important;
        text-align: center;
        left: auto;
        float: right;
        top: -84px
    }

    .client-area {
        margin: 0 0 140px
    }

    header {
        height: 110px;
        position: relative
    }

    .leftcont-ban {
        padding-bottom: 20px;
        width: 100%!important;
        max-width: 90%;
        text-align: center;
        margin: 0 auto
    }

    .header-icon-box li.first {
        border-right: 0!important;
        padding-right: 0!important
    }

    .header-icon-box ul li.last a {
        border: 0!important;
        padding: 0!important
    }

    .header-icon-box li.last {
        padding-left: 0!important
    }

    .header-icon-box {
        border-bottom: 1px solid #ffffff80;
        display: inline-block!important;
        float: right;
        width: 100%;
        text-align: center;
        margin-top: 6px;
        margin-bottom: 0;
        padding-bottom: 6px;
        top: 0;
        left: 0;
        right: 0
    }

    .contact .sechead,.header-icon-box ul,.testi-txt p {
        margin-bottom: 0
    }

    .header-icon-box ul li {
        display: inline-block
    }

    .det-packages .sechead h3,.enterprices-bundles .totalpackagespricess .yellcol,.header-icon-box ul li i,.maincta h3 strong,.video-development .vd-devp-fr h2 {
        font-size: 20px
    }

    .sitemap-main .termcndtn ul li:before,.sitemap-main.stp .termcndtn ul li:before {
        top: 6px
    }

    .contact-form-main .red-bg .social-icons i {
        width: 30px;
        height: 30px;
        font-size: 14px
    }

    .leftcont-ban a i.btnarow,.sm-hidden,footer .listpge {
        display: none!important
    }

    .content-incred,.gettouchfaqs .packagesbxs .toptabs1,.logo {
        text-align: center
    }

    .cookie-bar p a {
        clear: both;
        float: initial!important
    }

    .cookie-btn-3 {
        position: absolute;
        left: 10px;
        top: 0;
        margin-right: 20px
    }

    #allport .row {
        display: block
    }

    .no-found {
        min-height: 400px
    }

    .no-found .noFound-content h1 {
        font-size: 80px
    }

    .no-found .noFound-content h3 {
        font-size: 30px
    }

    .contact-form-main .gray-bg .field {
        width: 100%
    }

    .testimonials .testi .testi-img {
        min-height: 125px
    }

    .bannermm {
        min-height: 340px
    }

    .bannermm .leftcont-ban h1 strong,.prvcy-securty .bannermm .leftcont-ban h1 strong,.sitemap-main .bannermm .leftcont-ban h1 strong,.trms-condtons .bannermm .leftcont-ban h1 strong {
        font-size: 24px
    }

    .sitemap-main .bannermm .leftcont-ban {
        margin-top: 50px
    }

    .sitemap-main .termcndtn {
        padding: 0
    }

    .sitemap-main .termcndtn ul li:before {
        width: 4px;
        height: 4px
    }

    .sitemap-main .bannermm {
        min-height: 150px
    }

    .charAnimation .bannermm h1 strong,.incred-expe .content-incred h3 {
        font-size: 24px!important
    }

    .bannermm .leftcont-ban h1,.bannermm .leftcont-ban h1 span,.custom-popup h3 {
        font-size: 22px
    }

    .bannermm .leftcont-ban h1 {
        padding: 5px 0;
        margin-top: 0
    }

    body .bannermm .leftcont-ban p {
        font-size: 13px;
        font-weight: 500!important
    }

    .what-offer .slick-dots {
        bottom: -27px
    }

    .maincta {
        text-align: center;
        padding: 10px 0 0
    }

    .maincta .btn-radius-top {
        float: none
    }

    .footer-bottom h4,.hovereffects-det h3,.incred-expe .content-incred p,.sechead p,.testimonials .testi .testi-desc i,.testimonials .testi .testi-desc ul li,.what-offer p,p {
        font-size: 14px
    }

    .pacbundles-det .headbx-bundle .fleft h4,.testi-p,.testimonials .testi .testi-img p {
        font-size: 15px
    }

    .btnstyles-nn a {
        padding: 2px 11px;
        font-size: 12px;
        margin: 2px 0
    }

    .toptabs1 li a,.toptabs1 li span {
        padding: 5px 0;
        font-size: 14px;
        margin-bottom: 8px
    }

    .sechead h3,.sitemap-main .termcndtn p strong {
        font-size: 22px;
        margin: 5px 0;
        padding: 10px 0 0
    }

    .enterprices-bundles h3:before {
        height: 2px;
        display: none
    }

    .pacbundles-det .headbx-bundle .packbundleprice {
        padding: 0 0 0 10px;
        font-size: 14px;
        margin-top: -10px
    }

    .accordion-faq>li:after,.animation-pricing h5,.inner-pg .bannermm .leftcont-ban h1,.pacbundles-det .headbx-bundle .packbundleprice span {
        font-size: 18px
    }

    .pacbundles-det .headbx-bundle .packbundleprice:before {
        top: 0;
        margin: auto
    }

    .pacbundles-det .headbx-bundle ul.listbundles-packbx {
        padding: 0 0 15px
    }

    .pacbundles-det .headbx-bundle ul.listbundles-packbx>li {
        padding: 4px 16px;
        font-size: 11px
    }

    .footer-bottom p,.pacbundles-det .headbx-bundle ul.listbundles-packbx>li:before {
        font-size: 11px
    }

    .contact-form-main .red-bg h4,.enterprices-bundles .totalpackagespricess h4,.maincta h3,.pricerange-main .video-duration h6,.what-offer ul li div h3,footer .brdr-top .social-icons h4,footer .brdr-top .subcribe h4 {
        font-size: 16px
    }

    .enterprices-bundles .totalpackagespricess h4 b:before {
        width: 93%;
        left: -2px;
        top: 8px
    }

    .enterprices-bundles .totalpackagespricess .btn-orders-bundles a {
        padding: 3px 16px;
        font-size: 14px;
        margin: 0
    }

    .enterprices-bundles .totalpackagespricess .btn-orders-bundles p,.maincta p,footer h3 {
        font-size: 12px
    }

    .testimonials h3 {
        font-size: 24px;
        margin-bottom: 5px
    }

    .testimonials .testi .testi-img img {
        margin-right: 10px;
        margin-bottom: 5px;
        max-width: 60%
    }

    .testimonials .testi .testi-img h4 {
        font-size: 18px;
        margin-bottom: 5px
    }

    .testimonials .testi .testi-img::before {
        transform: scale(.7) translateX(6px)
    }

    .testimonials .testi .testi-desc .verify {
        transform: scale(.8) translate(2px,-2px)
    }

    .packdetails .botarea-pack,footer {
        padding: 5px 0 0
    }

    footer h3 {
        margin: 15px 0 5px
    }

    footer ul li {
        padding: 2px 0 2px 9px
    }

    .brdcrme li+li:before,footer ul li::before {
        top: 5px
    }

    footer .social-icons.padd-btd {
        padding: 0 0 10px
    }

    footer .brdr-top .social-icons i {
        font-size: 16px;
        width: 37px;
        height: 37px
    }

    footer .brdr-top .subcribe input {
        margin-top: 10px;
        padding: 10px 30px;
        font-size: 11px;
        max-width: 320px
    }

    footer .brdr-top .subcribe i {
        top: 47px;
        left: 25px;
        transform: scale(.8)
    }

    footer .brdr-top .subcribe button {
        padding: 5px 23px;
        font-size: 12px;
        left: 241px
    }

    .footer-bottom {
        padding: 5px 0
    }

    footer .padd-btd>img {
        padding-top: 20px
    }

    footer .brdr-top {
        padding: 10px 0 0;
        border: none
    }

    .maincta .callsdivs {
        font-size: 13px;
        padding: 10px 0;
        text-align: center
    }

    .maincta .callsdivs .iconphone {
        transform: scale(.6) translateX(5px)
    }

    .maincta .btn-radius-top a {
        padding: 4px 7px;
        font-size: 10px
    }

    .what-offer ul li div {
        position: relative;
        padding: 7px 10px 0;
        min-height: 190px
    }

    .howworks-mm .designbrief p,.video-development .vd-devp-fr p,.what-offer ul li div p {
        font-size: 13px
    }

    .what-offer ul li div a {
        font-size: 13px;
        margin: auto;
        position: absolute;
        bottom: 10px;
        left: 0;
        right: 0;
        color: #ea333f;
        font-weight: 600
    }

    .what-offer h3 {
        font-size: 22px;
        margin: 10px 0 5px
    }

    .branding-portfolio>div>div.row,.enterprices-bundles .sechead,.what-offer>div>ul {
        margin: 0
    }

    .leftcont-ban a {
        height: auto!important;
        background: #fff;
        color: #242424;
        display: inline-block;
        font-weight: 600;
        padding: 10px 12px;
        margin-top: 18px!important;
        font-size: 16px!important;
        margin: 5px 0 0
    }

    .mainhome .bannermm .leftcont-ban a:hover,.mainhome .bannermm.animbanner .leftcont-ban a:hover,.mainhome .bannermm.webbanner .leftcont-ban a:hover {
        width: auto;
        color: #242424
    }

    .portfolio-mmbx .leftcont-ban a {
        width: 128px;
        height: 27px;
        font-size: 12px
    }

    .portfolio-mmbx .leftcont-ban a:hover {
        width: 180px
    }

    .bannermm a.logobtnsstart:hover {
        width: 268px
    }

    body.inner-pg .bannermm .leftcont-ban p {
        font-size: 14px;
        padding: 5px 0
    }

    .enterprices-bundles .totalpackagespricess {
        margin: 0;
        padding: 0
    }

    .portfoliomaindivs .tabschildrens,body.inner-pages .bannermm .leftcont-ban h1 {
        margin-top: 0
    }

    .det-packages .boxpackages .packheads h3 {
        margin: 0 0 2px
    }

    .det-packages .boxpackages .packheads p {
        min-height: auto
    }

    .packdetails .packtitles .fright h4 {
        font-size: 12px;
        margin: -2px 0 6px;
        line-height: 18px
    }

    .packdetails .packtitles .fright h4 b:before {
        top: 11px;
        left: -3px
    }

    .packdetails .listpacks {
        padding: 10px 0;
        height: 200px
    }

    .packdetails .listpacks li {
        padding: 5px 16px
    }

    .packdetails .listpacks li:before {
        font-size: 11px;
        top: 8px
    }

    .botarea-pack .fleft {
        padding-right: 10px
    }

    .packdetails .botarea-pack a.btn-orders {
        width: 100%;
        text-align: center
    }

    .packdetails .botarea-pack .liovechats-bx a span:before {
        font-size: 13px;
        right: -15px
    }

    .boxpackages .packdetails .listpacks h3 {
        font-size: 14px;
        margin: 10px 0 5px
    }

    .det-packages .boxpackages:hover {
        transform: scale(1.05)
    }

    .mCSB_outside+.mCSB_scrollTools {
        right: -16px
    }

    a.toggle-menu:before {
        font-size: 25px;
        right: 4rem;
        top: 36px!important;
        z-index: 999999;
        position: fixed
    }

    .cbp-spmenu h3 {
        color: #fff;
        font-size: 1.4em;
        padding: 14px
    }

    .cbp-spmenu-vertical a {
        font-size: 14px;
        padding: 12px 10px
    }

    .dropdown .lstnavig .liststylss>li>a {
        padding: 5px 0 5px 25px;
        font-size: 11px
    }

    .dropdown .lstnavig .liststylss>li>a:after {
        top: 0;
        font-size: 10px
    }

    .portfolio-mmbx .box-ports {
        margin: 0 auto 40px
    }

    .bannermm .container,.branding-portfolio .c-tabs .tab-content.active {
        margin-left: 0
    }

    .howworks-mm .designbrief h3 {
        font-size: 17px;
        margin-top: -17px
    }

    .howworks-mm .designbrief .processicons {
        transform: scale(.7)!important
    }

    .howworks-mm .designbrief {
        margin: -28px 0 0
    }

    .brdcrme li {
        padding: 6px 12px
    }

    .inner-pages .bannermm .leftcont-ban,.inner-pg .bannermm .leftcont-ban {
        margin-top: 20px
    }

    .types-box h5 {
        padding: 10px 0 5px;
        font-size: 16px
    }

    .animation-service .srvc-box {
        max-width: 345px;
        margin: 0 auto 10px
    }

    .pricerange-main .pricingbox .iconsbx {
        transform: scale(.6)
    }

    .pricerange-main .pricingbox li h3 {
        margin-top: -13px;
        margin-bottom: 8px;
        line-height: normal
    }

    .pricerange-main .pricingbox li a {
        margin-top: -18px
    }

    .mainvideo-dur {
        padding: 0 10px
    }

    input[type=range] {
        max-width: 300px
    }

    .slider {
        height: 18px
    }

    .slider::-webkit-slider-thumb {
        height: 18px;
        border-width: 2px
    }

    .animation-pricing {
        margin-top: 8px;
        padding: 5px 0
    }

    .animation-pricing h6 {
        font-size: 14px;
        margin: 0 0 5px
    }

    .pricerange-main .video-qty {
        padding: 4px 0
    }

    .pricerange-main .video-qty h6,.pricerange-main .video-qty label {
        margin-bottom: 12px;
        font-size: 16px
    }

    .pricerange-main .video-qty #videoqty {
        margin: 0 5px 0 0;
        padding: 0 5px
    }

    .mainpriceng-count .leftcont-ban a {
        margin-top: 15px
    }

    .gettouchfaqs,.gettouchfaqs .packagesbxs,.incred-expe,.testimonials,.video-development,body.sitemap-main .termcndtn {
        padding: 10px 0
    }

    .branding-portfolio {
        padding: 10px 0;
        text-align: center
    }

    .branding-portfolio .nopadd-l {
        padding-left: 15px
    }

    .c-tabs .col-md-3 h3 {
        font-size: 20px;
        margin: 5px 0 0
    }

    .c-tabs .col-md-3 p {
        font-size: 14px;
        margin: 5px 0
    }

    .c-tabs .tabs-list {
        margin: 10px 0;
        display: flex;
        flex-wrap: wrap;
        text-align: center
    }

    .c-tabs .tabs-list li a {
        font-size: 14px;
        padding: 6px 10px;
        border-radius: 8px
    }

    .c-tabs .tabs-list li {
        width: 33.3333%;
        padding: 3px 4px;
        text-align: center;
        margin: 0 auto
    }

    .c-tabs .tabs-list li:first-child a {
        border: 1px solid #111
    }

    .c-tabs .tabs-list li:nth-child(2) a {
        border: 1px solid #904d83
    }

    .c-tabs .tabs-list li:nth-child(3) a {
        border: 1px solid #68797a
    }

    .c-tabs .tabs-list li:nth-child(4) a {
        border: 1px solid #452b78
    }

    .c-tabs .tabs-list li.active:first-child a {
        background: #111
    }

    .c-tabs .tabs-list li.active:nth-child(2) a {
        background: #904d83
    }

    .c-tabs .tabs-list li.active:nth-child(3) a {
        background: #68797a
    }

    .c-tabs .tabs-list li.active:nth-child(4) a {
        background: #452b78
    }

    .incred-expe .padtop150 {
        padding-top: 0
    }

    .gettouchfaqs h3 {
        font-size: 22px;
        text-align: center
    }

    .gettouchfaqs .packagesbxs .toptabs1 a {
        padding: 5px 15px;
        font-size: 13px;
        margin-bottom: 7px
    }

    .accordion-faq a.accord-tab {
        padding: 10px;
        font-size: 12px
    }

    .sitemap-main .termcndtn p strong {
        margin-top: 5px
    }

    .ulsme-ctct ul li+li::before {
        font-size: 10px
    }

    body.sitemap-main .sec-pad.termcndtn.sp-section .row {
        padding: 0 10px;
        height: 555px
    }

    .sitemap-main .col-sm-5ths {
        width: 33.3333%;
        padding-left: 5px;
        padding-right: 5px
    }

    .sitemap-main .sp-section h3 {
        font-size: 16px;
        margin: 10px 0 5px
    }

    .sitemap-main .termcndtn ul li {
        font-size: 14px;
        padding: 3px 5px 3px 14px
    }

    .contact-form-main .red-bg {
        padding: 6px 10px
    }

    .contact-form-main .red-bg h3 {
        font-size: 20px;
        margin: 0 0 8px
    }

    .contact-form-main .red-bg p {
        margin: 0 auto 6px;
        font-size: 14px;
        max-width: 210px
    }

    .contact-form-main .red-bg .social-icons>div {
        margin: 5px 0
    }

    .contact-main {
        margin: 0 0 20px
    }

    .custom-popup p {
        font-size: 17px
    }

    .custom-popup a.closed::before {
        padding: 0 6px;
        top: -41px;
        right: 0;
        font-size: 17px
    }

    .custom-popup>div {
        padding: 51px 20px 20px
    }

    .testmonials .nav {
        flex-wrap: wrap
    }

    .testmonials .nav li {
        float: none;
        width: auto;
        margin-right: 5px;
        margin-bottom: 8px
    }

    .reviews_box_wrap {
        padding: 30px 20px
    }

    .reviews_box_wrap p {
        padding: 20px 20px 10px;
        min-height: 170px
    }

    .review_box_btn .btn_gradient {
        margin-bottom: 15px
    }

    .testmonials {
        margin-bottom: 20px
    }

    .testimonial-slider .testi-img img {
        width: auto
    }

    .testimonial-slider .testi-img {
        float: left
    }

    .testi-txt h2 {
        font-size: 18px;
        margin: 0
    }

    .testi-p {
        line-height: 25px;
        margin-top: 15px;
        margin-bottom: 15px
    }
}

@media (max-width: 599px) {
    .service-heading h3 {
        font-size:22px
    }

    .service-heading p {
        font-size: 12px;
        line-height: 1.7
    }

    .service-heading h2 {
        font-size: 14px
    }

    .what-offer ul li div {
        padding: 7px 10px 0;
        min-height: 170px
    }

    .leftcont-ban a {
        width: 100%!important;
        font-size: 12px!important
    }

    .floating_form {
        display: none!important
    }

    .about-points .col-xs-6 {
        width: 100%;
        border-bottom: 1px solid #dadada;
        padding-bottom: 18px
    }

    .about-points .col-xs-6:last-child {
        border-bottom: 0
    }

    .accessible {
        margin-top: 10px
    }

    .point-txt:after {
        content: none
    }

    .t-n-w {
        margin: 30px 0 0
    }

    .boxes {
        padding: 10px 0
    }

    .award .contact-img ul li,.contact-img ul {
        display: inline-block
    }

    .contact-img ul li {
        margin-bottom: 20px
    }

    .award {
        padding: 30px 0 0
    }

    .inner-service-logo-box h3 {
        font-size: 25px
    }

    .inner-service-logo-box {
        height: 185px;
        margin: 20px 0
    }
}

@media (max-width: 480px) {
    .enterprices-bundles .totalpackagespricess,.leftcont-ban {
        text-align:center
    }

    .service-heading h3 {
        font-size: 22px
    }

    .service-heading p {
        font-size: 12px;
        line-height: 1.7
    }

    .animation-pricing h5,.animation-service .srvc-box .srvc-rht h4,.enterprices-bundles .totalpackagespricess h4,.service-heading h2,footer .brdr-top .social-icons h4,footer .brdr-top .subcribe h4 {
        font-size: 14px
    }

    .get_quote_btn {
        display: block
    }

    #return-to-top,.firts_anim img,.header-icon-box {
        display: none!important
    }

    .banner_inner .leftcont-ban {
        padding-top: 0
    }

    .banner-form input,.contact-form-main .mm-field.textarea fieldset,.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input,.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=tel],.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=text],.portfoliomaindivs .tabschildrens ul li span,.testimonials .testi .testi-desc i,.testimonials .testi .testi-desc ul li {
        font-size: 11px
    }

    .creative-section p,.incred-expe .content-incred p,.maincta p,.pricerange-main .video-duration span,p {
        font-size: 13px
    }

    .home-mainsliders-homes .banner-form-box {
        width: 79%
    }

    .creative-digital .sechead ul li,.testi-content {
        width: 100%
    }

    .creative-digital .sechead ul li:first-child a {
        display: inline-block;
        width: 100%
    }

    .creative-digital .sechead ul li:last-child a {
        display: inline-block;
        width: 100%;
        margin-left: 0
    }

    .creative-digital .sechead ul {
        margin-top: 0
    }

    .creative-left-container,.service-area .area-title {
        margin-top: 40px
    }

    .creative-left-container .col-xs-6 {
        padding-right: 4px;
        padding-left: 4px
    }

    .service-tab ul li .creative-section-box {
        padding-left: 10px;
        padding-right: 10px
    }

    ul.nav.nav-tabs li.col-xs-6 {
        padding-right: 6px;
        padding-left: 6px
    }

    .client-area {
        padding-top: 20px;
        margin: 0 0 160px
    }

    .client-identity-img {
        width: 50%!important;
        text-align: center;
        left: auto;
        float: right;
        top: 16px
    }

    header {
        height: 100px
    }

    .slick-dots {
        padding: 0 30px
    }

    .service-tab {
        padding-bottom: 16px
    }

    .bannermm .leftcont-ban h1,.bannermm .leftcont-ban h1 span,.client-content h5,.custom-popup h3 {
        font-size: 20px
    }

    .client-wrapper p {
        font-size: 16px;
        padding-right: 0;
        margin-top: 12px
    }

    .sitemap-main.stp .termcndtn ul li:before {
        top: 6px
    }

    .homeport-mm .leftcont-ban {
        max-width: initial
    }

    .maincta h3 strong,.video-development .vd-devp-fr h2 {
        font-size: 18px
    }

    .about-phylosophy-bg .phylosophy-box i {
        transform: scale(.8);
        margin: -28px auto
    }

    .web-design .slick-dotted.slick-slider {
        margin-bottom: 40px
    }

    .leftcont-ban {
        max-width: 100%;
        width: 100%
    }

    .custom-popup p,.enterprices-bundles .totalpackagespricess .yellcol,.maincta h3 {
        font-size: 16px
    }

    .fixedform-1 .input-btn>input {
        padding: 6px 0;
        font-size: 14px
    }

    .fixedform-1 .input-btn {
        width: 80%
    }

    .fixedform-1 form {
        margin: 10px 0
    }

    .fixedform-1 .mm-field textarea {
        padding-left: 14px
    }

    .det-packages .boxpackages,.logopackages-p .det-packages .tabscontent .col-md-4:nth-child(n+4) .boxpackages {
        max-width: 90%
    }

    .enterprices-bundles .totalpackagespricess .btn-orders-bundles {
        float: none
    }

    .bannermm {
        min-height: 215px
    }

    .portfolio-mmbx.edit-1 .slick-dots {
        bottom: -2px
    }

    body.mainhome .bannermm .leftcont-ban h1 {
        margin: 0;
        text-shadow: 1px 1px 1px #000
    }

    body.inner-pg .bannermm .leftcont-ban h1 {
        margin: 65px 0 0;
        max-width: 100%;
        font-size: 16px
    }

    .bannermm .leftcont-ban h1 strong {
        font-size: 22px;
        margin: 2px 0
    }

    .charAnimation .bannermm h1 strong {
        font-size: 18px!important
    }

    body.mainhome .bannermm .leftcont-ban p {
        font-size: 14px;
        margin: 5px 0;
        text-shadow: 1px 1px 1px #000;
        line-height: initial
    }

    body.inner-pg .bannermm .leftcont-ban p {
        font-size: 14px;
        max-width: 100%;
        margin: 5px 0
    }

    .leftcont-ban a {
        margin: 5px 0 0;
        text-shadow: none
    }

    .bannermm a.logobtnsstart,.mainhome .bannermm .leftcont-ban a,.mainhome .bannermm.animbanner .leftcont-ban a,.mainhome .bannermm.webbanner .leftcont-ban a {
        background: #fff;
        color: #242424;
        width: 100%!important;
        height: auto;
        padding: 13px 10px;
        font-size: 14px;
        font-weight: 600;
        display: inline-block
    }

    .mainhome .bannermm .leftcont-ban a:hover,.mainhome .bannermm.animbanner .leftcont-ban a:hover,.mainhome .bannermm.webbanner .leftcont-ban a:hover {
        width: auto
    }

    .leftcont-ban a i.btnarow,.pacbundles-det .headbx-bundle .packbundleprice:before,.testimonials .testi .testi-img::before {
        display: none
    }

    .logo img {
        width: 100px;
        margin: 15px 0;
    }

    a.toggle-menu:before {
        font-size: 22px;
        top: 64px
    }

    .incred-expe .content-incred h3 {
        font-size: 18px!important;
        margin-bottom: 5px
    }

    .mainhome .incred-expe .content-incred h3 {
        font-size: 22px!important;
        margin-bottom: 10px
    }

    .incred-expe .content-incred .fnt-18 {
        margin-bottom: 10px;
        font-size: 15px
    }

    p {
        line-height: normal;
        margin-bottom: 5px
    }

    .what-offer h3 {
        font-size: 18px;
        margin: 15px 0 3px
    }

    .what-offer p {
        font-size: 13px;
        padding: 2px 0 5px
    }

    .what-offer ul li div {
        padding: 9px 8px 0;
        min-height: 150px;
        margin: 0 auto
    }

    .maincta .btn-radius-top a {
        padding: 4px 10px;
        font-size: 14px
    }

    .maincta .callsdivs {
        font-size: 12px;
        padding: 15px 0 10px
    }

    .maincta .callsdivs .iconphone {
        transform: scale(.6) translateX(4px)
    }

    .sechead h3,.sitemap-main .termcndtn p strong {
        font-size: 20px;
        margin: 5px 0;
        line-height: initial
    }

    .sitemap-main ul {
        margin: 5px 0
    }

    .creative-section h2 {
        margin-top: 0!important;
        font-size: 20px;
        margin-bottom: 0
    }

    .tab-content {
        padding-top: 0!important
    }

    .check-circle-list {
        font-size: 13px;
        width: 100%;
        margin-bottom: 0
    }

    .upper-combo {
        margin-top: 18px
    }

    .upper-combo h1 {
        text-align: left;
        padding-left: 24px
    }

    .toptabs1 li {
        margin: 2px;
        width: 45%!important;
        margin-bottom: 0!important
    }

    .toptabs1 {
        margin: 10px 0 0
    }

    .portfolio-mmbx .slick-dotted.slick-slider,.section-title {
        margin-bottom: 10px
    }

    .single-head h2 {
        font-size: 20px;
        margin-top: 0
    }

    .col-md-5ths.tiles {
        margin: 0 auto;
        display: inline-block;
        text-align: center;
        width: 100%
    }

    .single-head p {
        font-size: 13px;
        line-height: 25px;
        margin-bottom: 20px
    }

    .hovereffects-det h3 {
        font-size: 18px;
        margin: 5px 0 10px
    }

    .btnstyles-nn a {
        padding: 3px 14px;
        font-size: 14px;
        margin: 0;
        border-width: 1px
    }

    .portfoliomaindivs .tabschildrens ul li {
        padding: 2px 8px
    }

    .det-packages .portfoliomaindivs .tabschildrens {
        background: #fff;
        border-top: 1px solid #d1d7e3
    }

    .portfolio-mmbx .box-ports {
        max-width: 100%;
        margin: 10px auto 20px
    }

    .gettouchfaqs .packagesbxs .toptabs1,.lower-combo h3,.sechead p {
        margin-bottom: 0
    }

    .packagesall .portfolio-mmbx .leftcont-ban a,.portfolio-mmbx .leftcont-ban a,.testimonials .packagesall .portfolio-mmbx .leftcont-ban a {
        width: 100%!important;
        height: auto;
        font-size: 16px;
        padding: 5px 17px;
        display: inline-block
    }

    .packagesall .portfolio-mmbx .leftcont-ban a:hover,.portfolio-mmbx .leftcont-ban a:hover,.testimonials .packagesall .portfolio-mmbx .leftcont-ban a:hover {
        width: auto;
        background: 0 0;
        color: #ff0042
    }

    .det-packages .sechead h3 {
        font-size: 18px;
        margin: 14px 0 0
    }

    .sechead p {
        font-size: 13px;
        padding: 2px 0 5px;
        margin-top: 0
    }

    .section-title {
        font-size: 18px;
        margin-top: 30px!important
    }

    .lower-combo h4 {
        width: 90%;
        right: 0;
        float: right;
        margin-right: auto
    }

    .lower-combo h3 {
        margin-top: 12px
    }

    .toptabs1 li a,.toptabs1 li span {
        padding: 3px 0;
        font-size: 13px;
        border-radius: 0
    }

    .det-packages .slick-dots,.incred-expe .slick-dots,.inner-pg .incred-expe .slick-dots,.mainhome .incred-expe .slick-dots,.testimonials .slick-dots {
        bottom: -10px
    }

    .contact-form-main,.howworks-mm,.portfolio-mmbx,.pricerange-main .pricingbox {
        margin: 0
    }

    .det-packages {
        padding: 0
    }

    .enterprices-bundles .totalpackagespricess .btn-orders-bundles a {
        padding: 4px 18px;
        font-size: 13px
    }

    .enterprices-bundles .totalpackagespricess .btn-orders-bundles p {
        padding: 4px 18px;
        font-size: 14px
    }

    .testimonials h3 {
        font-size: 20px;
        margin: 3px
    }

    .incred-expe,.testimonials {
        padding: 10px 0 0
    }

    .intl-tel-input.separate-dial-code .selected-dial-code,.pricerange-main .video-qty #videoqty,.testimonials .testi .testi-img p {
        font-size: 12px
    }

    .testimonials .testi .testi-img h4 {
        font-size: 14px;
        margin-bottom: 4px
    }

    .testimonials .testi .testi-img img {
        max-width: 36%
    }

    .testimonials .testi .testi-img {
        min-height: 123px
    }

    footer .brdr-top .social-icons i {
        font-size: 14px;
        width: 30px;
        height: 30px;
        padding: 5px 0;
        border-width: 1px
    }

    footer .brdr-top .subcribe input {
        padding: 8px 26px;
        font-size: 10px
    }

    footer .brdr-top .subcribe i {
        top: 42px;
        left: 22px;
        transform: scale(.7)
    }

    footer .brdr-top .subcribe button {
        padding: 4px 23px;
        font-size: 11px;
        right: 18px;
        max-width: 220px
    }

    .footer-bottom h4 {
        font-size: 13px;
        margin: 5px 0
    }

    .pacbundles-det .headbx-bundle .fleft h4 {
        font-size: 17px;
        padding-top: 6px
    }

    .pacbundles-det .headbx-bundle .packbundleprice {
        margin-top: 0;
        padding: 0 0 0 8px
    }

    .pacbundles-det .headbx-bundle ul.listbundles-packbx>li {
        padding: 4px 14px;
        font-size: 13px
    }

    .pacbundles-det .headbx-bundle ul.listbundles-packbx>li:before {
        font-size: 10px
    }

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

    .slick-dots li button {
        width: 16px;
        height: 16px;
        text-indent: -9999px;
        border-radius: 50px;
        border: 2px solid #761c6c;
        margin-left: 2px;
        margin-right: 2px
    }

    ul.slick-dots li {
        display: inline-block
    }

    .what-offer ul li {
        padding: 0 3px
    }

    header .logo {
        padding-top: 0;
        text-align: center;
        z-index: -1
    }

    .portfoliomaindivs .topbartabs {
        padding: 0 10px
    }

    .bannermm .container,.branding-portfolio .c-tabs .tab-content {
        margin-left: 0
    }

    .inner-pages .bannermm .leftcont-ban,.inner-pg .bannermm .leftcont-ban {
        margin-top: 0;
        text-shadow: 1px 1px 1px #000
    }

    .howworks-mm .designbrief .processicons {
        transform: scale(.5) translateX(-5px)!important
    }

    .howworks-mm .designbrief {
        margin: -47px 0 0
    }

    .howworks-mm .designbrief h3 {
        margin: -41px 0 5px;
        font-size: 14px
    }

    .incred-expe .content-incred h5 {
        font-size: 16px;
        margin: 0 0 9px
    }

    .brdcrme li {
        padding: 3px 12px;
        font-size: 13px
    }

    .brdcrme li+li:before {
        top: 4px
    }

    .footer-bottom {
        padding: 2px 0;
        text-align: center
    }

    footer .brdr-top {
        padding: 5px 0 0
    }

    .pricerange-main .pricingbox li {
        width: 50%
    }

    .pricerange-main .pricingbox li h3 {
        margin-top: -15px;
        font-size: 12px
    }

    .pricerange-main .video-duration h6 {
        font-size: 14px;
        margin: 5px 0
    }

    .animation-pricing h6 {
        font-size: 12px;
        margin: 0
    }

    .animation-pricing {
        margin-top: 2px
    }

    input[type=range] {
        margin: 0 auto 2px;
        max-width: 230px
    }

    .pricerange-main .video-qty h6,.pricerange-main .video-qty label {
        margin: 4px 0 8px;
        font-size: 13px
    }

    .slider {
        height: 15px
    }

    .slider::-webkit-slider-thumb {
        height: 15px;
        border-width: 1px
    }

    .animation-service .srvc-box .srvc-lft img,.animation-service .srvc-box .srvc-lft video {
        width: 50px
    }

    .animation-service .srvc-box .srvc-rht p {
        font-size: 12px;
        line-height: normal
    }

    .animation .animation-service {
        margin-top: 10px
    }

    body.inner-pg.animation.logopackages-p .bannermm .leftcont-ban h1 {
        margin: 45px 0 0
    }

    .branding-portfolio .nopadd-l {
        margin-left: 0;
        padding: 0
    }

    .c-tabs .tabs-list li a {
        font-size: 11px;
        padding: 4px 8px
    }

    .branding-portfolio .c-tabs-description h3 {
        font-size: 18px;
        margin: 2px 0 5px
    }

    .branding .branding-portfolio .c-tabs-description p {
        font-size: 13px;
        line-height: 20px
    }

    .branding .branding-portfolio .c-tabs-description a {
        padding: 3px 22px;
        font-size: 14px
    }

    .branding .branding-portfolio .bg1-description img {
        margin: -15px auto 0
    }

    body .bannermm .leftcont-ban p {
        font-size: 12px;
        margin: 5px 0
    }

    .gettouchfaqs h3 {
        font-size: 18px;
        margin: 0
    }

    .contact-form-main .gray-bg,.gettouchfaqs .packagesbxs {
        padding: 10px
    }

    .gettouchfaqs .packagesbxs .toptabs1 a {
        padding: 3px 9px;
        font-size: 12px;
        margin-bottom: 4px
    }

    .accordion-faq a.accord-tab {
        padding: 7px 4px;
        font-size: 11px
    }

    .accordion-faq>li:after {
        font-size: 15px
    }

    .sitemap-main .col-sm-5ths {
        width: 50%;
        padding-left: 5px;
        padding-right: 5px
    }

    .sitemap-main .sp-section h3 {
        font-size: 16px;
        margin: 10px 0 2px
    }

    .sitemap-main .termcndtn ul li {
        font-size: 13px;
        padding: 3px 5px 3px 14px
    }

    .sitemap-main .termcndtn ul li:before {
        top: 5px
    }

    body.sitemap-main .termcndtn {
        padding: 5px 0 10px
    }

    body.sitemap-main .sec-pad.termcndtn.sp-section .row {
        height: 676px
    }

    .col-480-100 {
        width: 100%!important
    }

    .contact-form-main .red-bg h3 {
        font-size: 20px;
        margin: 0 0 5px
    }

    .contact-form-main .red-bg h4 {
        font-size: 14px;
        margin: 5px 0 4px;
        line-height: normal
    }

    .contact-form-main .red-bg p {
        margin: 0 auto 5px
    }

    .contact-form-main .gray-bg .field,.contact-main {
        margin: 0 0 10px
    }

    .contact-form-main .gray-bg h4 {
        font-size: 14px;
        margin: 0 0 10px;
        text-align: center;
        display: block
    }

    .contact-form-main .gray-bg .field input[type=text],.contact-form-main .gray-bg .field select,.contact-form-main .gray-bg .field textarea {
        padding: 7px 10px 7px 27px;
        font-size: 12px
    }

    .contact-form-main .gray-bg .field i.user {
        top: 6px;
        left: 5px;
        transform: scale(.8)
    }

    .contact-form-main .gray-bg .field i.email {
        top: 9px;
        left: 6px;
        transform: scale(.9)
    }

    .contact-form-main .gray-bg .field i.select {
        top: 8px;
        left: 5px;
        transform: scale(.9)
    }

    .mm-field.email fieldset,.mm-field.name fieldset {
        top: 6px;
        left: 27px;
        font-size: 12px
    }

    .intl-tel-input .selected-flag .iti-flag {
        transform: scale(.8) translateX(-6px)
    }

    .contact-form-main .mm-field.phone fieldset {
        top: 6px!important;
        left: 90px;
        font-size: 11px
    }

    .contact-form-main .mm-field.textarea textarea {
        padding: 12px 10px;
        height: 130px
    }

    .contact-form-main .mm-field fieldset.active {
        font-size: 7px!important;
        top: 0!important
    }

    .mm-field.textarea fieldset {
        left: 10px;
        top: 6px
    }

    .contact-form-main .gray-bg .submit {
        margin: 10px auto 0;
        max-width: 150px
    }

    .contact-form-main .gray-bg .submit:before {
        left: 18px;
        top: 8px;
        transform: scale(.7) translate(0,-7px)
    }

    .contact-form-main .gray-bg .submit input[type=submit] {
        height: auto;
        padding: 5px 10px 5px 45px;
        font-size: 13px
    }

    .det-packages .toptabs1 li a {
        border-radius: 0
    }

    .service-tab-content-wrap {
        padding-right: 0
    }

    .home-class .bannermm {
        align-items: start;
        height: 340px!important
    }

    .leftcont-ban a img {
        margin-left: 7px;
        width: 11%
    }

    .portfolio-mmbx .box-ports img {
        width: 458px;
        height: 418px
    }
}

@media (max-width: 360px) {
    .service-heading h3 {
        font-size:22px
    }

    .service-heading p {
        font-size: 12px;
        line-height: 1.7
    }

    .service-heading h2 {
        font-size: 14px
    }

    footer .brdr-top .subcribe button {
        left: auto;
        right: 21px;
        padding: 4px 16px
    }

    .howworks-mm .designbrief .processicons {
        transform: scale(.5) translateX(0)!important
    }

    .what-offer ul li div {
        padding: 9px 5px 0;
        min-height: 125px
    }

    body.sitemap-main .sec-pad.termcndtn.sp-section .row {
        height: auto
    }

    .sitemap-main .col-sm-5ths {
        width: 100%
    }

    .header-icon-box li.last {
        margin-top: 3px
    }
}

@media (max-width: 320px) {
    .service-heading h3 {
        font-size:22px
    }

    .service-heading p {
        font-size: 12px;
        line-height: 1.7
    }

    .service-heading h2 {
        font-size: 14px
    }

    .contact-form-main .mm-field.phone fieldset {
        left: 85px;
        top: 0;
        font-size: 11px
    }
}