@media screen and (max-width:1600px) {
    .index-wrap-5-img {
        right: 0;
        width: 560px
    }

    .slick-prev {
    left: -35px;
 }

 .slick-next{
    right: -45px;
}
.autoShowModal .modal-dialog{
}


}
@media only screen and (max-width: 1565px){
    .autoShowModal .modal-dialog{
    }
   
}

.autoShowModal .modal-body {
    max-height: 600px;
    overflow-y: auto;
    overflow-x: hidden;
}
@media screen and (max-width:1399px) {
    .case_sec3 h2 {
        font-size: 40px;
        line-height: 45px
    }

    .index-wrap-3 .p-parah,
    p {
        font-size: 14px !important
    }

    .index-wrap-2 {
        padding: 30px 0
    }
    .autoShowModal .modal-dialog{
    }
    .autoShowModal .modal-content {
        max-height: 520px !important;
        overflow-y: auto;
    }
    .case_sec3,
    .index-wrap-10,
    .index-wrap-6,
    .index-wrap-7,
    .index-wrap-8,
    .index-wrap-pricing {
        padding: 40px 0
    }

    .index-wrap-1 {
        padding: 10rem 0 4rem
    }

    .index-wrap-1 h1 {
        font-size: 35px;
        padding: 55px 0 20px
    }

    .counter-box .numbers-img h3 {
        font-size: 25px;
        font-weight: 900;
        margin: 0
    }

    .index-wrap-1 p {
        font-size: 16px;
        line-height: 25px
    }

    .social-media-ppc-numbers .counter-box p {
        margin: 0
    }

    .social-media-ppc-numbers .counter-box .numbers-img img {
        margin-right: 5px;
        margin-bottom: 0;
        transform: translateY(-4px);
        object-fit: contain;
        width: 30px
    }

    .social-media-ppc-numbers {
        margin-top: 10px
    }

    .btn,
    button {
        padding: 15px 8px
    }

    .index-wrap-3 {
        padding: 110px 0 40px
    }

    .index-wrap-3 h2,
    .index-wrap-4 h2,
    .index-wrap-5 h2,
    .index-wrap-6-item-impression-content .impression-h6,
    .index-wrap-9 .index-wrap-9-form-box h2,
    .index-wrap-pricing .sec_content .tabs_section .head .doller,
    h2 {
        font-size: 35px
    }

    .index-wrap-3 .p-parah {
        font-size: 16px;
        line-height: 25px;
        padding: 25px 0
    }

    .index-wrap-3-item-main .p-main {
        font-size: 20px !important;
        height: 150px;
        margin-bottom: 25px
    }

    .index-wrap-3-item-main .p-name,
    .index-wrap-pricing .sec_content .table-1 .services h5 {
        font-size: 16px
    }

    .index-wrap-4-item h4 {
        font-size: 20px;
        padding: 10px 0 15px
    }

    .index-wrap-4-item {
        padding: 30px 20px;
        margin-bottom: 25px
    }

    .index-wrap-4-item-cta h5 {
        font-size: 30px;
        padding: 15px 0
    }

    .index-wrap-5-img {
        right: 0;
        width: 450px
    }

    .index-wrap-6-item-impression-content h5 {
        font-size: 25px
    }

    .index-wrap-6-item-padding {
        padding: 25px 0
    }

    .index-wrap-6-item-review {
        padding: 25px
    }

    .index-wrap-pricing .sec_content .table-1 .order-now a {
        font-size: 15px;
        text-align: center;
        display: block
    }

    .index-wrap-pricing .sec_content .table-1 button {
        width: 100%;
        margin-bottom: 10px;
        padding: 5px;
        border-radius: 7px
    }

    .case_sec3 .sec_content .box h4 {
        font-size: 25px;
        margin: 10px 0 15px
    }

    .case_sec3 .sec_content .box p.scroll_block {
        height: 150px
    }

    .case_sec3 .sec_content .box .combo_btn {
        padding: 0
    }

    .index-wrap-pricing .sec_content .tabs_section .head p {
        padding: 0 !important
    }

    .index-wrap-pricing .sec_content .tabs_section .head p~p {
        padding-top: 10px !important
    }

    .index-wrap-pricing .sec_content .tabs_section .my-tabs.first_tab.current .table-1 .head {
        padding: 30px 30px 20px
    }

    .case_sec3 .sec_content .box .box_details li {
        width: 120px
    }

    .index-wrap-pricing .sec_content .pricing_slider .slick-dots {
        bottom: -25px
    }

    .case_sec3 .sec_content .box .box_details li p {
        font-size: 12px !important
    }

    .case_sec3 .sec_content .box {
        height: 710px
    }

    .index-wrap-pricing .sec_content .tabs_section .my-tabs.four_tab.current .seo-updated-ppc-hero-form {
        width: 40%;
    }

    section.combo-sec .combo-box .combo-top h2 {
        text-align: center;
    }

    .case_sec3 .tabs_section .tab-content.current .portfolio-box a .hover-effect img {
        padding-left: unset;
        padding: 0 25px;
    }

        .slick-next {
        right: -35px;
    }
}

