/* RESPONSIVE CSS */

/*----------------------------- Large Screens -------------------------------*/


@media only screen and (max-width :1700px) and (min-width: 1367px) {

    /*========================================================================*/
    /*Home*/
    /*========================================================================*/

    /*========================================================================*/
    /*About Us*/
    /*========================================================================*/

    .header-but a {
        right: 0;
    }

    .our-team-img-2:before {
        bottom: 125px;
        right: 10%;
        height: 129px;
        width: 34px;
    }

    /*========================================================================*/
    /*FAQ*/
    /*========================================================================*/

    /*========================================================================*/
    /*Portfolio*/
    /*========================================================================*/


    /*========================================================================*/
    /*Contact us*/
    /*========================================================================*/

    /*========================================================================*/
    /*Custom-php-e-commerce*/
    /*========================================================================*/
    #mega-menu-wrap-header-menu #mega-menu-header-menu>li.mega-menu-item>a.mega-menu-link {
        font-size: 16px;
    }

    .section4-custom-design.sec-4-custom-php {

        background-size: cover;
    }

    /*========================================================================*/
    /*Custom-design-woo-commerce development*/
    /*========================================================================*/

    /*========================================================================*/
    /*Shopify-E-commerce-Websites*/
    /*========================================================================*/

    /*========================================================================*/
    /*Multi-Vendor-E-commerce-Website*/
    /*========================================================================*/

    /*========================================================================*/
    /*E-Commerce Website Maintenance*/
    /*========================================================================*/

    /*========================================================================*/
    /*Faebook Marketing*/
    /*========================================================================*/

    /*========================================================================*/
    /*Intagram Marketing*/
    /*========================================================================*/

    /*========================================================================*/
    /*Linke Inn Marketing*/
    /*========================================================================*/

    /*========================================================================*/
    /*Twitter Marketing*/
    /*========================================================================*/

    /*========================================================================*/
    /*All Social Media Platform*/
    /*========================================================================*/

    /*========================================================================*/
    /*Remrketing*/
    /*========================================================================*/

    /*========================================================================*/
    /*Google Adwords*/
    /*========================================================================*/

    /*========================================================================*/
    /*Shopping Ads*/
    /*========================================================================*/


    /*========================================================================*/
    /*Google Adsense*/
    /*========================================================================*/

    .section6-custom-design-multivendor.sem-google-adsense-sec-5 {
        background-size: cover;
    }

    /*========================================================================*/
    /*Youtube Marketing*/
    /*========================================================================*/

    /*========================================================================*/
    /*Mobile Ads*/
    /*========================================================================*

/*========================================================================*/
    /*Off Page SEO*/
    /*========================================================================*/

    /*========================================================================*/
    /*On Page SEO*/
    /*========================================================================*/

    /*========================================================================*/
    /*SEO SETUP*/
    /*========================================================================*/

    /*========================================================================*/
    /*SEO Local SEO*/
    /*========================================================================*/
    .section6-custom-design-multivendor.sem-mob-ad-sec-5.sec-4-local-seo {
        background-size: cover;
    }

    /*========================================================================*/
    /*SEO Intrnational SEO*/
    /*========================================================================*/

    /*========================================================================*/
    /*Mobile App IOS*/
    /*========================================================================*/

    /*========================================================================*/
    /*Mobile App Android*/
    /*========================================================================*/

    .section6-custom-design-multivendor.sem-mob-app-ios-sec-5.sem-mob-app-and-sec-5 {
        background-repeat: repeat;
    }

    .sec-5-rgt-facebook-mark.sec-5-rgt-mob-ios.sec-5-rgt-mob-and-app img {
        max-width: 65% !important;
        padding-top: 30px;
        margin: auto;
    }

    /*========================================================================*/
    /*Mobile App Windows*/
    /*========================================================================*/
    .sec-5-rgt-facebook-mark.sec-5-rgt-mob-ios.sec-5-rgt-mob-wind-app img {
        padding-top: 20px;
        max-width: 70% !important;
    }

    /*========================================================================*/
    /*Mobile App Maintenance*/
    /*========================================================================*/

    /*========================================================================*/
    /*UI UX Design*/
    /*========================================================================*/

    /*========================================================================*/
    /*Word Press Design*/
    /*========================================================================*/

    /*========================================================================*/
    /*Landing Page Design*/
    /*========================================================================*/

    /*========================================================================*/
    /*Portfolio Website Design*/
    /*========================================================================*/

    /*========================================================================*/
    /*Corporate Website Design*/
    /*========================================================================*/

    /*========================================================================*/
    /*E-Commerce Website Design*/
    /*========================================================================*/

    /*========================================================================*/
    /*Php-Web development Design*/
    /*========================================================================*/

    /*========================================================================*/
    /*Content Marketing 2*/
    /*========================================================================*/


}

@media only screen and (max-width :1366px) and (min-width: 1281px) {

    /*===========================================
        HEADER
    ==========================================*/
    header .container {
        width: 1320px;
        max-width: 90%;
        margin: 0 auto;
    }

    .header-but a p:after {
        right: 16px;
    }

    /*home*/
    .our-key-header img.our-svg1 {
        position: absolute;
        top: 9px;
        left: 648px;
    }

    .our-key-header img.our-svg2 {
        position: absolute;
        top: 8px;
        left: 415px;
    }

    .our-info h4 {
        font-size: 14px;
    }

    .our-key-info ul {
        grid-gap: 20px;
        margin-top: 22px;
        padding: 0;
    }

    .ser-img-sec img.ser-svg2 {
        position: absolute;
        top: 240px;
        left: -20px;
        width: 70px;
    }

    .choose-sec-header img.chose-svg1 {
        position: absolute;
        top: 8px;
        left: 390px;
    }

    .choose-sec-header img.chose-svg2 {
        position: absolute;
        top: 7px;
        left: 756px;
    }

    .choose-content p {
        font-size: 14px;
    }

    .choose-img span {
        width: 60%;
    }

    .header-svg img.header-svg1 {
        position: absolute;
        top: 8px;
        left: 434px;
    }

    .header-svg img.header-svg2 {
        position: absolute;
        top: 9px;
        left: 714px;
    }

    img.snap-svg1 {
        position: absolute;
        top: 10px;
        left: 446px;
    }

    img.snap-svg2 {
        position: absolute;
        top: 10px;
        left: 701px;
    }

    .testimonail-header img.test-svg2 {
        position: absolute;
        top: 8px;
        left: 668px;
    }

    .testimonail-header img.test-svg1 {
        position: absolute;
        top: 8px;
        left: 480px;
    }

    .clients-header img.client-svg2 {
        position: absolute;
        top: 9px;
        left: 655px;
    }

    .clients-header img.client-svg1 {
        position: absolute;
        top: 8px;
        left: 491px;
    }

    .faqs-header img.faqs-svg1 {
        position: absolute;
        top: 8px;
        left: 528px;
    }

    .faqs-header img.faqs-svg2 {
        position: absolute;
        top: 7px;
        left: 617px;
    }
    .lft-bar {
        width: 43%;
    }

    /*========================================================================*/
    /*Home*/
    /*========================================================================*/

    /*========================================================================*/
    /*About Us*/
    /*========================================================================*/

    /*========================================================================*/
    /*FAQ*/
    /*========================================================================*/

    /*========================================================================*/
    /*Portfolio*/
    /*========================================================================*/

    /*========================================================================*/
    /*Contact us*/
    /*========================================================================*/

    /*========================================================================*/
    /*Custom-php-e-commerce*/
    /*========================================================================*/

    /*========================================================================*/
    /*Custom-design-woo-commerce development*/
    /*========================================================================*/

    /*========================================================================*/
    /*Shopify-E-commerce-Websites*/
    /*========================================================================*/

    /*========================================================================*/
    /*Multi-Vendor-E-commerce-Website*/
    /*========================================================================*/

    /*========================================================================*/
    /*E-Commerce Website Maintenance*/
    /*========================================================================*/

    .footer-lft-inrgt section#nav_menu-9 {
        margin-top: 41px;
    }

    /*========================================================================*/
    /*Faebook Marketing*/
    /*========================================================================*/

    /*========================================================================*/
    /*Intagram Marketing*/
    /*========================================================================*/


    /*========================================================================*/
    /*Linke Inn Marketing*/
    /*========================================================================*/

    /*========================================================================*/
    /*Twitter Marketing*/
    /*========================================================================*/

    /*========================================================================*/
    /*All Social Media Platform*/
    /*========================================================================*/

    /*========================================================================*/
    /*Remrketing*/
    /*========================================================================*/


    /*========================================================================*/
    /*Google Adwords*/
    /*========================================================================*/

    /*========================================================================*/
    /*Shopping Ads*/
    /*========================================================================*/

    /*========================================================================*/
    /*Google Adsense*/
    /*========================================================================*/

    /*========================================================================*/
    /*Youtube Marketing*/
    /*========================================================================*/

    /*========================================================================*/
    /*Mobile Ads*/
    /*========================================================================*/

    /*========================================================================*/
    /*Off Page SEO*/
    /*========================================================================*/

    /*========================================================================*/
    /*On Page SEO*/
    /*========================================================================*/

    /*========================================================================*/
    /*SEO SETUP*/
    /*========================================================================*/

    /*========================================================================*/
    /*SEO Local SEO*/
    /*========================================================================*/
    .section6-custom-design-multivendor.sem-mob-ad-sec-5.sec-4-local-seo {
        background-size: contain;
    }

    /*========================================================================*/
    /*SEO Intrnational SEO*/
    /*========================================================================*/
    .section6-custom-design-multivendor.sem-mob-ad-sec-5.sec-4-int-seo {
        background-size: contain;
        background-repeat: repeat;
    }

    /*========================================================================*/
    /*Mobile App IOS*/
    /*========================================================================*/

    .section6-custom-design-multivendor.sem-mob-app-ios-sec-5 {
        background-size: contain;
        background-repeat: repeat;
    }

    /*========================================================================*/
    /*Mobile App Android*/
    /*========================================================================*/

    .section6-custom-design-multivendor.sem-mob-app-ios-sec-5.sem-mob-app-and-sec-5 {
        background-repeat: repeat;
    }

    /*========================================================================*/
    /*Mobile App Windows*/
    /*========================================================================*/

    /*========================================================================*/
    /*Mobile App Maintenance*/
    /*========================================================================*/

    /*========================================================================*/
    /*UI UX Design*/
    /*========================================================================*/

    /*========================================================================*/
    /*Word Press Design*/
    /*========================================================================*/

    /*========================================================================*/
    /*Landing Page Design*/
    /*========================================================================*/

    /*========================================================================*/
    /*Portfolio Website Design*/
    /*========================================================================*/

    /*========================================================================*/
    /*Corporate Website Design*/
    /*========================================================================*/
    .section6-custom-design-multivendor.sem-mob-app-ios-sec-5.sem-mob-app-wind-sec-5.sec-5-corp-web-design {
        background-size: contain;
        background-repeat: repeat;
    }

    .sec-5-rgt-facebook-mark.sec-5-rgt-mob-ios.sec-5-rgt-mob-wind-app.section-5-corp-web-img img {
        padding-top: 20px;
    }

    /*========================================================================*/
    /*E-Commerce Website Design*/
    /*========================================================================*/

    /*========================================================================*/
    /*Php-Web development Design*/
    /*========================================================================*/

    /*========================================================================*/
    /*Content Marketing 2*/
    /*========================================================================*/


}

/*----------------------------- Small Laptop -------------------------------*/
@media only screen and (max-width :1280px) and (min-width: 1101px) {
    #mega-menu-wrap-header-menu #mega-menu-header-menu>li.mega-menu-item>a.mega-menu-link {
        font-family: Poppins-Medium;
        border: 1px solid transparent;
        font-size: 12px;
    }

    .site-header .header-right {
        width: 79%;
    }

    .header-but {
        /*width: 15%;*/
        /*position: absolute;*/
        /*right: -4px;*/
        /*top: 5px;*/
    }

    .our-key-header img.our-svg2 {
        position: absolute;
        top: 8px;
        left: 377px;
    }

    .our-key-header img.our-svg1 {
        position: absolute;
        top: 9px;
        left: 611px;
    }

    .our-key-header img.our-svg3 {
        position: absolute;
        top: -5px;
        right: -96px;
    }

    .our-info h4 {
        font-size: 12px;
    }

    .ser-img-sec img.ser-svg2 {
        position: absolute;
        top: 217px;
        left: -20px;
    }

    .choose-sec-header img.chose-svg2 {
        position: absolute;
        top: 7px;
        left: 719px;
    }

    .choose-sec-header img.chose-svg1 {
        position: absolute;
        top: 8px;
        left: 355px;
    }

    .choose-img span {
        width: 62%;
    }

    .choose-content p {
        font-size: 14px;
    }

    .header-svg img.header-svg1 {
        position: absolute;
        top: 8px;
        left: 398px;
    }

    .header-svg img.header-svg2 {
        position: absolute;
        top: 9px;
        left: 676px;
    }

    img.header-svg3 {
        position: absolute;
        top: 379px;
        left: 0;
    }

    img.snap-svg1 {
        position: absolute;
        top: 10px;
        left: 410px;
    }

    img.snap-svg2 {
        position: absolute;
        top: 10px;
        left: 663px;
    }

    .snap-detail-sec p {
        width: 70%;
    }

    .clients-header img.client-svg1 {
        top: 8px;
        left: 455px;
    }

    .clients-header img.client-svg2 {
        top: 9px;
        left: 617px;
    }

    .faqs-header img.faqs-svg1 {
        position: absolute;
        top: 8px;
        left: 492px;
    }

    .faqs-header img.faqs-svg2 {
        position: absolute;
        top: 7px;
        left: 581px;
    }

    #menu-footer-bottom-menu {
        width: 80%;
        margin: 0 auto;
    }

    .our-founder-header img.founder-svg1 {
        position: absolute;
        top: 10px;
        left: 156px;
    }

    .our-founder-header img.founder-svg2 {
        position: absolute;
        top: 10px;
        left: 359px;
    }

    .our-founder-content h4 {
        font-size: 24px;
    }
    .lft-bar {
        width: 43%;
    }
    /*NEW BANNER*/
    .form-on-banner.content-marketing {
        right: 5%;
    }

    /*========================================================================*/
    /*Home*/
    /*========================================================================*/

    /*========================================================================*/
    /*About Us*/
    /*========================================================================*/

    .our-team-img-2:before {
        display: none;
    }

    .company-pro-sec {
        padding: 50px 30px;
    }

    .pro-svgs img.pro-svg1 {
        top: 218px;
        right: -11px;
        width: 38px;
    }

    /*========================================================================*/
    /*FAQ*/
    /*========================================================================*/

    /*========================================================================*/
    /*Portfolio*/
    /*========================================================================*/

    /*========================================================================*/
    /*Contact us*/
    /*========================================================================*/

    /*========================================================================*/
    /*Custom-php-e-commerce*/
    /*========================================================================*/

    .header-but a {
        vertical-align: -40px;
        right: 0;
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu>li.mega-menu-item>a.mega-menu-link {
        font-size: 15px;
    }

    /*========================================================================*/
    /*Custom-design-woo-commerce development*/
    /*========================================================================*/

    /*========================================================================*/
    /*Shopify-E-commerce-Websites*/
    /*========================================================================*/

    /*========================================================================*/
    /*Multi-Vendor-E-commerce-Website*/
    /*========================================================================*/

    /*========================================================================*/
    /*E-Commerce Website Maintenance*/
    /*========================================================================*/

    /*========================================================================*/
    /*Faebook Marketing*/
    /*========================================================================*/

    /*========================================================================*/
    /*Intagram Marketing*/
    /*========================================================================*/

    /*========================================================================*/
    /*Linked Inn Marketing*/
    /*========================================================================*/

    /*========================================================================*/
    /*Twitter Marketing*/
    /*========================================================================*/

    /*========================================================================*/
    /*All Social Media Platform*/
    /*========================================================================*/

    /*========================================================================*/
    /*Remrketing*/
    /*========================================================================*/

    /*========================================================================*/
    /*Google Adwords*/
    /*========================================================================*/

    /*========================================================================*/
    /*Shopping Ads*/
    /*========================================================================*/

    .section6-custom-design-multivendor.sem-shop-ad-sec-5 {
        background-size: contain;
        background-repeat: repeat;
    }



    /*========================================================================*/
    /*Google Adsense*/
    /*========================================================================*/

    /*========================================================================*/
    /*Youtube Marketing*/
    /*========================================================================*/

    /*========================================================================*/
    /*Mobile Ads*/
    /*========================================================================*/


    /*========================================================================*/
    /*Off Page SEO*/
    /*========================================================================*/

    /*========================================================================*/
    /*On Page SEO*/
    /*========================================================================*/


    /*========================================================================*/
    /*SEO SETUP*/
    /*========================================================================*/

    /*========================================================================*/
    /*SEO Local SEO*/
    /*========================================================================*/


    /*========================================================================*/
    /*SEO Intrnational SEO*/
    /*========================================================================*/

    /*========================================================================*/
    /*Mobile App IOS*/
    /*========================================================================*/

    /*========================================================================*/
    /*Mobile App Android*/
    /*========================================================================*/

    /*========================================================================*/
    /*Mobile App Windows*/
    /*========================================================================*/

    /*========================================================================*/
    /*Mobile App Maintenance*/
    /*========================================================================*/

    /*========================================================================*/
    /*UI UX Design*/
    /*========================================================================*/

    .section6-custom-design-multivendor.sem-mob-app-ios-sec-5.web-des-ui-ux-sec-5 {
        background-size: contain;
        background-repeat: repeat;
    }

    .website-ui-ux-design-rep:nth-child(1) .website-ui-ux-design-rep-img::after {
        bottom: -10px;
        left: -7px;
    }

    .website-ui-ux-design-rep:nth-child(2) .website-ui-ux-design-rep-img::after {
        bottom: -10px;
        right: -27px;
    }

    /*========================================================================*/
    /*Word Press Design*/
    /*========================================================================*/

    /*========================================================================*/
    /*Landing Page Design*/
    /*========================================================================*/

    /*========================================================================*/
    /*Portfolio Website Design*/
    /*========================================================================*/

    /*========================================================================*/
    /*Corporate Website Design*/
    /*========================================================================*/

    /*========================================================================*/
    /*E-Commerce Website Design*/
    /*========================================================================*/

    /*========================================================================*/
    /*Php-Web development Design*/
    /*========================================================================*/

    .section5-custom-design.custom-design-background-color.sec-3-php-web-design {
        padding: 40px 0px 50px;
    }

    .sec-5-rgt-facebook-mark.section-6-e-com-img.section-6-php-des-img img {
        max-width: 82% !important;
    }

    /*========================================================================*/
    /*Content Marketing 2*/
    /*========================================================================*/
    
    /*Css on 14/02/2024*/
    
    .lft-bar span {
        flex: 0 0 65% !important;
        max-width: 65%;
    }
    .header-but {
        right: -10px;
        top: -3px;
    }
    .lft-bar p {
        flex: 0 0 31% !important;
        max-width: 31% !important;
    }
    .lft-bar {
        width: 50%;
    }
    


}

