BossBey File Manager

Editing: responsive.css

@media (max-width: 1600px) {
    .main-service-wrap:after {
        right: -110px;
    }
    .tab-content #nav-custom:before {
        right: -40%;
    }
    .service-tab-img{
        right: -250px;
    }}
    @media (max-width: 1440px) {
    .banner-right-web {
        left: -90px;
        top: -30px;
    }
    .main-service-wrap:after {
        width: 600px;
        height: 515px;
        top: 25%;
    }
    .tab-content #nav-custom:before {
        width: 517px;
        height: 435px;
        right: -28%;
        top: -24px;
    }
    .service-tab-img {
        position: absolute;
        right: -240px;
        width: 525px;
        top: 40px;
    }
    .service-stationery-img {
        right: -150px;
        top: 45px;
        width: 435px;
    }
    .tab-content #nav-stationery:before {
        width: 531px;
        height: 439px;
        right: -29%;
        top: -25px;
    }
    .tab-content #nav-seo:before {
        width: 505px;
        height: 413px;
        right: -19%;
        top: -21px;
    }
    .service-animation-img {
        right: -228px;
        top: 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: 1366px) {
    .bannermm.animbanner {
        background-position: 50% 52%;
    }
    .banner-right-logo {
        left: -65px;
        top: -125px;
    }
    .banner-right-web {
        left: -90px;
        top: -30px;
    }
    .banner-right-video {
        right: -85px;
        top: -140px;
    }
    .video-banner-before:before {
        width: 397px;
        height: 327px;
        right: -10px;
    }
    .service-tab-content-wrap p {
        font-size: 12px;
    }
    .service-tab-content-wrap .service-list li {
        font-size: 12px;
        padding-left: 19px;
    }
    
    .service-tab-content-wrap .service-list li:before {
        top: 0px;
    }
    .service-btn {
        font-size: 14px;
        padding: 10px 30px;
    }
    .service-chat h3 {
        font-size: 19px;
    }
    .service-tab-content-wrap {
        padding-right: 90px;
    }
    .service-tab-wrap .nav-tabs>li>a {
        height: 90px;
        padding: 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: 516px;
        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;
        }
        .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: #9a092f;
            background: -moz-linear-gradient(top, #9a092f 10%, #9a092f 24%, #ff0042 100%);
            background: -webkit-linear-gradient(top, #9a092f 10%, #9a092f 24%, #ff0042 100%);
            background: linear-gradient(to bottom, #9a092f 10%, #9a092f 24%, #ff0042 100%);
        }
        a.toggle-menu.menu-left.push-body.jPushMenuBtn {
            position: relative;
            z-index: 99999;
        }
        a.toggle-menu:before {
            content: "\f0c9";
            font-family: "Font Awesome 5 Free";
            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: 22px;
        }
        .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 {
        color: #1b1919;
    }
    .header-icon-box ul li i {
        color: #e2013f;
    }
    .header-icon-box ul li.first a {
        color: #e2013f;
        border-right: 1px solid #CCC;
    }
    a.toggle-menu:before {
           color: #e2013f;
    }
    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;
    }
    }
    @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 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: 90%;
        }
        .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%;
            z-index: -1;
        }
        .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%;
        }
        .header-icon-box li.last {
            margin-top: 3px;
        }
        .logo img{
            margin-top: 26px;
        }
    }
    @media (max-width: 320px) {
        .contact-form-main .mm-field.phone fieldset {
            left: 85px;
            top: 0;
            font-size: 11px;
        }
    }

Cancel