@media screen and (max-width:1199px) {

    .btn,
    .header-anchor-number .span-2,
    .index-wrap-1 p,
    .index-wrap-4-item a,
    .index-wrap-4-item p,
    button,
    p {
        font-size: 14px
    }
    .autoShowModal .modal-dialog{
    }
    .autoShowModal .modal-content {
        max-height: 520px !important;
        overflow-y: auto;
    }
    .btn,
    button {
        padding: 10px
    }

    .index-wrap-2 h2 {
        font-size: 20px;
        padding-bottom: 15px
    }

    .index-wrap-2 ul li::before {
        right: -40px
    }

    .index-wrap-3 h2,
    .index-wrap-4 h2,
    .index-wrap-5 h2,
    .index-wrap-9 .index-wrap-9-form-box h2,
    h2 {
        font-size: 35px
    }

    .index-wrap-4-item h4 {
        font-size: 18px;
        padding: 10px 0 15px
    }

    .index-wrap-4-item-cta h5 {
        font-size: 25px;
        padding: 15px 0
    }

    .index-wrap-4-item-cta p {
        font-size: 16px;
        padding-bottom: 15px
    }

    .index-wrap-5-img {
        right: 0;
        width: 350px
    }

    .index-wrap-5 p {
        font-size: 16px;
        line-height: 25px;
        padding: 20px 0
    }

    .case_sec3,
    .index-wrap-10,
    .index-wrap-6,
    .index-wrap-7,
    .index-wrap-8 {
        padding: 40px 0
    }

    .index-wrap-6-item-impression-content h5 {
        font-size: 22px
    }

    .index-wrap-6-item-impression-content .impression-h6 {
        font-size: 30px
    }

    .index-wrap-6-item-review .index-wrap-6-item-review-content {
        font-size: 14px;
        line-height: 25px;
        margin-bottom: 20px;
        height: 98px
    }

    .index-wrap-7-item h4 {
        font-size: 20px;
        padding: 15px 0
    }

    .index-wrap-7-item {
        padding: 25px 20px
    }

    .case_sec3 .sec_content .box .box_details li {
        width: 49%
    }

    .case_sec3 .sec_content .box .box_details li:nth-child(2) {
        border-right: none
    }

    .case_sec3 .sec_content .box .box_publish p::after {
        width: 65px;
        height: 25px;
        display: none
    }

    header .header-inner ul li:nth-child(2) {
        display: none
    }

    .index-wrap-1 h1 img {
        width: 25px
    }

    .index-wrap-1 h1 {
        font-size: 30px;
        padding: 0 0 10px !important;
        margin: 0
    }

    .index-wrap-1 .span-tag {
        padding: 10px 25px;
        font-size: 14px;
        margin-bottom: 15px
    }

    .index-wrap-2 {
        padding: 20px 0
    }

    .index-wrap-3-item {
        padding: 15px 5px
    }

    .index-wrap-pricing .sec_content .tabs li {
        font-size: 16px;
        margin: 0 12px
    }

    .index-wrap-pricing .sec_content .table-1 .head h4 {
        font-size: 20px
    }

    .section12 .sec_content .cities {
        width: 951px
    }

    .services_sec6 .sec_left ul.tabs li {
        width: 138px
    }

    .combo-top h2 {
        font-size: 23px;
    }

    .index-wrap-pricing .sec_content .tabs_section .my-tabs.four_tab.current .seo-updated-ppc-hero-form {
        width: 45%;
    }

    section.combo-sec .combo-box .combo-list ul {
        margin: 0 15px;
    }

    .slick-next {
        right: -25px;
    }

    .slick-prev {
        left: -25px;
    }
}