/*----------------------------- Media 1024 -------------------------------*/
@media only screen and (max-width :1100px) {
    .footer-top {
        padding: 50px 0 0;
    }
    img.custom-logo {
        width: 100%;
    }
    .rgt-bar p {
        font-size: 12px;
        color: #707070;
    }

    .rgt-bar a {
        font-size: 12px;
    }

    .lft-bar span {
        font-size: 12px;
    }

    .lft-bar a {
        font-size: 12px;
    }

    .lft-bar p {
        font-size: 14px;
        color: #707070;
        margin-top: -3px;
    }
    /*Title size*/
    .about-ban-title span.sub-title {
        font-size: 15px;
    }
    .about-ban-title h2.color-title {
        font-size: 42px;
    }

    /*.header-but {*/
    /*width: 19%;*/
    /*position: absolute;*/
    /*right: -54px;*/
    /*top: 5px;*/
    /*}*/
    /*.header-but {*/
    /*width: 19%;*/
    /*position: absolute;*/
    /*right: -54px;*/
    /*top: 1px;*/
    /*}*/
    .site-header .header-logo {
        float: left;
        width: 15%;
    }

    .site-header .header-right {
        float: right;
        width: 84%;
        margin-top: 10px;
        position: relative;
    }
    /*web stories*/
    .new-web-stories .archive-web-stories {
        grid-template-columns: repeat(3, 1fr);
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu>li.mega-menu-item>a.mega-menu-link {
        font-family: Poppins-Medium;
        border: 1px solid transparent;
        font-size: 10px;
    }

    .banner-info h4.big-txt {
        font-size: 40px;
        font-family: 'Poppins-Bold';
        color: #3F0077;
        line-height: 40px;
    }

    .banner-info h4.big-txt-2 {
        font-size: 40px;
        font-family: 'Poppins-Bold';
        color: transparent;
        -webkit-text-stroke: 2px #3f0077;
        text-stroke: 2px #3F0077;
    }

    .our-key-header img.our-svg1 {
        position: absolute;
        top: 9px;
        left: 500px;
    }

    .our-key-header img.our-svg2 {
        position: absolute;
        top: 8px;
        left: 266px;
    }

    .our-key-header img.our-svg3 {
        position: absolute;
        top: -55px;
        right: -86px;
    }

    .our-key-info ul {
        grid-gap: 16px;
        padding: 19px;
    }

    .our-key-info ul li {
        padding: 15px;
    }

    .our-info h4 {
        font-size: 10px;
    }

    .our-key-header h4 {
        color: #10001E;
        font-family: 'Poppins-SemiBold';
        font-size: 18px;
    }

    .our-key-header img.our-svg2 {
        position: absolute;
        top: 4px;
        left: 295px;
    }

    .our-key-header img.our-svg1 {
        position: absolute;
        top: 4px;
        left: 472px;
    }

    .serv-header h4 {
        color: #10001E;
        font-family: 'Poppins-SemiBold';
        font-size: 18px;
    }

    .serv-header img.ser-svg1 {
        position: absolute;
        top: 6px;
        left: 8px;
    }

    .serv-header img.ser-svg2 {
        position: absolute;
        top: 31px;
        left: 270px;
    }

    .ser-info p {
        color: #4A4A4A;
        font-size: 14px;
        margin-top: 11px;
    }

    .ser-img-sec img.ser-svg2 {
        position: absolute;
        top: 133px;
        left: -11px;
    }

    .choose-sec-header h4 {
        color: #10001E;
        font-family: 'Poppins-SemiBold';
        font-size: 18px;
        margin-bottom: 25px;
    }

    .choose-sec-header img.chose-svg1 {
        position: absolute;
        top: 3px;
        left: 291px;
    }

    .choose-sec-header img.chose-svg2 {
        position: absolute;
        top: 3px;
        left: 562px;
    }

    .choose-img span {
        width: 75%;
        font-size: 15px;
    }

    .choose-content h4 {
        font-size: 16px;
    }

    /*    .choose-img span:after {*/
    /*    top: 17px;*/
    /*    right: 20px;*/
    /*}*/
    .choose-content p {
        font-size: 14px;
    }

    .snap-detail-sec ul {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 10px;
        list-style: none;
    }

    img.snap-svg1 {
        position: absolute;
        top: 9px;
        left: 300px;
    }

    img.snap-svg2 {
        position: absolute;
        top: 10px;
        left: 553px;
    }

    .testimonail-header img.test-svg1 {
        position: absolute;
        top: 8px;
        left: 333px;
    }

    .testimonail-header img.test-svg2 {
        position: absolute;
        top: 8px;
        left: 522px;
    }

    .slider-content img.test-img {
        top: -27px;
        left: 11px;
        position: absolute;
        z-index: 99;
        width: 23%;
    }

    .slider-content h4 {
        top: -8px;
        left: 72px;
    }

    .clients-header img.client-svg1 {
        position: absolute;
        top: 8px;
        left: 345px;
    }

    .clients-header img.client-svg2 {
        position: absolute;
        top: 9px;
        left: 507px;
    }

    .faqs-header img.faqs-svg1 {
        position: absolute;
        top: 8px;
        left: 382px;
    }

    .faqs-header img.faqs-svg2 {
        position: absolute;
        top: 7px;
        left: 473px;
    }
    /*NEW BANNE*/
    .form-on-banner {
        right: 5%;
    }
    .form-on-banner.content-marketing {
        right: 50%;
        transform: translateX(50%);
        width: 50%;
        top: 45%;
    }
    .about-banner-header.new-banner.content-marketing {
        padding: 150px 50px 450px 44px !important;
    }
    h2.new-title.for-big-font {
        font-size: 65px;
    }
    /*======================================
        FOOTER
    ======================================*/
    .footer-lft {
        width: 70%;
    }

    .footer-lft-sec-1 .widget_nav_menu h4 {
        color: #FFFFFF;
        font-family: 'Poppins-SemiBold' !important;
        font-size: 12px;
        margin-bottom: 10px;
    }

    .footer-lft-sec-1 .menu-item a {
        color: #fff;
        font-family: 'Poppins-Light' !important;
        font-size: 12px;
    }

    .footer-lft-sec-1 section#nav_menu-2,
    .footer-lft-sec-1 section#nav_menu-3,
    .footer-lft-sec-1 section#nav_menu-5 {
        width: 22%;
    }

    .footer-lft-sec-1 .widget_nav_menu h4 {
        font-size: 14px;
    }

    .footer-lft-sec-1 li#menu-item-84 {
        font-size: 12px;
    }

    .footer-lft-sec-2 .menu-item a {
        font-size: 12px;
    }

    .ph-info span {
        font-size: 14px;
        color: #fff;
    }

    .mail-info span {
        font-size: 14px;
        color: #fff;
    }

    .footer-rgt h4.widget-title {
        font-size: 14px;
    }

    #custom_html-5 .custom-html-widget p {
        font-size: 12px;
    }

    .footer-bottom-menu ul li a {
        font-size: 14px;
    }

    #menu-footer-bottom-menu {
        width: 90%;
        margin: 0 auto;
    }

    /*====================================================
        HOME
    ====================================================*/
    .banner-content,
    .footer-top {
        overflow: hidden;
    }

    .sets-us-content p {
        font-size: 16px;
        line-height: 21px;
    }

    .faqs-accordian,
    .faqs-accordian-2 {
        width: 48%;
    }


    /* SEM */

    .sem-banner-inner {
        padding: 140px 40px;
    }

    .elements-grid-four .element-grid-items {
        grid-template-columns: repeat(2, 1fr);
    }


    /*========================================================================*/
    /*Home*/
    /*========================================================================*/

    .choose-img span:after {
        top: 16px;
        right: 26px;
    }

    /*========================================================================*/
    /*About Us*/
    /*========================================================================*/

    .header-but a {
        padding: 10px 32px 10px 15px;
    }

    .header-but a {
        font-size: 13px;
    }

    .our-team-img-2:before {
        display: none;
    }

    .our-founder-sec .container {
        width: 70% !important;

    }

    /*========================================================================*/
    /*FAQ*/
    /*========================================================================*/

    /*========================================================================*/
    /*Portfolio*/
    /*========================================================================*/

    /*========================================================================*/
    /*Contact us*/
    /*========================================================================*/

    .about-banner-header {
        padding: 100px 0px 100px 44px;

    }

    .about-banner-svgs img.about-svg6 {
        position: absolute;
        top: 70px;
        right: 130px;
    }

    .about-banner-svgs img.about-svg5 {
        top: 270px;
        right: 300px;
    }


    /*===================================================
    custom-php-e-commerce-development
===================================================*/

    .banner-info {

        padding-left: 70px;
    }

    .header-but a {
        padding: 10px 34px 10px 18px;
        vertical-align: 1px;
        right: 0;
    }

    .header-but a:after {
        top: 15px;
        right: 15px;
    }

    .banner-info h2,
    .banner-info h3 {
        font-size: 66px;
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu>li.mega-menu-item>a.mega-menu-link {
        font-size: 10px;
    }

    .sec6-right-custom-design:before {
        bottom: 120px;

    }

    /*========================================================================*/
    /*Custom-design-woo-commerce development*/
    /*========================================================================*/

    .sec-4-rep-icon.sec-4-rep-icon-woo-comm:before {
        width: 75px;
        top: 18px;
        height: 60px;
    }

    .social-icons img {
        padding-left: 26px;
        max-width: 55px;
    }

    .footer-rgt .widget_text span,
    .footer-rgt .widget_text p,
    .footer-bottom-menu ul li a,
    .footer-bottom p,
    .footer-lft-inlft .menu-item a,
    .footer-lft-inrgt .menu-item a {
        font-size: 12px;
    }

    .footer-lft-sec-2,
    .footer-lft-inrgt section#nav_menu-9 {
        gap: 10px;
    }

    .sec-4-rep-icon img {
        position: relative;
        max-width: 30%;
    }

    .sec-4-rep-icon.sec-4-rep-icon-woo-comm:before {
        width: 70px;
        top: 18px;
        height: 60px;
    }

    /*========================================================================*/
    /*Shopify-E-commerce-Websites*/
    /*========================================================================*/

    /*========================================================================*/
    /*Multi-Vendor-E-commerce-Website*/
    /*========================================================================*/

    .sec-4-repeater-icon-multivendor-e-commerce .sec-4-rep-icon img {
        position: relative;
        max-width: 16%;
    }

    .sec-4-rep-icon.sec-4-rep-icon-multivendor:before {
        width: 82px;
        top: 9px;
        left: -20px;
    }

    .footer-lft-inrgt section#nav_menu-9 {
        margin-top: 73px;
    }

    /*========================================================================*/
    /*E-Commerce Website Maintenance*/
    /*========================================================================*/

    /*========================================================================*/
    /*Faebook Marketing*/
    /*========================================================================*/

    .sec-4-rep-icon.sec-4-rep-icon-face-book::before {
        width: 91px;
        top: 9px;
        height: 75px;
    }

    .sec-4-rep-icon.sec-4-rep-icon-face-book img {
        max-width: 20%;
        top: 8px;
    }

    /*========================================================================*/
    /*Intagram Marketing*/
    /*========================================================================*/

    /*========================================================================*/
    /*Linke Inn Marketing*/
    /*========================================================================*/

    .sec-5-rgt-facebook-mark.sec-5-rgt-linked-in img {
        padding-top: 60px !important;
    }

    /*========================================================================*/
    /*Twitter Marketing*/
    /*========================================================================*/

    /*========================================================================*/
    /*All Social Media Platform*/
    /*========================================================================*/

    /*========================================================================*/
    /*Remrketing*/
    /*========================================================================*/

    .about-banner-header.banner-overlay-new.banner-overlay-sem {
        padding: 160px 0px 160px 44px;
    }

    .section5-custom-design.custom-design-background-color.sem-remarketing-sec-3 {
        background-size: cover;
        background-position: center;
    }

    .section6-custom-design-multivendor.twitter-mark-sec5.sem-rem-sec-5 {
        background-repeat: repeat;
        background-size: contain;
    }

    .sec-5-rgt-facebook-mark.sec-5-rgt-sem-re-mark img {
        max-width: 100% !important;
        width: 100% !important;
        padding-top: 28px;
    }

    /*========================================================================*/
    /*Google Adwords*/
    /*========================================================================*/

    /*========================================================================*/
    /*Shopping Ads*/
    /*========================================================================*/

    .section6-custom-design-multivendor.sem-shop-ad-sec-5 {
        background-size: contain;
        background-repeat: repeat;
    }

    .sec-5-rgt-facebook-mark.sec-5-rgt-shop-ad img {
        max-width: 74% !important;
        padding-top: 84px;
    }

    /*========================================================================*/
    /*Google Adsense*/
    /*========================================================================*/

    .section6-custom-design-multivendor.sem-google-adsense-sec-5 {
        background-repeat: repeat;
    }

    .sec-4-rep-icon.sec-4-rep-icon-multivendor.sec-4-goog-ad-icon.sec-4-rep-icon-adsense img {
        max-width: 26% !important;
    }

    /*========================================================================*/
    /*Youtube Marketing*/
    /*========================================================================*/

    /*========================================================================*/
    /*Mobile Ads*/
    /*========================================================================*/

    .sec-5-rgt-facebook-mark.sec-5-rgt-mob-ad img {
        padding-top: 60px;
    }

    /*========================================================================*/
    /*Off Page SEO*/
    /*========================================================================*/

    .sec-5-rgt-facebook-mark.sec-5-rgt-mob-ad.sec-5-rgt-img-off-page img {
        max-width: 80% !important;
        padding-top: 60px;
    }

    /*========================================================================*/
    /*On Page SEO*/
    /*========================================================================*/

    #menu-footer-bottom-menu {
        width: 100%;
        margin: 0 auto;
    }

    .sec-5-rgt-facebook-mark.sec-5-rgt-mob-ad.sec-5-rgt-img-on-page img {
        max-width: 75% !important;
    }

    .sec-5-rgt-facebook-mark.sec-5-rgt-mob-ad.sec-5-rgt-img-on-page img {
        padding-top: 50px;
    }

    .sec-4-rep-icon.sec-4-rep-icon-multivendor.sec-4-rep-icon-mobile-ads.sec-3-rep-on-img img {
        max-width: 25% !important;
    }

    .sec-4-rep-head-multivendor.sec-4-rep-mobile-ads-head.sec-3-rep-on-page-head h4 {
        font-size: 19px;
    }

    /*========================================================================*/
    /*SEO SETUP*/
    /*========================================================================*/

    .sec-5-rgt-facebook-mark.sec-5-rgt-seo-img img {
        max-width: 85% !important;
        width: 100% !important;
        padding-top: 64px;
    }

    /*========================================================================*/
    /*SEO Local SEO*/
    /*========================================================================*/

    .about-banner-header {
        padding: 110px 0px 110px 44px;
    }

    .sec-5-rgt-facebook-mark.sec-5-rgt-img-off-page.sec-4-localseo-img img {
        max-width: 70% !important;
        width: 100% !important;
        padding-top: 20px !important;
    }

    /*========================================================================*/
    /*SEO Intrnational SEO*/
    /*========================================================================*/

    .sec-4-rep-head-multivendor.sec-3-rep-int-head h4 {
        font-size: 17px;
    }

    .sec-5-rgt-img-int img {
        max-width: 100% !important;
        padding-top: 120px;
    }

    .about-banner-header {
        padding: 130px 0px 130px 44px;
    }

    /*========================================================================*/
    /*Mobile App IOS*/
    /*========================================================================*/

    .section6-custom-design-multivendor.sem-mob-app-ios-sec-5 {
        background-size: contain;
        margin-bottom: 50px;
        background-repeat: repeat;
    }

    .sec-5-rgt-facebook-mark.sec-5-rgt-mob-ios img {
        max-width: 65% !important;
        padding-top: 30px;
        margin: auto;
    }

    /*========================================================================*/
    /*Mobile App Android*/
    /*========================================================================*/


    /*========================================================================*/
    /*Mobile App Windows*/
    /*========================================================================*/

    .section6-custom-design-multivendor.sem-mob-app-ios-sec-5.sem-mob-app-wind-sec-5 {
        background-size: contain;
        background-repeat: repeat;
    }

    /*========================================================================*/
    /*Mobile App Maintenance*/
    /*========================================================================*/
    .sec-4-rep-icon.sec-4-rep-icon-multivendor.sec-4-goog-ad-icon.sec-4-mobile-app-maint-icon img {
        max-width: 18% !important;
        top: 7px;
    }

    .sec-5-rgt-facebook-mark.sec-5-rgt-mob-ios.sec-5-rgt-mob-wind-app.sec-5-rgt-mob-app-maint img {
        max-width: 95% !important;
        margin: 0 !important;
        padding-top: 50px;
    }

    /*========================================================================*/
    /*UI UX Design*/
    /*========================================================================*/

    /*========================================================================*/
    /*Word Press Design*/
    /*========================================================================*/

    /*========================================================================*/
    /*Landing Page Design*/
    /*========================================================================*/

    /*========================================================================*/
    /*Portfolio Website Design*/
    /*========================================================================*/

    .sec-4-rep-icon.sec-4-rep-icon-multivendor.sec-4-goog-ad-icon.sec-5-port-icon img {
        max-width: 16% !important;
        top: 15px;
    }

    .sec-4-rep-head-multivendor.sec-4-rep-head-goog-ad-sen.sec-5-port-head h4 {
        min-height: 49px;
    }

    .sec-4-rep-icon.sec-4-rep-icon-multivendor.sec-4-goog-ad-icon.sec-5-port-icon::before {
        height: 68px;
        width: 91px;
        left: -22px;
    }

    .section-6-port-web-img img {
        max-width: 78% !important;
        padding-top: 30px !important;
    }


    /*========================================================================*/
    /*Corporate Website Design*/
    /*========================================================================*/

    .sec-5-rgt-facebook-mark.sec-5-rgt-mob-ios.sec-5-rgt-mob-wind-app.section-5-corp-web-img img {
        padding-top: 40px;
    }

    .sec-5-rgt-facebook-mark.sec-5-rgt-mob-ios.sec-5-rgt-mob-wind-app.section-5-corp-web-img img {
        max-width: 90% !important;
    }


    /*========================================================================*/
    /*E-Commerce Website Design*/
    /*========================================================================*/

    .sec-5-rgt-facebook-mark.section-5-corp-web-img.section-6-e-com-img img {
        max-width: 100% !important;
        padding-top: 66px;
    }

    /*========================================================================*/
    /*Php-Web development Design*/
    /*========================================================================*/

    .sec-5-rgt-facebook-mark.section-6-e-com-img.section-6-php-des-img img {
        max-width: 100% !important;
        padding-top: 55px;
    }

    .sec-4-rep-icon.sec-4-rep-img-e-commerce.ec-4-goog-ad-icon.sec-5-rep-img-php-web-design img {
        max-width: 14% !important;
    }

    /*========================================================================*/
    /*Content Marketing 2*/
    /*========================================================================*/

    .sec-4-rep-head-multivendor.sec-4-rep-mobile-ads-head.sec-3-rep-cont-head h4 {
        font-size: 19px;
    }

    .sec-4-rep-icon.sec-4-rep-icon-multivendor.sec-4-rep-icon-mobile-ads.sec-3-rep-cont-img img {
        max-width: 18%;
    }

    .sec-4-rep-icon.sec-4-rep-icon-multivendor.sec-4-rep-icon-mobile-ads.sec-3-rep-cont-img:before {
        width: 91px;
        top: 5px;
        height: 89px;
    }

    .sec-5-rgt-facebook-mark.sec-5-rgt-mob-ad.sec-5-rgt-cont img {
        max-width: 83% !important;
    }
    .lft-bar {
        width: 48%;
    }
    .header-but {
        margin-top: 16px;
    }
    .header-but a {
        padding: 10px 21px 10px 18px;
    }
    .header-but a {
        font-size: 12px;
    }
    .header-but a:after {
        right: 7px;
    }
    .lft-bar span {
        flex: 0 0 60% !important;
        max-width: 60% !important;
    }
    .header-but {
        right: -10px;
        top: -3px;
    }
    .lft-bar p {
        flex: 0 0 35% !important;
        max-width: 35% !important;
    }
    .lft-bar {
        width: 50% !important;
    }


}


