/home/websdxuk/public_html/web-offer/css/responsive.css
@media (min-width:1501px) and (max-width:1600px) {
    .reliable_after {
        width: 10vw;
    }

    .reliable_before {
        width: 9.5vw;
    }
}

@media (min-width:1400px) and (max-width:1500px) {
    .reliable_after {
        width: 9vw;
    }

    .reliable_before {
        width: 6.5vw;
    }
}

@media (min-width:1200px) and (max-width:1400px) {

    .reliable_before {
        position: absolute;
        left: 190px;
        width: 110px;
        bottom: 0;
    }

    .local-design-dev-sec {
        padding: 100px 0 0PX 0;
    }

    .local-dev-lside h2 {
        padding-top: 15px;
    }

    .reliable_after {
        position: absolute;
        right: 30px;
        bottom: auto;
        top: 6px;
        margin: auto;
        width: 130px;
    }

    .case-studies-sec.new-seo-page-cs {
        padding: 10px 0 40px;
    }

    .clutch-banner-section {
        position: absolute;
        left: 58%;
        top: -85px;
        height: 480px;
        border-radius: 25px;
        padding: 25px 30px !important;
        width: 400px;
        margin: auto;
        bottom: -110px;
    }

    /* 
    img.banner_img_mm {
        position: absolute;
        right: 0;
        top: 0;
        width: 730px;
                 overflow: hidden;
    }
 */


    .new-mrkt-tb-st:before {
        background-position: center;
        background-size: 100%;
        background-repeat: no-repeat;
        position: absolute;
        left: -210px;
        top: -30px;
        /* bottom: 0; */
        margin: auto;
        width: 851px;
        height: 689px;
    }

    .pack_before {
        width: 298px;
        height: 338px;
        position: absolute;
        left: -30px;
        top: 0;
    }

    .local-dev-rside img {
        width: 133%;
        margin: 30px 0 -13px -60px;
    }

    .local-dev-lside {
        color: #fff;
        margin: -80px 0 40px;
    }

    .mypackages {
        margin-top: -5px;
    }

    .pack_before {
        position: absolute;
        top: -27px;
        left: -55px;
        width: 268px;
        height: 308px;
    }

    .logo img {
        width: 60%;
        position: relative;
        margin-top: 8px;
    }


    .block-page-title-block h1 {
        font-weight: 500;
        padding-top: 30px;
        padding-bottom: 30px;
        letter-spacing: -.04em;
    }






}