@media screen and (max-width:991px) {
    .header-inner {
        padding: 20px;
        border-radius: 12px
    }

    header ul {
        gap: 10px;
        padding-right: 10px
    }

    .case_sec3 .sec_content .box .box_publish p::after,
    .index-wrap-5-img,
    .index-wrap-6-item-padding::before,
    header .header-inner ul li:nth-child(2) {
        display: none
    }

    header .header-inner a.btn {
        display: inline
    }

    .index-wrap-1-form-box {
        padding: 40px 15px;
        margin: 20px auto 0
    }

    .index-wrap-1-form-box button.btn {
        display: block;
        width: 100%;
        margin-top: 10px
    }

    .index-wrap-2 ul {
        margin-top: 30px
    }

    .index-wrap-3 h2,
    .index-wrap-4 h2,
    .index-wrap-5 h2,
    .index-wrap-9 .index-wrap-9-form-box h2,
    h2 {
        font-size: 25px
    }

    .index-wrap-3-item-main-before::before {
        top: 20px
    }

    .index-wrap-3 .index-wrap-3-item-main {
        margin-top: 60px
    }

    .index-wrap-3-item-main .p-main {
        font-size: 20px;
        height: unset;
        margin-bottom: 25px
    }

    .index-wrap-4-item p {
        margin-bottom: 15px;
        line-height: 25px;
        height: unset
    }

    .index-wrap-4-item-cta {
        width: 100%;
        height: unset;
        padding: 30px;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        text-align: center
    }

    .index-wrap-3,
    .index-wrap-4,
    .index-wrap-5 {
        padding: 40px 0
    }

    .index-wrap-6-item {
        padding: 20px
    }

    .index-wrap-6-item-padding {
        padding: 15px 0;
        display: flex;
        gap: 20px
    }

    .index-wrap-6-item-review .index-wrap-6-item-review-content {
        height: unset
    }

    .index-wrap-7-item p {
        height: unset;
        overflow-y: scroll
    }

    .index-wrap-9 .index-wrap-9-form-box img.lozad.w-100 {
        display: block;
        width: 50% !important;
        margin: 0 auto
    }

    .index-wrap-9 .index-wrap-9-form-box {
        padding: 40px
    }

    .index-wrap-10 .index-wrap-10-content .accordion .accordion-item .accordion-button,
    .index-wrap-10 .index-wrap-10-content .accordion .accordion-item .accordion-header {
        font-size: 18px
    }

    .index-wrap-1 .span-tag,
    .index-wrap-10 .index-wrap-10-content .accordion .accordion-item .accordion-body {
        font-size: 14px
    }

    .index-wrap-pricing .sec_content .tabs li {
        padding: 10px !important
    }

    h4 {
        font-size: 21px;
        font-weight: 700
    }
   
    .autoShowModal .modal-content {
        max-height: 520px !important;
        overflow-y: auto;
    }

    .case_sec3 .sec_content ul {
        width: 100%;
        gap: 10px;
        flex-wrap: wrap
    }

    .case_sec3 .sec_content .box .box_details li {
        width: 48%
    }

    .justify-content-center h3 {
        font-size: 30px
    }

    .index-wrap-1 h1 {
        padding: 20px 0 0;
        font-size: 28px
    }

    .case_sec3 h2,
    .index-wrap-pricing .sec_top h3 {
        font-size: 35px;
        line-height: 38px
    }

    .section12 .sec_content .cities {
        width: 731px
    }

    .services_sec6 .sec_left ul.tabs li {
        width: 98px
    }

    .seo-updated-ppc-hero-form {
        margin: 30px auto
    }

    #lead_sec4 h4,
    .lead_sec4 span[class=chat] {
        font-size: 15px
    }

    #lead_sec4 h3 {
        margin-left: unset
    }

    .index-wrap-1 {
        padding: 10rem 0 3rem
    }

    .index-wrap-pricing .sec_content .tabs_section .my-tabs.four_tab.current .seo-updated-ppc-hero-form {
        width: 65%;
    }

    section.combo-sec .combo-box .combo-list ul h3 {
        font-size: 23px;
    }

    section.combo-sec .combo-box .combo-top h2 {
        width: 50%;
    }

    section.combo-sec .combo-box .combo-list,
    section.combo-sec .combo-box .combo-bottom {
        display: unset;
    }

    section.combo-sec .combo-box .combo-bottom .cta-links {
        margin-top: 35px;
    }

    .case_sec3 .tabs_section ul.tabs li {
        font-size: 15px;
    }

    .case_sec3 .tabs_section .tab-content.current .portfolio-box a .hover-effect img {
        padding: 25px 15px;
    }

    .case_sec3 .tabs_section .tab-content.current .portfolio-box a .hover-effect .test1 p {
        padding: 85px 15px 10px;
    }

    .case_sec3 .tabs_section .tab-content.current .portfolio-box a .hover-effect .test1 {
        height: 115px;
    }

    .case_sec3 .tabs_section ul.tabs {
        gap: 25px;
    }

    .case_sec3 .tabs_section ul.tabs li {
        padding: 10px;
        font-size: 14px;
    }
}