/*----------------------------- Media 768 -------------------------------*/
@media only screen and (max-width:999px) {

    /* Mobile Header */
    #mega-menu-wrap-header-menu {
        display: none;
    }
    .header-mobile-menu {
        display: block;
        position: absolute;
        right: 40px;
        top: 18px;
        overflow: hidden;
        height: 32px;
    }
    .header-mobile-menu ul {
        width: 30px;
        height: 16px;
        cursor: pointer;
    }

    .header-mobile-menu .toggle ul li {
        list-style: none;
        position: absolute;
        background: #3f0077;
        width: 100%;
        height: 3px;
        transform: translateY(-50%);
        transition: .3s;
    }

    .header-mobile-menu .toggle ul li:nth-of-type(1) {
        top: 20%;
    }

    .header-mobile-menu .toggle ul li:nth-of-type(2) {
        top: 50%;
    }

    .header-mobile-menu .toggle ul li:nth-of-type(3),
    .header-mobile-menu .toggle ul li:nth-of-type(4) {
        width: 50%;
        top: 80%;
    }

    .header-mobile-menu .toggle ul li:nth-of-type(1),
    .header-mobile-menu .toggle ul li:nth-of-type(2),
    .header-mobile-menu .toggle ul li:nth-of-type(3) {
        left: 0;
    }

    .header-mobile-menu .toggle ul li:nth-of-type(4) {
        right: 0;
    }

    .header-mobile-menu .toggle ul.active li:nth-of-type(1) {
        top: 40%;
        transform: translateY(-50%) rotate(45deg);
    }

    .header-mobile-menu .toggle ul.active li:nth-of-type(2) {
        top: 40%;
        transform: translateY(-50%) rotate(-45deg);
    }

    .header-mobile-menu .toggle ul.active li:nth-of-type(3) {
        left: -50%;
        opacity: 0;
    }

    .header-mobile-menu .toggle ul.active li:nth-of-type(4) {
        right: -50%;
        opacity: 0;
    }

    .header-mobile-menu .slide-menu {
        transform: translateX(-999px);
        transition: transform 0.5s;
    }

    .slide-menu.slide-out-menu {
        transform: translateX(0);
        position: fixed;
        left: 0;
        top: 0;
        bottom: 0;
        width: 400px;
        background: #3F0077;
        z-index: 9999;
        /*padding: 40px 0 0 30px;*/
        padding: 0px;
        transition: transform 0.5s;
        box-shadow: 5px 0 11px -8px #000;
    }

    .header-mobile-menu .slide-out-menu ul {
        width: auto;
        height: auto;
        display: block;
        cursor: inherit;
    }

    .header-mobile-menu ul li,
    .header-mobile-menu ul li a {
        display: none;
        width: 100%;
        float: none;
    }

    .header-mobile-menu .toggle li {
        display: block !important;
    }

    .header-mobile-menu .slide-out-menu ul li,
    .header-mobile-menu .slide-out-menu ul li a {
        display: block;
        color: #fff;
    }

    .header-mobile-menu ul li a {
        width: 82%;
    }

    .header-mobile-menu ul li {
        /*margin-bottom: 16px;*/
    }

    .header-mobile-menu ul li a {
        font-size: 22px;
    }

    .header-mobile-menu ul li a::before {
        display: none;
    }

    .header-mobile-menu .slide-out-menu .sub-menu {
        margin: 20px 0 25px 10px;
        display: none;
    }

    .header-mobile-menu .slide-out-menu ul li.active ul {
        display: block;
    }

    .header-mobile-menu .slide-out-menu ul li.menu-item-has-children {
        position: relative;
    }

    .header-mobile-menu .slide-out-menu ul li.menu-item-has-children::after {
        position: absolute;
        content: '';
        right: 20px;
        top: 20px;
        background-image: url(https://www.webtrixz.com/media/2023/04/plus-icon.png);
        background-repeat: no-repeat;
        width: 14px;
        height: 14px;
        background-size: contain;
    }

    .header-mobile-menu .slide-out-menu ul li.active::after {
        background-image: url('https://www.webtrixz.com/media/2023/04/minus-icon.png');
        top: 20px;
    }

    .our-key-header img.our-svg1 {
        position: absolute;
        top: 4px;
        left: 364px;
    }

    .our-key-header img.our-svg2 {
        position: absolute;
        top: 4px;
        left: 191px;
    }
    
    ul#menu-mobile-menu li a {
        font-size: 16px;
        padding: 12px 10px 12px 30px;
        width: 100%;
        border-bottom: 1px solid;
    }
    .header-mobile-menu .slide-out-menu ul li.menu-item-has-children ul.sub-menu {
        background-color: #fff;
        color: #000;
        margin: 0;
    }
    .header-mobile-menu .slide-out-menu ul li.menu-item-has-children ul.sub-menu li a {
        color: #3f0077 !important;
        border-color: #3f0077;
        font-size: 14px !important;
    }
     /*NEW BANNER*/
    .form-on-banner {
        right: 50% !important;
        transform: translateX(50%) !important;
        width: 70% !important;
        top: 45% !important;
    }
    .about-banner-header.new-banner {
        padding: 150px 50px 450px 44px !important;
    }
    .form-on-banner {
        margin-top: 55px;
    }

    /*====================================================
        HEADER
    ====================================================*/
    .header-top-bar {
        padding: 10px 0;
        background: #E1E1E1;
    }

    .rgt-bar,
    .lft-bar {
        float: none;
        text-align: center;
        width: 100%;
        display: block;
    }

    .lft-bar span,
    .lft-bar p {
        display: inline-block;
        margin: 0 10px;
    }

    .main-header {
        /*padding: 5px 0px;*/
        position: relative;
    }

    .site-header .header-logo {
        float: left;
        width: 25%;
    }

    .site-header .header-right {
        width: 22%;
        margin: 13px 60px 13px 0;
    }

    .header-but {
        position: static;
        width: 100%;
    }
    .header-media {
        float: right;
    }
    .rgt-bar, .lft-bar {
        float: none;
        text-align: center;
        width: 100%;
        display: block;
        display: none;
    }
    .social-header a {
        display: inline-block;
        margin-left: 11px;
        height: 20px;
        width: 30px;
    }
    /*only mobile header*/
    .mobile-header{
        display:block;
    }
    .header-mobile-only a {
        display: inline-block;
        height: 18px;
        width: 33px;
    }
    .mobile-header {
        float: left;
    }
    .header-mobile-only img {
        max-width:29px;
    }
    .header-top-bar {
        padding: 0px 0px 10px;
    }
    .header-top-con {
        padding-top: 7px;
    }
    .mobile-top .lft-bar {
        display: block;
    }
    .mobile-top .lft-bar span {
        color: white;
    }
    .mobile-top .lft-bar p {
        color: white;
    }
    .mobile-top .lft-bar a {
        color: white;
    }

    /*====================================================
        FOOTER
    ====================================================*/
    .footer-lft-sec-1 section.widget,
    .footer-lft-sec-2 section.widget {
        margin: 0 0 20px;
    }

    .footer-rgt section#media_image-2 img {
        margin-left: 0;
    }

    .accordion {
        cursor: pointer;
        padding: 10px;
        outline: none;
        transition: 0.4s;
        border-bottom: 1px solid #54c5f8;
    }

    .panel {
        padding: 10px 18px;
        display: none;
        overflow: hidden;
        position: relative;
    }

    .footer-lft-inlft .panel:before,
    .footer-lft-inrgt .panel:before {
        position: absolute;
        content: '';
        left: 0;
        top: 0;
        bottom: 28px;
        width: 1px;
        background: #54c5f8;
    }

    .panel li {
        position: relative;
    }

    .panel li:before {
        position: absolute;
        content: '';
        left: -17px;
        width: 10px;
        height: 1px;
        background: #50c2ff;
        top: 11px;
    }

    .footer-lft,
    .footer-rgt,
    .footer-lft-inlft,
    .footer-lft-inrgt,
    .footer-lft-sec-1,
    .footer-lft-sec-2 {
        float: none;
        width: 100%;
        display: block;
        text-align: left;
    }

    .footer-top section {
        width: 100%;
    }

    .footer-lft-sec-2 section#text-2 {
        position: static;
    }

    .footer-top section {
        width: 100% !important;
    }

    .footer-lft-inlft .widget_nav_menu h4,
    .footer-lft-inrgt .widget_nav_menu h4 {
        font-size: 16px;
        margin-bottom: 0;
    }

    .footer-lft-sec-2 section#text-2 h4.accordion,
    .footer-lft-sec-2 section#text-2 {
        border: none;
        padding: 0;
        margin-bottom: 0;
    }

    .footer-top section.widget_nav_menu h4 i {
        float: right;
        clear: both;
        display: block;
    }

    .footer-rgt section.widget_media_image {
        margin: 30px 0 20px;
    }

    .footer-rgt section.widget_media_image img {
        max-width: 170px !important;
    }

    .social-icons {
        margin-top: 40px;
    }

    .social-icons a:first-child img {
        padding-left: 0;
        max-width: 30px;
    }
    /*web stories*/
    .new-web-stories .archive-web-stories {
        grid-template-columns: repeat(2, 1fr);
    }

    /*====================================================
        HOME
    ====================================================*/
    .banner-info h2,
    .banner-info h3 {
        font-size: 50px;
        line-height: 50px;
    }

    .our-key-info ul,
    .choose-us-detail ul {
        grid-template-columns: repeat(2, 1fr);
    }

    .sets-us-detail {
        grid-template-columns: repeat(1, 1fr);
    }

    .sets-us-detail .sets-img {
        grid-row-start: 1;
    }

    .clients-info ul {
        grid-template-columns: repeat(4, 1fr);
    }
   /*FAQfont size change*/
   .accordion-container .set > a {
        font-size: 14px;

    }



    /*====================================================
        WEB DESIGN & WEB DEVELOPMENT & PHP DEVELOPMENT
    ====================================================*/
    .web-design-elements-info ul,
    .web-dlop-info ul,
    .web-dlop-elements-info ul,
    .web-dlop-elements-info ul {
        grid-template-columns: repeat(2, 1fr);
    }

    .web-design-elements-info ul {
        margin: 50px 0px;
    }

    .wordpress-info {
        background-position: left;
    }

    .web-dlop-ben-info {
        padding: 60px 0 0;
    }

    .php-dlop-info ul {
        grid-gap: 50px;
    }

    .php-web-info,
    .php-web-info-img {
        float: none;
        width: 100%;
        margin-top: 30px;
    }

    /*====================================================
        CUSTOM WORDPERSS
    ====================================================*/
    .custom-wordpress .custom-wc {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .content-benifits .wrapper ul {
        list-style: none;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .wrapper .inner-blg:nth-child(odd) .content {
        order: initial;
    }


    /*====================================================
        ECOM WEBSITE DEVELOPMENT
    ====================================================*/
    .ecomlast-section .wrapper {
        display: flex;
        flex-direction: column;
    }

    .ecomlast-section .wrapper img.goweb-img {
        order: -1;
        width: 100%;
        max-width: 100%;
        margin: 0 0 30px;
    }

    .ecomlast-section .wrapper h3 {
        width: 100%;
    }
/*Digital markating*/
    .php-web-info, .php-web-info-img { 
        margin-left: 10px;
    }
    .web-dlop-elements {
        margin-left: 10px;
    }
    
    /*====================================================
    SEO & SMM & SMO
    ====================================================*/
    .seo-section {
        padding: 0;
        display: flex;
        align-items: center;
    }

    .seo-content-sec {
        padding-left: 0;
    }

    .seo-benefits-content {
        width: 60%;
    }

    .seo-benefits-img {
        width: 35%;
    }

    .seo-quote ul li.sub-btn {
        width: 20%;
    }

    .all-services-info ul {
        grid-gap: 35px;
    }

    .smo-nutshell {
        padding-bottom: 0;
    }

    /*====================================================
        PORTFOLIO
    ====================================================*/
    .content-holder {
        grid-template-columns: repeat(1, 1fr);
    }

    .content-holder:nth-child(odd) .image {
        order: 0;
    }



    /* SEM */

    .sem-banner-inner {
        padding: 90px 40px;
    }

    .gdn-rows .gdn-row-item {
        display: block;
    }

    .gdn-rows .gdn-row-lft,
    .gdn-rows .gdn-row-rgt {
        max-width: 100%;
        flex: 100%;
    }

    .gdn-rows .gdn-row-rgt,
    .campaign-webtrixz .cw-rgt {
        margin-top: 50px;
    }

    .gdn-rows .gdn-row-item img {
        width: 65%;
        /*margin: 0 auto;*/
    }

    .campaign-webtrixz .cw-lft,
    .campaign-webtrixz .cw-rgt {
        float: none;
        width: 100%;
    }

    .campaign-webtrixz .cw-rgt img {
        width: 50%;
        /*margin: 0 auto;*/
    }

    /*========================================================================*/
    /*Home*/
    /*========================================================================*/

    .header-mobile-menu {
        right: 57px;
        top: 19px;
        width: 4%;
    }

    .header-but {
        position: static;
        width: auto;
    }

    .header-but {
        float: right;
        margin-top: 18px;
        margin-right: 80px;
    }

    .banner-info h2,
    .banner-info h3 {
        font-size: 55px;
    }

    .banner-img {
        width: 45%;
        float: right;
        position: relative;
    }

    .sets-us-detail:before {
        top: -20px;

    }

    /*========================================================================*/
    /*About Us*/
    /*========================================================================*/

    .about-banner-header {
        padding: 40px 0px 40px 44px;
    }

    .company-pro-sec {
        background-color: #ECECEC;
        padding: 50px 50px;
    }


    .pro-svgs img.pro-svg1 {
        top: 258px;
        right: -34px;
        width: 40px;
    }

    .our-founder-sec .container {
        width: 100% !important;
    }

    .svg-imgs img.svg4 {
        display: none;
    }

    .our-founder-header img.founder-svg3 {

        top: -3px;
        right: -34px;
        width: 90px;
    }

    .about-ban-title h2.color-title {
        font-size: 60px;
    }

    .about-ban-title span.sub-title {
        font-size: 18px;
    }
    .our-founder-content {
        float: none;
        width: 100%;
        position: relative;
    }
    .our-founder-img {
        float: none;
        width: 100%;
        position: relative;
    }
    /*========================================================================*/
    /*FAQ*/
    /*========================================================================*/

    .about-banner-header {
        padding: 50px 50px 110px 44px !important;
    }

    .footer-lft-sec-2,
    .footer-lft-inrgt section#nav_menu-9 {
        margin-top: 22px !important;
        justify-content: flex-start;
    }

    .about-banner-svgs img.about-svg6 {
        position: absolute;
        top: 10px;
        right: 100px;
        width: 20px;
    }

    /*========================================================================*/
    /*Portfolio*/
    /*========================================================================*/
    .content-holder:nth-child(odd) .forimage:before {
        left: -7px;
    }

    .content-holder:nth-child(even) .forimage:before {
        right: -8px;
    }

    .profile-info {
        height: 400px;
    }

    .svg-imgs img.svg2 {
        display: none;
    }

    /*========================================================================*/
    /*Contact us*/
    /*========================================================================*/

    .about-banner-svgs img.about-svg6 {
        width: 17px;
    }

    .about-banner-svgs img.about-svg2 {
        width: 10px;
    }

    .about-banner-svgs img.about-svg5 {
        top: 220px;
        right: 370px;
        width: 10px;
    }

    .about-ban-title h2.color-title {
        font-size: 55px;
    }

    .svg-imgs img.svg1,
    .svg-imgs img.svg2,
    .svg-imgs img.svg3,
    .svg-imgs img.svg4,
    .svg-imgs img.svg5,
    .svg-imgs img.svg6,
    .svg-imgs img.svg7,
    .svg-imgs img.svg8,
    .svg-imgs img.svg9,
    .svg-imgs img.svg10 {
        display: none;


    }

    .footer-lft-sec-2 section#text-2 h4.accordion,
    .footer-lft-sec-2 section#text-2 {
        margin-bottom: 10px;
    }


    /*========================================================================*/
    /*Custom-php-e-commerce*/
    /*========================================================================*/

    .sec6-right-custom-design:before {
        top: 158px;
    }

    .sec6-right-custom-design:before {
        width: 70px;
        height: 70px;
    }

    .slide-menu.slide-out-menu {
        height: 100vh;
        overflow-y: scroll;
        width: 240px;
    }

    .section6-parent-custom-design.parent-custom-php-sec-6 {
        display: flex;
        flex-direction: column-reverse;
    }

    .sec6-right-custom-design.sec-6-rgt-custom-php:before {
        display: none;
    }

    .slide-menu.slide-out-menu {
        height: 100vh;
        overflow-y: scroll;
        width: 300px;
    }

    /*========================================================================*/
    /*Custom-design-woo-commerce development*/
    /*========================================================================*/
    .about-ban-title h2.color-title {
        font-size: 45px;
    }

    .banner-sec-head h4 {
        line-height: 50px;
    }

    .sec-4-repeater-icon-head.sec-4-rep-head-woo:nth-child(3) img {
        max-width: 47% !important;
    }

    .sec-4-rep-icon img {
        max-width: 40%;
    }

    .sec-4-repeater h4 {
        font-size: 14px;
    }

    .web-content-header h1 {
        font-size: 24px;
    }

    .sec-4-rep-icon.sec-4-rep-icon-woo-comm:before {
        top: 13px;
    }

    /*========================================================================*/
    /*Shopify-E-commerce-Websites*/
    /*========================================================================*/

    .about-banner-header {
        padding: 70px 50px 70px 44px !important;
    }

    .section4-parent-custom-design.shopify-e-commerce-parent {
        display: flex;
        flex-direction: column;
    }

    /*========================================================================*/
    /*Multi-Vendor-E-commerce-Website*/
    /*========================================================================*/

    .sec-4-repeater-multivendor-e-commerce {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 40px 40px;
    }

    .sec-4-repeater-icon-multivendor-e-commerce .sec-4-rep-icon img {
        max-width: 14%;
    }

    .sec3-right-custom-design-multi-vendor img {
        max-width: 31% !important;
    }

    .section3-parent-custom-design.section6-multi-vendor {
        grid-template-columns: 2fr 1fr;
        grid-gap: 20px;
    }

    .footer-top {
        padding: 0px 0;
    }

    /*========================================================================*/
    /*E-Commerce Website Maintenance*/
    /*========================================================================*/

    .sec-4-rep-head-multivendor.sec-4-rep-head-ecomm h4 {
        font-size: 16px !important;
    }

    .footer-top {
        padding: 0px 0 !important;
    }

    /*========================================================================*/
    /*Faebook Marketing*/
    /*========================================================================*/

    .sec-4-rep-icon.sec-4-rep-icon-face-book img {
        max-width: 18%;
        top: 8px;
    }

    .sec-4-rep-icon.sec-4-rep-icon-face-book::before {
        width: 94px;
        top: 9px;
        height: 75px;
    }

    .sec-5-rgt-facebook-mark img {
        max-width: 92% !important;
        width: 100% !important;
        padding-top: 74px;
    }

    .sec-4-rep-head-multivendor.sec-3-rep-head-facebook {
        font-size: 17px !important;
    }

    .footer-lft-sec-1 .widget.widget_nav_menu:nth-child(1) {
        margin-top: 20px !important;
    }

    .web-content-header h1 {
        font-size: 24px !important;
    }

    .web-content-header h1:before,
    .web-content-header h1:after,
    .title-icon h3:before,
    .title-icon h3:after {
        top: 10px;
    }

    /*========================================================================*/
    /*Intagram Marketing*/
    /*========================================================================*/

    .sec-4-rep-icon.sec-3-rep-insta img {
        max-width: 17% !important;
        top: -6px;
    }

    .sec-4-rep-icon.sec-3-rep-insta:before {
        width: 79px;
        top: 6px;
        left: -12px;
    }

    .sec-5-rgt-facebook-mark.sec-5-rgt-instagram-mark img {
        padding-top: 90px;
    }

    /*========================================================================*/
    /*Linke Inn Marketing*/
    /*========================================================================*/

    .sec-5-rgt-facebook-mark.sec-5-rgt-linked-in img {
        width: 100% !important;
        max-width: 82% !important;
        padding-top: 190px !important;
    }

    /*========================================================================*/
    /*Twitter Marketing*/
    /*========================================================================*/

    .section5-custom-design.custom-design-background-color.twitter-mark-sec-4 {
        background-size: cover;
        background-position: center;
    }

    .sec-5-rgt-facebook-mark.sec-5-rgt-twitter img {
        max-width: 100% !important;
        padding-top: 94px;
    }

    /*========================================================================*/
    /*All Social Media Platform*/
    /*========================================================================*/

    .web-content-info.pink-section.smm-social-sec-2 {
        margin-bottom: 62px;
        padding: 37px 8px 15px !important; /*change 5 to 8*/
    }

    .section5-custom-design.custom-design-background-color.social-media-mark-sec-3 {
        padding: 40px 5px 30px;
    }

    .sec3-right-custom-design.sec-3-right-social-media ul {
        padding-left: 20px;
    }

    .sec3-right-custom-design.sec-3-right-social-media ul {
        margin-top: 74px;
    }

    /*========================================================================*/
    /*Remrketing*/
    /*========================================================================*/

    .about-banner-header.banner-overlay-new.banner-overlay-sem {
        padding: 160px 0px 160px 44px !important;
    }

    .sec-5-rgt-facebook-mark.sec-5-rgt-sem-re-mark img {
        padding-top: 68px;
    }

    /*========================================================================*/
    /*Google Adwords*/
    /*========================================================================*/

    .web-content-info.pink-section.sem-goog-pink {
        padding: 37px 5px 4px;
    }

    .sec-4-repeater-multivendor-e-commerce.sec-4-rep-sem-goog-ad {
        grid-template-columns: 1fr 1fr;
    }

    .sec-5-rgt-facebook-mark.sec-5-rgt-google-ad img {
        max-width: 100% !important;
        margin-bottom: 0px;
        padding-top: 154px;
    }

    /*========================================================================*/
    /*Shopping Ads*/
    /*========================================================================*/

    .sec-5-rgt-facebook-mark.sec-5-rgt-shop-ad img {
        max-width: 95% !important;
        padding-top: 124px;
    }

    /*========================================================================*/
    /*Google Adsense*/
    /*========================================================================*/

    .web-content-info.pink-section.sem-goo-ad-sen-pink.sec-2-goog-adsense-pink {
        padding: 37px 5px 15px;
    }

    .sec-4-rep-icon.sec-4-rep-icon-multivendor.sec-4-goog-ad-icon.sec-4-rep-icon-adsense img {
        max-width: 17% !important;
    }

    .sec-4-rep-icon.sec-4-rep-icon-multivendor.sec-4-goog-ad-icon.sec-4-rep-icon-adsense:before {
        top: 11px;
        width: 88px;
    }

    .sec-4-repeater-multivendor-e-commerce.sec-4-rep-goog-ad-sen {
        grid-template-columns: 1fr 1fr;
    }

    .sec-5-rgt-facebook-mark.sec-5-rgt-google-ad.sec-5-rgt-google-adsense img {
        padding-top: 44px;
    }


    /*========================================================================*/
    /*Youtube Marketing*/
    /*========================================================================*/

    .web-content-info.pink-section.sem-goo-you-tube-pink.sem-youtube-pink-sec2 {
        padding: 37px 5px 15px;
    }

    .section3-parent-custom-design {
        display: flex;
        flex-direction: column-reverse;
        gap: 45px;
    }

    .sec-4-sem-you-tub-parent {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
    }

    .sec-6-sem-syou-tube-parent {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
    }

    .sec-5-rgt-facebook-mark.sec-7-rgt-you-tub img {
        padding-top: 30px;
    }

    .section6-custom-design-multivendor.sem-you-tub-sec-7 {
        background-size: contain;
    }

    #menu-footer-bottom-menu {
        width: 100%;

    }

    /*========================================================================*/
    /*Mobile Ads*/
    /*========================================================================*/

    .sec-5-rgt-facebook-mark.sec-5-rgt-mob-ad img {
        padding-top: 170px;
    }

    .sec-5-rgt-facebook-mark.sec-5-rgt-mob-ad img {
        max-width: 100% !important;
    }

    /*========================================================================*/
    /*Off Page SEO*/
    /*========================================================================*/

    .sec-4-rep-icon.sec-4-rep-icon-multivendor.sec-4-rep-icon-mobile-ads.sec-3-rep-off-img img {
        max-width: 15%;
        top: 10px;
    }

    .sec-4-rep-head-multivendor.sec-4-rep-mobile-ads-head.sec-3-rep-off-page-head h4 {
        font-size: 17px;
    }

    .sec-5-rgt-facebook-mark.sec-5-rgt-mob-ad.sec-5-rgt-img-off-page img {
        max-width: 100% !important;
        padding-top: 140px;
    }

    /*========================================================================*/
    /*On Page SEO*/
    /*========================================================================*/

    .seo-on-page-sec3 {
        grid-template-columns: 1fr 1fr 1fr !important;
    }

    .sec-5-rgt-facebook-mark.sec-5-rgt-mob-ad.sec-5-rgt-img-on-page img {
        padding-top: 70px;
    }

    .sec-5-rgt-facebook-mark.sec-5-rgt-mob-ad.sec-5-rgt-img-on-page img {
        max-width: 100% !important;
    }

    .about-banner-header {
        padding: 90px 50px 90px 44px !important;
    }

    /*========================================================================*/
    /*SEO SETUP*/
    /*========================================================================*/

    .sec-4-rep-icon.sec-4-rep-icon-multivendor.sec-3-rep-seo-img img {
        max-width: 23% !important;
    }

    .sec-5-rgt-facebook-mark.sec-5-rgt-seo-img img {
        max-width: 100% !important;
        width: 100% !important;
        padding-top: 115px;
    }

    /*========================================================================*/
    /*SEO Local SEO*/
    /*========================================================================*/

    .web-content-info.pink-section.sem-goog-pink.sec-2-local-seo-pink {
        padding: 37px 5px 20px;
    }

    .sec-5-rgt-facebook-mark.sec-5-rgt-img-off-page.sec-4-localseo-img img {
        max-width: 90% !important;
        width: 100% !important;
        padding-top: 110px !important;
    }

    /*========================================================================*/
    /*SEO Intrnational SEO*/
    /*========================================================================*/

    .sec-4-rep-icon.sec-4-rep-icon-multivendor.sec-3-rep-int-img img {
        max-width: 18%;
        top: 6px;
    }

    .sec-4-rep-head-multivendor.sec-3-rep-int-head h4 {
        font-size: 16px;
        min-height: 60px;
    }

    .sec-5-rgt-facebook-mark.sec-5-rgt-img-off-page.sec-5-rgt-img-int img {
        max-width: 100% !important;
        width: 100% !important;
        padding-top: 196px;
    }

    /*========================================================================*/
    /*Mobile App IOS*/
    /*========================================================================*/

    .section3-parent-custom-design.sec-4-sem-mobile-app-ios-parent {
        display: flex;
        flex-direction: column;
        gap: 35px;
    }

    .sec-5-rgt-facebook-mark.sec-5-rgt-mob-ios img {
        max-width: 85% !important;
        padding-top: 70px;
        margin: auto;
    }

    /*========================================================================*/
    /*Mobile App Android*/
    /*========================================================================*/

    .sec-5-rgt-facebook-mark.sec-5-rgt-mob-ios.sec-5-rgt-mob-and-app img {
        max-width: 95% !important;
        padding-top: 100px;
    }

    /*========================================================================*/
    /*Mobile App Windows*/
    /*========================================================================*/

    .sec-5-rgt-facebook-mark.sec-5-rgt-mob-ios.sec-5-rgt-mob-wind-app img {
        padding-top: 90px;
        max-width: 100% !important;
    }

    /*========================================================================*/
    /*Mobile App Maintenance*/
    /*========================================================================*/

    .sec-4-rep-head-multivendor.sec-4-rep-head-goog-ad-sen.sec-4-rep-head-mob-app-maint-sen h4 {
        font-size: 18px;
        min-height: 110px;
    }

    .sec-4-rep-icon.sec-4-rep-icon-multivendor.sec-4-goog-ad-icon.sec-4-mobile-app-maint-icon img {
        max-width: 22% !important;
        top: 15px;
    }

    .sec-5-rgt-facebook-mark.sec-5-rgt-mob-ios.sec-5-rgt-mob-wind-app.sec-5-rgt-mob-app-maint img {
        max-width: 100% !important;
    }

    /*========================================================================*/
    /*UI UX Design*/
    /*========================================================================*/

    .website-ui-ux-design-rep .website-ui-ux-design-rep-img::after {
        display: none;

    }

    .section3-parent-custom-design.sec-3-ui-ux-web-parent p {
        padding-left: 5px;
    }

    /*========================================================================*/
    /*Word Press Design*/
    /*========================================================================*/

    /*========================================================================*/
    /*Landing Page Design*/
    /*========================================================================*/

    .website-ui-ux-design-rep.web-desi-land-page:nth-child(odd) {
        display: flex !important;
        flex-direction: column-reverse;
        gap: 35px;
    }

    .website-ui-ux-design-rep.web-desi-land-page:nth-child(even) {
        display: flex !important;
        flex-direction: column;
        gap: 35px;
    }

    .sec-5-rgt-facebook-mark.section-5-lan-pag-img img {
        max-width: 100% !important;
        width: 100% !important;
        padding-top: 104px;
    }

    /*========================================================================*/
    /*Portfolio Website Design*/
    /*========================================================================*/

    .sec3-left-facebook-mark.sec-3-lft-mobile-app-ios.sec-3-lft-port p {
        padding-left: 0px;
    }

    .section3-parent-custom-design.sec-3-sem-mobile-app-parent.sec-4-port-web-parent {
        flex-direction: column;
        gap: 35px
    }

    .section3-parent-custom-design.sec-3-sem-mobile-app-parent.port-des-sec-3-parent {
        gap: 35px;
    }

    .section5-custom-design.custom-design-background-color.sem-mob-app-ios-sec-3.port-des-sec-3 {
        padding: 20px 0px 0px;
    }

    .section5-custom-design.custom-design-background-color.sem-mob-app-ios-sec-3.sec-4-port-web-design {
        padding: 20px 0px 60px;
    }

    .sec-4-rep-icon.sec-4-rep-icon-multivendor.sec-4-goog-ad-icon.sec-5-port-icon img {
        max-width: 22% !important;
        top: 19px;
    }

    .sec-5-rgt-facebook-mark.sec-5-rgt-mob-ios.sec-5-rgt-mob-wind-app.section-6-port-web-img img {
        padding-top: 40px !important;
        max-width: 100% !important;
    }

    /*========================================================================*/
    /*Corporate Website Design*/
    /*========================================================================*/

    .section3-parent-custom-design.sec-3-sem-mobile-app-parent.sec4-corp-par {
        flex-direction: column;
    }

    .sec-5-rgt-facebook-mark.sec-5-rgt-mob-ios.sec-5-rgt-mob-wind-app.section-5-corp-web-img img {
        max-width: 100% !important;
    }

    /*========================================================================*/
    /*E-Commerce Website Design*/
    /*========================================================================*/

    .sec-4-rep-icon.sec-4-rep-icon-multivendor.sec-4-goog-ad-icon.sec-4-rep-img-e-commerce img {
        max-width: 18% !important;
        top: 10px;
    }

    .sec-4-rep-icon.sec-4-rep-icon-multivendor.sec-4-goog-ad-icon.sec-4-rep-img-e-commerce:before {
        width: 105px;
        top: 15px;
        height: 90px;
    }

    .section3-parent-custom-design.sec-3-sem-mobile-app-parent.sec-5-e-comm-parent {
        gap: 35px;
    }

    /*========================================================================*/
    /*Php-Web development Design*/
    /*========================================================================*/


    .sec4-custom-design-content.multivendor-e-commerce-website.sem-goog-ad-sen-sec-4.web-des-e-comm-sec-4.web-des-php-web-sec-5 h4 {
        margin-top: 50px;
    }

    .sec-4-rep-icon.sec-4-rep-img-e-commerce.ec-4-goog-ad-icon.sec-5-rep-img-php-web-design img {
        max-width: 18% !important;
    }

    .sec-4-rep-icon.sec-4-rep-img-e-commerce.ec-4-goog-ad-icon.sec-5-rep-img-php-web-design:before {
        height: 62px;
        width: 109px;
        top: 3px;
        left: -12px;
    }

    .sec-5-rgt-facebook-mark.section-6-e-com-img.section-6-php-des-img img {
        max-width: 100% !important;
        padding-top: 95px;
    }

    /*========================================================================*/
    /*Content Marketing 2*/
    /*========================================================================*/

    .web-content-info.pink-section.sem-goog-pink.sec-2-cont-mark-pink {
        padding: 37px 5px 4px !important;
    }

    .content-mark-back-img {
        padding: 45px 5px 25px;
    }

    .sec-4-rep-icon.sec-4-rep-icon-multivendor.sec-4-rep-icon-mobile-ads.sec-3-rep-cont-img img {
        max-width: 15%;
    }

    .sec-5-rgt-facebook-mark.sec-5-rgt-mob-ad.sec-5-rgt-cont img {
        max-width: 100% !important;
    }

    .sec-4-rep-icon.sec-4-rep-icon-multivendor.sec-4-rep-icon-mobile-ads.sec-3-rep-cont-img:before {
        width: 94px;
        top: 3px;
        height: 69px;
    }
    .blog-main .wrapper {
        grid-template-columns: 1fr;
    }
    .blog-main .wrapper .main-section {
        grid-template-columns: 1fr 1fr;
    }
    .ht-ctc ht-ctc-chat {
        bottom: 90px;
        right: 60px;
    }
    .sidebar {
        width: 90%;
        margin: 0 auto;
    }
    .footer-lets-connect-sec {
        margin-top: 50px;
    }

}

