@media (max-width: 1600px) {
    .main-service-wrap:after {
        right: -136px;
    }
    .tab-content #nav-custom:before {
        right: -43%;
    }
    .service-tab-img{
        right: -270px;
    }}
    @media (max-width: 1440px) {
    .banner-right-logo-2 {
        top: -180px;
    }
    .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: 0px;
    }
    .service-animation-img img {
        width: 100%;
    }
    .logo-box-img img {
        width: 100%;
    }
    .logo-box-img {
        padding: 0px 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: 1500px) {
        .main-service-wrap:after {
        right: -185px;
    }
    }
    @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: -80px;
        top: -80px;
    }
    .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: 0px;
    }
    .service-btn {
        font-size: 12px;
        padding: 8px 15px;
    }
    .service-chat h3 {
        font-size: 19px;
    }
    .service-tab-content-wrap {
        padding-right: 90px;
    }
    .service-tab-wrap .nav-tabs>li>a {
        height: 90px;
        padding: 0px 0px 0px 20px;
    }
    .service-text h3 {
        font-size: 17px;
        padding-top: 0px;
    }
    .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: 505px;
        height: 438px;
        right: -22%;
        top: -52px;
    }
    /*.service-tab-img {
        right: -200px;
        top: 10px;
    }*/
    .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: 0px;
        top: 88px;
    }
    .service-web-5 {
        top: 164px;
    }
    .tab-content #nav-stationery:before {
        right: -24%;
        top: -52px;
    }
    /*.service-tab-img {
        right: -100px;
        top: 13px;
    }*/
    .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) {
        .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 {
            height: 45px;
        }
        .banner-form button {
            height: 45px;
        }
        .pacakge-details .boxpackages {
            top: -55px;
        }
        .creative-section ul.nav.nav-tabs li {
            margin-bottom: 20px;
        }
        .lower-combo h4 {
            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;
        }
        .inner-pages .bannermm h1,
        .inner-pages .bannermm h1 span,
        .inner-pg .bannermm h1,
        .inner-pg .bannermm h1 span,
        .web-design .bannermm .leftcont-ban h1 {
            font-size: 30px;
        }
        .web-design .bannermm .leftcont-ban p {
            font-size: 16px;
        }
        .leftcont-ban a {
            margin-top: 25px;
        }
        bannermm {
            min-width: 540px;
        }
        .incred-expe,
        .testimonials {
            padding: 50px 0 30px;
        }
        .web-design .incred-expe .content-incred h4 {
            font-size: 21px;
            margin-bottom: 8px;
        }
        .incred-expe .content-incred h3 {
            font-size: 27px;
            margin-bottom: 22px;
        }
        .det-packages .sechead h3 {
            font-size: 30px;
        }
        .sechead p {
            font-size: 16px;
        }
        .maincta .btn-radius-top a {
            padding: 6px 11px;
            font-size: 15px;
        }
        .maincta .callsdivs {
            font-size: 18px;
        }
        .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;
        }
        .sitemap-main .termcndtn {
            padding: 20px 0;
        }
        .charAnimation .bannermm h1 strong {
            font-size: 44px !important;
        }
        .bannermm .leftcont-ban h1,
        .bannermm .leftcont-ban h1 span,
        .inner-pg .bannermm .leftcont-ban h1 {
            font-size: 30px;
        }
        body.mainhome .bannermm .leftcont-ban p {
            font-size: 20px;
        }
        body.inner-pg .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(0.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 6px;
            font-size: 12px;
        }
        .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: 36px;
        }
        .packdetails .packtitles .fright h4 {
            font-size: 16px;
        }
        .packdetails .listpacks li {
            font-size: 12px;
            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;
        }
        .testimonials .testi .testi-desc i,
        .testimonials .testi .testi-desc ul li {
            font-size: 12px;
        }
        .enterprices-bundles {
            padding: 10px 0 20px;
        }
        .sechead h3 {
            font-size: 30px;
        }
        .pacbundles-det .headbx-bundle ul.listbundles-packbx > li {
            padding: 5px 18px;
            font-size: 12px;
        }
        .pacbundles-det .headbx-bundle ul.listbundles-packbx > li:before {
            font-size: 12px;
        }
        .pacbundles-det .headbx-bundle .packbundleprice span {
            font-size: 22px;
        }
        .pacbundles-det .headbx-bundle .packbundleprice {
            padding-left: 10px;
            margin: -10px 0 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 0;
        }
        body.mainhome .bannermm .leftcont-ban p:before {
            width: 100% !important;
        }
        .dropdown .listimgs {
            display: none;
        }
        .portfoliomaindivs .topbartabs {
            padding: 0 15px;
        }
        .hovereffects-det h3 {
            font-size: 20px;
        }
        .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 p {
            font-size: 16px;
        }
        .maincta .callsdivs {
            padding: 25px 0 0 0;
        }
        .mainhome .bannermm {
            height: auto;
        }
        .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;
        }
        img {
            max-width: 100%;
            height: auto;
        }
        .types-box h5 {
            padding-top: 20px;
        }
        .types-box {
            min-height: 317px;
        }
        .incred-expe,
        .testimonials,
        .what-offer {
            padding: 30px 0;
        }
        .homeport-mm,
        .how-works {
            padding: 20px 0;
        }
        .pricerange-main .pricingbox .iconsbx {
            transform: scale(0.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 {
            padding: 20px 0;
        }
        .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;
        }
        .incred-expe .content-incred p {
            font-size: 16px;
        }
        .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;
        }
        .banner-right-img {
        display: none;
    }
    .main-service-wrap {
        height: auto;
    }
    .service-tab-img {
        display: none;
    }
    .main-service-wrap:before{
        display: none;
    }
    .leftcont-ban a {
        font-size: 15px;
    }
    .main-service-wrap:after{
        display: none;
    }
    .tab-content #nav-custom:before ,.tab-content #nav-stationery:before ,.tab-content #nav-seo:before{
        display: none;
    }
    }
    @media (max-width: 991px) {
        .service-heading h3 {
            font-size: 26px;
        }
        .lower-combo li {
            font-size: 11px !important;
        }
        .lower-combo h2 {
            font-size: 16px !important;
        }
        .packages-tabs .nav-tabs {
            display: inline-block;
        }
        .packages-tabs .nav-tabs li {
            width: 35%;
        }
        .panel-heading {
            padding: 10px 0px;
        }
        .det-packages li {
            width: 100%;
        }
        .panel-body {
            padding: 0px 15px 15px 15px;
        }
        .packages-tabs .nav-tabs li a {
                padding: 8px 5px;
            font-size: 11px;
            margin-bottom: 6px;
        }
        .owl-carousel.owl-theme {
            margin: 0px auto !important;
        }
        .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 {
            margin: 0 0 5px;
        }
        .banner-form-box button {
            font-size: 14px;
            height: auto;
            padding: 8px 0;
            margin-top: 0;
        }
        .banner-form-box {
            top: 85px;
        }
        .banner-form-box {
            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 {
            margin-top: 0;
        }
        .banner-form-box h1 {
            font-size: 22px;
        }
        .no-point-text-on-sm:after {
            content: none;
        }
        .pricing-details-left .sechead h3 {
            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;
        }
        .pricing-details-left ul {
            margin-top: 0;
        }
        .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 {
            margin-top: 60px;
        }
        .toptabs1 {
            margin-bottom: 20px !important;
        }
        /* footer .footer-logo img {
            margin: 0 auto;
        } */
        .creative-section {
            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;
        }
        .main-dropdown-container {
            display: none;
        }
        .nav-submenu {
            background: 0 0;
        }
        .nav-submenu-ul {
            display: block !important;
        }
        .header-icon-box {
            display: inline-block !important;
            position: absolute;
            right: 36px;
            top: 21px;
        }
        .header-icon-box ul li {
            display: inline-block;
        }
        .header-icon-box ul li i {
            font-size: 16px;
            margin-right: 2px;
        }
        .header-icon-box ul li.first a {
            color: #fff;
            font-size: 14px;
            margin-right: 17px;
            border-right: 1px solid #fff;
            padding-right: 16px;
        }
        .header-icon-box ul li.last a {
            border: 1px solid #fff;
            border-radius: 20px;
            padding: 8px 20px;
            font-size: 14px;
            font-weight: 500;
            margin: 0;
            text-transform: uppercase;
            font-weight: 600;
            display: block;
            color: #fff;
        }
        .creative-section ul.nav.nav-tabs li {
            margin-bottom: 20px;
        }
        .gettouchfaqs .packagesbxs .toptabs1 a {
            padding: 4px 17px;
            font-size: 15px;
        }
        .custom-popup > div {
            padding: 80px 20px 20px;
        }
        .cbp-spmenu {
            background: #f48800;
            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, #ff7e00 10%, #fe8500 24%, #ffb706 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";
            color: #fff;
            position: absolute;
            left: 45px;
            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;
        }
        .leftcont-ban {
            max-width: 380px;
        }
        .creataccounts,
        .lg-hidden {
            display: none !important;
        }
        .cbp-spmenu li.parenturl.home a {
            position: relative;
        }
        .cbp-spmenu li.parenturl.home a > img {
            display: none;
        }
        .cbp-spmenu li.parenturl.home:nth-child(1) a::before {
            content: "HOME";
        }
        .dropdown .lstnavig .liststylss > li {
            border: none;
        }
        .dropdown .lstnavig .liststylss li .innerdropdowns,
        .dropdown .lstnavig > .liststylss > li > a i {
            display: 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;
        }
        .cbp-spmenu-vertical a {
            border-bottom: none;
            border-top: 1px solid rgba(255, 255, 255, 0.8);
        }
        .dropdown .listdiscret,
        .dropdown .listimgs,
        .dropdown .lstnavig {
            float: none;
        }
        .dropdown .lstnavig .liststylss {
            margin-bottom: 10px;
            margin-top: -10px;
        }
        .stickyheader {
            position: static;
        }
        footer {
            padding: 10px 0 0 0;
        }
        footer h3 {
            font-size: 14px;
        }
        footer ul li {
            padding: 4px 0 4px 10px;
        }
        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;
        }
        footer .social-icons.padd-btd {
            border: none;
        }
        footer .brdr-top {
            padding: 20px 0 10px 0;
        }
        .ulsme-ctct ul li::before {
            font-size: 11px;
        }
        .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 {
            padding: 10px 0;
        }
        .sitemap-main .termcndtn ul li:before {
            top: 7px;
        }
        .sec-pad.termcndtn p br {
            display: none;
        }
        .sitemap-main .termcndtn p strong {
            font-size: 20px;
            margin-bottom: 5px;
        }
        .bannermm .leftcont-ban h1,
        .bannermm .leftcont-ban h1 span {
            font-size: 22px;
        }
        .charAnimation .bannermm h1 strong {
            font-size: 35px !important;
        }
        .bannermm .leftcont-ban h1 {
            padding-bottom: 10px;
            margin-bottom: 5px;
        }
        .bannermm {
            min-height: 440px;
        }
        body.mainhome .bannermm .leftcont-ban p {
            font-size: 16px;
        }
        .leftcont-ban a {
            font-size: 14px;
            height: 35px;
            width: 270px;
        }
        .bannermm a.logobtnsstart {
            width: 270px;
        }
        .bannermm a.logobtnsstart:hover {
            width: 340px;
        }
        .incred-expe,
        .testimonials {
            padding: 20px 0 10px;
        }
        .det-packages .slick-dots,
        .incred-expe .slick-dots,
        .mainhome .incred-expe .slick-dots,
        .testimonials .slick-dots {
            bottom: -20px;
        }
        .slick-dots {
            text-align: center !important;
        }
        header {
            padding: 0;
            height: 80px;
        }
        .leftcont-ban h1.montfont {
            margin-top: 116px;
        }
        .maincta .callsdivs a {
            padding-right: 0;
            font-size: 13px;
        }
        header .logo {
            padding-top: 22px;
            padding-bottom: 16px;
        }
        .incred-expe .content-incred h5 {
            font-size: 18px;
        }
        .incred-expe .content-incred h3 {
            font-size: 24px !important;
            margin-bottom: 10px;
        }
        p {
            font-size: 14px;
        }
        .incred-expe .content-incred p.f20 {
            font-size: 18px;
            margin-bottom: 5px;
        }
        .md-hidden,
        .scrolldown-fl,
        .what-offer ul li div:before {
            display: none !important;
        }
        .incred-expe .content-incred .fnt-18 {
            margin-bottom: 10px;
            font-size: 16px;
            font-weight: 600;
        }
        .what-offer {
            padding: 0 0 10px;
        }
        .what-offer h3 {
            font-size: 28px;
        }
        .what-offer p {
            font-size: 14px;
        }
        .logodesign-p .what-offer > div > ul > li div,
        .what-offer ul li div {
            padding: 10px 10px 10px;
            background: #fff;
            min-height: 170px;
            position: relative;
            border-radius: 8px;
            box-shadow: 0 0 0 1px rgba(0, 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 li div h3 {
            margin: 0 0 5px;
        }
        .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;
        }
        .what-offer ul {
            margin: 10px -5px 0;
        }
        .what-offer ul li {
            padding: 0 5px;
        }
        .what-offer ul li div h3,
        .what-offer > div > ul > li div h3 {
            font-size: 18px;
        }
        .what-offer ul li div p,
        .what-offer > div > ul > li div p {
            font-size: 12px;
            margin: 0;
        }
        .maincta h3 strong {
            font-size: 28px;
        }
        .what-offer > div > ul {
            margin: 10px 0 0;
        }
        .maincta h3 {
            font-size: 26px;
            line-height: normal;
            margin-bottom: 0;
        }
        .maincta .btn-radius-top {
            margin-top: 14px !important;
        }
        .sneak {
            margin: 18px 0 00px 0;
        }
        .maincta p {
            font-size: 14px;
        }
        .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;
        }
        ul.slick-dots li {
            display: inline-block;
        }
        .maincta .callsdivs {
            font-size: 15px;
            text-align: center;
            padding-top: 16px;
        }
        .maincta .callsdivs a + a {
            border: none;
        }
        .maincta .callsdivs .iconphone {
            transform: scale(0.8);
        }
        .maincta {
            padding: 13px 0;
        }
        .homeport-mm {
            padding: 0;
        }
        .sechead h3 {
            font-size: 28px;
            margin-bottom: 5px;
        }
        .sechead p {
            font-size: 16px;
        }
        .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;
        }
        .portfolio-mmbx .box-ports {
            margin: 0 -5px 15px;
        }
        .det-packages {
            padding: 0 0 10px;
        }
        .portfoliomaindivs .topbartabs {
            padding: 0 30px;
        }
        .det-packages .sechead h3 {
            font-size: 22px;
        }
        .toptabs1 {
            margin: 10px 0;
        }
        .det-packages .boxpackages {
            margin: 20px auto 10px;
            max-width: 280px;
        }
        .packagesall .portfolio-mmbx .leftcont-ban a {
            width: 163px;
        }
        .packagesall .portfolio-mmbx .leftcont-ban a:hover {
            width: 215px;
            margin-bottom: 0;
        }
        .enterprices-bundles {
            padding: 0 0 10px;
        }
        .pacbundles-det .headbx-bundle ul.listbundles-packbx > li > br {
            display: none;
        }
        .pacbundles-det .headbx-bundle ul.listbundles-packbx li:after,
        .packdetails .listpacks li:after {
            left: 20px;
        }
        .enterprices-bundles .totalpackagespricess h4 {
            font-size: 22px;
        }
        .enterprices-bundles .totalpackagespricess .yellcol {
            font-size: 28px;
        }
        .enterprices-bundles .totalpackagespricess .btn-orders-bundles a {
            padding: 5px 20px;
            font-size: 16px;
        }
        .testimonials h3 {
            font-size: 28px;
        }
        .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;
        }
        .testimonials .testi .testi-img p {
            font-size: 12px;
        }
        .testimonials .testi .testi-img::before {
            transform: scale(0.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;
        }
        .inner-pg .bannermm .leftcont-ban h1 {
            font-size: 28px;
        }
        .leftcont-ban a i {
            opacity: 0;
        }
        .leftcont-ban a:hover i {
            opacity: 1;
        }
        .portfoliomaindivs .tabschildrens ul li {
            padding: 5px 8px;
        }
        .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;
        }
        .slick-next,
        .slick-prev {
            display: none !important;
        }
        .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) {
            display: block !important;
        }
        footer .social-icons.padd-btd {
            padding: 10px 0;
        }
        .det-packages .boxpackages,
        .logopackages-p .det-packages .tabscontent .col-md-4:nth-child(n + 4) .boxpackages {
            margin: 20px auto 20px;
            padding: 10px 10px;
            max-width: 100%;
            clear: both;
            overflow: hidden;
            float: none;
        }
        .det-packages .boxpackages .packheads h3 {
            font-size: 17px;
        }
        .responsive-slider {
            clear: both;
        }
        .pacbundles-det .headbx-bundle .packbundleprice {
            margin: -10px 0 0;
        }
        .pacbundles-det .headbx-bundle .fleft h4 {
            padding-top: 10px;
        }
        .enterprices-bundles .sechead {
            margin-bottom: 20px;
        }
        .cbp-spmenu-vertical {
            z-index: 99999;
        }
        .det-packages .boxpackages:hover {
            transform: scale(1.04);
        }
        .packagesall .portfolio-mmbx .leftcont-ban {
            margin: 0 auto;
        }
        .packagesall .portfolio-mmbx .leftcont-ban a {
            padding: 7px 20px;
            margin-top: 30px;
        }
        .portfolio-mmbx .leftcont-ban a {
            padding: 6px 20px;
        }
        .tabs-portfolio .slick-dotted.slick-slider {
            margin-bottom: 10px;
        }
        .slick-dots {
            bottom: -20px;
        }
        .portfoliomaindivs.tabsmainport .slick-dots {
            bottom: 0;
        }
        .home-p .det-packages .tabscontent .col-md-4:nth-child(n + 4) .boxpackages {
            display: block;
        }
        .custom-popup h3 {
            font-size: 28px;
        }
        .custom-popup p {
            font-size: 18px;
        }
        .inner-pages .bannermm .leftcont-ban,
        .inner-pg .bannermm .leftcont-ban {
            margin-top: 60px;
        }
        .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 {
            display: none;
        }
        .what-offer ul li div {
            min-height: 206px;
        }
        .howworks-mm .designbrief h3 {
            font-size: 18px;
        }
        .howworks-mm .designbrief p {
            font-size: 14px;
        }
        .how-works {
            padding: 0;
        }
        .testimonials .slick-dots {
            display: none !important;
        }
        #section08 .portfoliomaindivs.tabsmainport .slick-dots {
            bottom: 12px;
        }
        body.logodesignport-p.inner-pg #section08 .portfoliomaindivs.tabsmainport .slick-dots {
            bottom: 0;
        }
        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;
        }
        .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 i.btnarow {
            display: none;
        }
        .leftcont-ban a:hover,
        .testi-a a:hover {
            width: initial !important;
            display: inline-block;
        }
        #alltest .testi-a a {
            display: inline-block;
            width: auto;
        }
        #alltest .testi-a a:hover {
            display: inline-block;
        }
        .testimonials .col-md-6:nth-child(2n):before {
            display: none;
        }
        .testimonials-sec .sechead {
            margin-bottom: 20px;
        }
        .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;
        }
        .what-offer.types-main {
            margin-top: 20px;
        }
        .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 .portfoliomaindivs .portfolio-mmbx .col-md-4:nth-child(n + 7) {
            display: block;
        }
        .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 .srvc-rht p {
            font-size: 12px;
        }
        .animation-service .srvc-box {
            padding: 10px 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;
        }
        .pricerange-main {
            padding: 0 0 10px;
        }
        .mainpriceng-count {
            margin-top: 20px;
        }
        .mainvideo-dur {
            clear: both;
            padding: 5px 10px;
        }
        .animation-pricing {
            padding: 10px 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;
        }
        .video-development .vd-devp-fr h2 {
            font-size: 28px;
            margin: 5px 0;
        }
        .video-development .vd-bef:before,
        .video-development .vd-devp span {
            display: none;
        }
        .video-development .vd-devp > div {
            padding: 10px 10px;
            min-height: auto;
            max-width: 276px;
            margin: 0 auto 10px;
            text-align: center;
        }
        .video-development img {
            margin: 0 auto;
        }
        .video-development .padd-tp {
            padding-top: 10px;
        }
        .video-development {
            min-height: auto;
        }
        .branding .branding-portfolio .bg1-description {
            flex-wrap: wrap-reverse;
        }
        .branding .branding-portfolio .c-tabs-description {
            padding: 0;
        }
        .c-tabs .col-md-3 h3 {
            font-size: 22px;
            line-height: normal;
        }
        .c-tabs .col-md-3 p {
            font-size: 13px;
        }
        .c-tabs .tabs-list li a {
            font-size: 14px;
            padding: 8px 14px;
        }
        .branding-portfolio {
            padding: 20px 0;
        }
        .branding .branding-portfolio .tab-content .bg1-description {
            padding: 10px 0 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;
        }
        .tabscontent {
            clear: both;
        }
        .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 {
            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;
        }
        .sitemap-main.stp .termcndtn ul li:before {
            top: 11px;
            margin: 5px 0;
        }
        .sitemap-main .termcndtn ul li:before {
            width: 4px;
            height: 4px;
        }
        .sitemap-main .col-sm-5ths {
            padding: 0;
        }
        .sitemap-main .sp-section {
            min-height: auto;
        }
        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 {
            padding: 10px 15px;
            width: 100%;
            text-align: center;
        }
        .contact-form-main .red-bg h4 {
            font-size: 18px;
            margin: 0 0 8px 0;
            border-bottom: 1px solid #fff;
            padding: 0;
            display: inline-block;
        }
        .contact-form-main .gray-bg h4 {
            font-size: 20px;
            margin: 0 0 15px 0;
            border-bottom: 1px solid #fff;
            padding: 0;
            display: block;
            text-align: center;
        }
        .contact-form-main .red-bg p {
            margin: 0 0 16px 0;
            font-size: 16px;
        }
        .contact-form-main .red-bg h4:before {
            display: none;
        }
        .contact-form-main .red-bg .social-icons > div {
            margin: 10px 0 0;
        }
        .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;
        }
        .fixedform-1 .input-btn::after {
            display: none;
        }
        .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 {
            min-height: auto;
            padding: 10px 15px 20px;
        }
        .contact-main {
            margin: 10px 0 20px 0;
        }
        .contact .sechead {
            margin-bottom: 30px;
        }
        .fixedform-1 .jform .mm-field.namefield::before {
            transform: scale(0.8) translateX(-3px);
            height: 41px;
            background-position: -712px -1px;
        }
        .fixedform-1 .jform .mm-field.emailfield::before {
            transform: scale(0.8) translateX(-3px);
            height: 41px;
            background-position: -713px -41px;
        }
        .fixedform-1 .jform .mm-field.selectsertvice::before {
            transform: scale(0.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;
        }
        .fixedform-1 .mm-field {
            margin-bottom: 10px;
        }
        .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.last a {
        border: 1px solid #fd7509;
        color: #1b1919;
    }
    .header-icon-box ul li i {
        color: #f7770a;
    }
    .header-icon-box ul li.first a {
        color: #ff8300;
        border-right: 1px solid #CCC;
    }
    a.toggle-menu:before {
           color: #fa7808;
    }
    header {
        background-color: #fff;
    }
    .cbp-spmenu-vertical a {    
        font-size: 12px;
    }
    .leftcont-ban {
        max-width: 80%;
    }
    .bannermm .leftcont-ban p {
        line-height: 24px;
    }
    .video-banner-before:before{
        display: none;
    }
    .bannermm.animbanner {
        background-position: left;
    }
    .main-service-wrap {
        padding: 35px 0px;
    }
    .tab-content {
        padding-bottom: 0px !important;
    }
    .service-order {
        font-size: 14px;
        padding: 3px 2px 3px 18px;
        margin-left: 5px;
    }
    .inner-service-cta ul li.first {
        display: none;
    }
    .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;
    }
    .service-cta ul li{
        padding-bottom: 20px;
    }
    .ulsme-ctact h3 {
        display: none;
    }
    .leftcont-ban a img{
        display: none !important;
    }
    .innertabcontents .row {
        display: block;
        flex-wrap: unset;
    }
    .service-tab-content-wrap h2 {
        width: 100%;
    }
    }
    @media (max-width: 920px) {
        .logo img {
            margin-left: 0;
        }
        header .logo {
            margin: 0 auto;
        }
        a.toggle-menu:before {
            left: 20px;
        }
    }
    @media (max-width: 767px) {
        .home-class .bannermm {
            height: 680px !important;
        }
        .mainhome .bannermm .leftcont-ban a,
        .mainhome .bannermm.animbanner .leftcont-ban a,
        .mainhome .bannermm.webbanner .leftcont-ban a {
            width: 90% !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%;
        }
        .learn-more-tab {
            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 {
            line-height: initial;
        }
        .pricing-details-left .sechead {
            margin-left: 0;
            text-align: center;
        }
        .creative-section-box {
            border: 1px solid #d8d8d8;
        }
        .creative-section-box img {
            display: none;
        }
        .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 0;
        }
        header {
            height: 110px;
            position: relative;
        }
        .leftcont-ban {
            padding-bottom: 20px;
            width: 100% !important;
            max-width: 90%;
            text-align: center;
            margin: 0 auto;
        }
        body.mainhome .bannermm .leftcont-ban p {
            line-height: initial;
        }
        .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 li.first {
            border-right: 1px solid #ffffff80;
            padding-right: 10px;
        }
        .header-icon-box li.last {
            padding-left: 10px;
        }
        .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;
        }
        .header-icon-box ul {
            margin-bottom: 0;
        }
        .header-icon-box ul li {
            display: inline-block;
        }
        .header-icon-box ul li a {
            color: #fff;
        }
        .header-icon-box ul li i {
            font-size: 20px;
        }
        .sitemap-main.stp .termcndtn ul li:before {
            top: 6px;
        }
        .contact-form-main .red-bg .social-icons i {
            width: 30px;
            height: 30px;
            font-size: 14px;
        }
        .sm-hidden {
            display: none !important;
        }
        .content-incred {
            text-align: center;
        }
        .cookie-bar p a {
            clear: both;
            float: initial !important;
        }
        .cookie-btn-3 {
            position: absolute;
            left: 10px;
            top: 0;
        }
        #allport .row {
            display: block;
        }
        .cookie-btn-3 {
            margin-right: 20px;
        }
        .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%;
        }
        .fixedform.fixed-forms-main {
            display: none;
        }
        .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 {
            font-size: 12px;
        }
        .sitemap-main .termcndtn ul li:before {
            width: 4px;
            height: 4px;
        }
        .sitemap-main .bannermm {
            min-height: 150px;
        }
        .charAnimation .bannermm h1 strong {
            font-size: 24px !important;
        }
        .bannermm .leftcont-ban h1,
        .bannermm .leftcont-ban h1 span {
            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 > div > ul {
            margin: 10px 0 0;
        }
        .what-offer .slick-dots {
            bottom: -27px;
        }
        .maincta {
            text-align: center;
            padding: 10px 0 0;
        }
        .maincta .btn-radius-top {
            float: none;
        }
        .hovereffects-det h3 {
            font-size: 14px;
        }
        .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;
        }
        .sechead p {
            font-size: 14px;
        }
        .pacbundles-det .headbx-bundle .fleft h4 {
            font-size: 15px;
        }
        .pacbundles-det .headbx-bundle .packbundleprice {
            padding: 0 0 0 8px;
            font-size: 14px;
            padding-left: 10px;
            margin-top: -10px;
        }
        .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;
        }
        .pacbundles-det .headbx-bundle ul.listbundles-packbx > li:before {
            font-size: 11px;
        }
        .enterprices-bundles .totalpackagespricess h4 {
            font-size: 16px;
        }
        .enterprices-bundles .totalpackagespricess .yellcol {
            font-size: 20px;
        }
        .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 {
            font-size: 12px;
        }
        .testimonials h3 {
            font-size: 24px;
            margin-bottom: 5px;
        }
        p {
            font-size: 14px;
        }
        .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 p {
            font-size: 15px;
        }
        .testimonials .testi .testi-img::before {
            transform: scale(0.7) translateX(6px);
        }
        .testimonials .testi .testi-desc i,
        .testimonials .testi .testi-desc ul li {
            font-size: 10px;
        }
        .testimonials .testi .testi-desc i,
        .testimonials .testi .testi-desc ul li {
            font-size: 14px;
        }
        .testimonials .testi .testi-desc .verify {
            transform: scale(0.8) translate(2px, -2px);
        }
        footer {
            padding: 5px 0 0;
        }
        footer h3 {
            font-size: 12px;
            margin: 15px 0 5px;
        }
        footer ul li {
            padding: 2px 0 2px 9px;
        }
        footer ul li::before {
            top: 5px;
        }
        footer .social-icons.padd-btd {
            padding: 0 0 10px;
        }
        footer .brdr-top .social-icons h4,
        footer .brdr-top .subcribe h4 {
            font-size: 16px;
        }
        footer .brdr-top .social-icons i {
            font-size: 16px;
            width: 37px;
            height: 37px;
        }
        footer .brdr-top .subcribe input {
            margin-top: 10px;
        }
        footer .brdr-top .subcribe input {
            padding: 10px 30px;
            font-size: 11px;
            max-width: 320px;
        }
        footer .brdr-top .subcribe i {
            top: 47px;
            left: 25px;
            transform: scale(0.8);
        }
        footer .brdr-top .subcribe button {
            padding: 5px 23px;
            font-size: 12px;
            left: 241px;
        }
        .footer-bottom {
            padding: 5px 0;
        }
        .footer-bottom h4 {
            font-size: 14px;
        }
        .footer-bottom p {
            font-size: 11px;
        }
        footer .padd-btd > img {
            padding-top: 20px;
        }
        footer .brdr-top {
            padding: 10px 0 0 0;
            border: none;
        }
        footer .listpge {
            display: none !important;
        }
        .maincta h3 strong {
            font-size: 20px;
        }
        .maincta h3 {
            font-size: 16px;
        }
        .maincta p {
            font-size: 12px;
        }
        .maincta .callsdivs {
            font-size: 13px;
            padding: 10px 0;
        }
        .maincta .callsdivs .iconphone {
            transform: scale(0.6) translateX(5px);
        }
        .maincta .btn-radius-top a {
            padding: 4px 7px;
            font-size: 10px;
        }
        .what-offer ul li div {
            padding: 7px 16px 0;
            min-height: 116px;
            position: relative;
        }
        .what-offer ul li div h3 {
            font-size: 16px;
        }
        .what-offer ul li div p {
            font-size: 13px;
        }
        .what-offer ul li div a {
            font-size: 13px;
            margin: 10px 0;
            position: absolute;
            bottom: 10px;
            left: 0;
            right: 0;
            margin: auto;
            color: #ea333f;
            font-weight: 600;
        }
        .what-offer h3 {
            font-size: 22px;
            margin: 10px 0 5px;
        }
        .what-offer p {
            font-size: 14px;
        }
        .what-offer > div > ul {
            margin: 0;
        }
        .leftcont-ban a {
            font-size: 13px;
            height: auto !important;
            padding: 6px 10px;
            width: auto !important;
            background: #fff;
            color: #242424;
            display: inline-block;
            font-weight: 600;
        }
        .leftcont-ban a i.btnarow {
            display: none !important;
        }
        .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;
        }
        .leftcont-ban a {
            padding: 10px 12px;
            margin-top: 18px !important;
            width: 90% !important;
            font-size: 16px !important;
        }
        .service-tab .container.text-center.bounce.animated {
            display: none;
        }
        .portfolio-mmbx .leftcont-ban a:hover {
            width: 180px;
        }
        .det-packages .sechead h3 {
            font-size: 20px;
        }
        .bannermm a.logobtnsstart:hover {
            width: 268px;
        }
        .inner-pg .bannermm .leftcont-ban h1 {
            font-size: 18px;
        }
        body.inner-pg .bannermm .leftcont-ban p {
            font-size: 14px;
            padding: 5px 0;
        }
        .enterprices-bundles .totalpackagespricess {
            margin: 0;
            padding: 0;
        }
        .enterprices-bundles .sechead {
            margin: 0;
        }
        .enterprices-bundles h3:before {
            display: none;
        }
        .portfoliomaindivs .tabschildrens {
            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 0;
            line-height: 18px;
        }
        .packdetails .packtitles .fright h4 b:before {
            top: 11px;
            left: -3px;
        }
        .packdetails .listpacks {
            padding: 10px 0;
        }
        .packdetails .listpacks li {
            padding: 5px 20px;
        }
        .packdetails .listpacks li:before {
            font-size: 11px;
            top: 8px;
        }
        .botarea-pack .fleft {
            padding-right: 10px;
        }
        .packdetails .botarea-pack {
            padding: 5px 0 0;
        }
        .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;
        }
        .packdetails .listpacks {
            height: 200px;
        }
        .det-packages .boxpackages:hover {
            transform: scale(1.05);
        }
        .mCSB_outside + .mCSB_scrollTools {
            right: -16px;
        }
        .logo {
            text-align: center;
        }
        header .logo {
            width: 100%;
            padding-top: 56px;
        }
        a.toggle-menu:before {
            font-size: 25px;
            left: 26px;
            top: 50px !important;
            z-index: 999999;
            position: absolute;
        }
        .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;
        }
        .what-offer ul li div h3 br {
            display: none;
        }
        .portfolio-mmbx .box-ports {
            margin: 0 auto 40px;
        }
        .bannermm .container {
            margin-left: 0;
        }
        .maincta .callsdivs {
            text-align: center;
        }
        .howworks-mm .designbrief h3 {
            font-size: 17px;
        }
        .howworks-mm .designbrief p {
            font-size: 13px;
        }
        .howworks-mm .designbrief .processicons {
            transform: scale(0.7) !important;
        }
        .howworks-mm .designbrief {
            margin: -28px 0 0 0;
        }
        .howworks-mm .designbrief h3 {
            margin-top: -17px;
        }
        .brdcrme li {
            padding: 6px 12px;
        }
        .brdcrme li + li:before {
            top: 5px;
        }
        .what-offer ul li div {
            padding: 7px 10px 0;
            min-height: 190px;
        }
        .leftcont-ban a {
            margin: 5px 0 0;
        }
        .incred-expe .content-incred h3 {
            font-size: 24px !important;
        }
        .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(0.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;
        }
        .pricerange-main .video-duration h6 {
            font-size: 16px;
        }
        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;
        }
        .animation-pricing h5 {
            font-size: 18px;
        }
        .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;
        }
        .video-development .vd-devp-fr h2 {
            font-size: 20px;
        }
        .video-development {
            padding: 10px 0;
        }
        .video-development .vd-devp-fr p {
            font-size: 13px;
        }
        .incred-expe,
        .testimonials {
            padding: 10px 0 10px;
        }
        .branding-portfolio > div > div.row {
            margin: 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 a:before {
            display: none;
        }
        .c-tabs .tabs-list li {
            width: 33.3333%;
            padding: 3px 4px;
            text-align: center;
            margin: 0 auto;
        }
        .c-tabs .tabs-list li:nth-child(1) 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:nth-child(1) 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;
        }
        .branding-portfolio .c-tabs .tab-content.active {
            margin-left: 0;
        }
        .incred-expe .padtop150 {
            padding-top: 0;
        }
        body.inner-pages .bannermm .leftcont-ban h1 {
            margin-top: 0;
        }
        .about-phylosophy-bg .phylosophy-box:after {
            display: none;
        }
        .gettouchfaqs h3 {
            font-size: 22px;
            text-align: center;
        }
        .gettouchfaqs {
            padding: 10px 0;
        }
        .gettouchfaqs .packagesbxs .toptabs1 {
            text-align: center;
        }
        .gettouchfaqs .packagesbxs .toptabs1 a {
            padding: 5px 15px;
            font-size: 13px;
            margin-bottom: 7px;
        }
        .gettouchfaqs .packagesbxs {
            padding: 10px 0;
        }
        .accordion-faq a.accord-tab {
            padding: 10px 10px;
            font-size: 12px;
        }
        .accordion-faq > li:after {
            font-size: 18px;
        }
        .sitemap-main .termcndtn br {
            display: none;
        }
        .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;
        }
        .sitemap-main .termcndtn ul li:before {
            top: 6px;
        }
        body.sitemap-main .termcndtn {
            padding: 10px 0;
        }
        .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 h4 {
            font-size: 16px;
        }
        .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;
        }
        .contact .sechead {
            margin-bottom: 0;
        }
        .custom-popup h3 {
            font-size: 22px;
        }
        .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;
        }
        .incred-expe .content-incred p {
            font-size: 14px;
        }
        .testmonials .nav {
            flex-wrap: wrap;
        }
        .testmonials .nav li {
            float: none;
            width: auto;
            margin-right: 5px;
            margin-bottom: 8px;
        }
        .reviews_box_wrap {
            padding: 30px 20px 30px;
        }
        .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-txt p {
            margin-bottom: 0;
        }
        .testi-p {
            font-size: 15px;
            line-height: 25px;
            margin-top: 15px;
            margin-bottom: 15px;
        }
    }
    @media (max-width: 599px) {
        . what-offer ul li div {
            padding: 7px 10px 0;
            min-height: 170px;
        }
        .leftcont-ban a {
            width: 100% !important;
            font-size: 14px !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: 0;
            margin-top: 30px;
        }
        .boxes {
            padding: 10px 0;
        }
        .contact-img ul {
            display: inline-block;
        }
        .contact-img ul li {
            margin-bottom: 20px;
        }
        .award {
            padding: 30px 0 0;
        }
        .award .contact-img ul li {
            display: inline-block;
        }
        .inner-service-logo-box h3 {
        font-size: 25px;
    }
    .inner-service-logo-box {
        height: 185px;
        margin: 20px 0px;
    }
    }
    @media (max-width: 480px) {
        .banner_inner .leftcont-ban {
            padding-top: 0;
        }
        .banner-form input {
            font-size: 11px;
        }
        .home-class .bannermm {
            height: 730px !important;
            align-items: start;
        }
        .home-mainsliders-homes .banner-form-box {
            width: 79%;
        }
        .creative-digital .sechead ul li {
            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 {
            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;
        }
        .testi-content {
            width: 100%;
        }
        .creative-section p {
            font-size: 13px;
        }
        ul.nav.nav-tabs li.col-xs-6 {
            padding-right: 6px;
            padding-left: 6px;
        }
        .client-area {
            padding-top: 20px;
            margin: 0 0 160px 0;
        }
        .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;
        }
        .client-content h5 {
            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;
        }
        .video-development .vd-devp-fr h2 {
            font-size: 18px;
        }
        .incred-expe .content-incred p {
            font-size: 13px;
        }
        .about-phylosophy-bg .phylosophy-box i {
            transform: scale(0.8);
            margin: -28px auto;
        }
        .web-design .slick-dotted.slick-slider {
            margin-bottom: 40px;
        }
        .bannermm .leftcont-ban h1,
        .bannermm .leftcont-ban h1 span {
            font-size: 16px;
        }
        .leftcont-ban {
            max-width: 100%;
            width: 100%;
            text-align: center;
        }
        .custom-popup h3 {
            font-size: 20px;
        }
        .custom-popup p {
            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;
        }
        .testimonials .testi .testi-desc i,
        .testimonials .testi .testi-desc ul li {
            font-size: 11px;
        }
        .det-packages .boxpackages,
        .logopackages-p .det-packages .tabscontent .col-md-4:nth-child(n + 4) .boxpackages {
            max-width: 100%;
        }
        .enterprices-bundles .totalpackagespricess {
            text-align: center;
        }
        .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,
        .bannermm .leftcont-ban h1 span {
            font-size: 20px;
        }
        .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: 7px 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 {
            display: none;
        }
        .logo img {
            width: 33%;
            margin: none;
            margin-left: 0;
            margin-top: 10px;
        }
        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 {
            font-size: 13px;
            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 h3 {
            font-size: 16px;
        }
        .maincta h3 strong {
            font-size: 18px;
        }
        .maincta p {
            font-size: 13px;
        }
        .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(0.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;
        }
        .sechead p {
            font-size: 12px;
        }
        .toptabs1 li {
            margin: 2px 2px;
            width: 45% !important;
        }
        .toptabs1 {
            margin: 10px 0 0;
        }
        .toptabs1 li {
            margin-bottom: 0 !important;
        }
        .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;
        }
        .toptabs1 li a,
        .toptabs1 li span {
            padding: 2px 8px;
            font-size: 10px;
        }
        .hovereffects-det h3 {
            font-size: 18px;
            margin: 5px 0 10px;
        }
        .btnstyles-nn a {
            padding: 3px 14px;
            font-size: 14px;
            margin: 0 0;
            border-width: 1px;
        }
        .portfoliomaindivs .tabschildrens ul li {
            padding: 2px 8px;
        }
        .det-packages .portfoliomaindivs .tabschildrens {
            background: #fff;
            border-top: 1px solid #d1d7e3;
        }
        .portfoliomaindivs .tabschildrens ul li span {
            font-size: 11px;
        }
        .portfolio-mmbx .box-ports {
            max-width: 100%;
            margin: 10px auto 20px;
        }
        .portfolio-mmbx .slick-dotted.slick-slider {
            margin-bottom: 10px;
        }
        .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;
         @media (max-width: 1600px) {
.main-service-wrap:after {
    right: -136px;
}
.tab-content #nav-custom:before {
    right: -43%;
}
.service-tab-img{
    right: -270px;
}}
@media (max-width: 1440px) {
.banner-right-logo-2 {
    top: -180px;
}
.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: 0px;
}
.service-animation-img img {
    width: 100%;
}
.logo-box-img img {
    width: 100%;
}
.logo-box-img {
    padding: 0px 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: 1500px) {
    .main-service-wrap:after {
    right: -185px;
}
}
@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: -80px;
    top: -80px;
}
.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: 0px;
}
.service-btn {
    font-size: 12px;
    padding: 8px 15px;
}
.service-chat h3 {
    font-size: 19px;
}
.service-tab-content-wrap {
    padding-right: 90px;
}
.service-tab-wrap .nav-tabs>li>a {
    height: 90px;
    padding: 0px 0px 0px 20px;
}
.service-text h3 {
    font-size: 17px;
    padding-top: 0px;
}
.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: 505px;
    height: 438px;
    right: -22%;
    top: -52px;
}
/*.service-tab-img {
    right: -200px;
    top: 10px;
}*/
.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: 0px;
    top: 88px;
}
.service-web-5 {
    top: 164px;
}
.tab-content #nav-stationery:before {
    right: -24%;
    top: -52px;
}
/*.service-tab-img {
    right: -100px;
    top: 13px;
}*/
.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) {
    .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 {
        height: 45px;
    }
    .banner-form button {
        height: 45px;
    }
    .pacakge-details .boxpackages {
        top: -55px;
    }
    .creative-section ul.nav.nav-tabs li {
        margin-bottom: 20px;
    }
    .lower-combo h4 {
        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;
    }
    .inner-pages .bannermm h1,
    .inner-pages .bannermm h1 span,
    .inner-pg .bannermm h1,
    .inner-pg .bannermm h1 span,
    .web-design .bannermm .leftcont-ban h1 {
        font-size: 30px;
    }
    .web-design .bannermm .leftcont-ban p {
        font-size: 16px;
    }
    .leftcont-ban a {
        margin-top: 25px;
    }
    bannermm {
        min-width: 540px;
    }
    .incred-expe,
    .testimonials {
        padding: 50px 0 30px;
    }
    .web-design .incred-expe .content-incred h4 {
        font-size: 21px;
        margin-bottom: 8px;
    }
    .incred-expe .content-incred h3 {
        font-size: 27px;
        margin-bottom: 22px;
    }
    .det-packages .sechead h3 {
        font-size: 30px;
    }
    .sechead p {
        font-size: 16px;
    }
    .maincta .btn-radius-top a {
        padding: 6px 11px;
        font-size: 15px;
    }
    .maincta .callsdivs {
        font-size: 18px;
    }
    .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;
    }
    .sitemap-main .termcndtn {
        padding: 20px 0;
    }
    .charAnimation .bannermm h1 strong {
        font-size: 44px !important;
    }
    .bannermm .leftcont-ban h1,
    .bannermm .leftcont-ban h1 span,
    .inner-pg .bannermm .leftcont-ban h1 {
        font-size: 30px;
    }
    body.mainhome .bannermm .leftcont-ban p {
        font-size: 20px;
    }
    body.inner-pg .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(0.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 .packtitles .fright h4 {
        font-size: 16px;
    }
    .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;
    }
    .testimonials .testi .testi-desc i,
    .testimonials .testi .testi-desc ul li {
        font-size: 12px;
    }
    .enterprices-bundles {
        padding: 10px 0 20px;
    }
    .sechead h3 {
        font-size: 30px;
    }
    .pacbundles-det .headbx-bundle ul.listbundles-packbx > li {
        padding: 5px 18px;
        font-size: 12px;
    }
    .pacbundles-det .headbx-bundle ul.listbundles-packbx > li:before {
        font-size: 12px;
    }
    .pacbundles-det .headbx-bundle .packbundleprice span {
        font-size: 22px;
    }
    .pacbundles-det .headbx-bundle .packbundleprice {
        padding-left: 10px;
        margin: -10px 0 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 0;
    }
    body.mainhome .bannermm .leftcont-ban p:before {
        width: 100% !important;
    }
    .dropdown .listimgs {
        display: none;
    }
    .portfoliomaindivs .topbartabs {
        padding: 0 15px;
    }
    .hovereffects-det h3 {
        font-size: 20px;
    }
    .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 p {
        font-size: 16px;
    }
    .maincta .callsdivs {
        padding: 25px 0 0 0;
    }
    .mainhome .bannermm {
        height: auto;
    }
    .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;
    }
    img {
        max-width: 100%;
        height: auto;
    }
    .types-box h5 {
        padding-top: 20px;
    }
    .types-box {
        min-height: 317px;
    }
    .incred-expe,
    .testimonials,
    .what-offer {
        padding: 30px 0;
    }
    .homeport-mm,
    .how-works {
        padding: 20px 0;
    }
    .pricerange-main .pricingbox .iconsbx {
        transform: scale(0.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 {
        padding: 20px 0;
    }
    .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;
    }
    .incred-expe .content-incred p {
        font-size: 16px;
    }
    .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;
    }
    .banner-right-img {
    display: none;
}
.main-service-wrap {
    height: auto;
}
.service-tab-img {
    display: none;
}
.main-service-wrap:before{
    display: none;
}
.leftcont-ban a {
    font-size: 15px;
}
.main-service-wrap:after{
    display: none;
}
.tab-content #nav-custom:before ,.tab-content #nav-stationery:before ,.tab-content #nav-seo:before{
    display: none;
}
}
@media (max-width: 991px) {
    .testmonials .nav-tabs > li > a {
        font-size: 13px;
        height: auto;
        line-height: 20px;
    }
    .lower-combo li {
            font-size: 11px !important;
        }
        .lower-combo h2 {
            font-size: 16px !important;
        }
    .testimonial-slider iframe {
        width: 100%;
        margin: 20px 0;
    }
    .review_box_btn .btn {
        margin: 0 0 5px;
    }
    .banner-form-box button {
        font-size: 14px;
        height: auto;
        padding: 8px 0;
        margin-top: 0;
    }
    .banner-form-box {
        top: 85px;
    }
    .banner-form-box {
        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 {
        margin-top: 0;
    }
    .banner-form-box h1 {
        font-size: 22px;
    }
    .no-point-text-on-sm:after {
        content: none;
    }
    .pricing-details-left .sechead h3 {
        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;
    }
    .pricing-details-left ul {
        margin-top: 0;
    }
    .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 {
        margin-top: 60px;
    }
    .toptabs1 {
        margin-bottom: 20px !important;
    }
    /* footer .footer-logo img {
        margin: 0 auto;
    } */
    .creative-section {
        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;
    }
    .main-dropdown-container {
        display: none;
    }
    .nav-submenu {
        background: 0 0;
    }
    .nav-submenu-ul {
        display: block !important;
    }
    .header-icon-box {
        display: inline-block !important;
        position: absolute;
        right: 36px;
        top: 21px;
    }
    .header-icon-box ul li {
        display: inline-block;
    }
    .header-icon-box ul li i {
        font-size: 16px;
        margin-right: 2px;
    }
    .header-icon-box ul li.first a {
        color: #fff;
        font-size: 14px;
        margin-right: 17px;
        border-right: 1px solid #fff;
        padding-right: 16px;
    }
    .header-icon-box ul li.last a {
        border: 1px solid #fff;
        border-radius: 20px;
        padding: 8px 20px;
        font-size: 14px;
        font-weight: 500;
        margin: 0;
        text-transform: uppercase;
        font-weight: 600;
        display: block;
        color: #fff;
    }
    .creative-section ul.nav.nav-tabs li {
        margin-bottom: 20px;
    }
    .gettouchfaqs .packagesbxs .toptabs1 a {
        padding: 4px 17px;
        font-size: 15px;
    }
    .custom-popup > div {
        padding: 80px 20px 20px;
    }
    .cbp-spmenu {
        background: #f48800;
        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, #ff7e00 10%, #fe8500 24%, #ffb706 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";
        color: #fff;
        position: absolute;
        left: 45px;
        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;
    }
    .leftcont-ban {
        max-width: 380px;
    }
    .creataccounts,
    .lg-hidden {
        display: none !important;
    }
    .cbp-spmenu li.parenturl.home a {
        position: relative;
    }
    .cbp-spmenu li.parenturl.home a > img {
        display: none;
    }
    .cbp-spmenu li.parenturl.home:nth-child(1) a::before {
        content: "HOME";
    }
    .dropdown .lstnavig .liststylss > li {
        border: none;
    }
    .dropdown .lstnavig .liststylss li .innerdropdowns,
    .dropdown .lstnavig > .liststylss > li > a i {
        display: 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;
    }
    .cbp-spmenu-vertical a {
        border-bottom: none;
        border-top: 1px solid rgba(255, 255, 255, 0.8);
    }
    .dropdown .listdiscret,
    .dropdown .listimgs,
    .dropdown .lstnavig {
        float: none;
    }
    .dropdown .lstnavig .liststylss {
        margin-bottom: 10px;
        margin-top: -10px;
    }
    .stickyheader {
        position: static;
    }
    footer {
        padding: 10px 0 0 0;
    }
    footer h3 {
        font-size: 14px;
    }
    footer ul li {
        padding: 4px 0 4px 10px;
    }
    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;
    }
    footer .social-icons.padd-btd {
        border: none;
    }
    footer .brdr-top {
        padding: 20px 0 10px 0;
    }
    .ulsme-ctct ul li::before {
        font-size: 11px;
    }
    .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 {
        padding: 10px 0;
    }
    .sitemap-main .termcndtn ul li:before {
        top: 7px;
    }
    .sec-pad.termcndtn p br {
        display: none;
    }
    .sitemap-main .termcndtn p strong {
        font-size: 20px;
        margin-bottom: 5px;
    }
    .bannermm .leftcont-ban h1,
    .bannermm .leftcont-ban h1 span {
        font-size: 22px;
    }
    .charAnimation .bannermm h1 strong {
        font-size: 35px !important;
    }
    .bannermm .leftcont-ban h1 {
        padding-bottom: 10px;
        margin-bottom: 5px;
    }
    .bannermm {
        min-height: 440px;
    }
    body.mainhome .bannermm .leftcont-ban p {
        font-size: 16px;
    }
    .leftcont-ban a {
        font-size: 14px;
        height: 35px;
        width: 270px;
    }
    .bannermm a.logobtnsstart {
        width: 270px;
    }
    .bannermm a.logobtnsstart:hover {
        width: 340px;
    }
    .incred-expe,
    .testimonials {
        padding: 20px 0 10px;
    }
    .det-packages .slick-dots,
    .incred-expe .slick-dots,
    .mainhome .incred-expe .slick-dots,
    .testimonials .slick-dots {
        bottom: -20px;
    }
    .slick-dots {
        text-align: center !important;
    }
    header {
        padding: 0;
        height: 80px;
    }
    .leftcont-ban h1.montfont {
        margin-top: 116px;
    }
    .maincta .callsdivs a {
        padding-right: 0;
        font-size: 13px;
    }
    header .logo {
        padding-top: 22px;
        padding-bottom: 16px;
    }
    .incred-expe .content-incred h5 {
        font-size: 18px;
    }
    .incred-expe .content-incred h3 {
        font-size: 24px !important;
        margin-bottom: 10px;
    }
    p {
        font-size: 14px;
    }
    .incred-expe .content-incred p.f20 {
        font-size: 18px;
        margin-bottom: 5px;
    }
    .md-hidden,
    .scrolldown-fl,
    .what-offer ul li div:before {
        display: none !important;
    }
    .incred-expe .content-incred .fnt-18 {
        margin-bottom: 10px;
        font-size: 16px;
        font-weight: 600;
    }
    .what-offer {
        padding: 0 0 10px;
    }
    .what-offer h3 {
        font-size: 28px;
    }
    .what-offer p {
        font-size: 14px;
    }
    .logodesign-p .what-offer > div > ul > li div,
    .what-offer ul li div {
        padding: 10px 10px 10px;
        background: #fff;
        min-height: 170px;
        position: relative;
        border-radius: 8px;
        box-shadow: 0 0 0 1px rgba(0, 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 li div h3 {
        margin: 0 0 5px;
    }
    .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;
    }
    .what-offer ul {
        margin: 10px -5px 0;
    }
    .what-offer ul li {
        padding: 0 5px;
    }
    .what-offer ul li div h3,
    .what-offer > div > ul > li div h3 {
        font-size: 18px;
    }
    .what-offer ul li div p,
    .what-offer > div > ul > li div p {
        font-size: 12px;
        margin: 0;
    }
    .maincta h3 strong {
        font-size: 28px;
    }
    .what-offer > div > ul {
        margin: 10px 0 0;
    }
    .maincta h3 {
        font-size: 26px;
        line-height: normal;
        margin-bottom: 0;
    }
    .maincta .btn-radius-top {
        margin-top: 14px !important;
    }
    .sneak {
        margin: 18px 0 00px 0;
    }
    .maincta p {
        font-size: 14px;
    }
    .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;
    }
    ul.slick-dots li {
        display: inline-block;
    }
    .maincta .callsdivs {
        font-size: 15px;
        text-align: center;
        padding-top: 16px;
    }
    .maincta .callsdivs a + a {
        border: none;
    }
    .maincta .callsdivs .iconphone {
        transform: scale(0.8);
    }
    .maincta {
        padding: 13px 0;
    }
    .homeport-mm {
        padding: 0;
    }
    .sechead h3 {
        font-size: 28px;
        margin-bottom: 5px;
    }
    .sechead p {
        font-size: 16px;
    }
    .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;
    }
    .portfolio-mmbx .box-ports {
        margin: 0 -5px 15px;
    }
    .det-packages {
        padding: 0 0 10px;
    }
    .portfoliomaindivs .topbartabs {
        padding: 0 30px;
    }
    .det-packages .sechead h3 {
        font-size: 22px;
    }
    .toptabs1 {
        margin: 10px 0;
    }
    .det-packages .boxpackages {
        margin: 20px auto 10px;
        max-width: 280px;
    }
    .packagesall .portfolio-mmbx .leftcont-ban a {
        width: 163px;
    }
    .packagesall .portfolio-mmbx .leftcont-ban a:hover {
        width: 215px;
        margin-bottom: 0;
    }
    .enterprices-bundles {
        padding: 0 0 10px;
    }
    .pacbundles-det .headbx-bundle ul.listbundles-packbx > li > br {
        display: none;
    }
    .pacbundles-det .headbx-bundle ul.listbundles-packbx li:after,
    .packdetails .listpacks li:after {
        left: 20px;
    }
    .enterprices-bundles .totalpackagespricess h4 {
        font-size: 22px;
    }
    .enterprices-bundles .totalpackagespricess .yellcol {
        font-size: 28px;
    }
    .enterprices-bundles .totalpackagespricess .btn-orders-bundles a {
        padding: 5px 20px;
        font-size: 16px;
    }
    .testimonials h3 {
        font-size: 28px;
    }
    .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;
    }
    .testimonials .testi .testi-img p {
        font-size: 12px;
    }
    .testimonials .testi .testi-img::before {
        transform: scale(0.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;
    }
    .inner-pg .bannermm .leftcont-ban h1 {
        font-size: 28px;
    }
    .leftcont-ban a i {
        opacity: 0;
    }
    .leftcont-ban a:hover i {
        opacity: 1;
    }
    .portfoliomaindivs .tabschildrens ul li {
        padding: 5px 8px;
    }
    .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;
    }
    .slick-next,
    .slick-prev {
        display: none !important;
    }
    .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) {
        display: block !important;
    }
    footer .social-icons.padd-btd {
        padding: 10px 0;
    }
    .det-packages .boxpackages,
    .logopackages-p .det-packages .tabscontent .col-md-4:nth-child(n + 4) .boxpackages {
        margin: 20px auto 20px;
        padding: 10px 10px;
        max-width: 100%;
        clear: both;
        overflow: hidden;
        float: none;
    }
    .det-packages .boxpackages .packheads h3 {
        font-size: 17px;
    }
    .responsive-slider {
        clear: both;
    }
    .pacbundles-det .headbx-bundle .packbundleprice {
        margin: -10px 0 0;
    }
    .pacbundles-det .headbx-bundle .fleft h4 {
        padding-top: 10px;
    }
    .enterprices-bundles .sechead {
        margin-bottom: 20px;
    }
    .cbp-spmenu-vertical {
        z-index: 99999;
    }
    .det-packages .boxpackages:hover {
        transform: scale(1.04);
    }
    .packagesall .portfolio-mmbx .leftcont-ban {
        margin: 0 auto;
    }
    .packagesall .portfolio-mmbx .leftcont-ban a {
        padding: 7px 20px;
        margin-top: 30px;
    }
    .portfolio-mmbx .leftcont-ban a {
        padding: 6px 20px;
    }
    .tabs-portfolio .slick-dotted.slick-slider {
        margin-bottom: 10px;
    }
    .slick-dots {
        bottom: -20px;
    }
    .portfoliomaindivs.tabsmainport .slick-dots {
        bottom: 0;
    }
    .home-p .det-packages .tabscontent .col-md-4:nth-child(n + 4) .boxpackages {
        display: block;
    }
    .custom-popup h3 {
        font-size: 28px;
    }
    .custom-popup p {
        font-size: 18px;
    }
    .inner-pages .bannermm .leftcont-ban,
    .inner-pg .bannermm .leftcont-ban {
        margin-top: 60px;
    }
    .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 {
        display: none;
    }
    .what-offer ul li div {
        min-height: 206px;
    }
    .howworks-mm .designbrief h3 {
        font-size: 18px;
    }
    .howworks-mm .designbrief p {
        font-size: 14px;
    }
    .how-works {
        padding: 0;
    }
    .testimonials .slick-dots {
        display: none !important;
    }
    #section08 .portfoliomaindivs.tabsmainport .slick-dots {
        bottom: 12px;
    }
    body.logodesignport-p.inner-pg #section08 .portfoliomaindivs.tabsmainport .slick-dots {
        bottom: 0;
    }
    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;
    }
    .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 i.btnarow {
        display: none;
    }
    .leftcont-ban a:hover,
    .testi-a a:hover {
        width: initial !important;
        display: inline-block;
    }
    #alltest .testi-a a {
        display: inline-block;
        width: auto;
    }
    #alltest .testi-a a:hover {
        display: inline-block;
    }
    .testimonials .col-md-6:nth-child(2n):before {
        display: none;
    }
    .testimonials-sec .sechead {
        margin-bottom: 20px;
    }
    .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;
    }
    .what-offer.types-main {
        margin-top: 20px;
    }
    .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 .portfoliomaindivs .portfolio-mmbx .col-md-4:nth-child(n + 7) {
        display: block;
    }
    .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 .srvc-rht p {
        font-size: 12px;
    }
    .animation-service .srvc-box {
        padding: 10px 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;
    }
    .pricerange-main {
        padding: 0 0 10px;
    }
    .mainpriceng-count {
        margin-top: 20px;
    }
    .mainvideo-dur {
        clear: both;
        padding: 5px 10px;
    }
    .animation-pricing {
        padding: 10px 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;
    }
    .video-development .vd-devp-fr h2 {
        font-size: 28px;
        margin: 5px 0;
    }
    .video-development .vd-bef:before,
    .video-development .vd-devp span {
        display: none;
    }
    .video-development .vd-devp > div {
        padding: 10px 10px;
        min-height: auto;
        max-width: 276px;
        margin: 0 auto 10px;
        text-align: center;
    }
    .video-development img {
        margin: 0 auto;
    }
    .video-development .padd-tp {
        padding-top: 10px;
    }
    .video-development {
        min-height: auto;
    }
    .branding .branding-portfolio .bg1-description {
        flex-wrap: wrap-reverse;
    }
    .branding .branding-portfolio .c-tabs-description {
        padding: 0;
    }
    .c-tabs .col-md-3 h3 {
        font-size: 22px;
        line-height: normal;
    }
    .c-tabs .col-md-3 p {
        font-size: 13px;
    }
    .c-tabs .tabs-list li a {
        font-size: 14px;
        padding: 8px 14px;
    }
    .branding-portfolio {
        padding: 20px 0;
    }
    .branding .branding-portfolio .tab-content .bg1-description {
        padding: 10px 0 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;
    }
    .tabscontent {
        clear: both;
    }
    .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 {
        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;
    }
    .sitemap-main.stp .termcndtn ul li:before {
        top: 11px;
        margin: 5px 0;
    }
    .sitemap-main .termcndtn ul li:before {
        width: 4px;
        height: 4px;
    }
    .sitemap-main .col-sm-5ths {
        padding: 0;
    }
    .sitemap-main .sp-section {
        min-height: auto;
    }
    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 {
        padding: 10px 15px;
        width: 100%;
        text-align: center;
    }
    .contact-form-main .red-bg h4 {
        font-size: 18px;
        margin: 0 0 8px 0;
        border-bottom: 1px solid #fff;
        padding: 0;
        display: inline-block;
    }
    .contact-form-main .gray-bg h4 {
        font-size: 20px;
        margin: 0 0 15px 0;
        border-bottom: 1px solid #fff;
        padding: 0;
        display: block;
        text-align: center;
    }
    .contact-form-main .red-bg p {
        margin: 0 0 16px 0;
        font-size: 16px;
    }
    .contact-form-main .red-bg h4:before {
        display: none;
    }
    .contact-form-main .red-bg .social-icons > div {
        margin: 10px 0 0;
    }
    .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;
    }
    .fixedform-1 .input-btn::after {
        display: none;
    }
    .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 {
        min-height: auto;
        padding: 10px 15px 20px;
    }
    .contact-main {
        margin: 10px 0 20px 0;
    }
    .contact .sechead {
        margin-bottom: 30px;
    }
    .fixedform-1 .jform .mm-field.namefield::before {
        transform: scale(0.8) translateX(-3px);
        height: 41px;
        background-position: -712px -1px;
    }
    .fixedform-1 .jform .mm-field.emailfield::before {
        transform: scale(0.8) translateX(-3px);
        height: 41px;
        background-position: -713px -41px;
    }
    .fixedform-1 .jform .mm-field.selectsertvice::before {
        transform: scale(0.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;
    }
    .fixedform-1 .mm-field {
        margin-bottom: 10px;
    }
    .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.last a {
    border: 1px solid #fd7509;
    color: #1b1919;
}
.header-icon-box ul li i {
    color: #f7770a;
}
.header-icon-box ul li.first a {
    color: #ff8300;
    border-right: 1px solid #CCC;
}
a.toggle-menu:before {
       color: #fa7808;
}
header {
    background-color: #fff;
}
.cbp-spmenu-vertical a {    
    font-size: 12px;
}
.leftcont-ban {
    max-width: 80%;
}
.bannermm .leftcont-ban p {
    line-height: 24px;
}
.video-banner-before:before{
    display: none;
}
.bannermm.animbanner {
    background-position: left;
}
.main-service-wrap {
    padding: 35px 0px;
}
.tab-content {
    padding-bottom: 0px !important;
}
.service-order {
    font-size: 14px;
    padding: 3px 2px 3px 18px;
    margin-left: 5px;
}
.inner-service-cta ul li.first {
    display: none;
}
.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;
}
.service-cta ul li{
    padding-bottom: 20px;
}
.ulsme-ctact h3 {
    display: none;
}
.leftcont-ban a img{
    display: none !important;
}
.innertabcontents .row {
    display: block;
    flex-wrap: unset;
}
.service-tab-content-wrap h2 {
    width: 100%;
}
}
@media (max-width: 920px) {
    .logo img {
        margin-left: 0;
    }
    header .logo {
        margin: 0 auto;
    }
    a.toggle-menu:before {
        left: 20px;
    }
}
@media (max-width: 767px) {
    .home-class .bannermm {
        height: 680px !important;
    }
    .mainhome .bannermm .leftcont-ban a,
    .mainhome .bannermm.animbanner .leftcont-ban a,
    .mainhome .bannermm.webbanner .leftcont-ban a {
        width: 90% !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%;
    }
    .learn-more-tab {
        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 {
        line-height: initial;
    }
    .pricing-details-left .sechead {
        margin-left: 0;
        text-align: center;
    }
    .creative-section-box {
        border: 1px solid #d8d8d8;
    }
    .creative-section-box img {
        display: none;
    }
    .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 0;
    }
    header {
        height: 110px;
        position: relative;
    }
    .leftcont-ban {
        padding-bottom: 20px;
        width: 100% !important;
        max-width: 90%;
        text-align: center;
        margin: 0 auto;
    }
    body.mainhome .bannermm .leftcont-ban p {
        line-height: initial;
    }
    .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 li.first {
        border-right: 1px solid #ffffff80;
        padding-right: 10px;
    }
    .header-icon-box li.last {
        padding-left: 10px;
    }
    .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;
    }
    .header-icon-box ul {
        margin-bottom: 0;
    }
    .header-icon-box ul li {
        display: inline-block;
    }
    .header-icon-box ul li a {
        color: #fff;
    }
    .header-icon-box ul li i {
        font-size: 20px;
    }
    .sitemap-main.stp .termcndtn ul li:before {
        top: 6px;
    }
    .contact-form-main .red-bg .social-icons i {
        width: 30px;
        height: 30px;
        font-size: 14px;
    }
    .sm-hidden {
        display: none !important;
    }
    .content-incred {
        text-align: center;
    }
    .cookie-bar p a {
        clear: both;
        float: initial !important;
    }
    .cookie-btn-3 {
        position: absolute;
        left: 10px;
        top: 0;
    }
    #allport .row {
        display: block;
    }
    .cookie-btn-3 {
        margin-right: 20px;
    }
    .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%;
    }
    .fixedform.fixed-forms-main {
        display: none;
    }
    .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 {
        font-size: 12px;
    }
    .sitemap-main .termcndtn ul li:before {
        width: 4px;
        height: 4px;
    }
    .sitemap-main .bannermm {
        min-height: 150px;
    }
    .charAnimation .bannermm h1 strong {
        font-size: 24px !important;
    }
    .bannermm .leftcont-ban h1,
    .bannermm .leftcont-ban h1 span {
        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 > div > ul {
        margin: 10px 0 0;
    }
    .what-offer .slick-dots {
        bottom: -27px;
    }
    .maincta {
        text-align: center;
        padding: 10px 0 0;
    }
    .maincta .btn-radius-top {
        float: none;
    }
    .hovereffects-det h3 {
        font-size: 14px;
    }
    .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;
    }
    .sechead p {
        font-size: 14px;
    }
    .pacbundles-det .headbx-bundle .fleft h4 {
        font-size: 15px;
    }
    .pacbundles-det .headbx-bundle .packbundleprice {
        padding: 0 0 0 8px;
        font-size: 14px;
        padding-left: 10px;
        margin-top: -10px;
    }
    .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;
    }
    .pacbundles-det .headbx-bundle ul.listbundles-packbx > li:before {
        font-size: 11px;
    }
    .enterprices-bundles .totalpackagespricess h4 {
        font-size: 16px;
    }
    .enterprices-bundles .totalpackagespricess .yellcol {
        font-size: 20px;
    }
    .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 {
        font-size: 12px;
    }
    .testimonials h3 {
        font-size: 24px;
        margin-bottom: 5px;
    }
    p {
        font-size: 14px;
    }
    .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 p {
        font-size: 15px;
    }
    .testimonials .testi .testi-img::before {
        transform: scale(0.7) translateX(6px);
    }
    .testimonials .testi .testi-desc i,
    .testimonials .testi .testi-desc ul li {
        font-size: 10px;
    }
    .testimonials .testi .testi-desc i,
    .testimonials .testi .testi-desc ul li {
        font-size: 14px;
    }
    .testimonials .testi .testi-desc .verify {
        transform: scale(0.8) translate(2px, -2px);
    }
    footer {
        padding: 5px 0 0;
    }
    footer h3 {
        font-size: 12px;
        margin: 15px 0 5px;
    }
    footer ul li {
        padding: 2px 0 2px 9px;
    }
    footer ul li::before {
        top: 5px;
    }
    footer .social-icons.padd-btd {
        padding: 0 0 10px;
    }
    footer .brdr-top .social-icons h4,
    footer .brdr-top .subcribe h4 {
        font-size: 16px;
    }
    footer .brdr-top .social-icons i {
        font-size: 16px;
        width: 37px;
        height: 37px;
    }
    footer .brdr-top .subcribe input {
        margin-top: 10px;
    }
    footer .brdr-top .subcribe input {
        padding: 10px 30px;
        font-size: 11px;
        max-width: 320px;
    }
    footer .brdr-top .subcribe i {
        top: 47px;
        left: 25px;
        transform: scale(0.8);
    }
    footer .brdr-top .subcribe button {
        padding: 5px 23px;
        font-size: 12px;
        left: 241px;
    }
    .footer-bottom {
        padding: 5px 0;
    }
    .footer-bottom h4 {
        font-size: 14px;
    }
    .footer-bottom p {
        font-size: 11px;
    }
    footer .padd-btd > img {
        padding-top: 20px;
    }
    footer .brdr-top {
        padding: 10px 0 0 0;
        border: none;
    }
    footer .listpge {
        display: none !important;
    }
    .maincta h3 strong {
        font-size: 20px;
    }
    .maincta h3 {
        font-size: 16px;
    }
    .maincta p {
        font-size: 12px;
    }
    .maincta .callsdivs {
        font-size: 13px;
        padding: 10px 0;
    }
    .maincta .callsdivs .iconphone {
        transform: scale(0.6) translateX(5px);
    }
    .maincta .btn-radius-top a {
        padding: 4px 7px;
        font-size: 10px;
    }
    .what-offer ul li div {
        padding: 7px 16px 0;
        min-height: 116px;
        position: relative;
    }
    .what-offer ul li div h3 {
        font-size: 16px;
    }
    .what-offer ul li div p {
        font-size: 13px;
    }
    .what-offer ul li div a {
        font-size: 13px;
        margin: 10px 0;
        position: absolute;
        bottom: 10px;
        left: 0;
        right: 0;
        margin: auto;
        color: #ea333f;
        font-weight: 600;
    }
    .what-offer h3 {
        font-size: 22px;
        margin: 10px 0 5px;
    }
    .what-offer p {
        font-size: 14px;
    }
    .what-offer > div > ul {
        margin: 0;
    }
    .leftcont-ban a {
        font-size: 13px;
        height: auto !important;
        padding: 6px 10px;
        width: auto !important;
        background: #fff;
        color: #242424;
        display: inline-block;
        font-weight: 600;
    }
    .leftcont-ban a i.btnarow {
        display: none !important;
    }
    .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;
    }
    .leftcont-ban a {
        padding: 10px 12px;
        margin-top: 18px !important;
        width: 90% !important;
        font-size: 16px !important;
    }
    .service-tab .container.text-center.bounce.animated {
        display: none;
    }
    .portfolio-mmbx .leftcont-ban a:hover {
        width: 180px;
    }
    .det-packages .sechead h3 {
        font-size: 20px;
    }
    .bannermm a.logobtnsstart:hover {
        width: 268px;
    }
    .inner-pg .bannermm .leftcont-ban h1 {
        font-size: 18px;
    }
    body.inner-pg .bannermm .leftcont-ban p {
        font-size: 14px;
        padding: 5px 0;
    }
    .enterprices-bundles .totalpackagespricess {
        margin: 0;
        padding: 0;
    }
    .enterprices-bundles .sechead {
        margin: 0;
    }
    .enterprices-bundles h3:before {
        display: none;
    }
    .portfoliomaindivs .tabschildrens {
        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 0;
        line-height: 18px;
    }
    .packdetails .packtitles .fright h4 b:before {
        top: 11px;
        left: -3px;
    }
    .packdetails .listpacks {
        padding: 10px 0;
    }
    .packdetails .listpacks li {
        padding: 5px 16px;
    }
    .packdetails .listpacks li:before {
        font-size: 11px;
        top: 8px;
    }
    .botarea-pack .fleft {
        padding-right: 10px;
    }
    .packdetails .botarea-pack {
        padding: 5px 0 0;
    }
    .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;
    }
    .packdetails .listpacks {
        height: 200px;
    }
    .det-packages .boxpackages:hover {
        transform: scale(1.05);
    }
    .mCSB_outside + .mCSB_scrollTools {
        right: -16px;
    }
    .logo {
        text-align: center;
    }
    header .logo {
        width: 100%;
        padding-top: 56px;
    }
    a.toggle-menu:before {
        font-size: 25px;
        left: 26px;
        top: 50px !important;
        z-index: 999999;
        position: absolute;
    }
    .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;
    }
    .what-offer ul li div h3 br {
        display: none;
    }
    .portfolio-mmbx .box-ports {
        margin: 0 auto 40px;
    }
    .bannermm .container {
        margin-left: 0;
    }
    .maincta .callsdivs {
        text-align: center;
    }
    .howworks-mm .designbrief h3 {
        font-size: 17px;
    }
    .howworks-mm .designbrief p {
        font-size: 13px;
    }
    .howworks-mm .designbrief .processicons {
        transform: scale(0.7) !important;
    }
    .howworks-mm .designbrief {
        margin: -28px 0 0 0;
    }
    .howworks-mm .designbrief h3 {
        margin-top: -17px;
    }
    .brdcrme li {
        padding: 6px 12px;
    }
    .brdcrme li + li:before {
        top: 5px;
    }
    .what-offer ul li div {
        padding: 7px 10px 0;
        min-height: 190px;
    }
    .leftcont-ban a {
        margin: 5px 0 0;
    }
    .incred-expe .content-incred h3 {
        font-size: 24px !important;
    }
    .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(0.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;
    }
    .pricerange-main .video-duration h6 {
        font-size: 16px;
    }
    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;
    }
    .animation-pricing h5 {
        font-size: 18px;
    }
    .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;
    }
    .video-development .vd-devp-fr h2 {
        font-size: 20px;
    }
    .video-development {
        padding: 10px 0;
    }
    .video-development .vd-devp-fr p {
        font-size: 13px;
    }
    .incred-expe,
    .testimonials {
        padding: 10px 0 10px;
    }
    .branding-portfolio > div > div.row {
        margin: 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 a:before {
        display: none;
    }
    .c-tabs .tabs-list li {
        width: 33.3333%;
        padding: 3px 4px;
        text-align: center;
        margin: 0 auto;
    }
    .c-tabs .tabs-list li:nth-child(1) 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:nth-child(1) 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;
    }
    .branding-portfolio .c-tabs .tab-content.active {
        margin-left: 0;
    }
    .incred-expe .padtop150 {
        padding-top: 0;
    }
    body.inner-pages .bannermm .leftcont-ban h1 {
        margin-top: 0;
    }
    .about-phylosophy-bg .phylosophy-box:after {
        display: none;
    }
    .gettouchfaqs h3 {
        font-size: 22px;
        text-align: center;
    }
    .gettouchfaqs {
        padding: 10px 0;
    }
    .gettouchfaqs .packagesbxs .toptabs1 {
        text-align: center;
    }
    .gettouchfaqs .packagesbxs .toptabs1 a {
        padding: 5px 15px;
        font-size: 13px;
        margin-bottom: 7px;
    }
    .gettouchfaqs .packagesbxs {
        padding: 10px 0;
    }
    .accordion-faq a.accord-tab {
        padding: 10px 10px;
        font-size: 12px;
    }
    .accordion-faq > li:after {
        font-size: 18px;
    }
    .sitemap-main .termcndtn br {
        display: none;
    }
    .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;
    }
    .sitemap-main .termcndtn ul li:before {
        top: 6px;
    }
    body.sitemap-main .termcndtn {
        padding: 10px 0;
    }
    .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 h4 {
        font-size: 16px;
    }
    .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;
    }
    .contact .sechead {
        margin-bottom: 0;
    }
    .custom-popup h3 {
        font-size: 22px;
    }
    .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;
    }
    .incred-expe .content-incred p {
        font-size: 14px;
    }
    .testmonials .nav {
        flex-wrap: wrap;
    }
    .testmonials .nav li {
        float: none;
        width: auto;
        margin-right: 5px;
        margin-bottom: 8px;
    }
    .reviews_box_wrap {
        padding: 30px 20px 30px;
    }
    .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-txt p {
        margin-bottom: 0;
    }
    .testi-p {
        font-size: 15px;
        line-height: 25px;
        margin-top: 15px;
        margin-bottom: 15px;
    }
}
@media (max-width: 599px) {
    . what-offer ul li div {
        padding: 7px 10px 0;
        min-height: 170px;
    }
    .leftcont-ban a {
        width: 100% !important;
        font-size: 14px !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: 0;
        margin-top: 30px;
    }
    .boxes {
        padding: 10px 0;
    }
    .contact-img ul {
        display: inline-block;
    }
    .contact-img ul li {
        margin-bottom: 20px;
    }
    .award {
        padding: 30px 0 0;
    }
    .award .contact-img ul li {
        display: inline-block;
    }
    .inner-service-logo-box h3 {
    font-size: 25px;
}
.inner-service-logo-box {
    height: 185px;
    margin: 20px 0px;
}
}
@media (max-width: 480px) {
    .banner_inner .leftcont-ban {
        padding-top: 0;
    }
    .banner-form input {
        font-size: 11px;
    }
    .home-class .bannermm {
        height: 730px !important;
        align-items: start;
    }
    .home-mainsliders-homes .banner-form-box {
        width: 79%;
    }
    .creative-digital .sechead ul li {
        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 {
        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;
    }
    .testi-content {
        width: 100%;
    }
    .creative-section p {
        font-size: 13px;
    }
    ul.nav.nav-tabs li.col-xs-6 {
        padding-right: 6px;
        padding-left: 6px;
    }
    .client-area {
        padding-top: 20px;
        margin: 0 0 160px 0;
    }
    .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;
    }
    .client-content h5 {
        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;
    }
    .video-development .vd-devp-fr h2 {
        font-size: 18px;
    }
    .incred-expe .content-incred p {
        font-size: 13px;
    }
    .about-phylosophy-bg .phylosophy-box i {
        transform: scale(0.8);
        margin: -28px auto;
    }
    .web-design .slick-dotted.slick-slider {
        margin-bottom: 40px;
    }
    .bannermm .leftcont-ban h1,
    .bannermm .leftcont-ban h1 span {
        font-size: 16px;
    }
    .leftcont-ban {
        max-width: 100%;
        width: 100%;
        text-align: center;
    }
    .custom-popup h3 {
        font-size: 20px;
    }
    .custom-popup p {
        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;
    }
    .testimonials .testi .testi-desc i,
    .testimonials .testi .testi-desc ul li {
        font-size: 11px;
    }
    .det-packages .boxpackages,
    .logopackages-p .det-packages .tabscontent .col-md-4:nth-child(n + 4) .boxpackages {
        max-width: 100%;
    }
    .enterprices-bundles .totalpackagespricess {
        text-align: center;
    }
    .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,
    .bannermm .leftcont-ban h1 span {
        font-size: 20px;
    }
    .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: 7px 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 {
        display: none;
    }
    .logo img {
        width: 33%;
        margin: none;
        margin-left: 0;
        margin-top: 10px;
    }
    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 {
        font-size: 13px;
        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 h3 {
        font-size: 16px;
    }
    .maincta h3 strong {
        font-size: 18px;
    }
    .maincta p {
        font-size: 13px;
    }
    .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(0.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;
    }
    .sechead p {
        font-size: 12px;
    }
    .toptabs1 li {
        margin: 2px 2px;
        width: 45% !important;
    }
    .toptabs1 {
        margin: 10px 0 0;
    }
    .toptabs1 li {
        margin-bottom: 0 !important;
    }
    .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;
    }
    .toptabs1 li a,
    .toptabs1 li span {
        padding: 2px 8px;
        font-size: 10px;
    }
    .hovereffects-det h3 {
        font-size: 18px;
        margin: 5px 0 10px;
    }
    .btnstyles-nn a {
        padding: 3px 14px;
        font-size: 14px;
        margin: 0 0;
        border-width: 1px;
    }
    .portfoliomaindivs .tabschildrens ul li {
        padding: 2px 8px;
    }
    .det-packages .portfoliomaindivs .tabschildrens {
        background: #fff;
        border-top: 1px solid #d1d7e3;
    }
    .portfoliomaindivs .tabschildrens ul li span {
        font-size: 11px;
    }
    .portfolio-mmbx .box-ports {
        max-width: 100%;
        margin: 10px auto 20px;
    }
    .portfolio-mmbx .slick-dotted.slick-slider {
        margin-bottom: 10px;
    }
    .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;
        margin-bottom: 0;
    }
    .service-area .area-title {
        margin-top: 40px;
    }
    .section-title {
        font-size: 18px;
        margin-top: 30px !important;
        margin-bottom: 10px;
    }
    .lower-combo h4 {
        width: 90%;
        right: 0;
        float: right;
        margin-right: auto;
    }
    .lower-combo h3 {
        margin-top: 12px;
        margin-bottom: 0;
    }
    .toptabs1 li a,
    .toptabs1 li span {
        padding: 3px 0;
        font-size: 13px;
        border-radius: 0;
    }
    .portfolio-mmbx {
        margin-top: 5px;
    }
    .det-packages .slick-dots,
    .incred-expe .slick-dots,
    .mainhome .incred-expe .slick-dots,
    .testimonials .slick-dots {
        bottom: -10px;
    }
    .det-packages .slick-dots,
    .incred-expe .slick-dots,
    .inner-pg .incred-expe .slick-dots,
    .testimonials .slick-dots {
        bottom: -10px;
    }
    .portfolio-mmbx {
        margin: 0;
    }
    .det-packages {
        padding: 0;
    }
    .enterprices-bundles .totalpackagespricess h4 {
        font-size: 14px;
    }
    .enterprices-bundles .totalpackagespricess .yellcol {
        font-size: 16px;
    }
    .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;
    }
    .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 h4,
    footer .brdr-top .subcribe h4 {
        font-size: 14px;
    }
    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(0.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 .packbundleprice:before {
        display: none;
    }
    .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;
    }
    .portfolio-mmbx .box-ports img {
        width: 100%;
    }
    header .logo {
        padding-top: 34px;
        text-align: center;
        text-align: center;
        width: 100%;
    }
    .portfoliomaindivs .topbartabs {
        padding: 0 10px;
    }
    .bannermm .container {
        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(0.5) translateX(-5px) !important;
    }
    .howworks-mm .designbrief {
        margin: -47px 0 0 0;
    }
    .howworks-mm .designbrief h3 {
        margin: -41px 0 5px;
        font-size: 14px;
    }
    .howworks-mm {
        margin: 0;
    }
    .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 0;
    }
    .testimonials .testi .testi-img::before {
        display: none;
    }
    .pricerange-main .pricingbox li {
        width: 50%;
    }
    .pricerange-main .pricingbox li h3 {
        margin-top: -15px;
        font-size: 12px;
    }
    .pricerange-main .pricingbox {
        margin: 0;
    }
    .pricerange-main .video-duration h6 {
        font-size: 14px;
        margin: 5px 0;
    }
    .animation-pricing h6 {
        font-size: 12px;
        margin: 0 0 0;
    }
    .animation-pricing h5 {
        font-size: 14px;
    }
    .animation-pricing {
        margin-top: 2px;
    }
    .pricerange-main .video-duration span {
        font-size: 13px;
    }
    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;
    }
    .pricerange-main .video-qty #videoqty {
        font-size: 12px;
    }
    .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 h4 {
        font-size: 14px;
    }
    .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;
    }
    .c-tabs .tabs-list li a {
        font-size: 11px;
        padding: 4px 8px;
    }
    .branding-portfolio .c-tabs .tab-content {
        margin-left: 0;
    }
    .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;
    }
    .branding-portfolio .nopadd-l {
        padding: 0;
    }
    body .bannermm .leftcont-ban p {
        font-size: 12px;
        margin: 5px 0;
    }
    .gettouchfaqs h3 {
        font-size: 18px;
        margin: 0 0;
    }
    .gettouchfaqs .packagesbxs {
        padding: 10px;
    }
    .gettouchfaqs .packagesbxs .toptabs1 {
        margin-bottom: 0;
    }
    .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-main {
        margin: 0 0 10px;
    }
    .contact-form-main .gray-bg {
        padding: 10px;
    }
    .contact-form-main .gray-bg h4 {
        font-size: 14px;
        margin: 0 0 10px 0;
        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(0.8);
    }
    .contact-form-main .gray-bg .field i.email {
        top: 9px;
        left: 6px;
        transform: scale(0.9);
    }
    .contact-form-main .gray-bg .field i.select {
        top: 8px;
        left: 5px;
        transform: scale(0.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(0.8) translateX(-6px);
    }
    .intl-tel-input.separate-dial-code .selected-dial-code {
        font-size: 12px;
    }
    .contact-form-main .mm-field.phone fieldset {
        top: 6px !important;
        left: 90px;
        font-size: 11px;
    }
    .contact-form-main {
        margin: 0;
    }
    .contact-form-main .mm-field.textarea textarea {
        padding: 12px 10px;
        height: 130px;
    }
    .contact-form-main .mm-field.textarea fieldset {
        font-size: 11px;
    }
    .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 .field {
        margin: 0 0 10px 0;
    }
    .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"] {
        font-size: 11px;
    }
    .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(0.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 {
    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) {
    footer .brdr-top .subcribe button {
        left: auto;
        right: 21px;
        padding: 4px 16px;
    }
    .howworks-mm .designbrief .processicons {
        transform: scale(0.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%;
    }
}
@media (max-width: 320px) {
    .contact-form-main .mm-field.phone fieldset {
        left: 85px;
        top: 0;
        font-size: 11px;
    }
}
   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;
            margin-bottom: 0;
        }
        .service-area .area-title {
            margin-top: 40px;
        }
        .section-title {
            font-size: 18px;
            margin-top: 30px !important;
            margin-bottom: 10px;
        }
        .lower-combo h4 {
            width: 90%;
            right: 0;
            float: right;
            margin-right: auto;
        }
        .lower-combo h3 {
            margin-top: 12px;
            margin-bottom: 0;
        }
        .toptabs1 li a,
        .toptabs1 li span {
            padding: 3px 0;
            font-size: 13px;
            border-radius: 0;
        }
        .portfolio-mmbx {
            margin-top: 5px;
        }
        .det-packages .slick-dots,
        .incred-expe .slick-dots,
        .mainhome .incred-expe .slick-dots,
        .testimonials .slick-dots {
            bottom: -10px;
        }
        .det-packages .slick-dots,
        .incred-expe .slick-dots,
        .inner-pg .incred-expe .slick-dots,
        .testimonials .slick-dots {
            bottom: -10px;
        }
        .portfolio-mmbx {
            margin: 0;
        }
        .det-packages {
            padding: 0;
        }
        .enterprices-bundles .totalpackagespricess h4 {
            font-size: 14px;
        }
        .enterprices-bundles .totalpackagespricess .yellcol {
            font-size: 16px;
        }
        .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;
        }
        .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 h4,
        footer .brdr-top .subcribe h4 {
            font-size: 14px;
        }
        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(0.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 .packbundleprice:before {
            display: none;
        }
        .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;
        }
        .portfolio-mmbx .box-ports img {
            width: 100%;
        }
        header .logo {
            padding-top: 34px;
            text-align: center;
            text-align: center;
            width: 100%;
        }
        .portfoliomaindivs .topbartabs {
            padding: 0 10px;
        }
        .bannermm .container {
            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(0.5) translateX(-5px) !important;
        }
        .howworks-mm .designbrief {
            margin: -47px 0 0 0;
        }
        .howworks-mm .designbrief h3 {
            margin: -41px 0 5px;
            font-size: 14px;
        }
        .howworks-mm {
            margin: 0;
        }
        .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 0;
        }
        .testimonials .testi .testi-img::before {
            display: none;
        }
        .pricerange-main .pricingbox li {
            width: 50%;
        }
        .pricerange-main .pricingbox li h3 {
            margin-top: -15px;
            font-size: 12px;
        }
        .pricerange-main .pricingbox {
            margin: 0;
        }
        .pricerange-main .video-duration h6 {
            font-size: 14px;
            margin: 5px 0;
        }
        .animation-pricing h6 {
            font-size: 12px;
            margin: 0 0 0;
        }
        .animation-pricing h5 {
            font-size: 14px;
        }
        .animation-pricing {
            margin-top: 2px;
        }
        .pricerange-main .video-duration span {
            font-size: 13px;
        }
        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;
        }
        .pricerange-main .video-qty #videoqty {
            font-size: 12px;
        }
        .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 h4 {
            font-size: 14px;
        }
        .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;
        }
        .c-tabs .tabs-list li a {
            font-size: 11px;
            padding: 4px 8px;
        }
        .branding-portfolio .c-tabs .tab-content {
            margin-left: 0;
        }
        .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;
        }
        .branding-portfolio .nopadd-l {
            padding: 0;
        }
        body .bannermm .leftcont-ban p {
            font-size: 12px;
            margin: 5px 0;
        }
        .gettouchfaqs h3 {
            font-size: 18px;
            margin: 0 0;
        }
        .gettouchfaqs .packagesbxs {
            padding: 10px;
        }
        .gettouchfaqs .packagesbxs .toptabs1 {
            margin-bottom: 0;
        }
        .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-main {
            margin: 0 0 10px;
        }
        .contact-form-main .gray-bg {
            padding: 10px;
        }
        .contact-form-main .gray-bg h4 {
            font-size: 14px;
            margin: 0 0 10px 0;
            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(0.8);
        }
        .contact-form-main .gray-bg .field i.email {
            top: 9px;
            left: 6px;
            transform: scale(0.9);
        }
        .contact-form-main .gray-bg .field i.select {
            top: 8px;
            left: 5px;
            transform: scale(0.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(0.8) translateX(-6px);
        }
        .intl-tel-input.separate-dial-code .selected-dial-code {
            font-size: 12px;
        }
        .contact-form-main .mm-field.phone fieldset {
            top: 6px !important;
            left: 90px;
            font-size: 11px;
        }
        .contact-form-main {
            margin: 0;
        }
        .contact-form-main .mm-field.textarea textarea {
            padding: 12px 10px;
            height: 130px;
        }
        .contact-form-main .mm-field.textarea fieldset {
            font-size: 11px;
        }
        .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 .field {
            margin: 0 0 10px 0;
        }
        .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"] {
            font-size: 11px;
        }
        .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(0.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 {
        height: 340px !important;
    }
    .leftcont-ban a img {
        margin-left: 7px;
        width: 11%;
    }
    .portfolio-mmbx .box-ports img {
        width: 100%;
        height: 100%;
    }
    }
    
    @media (max-width: 360px) {
        footer .brdr-top .subcribe button {
            left: auto;
            right: 21px;
            padding: 4px 16px;
        }
        .howworks-mm .designbrief .processicons {
            transform: scale(0.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%;
        }
    }
    @media (max-width: 320px) {
        .contact-form-main .mm-field.phone fieldset {
            left: 85px;
            top: 0;
            font-size: 11px;
        }
    }