@media screen and (max-width:767px) {

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        letter-spacing: 0
    }

    header .header-inner a {
        display: block;
        text-align: center;
        margin-bottom: 20px
    }

    header .header-inner ul {
        display: none !important
    }
   
    .autoShowModal .modal-content {
        max-height: 520px !important;
        overflow-y: auto;
    }

    .autoShowModal .customRadio input[type=radio]+label {
        position: relative;
        padding: 0 0 0 40px;
        cursor: pointer;
        margin-left: 25px;
        font-size: 13px;
        margin-top: 1rem;
    }
    header .header-inner a.btn {
        display: block
    }

    .index-wrap-1 {
        padding: 13rem 0 3rem
    }

    .index-wrap-1 h1 {
        font-size: 30px;
        padding: 10px 0 0
    }

    .social-media-ppc-numbers .counter-box {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        gap: 5px;
        margin-top: 25px;
        align-items: self-start
    }

    .index-wrap-3-item {
        width: 200px;
        margin: 15px auto 0;
        padding: 15px 5px
    }

    .index-wrap-1 .span-tag {
        padding: 5px 15px;
        font-size: 14px
    }

    .index-wrap-2 ul li::before {
        right: -20px
    }

    .index-wrap-3-item-main .p-main {
        font-size: 16px !important
    }
    .index-wrap-pricing .sec_content .table-1 button{
        display: none !important;
    }
    .btn-order{
        display: none;
    }
    
    .index-wrap-3-text,
    .index-wrap-6-text,
    .wrap-4-text {
        display: none
    }
    .Blockbtn2{
        display: block;
    }
    .Blockbtn{
        display: none !important;
    }

    .index-wrap-3 {
        padding: 40px 0
    }

    .social-media-ppc-numbers .counter-box p {
        text-align: left !important
    }

    .index-wrap-1-form-box {
        margin: 30px auto 0
    }

    .review-item .review-item-content {
        font-size: 14px;
        line-height: 25px;
        margin-bottom: 20px;
        margin-top: 15px;
        height: unset
    }

    .review-item .review-item-name {
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 20px
    }

    footer ul {
        justify-content: center
    }

    footer .ft_center {
        margin: 20px 0
    }

    footer .ft_right ul {
        flex-direction: column;
        align-items: center
    }

    .index-wrap-pricing .sec_content .tabs {
        flex-wrap: wrap;
        margin: 0;
        width: 100%;
        bottom: 0
    }

    .index-wrap-pricing .sec_content .tabs li {
        width: 45%;
        text-align: center
    }

    .section12 .sec_content .cities {
        width: 520px
    }

    .section12 .sec_content h2 {
        font-size: 35px;
        margin: 0
    }

    .services_sec7 .sec_content .logo_img {
        margin: 40px 0
    }

    .services_sec6 .sec_right .my-tabs .content h2,
    .services_sec6 .sec_top h2 {
        font-size: 35px
    }

    .services_sec6 .sec_content {
        margin-top: 20px
    }

    .services_sec6 .sec_left ul.tabs {
        justify-content: center;
        margin: 20px 0
    }

    .services_sec6 .sec_left ul.tabs li {
        width: 118px
    }
  .autoShowModal {
    display: none !important;
  }
    .seo-updated-ppc-hero-form {
        margin-left: unset;
        width: 100%
    }

    .justify-content-center h3 {
        font-size: 25px
    }

    .case_sec3 .sec_content .box {
        height: unset
    }

    footer .menu {
        align-items: start;
        margin: 15px 0
    }

    .index-wrap-pricing .sec_content .tabs_section .my-tabs.four_tab.current .seo-updated-ppc-hero-form {
        width: 90%;
    }

    section.combo-sec .combo-box .combo-list {
        display: unset;
    }

    section.combo-sec .combo-box .combo-top h2 {
        width: 80%;
    }


    iframe#webWidget {
        height: 50% !important;
        bottom: 0 !important;
        top: unset !important;
      }

}