@media (min-width: 320px) and (max-width: 767px) {
    .hd-txt {
        margin: 0 0 0px 0;
    }

   

    

    .local-design-dev-sec {
        padding: 30px 0px;
    }

    .packagebox .chat-btn {
        margin: 7px -6px;
        height: 43px;
    }

    section.industries-sec {
        padding: 30px 0px;
        background: none;
    }

    .cntct-div .hd-txt h2 {
        text-align: center;
        font-size: 30px;
    }

    .cntct-div .button {
        margin: auto;
    }

    section.footer {
        padding: 30px 0 0 0;
    }

    .list-industry ul li {
        width: 30%;
    }

    .packagebox .list-scroll {
        padding-left: 0 !important;
    }

    .commbo.btn {
        margin-top: 0;
        flex-direction: column-reverse;
        justify-content: center;
        text-align: center;
        align-items: center;
        margin: 0
    }

    .myticks li:before {
        color: #fff;
    }

    .tabs-techno li {
        width: 45%;
    }

    .nav-tabs.techno li a {
        text-align: center;
        font-size: 12px;
        padding: 10px 10px;
    }

    .tabs-techno {
        justify-content: center;
        text-align: center;
    }

    ul.nav.nav-tabs.techno {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        margin: 0 0 20px 0;
    }


    .list-industry ul li h4 {
        font-size: 10px;
    }

    .block-page-title-block .hero-content {
        float: none;
        width: 100%;
        position: relative;
        z-index: 10;
        margin: auto;
        display: table;
        text-align: center;
    }

    .logo {
        margin: 0px;
        padding: 0px;
        float: none;
        width: auto;
    }

    .logo img {
        width: 94px;
        /* filter: brightness(100); */
        position: relative;
        margin-top: 0;
        margin: auto;
        display: table;
        text-align: center;
        padding-top: 10px;
    }

    .block-page-title-block h1 {
        font-weight: 500;
        padding-top: 0;
        padding-bottom: 20px;
        letter-spacing: -.04em;
        color: #fff;
        font-size: 32px;
    }

    .block-page-title-block .hero-content .field--name-field-sub-heading p {
        font-size: 18px;
        line-height: 28px;
        margin: 10px 0 0;
        color: #fff;
    }

    .red-bar {
        width: 100px;
        height: 3px;
        background: #ff6a03;
        margin: 30px 0;
        top: 25px;
        left: 0;
        right: 0;
        margin: 0 auto 10px !important;
        text-align: center;
    }

    .block-page-title-block .hero-content {
        float: none;
        width: 100%;
        position: relative;
        z-index: 10;
        margin: 0px auto 0;
        display: table;
        text-align: center;
        z-index: 9999999;
    }

    .service-detail-header .hero-content .service-parent {
        padding-top: 0;
        padding-bottom: 8px;
    }

    .navbar_custom_num {
        text-align: center;
        float: none;
        padding: 10px 0 0;
        margin: 0;
    }

    .edi-btn-st {
        display: inline-block;
        align-items: center;
        margin: auto;
        width: 100%;
    }

    .edit-call.numb-font {
        margin-right: 0;
        text-align: center;
        margin: 10px auto 10px;
        display: inline-block;
    }

    .clutch-banner-section {
        position: absolute;
        right: 0;
        z-index: 999999;
        top: 373px;
        /* height: 480px; */
        background: #FA5836;
        border-radius: 25px;
        padding: 25px 30px !important;
        width: 90%;
        margin: auto;
        bottom: 0;
        left: 0;
        margin: auto;
    }

    .block-page-title-block .grey-bg {
        z-index: 1;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        min-height: 1140px;
        position: static;
        padding: 60px 0 0px;
        background: rgb(11 0 32 / 77%);
    }

    .feature-link--dark-blue-arrow a {
        line-height: 30px;
        text-decoration: none;
        color: #FA5836;
        margin-right: 10px;
        font-weight: 700;
    }

    .row_mm {
        display: flex;
        flex-direction: row-reverse;
        width: 100%;
    }

    .page-title span {
        font: 37px/50px Poppins, sans-serif;
        font-weight: 700;
    }



    .myticks li {
        overflow: hidden;
        display: inline-block;
        position: relative;
        padding: 0 0 0px 30px;
        font-weight: 500;
        width: auto;
        font-size: 16px;
        line-height: initial;
        text-align: center;
        margin: auto;
        color: #fff;
    }

    .feature-link-svg:after,
    [data-drupal-views-infinite-scroll-pager] .button:after,
    .feature-link--container .feature-link:after,
    .feature-link--container a:after,
    .feature-link--dark-blue-arrow a:after,
    .feature-link--light-blue-arrow a:after,
    .feature-link--dark-blue:after,
    .feature-link--dark-blue-left-arrow:after,
    .feature-link--dark-blue-left-arrow-large:after,
    .feature-link--dark-blue-right-arrow-large:after {
        content: "";
        margin-left: 20px;
        display: inline-block;
        vertical-align: middle;
        background-repeat: no-repeat;
        background-image: url(../images/arrow-white-double.html);
        background-position: -17px center;
        background-color: #FA5836 !important;
        height: 30px;
        width: 30px;
        border-radius: 50%;
        box-shadow: 0 0 0 0 rgb(252 252 252 / 75%);
        transition: 0.3s ease-in;
    }

    .feature-link-svg:hover:after,
    [data-drupal-views-infinite-scroll-pager] .button:hover:after,
    .feature-link--container .feature-link:hover:after,
    .feature-link--container a:hover:after,
    .feature-link--dark-blue-arrow a:hover:after,
    .feature-link--light-blue-arrow a:hover:after,
    .feature-link--dark-blue:hover:after,
    .feature-link--dark-blue-left-arrow:hover:after,
    .feature-link--dark-blue-left-arrow-large:hover:after,
    .feature-link--dark-blue-right-arrow-large:hover:after {
        height: 25px;
        width: 25px;
        background-color: #e3173e;
        background-position: 14px center;
        box-shadow: 0 0 0 10px rgb(252 252 252 / 50%);
        animation: bg-position-change 0.3s ease;
    }

    .bnr-btn .quote-btn-st {
        background: #ff6a03;
        border: 2px solid transparent;
        margin-right: 15px;
        border-radius: 8px;
        padding: 8px 25px;
    }

    .bnr-btn .chat-btn-st {
        background: transparent;
        border: 2px solid #ff6a03;
        border-radius: 8px;
        padding: 9px 25px;
    }

    .header_main_sec {
        position: absolute;
        width: 100%;
        z-index: 9;
        /* background-color: rgb(0 0 0 / 35%); */
        padding: 0px 0;
    }

    .seo-new-marketing .hd-txt h3 {

        font-weight: 600;
        text-transform: uppercase;
        margin-bottom: 10px;
        font-size: 20px;
    }

    .hd-txt h2 {
        padding-bottom: 10px;
        font-size: 30px;
        text-transform: uppercase;
    }

    .hd-txt p {
        font-size: 14px;
        text-align: center;
        padding: 0 0 10px 0;
    }

    .mrkt-new-tb-img {
        position: relative;
        text-align: center;
        min-height: auto;
        display: table;
        align-content: center;
        padding: 20px 10px 10px;
        background-color: #221526;
        bottom: 0;
        margin: 20px 0 0 0;
    }

    .mrkt-new-tb-img:before {
        content: '';
        background-image: none;
        background-position: left center;
        background-size: 100%;
        background-repeat: no-repeat;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        width: 100%;
        height: auto;
        z-index: -1;
        background-color: #ff6a03;
        padding: 0 0 0;
        display: none;
    }

    .add_m_btn {
        margin: 30px auto 0;
        display: table;
        float: none;
        width: 100%;
        text-align: center;
        background: transparent !important;
        border: 2px solid #272c49 !important;
        color: #272c49 !important;
        font-weight: 700;
    }

    .edi-btn-st a {
        font-size: 16px;
        color: #FA5836;
        font-weight: 700;
        text-transform: uppercase;
        margin: 0 10px 0;
    }

    .bnr-btn.new-mrkt-btn {
        text-align: center;
        display: inline-block;
    }

    .new-mrkt-tab .nav-tabs li p {
        font-weight: 500;
        line-height: 20px;
        padding-top: 10px;
        color: #222;
        font-size: 13px;
    }

    .new-mrkt-tab .nav-tabs li a {
        border-radius: 8px;
        background-color: rgb(234, 234, 234);
        box-shadow: 9.192px 9.192px 16px 0px rgb(8 8 8 / 7%);
        padding: 10px 10px;
        margin: 15px 8px;
        font-size: 14px;
    }

    .new-mrkt-tb-st li.mrkt-tab-box-new {
        width: 172px !important;
        margin: 0 !important;
    }

    .new-mrkt-tb-st .row .col-sm-12 {
        display: flex;
        flex-direction: column-reverse;
    }

    .new-mrkt-tb-st {
        padding: 0px 0 0px;
    }

    .why-tab-seo {
        padding: 30px 0 0;
    }

    .new-mrkt-box-inner h3 {
        font-size: 30px;
        line-height: 35px;
        text-transform: uppercase;
        font-weight: 500;
        padding-bottom: 20px;
        color: #fff;
        text-align: center;
    }

    .new-mrkt-box-inner p {
        padding-bottom: 20px;
        line-height: 25px;
        color: #fff;
        text-align: center;
    }

    .lft-why-tb ul {
        padding: 0;
        display: inline-block;
        flex-direction: column;
    }

    ul#nav-tabs-wrapper li:last-child {
        margin: auto;
        display: table;
        float: none;
        text-align: center;
        width: auto;
    }

    ul#nav-tabs-wrapper li {
        display: inline-block;
        /* width: auto; */
        float: none;
        /* text-align: center; */
        margin: 0 5px;
    }

    .lft-why-tb li a {
        background: transparent;
        border: 0;
        /* color: #222; */
        font-size: 16px;
        font-weight: 700;
        line-height: 40px;
        padding-left: 0;
        padding: 0 0px;
        /* background-color: #000; */
        margin: 0 0 10px;
        /* color: #fff; */
        border-radius: 0;
        text-align: center;
    }

    section.why-tab-seo h2 {
        font-size: 30px;
        font-weight: bold;
        margin: 0;
        padding-bottom: 0px;
        text-transform: capitalize;
        text-align: center;
    }

    .lft-why-tb .nav-tabs {
        border: 0;
        margin: 20px auto 0;
        text-align: center;
        align-items: center;
        display: flow-root;
        width: 100%;
    }

    .btn-st.why-tb-btn-st {
        text-align: center;
        margin-top: 20px;
    }

    .rht-why-col-div {
        position: relative;
        border-left: 0px solid #f8dab8;
    }

    .rht-why-tb {
        padding-left: 0;
        padding: 0 0 40px;
    }

    .why-tb-txt.hd-txt h2 {
        margin-top: 35px;
    }

    .why-tb-txt p {
        padding-top: 5px;
        margin-bottom: 0;
        line-height: 23px;
        text-align: center;
    }

    .local-dev-lside {
        text-align: center;
    }

    .local-icon-box {
        border-radius: 5px;
        /* background-color: rgb(37, 42, 74); */
        text-align: center;
        /* color: #fff; */
        padding: 5px 30px;
        margin: 0 0 10px;
    }

    .local-icon-box h4 {
        margin: 10px 0;
    }

    .btn-st.local-dev-des-btn a {
        /* margin: 0 5px; */
        /* font-size: 13px; */
    }

    .seo-agency-box img {
        width: 100%;
        text-align: center;
        height: 40px;
    }



    .seo-agency-box {
        background-color: rgb(255, 255, 255);
        box-shadow: 0px 14px 8px 0px rgb(0 0 0 / 20%);
        padding: 10px 0;
        text-align: center;
        margin: 0 auto 10px;
    }

    .portfolioparagraph {
        font: 17px/27px Poppins, sans-serif;
        font-weight: 500;
        width: 100%;
        padding-right: 0;
        text-align: center;
    }

    .myport h2 {
        font: 30px/64px Poppins, sans-serif;
        font-weight: 700;
    }

    .mypackages {
        background-color: #fff;
        padding: 30px 10px 20px;
    }

    .field.field--type-link.field--label-hidden.feature-link--dark-blue-arrow.field__item {
        margin: 20px 0 0;
    }

    .contnt {
        /* display: -webkit-box; */
        display: -moz-box;
        display: -ms-flexbox;
        /* display: -webkit-flex; */
        display: table;
        /* flex-wrap: wrap; */
        /* padding: 0; */
        /* margin-left: 0; */
        /* margin-right: 0; */
        margin: auto;
        justify-content: center;
    }

    .packagebox .packpricing {
        padding: 5px 0px 10px;
        text-align: center;
    }

    .packagebox p {
        /* font-size: 12px; */
        /* margin: 0px; */
        /* letter-spacing: 0; */
        /* line-height: 1.2; */
        /* color: #000; */
        /* margin: 0px 0 0 0; */
        /* display: inline-block; */
        /* display: block; */
        /* font-size: 14px; */
        /* font-weight: 600; */
        /* padding-bottom: 0px; */
        /* text-align: center; */
    }

    .cae-main-col-div {
        display: inline-block;
        align-items: center;
        text-align: center;
    }

    .case-txt-box p {
        width: 100%;
        color: #fff;
    }

    .case-icon-st {
        margin-top: 20px;
        display: flex;
        align-items: center;
        margin-bottom: 30px;
        justify-content: center;
    }

    .reli-txt-1 {
        padding-right: 0;
        text-align: center !important;
        margin: 0 auto 30px;
        display: table;
    }

    .reli-txt-2 {
        padding-left: 0;
        text-align: center !important;
        margin: 50px auto 0;
    }

    .form-btn-div-st {
        padding: 0 15px;
    }

    .myport {
        padding-top: 0;
        padding-left: 0;
        text-align: center;
    }

    .para-btn {
        display: table;
        margin: 0;
    }

    .ftr-sec-st.ftr-col-1 {
        text-align: center;
    }

    .ftr-sec-st img {
        margin: 25px auto 30px;
        width: 180px;
        display: table;
    }

    .ftr-sec-st h2 {
        /*color: #ff7400;*/
        text-transform: uppercase;
        padding-bottom: 20px;
        font-size: 30px;
        font-weight: 700;
        text-align: center;
    }

    img.footer-logo-st {
        width: 240px;
        padding: 0;
        position: relative;
        filter: brightness(100);
        left: 0;
        margin: 0;
        top: 0;
        margin: 0 auto 10px;
        display: table;
    }

    .ftr-sec-st.ftr-col-3 ul {
        margin: 0 !important;
        padding: 0 !important;
        display: inline-block !important;
        width: 100%;
    }

    .ftr-sec-st.ftr-col-3 ul li {
        line-height: 0;
        display: table;
        font-size: 15px;
        margin: 0 auto 20px;
        text-align: center;
    }

    .pay-img-st img {
        width: 310px;
    }

    .registr-div {
        display: table;
        justify-content: space-between;
        align-items: center;
        border-top: 1px solid #384177;
        padding: 10px 0;
        width: 100%;
        text-align: center;
    }

    .link-cond {
        width: auto;
        display: inline-block;
        text-align: center;
        margin: 10px 0 0;
    }

    .registr-div .link-cond ul .li-one {
        margin-right: 0;
    }

    ul.ftr-ul li {
        display: inline-block !important;
        margin: 0 10px;
    }

    .lft-why-tb li.active a,
    .lft-why-tb li.active:hover a {
        /* border: 0; */
        /* color: #fff; */
        /*background-color: #ff6a03;*/
    }
}


