@media only screen and (max-width: 1300px){
    .banner:after {
        height: 76%;
    }
    .banner {
        height: 800px;
    }
    .banner-text{
        margin-top: -100px;
    }
    .section-tittle h2{
        display: block;
    }
    .section-tittle{
        padding-top: 90px;
    }
    .section-tittle p {
        margin-bottom: 67px;
    }
    
}

@media only screen and (max-width: 1024px){
    .bottom-side{
        margin-bottom: 30px;
    }
    .single-service{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .icon{
        padding-left: 0px;
    }
    .for-ipad{
        justify-content: center;
    }
    .banner .container {
        max-width: 960px;
    }

    .services .container {
        max-width: 960px;
    }
    .single-footer, .single-footerr{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .banner:after {
        height: 70%;
    }
    .section-title {
        padding-top: 0px;
    }
    .services {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .our-offer {
        padding: 0px 0px;
    }
    .top-side{
        padding: 10px 10px 40px 10px;
    }
    .our-blog {
        padding: 0px 0px;
    }
    .social_icon{
    margin-right: 100px;
    }
    .section-title h2{
            font-size: 30px;
    }
    .text-left {
        font-size: 16px;
    }


}


@media only screen and (max-width: 820px){
    
    .for-dipad-air{
        
    }

    .client_review_text{
        box-shadow: none;
        background: none;
            
    }
        .banner {
        height: 500px;
    }
        .banner-text {
        margin-top: -350px;
    }
        .banner:after {
            height: 80%;
            bottom: 0px;
    }
    .col-ar{
                width: 50%;
        padding: 10px;
    }
    .section-tittle h2 {
        font-size: 33px;
        }
    .footer-area {
        padding: 10px 0px 20px;
    }
        .slider-nav-thumbnails .slick-next {
        right: 20px;
    }
    .slider-nav-thumbnails .slick-prev {
       left: 20px;
    }
     .single-service{
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }
    .icon{
            padding-left: 0px;
    }
    .section-title {
        padding-top: 20px;
    }
 
}


@media only screen and (max-width: 768px){
   
}


@media only screen and (max-width: 767px){
    .middle h1{
        padding-top: 90px;
    }
    .image{
        height: 260px;
    }
       .cta-part h2 {
            font-size: 25px;
        }
   .about-heading{
       margin-top: 30px;
   }
    
    .section-title h2 {
        font-size: 21px;
    }
   .text-size{
        font-size:12px;
    }

    .banner {
        height: 899px;
    }
        .banner:after {
        height: 100%;
        bottom: -360px;
    }
    .for-top {
        margin-top: 10px;
    }
       .col-ar {
        width: 100%;
        }
    .for-display-mobile{
            flex-direction: column;
    }
        .section-tittle {
        padding-top: 0px;
    }
    .our-offer .offer-part {
        padding: 10px 0px;
    }
    .section_padding {
        padding: 0px 0;
    }
    .our-blog .blog-part {
        padding: 10px 0px;
    }
    .left-mobile{
        margin-left: 10px;
    }
    .single-footerr .headding {
        margin-left: 11px;
    }
    .banner-text-inner h1 {
        font-size: 40px;
    }
    .Consultation {
        padding: 35.5px 0px;
    }
    .single-footer {
        margin-left: 0px;
    }
    .peragraph{
        margin-left: 0px;
    }


}


@media only screen and (max-width: 390px){
  .text-size{
        font-size:12px;
    }
    .banner:after {
        height: 100%;
        bottom: -400px;
    }
    .single-footer{
        margin-left: -20px;
    }
}