@media screen and (min-width: 900px) and (max-width: 1024px) {  /* in between device view */
 
        
}

@media screen and (max-width: 1340px) {  /* in between device view */
    .primary-nav > li > a{
        padding: 20px 10px 20px 5px;
        font-size: 14px;
 }
    .menu-item-has-children i {
       font-size: 10px;
        right:0px;
    }

}

@media screen and (max-width: 1260px) {  /* ipad landscape view */
    .logo {
        width: 100px;
    }
    .header__right {
        width: calc(100% - 100px);
    }
    .header__right-col h1 {
        font-size: 34px;
    }
    .button {
        font-size: 16px;
        padding: 10px 15px;
    }
    .header__contact-info a {
        font-size: 14px;
    }
    .header__contact-info-ph a {
     font-size: 17px;
    }
    .banner-item__content-inner h1{
        font-size: 32px;

    }
    .banner-item__content-inner p{
        font-size: 18px;
  }
    .banner-item__content{
        padding-top:150px;
    }
    .digitalmarketing-item__content-inner{
        padding: 50px 60px;
    }

    .digitalmarketing-block__items .digitalmarketing-item__media{
        min-height: 300px;
    }
    .pricing-block__item-heading{
        font-size: 20px;
    }
    .price-text{
        font-size: 28px;
    }
}
@media screen and (max-width: 1300px) {  /* ipad landscape view */
   
    .services-item__image-circle{
         height: 240px;
        width: 240px;
    }
  
}
@media screen and (max-width: 1200px) {  /* ipad landscape view */
    .logo {
        width: 80px;
    }
    .header__right {
        width: calc(100% - 80px);
        gap:20px 15px;
    }
    .services-item__image-circle{
         height: 280px;
        width: 280px;
    }
    .services-item__image-circle h2{
      font-size: 24px;
    }
    .cta-block{
        padding: 100px 0;
    }
}
@media screen and (max-width: 1024px) {  /* ipad landscape view */
 
        
    }
@media screen and (max-width: 1023px) {  /* ipad landscape view */
h2{
font-size:28px;}

  .services-block__banner{
        position: relative;
        margin-top:70px;
    }
    .services-block__banner .services-item{
        width:50%;
    }

.section-header h2 {
    font-size: 28;
}

.service-features__content h2, .service-features__technology h2 {
    font-size: 28px;
 }
.social-icons {
 
    justify-content: center;
}
.footer img{
    height:90px;
}
    .socialreview-list{

        grid-template-columns: repeat(2,1fr);

    }
    .service-features__inner{

        grid-template-columns: repeat(1,1fr);

    }
    .service-intro__content-detail h2{
        font-size: 34px;
    }
    .service-intro__image{
              height: 400px;
    }
    .service-intro__inner{ /* 2 colums like */
        display: grid;
        grid-template-columns: repeat(1,1fr);
    }
    .service-banner{
        height: auto;
    }
    .service-banner__inner{
        display: grid;
        grid-template-columns: repeat(1,1fr); /* */
    }
    .gettingstarted-block__item {
        width: 50%;

    }

    .gallery-block__inner{

        grid-template-columns: repeat(3,1fr);/* 4 columns, each column width 1 fraction like 25%*/

    }
    .hide-mobile{
        display: none;
    }
    .header__right{
        grid-template-columns: 2fr 1fr; /* 2 part - 1st one, 1 part 1 one*/
        /* grid, we can not center */

    }
    .mobileNav__toggle {
        position: absolute;
        top: 38px;
        right: 20px;
    }
    .counter-item{
        width: 50%;

    }


    .footer-columns {
        flex-direction: column;
        text-align: center;
    }
    .footer-column {
        margin-bottom: 20px;
    }
    .footer-bottom {
        flex-direction: column;
        text-align: center;
    }

}