@media (max-width:991px) {
    .ranking_img {
        margin: auto;
        width: 100%;
    }

    .head-top .head-right {
        text-align: center;
        padding: 5px 0;
    }

    .head-top {
        text-align: center;
    }
}


@media (max-width:767px) {
    .home-form .ban-form .bot-formtop>div {
        width: 100%;
    }

    .combo-list-st {
        flex-direction: column-reverse;
    }

    .commbo.btn a {
        position: inherit;
        text-align: center;
        margin: 0 auto;
    }
}


@media(max-width: 767px) {


    .portfolio-sec-wp .hd-txt p {

        width: 100% !important;

    }


    .responisve_portfolio {

        display: flex;
        flex-wrap: wrap;
        text-align: center;
        justify-content: center;
    }


    .portfolio-sec-wp .responisve_portfolio .col-sm-4 {
        width: 50%;
    }




    .popupform-main h6:before {
        position: absolute;
        content: "";
        left: -20px;
        top: 0px;
        width: 0;
        height: 0;
        border-top: 0px solid transparent;
        border-right: 28px solid #4274fa;
        border-bottom: 28px solid transparent;
    }

    .pop-form {
        position: absolute;
        width: 334px !important;
        height: 475px !important;

    }

    .popupform-main .pop-form h3 {
        font-size: 21px !important;
        margin-top: 4px;
    }

    .pop-form .close-btn {
        top: -13px;
        right: -6px;
        height: 35px;
    }

    .popupform-main h6 {
        letter-spacing: 0;
        font-size: 21px;
        background: #4274fa;
        color: #fff;
        border-radius: 10px;
        padding: 3px 8px 5px 8px;
        text-align: left;
        position: relative;
        right: 0px;
        margin: 0px;
        float: right;
    }

    .pop-form .submit-btn {
        font-size: 22px;
        width: 100%;
        padding: 8px 0px;
    }

    div#pop-form {
        max-width: 100%;
        width: 100%;
        margin: 0;
        text-align: center;
        padding-top: 10px;
    }

    .popupform-main h3 {
        font-size: 26px;
        margin: 31px 0 0 0;
        color: #ffffff;
        font-weight: 500;
    }

    .popupform-main h2 {
        font-size: 30px;
        margin: 10px 0 0 0;
        color: #ffffff;
        font-weight: 700;
    }

    .popupform-main h4 {
        font-size: 24px;
        margin: 8px 0 0 0;
        color: #fff;
        font-weight: 700;
    }

    .chk-st-1 {
        display: inline-flex;
    }

    img.trust_img_header {
        margin: 40px auto 0;
        display: table;
        display: none;
    }

    .block-page-title-block h1 br {
        display: none;
    }

    .btn_df {
        padding: 13px 48px 11px 13px;
        font-size: 13px;
        text-transform: uppercase;
        border-radius: 5px;
        margin: 0 7px 0 0;
        transition-duration: .5s;
        border-radius: 50px;
    }

    .btn_get_mm:after {
        top: -3px;
    }

    .hero_bg_mm:before {
        display: none;
    }

    img.banner_img_mm {
        position: absolute;
        right: 0;
        top: 0;
        display: none;
        width: 100%;
        overflow: hidden;
    }

    .service-detail-header .hero-content .service-parent a {
        /* letter-spacing: 0.3em; */
        color: #fff;
        font-weight: 400;
        text-transform: uppercase;
        text-decoration: none;
        position: relative;
        font-size: 20px;
    }



    .new-mrkt-tb-st:before {
        display: none
    }

    .seo-new-marketing {
        padding: 30px 0 0;
        position: relative;
        background-color: #fafafc;
    }

    .new-mrkt-tb-st-mm li.mrkt-tab-box-new {
        float: left !important;
    }

    .local-dev-rside img {
        width: 100%;
        margin: 30px 0 7px;
    }

    .chat-btn {
        font-size: 16px;
    }

    .pack_before {
        width: 118px;
        height: 118px;
        position: absolute;
        top: 0;
        left: 0;
        display: none;
    }

    .pack_after {
        width: 192px;
        height: 212px;
        position: absolute;
        right: 0;
        bottom: 0;
    }

    .section.industries-sec .hd-txt {
        text-align: center;
        margin-bottom: -20px;
    }

    .teseti-monial-sec {
        padding: 30px 0 0px;
    }

    .reliable_before,
    .reliable_after {
        display: none;
    }

    .reliable-sec {
        padding: 30px 0 0px;
    }

    section.contct-sec-hme {
        padding: 30px 0 30px;
        background-position: right;
    }

    input.btn_cnt_form {
        left: 0;
        bottom: 0;
        text-align: left;
        position: relative;
        display: table;
    }

    .col-sm-12.stamp-img-st img {
        margin: 5px auto 40px;
    }

    .seo-agency-inner-div {
        padding: 0px 0 0;
    }

    .seo-agency .hd-txt p {
        color: #FA5836;
        font-size: 15px;
    }

    .seo-agency-box p {
        padding: 10px 0;
        margin: 0;
        font-size: 11px;
    }

    .seo-agency-box h3 {
        font-size: 30px;
        font-weight: 700;
    }

    .col-sm-12.ba-seo-box .col-sm-4:last-child {
        float: none;
        display: table;
        margin: 0 auto 60px;
    }

    .col-sm-12.ba-seo-box .col-sm-4 {
        float: left;
        width: 50%;
    }


    .tab-custom {
        width: 100%;
        margin: 0px 0 0;
    }

    .cntct-div .button:after {
        top: 0;
    }
}


@media (min-width:320px) and (max-width:750px) {
    .bg_contact {
        background: var(--light_white);
        padding: 0px 0px 19px 1px;
        border-radius: 20px;
        box-shadow: 0px 6px 14.25px 0.75px rgb(0 0 0 / 8%);
        align-items: center;
        justify-content: center;
        margin-bottom: 0px;
        margin-top: 57px;
    }

    .bg_contact input,
    .bg_contact select,
    .bg_contact textarea {
        width: 97%;
    }

    .clutch-banner-section-form {
        display: inline-block;
        width: 100%;
        padding-top: 17px;
    }

    .pr-5,
    .px-5 {
        padding-right: 0rem;
    }

    .bg_contact * img {
        display: none;
    }

    .service-detail-header .hero-content .service-parent {
        padding-top: 0px;
        padding-bottom: 8px;
    }

    .clutch-banner-section-form p.title {
        font-size: 23px;
        color: #fff;
        font-weight: bold;
        margin: -10px 0 30px 120px;
        line-height: 23px;
    }

    .edi-btn-st .ecm-suc-btn-st {
        margin: 0 !important;
        padding: 0;
    }
}