/*----------------------------- Media 480 -------------------------------*/
@media only screen and (max-width:767px) {
    .banner-info {
        padding-left: 40px;
        width: 100%;
    }
    .banner-img {
        width: 100%;
        margin-top: 50px;
    }
    .seo-content-sec {
        margin: 0 !important;
    }
    .seo-content-sec h3 {
        font-size: 20px;
        line-height: 26px;
        text-align: center;
    }
    .snap-detail-sec ul li:last-child {
        grid-column: unset;
    }
    .seo-content-sec a.but-1 p {
        padding: 10px 34px 10px 8px;
    }
    
    
    /*====================================================
        HEADER
    ====================================================*/
    .site-header .header-logo {
        width: 45%;
    }

    .header-but {
        display: none;
    }

    header.site-header {
        z-index: 999;
    }
 
    /*mobile menu size change*/
    .header-mobile-menu {
        right: 20px;
        top: 25px;
    }
    /*====================================================
        FOOTER
    ====================================================*/
    #menu-footer-bottom-menu {
        width: 100%;
    }

    /*====================================================
        GLOBAL
    ====================================================*/
    .about-banner-header {
        padding-left: 20px;
    }
        /*NEW BANNER*/
    .form-on-banner {
        right: 50% !important;
        transform: translateX(50%) !important;
        width: 78% !important;
        top: 40% !important;
    }
    .about-banner-header.new-banner {
        padding: 150px 50px 700px 44px !important;
    }


    /*====================================================
        HOME
    ====================================================*/
    .slider-content {
        padding: 0px 40px
    }

    .banner-svgs {
        display: none;
    }

    .ser-info,
    .ser-img-sec {
        display: block;
        width: 100%;
        margin: 0 0 30px 9px;
    }

    .snap-detail-sec ul li {
        display: flex;
        flex-direction: column;
    }

    .snap-detail-sec .snap-img {
        order: 1;
        position: static !important;
        max-width: 60px;
        margin: 10px auto;
    }

    .snap-detail-sec h4,
    .snap-detail-sec p,
    .snap-detail-sec a {
        order: 2;
    }

    .clients-info ul {
        grid-template-columns: repeat(2, 1fr);
    }

    .faqs-accordian,
    .faqs-accordian-2 {
        width: 100%;
        float: none;
    }
    .banner-info h3 {
        margin-top: 10px; 
    }


    /*====================================================
        WEB DESIGN & WEB DEVELOPMENT & ECOM WEBSITE DEVELOPMENT
    ====================================================*/
    .web-design-benefits-info ul,
    .web-design-elements-info ul,
    .design-services-info ul,
    .web-dlop-info ul,
    .web-dlop-elements-info ul,
    .web-dlop-elements-info ul,
    .php-dlop-info ul,
    .custom-ecom-section ul,
    .develop-solution ul.for-sol {
        grid-template-columns: repeat(1, 1fr);
    }

    .wordpress-info ul li p {
        width: 100%;
    }

    .design-services-info ul {
        display: block;
    }

    .design-services-info ul li {
        margin-bottom: 30px;
    }

    .develop-solution ul.for-sol {
        border: none;
    }

    /*====================================================
        SEO & SMM & SMO
    ====================================================*/
    .seo-section {
        display: block;
    }

    .web-content-header span {
        padding-left: 30px;
    }

    .seo-section .seo-content-sec,
    .seo-section .seo-content-img,
    .webx-seo-info,
    .webx-seo-rgt,
    .seo-benefits-content,
    .seo-benefits-img {
        float: none;
        width: 100%;
        margin: 30px 0 0;
    }

    .seo-content-sec h3 br {
        display: none;
    }

    .seo-content-sec a {
        margin: 20px auto 0;
        display: block;
        width: 60%;
    }

    .seo-content-sec a.but-2 p {
        margin-left: 0;
    }

    .all-services-info ul,
    .seo-quote ul {
        grid-template-columns: repeat(1, 1fr);
    }

    .seo-quote ul li.sub-btn {
        width: 45%;
    }

    /*====================================================
        DIGITAL MARKETING
    ====================================================*/
    .dm-webx .webx-seo-info,
    .dm-webx .webx-seo-rgt {
        float: none;
        width: 100%;
    }

    .php-web-info p {
        padding-right: 0;
    }

    /*====================================================
        CONTENT MARKETING & CUSTOM WORDPRESS
    ====================================================*/
    .inner-blg,
    .custom-wordpress .custom-wc,
    .content-benifits .wrapper ul {
        grid-template-columns: repeat(1, 1fr);
    }

    .inner-blg {
        grid-gap: 30px;
        margin-bottom: 40px;
    }

    .custom-wordpress .custom-wc {
        grid-gap: 60px;
    }

    .custom-trust-section {
        background-position: center;
    }

    /* SEM */

    .sem-banner-inner {
        padding: 70px 20px;
    }

    .banner-title {
        font-size: 45px;
    }

    .theme-pad-box {
        padding: 40px 30px;
    }

    .elements-grid-four .element-grid-items {
        grid-template-columns: repeat(1, 1fr);
    }

    /*========================================================================*/
    /*Home*/
    /*========================================================================*/

    .site-header .header-logo a.custom-logo-link img {
        max-width: 90%;

    }

    .banner-content {

        padding: 10px 0px;
    }

    .banner-info h2,
    .banner-info h3 {
        font-size: 30px;
        line-height: 40px;
    }

    .banner-info {
        padding-top: 90px;
    }

    .banner-img {
        width: 100%;
        margin-top: 50px;
    }

    .com-info,
    .our-key-con {
        padding: 38px 0;
    }

    .our-key-con:after {
        width: 100px;
        height: 80px;
        right: -20px;
    }

    .ser-img-sec:after {

        width: 60px;
        height: 90px;

    }

    .sets-us-detail:before {

        width: 45px;
        height: 55px;
        right: -10px;
    }

    .title-icon h3 {
        font-size: 22px;

    }

    .sets-us-detail:after {
        width: 85px;
        height: 75px;
        left: 0;
        bottom: -39px;
    }

    .our-key-con:after {
        /*width: 100px;*/
        /*height: 80px;*/
        /*right: -20px;*/
        display: none;
    }

    .clients-sec {

        padding: 20px 0;
    }

    .faq-sec.home-page-faq-main {
        padding: 30px 0;
    }

    /*========================================================================*/
    /*About Us*/
    /*========================================================================*/

    .our-founder-sec .container .our-founder-sec__main {
        background: #F5F5F5;
        width: 100% !important;
        padding: 40px 50px 50px;
        margin: 0 auto;
    }
        .our-founder-header img.founder-svg3 {
        position: absolute;
        top: -1px;
        right: -28px;
        z-index: 0;
        width: 80px;
    }


    .about-banner-header {
        padding: 40px 0px 40px 44px;
    }

    .pro-svgs img.pro-svg1 {
        display: none;
    }

    .our-founder-sec .container {
        width: 100% !important;
    }

    .about-ban-title h2.color-title {
        font-size: 50px;
    }

    .about-ban-title span.sub-title {
        font-size: 17px;
    }

    .about-banner-header {
        padding: 30px 0px 30px 40px;
    }

    .about-counter-inner ul {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 18px;
    }

    .about-counter-inner h3 {
        font-size: 20px;
    }

    .about-counter-inner h4 {
        font-size: 16px;
    }

    .about-our-furture {
        float: none;
        width: 100%;
    }

    .about-our-promise {
        margin-top: 40px;
        float: none;
        width: 100%;
    }

    .our-team-img {
        float: none;
        width: 100%;
    }

    .our-team-img-2 {
        float: none;
        width: 100%;
        margin-top: 35px;
    }

    .our-founder-content {
        float: none;
        width: 100%;
        margin-top: 30px;
        position: relative;
    }

    .our-founder-img {
        float: none;
        width: 100%;
        position: relative;
    }

    img.yellow-small-about-our-found {
        bottom: 9%;
    }

    #menu-footer-bottom-menu {
        width: 100%;
        display: block;
    }

    .our-founder-sec .container {
        width: 80% !important;
    }

    .about-banner-svgs img.about-svg6 {
        position: absolute;
        top: 20px;
        right: 130px;
        width: 20px;
    }


    .svg-imgs img.svg4 {
        display: none;
    }

    /*========================================================================*/
    /*FAQ*/
    /*========================================================================*/

    .about-banner-header {
        padding: 60px 50px 60px 44px !important;
    }

    .svg-imgs img.svg2 {
        display: none;
    }


    /*========================================================================*/
    /*Portfolio*/
    /*========================================================================*/


    .about-ban-title h2.color-title {
        font-size: 40px;
    }

    .profile-info {
        height: 300px;
        width: 98%;
        margin: 0 auto;
    }

    .slider-content span {
        margin-top: 29px;
    }

    .footer-lft-sec-2 section#text-2 h4.accordion,
    .footer-lft-sec-2 section#text-2 {
        margin-bottom: 10px;
    }

    /*========================================================================*/
    /*Contact us*/
    /*========================================================================*/

    .about-ban-title h2.color-title {
        font-size: 45px;
    }

    .contact-section .wrapper {
        grid-template-columns: repeat(1, 1fr);
    }
    

    /*========================================================================*/
    /*Custom-php-e-commerce*/
    /*========================================================================*/

    .about-ban-title h2.color-title {
        font-size: 35px;
    }

    .banner-sec-head h4 {
        line-height: 45px;
    }

    .web-content-header h1:before,
    .web-content-header h1:after,
    .title-icon h3:before,
    .title-icon h3:after {
        width: 13px;
        height: 15px;
        top: 7px;
    }

    .web-content-header h1 {
        font-size: 18px;
    }

    .web-content-info h4 {
        font-size: 19px;
    }

    .section3-parent-custom-design {
        grid-template-columns: 1fr;
    }

    .section6-parent-custom-design {
        grid-template-columns: 1fr;
    }

    .sec6-right-custom-design:before {
        display: none;
    }

    .heading-with-dot {
        font-size: 20px;
    }

    .slide-menu.slide-out-menu {
        height: 100vh;
        overflow-y: scroll;
        width: 280px;
    }

    .section6-parent-custom-design.parent-custom-php-sec-6 {
        display: flex;
        flex-direction: column-reverse;
    }

    .sec-4-custom-php {
        padding: 35px 5px 44px;
    }

    .section5-custom-design.custom-design-background-color.section-5-custom-php {
        padding: 60px 5px 30px;
    }

    .sec6-left.sec-6-lft-custom-php {
        padding: 0px 5px 0px;
    }

    .web-content-info {
        padding: 37px 5px;
    }

    /*========================================================================*/
    /*Custom-design-woo-commerce development*/
    /*========================================================================*/


    .sec-4-rep-icon img {
        max-width: 34%;
    }

    .sec-4-repeater-icon-head.sec-4-rep-head-woo:nth-child(3) img {
        max-width: 34% !important;
    }

    .section5-parent-custom-design-woo-coommerce {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column-reverse;
        gap: 20px;
    }

    .section3-parent-custom-design {
        display: flex;
        flex-direction: column-reverse;
        gap: 20px;
        flex-wrap: wrap;
    }

    .sec-4-repeater {
        grid-template-columns: 1fr 1fr;
    }

    .sec-4-rep-icon.sec-4-rep-icon-woo-comm:before {
        width: 70px;
    }

    .about-ban-title h2.color-title {
        font-size: 35px;
    }

    .banner-sec-head h4 {
        line-height: 45px;
    }

    /*========================================================================*/
    /*Shopify-E-commerce-Websites*/
    /*========================================================================*/
    .section4-parent-custom-design.shopify-e-commerce-parent {
        display: flex;
        flex-direction: column;
        gap: 45px;
        flex-wrap: wrap;
    }

    .section3-parent-custom-design.shopify-e-commerce-parent {
        display: flex;
        flex-direction: column-reverse;
        gap: 45px;
        flex-wrap: wrap;
    }

    /*========================================================================*/
    /*Multi-Vendor-E-commerce-Website*/
    /*========================================================================*/

    .sec-4-rep-head-multivendor h4 {
        font-size: 18px;
    }

    .sec3-right-custom-design-multi-vendor img {
        position: absolute;
        right: 0;
        bottom: 0;
    }

    .web-content-header h1 {
        font-size: 20px;
    }

    .section3-parent-custom-design.section6-multi-vendor {
        display: grid;
        grid-template-columns: 2fr 1fr;
        grid-gap: 20px;
    }

    .sec-4-repeater-icon-multivendor-e-commerce .sec-4-rep-icon img {
        max-width: 14% !important;
        margin: 0 auto !important;
    }

    .sec-4-rep-icon.sec-4-rep-icon-multivendor:before {
        width: 98px;
        top: 12px;
        left: 190px;
    }

    /*========================================================================*/
    /*E-Commerce Website Maintenance*/
    /*========================================================================*/

    .about-ban-title h2.color-title {
        font-size: 28px;
        line-height: 35px;
    }

    .web-content-header h1 {
        font-size: 20px;
        width: 50%;
    }

    .sec-4-repeater.sec-4-rep-e-commerce-website {
        grid-template-columns: 1fr;
    }
    .web-content-info {
        padding: 37px 5px !important; 
    }

    /*========================================================================*/
    /*Faebook Marketing*/
    /*========================================================================*/

    .sec-4-rep-icon.sec-4-rep-icon-face-book img {
        max-width: 16%;
        top: 8px;
        margin: 0 auto;
    }

    .sec-4-rep-icon.sec-4-rep-icon-face-book::before {
        width: 130px;
        top: 10px;
        height: 75px;
        left: 144px;
    }

    .web-content-header h1 {
        font-size: 22px !important;
    }

    .web-content-header h1:after,
    .title-icon h3:after {
        right: -16px;
    }

    .web-content-header h1:before,
    .title-icon h3:before {
        left: -16px;
    }

    .sec-4-repeater-multivendor-e-commerce {
        display: grid;
        grid-template-columns: 1fr;
        gap: 40px 40px;
        text-align: center;
    }

    .sec-4-repeater-multivendor-e-commerce.sec-3-facebook-mark {
        grid-template-columns: 1fr;
        text-align: center;
    }


    .sec-5-rgt-facebook-mark img {
        max-width: 42% !important;
        width: 100% !important;
        padding-top: 0px;
    }

    .section5-facebook-mark {
        grid-template-columns: 1fr;
        gap: 6px;
    }

    .web-content-header h1 {
        font-size: 17px;
        width: 60%;
    }

    /*========================================================================*/
    /*Intagram Marketing*/
    /*========================================================================*/

    .sec-4-repeater-multivendor-e-commerce.sec-3-instagram {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .sec-4-rep-icon.sec-3-rep-insta img {
        max-width: 15% !important;
        margin: 0 auto;
    }

    .sec-4-rep-icon.sec-3-rep-insta:before {
        height: 90px;
        width: 95px;
        top: 6px;
        left: 175px;
    }

    .sec-5-rgt-facebook-mark.sec-5-rgt-instagram-mark img {
        padding-top: 40px;
    }

    /*========================================================================*/
    /*Linke Inn Marketing*/
    /*========================================================================*/

    .web-content-info.pink-section.sec-2-linked-in-pink {
        padding: 37px 5px 15px;
    }

    .sec-5-rgt-facebook-mark.sec-5-rgt-linked-in img {
        width: 100% !important;
        max-width: 42% !important;
        padding-top: 20px !important;
    }

    /*========================================================================*/
    /*Twitter Marketing*/
    /*========================================================================*/

    .section3-parent-custom-design.sec-3-twitter-mark {
        display: flex;
        flex-direction: column-reverse;
        flex-wrap: wrap;
        gap: 45px;
    }

    .section3-parent-custom-design.sec-4-twitter-mark {
        display: grid;
        gap: 20px;
        grid-template-columns: 1fr;
    }

    .sec-5-rgt-facebook-mark.sec-5-rgt-twitter img {
        max-width: 59% !important;
        padding-top: 30px;
        margin-left: 0 auto !important;
    }

    .section5-custom-design.custom-design-background-color.twitter-mark-sec-4 {
        background-size: cover;
        background-position: right;
    }

    .sec-5-rgt-facebook-mark.sec-5-rgt-twitter img {
        max-width: 59% !important;
        padding-top: 30px;
        margin-left: 0 !important;
    }

    /*========================================================================*/
    /*All Social Media Platform*/
    /*========================================================================*/

    .about-ban-title h2.color-title {
        font-size: 48px;
        line-height: 35px;
    }

    .section3-parent-custom-design.sec-3-social-media {
        display: grid;
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .sec3-right-custom-design.sec-3-right-social-media ul {
        margin-top: 0px;
    }

    /*========================================================================*/
    /*Remrketing*/
    /*========================================================================*/

    .about-banner-header.banner-overlay-new.banner-overlay-sem {
        padding: 70px 0px 70px 44px !important;
    }

    .sec-5-rgt-facebook-mark.sec-5-rgt-sem-re-mark img {
        max-width: 60% !important;
        padding-top: 10px;
    }

    /*========================================================================*/
    /*Google Adwords*/
    /*========================================================================*/

    .sec-4-rep-icon.sec-4-rep-icon-multivendor.sec-4-rep-icon-goog:before {
        width: 98px;
        top: 12px;
        left: 50px;
    }

    .sec-5-rgt-facebook-mark.sec-5-rgt-google-ad img {
        max-width: 70% !important;
        margin-bottom: 40px;
        padding-top: 10px;
    }

    /*========================================================================*/
    /*Shopping Ads*/
    /*========================================================================*/

    .sec-4-rep-icon.sec-4-rep-icon-multivendor.sec-3-rep-icon-goo-ads.sec-3-rep-icon-sho-ads img {
        max-width: 13% !important;
        margin: 0 auto !important;
        top: 13px;
    }

    .sec-5-rgt-facebook-mark.sec-5-rgt-shop-ad img {
        max-width: 55% !important;
        padding-top: 10px;
        margin-bottom: 50px;
    }

    /*========================================================================*/
    /*Google Adsense*/
    /*========================================================================*/

    .sec-4-rep-icon.sec-4-rep-icon-multivendor.sec-4-goog-ad-icon.sec-4-rep-icon-adsense:before {
        top: 13px;
        width: 100px;
        left: 179px;
    }

    .sec-4-rep-icon.sec-4-rep-icon-multivendor.sec-4-goog-ad-icon.sec-4-rep-icon-adsense img {
        max-width: 15% !important;
    }

    .sec-5-rgt-facebook-mark.sec-5-rgt-google-ad.sec-5-rgt-google-adsense img {
        padding-top: 4px;
        max-width: 60% !important;
    }

    /*========================================================================*/
    /*Youtube Marketing*/
    /*========================================================================*/

    .imgs {
        display: none;
    }

    /*========================================================================*/
    /*Mobile Ads*/
    /*========================================================================*/

    .sec-5-rgt-facebook-mark.sec-5-rgt-mob-ad img {
        padding-top: 40px;
        margin-bottom: 40px;
    }

    .sec-5-rgt-facebook-mark.sec-5-rgt-mob-ad img {
        max-width: 50% !important;

    }

    /*========================================================================*/
    /*Off Page SEO*/
    /*========================================================================*/

    .sec-4-rep-icon.sec-4-rep-icon-multivendor.sec-4-rep-icon-mobile-ads.sec-3-rep-off-img:before {
        width: 100px !important;
        top: 10px !important;
        left: 180px !important;
    }

    .sec-4-rep-icon.sec-4-rep-icon-multivendor.sec-4-rep-icon-mobile-ads.sec-3-rep-off-img img {
        max-width: 25% !important;
        top: 10px;
    }

    .sec-3-off-pag-seo {
        grid-template-columns: 1fr !important;
        gap: 50px 55px !important;
    }

    .sec-5-rgt-facebook-mark.sec-5-rgt-mob-ad.sec-5-rgt-img-off-page img {
        max-width: 50% !important;
        padding-top: 30px;
        margin-bottom: 50px;
    }

    /*========================================================================*/
    /*On Page SEO*/
    /*========================================================================*/

    .sec-5-rgt-facebook-mark.sec-5-rgt-mob-ad.sec-5-rgt-img-on-page img {
        padding-top: 30px;
    }

    .sec-5-rgt-facebook-mark.sec-5-rgt-mob-ad.sec-5-rgt-img-on-page img {
        max-width: 70% !important;
    }

    /*========================================================================*/
    /*SEO SETUP*/
    /*========================================================================*/

    .sec-3-rep-seo-setup {
        grid-template-columns: 1fr !important;
    }

    .sec-5-rgt-facebook-mark.sec-5-rgt-seo-img img {
        max-width: 70% !important;
        padding-top: 30px;
        margin-bottom: 50px;
    }

    .custom-deign-head.section2-e-commerce-website-maintainance.custom-design-background-color.sec-2-seo-setup h2 {
        width: 40%;
    }

    /*========================================================================*/
    /*SEO Local SEO*/
    /*========================================================================*/

    .custom-deign-head.section2-e-commerce-website-maintainance.custom-design-background-color.section-2-local-seo h2 {
        width: 30%;
    }

    .sec-5-rgt-facebook-mark.sec-5-rgt-img-off-page.sec-4-localseo-img img {
        max-width: 50% !important;
        width: 100% !important;
        padding-top: 50px !important;
    }

    /*========================================================================*/
    /*SEO Intrnational SEO*/
    /*========================================================================*/

    .sec-3-rep-parent-int-seo {
        grid-template-columns: 1fr !important;
    }

    .sec-4-rep-head-multivendor.sec-3-rep-int-head h4 {
        min-height: 0px;
    }

    .sec-5-rgt-facebook-mark.sec-5-rgt-img-off-page.sec-5-rgt-img-int img {
        max-width: 70% !important;
        padding-top: 0px;
        margin-bottom: 30px;
    }

    .sec-4-rep-icon.sec-4-rep-icon-multivendor.sec-3-rep-int-img img {
        max-width: 20% !important;
        top: 10px;
    }

    .sec-3-rep-int-img::before {
        width: 100px !important;
        top: 16px !important;
    }

    .sec-4-rep-head-multivendor.sec-3-rep-int-head h4 {
        font-size: 16px;
        min-height: 0px;
        margin-top: 17px;
    }

    .sec-4-rep-icon.sec-4-rep-icon-multivendor.sec-3-rep-int-img:before {
        left: 170px;
    }

    .section6-custom-design-multivendor.sem-mob-ad-sec-5.sec-4-int-seo {
        background-size: contain;
    }

    .section6-custom-design-multivendor.sem-mob-ad-sec-5.sec-4-int-seo {
        background-repeat: repeat;
    }


    /*========================================================================*/
    /*Mobile App IOS*/
    /*========================================================================*/

    .custom-deign-head.section2-e-commerce-website-maintainance.custom-design-background-color.section-2-mobile-app-ios h2 {
        width: 80%;
    }

    .custom-deign-head.section2-e-commerce-website-maintainance.custom-design-background-color.section-2-mobile-app-ios h4:before {
        top: 9px;
    }

    .section3-parent-custom-design.sec-3-sem-mobile-app-parent {
        gap: 35px;
    }

    .sec-5-rgt-facebook-mark.sec-5-rgt-mob-ios img {
        max-width: 55% !important;
        padding-top: 0px;
        margin: 0 0 30px;
    }

    /*.about-ban-title h2.color-title {*/
    /*    font-size: 38px;*/
    /*    line-height: 35px;*/
    /*}*/
    .about-ban-title h2.color-title {
        font-size: 33px;
        line-height: 38px;
    }
    /*========================================================================*/
    /*Mobile App Android*/
    /*========================================================================*/

    .custom-deign-head.section2-e-commerce-website-maintainance.custom-design-background-color.section-2-mobile-app-android h2 {
        width: 90%;
    }

    .section3-parent-custom-design.sec-3-sem-mobile-app-android-parent {
        gap: 35px;
    }

    .sec-5-rgt-facebook-mark.sec-5-rgt-mob-ios.sec-5-rgt-mob-and-app img {
        max-width: 55% !important;
        padding-top: 30px;
        margin: 0 0 20px;
    }

    /*========================================================================*/
    /*Mobile App Windows*/
    /*========================================================================*/

    .sec-5-rgt-facebook-mark.sec-5-rgt-mob-ios.sec-5-rgt-mob-wind-app img {
        padding-top: 0px;
        max-width: 60% !important;

    }

    /*========================================================================*/
    /*Mobile App Maintenance*/
    /*========================================================================*/

    .custom-deign-head.section2-e-commerce-website-maintainance.custom-design-background-color.section-2-mobile-app-maint h2 {
        width: 70%;
    }

    .custom-deign-head.section2-e-commerce-website-maintainance.custom-design-background-color.section-2-mobile-app-maint h4:before {
        top: 9px;
    }

    .sec-4-rep-icon.sec-4-rep-icon-multivendor.sec-4-goog-ad-icon.sec-4-mobile-app-maint-icon:before {
        top: 18px;
        left: 178px;
        width: 100px !important;
    }

    .sec-4-rep-icon.sec-4-rep-icon-multivendor.sec-4-goog-ad-icon.sec-4-mobile-app-maint-icon img {
        max-width: 15% !important;
        top: 5px;
    }

    .sec-4-rep-head-multivendor.sec-4-rep-head-goog-ad-sen.sec-4-rep-head-mob-app-maint-sen h4 {
        min-height: 0px;
    }

    .sec-5-rgt-facebook-mark.sec-5-rgt-mob-ios.sec-5-rgt-mob-wind-app.sec-5-rgt-mob-app-maint img {
        max-width: 70% !important;
        margin: 0 !important;
        padding-top: 20px;
        margin-bottom: 35px !important;
    }

    .sec3-left-facebook-mark.sec-3-lft-mobile-app-android.sec-3-lft-mobile-app-maint p {
        padding-left: 0px;
    }

    /*========================================================================*/
    /*UI UX Design*/
    /*========================================================================*/

    .website-ui-ux-design-rep {
        display: flex;
        flex-direction: column-reverse;
        gap: 35px;
        ;
    }


    .website-ui-ux-design-rep:nth-child(even) {
        flex-direction: column;
    }

    /*========================================================================*/
    /*Word Press Design*/
    /*========================================================================*/

    .custom-deign-head.section2-e-commerce-website-maintainance.custom-design-background-color.section-2-web-des-word h2 {
        width: 50%;
    }

    .section3-parent-custom-design.sec-3-sem-mobile-app-android-parent.worddes-sec-3-parent p {
        padding-left: 0px;
    }

    /*========================================================================*/
    /*Landing Page Design*/
    /*========================================================================*/

    .sec6-left-multivendor.sec-5-lft-land ul {
        padding-left: 15px;
    }

    .sec-5-rgt-facebook-mark.section-5-lan-pag-img img {
        max-width: 50% !important;
        padding-top: 10px;
    }

    /*========================================================================*/
    /*Portfolio Website Design*/
    /*========================================================================*/

    .sec-4-repeater-multivendor-e-commerce.sec-4-rep-goog-ad-sen.sec-5-portfolio-design {
        grid-template-columns: 1fr;
    }

    .sec-4-rep-icon.sec-4-rep-icon-multivendor.sec-4-goog-ad-icon.sec-5-port-icon::before {
        width: 111px;
        left: 188px;
        top: 32px;
    }

    .sec-4-rep-head-multivendor.sec-4-rep-head-goog-ad-sen.sec-5-port-head h4 {
        /* min-height: 49px; */
        margin-top: 30px;
    }

    .sec-4-rep-icon.sec-4-rep-icon-multivendor.sec-4-goog-ad-icon.sec-5-port-icon img {
        max-width: 14% !important;

    }

    .sec-5-rgt-facebook-mark.sec-5-rgt-mob-ios.sec-5-rgt-mob-wind-app.section-6-port-web-img img {
        padding-top: 10px !important;
        max-width: 50% !important;
        margin: 0 0 10px;
    }


    /*========================================================================*/
    /*Corporate Website Design*/
    /*========================================================================*/

    .custom-deign-head.section2-e-commerce-website-maintainance.custom-design-background-color.section-2-corp-web h2 {
        width: 70%;
    }

    .sec3-left-facebook-mark.sec-3-lft-mobile-app-ios.sec3-lft-corp p {
        padding-left: 0px;
    }

    .sec-5-rgt-facebook-mark.sec-5-rgt-mob-ios.sec-5-rgt-mob-wind-app.section-5-corp-web-img img {
        max-width: 70% !important;
        padding-top: 10px
    }

    /*========================================================================*/
    /*E-Commerce Website Design*/
    /*========================================================================*/

    .sec-4-repeater-multivendor-e-commerce.sec-4-rep-goog-ad-sen.sec-4-rep-e-commerce-des-parent {
        grid-template-columns: 1fr;
    }

    .sec-4-rep-icon.sec-4-rep-icon-multivendor.sec-4-goog-ad-icon.sec-4-rep-img-e-commerce:before {
        left: 170px;
    }

    .sec-4-rep-head-multivendor.sec-4-rep-head-goog-ad-sen.sec-4-rep-e-comm-head h4 {
        margin-top: 15px;
    }

    .sec-5-rgt-facebook-mark.section-5-corp-web-img.section-6-e-com-img img {
        max-width: 70% !important;
        padding-top: 20px;
    }

    .sec-5-rgt-facebook-mark.section-5-corp-web-img.section-6-e-com-img {
        margin-bottom: 20px;
    }
    

    /*========================================================================*/
    /*Php-Web development Design*/
    /*========================================================================*/

    .sec3-left-facebook-mark.sec-3-lft-php-web-des p {
        padding-left: 0px;
    }

    .sec-4-repeater-multivendor-e-commerce.sec-4-rep-goog-ad-sen.sec-4-rep-e-commerce-des-parent.sec-5-rep-php-des-parent {
        grid-template-columns: 1fr;
    }

    .sec-4-rep-icon.sec-4-rep-img-e-commerce.ec-4-goog-ad-icon.sec-5-rep-img-php-web-design img {
        max-width: 15% !important;
    }

    .sec-4-rep-icon.sec-4-rep-img-e-commerce.ec-4-goog-ad-icon.sec-5-rep-img-php-web-design:before {
        height: 90px;
        width: 100px !important;
        top: 3px;
        left: 188px;
    }

    .sec-5-rgt-facebook-mark.section-6-e-com-img.section-6-php-des-img img {
        max-width: 60% !important;
        padding-top: 20px;
    }

    .custom-deign-head.section2-e-commerce-website-maintainance.custom-design-background-color.section-2-php-web-dev h2 {
        width: 80%;
    }

    /*========================================================================*/
    /*Content Marketing 2*/
    /*========================================================================*/

    .sec-5-rgt-facebook-mark.sec-5-rgt-mob-ad.sec-5-rgt-cont img {
        max-width: 60% !important;
        padding-top: 0px;
    }

    .sec-4-rep-icon.sec-4-rep-icon-multivendor.sec-4-rep-icon-mobile-ads.sec-3-rep-cont-img:before {
        width: 90px;
        top: 0px;
        height: 89px;
        left: 180px;
    }

    .sec-4-rep-icon.sec-4-rep-icon-multivendor.sec-4-rep-icon-mobile-ads.sec-3-rep-cont-img img {
        max-width: 14% !important;
    }
    
    .snap-img-cont {
        position: static;
    }
    .snap-img-cont::before{
        display: none;    
    }
    .snap-detail-sec img.snap-img {
        margin: 0 auto 10px;
    }    
    .snap-detail-sec ul li {
        padding: 20px 15px 25px;
    }
    .snap-detail-sec h4{
        font-size: 17px;
    }
    .snap-detail-sec p {
        padding-right: 0;
        font-size: 13px;
    }
    .clients-info ul li img.clients-imgs{
        filter: grayscale(0);    
    }
    ul#client-slider .owl-dots {
        margin-top: 40px;
    }
    ul#client-slider .owl-dots button span {
        height: 8px;
        width: 8px;
        margin: 0 6px;
    }
    .slider-content span {
        margin-top: 3px;
    }
    .floating-form .wpcf7 {
       padding: 30px;
       width: 380px;
    }
    .blog-main .wrapper {
        grid-template-columns: 1fr;
        grid-gap: 1%;
    }
    .blog-main .wrapper .main-section {
        grid-template-columns: 1fr;
    }
    .sidebar {
        width: 100%;
    }
    .footer-lets-connect-sec {
        margin-top: 10px;
    }
    .banner-blog {
        padding: 0px;
    }
    .main-blog-section .sidebar section#categories-2 > ul li.cat-item a {
        font-size: 13px !important;
    }
    .post-para h3 {
        font-size: 20px;
    }
}