@media screen and (max-width:575px) {

    .index-wrap-2 ul li::before,
    .index-wrap-3-item-main-before::before,
    header .header-inner .col-md-9.text-end ul {
        display: none !important
    }

    header .header-inner a.btn {
        display: block
    }
    
    .autoShowModal .modal-content {
        max-height: 620px !important;
        overflow-y: auto;
    }
    .index-wrap-1 h1 {
        padding: 10px 0 0
    }
    .autoShowModal .customRadio input[type=radio]+label{
        margin-left: 19px !important;
    }
    .index-wrap-1 h1 img {
        width: 25px
    }

    .index-wrap-2 img {
        width: 60px
    }

    .index-wrap-3-item-main {
        width: 100%;
        border: 1px solid #ffffff2c;
        border-radius: 22px;
        padding: 0
    }

    .index-wrap-3-item-inner {
        padding: 20px 10px
    }

    .index-wrap-3-item-main .p-name {
        font-size: 14px
    }

    .index-wrap-3-item-main .custom-padding {
        padding: 0 0 15px
    }

    .index-wrap-3-item-main .p-rating {
        font-size: 14px;
        font-weight: 300;
        margin-top: 20px
    }

    .review-item {
        padding: 10px
    }

    .index-wrap-9 {
        padding-top: 20px
    }

    .index-wrap-9 .index-wrap-9-form-box h2 span,
    .services_sec7 .sec_top h2 {
        font-size: 25px
    }

    .index-wrap-9 .index-wrap-9-form-box {
        padding: 20px
    }

    .index-wrap-1-form-box,
    .index-wrap-pricing .sec_content .tabs li {
        width: 100%
    }

    .case_sec3 .sec_content .box .box_details li {
        width: 50%;
        border-right: unset
    }

    .case_sec3 .sec_content ul {
        width: 100%;
        gap: 0
    }

    .case_sec3 .sec_content .box .box_publish p::after {
        display: none
    }

    .index-wrap-3-item-main .p-main {
        height: unset;
        margin-bottom: 15px;
        font-size: 15px !important
    }

    .case_sec3 h2,
    .index-wrap-pricing .sec_top h3 {
        font-size: 25px;
        line-height: 30px
    }

    .index-wrap-pricing .sec_content .tabs li.current {
        font-size: 16px
    }

    .case_sec3 .sec_content .box h4,
    .index-wrap-1 h1,
    .index-wrap-3 h2,
    .index-wrap-4 h2,
    .index-wrap-5 h2,
    .index-wrap-9 .index-wrap-9-form-box h2,
    h2 {
        font-size: 21px
    }

    .section12 .sec_content .cities ul li {
        font-size: 12px
    }

    .section12 .sec_content .cities {
        width: 300px;
        margin: 30px auto 0
    }

    .section12 .sec_content h2 {
        font-size: 22px
    }

    .services_sec6 .sec_top h2 {
        font-size: 28px
    }

    .fold-04 h2 a[class=text-gradient],
    .services_sec6 .sec_right .my-tabs .content h2,
    span[class="title d-block"] {
        font-size: 31px
    }

    .justify-content-center h3 {
        font-size: 23px
    }

    .index-wrap-pricing .sec_content .tabs_section .my-tabs.four_tab.current .seo-updated-ppc-hero-form {
        width: 100%;
    }

    section.combo-sec .combo-box .combo-top h2 {
        width: 100%;
        font-size: 22px;
    }

    .case_sec3 .tabs_section ul.tabs {
        gap: 15px;
        flex-wrap: wrap;
    }

    .case_sec3 .tabs_section .tab-content.current .portfolio-box {
        width: 70%;
        margin: auto;
        padding: 0;
    }

    .case_sec3 .tabs_section .tab-content.current .portfolio-box a .hover-effect img {
        padding: 25px 5px;

    }
    .lplpl {
        width: 175px;
        margin: 0 auto;
    }
    .text-end{
        text-align: center !important;
    }
    body {
        overflow-y: scroll !important;
      }
    iframe#webWidget {
        height: 50% !important;
        bottom: 0 !important;
        top: unset !important;
      }

      .call-btn{
        display: block !important;
        position: fixed !important;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 9999;
    }
    /* .index-wrap-pricing .sec_content .table-1 .order-now a{
        animation: blink 1s infinite;
    } */
     .cnscis{
        background-color: #000;
        padding: 8px;
        color: #fff !important;      
              animation: blink 1s infinite;

     }
    .jefneef{
        display: none;
    }
    .call-btn-new{
        display: block !important;
    }
    .call-btn-new a{
        animation: blink 1s infinite;
        display: flex;
        justify-content: center;
        margin: 0 auto;
        font-size: 22px;
        background: #000;
        width: 60%;
        color: #fff;
        padding: 8px;
    }

}

/* Blink Animation */
@keyframes blink {
    0% {opacity: 1;}
    50% {opacity: 0.3;}
    100% {opacity: 1;}
}

/* Only Mobile */