@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 {
    border: 1px solid #e2013f;
    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 a {
        color: #fff;
    }
    .header-icon-box ul li i {
        font-size: 20px;
    }
    .sitemap-main.stp .termcndtn ul li:before {
        top: 6px;
    }
    .contact-form-main .red-bg .social-icons i {
        width: 30px;
        height: 30px;
        font-size: 14px;
    }
    .sm-hidden {
        display: none !important;
    }
    .content-incred {
        text-align: center;
    }
    .cookie-bar p a {
        clear: both;
        float: initial !important;
    }
    .cookie-btn-3 {
        position: absolute;
        left: 10px;
        top: 0;
    }
    #allport .row {
        display: block;
    }
    .cookie-btn-3 {
        margin-right: 20px;
    }
    .no-found {
        min-height: 400px;
    }
    .no-found .noFound-content h1 {
        font-size: 80px;
    }
    .no-found .noFound-content h3 {
        font-size: 30px;
    }
    .contact-form-main .gray-bg .field {
        width: 100%;
    }
    .fixedform.fixed-forms-main {
        display: none;
    }
    .testimonials .testi .testi-img {
        min-height: 125px;
    }
    .bannermm {
        min-height: 340px;
    }
    .bannermm .leftcont-ban h1 strong,
    .prvcy-securty .bannermm .leftcont-ban h1 strong,
    .sitemap-main .bannermm .leftcont-ban h1 strong,
    .trms-condtons .bannermm .leftcont-ban h1 strong {
        font-size: 24px;
    }
    .sitemap-main .bannermm .leftcont-ban {
        margin-top: 50px;
    }
    .sitemap-main .termcndtn {
        padding: 0;
    }
    .sitemap-main .termcndtn ul li {
        font-size: 12px;
    }
    .sitemap-main .termcndtn ul li:before {
        width: 4px;
        height: 4px;
    }
    .sitemap-main .bannermm {
        min-height: 150px;
    }
    .charAnimation .bannermm h1 strong {
        font-size: 24px !important;
    }
    .bannermm .leftcont-ban h1,
    .bannermm .leftcont-ban h1 span {
        font-size: 22px;
    }
    .bannermm .leftcont-ban h1 {
        padding: 5px 0;
        margin-top: 0;
    }
    body .bannermm .leftcont-ban p {
        font-size: 13px;
        font-weight: 500 !important;
    }
    .what-offer > div > ul {
        margin: 10px 0 0;
    }
    .what-offer .slick-dots {
        bottom: -27px;
    }
    .maincta {
        text-align: center;
        padding: 10px 0 0;
    }
    .maincta .btn-radius-top {
        float: none;
    }
    .hovereffects-det h3 {
        font-size: 14px;
    }
    .btnstyles-nn a {
        padding: 2px 11px;
        font-size: 12px;
        margin: 2px 0;
    }
    .toptabs1 li a,
    .toptabs1 li span {
        padding: 5px 0;
        font-size: 14px;
        margin-bottom: 8px;
    }
    .sechead h3,
    .sitemap-main .termcndtn p strong {
        font-size: 22px;
        margin: 5px 0;
        padding: 10px 0 0;
    }
    .enterprices-bundles h3:before {
        height: 2px;
    }
    .sechead p {
        font-size: 14px;
    }
    .pacbundles-det .headbx-bundle .fleft h4 {
        font-size: 15px;
    }
    .pacbundles-det .headbx-bundle .packbundleprice {
        padding: 0 0 0 8px;
        font-size: 14px;
        padding-left: 10px;
        margin-top: -10px;
    }
    .pacbundles-det .headbx-bundle .packbundleprice span {
        font-size: 18px;
    }
    .pacbundles-det .headbx-bundle .packbundleprice:before {
        top: 0;
        margin: auto;
    }
    .pacbundles-det .headbx-bundle ul.listbundles-packbx {
        padding: 0 0 15px;
    }
    .pacbundles-det .headbx-bundle ul.listbundles-packbx > li {
        padding: 4px 16px;
        font-size: 11px;
    }
    .pacbundles-det .headbx-bundle ul.listbundles-packbx > li:before {
        font-size: 11px;
    }
    .enterprices-bundles .totalpackagespricess h4 {
        font-size: 16px;
    }
    .enterprices-bundles .totalpackagespricess .yellcol {
        font-size: 20px;
    }
    .enterprices-bundles .totalpackagespricess h4 b:before {
        width: 93%;
        left: -2px;
        top: 8px;
    }
    .enterprices-bundles .totalpackagespricess .btn-orders-bundles a {
        padding: 3px 16px;
        font-size: 14px;
        margin: 0;
    }
    .enterprices-bundles .totalpackagespricess .btn-orders-bundles p {
        font-size: 12px;
    }
    .testimonials h3 {
        font-size: 24px;
        margin-bottom: 5px;
    }
    p {
        font-size: 14px;
    }
    .testimonials .testi .testi-img img {
        margin-right: 10px;
        margin-bottom: 5px;
        max-width: 60%;
    }
    .testimonials .testi .testi-img h4 {
        font-size: 18px;
        margin-bottom: 5px;
    }
    .testimonials .testi .testi-img p {
        font-size: 15px;
    }
    .testimonials .testi .testi-img::before {
        transform: scale(0.7) translateX(6px);
    }
    .testimonials .testi .testi-desc i,
    .testimonials .testi .testi-desc ul li {
        font-size: 10px;
    }
    .testimonials .testi .testi-desc i,
    .testimonials .testi .testi-desc ul li {
        font-size: 14px;
    }
    .testimonials .testi .testi-desc .verify {
        transform: scale(0.8) translate(2px, -2px);
    }
    footer {
        padding: 5px 0 0;
    }
    footer h3 {
        font-size: 12px;
        margin: 15px 0 5px;
    }
    footer ul li {
        padding: 2px 0 2px 9px;
    }
    footer ul li::before {
        top: 5px;
    }
    footer .social-icons.padd-btd {
        padding: 0 0 10px;
    }
    footer .brdr-top .social-icons h4,
    footer .brdr-top .subcribe h4 {
        font-size: 16px;
    }
    footer .brdr-top .social-icons i {
        font-size: 16px;
        width: 37px;
        height: 37px;
    }
    footer .brdr-top .subcribe input {
        margin-top: 10px;
    }
    footer .brdr-top .subcribe input {
        padding: 10px 30px;
        font-size: 11px;
        max-width: 320px;
    }
    footer .brdr-top .subcribe i {
        top: 47px;
        left: 25px;
        transform: scale(0.8);
    }
    footer .brdr-top .subcribe button {
        padding: 5px 23px;
        font-size: 12px;
        left: 241px;
    }
    .footer-bottom {
        padding: 5px 0;
    }
    .footer-bottom h4 {
        font-size: 14px;
    }
    .footer-bottom p {
        font-size: 11px;
    }
    footer .padd-btd > img {
        padding-top: 20px;
    }
    footer .brdr-top {
        padding: 10px 0 0 0;
        border: none;
    }
    footer .listpge {
        display: none !important;
    }
    .maincta h3 strong {
        font-size: 20px;
    }
    .maincta h3 {
        font-size: 16px;
    }
    .maincta p {
        font-size: 12px;
    }
    .maincta .callsdivs {
        font-size: 13px;
        padding: 10px 0;
    }
    .maincta .callsdivs .iconphone {
        transform: scale(0.6) translateX(5px);
    }
    .maincta .btn-radius-top a {
        padding: 4px 7px;
        font-size: 10px;
    }
    .what-offer ul li div {
        padding: 7px 16px 0;
        min-height: 116px;
        position: relative;
    }
    .what-offer ul li div h3 {
        font-size: 16px;
    }
    .what-offer ul li div p {
        font-size: 13px;
    }
    .what-offer ul li div a {
        font-size: 13px;
        margin: 10px 0;
        position: absolute;
        bottom: 10px;
        left: 0;
        right: 0;
        margin: auto;
        color: #ea333f;
        font-weight: 600;
    }
    .what-offer h3 {
        font-size: 22px;
        margin: 10px 0 5px;
    }
    .what-offer p {
        font-size: 14px;
    }
    .what-offer > div > ul {
        margin: 0;
    }
    .leftcont-ban a {
        font-size: 13px;
        height: auto !important;
        padding: 6px 10px;
        width: auto !important;
        background: #fff;
        color: #242424;
        display: inline-block;
        font-weight: 600;
    }
    .leftcont-ban a i.btnarow {
        display: none !important;
    }
    .mainhome .bannermm .leftcont-ban a:hover,
    .mainhome .bannermm.animbanner .leftcont-ban a:hover,
    .mainhome .bannermm.webbanner .leftcont-ban a:hover {
        width: auto;
        color: #242424;
    }
    .portfolio-mmbx .leftcont-ban a {
        width: 128px;
        height: 27px;
        font-size: 12px;
    }
    .leftcont-ban a {
        padding: 10px 12px;
        margin-top: 18px !important;
        width: 90% !important;
        font-size: 16px !important;
    }
    .service-tab .container.text-center.bounce.animated {
        display: none;
    }
    .portfolio-mmbx .leftcont-ban a:hover {
        width: 180px;
    }
    .det-packages .sechead h3 {
        font-size: 20px;
    }
    .bannermm a.logobtnsstart:hover {
        width: 268px;
    }
    .inner-pg .bannermm .leftcont-ban h1 {
        font-size: 18px;
    }
    body.inner-pg .bannermm .leftcont-ban p {
        font-size: 14px;
        padding: 5px 0;
    }
    .enterprices-bundles .totalpackagespricess {
        margin: 0;
        padding: 0;
    }
    .enterprices-bundles .sechead {
        margin: 0;
    }
    .enterprices-bundles h3:before {
        display: none;
    }
    .portfoliomaindivs .tabschildrens {
        margin-top: 0;
    }
    .det-packages .boxpackages .packheads h3 {
        margin: 0 0 2px;
    }
    .det-packages .boxpackages .packheads p {
        min-height: auto;
    }
    .packdetails .packtitles .fright h4 {
        font-size: 12px;
        margin: -2px 0 6px 0;
        line-height: 18px;
    }
    .packdetails .packtitles .fright h4 b:before {
        top: 11px;
        left: -3px;
    }
    .packdetails .listpacks {
        padding: 10px 0;
    }
    .packdetails .listpacks li {
        padding: 5px 16px;
    }
    .packdetails .listpacks li:before {
        font-size: 11px;
        top: 8px;
    }
    .botarea-pack .fleft {
        padding-right: 10px;
    }
    .packdetails .botarea-pack {
        padding: 5px 0 0;
    }
    .packdetails .botarea-pack a.btn-orders {
        width: 100%;
        text-align: center;
    }
    .packdetails .botarea-pack .liovechats-bx a span:before {
        font-size: 13px;
        right: -15px;
    }
    .boxpackages .packdetails .listpacks h3 {
        font-size: 14px;
        margin: 10px 0 5px;
    }
    .packdetails .listpacks {
        height: 200px;
    }
    .det-packages .boxpackages:hover {
        transform: scale(1.05);
    }
    .mCSB_outside + .mCSB_scrollTools {
        right: -16px;
    }
    .logo {
        text-align: center;
    }
    header .logo {
        width: 100%;
        padding-top: 56px;
    }
    a.toggle-menu:before {
        font-size: 25px;
        left: 26px;
        top: 50px !important;
        z-index: 999999;
        position: absolute;
    }
    .cbp-spmenu h3 {
        color: #fff;
        font-size: 1.4em;
        padding: 14px;
    }
    .cbp-spmenu-vertical a {
        font-size: 14px;
        padding: 12px 10px;
    }
    .dropdown .lstnavig .liststylss > li > a {
        padding: 5px 0 5px 25px;
        font-size: 11px;
    }
    .dropdown .lstnavig .liststylss > li > a:after {
        top: 0;
        font-size: 10px;
    }
    .what-offer ul li div h3 br {
        display: none;
    }
    .portfolio-mmbx .box-ports {
        margin: 0 auto 40px;
    }
    .bannermm .container {
        margin-left: 0;
    }
    .maincta .callsdivs {
        text-align: center;
    }
    .howworks-mm .designbrief h3 {
        font-size: 17px;
    }
    .howworks-mm .designbrief p {
        font-size: 13px;
    }
    .howworks-mm .designbrief .processicons {
        transform: scale(0.7) !important;
    }
    .howworks-mm .designbrief {
        margin: -28px 0 0 0;
    }
    .howworks-mm .designbrief h3 {
        margin-top: -17px;
    }
    .brdcrme li {
        padding: 6px 12px;
    }
    .brdcrme li + li:before {
        top: 5px;
    }
    .what-offer ul li div {
        padding: 7px 10px 0;
        min-height: 190px;
    }
    .leftcont-ban a {
        margin: 5px 0 0;
    }
    .incred-expe .content-incred h3 {
        font-size: 24px !important;
    }
    .inner-pages .bannermm .leftcont-ban,
    .inner-pg .bannermm .leftcont-ban {
        margin-top: 20px;
    }
    .types-box h5 {
        padding: 10px 0 5px;
        font-size: 16px;
    }
    .animation-service .srvc-box {
        max-width: 345px;
        margin: 0 auto 10px;
    }
    .pricerange-main .pricingbox .iconsbx {
        transform: scale(0.6);
    }
    .pricerange-main .pricingbox li h3 {
        margin-top: -13px;
        margin-bottom: 8px;
        line-height: normal;
    }
    .pricerange-main .pricingbox li a {
        margin-top: -18px;
    }
    .mainvideo-dur {
        padding: 0 10px;
    }
    .pricerange-main .video-duration h6 {
        font-size: 16px;
    }
    input[type="range"] {
        max-width: 300px;
    }
    .slider {
        height: 18px;
    }
    .slider::-webkit-slider-thumb {
        height: 18px;
        border-width: 2px;
    }
    .animation-pricing {
        margin-top: 8px;
        padding: 5px 0;
    }
    .animation-pricing h6 {
        font-size: 14px;
        margin: 0 0 5px;
    }
    .animation-pricing h5 {
        font-size: 18px;
    }
    .pricerange-main .video-qty {
        padding: 4px 0;
    }
    .pricerange-main .video-qty h6,
    .pricerange-main .video-qty label {
        margin-bottom: 12px;
        font-size: 16px;
    }
    .pricerange-main .video-qty #videoqty {
        margin: 0 5px 0 0;
        padding: 0 5px;
    }
    .mainpriceng-count .leftcont-ban a {
        margin-top: 15px;
    }
    .video-development .vd-devp-fr h2 {
        font-size: 20px;
    }
    .video-development {
        padding: 10px 0;
    }
    .video-development .vd-devp-fr p {
        font-size: 13px;
    }
    .incred-expe,
    .testimonials {
        padding: 10px 0 10px;
    }
    .branding-portfolio > div > div.row {
        margin: 0;
    }
    .branding-portfolio {
        padding: 10px 0;
        text-align: center;
    }
    .branding-portfolio .nopadd-l {
        padding-left: 15px;
    }
    .c-tabs .col-md-3 h3 {
        font-size: 20px;
        margin: 5px 0 0;
    }
    .c-tabs .col-md-3 p {
        font-size: 14px;
        margin: 5px 0;
    }
    .c-tabs .tabs-list {
        margin: 10px 0;
        display: flex;
        flex-wrap: wrap;
        text-align: center;
    }
    .c-tabs .tabs-list li a {
        font-size: 14px;
        padding: 6px 10px;
        border-radius: 8px;
    }
    .c-tabs .tabs-list li a:before {
        display: none;
    }
    .c-tabs .tabs-list li {
        width: 33.3333%;
        padding: 3px 4px;
        text-align: center;
        margin: 0 auto;
    }
    .c-tabs .tabs-list li:nth-child(1) a {
        border: 1px solid #111;
    }
    .c-tabs .tabs-list li:nth-child(2) a {
        border: 1px solid #904d83;
    }
    .c-tabs .tabs-list li:nth-child(3) a {
        border: 1px solid #68797a;
    }
    .c-tabs .tabs-list li:nth-child(4) a {
        border: 1px solid #452b78;
    }
    .c-tabs .tabs-list li.active:nth-child(1) a {
        background: #111;
    }
    .c-tabs .tabs-list li.active:nth-child(2) a {
        background: #904d83;
    }
    .c-tabs .tabs-list li.active:nth-child(3) a {
        background: #68797a;
    }
    .c-tabs .tabs-list li.active:nth-child(4) a {
        background: #452b78;
    }
    .branding-portfolio .c-tabs .tab-content.active {
        margin-left: 0;
    }
    .incred-expe .padtop150 {
        padding-top: 0;
    }
    body.inner-pages .bannermm .leftcont-ban h1 {
        margin-top: 0;
    }
    .about-phylosophy-bg .phylosophy-box:after {
        display: none;
    }
    .gettouchfaqs h3 {
        font-size: 22px;
        text-align: center;
    }
    .gettouchfaqs {
        padding: 10px 0;
    }
    .gettouchfaqs .packagesbxs .toptabs1 {
        text-align: center;
    }
    .gettouchfaqs .packagesbxs .toptabs1 a {
        padding: 5px 15px;
        font-size: 13px;
        margin-bottom: 7px;
    }
    .gettouchfaqs .packagesbxs {
        padding: 10px 0;
    }
    .accordion-faq a.accord-tab {
        padding: 10px 10px;
        font-size: 12px;
    }
    .accordion-faq > li:after {
        font-size: 18px;
    }
    .sitemap-main .termcndtn br {
        display: none;
    }
    .sitemap-main .termcndtn p strong {
        margin-top: 5px;
    }
    .ulsme-ctct ul li + li::before {
        font-size: 10px;
    }
    body.sitemap-main .sec-pad.termcndtn.sp-section .row {
        padding: 0 10px;
        height: 555px;
    }
    .sitemap-main .col-sm-5ths {
        width: 33.3333%;
        padding-left: 5px;
        padding-right: 5px;
    }
    .sitemap-main .sp-section h3 {
        font-size: 16px;
        margin: 10px 0 5px;
    }
    .sitemap-main .termcndtn ul li {
        font-size: 14px;
        padding: 3px 5px 3px 14px;
    }
    .sitemap-main .termcndtn ul li:before {
        top: 6px;
    }
    body.sitemap-main .termcndtn {
        padding: 10px 0;
    }
    .contact-form-main .red-bg {
        padding: 6px 10px;
    }
    .contact-form-main .red-bg h3 {
        font-size: 20px;
        margin: 0 0 8px;
    }
    .contact-form-main .red-bg h4 {
        font-size: 16px;
    }
    .contact-form-main .red-bg p {
        margin: 0 auto 6px;
        font-size: 14px;
        max-width: 210px;
    }
    .contact-form-main .red-bg .social-icons > div {
        margin: 5px 0;
    }
    .contact-main {
        margin: 0 0 20px;
    }
    .contact .sechead {
        margin-bottom: 0;
    }
    .custom-popup h3 {
        font-size: 22px;
    }
    .custom-popup p {
        font-size: 17px;
    }
    .custom-popup a.closed::before {
        padding: 0 6px;
        top: -41px;
        right: 0;
        font-size: 17px;
    }
    .custom-popup > div {
        padding: 51px 20px 20px;
    }
    .incred-expe .content-incred p {
        font-size: 14px;
    }
    .testmonials .nav {
        flex-wrap: wrap;
    }
    .testmonials .nav li {
        float: none;
        width: auto;
        margin-right: 5px;
        margin-bottom: 8px;
    }
    .reviews_box_wrap {
        padding: 30px 20px 30px;
    }
    .reviews_box_wrap p {
        padding: 20px 20px 10px;
        min-height: 170px;
    }
    .review_box_btn .btn_gradient {
        margin-bottom: 15px;
    }
    .testmonials {
        margin-bottom: 20px;
    }
    .testimonial-slider .testi-img img {
        width: auto;
    }
    .testimonial-slider .testi-img {
        float: left;
    }
    .testi-txt h2 {
        font-size: 18px;
        margin: 0;
    }
    .testi-txt p {
        margin-bottom: 0;
    }
    .testi-p {
        font-size: 15px;
        line-height: 25px;
        margin-top: 15px;
        margin-bottom: 15px;
    }
}
@media (max-width: 599px) {
    . what-offer ul li div {
        padding: 7px 10px 0;
        min-height: 170px;
    }
    .leftcont-ban a {
        width: 100% !important;
        font-size: 14px !important;
    }
    .floating_form {
        display: none !important;
    }
    .about-points .col-xs-6 {
        width: 100%;
        border-bottom: 1px solid #dadada;
        padding-bottom: 18px;
    }
    .about-points .col-xs-6:last-child {
        border-bottom: 0;
    }
    .accessible {
        margin-top: 10px;
    }
    .point-txt:after {
        content: none;
    }
    .t-n-w {
        margin: 0;
        margin-top: 30px;
    }
    .boxes {
        padding: 10px 0;
    }
    .contact-img ul {
        display: inline-block;
    }
    .contact-img ul li {
        margin-bottom: 20px;
    }
    .award {
        padding: 30px 0 0;
    }
    .award .contact-img ul li {
        display: inline-block;
    }
    .inner-service-logo-box h3 {
    font-size: 25px;
}
.inner-service-logo-box {
    height: 185px;
    margin: 20px 0px;
}
}
@media (max-width: 480px) {
    .banner_inner .leftcont-ban {
        padding-top: 0;
    }
    .banner-form input {
        font-size: 11px;
    }
    .home-class .bannermm {
        height: 730px !important;
        align-items: start;
    }
    .home-mainsliders-homes .banner-form-box {
        width: 79%;
    }
    .creative-digital .sechead ul li {
        width: 100%;
    }
    .creative-digital .sechead ul li:first-child a {
        display: inline-block;
        width: 100%;
    }
    .creative-digital .sechead ul li:last-child a {
        display: inline-block;
        width: 100%;
        margin-left: 0;
    }
    .creative-digital .sechead ul {
        margin-top: 0;
    }
    .creative-left-container {
        margin-top: 40px;
    }
    .creative-left-container .col-xs-6 {
        padding-right: 4px;
        padding-left: 4px;
    }
    .service-tab ul li .creative-section-box {
        padding-left: 10px;
        padding-right: 10px;
    }
    .testi-content {
        width: 100%;
    }
    .creative-section p {
        font-size: 13px;
    }
    ul.nav.nav-tabs li.col-xs-6 {
        padding-right: 6px;
        padding-left: 6px;
    }
    .client-area {
        padding-top: 20px;
        margin: 0 0 160px 0;
    }
    .client-identity-img {
        width: 50% !important;
        text-align: center;
        left: auto;
        float: right;
        top: 16px;
    }
    header {
        height: 100px;
    }
    .slick-dots {
        padding: 0 30px;
    }
    .service-tab {
        padding-bottom: 16px;
    }
    .client-content h5 {
        font-size: 20px;
    }
    .client-wrapper p {
        font-size: 16px;
        padding-right: 0;
        margin-top: 12px;
    }
    .sitemap-main.stp .termcndtn ul li:before {
        top: 6px;
    }
    .homeport-mm .leftcont-ban {
        max-width: initial;
    }
    .video-development .vd-devp-fr h2 {
        font-size: 18px;
    }
    .incred-expe .content-incred p {
        font-size: 13px;
    }
    .about-phylosophy-bg .phylosophy-box i {
        transform: scale(0.8);
        margin: -28px auto;
    }
    .web-design .slick-dotted.slick-slider {
        margin-bottom: 40px;
    }
    .bannermm .leftcont-ban h1,
    .bannermm .leftcont-ban h1 span {
        font-size: 16px;
    }
    .leftcont-ban {
        max-width: 100%;
        width: 100%;
        text-align: center;
    }
    .custom-popup h3 {
        font-size: 20px;
    }
    .custom-popup p {
        font-size: 16px;
    }
    .fixedform-1 .input-btn > input {
        padding: 6px 0;
        font-size: 14px;
    }
    .fixedform-1 .input-btn {
        width: 80%;
    }
    .fixedform-1 form {
        margin: 10px 0;
    }
    .fixedform-1 .mm-field textarea {
        padding-left: 14px;
    }
    .testimonials .testi .testi-desc i,
    .testimonials .testi .testi-desc ul li {
        font-size: 11px;
    }
    .det-packages .boxpackages,
    .logopackages-p .det-packages .tabscontent .col-md-4:nth-child(n + 4) .boxpackages {
        max-width: 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%;
    }
    .portfoliomaindivs .topbartabs {
        padding: 0 10px;
    }
    .bannermm .container {
        margin-left: 0;
    }
    .inner-pages .bannermm .leftcont-ban,
    .inner-pg .bannermm .leftcont-ban {
        margin-top: 0;
        text-shadow: 1px 1px 1px #000;
    }
    .howworks-mm .designbrief .processicons {
        transform: scale(0.5) translateX(-5px) !important;
    }
    .howworks-mm .designbrief {
        margin: -47px 0 0 0;
    }
    .howworks-mm .designbrief h3 {
        margin: -41px 0 5px;
        font-size: 14px;
    }
    .howworks-mm {
        margin: 0;
    }
    .incred-expe .content-incred h5 {
        font-size: 16px;
        margin: 0 0 9px;
    }
    .brdcrme li {
        padding: 3px 12px;
        font-size: 13px;
    }
    .brdcrme li + li:before {
        top: 4px;
    }
    .footer-bottom {
        padding: 2px 0;
        text-align: center;
    }
    footer .brdr-top {
        padding: 5px 0 0 0;
    }
    .testimonials .testi .testi-img::before {
        display: none;
    }
    .pricerange-main .pricingbox li {
        width: 50%;
    }
    .pricerange-main .pricingbox li h3 {
        margin-top: -15px;
        font-size: 12px;
    }
    .pricerange-main .pricingbox {
        margin: 0;
    }
    .pricerange-main .video-duration h6 {
        font-size: 14px;
        margin: 5px 0;
    }
    .animation-pricing h6 {
        font-size: 12px;
        margin: 0 0 0;
    }
    .animation-pricing h5 {
        font-size: 14px;
    }
    .animation-pricing {
        margin-top: 2px;
    }
    .pricerange-main .video-duration span {
        font-size: 13px;
    }
    input[type="range"] {
        margin: 0 auto 2px;
        max-width: 230px;
    }
    .pricerange-main .video-qty h6,
    .pricerange-main .video-qty label {
        margin: 4px 0 8px;
        font-size: 13px;
    }
    .pricerange-main .video-qty #videoqty {
        font-size: 12px;
    }
    .slider {
        height: 15px;
    }
    .slider::-webkit-slider-thumb {
        height: 15px;
        border-width: 1px;
    }
    .animation-service .srvc-box .srvc-lft img,
    .animation-service .srvc-box .srvc-lft video {
        width: 50px;
    }
    .animation-service .srvc-box .srvc-rht h4 {
        font-size: 14px;
    }
    .animation-service .srvc-box .srvc-rht p {
        font-size: 12px;
        line-height: normal;
    }
    .animation .animation-service {
        margin-top: 10px;
    }
    body.inner-pg.animation.logopackages-p .bannermm .leftcont-ban h1 {
        margin: 45px 0 0;
    }
    .branding-portfolio .nopadd-l {
        margin-left: 0;
    }
    .c-tabs .tabs-list li a {
        font-size: 11px;
        padding: 4px 8px;
    }
    .branding-portfolio .c-tabs .tab-content {
        margin-left: 0;
    }
    .branding-portfolio .c-tabs-description h3 {
        font-size: 18px;
        margin: 2px 0 5px;
    }
    .branding .branding-portfolio .c-tabs-description p {
        font-size: 13px;
        line-height: 20px;
    }
    .branding .branding-portfolio .c-tabs-description a {
        padding: 3px 22px;
        font-size: 14px;
    }
    .branding .branding-portfolio .bg1-description img {
        margin: -15px auto 0;
    }
    .branding-portfolio .nopadd-l {
        padding: 0;
    }
    body .bannermm .leftcont-ban p {
        font-size: 12px;
        margin: 5px 0;
    }
    .gettouchfaqs h3 {
        font-size: 18px;
        margin: 0 0;
    }
    .gettouchfaqs .packagesbxs {
        padding: 10px;
    }
    .gettouchfaqs .packagesbxs .toptabs1 {
        margin-bottom: 0;
    }
    .gettouchfaqs .packagesbxs .toptabs1 a {
        padding: 3px 9px;
        font-size: 12px;
        margin-bottom: 4px;
    }
    .accordion-faq a.accord-tab {
        padding: 7px 4px;
        font-size: 11px;
    }
    .accordion-faq > li:after {
        font-size: 15px;
    }
    .sitemap-main .col-sm-5ths {
        width: 50%;
        padding-left: 5px;
        padding-right: 5px;
    }
    .sitemap-main .sp-section h3 {
        font-size: 16px;
        margin: 10px 0 2px;
    }
    .sitemap-main .termcndtn ul li {
        font-size: 13px;
        padding: 3px 5px 3px 14px;
    }
    .sitemap-main .termcndtn ul li:before {
        top: 5px;
    }
    body.sitemap-main .termcndtn {
        padding: 5px 0 10px;
    }
    body.sitemap-main .sec-pad.termcndtn.sp-section .row {
        height: 676px;
    }
    .col-480-100 {
        width: 100% !important;
    }
    .contact-form-main .red-bg h3 {
        font-size: 20px;
        margin: 0 0 5px;
    }
    .contact-form-main .red-bg h4 {
        font-size: 14px;
        margin: 5px 0 4px;
        line-height: normal;
    }
    .contact-form-main .red-bg p {
        margin: 0 auto 5px;
    }
    .contact-main {
        margin: 0 0 10px;
    }
    .contact-form-main .gray-bg {
        padding: 10px;
    }
    .contact-form-main .gray-bg h4 {
        font-size: 14px;
        margin: 0 0 10px 0;
        text-align: center;
        display: block;
    }
    .contact-form-main .gray-bg .field input[type="text"],
    .contact-form-main .gray-bg .field select,
    .contact-form-main .gray-bg .field textarea {
        padding: 7px 10px 7px 27px;
        font-size: 12px;
    }
    .contact-form-main .gray-bg .field i.user {
        top: 6px;
        left: 5px;
        transform: scale(0.8);
    }
    .contact-form-main .gray-bg .field i.email {
        top: 9px;
        left: 6px;
        transform: scale(0.9);
    }
    .contact-form-main .gray-bg .field i.select {
        top: 8px;
        left: 5px;
        transform: scale(0.9);
    }
    .mm-field.email fieldset,
    .mm-field.name fieldset {
        top: 6px;
        left: 27px;
        font-size: 12px;
    }
    .intl-tel-input .selected-flag .iti-flag {
        transform: scale(0.8) translateX(-6px);
    }
    .intl-tel-input.separate-dial-code .selected-dial-code {
        font-size: 12px;
    }
    .contact-form-main .mm-field.phone fieldset {
        top: 6px !important;
        left: 90px;
        font-size: 11px;
    }
    .contact-form-main {
        margin: 0;
    }
    .contact-form-main .mm-field.textarea textarea {
        padding: 12px 10px;
        height: 130px;
    }
    .contact-form-main .mm-field.textarea fieldset {
        font-size: 11px;
    }
    .contact-form-main .mm-field fieldset.active {
        font-size: 7px !important;
        top: 0 !important;
    }
    .mm-field.textarea fieldset {
        left: 10px;
        top: 6px;
    }
    .contact-form-main .gray-bg .field {
        margin: 0 0 10px 0;
    }
    .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input,
    .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type="tel"],
    .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type="text"] {
        font-size: 11px;
    }
    .contact-form-main .gray-bg .submit {
        margin: 10px auto 0;
        max-width: 150px;
    }
    .contact-form-main .gray-bg .submit:before {
        left: 18px;
        top: 8px;
        transform: scale(0.7) translate(0, -7px);
    }
    .contact-form-main .gray-bg .submit input[type="submit"] {
        height: auto;
        padding: 5px 10px 5px 45px;
        font-size: 13px;
    }
    .det-packages .toptabs1 li a {
        border-radius: 0;
    }
    .service-tab-content-wrap {
    padding-right: 0;
}
.home-class .bannermm {
    height: 340px !important;
}
.leftcont-ban a img {
    margin-left: 7px;
    width: 11%;
}
.portfolio-mmbx .box-ports img {
    width: 458px;
    height: 418px;
}
}

@media (max-width: 360px) {
    footer .brdr-top .subcribe button {
        left: auto;
        right: 21px;
        padding: 4px 16px;
    }
    .howworks-mm .designbrief .processicons {
        transform: scale(0.5) translateX(0) !important;
    }
    .what-offer ul li div {
        padding: 9px 5px 0;
        min-height: 125px;
    }
    body.sitemap-main .sec-pad.termcndtn.sp-section .row {
        height: auto;
    }
    .sitemap-main .col-sm-5ths {
        width: 100%;
    }
}
@media (max-width: 320px) {
    .contact-form-main .mm-field.phone fieldset {
        left: 85px;
        top: 0;
        font-size: 11px;
    }
}