/*----------------------------- Media 320 -------------------------------*/
@media only screen and (max-width:479px) {
    .sets-us-detail:before{
        display: none;    
    }
    .com-info-content p, .our-info h4 {
        font-size: 14px;
    }
    .banner-img {
        width: 100%;
        margin-top: 30px;
    }
    .banner-info {
        padding-top: 50px;
        padding-left: 20px;
    }
    .com-info-content {
        padding: 30px 20px;
    }
    .com-info-content h4,
    .com-info-content h1 {
        font-size: 19px;
        line-height: 24px;
    }

    /* SEM */

    .point-title {
        font-size: 22px;
    }

    .title-element {
        padding: 0 22px;
    }

    .title-element::before {
        left: 0;
    }

    .title-element::after {
        right: 0;
    }

    .sem-banner-inner {
        padding: 50px 20px;
    }

    .banner-title {
        font-size: 30px;
    }

    .theme-pad-box {
        padding: 40px 20px;
    }

    .gdn-rows .gdn-row-item img {
        width: 100%;
    }
       /* Web Stories */
    
    .new-web-stories .archive-web-stories {
        grid-template-columns: repeat(1, 1fr);
    }
    .new-web-stories .ws-cnt h3 {
        min-height: auto;
        max-height: inherit;
        margin-bottom: 20px;
    }
    
   /**Header**/
    .header-media {
        float: right;
    }
    .rgt-bar, .lft-bar {
        float: none;
        text-align: center;
        width: 100%;
        display: block;
        display: none;
    }
    .social-header a {
        display: inline-block;
        margin-left: 11px;
        height: 20px;
        width: 25px;
    }
    /*only mobile header*/
    .mobile-header{
        display:block;
    }
    .header-mobile-only a {
        display: inline-block;
        height: 18px;
        width: 25px;
    }
    /*.header-mobile-only {*/
    /*    float: left;*/
    /*    width: 32%;*/
    /*    margin-top:5px;*/
    /*}*/
    .header-mobile-menu {
        height: 30px;
    }
    .header-mobile-menu {
        right: 15px;
        top: 20px;
    }
    .site-header .header-logo a.custom-logo-link img {
        max-width: 98%;
    }
    /*========================================================================*/
    /*Home*/
    /*========================================================================*/
    .banner-info h2:before {
        left: -34px;
        top: -40px;
        width: 90px;
        height: 60px;
    }
    .banner-info h3 {
        margin-top: 5px;
    }

    .ser-img-sec:after {
        width: 30px;
        height: 50px;
    }

    .ser-img-sec:after {
        width: 70px;
        height: 120px;
        left: -11px;
        bottom: -21px;
    }

    .service-info {
        padding: 30px 0;

    }

    .choose-us-sec {
        padding: 30px 0;
    }

    .title-icon h3 {
        font-size: 15px;

    }

    .title-icon h3:before,
    .title-icon h3:after {

        width: 13px;
        height: 15px;
        top: 2px;
    }

    .choose-us-detail ul {
        grid-template-columns: repeat(1fr);
    }


    #menu-footer-bottom-menu {

        display: block;
    }

    /*========================================================================*/
    /*About Us*/
    /*========================================================================*/

    /*.header-mobile-menu {*/
    /*    right: 40px;*/
    /*    top: 21px;*/
    /*}*/
    .our-founder-sec .container .our-founder-sec__main {
        background: #F5F5F5;
        width: 100% !important;
        padding: 30px 30px 30px;
        margin: 0 auto;
    }
    .about-banner-header {
        padding: 10px 0px 0px 20px;
    }

    /*.about-ban-title span.sub-title {*/
    /*    font-size: 13px;*/
    /*}*/
    .about-ban-title span.sub-title {
        font-size: 12px;
        line-height: 12px;
    }
    .form-on-banner {
        margin-top: 62px;
    }
    

    .about-banner-svgs img.about-svg6 {
        top: 20px;
        right: 97px;
        width: 10px;
    }

    .about-banner-header {
        padding: 35px 0px 35px 20px;
    }

    .about-ban-title h2.color-title {
        font-size: 30px;
        line-height: 30px;
    }

    .about-ban-title {
        line-height: 11px;
    }

    .company-pro-sec {
        padding: 0px !important
    }

    .our-future-img:before {
        display: none;
    }

    .our-founder-header img.founder-svg3 {
        top: 7px;
        right: -24px;
        width: 60px;
    }

   /* .header-mobile-menu {
        right: 20px; change from 40t0 20
        top: 15px;
        width: 24px;
    }*/

    .our-founder-sec .container {
        padding: 40px 30px 30px;
    }

    .our-founder-sec .container {
        width: 100% !important;
    }

    .title-icon h3 {
        font-size: 19px;
    }

    .title-icon h3:before,
    .title-icon h3:after {
        width: 13px;
        height: 15px;
        top: 8px;
    }

    .footer-lft-inrgt section#nav_menu-9 {
        margin-top: 20px;

    }

    /*========================================================================*/
    /*FAQ*/
    /*========================================================================*/

    .about-banner-header {
        padding: 60px 50px 60px 27px !important;
    }

    .about-banner-svgs img.about-svg6 {
        right: 10px;
        width: 12px;
    }

    .footer-lft-sec-2 section#text-2 h4.accordion,
    .footer-lft-sec-2 section#text-2 {
        margin-bottom: 12px;
    }
    /*NEW BANNER*/
    .form-on-banner {
            width: 75%;
            top: 40%;
    }

    /*========================================================================*/
    /*Portfolio*/
    /*========================================================================*/

    .about-ban-title h2.color-title {
        font-size: 30px;
    }

    .content-holder .content h3 {
        font-size: 22px;
    }

    .content-holder:nth-child(odd) .forimage:before {
        display: none;
    }

    .content-holder:nth-child(even) .forimage:before {
        display: none;
    }

    .header-mobile-menu {
        width: 30px;
    }

    .our-key-info ul,
    .choose-us-detail ul {
        grid-template-columns: repeat(1, 1fr);
    }
    
    .profile-info {
        min-height: 386px;
    }

    .slide-menu.slide-out-menu {
        height: 100vh;
        overflow-y: scroll;
        width: 250px;
    }

    .svg-imgs img.svg1,
    .svg-imgs img.svg2,
    .svg-imgs img.svg3,
    .svg-imgs img.svg4,
    .svg-imgs img.svg5,
    .svg-imgs img.svg6,
    .svg-imgs img.svg7,
    .svg-imgs img.svg8,
    .svg-imgs img.svg9,
    .svg-imgs img.svg10 {
        display: none;

    }

    /*========================================================================*/
    /*Contact us*/
    /*========================================================================*/

    .about-banner-header {
        padding: 45px 50px 45px 27px !important;
    }

    img.about-svg6 {
        display: none;
    }

    .header-mobile-menu ul li a {
        font-size: 14px;
    }

    /*========================================================================*/
    /*Custom-php-e-commerce*/
    /*========================================================================*/

    .about-ban-title h2.color-title {
        font-size: 26px;
    }

    .web-content-header h2 {
        font-size: 15px;
        width: 70%;
    }

    .heading-with-dot {
        font-size: 17px;
    }

    .sec-4-custom-php {
        padding: 35px 0px;
    }

    .about-banner-header {
        padding: 50px 50px 50px 44px !important;
    }

    .custom-deign-head.section2-custom-desiign.custom-design-background-color.sec-2-custom-php h2 {
        width: 92%;
    }

    .sec6-left.sec-6-lft-custom-php {
        padding: 0px 0px 0px;
    }

    /*========================================================================*/
    /*Custom-design-woo-commerce development*/
    /*========================================================================*/
    .about-ban-title h2.color-title {
        font-size: 25px;
    }

    .web-content-header h1 {
        font-size: 15px;
        width: 82%;
    }

    .sec-4-repeater {
        grid-template-columns: 1fr;
        text-align: center;
        width: 80%;
        margin: 0 auto;
        margin-top: 30px;
    }

    .sec-4-rep-icon img {
        max-width: 28%;
        margin: 0 auto;
    }

    .sec-4-repeater-icon-head.sec-4-rep-head-woo:nth-child(3) img {
        max-width: 29% !important;
    }

    .sec-4-rep-icon.sec-4-rep-icon-woo-comm:before {
        width: 100px;
        left: 72px !important;
        top: 18px;
        height: 65px;
    }

    .sec-4-repeater h4 {
        font-size: 15px;
    }

    .section4-custom-design.sec-4-woo-commerce {
        padding: 32px 0px;
    }

    /*========================================================================*/
    /*Shopify-E-commerce-Websites*/
    /*========================================================================*/

    /*========================================================================*/
    /*Multi-Vendor-E-commerce-Website*/
    /*========================================================================*/

    .section3-parent-custom-design.multivendor-e-commerce-parent {
        display: flex !important;
        flex-direction: column-reverse;
    }

    .sec-4-rep-icon.sec-4-rep-icon-multivendor:before {
        width: 82px;
        top: 13px;
        left: 108px;
    }

    .sec-4-repeater-multivendor-e-commerce {
        display: grid;
        grid-template-columns: 1fr;
        text-align: center;
    }

    .sec-4-repeater-icon-multivendor-e-commerce .sec-4-rep-icon img {
        max-width: 17%;
    }

    .web-content-info {
        padding: 37px 0px;
    }

    .web-info p {
        line-height: 22px;
    }

    .section3-parent-custom-design.section6-multi-vendor {
        display: grid;
        grid-template-columns: 1fr;
        gap: 50px;
    }

    .section3-parent-custom-design.section5-multi-vendor {
        display: flex;
        flex-direction: column-reverse;
        gap: 20px;
        flex-wrap: wrap;
    }

    .web-content-header h1 {
        font-size: 20px;
        width: 72%;
        line-height: 27px;
    }

    .footer-top {
        padding: 0 0;
    }

    .about-ban-title h2.color-title {
        font-size: 28px;
    }

    /*========================================================================*/
    /*E-Commerce Website Maintenance*/
    /*========================================================================*/

    .sec-4-repeater.sec-4-rep-e-commerce-website {
        grid-template-columns: 1fr;
    }

    .web-content-header h1 {
        font-size: 20px !important;
        width: 82%;
    }

    .sec-4-repeater.sec-4-rep-e-commerce-website {
        margin: 15px 10px;
    }

    .sec-4-repeater.sec-4-rep-e-commerce-website {
        width: 90%;
    }

    /*========================================================================*/
    /*Faebook Marketing*/
    /*========================================================================*/

    .sec-4-rep-icon.sec-4-rep-icon-face-book img {
        max-width: 22%;
        top: 8px;
        margin: 0 auto;
    }

    .sec-4-rep-icon.sec-4-rep-icon-face-book::before {
        width: 100px;
        top: 9px;
        height: 75px;
        left: 95px;
    }

    .web-content-header h1 {
        font-size: 20px !important;
        width: 82%;
    }

    .section4-custom-design.custom-design-background-color.facebook-marketing-sec-3 {
        padding: 60px 0px 40px;
    }

    .web-content-header h1:before,
    .title-icon h3:before {
        left: -16px;
    }

    .web-content-header h1:after,
    .title-icon h3:after {
        right: -16px;
    }

    .web-content-header h1:before,
    .web-content-header h1:after,
    .title-icon h3:before,
    .title-icon h3:after {
        top: 6px;
    }

    /*========================================================================*/
    /*Intagram Marketing*/
    /*========================================================================*/

    .sec-4-rep-icon.sec-3-rep-insta:before {
        height: 85px;
        width: 88px;
        top: 0px;
        left: 107px;
    }

    .sec-4-rep-icon.sec-3-rep-insta img {
        max-width: 19% !important;
        top: -6px;
    }

    .sec-5-rgt-facebook-mark.sec-5-rgt-instagram-mark img {
        padding-top: 10px;
    }

    .sec-5-rgt-facebook-mark.sec-5-rgt-instagram-mark {
        max-width: 92% !important;
        width: 100% !important;
    }

    /*========================================================================*/
    /*Linke Inn Marketing*/
    /*========================================================================*/

    /*========================================================================*/
    /*Twitter Marketing*/
    /*========================================================================*/

    .web-content-info.pink-section.sec-2-pink-twitter {
        padding: 37px 5px 21px;
    }

    .section5-custom-design.custom-design-background-color.twitter-mark-sec-4 {
        padding: 40px 5px 30px;
    }

    .sec-5-rgt-facebook-mark.sec-5-rgt-twitter img {
        max-width: 69% !important;
        padding-top: 20px;
        margin-left: 0 !important;
    }

    /*========================================================================*/
    /*All Social Media Platform*/
    /*========================================================================*/

    .about-banner-header {
        padding: 60px 50px 60px 44px !important;
    }

    .about-ban-title h2.color-title {
        font-size: 35px;
    }

    .sec-4-rep-icon.sec-4-rep-icon-multivendor.sec-4-social-icon img {
        max-width: 18% !important;
    }

    .sec-4-rep-icon.sec-4-rep-icon-multivendor.sec-4-social-icon:before {
        width: 85px;
        top: 8px;
        left: 108px;
        height: 70px;
    }

    /*========================================================================*/
    /*Remrketing*/
    /*========================================================================*/

    .sec-4-rep-icon.sec-4-rep-icon-multivendor.sec-4-rep-icon-goog img {
        max-width: 20% !important;
        top: 10px;
    }

    .sec-4-rep-icon.sec-4-rep-icon-multivendor.sec-4-rep-icon-goog:before {
        width: 100px;
        top: 14px;
        left: 98px;
        height: 90px;
    }

    .sec-5-rgt-facebook-mark.sec-5-rgt-google-ad img {
        padding-top: 0px;
    }

    /*========================================================================*/
    /*Shopping Ads*/
    /*========================================================================*/

    .sec-4-rep-icon.sec-4-rep-icon-multivendor.sec-3-rep-icon-goo-ads.sec-3-rep-icon-sho-ads:before {
        width: 92px;
        top: 12px;
        left: 108px;
    }

    .sec-4-rep-icon.sec-4-rep-icon-multivendor.sec-3-rep-icon-goo-ads.sec-3-rep-icon-sho-ads img {
        max-width: 16% !important;
        margin: 0 auto !important;
        top: 13px;
    }

    /*========================================================================*/
    /*Google Adsense*/
    /*========================================================================*/
    .sec-4-rep-icon.sec-4-rep-icon-multivendor.sec-4-goog-ad-icon.sec-4-rep-icon-adsense:before {
        top: 15px;
        width: 100px;
        left: 112px;
    }

    .sec-4-rep-icon.sec-4-rep-icon-multivendor.sec-4-goog-ad-icon.sec-4-rep-icon-adsense img {
        max-width: 19% !important;
        top: 5px;
    }

    .sec-5-rgt-facebook-mark.sec-5-rgt-google-ad.sec-5-rgt-google-adsense img {
        padding-top: 10px;
        max-width: 65% !important;
    }

    /*========================================================================*/
    /*Youtube Marketing*/
    /*========================================================================*/

    .imgs {
        display: none;
    }

    .sec-5-rgt-facebook-mark.sec-7-rgt-you-tub img {
        max-width: 62% !important;
    }

    /*========================================================================*/
    /*Mobile Ads*/
    /*========================================================================*/

    .custom-deign-head.section2-e-commerce-website-maintainance.custom-design-background-color.section-2-sem-mobile-ad h2 {
        width: 52%;
    }

    .sec-5-rgt-facebook-mark.sec-5-rgt-mob-ad img {
        padding-top: 10px;
    }

    .sec-5-rgt-facebook-mark.sec-5-rgt-mob-ad img {
        max-width: 60% !important;
    }

    /*========================================================================*/
    /*Off Page SEO*/
    /*========================================================================*/
    .custom-deign-head.section2-e-commerce-website-maintainance.custom-design-background-color.sec-2-off-page-seo h2 {
        width: 60%;
    }

    .heading-with-dot.sec-4-mobile-ad-head.sec-3-seo-off-page-head h4 {
        font-size: 20px;
    }

    .sec-4-rep-head-multivendor.sec-4-rep-mobile-ads-head.sec-3-rep-off-page-head h4 {
        font-size: 17px;
    }

    .sec-4-rep-icon.sec-4-rep-icon-multivendor.sec-4-rep-icon-mobile-ads.sec-3-rep-off-img:before {
        width: 100px !important;
        top: 15px !important;
        left: 100px !important;
    }

    .sec-4-rep-icon.sec-4-rep-icon-multivendor.sec-4-rep-icon-mobile-ads.sec-3-rep-off-img img {
        max-width: 22% !important;
        top: 9px;
    }

    .section3-parent-custom-design.sec-3-sem-mobile-ad-parent.sec-4-off-pageseo-paren {
        gap: 35px;
    }

    .sec-5-rgt-facebook-mark.sec-5-rgt-mob-ad.sec-5-rgt-img-off-page img {
        max-width: 70% !important;
        padding-top: 30px;
        margin-bottom: 50px;
        margin: 0 0 40px;
    }

    /*========================================================================*/
    /*On Page SEO*/
    /*========================================================================*/

    .sec6-left-multivendor.sec-5-lft-mob-ad.sec-5-lft-on-page h4 {
        font-size: 18px;
    }

    .sec-5-rgt-facebook-mark.sec-5-rgt-mob-ad.sec-5-rgt-img-on-page img {
        max-width: 80% !important;
    }

    .custom-deign-head.section2-e-commerce-website-maintainance.custom-design-background-color.sec-2-on-page-seo h2 {
        width: 60%;
    }

    /*========================================================================*/
    /*SEO SETUP*/
    /*========================================================================*/

    .about-banner-header {
        padding: 50px 50px 50px 44px !important;
    }

    .sec-4-rep-icon.sec-4-rep-icon-multivendor.sec-3-rep-seo-img img {
        max-width: 20% !important;
    }

    /*========================================================================*/
    /*SEO Local SEO*/
    /*========================================================================*/
    .custom-deign-head.section2-e-commerce-website-maintainance.custom-design-background-color.section-2-local-seo h2 {
        width: 40%;
    }

    /*========================================================================*/
    /*SEO Intrnational SEO*/
    /*========================================================================*/

    .custom-deign-head.section2-e-commerce-website-maintainance.custom-design-background-color.section-2-int-seo h2 {
        width: 72%;
    }

    .heading-with-dot.sec-4-mobile-ad-head.sec-3-seo-int-head h4 {
        font-size: 22px;
    }

    .sec-4-rep-icon.sec-4-rep-icon-multivendor.sec-3-rep-int-img:before {
        left: 100px;
    }

    .int-seo-sec-4-parent {
        gap: 27px !important;
    }

    .sec-5-rgt-facebook-mark.sec-5-rgt-img-off-page.sec-5-rgt-img-int img {
        max-width: 80% !important;
    }

    .sec-4-rep-icon.sec-4-rep-icon-multivendor.sec-3-rep-int-img img {
        top: 19px;
    }

    /*========================================================================*/
    /*Mobile App IOS*/
    /*========================================================================*/

    /*.about-ban-title h2.color-title {*/
    /*    font-size: 30px;*/
    /*}*/
    .about-ban-title h2.color-title {
        font-size: 33px;
        margin-bottom: 7px;
        line-height: 33px;
    }

    .custom-deign-head.section2-e-commerce-website-maintainance.custom-design-background-color.section-2-mobile-app-ios h2 {
        width: 55%;
    }

    /*========================================================================*/
    /*Mobile App Android*/
    /*========================================================================*/

    .custom-deign-head.section2-e-commerce-website-maintainance.custom-design-background-color.section-2-mobile-app-android h2 {
        width: 70%;
    }

    /*========================================================================*/
    /*Mobile App Windows*/
    /*========================================================================*/

    .sec3-left-facebook-mark.sec-3-lft-mobile-app-android.sec-3-lft-wind-app p {
        padding-left: 0px;
    }

    /*========================================================================*/
    /*Mobile App Maintenance*/
    /*========================================================================*/

    .custom-deign-head.section2-e-commerce-website-maintainance.custom-design-background-color.section-2-mobile-app-maint h2 {
        width: 90%;
    }

    .sec-4-rep-icon.sec-4-rep-icon-multivendor.sec-4-goog-ad-icon.sec-4-mobile-app-maint-icon:before {
        top: 0px;
        left: 108px;
        width: 100px !important;
    }

    .sec-4-rep-icon.sec-4-rep-icon-multivendor.sec-4-goog-ad-icon.sec-4-mobile-app-maint-icon img {
        max-width: 18% !important;
        top: 5px;
    }

    .sec-5-rgt-facebook-mark.sec-5-rgt-mob-ios.sec-5-rgt-mob-wind-app.sec-5-rgt-mob-app-maint img {
        max-width: 80% !important;
        padding-top: 10px;
    }

    /*========================================================================*/
    /*UI UX Design*/
    /*========================================================================*/
    .custom-deign-head.section2-e-commerce-website-maintainance.custom-design-background-color.section-2-web-des-ui-ux h2 {
        width: 50%;
    }

    .section3-parent-custom-design.sec-3-ui-ux-web-parent p {
        padding-left: 0px;
    }

    /*========================================================================*/
    /*Word Press Design*/
    /*========================================================================*/
    .custom-deign-head.section2-e-commerce-website-maintainance.custom-design-background-color.section-2-web-des-word h2 {
        width: 70%;
    }

    /*========================================================================*/
    /*Landing Page Design*/
    /*========================================================================*/
    .sec-5-rgt-facebook-mark.section-5-lan-pag-img img {
        max-width: 60% !important;
        width: 100% !important;
    }

    /*========================================================================*/
    /*Portfolio Website Design*/
    /*========================================================================*/

    .sec3-left-facebook-mark.sec-3-lft-mobile-app-ios.sec4-rgt-port p {
        padding-left: 0px;
    }

    .sec-4-rep-icon.sec-4-rep-icon-multivendor.sec-4-goog-ad-icon.sec-5-port-icon img {
        max-width: 17% !important;
        top: 19px;
    }

    .sec-4-rep-icon.sec-4-rep-icon-multivendor.sec-4-goog-ad-icon.sec-5-port-icon::before {
        height: 58px;
        width: 81px;
        left: 108px;
        top: 25px;
    }

    /*========================================================================*/
    /*Corporate Website Design*/
    /*========================================================================*/

    .custom-deign-head.section2-e-commerce-website-maintainance.custom-design-background-color.section-2-corp-web h2 {
        width: 90%;
    }

    .sec-5-rgt-facebook-mark.sec-5-rgt-mob-ios.sec-5-rgt-mob-wind-app.section-5-corp-web-img img {
        max-width: 80% !important;
    }

    /*========================================================================*/
    /*E-Commerce Website Design*/
    /*========================================================================*/
    .custom-deign-head.section2-e-commerce-website-maintainance.custom-design-background-color.section-2-web-des-e-comm h2 {
        width: 85%;
    }

    .sec3-left-facebook-mark.sec-3-lft-mobile-app-ios.sec3-lft-e-comm {
        padding-left: 0px;
    }

    .sec-4-rep-icon.sec-4-rep-icon-multivendor.sec-4-goog-ad-icon.sec-4-rep-img-e-commerce:before {
        left: 100px;
        width: 100px;
        top: 7px;
    }

    .sec-4-rep-icon.sec-4-rep-icon-multivendor.sec-4-goog-ad-icon.sec-4-rep-img-e-commerce img {
        max-width: 20% !important;
        top: 10px;
    }

    /*========================================================================*/
    /*Php-Web development Design*/
    /*========================================================================*/

    .sec-4-rep-icon.sec-4-rep-img-e-commerce.ec-4-goog-ad-icon.sec-5-rep-img-php-web-design img {
        max-width: 22% !important;
    }

    .sec-4-rep-icon.sec-4-rep-img-e-commerce.ec-4-goog-ad-icon.sec-5-rep-img-php-web-design:before {
        height: 100px;
        width: 100px !important;
        top: 3px;
        left: 98px;
    }

    .sec-5-rgt-facebook-mark.section-6-e-com-img.section-6-php-des-img img {
        max-width: 80% !important;
    }

    /*========================================================================*/
    /*Content Marketing 2*/
    /*========================================================================*/

    .sec-4-rep-icon.sec-4-rep-icon-multivendor.sec-4-rep-icon-mobile-ads.sec-3-rep-cont-img img {
        max-width: 18% !important;
    }

    .sec-4-rep-icon.sec-4-rep-icon-multivendor.sec-4-rep-icon-mobile-ads.sec-3-rep-cont-img:before {
        width: 90px;
        top: -4px;
        height: 89px;
        left: 110px;
    }

    .sec-5-rgt-facebook-mark.sec-5-rgt-mob-ad.sec-5-rgt-cont img {
        max-width: 70% !important;
    }
    ul#menu-mobile-menu li a {
        padding: 12px 10px 12px 18px;
        font-size: 14px;
    }
    .snap-detail-sec ul{
        display: block;
    }
    .snap-detail-sec ul li{
        margin-bottom: 10px;
        text-align: center;
        align-items: center;
    }
    .snap-detail-sec a {
        display: inline-block;
        width: fit-content;
    }
    .floating-button button {
        padding: 10px 20px 10px 20px;
    }
    .floating-form .wpcf7 {
        padding: 10px;
        width: 290px;
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
}