@media screen and (min-width: 768px) and (max-width: 1208px) {
  .services-item__image-circle{
         height: 160px;
        width: 160px;
    }  
     .services-item__image-circle h2{
         font-size: 19px;
    }  
    .services-item__inner services-item__inner-circle h2{
        font-size:19px;
    }
}

    @media screen and (max-width: 768px) {  /* ipad portrait view */
 
        
    }

    @media screen and (max-width: 767px) {  /* mobile devices */
    .h1{
        font-size:34px;
    }
    .h2{
        font-size:30px;
    }
    .services-item__image-circle h2{
        font-size:24px;
    }

        .contact-section__inner{
           grid-template-columns: repeat(1,1fr);
            gap: 30px;

            }
        .video-block__inner{
           grid-template-columns: repeat(1,1fr);
            gap:30px;
        }

        .service-casestudy-slideritem-inner{
          grid-template-columns: repeat(1,1fr);
       }
        .service-casestudy-slideritem-image{
            height: 300px;
        }

        .service-features{
            padding: 70px 0;
        }
        .service-features__technology-list{

            grid-template-columns: repeat(1,1fr);

        }
        .service-intro__content-detail h2{
            font-size: 30px;
        }
        .service-intro__button{
            display: grid;
            grid-template-columns: repeat(1,1fr);
        }
        .header__contact-info-ph-mobile{
            display: flex;
            justify-content: flex-end;
            align-items: center;
            gap: 10px;
        }
        .service-banner{
            padding-top: 150px;
        }
        .service-banner__content h1{
            font-size: 34px;
             }
        .service-banner__formgroup{
            display: grid;
            grid-template-columns: repeat(1,1fr);
     }


        .blog-block__item{
            width: 100%;
    }
        .gettingstarted-block__item {
            width: 100%;

        }
        .gallery-block__inner{

            grid-template-columns: repeat(2,1fr);/* 4 columns, each column width 1 fraction like 25%*/

        }

     .pricing-block__item{
         width:100%;
     }

        .cta-block__quickcontact-inner{
            gap: 15px;
        }
        .cta-block__quickcontact-inner a, .cta-block__quickcontact-inner i {
            font-size: 24px;
        }



        .cta-block{
            padding: 80px 0;
        }
        .hide-phone__devices{
            display: none;
        }
        .header__right {
            grid-template-columns: 1fr;
            text-align: right;
            padding-right: 60px;
        }
        .show-mobile-only{
            display: inline-block;
        }
        .social-links {
            justify-content: flex-end;
        }
        .services-item{
            width: 100%;
        }
        .digitalmarketing-item__content-inner{
            padding: 30px 20px;

        }
        .digitalmarketing-item__content,
        .digitalmarketing-item__media{
            width: 100%;
        }
        .digitalmarketing-item__content h2{
            font-size: 24px;
            margin-bottom: 15px;
        }
        .digitalmarketing-item__media{
            min-height: 300px;
        }
        .digitalmarketing-item, .digitalmarketing-item.reverse {
            flex-direction: column-reverse; /*iamge first, content second*/
        }

        .digitalmarketing-block__items .digitalmarketing-item__content-inner{
            padding: 30px 0px;
        }
        .digitalmarketing-block__items .digitalmarketing-item.reverse .digitalmarketing-item__content-inner{
            padding: 30px 20px;
        }

        .footer-columns {
            flex-direction: column;
            text-align: center;
        }
        .footer-column {
            margin-bottom: 20px;
        }
        .footer-bottom {
            flex-direction: column;
            text-align: center;
        }
           .services-block__banner .services-item{
            width:100%;
            margin-bottom: 25px;

        }

    }

    @media screen and (max-width: 567px) {  /* phone small view */
        .socialreview-list{

            grid-template-columns: repeat(1,1fr);
            gap:20px;

        }
        .gallery-block__inner{

            grid-template-columns: repeat(1,1fr);/* 4 columns, each column width 1 fraction like 25%*/

        }
        .cta-block__formitem{
            width:100%;
        }
        .cta-block__form form{
            flex-direction: column;
        }
        .cta-block__formbutton button, .cta-block__formbutton{
            width:100%;
        }
        .social-links {
           gap: 5px;
        }
        .counter-item{
            width: 100%;

        }
        
    }