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

    .contact-before img {
        position: absolute;
        top: 37%;
        width: 17%;
        left: 3%;
        bottom: 41%;
    }
    .blog_details{padding-top:55px !important;}
}



/* Normal desktop :1200px. */
@media (min-width: 1200px) and (max-width: 1400px) {
   
    .completed-cases .single-cases-img:hover .single-cases-cap {
        background: #0094D9;
        color: #fff;
        text-align: center;
        opacity: 0.88;
        width: 100%;
        align-self: center;
        padding-top: 15%;
        display: table-cell;
    }

    ._1DJgT>img{
        -webkit-transform: scale(0.3);
    transform: scale(0.3);
    -webkit-animation: _3yBEK 1s infinite alternate;
     animation: _3yBEK 1s infinite alternate;
   
    }
.swiper-scrollbar.swiper-scrollbar-horizontal{
left: 5% !important;
width: 11% !important;}
    ._1DJgT>img:nth-child(4) {
        right: 0%;
        bottom: 32%;
        -webkit-animation-delay: 2s;
        animation-delay: 2s;
    }
    ._1DJgT>img:nth-child(3) {
        right: -3%;
        top: 5%;
        -webkit-animation-delay: 1.5s;
        animation-delay: 1.5s;
    }
    .single-post-area .blog_details {
        padding-top:55px;
    }
#btn-sub{right:78px !important;}
 .green-bg{width:76%;}
 .ban-boy img {
    width:62%;
 }
 .onfocus .content {
    padding: 70px 48px;
 }
 ._1DJgT>img:nth-child(5) {
    right: 37%;
    top: -60px;
    bottom: 25px;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}
._1DJgT>img:nth-child(2) {
    bottom: 15%;
    left: -18%;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}
._1DJgT>img:first-child {
    left: -13%;
    top: 18%;
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
}

.contact-before img {
    position: absolute;
    top: 42%;
    width: 17%;
    left: 3%;
    bottom: -4%;
}
.mb-30 {
    margin-bottom: 57px;
}
.why-cls {
     padding-bottom: 40px; 
   padding-top: 20px; 
}
 .btn {
    min-width: 133px;
 }
 .hero-btn {
    padding: 20px 18px;
}
.services-area{padding:40px 0;}
.clie-img{width:25%;}
.mb-40{padding-top:60px;}
.why-big img {
    position: relative;
    width: 85%;
    align-self: center;
}
.why-small img {
    position: absolute;
    right: -7%;
    bottom: 10%;
    width: 45%;
}

}


/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1200px) {
    .footer-social{padding-left:25px;}
    .contct_icon {
        padding-right: 5px;
    }
    .img-cl{width:100%;}
    .author{padding-bottom:90px !important; }
    .slider-area .hero__caption h1 {
        font-size: 33px;
        line-height: 1.2;
    }
    .why-small img {
        position: absolute;
        right: -7%;
        bottom: 24%;
        width: 50%;
    }
    .header-sticky.sticky-bar.sticky .main-menu ul>li>a {
        padding: 26px 11px !important;
    }
    #btn-sub {right:19px;
    }
    .case-card1 h4{font-size:20px;}
    .arrow_down{padding-bottom:35px;padding-top:0;}
    .swiper-nav-wrapper{margin-top:30px}
    .testimonial .row .tabs li:nth-child(2) figure .new-child {

        margin-right: auto;
        max-width: 132px;
        width: 100%;
        margin-top: 0px;
        margin-left: 100px;
    }
    .testimonial .row .tabs li:nth-child(1) figure img {
        max-width: 103px;
        width: 100%;
        margin-top: 75px;
       
    }
    .testimonial .row .tabs li:nth-child(2) figure img {
        max-width: 137px;
    }
    .testimonial .row .tabs li:nth-child(3) figure img {
        max-width: 108px;
    }
    .testimonial .row .tabs li:nth-child(2) figure .new-child{
        max-width: 100px;
    }
    ._1DJgT>img {
       width:35%;
    }
    .why-cls {
         padding-bottom: 40px; 
         padding-top: 10px; 
    }
    .btn{min-width:102px;font-size:15px;}
    .hero-btn{padding:20px 20px;}
    .hero__btn{margin-bottom:25px;
    }
    ._1DJgT>img:nth-child(5) {
        right: 40%;
        top: -35px;
        bottom: 25px;
        -webkit-animation-delay: 2s;
        animation-delay: 2s;
    }
    ._1DJgT>img:nth-child(3) {
        right: 2%;
        top: 11%;       
    }
    .section-tittle h2 {
font-size:40px;}
.testimonial-area .section-tittle1 h2{font-size: 40px;}
    .clie-img{width:35%;}
    .footer-area .footer-pera p {
        padding-right:10px;
    }
    .slider-height2 {
        min-height: 350px;
    }
    .counts_items img {
        width:40px;
    }
    .about-after {
        top: -18px;
    }
    .section-paddingt {
        padding-top: 41px;
        padding-bottom: 48px;
    }
    .whowe-caption{padding-top:0px;}
    .all-device {
        padding: 40px 0px;
    }
    .logosImgs {padding-top:20px;}
    .logo-title h2 {
        font-size:40px;
    }
    .testimonials-slider1 .swiper-scrollbar.swiper-scrollbar-horizontal {
        left:7% !important;
    }
    .contact-before img {
        display:none;
    }
    .onfocus .content {
        padding: 40px 0px;
    }
    .contact-sec {
        width:80%;
    }
    .content h2 {font-size:30px;
    }
    .sm-img{height:60%;}
    .content p {
        font-size:14px;
    }
    .advisor-caption1 img {
        margin: auto;
        display: block;
        width: 60%;
        margin-top: 30px;
        margin-bottom: 25px;
    }
    .slider-area .hero-cap h2 {
        font-size:40px;
    }
    .request-back-area .request-content h3 {
        font-size:30px;
    }
    .author-content p{font-size:14px;}
    .author .section-tittle1 h2 {
        font-size:30px;
    }
    .author-content h3 {
        font-size:23px;
        margin-top: 25px;
    margin-bottom: 25px;
    }
    .author-content h4{font-size:17px;}
    .dashboard-sidebar {
        padding:10px;
    }
    .user-dashboard-tab li a {
       padding: 7px 10px;font-size:14px;
    }
    .rotate-text {
        font-size:35px;
    }
    .rotate-text1 {
        font-size:35px;
    }
    .team-sec{padding:10px 0 50px 0;}
    .services-area .single-services1{
        min-height: 410px;padding: 20px 13px;
    }
    .career-caption h1 {font-size:35px;
    }
    .career-sec .section-tittle h2 {
        font-size:30px;
    }
    .join-team .section-tittle h2 {
        font-size:30px;
    }
    .join-team{padding:20px 0 50px 0;}
    .logo-sect1{padding:30px 0px;}
    .services-caption1 h4{font-size: 19px;}
    .fh-t{padding-top:60px;}
    .about-after img{width:80%;}
    .whowe-caption h2 {
        font-size:35px;
    }
    .testi-card {
        padding: 42px 15px;}
        .testi-card p{font-size:14px;}
        .testi-card h2 {padding-top:25px;
        }
    .counts_items {padding:15px ;}
    .counter_text {font-size:35px;}
    .testimonial {
        padding: 30px 0 44px;}
    .services-area .single-services{margin:0;}
    ._1DJgT>img:nth-child(4) {
        right: -6%;
        bottom: 41%;}
    .green-bg{width:80%;}
    .ban-boy img {width: 64%;}
    .swiper-button-prev, .swiper-rtl .swiper-button-next {
        top: 96% !important;
    }
    .testimonials-slider{padding-bottom:40px !important; }
    .swiper-button-next, .swiper-rtl .swiper-button-prev {
        top: 96% !important;
    }
    .services-area{padding:40px 0;}
    .swiper-scrollbar.swiper-scrollbar-horizontal {
        top:96%;
    }
    .swiper-scrollbar.swiper-scrollbar-horizontal {
        left:7% !important;
    }
    .swiper-button-next, .swiper-rtl .swiper-button-prev{
        right: 73% !important;
    }
    .case-card {

        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        height: 470px;
    }
    .case-card h2 {

        color: #363636;
        font-family: Gilroy-bold;
        font-size: 27px;
        line-height: 37px;
        width: 100%;
    }
    .ebook_txt h2{
        
        width:100% !important;}
       .case-card1 {
            background-repeat: no-repeat;
            background-position: center center;
            background-size: cover;
            height: 450px;
            padding:45px;
            z-index: 1;
        }
        
        
}

 
/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {
    .author{padding-bottom:90px !important;}
    .y-us{padding-top:0px !important;padding-bottom: 0px;}
    .signup {
        width: 504px;
        height: 50px;
    }
    .services-sec{padding:0px;}
    .footer-area .footer-logo{margin-bottom:0}
    .txt-right {
        text-align: center;
    }
    .case-card {
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        height: 354px;
        width: 100%;
        padding: 37px 18px;
        display: flex;
        flex-direction: column;
        /* text-align: center; */
        justify-content: center;
        left: 50%;
        }
        .case_study{padding:20px 0px !important;}
        .case-card h2{width:100%;}
        .case_img img{display:none;}
        .case_img1 img{
            position: relative;right:0% !important;
        }
    .arrow_down{display: none;}
    #email-signup {
        height: 45px;    
    background-color: transparent;    
        width:300px;    
    }
    .slider-height2 {
        min-height:250px;
    }
    .green-bg {
        position: relative;
        width: 68%;
        margin: auto;
    }
    .sma-bg {
        position: relative;
        width: 100%;
        margin: auto;
    }
    .career-services {
        padding:10px;
    }
    .career-caption h5{font-size: 16px;}
    .blog-pagination{padding-bottom:30px;margin-top:0px;}
    .fh-t{margin-top:5px;padding-top:60px !important;}
    .whowe-caption {
        padding-bottom:25px;
    }
    #btn-sub {height:48px;
    }
    .blog_item {
        margin-bottom: 5px; 
    }
    .mission{padding:40px 0;}
    .mission .title-after{top:2%;}
    .ban-boy img {
        position: absolute;
        top: 0;
        z-index: 5;
        left: 22%;
        width: 56%;}
        ._1DJgT>img {
            width:31%;
        }
        .testimonials-slider1{padding-bottom: 60px !important;}
        .testimonials-slider1 .swiper-scrollbar.swiper-scrollbar-horizontal {
            left: 39% !important;
            width: 23% !important;
        }
        .counts_items {height:200px;}
        .rep-img{margin-top:60px;}
        .logo-title h2 {
            font-size:35px;
        }
        .all-device{padding:0;}
        .mb-30 {
            margin-top: 20px;
            margin-bottom: 30px;
        }
        .logo-sect {
            padding: 40px 0;}
            .section-paddingt{padding-top:40px;padding-bottom:40px;}
        .mission h3 {
            color: #fff;
            font-size: 20px;
            width: 100%;
        }
        .mission .single-services{    padding: 15px 0px;}
        .whowe-caption p{padding-top:10px;}
        .why-big img {
            position: relative;
            width: 81%;
        }
        .why-small img {
            position: absolute;
            right: 0%;
            /* bottom: -25%; */
            top: 22%;
            width: 60%;
        }
        ._1DJgT>img:nth-child(3) {
            right: 4%;
            top: 7%;}
            ._1DJgT>img:nth-child(4) {
                right: -2%;
                bottom: 41%;}
                ._1DJgT>img:first-child {
                    left: 6%;
                    top: 17%;}
                    ._1DJgT>img:nth-child(2) {
                        bottom: 22%;
                        left: 4%;}
                        .hero__caption {
                            align-self: center;
                            text-align: center;margin-top:50px;
                        }
                        .slider-area .hero__caption h1 {
                            font-size:38px;width:100%;
                        }
                        .slider-area .hero__caption p {
                            font-size: 17px;width:100%;
                        }
                        .hero-btn {
                            padding: 18px 35px;
                        }
                        .btn{
                            font-size: 16px;    min-width: 150px;
                            letter-spacing: 0px;margin-bottom:25px;
                        }
                        .why-cls {
                            padding-bottom: 25px;
                            padding-top: 0px;
                        }
                        .about-after{
                            top: 44px;
                        }
                        .about-after img{width:80%;} 

.whowe-caption h2 {
    font-size: 37px;
}
.section-padding3{
    padding-bottom:25px;
}
.swiper-button-prev, .swiper-rtl .swiper-button-next{left:30% !important}
.page-block .swiper-button-prev, .swiper-rtl .swiper-button-next{left:80% !important}
.swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: 30% !important;}

    .swiper-scrollbar.swiper-scrollbar-horizontal {
        left: 37% !important;width: 25% !important;
    }
    .services-area{padding:40px 0;}
    .section-tittle h2{font-size:38px;}
    .testimonial-area .section-tittle1 h2 {
        font-size:38px;
}
.testimonial .row .carousel .carousel-inner .carousel-item .quote-wrapper p {
    font-size:16px;
}
.clie-img{ width:55%;padding-bottom:25px;}
.footer-logo img{width:80%;}
.footer-area .footer-pera p {
    font-size: 14px;
    padding-right: 0px;
}
.header-area .header-bottom {
    padding: 6px 50px;
}
.title-after {
    z-index: 1;
    position: absolute;
    top: 7%;
    transform: translateY(-50%);
    left: -59px;
    width: 100%;
}
.pb-5, .py-5 {
    padding-bottom: 0!important;
}
.team-sec{padding:60px 0px 60px 0px;}
.img-cl {
    width: 50%;
    height: 100%;
    margin: auto;
}
.service-card {
    text-align: center;
    padding-top:25px;
}
.request-back-area .request-content h3{
    font-size: 35px;
    text-align: center;
}
#btn {
    height: 48px;
    width: 130px;
    background-color: #A2CD38;
    border: none;
    font-size: 18px;
    border-radius: 100px;
    float: right;
    position: absolute;
    right: 24%;
    color: white;
}
.img-tet {
    width: 220px;
    height: 220px;
    margin: auto;
}
.career-caption h1 {
    font-size:30px;
}
.testi-card {
    text-align:center;
    padding: 60px 25px 25px 25px;
}
.testi-card p {
    font-size:14px;
}
.logo-sect1{padding:0 0 20px 0;}
.career-sec .section-tittle h2 {
    font-size: 30px;
}
.join-team .section-tittle h2{font-size:30px;}
.join-team{padding:0 0 80px 0;}
.author-content{width: 100%;}
.author .section-tittle1 h2{
    font-size:27px;
}
.author-content h3{
    font-size: 26px;
}
.contact-before img{display:none;}
.user-dashboard-tab li a {
    padding: 7px 5px;
    display: block;
    color: #363636;
    font-size: 14px;
}
.dashboard-sidebar {
    padding: 10px;
}
.service-card h2{font-size: 25px;}
.mb-img{height:auto}
.slider-area .hero-cap h2 {
    font-size: 40px;
}
.services-caption1 h4{
    font-size: 19px;
}
.services-area .single-services1 {
    min-height:410px;
}
.counter_text {    font-size: 30px;}
}

 
/* small mobile :320px. */
@media (max-width: 767px) {

 
}
 /* small mobile :320px. */
@media (max-width: 480px) {
.author{padding-bottom:90px !important;}
    .slider-area .hero-cap h2 {
        font-size: 18px;
        }
        .y-us{
            padding-top:20px;
            padding-bottom:0px !important;
        }
        .single-footer-caption{margin-top:0 !important;}
    .arrow_down{display: none;}
    .pt-50 {
        padding-top: 29px;
    }
    .modal-content {
        margin: auto;
        display: block;
        width: 100%;
        opacity: 1 !important;
        max-width: 1200px;
        /* padding-top: 97px; */
        margin-top: 40%;
    }.counts_items img {margin:auto;}
    .counts_items{text-align: center;margin-right:25px !important;}
    .count-box{width:100%;}
    .blog_right_sidebar .popular_post_widget .post_item .media-body {
        padding-bottom:25px;
    }
    .blog_details a{margin:auto;}
 .green-bg{width:100% !important;}
 .ban-boy img {
    width:67%;
 }
 .section-padding{padding:0;}

 .hero__caption{margin-top:50px;text-align:center;width:100%;padding-bottom:30px;}
 .slider-area .hero__caption h1{width:100%;font-size:28px;}
 .slider-area .hero__caption p{width:100%;font-size:14px;}
 .btn {
    min-width: 133px;
 }
 .hero-btn {
    padding: 20px 18px;
}
.logo img{width:70%;}
.services-area .single-services{margin:10px 0;}
.section-tittle h2{margin-bottom: 10px;}
.services-area{padding:30px;}
.whowe-caption {
    padding-top: 0px;
}
.swiper-scrollbar.swiper-scrollbar-horizontal{
    left: 43% !important;
    width: 50% !important;
}
.swiper-button-next, .swiper-rtl .swiper-button-prev {
    top: 91% !important;
    left: auto !important;
    right: 72% !important;
}
.about-after img{width:70%;}
.why-cls{padding-top:0px;padding-bottom:20px;}
.title-after img{width:25%;}
.testimonial-area .section-tittle1 h2{font-size:36px}
.testimonial .row .carousel .carousel-inner .carousel-item .quote-wrapper h3{font-size:18px;margin-top: 17px;}
.testimonial .row .carousel .carousel-inner .carousel-item .quote-wrapper h5{font-size:16px;}
.testimonial .row .carousel .carousel-inner .carousel-item .quote-wrapper {
    height:auto;padding:10px;
    
}
.blog-btn {
    width:120px;
}
.blog-info-link{flex-direction: column;}
.footer-area .footer-pera p {
    padding-right:0;
    margin-bottom:0;
}
.footer-padding {padding-top:20px;}
.testimonial{padding:0 0px 40px 0;}
.quote-wrapper img{margin-top: -65px;}
.testimonial .row .carousel .carousel-inner .carousel-item .quote-wrapper p{font-size:14px;text-align:justify;}
.title-after {
    top: 7%;
    left: -73px;
}
.section-tittle {
    padding-bottom: 0px;
}
.whowe-caption h2 {
    font-size: 38px;
}
.section-tittle h2 {
    font-size: 36px;
}
.header-area .header-bottom {
    padding:6px 20px;
}
.section-padding3 {
    padding-top: 29px;padding-bottom:33px;
}
.icon-box{justify-content: center !important;}
.right-content p {
    font-size:15px;font-family: Gilroy-Semibold;
}
.signup {
    width:357px;
    height:50px;    
}
#email-signup {
    height: 45px;    
background-color: transparent;    
    width:300px;    
}
.slider-height2 {
    min-height:180px;
}
.green-bg {
    position: relative;
    width: 100%;
    margin: auto;
}
.fh-t{margin-top:0px;padding-top:10px !important;}
.mission{padding:40px 0;}
.mission .title-after{top:2%;}
.ban-boy img {
    position: absolute;
    top: 6%;
    z-index: 5;
    left: 18%;
    width: 75%;
}
    ._1DJgT>img {
        width:31%;
    }
    .testimonials-slider1 .swiper-scrollbar.swiper-scrollbar-horizontal {
        left: 25% !important;
        width: 53% !important;
    }
    .rep-img{margin-top:30px;margin-bottom: 30px;}
    .logo-title h2 {
        font-size:35px;
    }
    .all-device{padding:0;}
    .mb-30 {
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .mission .tit-sec p{width:100%;}
    .testimonials-slider1 {padding-bottom:70px !important;}
    .logo-sect {
        padding: 40px 0;}
        .section-paddingt{padding-top:40px;padding-bottom:40px;}
    .mission h3 {
        color: #fff;
        font-size: 20px;
        width: 100%;
    }
    .mission .single-services{    padding: 15px 0px;}
    .whowe-caption p{padding-top:10px;}
    .why-big img {
        position: relative;
        width: 100%;
    }
    .why-small img {
        position: absolute;
        right: 0%;
        bottom: -25%;
        width: 60%;
    }
    ._1DJgT>img:nth-child(5) {
        right: 38%;
        top: -25px;
        bottom: 25px;
        -webkit-animation-delay: 2s;
        animation-delay: 2s;
    }
    ._1DJgT>img:nth-child(3) {
        right: 4%;
        top: 7%;}
        ._1DJgT>img:nth-child(4) {
            right: -2%;
            bottom: 41%;}
            ._1DJgT>img:first-child {
                left: 6%;
                top: 17%;}
                ._1DJgT>img:nth-child(2) {
                    bottom: 22%;
                    left: 4%;}
                    .hero__caption {
                        align-self: center;
                        text-align: center;margin-top:50px;
                    }
                    .slider-area .hero__caption h1 {
                        font-size:38px;width:100%;
                    }
                    .slider-area .hero__caption p {
                        font-size: 17px;width:100%;
                    }
                    .hero-btn {
                        padding: 18px 35px;
                    }
                    .btn{
                        font-size: 16px;    min-width: 150px;
                        letter-spacing: 0px;margin-bottom:25px;
                    }
                    .why-cls {
                        padding-bottom: 65px;
                        padding-top: 25px;
                    }
                    #btn-sub {height:48px;width:88px;right: 34px;
                    }
                    .why-big{margin-top:20px;margin-bottom:15px;}
                    .boxed-btn {margin-top:20px;
                    }
                    .whowe-caption h6{padding-top:15px;}
                    .about-after{
                        top: -18px;
                    }
                    .about-after img{width:80%;} 
                    .footer-social a .fb {width:50px;
                    }
                    .footer-social{display:flex;}
                    .footer-social a .insta{width:50px;}
                    .footer-social a .lik{width:50px;}

.whowe-caption h2 {
font-size: 37px;    padding-top: 25px;
}
.who-we {padding: 40px 0px;
}

.section-padding3{
padding-bottom:25px;
}
.swiper-button-next, .swiper-rtl .swiper-button-prev {
right: 10% !important;}
.swiper-button-prev, .swiper-rtl .swiper-button-next{
    left: 10% !important;
}
.page-block .swiper-button-prev, .swiper-rtl .swiper-button-next{
    left: 70% !important;
}
.txt-right{text-align: center;}
.swiper-scrollbar.swiper-scrollbar-horizontal {
    left: 25% !important;
}
.services-area{padding:40px 0;}
.section-tittle h2{font-size:30px;}
.testimonial-area .section-tittle1 h2 {
    font-size: 38px;
    padding-top: 0px;
}   
.about-after {
    top: 12px;
}
.footer-tittle{margin-top:15px;}
.testimonial .row .carousel .carousel-inner .carousel-item .quote-wrapper p {
font-size:16px;
}
.clie-img{ width:100%;padding-bottom:10px;padding-top:25px;}
.footer-logo img{width:80%;}
.footer-area .footer-pera p {
font-size: 14px;
padding-right: 0px;
}
.header-area .header-bottom {
padding: 6px 25px;
}
.section-tittle{padding-bottom: 5px;}
.pb-5, .py-5 {
padding-bottom: 0!important;
}
.team-sec{padding:25px 0px 5px 0px;}
.img-cl {
    width: 70%;
    height: 100%;
    margin: auto;
}
.service-card {
text-align: center;
padding-top:25px;
}
.author-content img{margin-top:15px;margin-bottom: 15px;;}
.request-back-area .request-content h3{
font-size: 27px;
text-align: center;
}
#btn {
height: 48px;
width: 130px;
background-color: #A2CD38;
border: none;
font-size: 18px;
border-radius: 100px;
float: right;
position: absolute;
right: 1%;
color: white;
}
.img-tet {
width: 220px;
height: 220px;
margin: auto;
}
.popular_post_widget h5{margin-top:15px;}
.blog-pagination{margin-top: 0;padding-bottom:25px;}
.contact-section{padding:25px 0 40px;}
.career-caption h1 {
    font-size: 25px;
    text-align: center;
    padding-top: 35px;
}
.car-btn{text-align: center;}
.services-sec {
    padding: 15px 15px 15px 15px;
    background-repeat: no-repeat;
    background-position: top right;
    background-size: 100% 100%;
}
.card-header a p {
    color: #2A2A2A;
    font-size: 12px;
    margin-bottom: 0;
}
.bor-btn{    padding: 20px 10px;font-size: 10px;width:80px;}
.card-header a h3 {
    font-size: 18px;
}
.testi-card p {
font-size:14px;
}
.logo-sect1{padding:0 0 20px 0;}
.career-sec .section-tittle h2 {
font-size: 23px;
}
.join-team .section-tittle h2{font-size:26px;}
.join-team{padding:0 0 80px 0;}
.author-content{width: 100%;}
.author .section-tittle1 h2{
font-size:27px;
}
.author-content h3{
font-size: 26px;
}
.contact-before img{display:none;}
.user-dashboard-tab li a {
padding: 7px 25px;
display: block;
color: #363636;
font-size: 14px;
}
.dashboard-sidebar {
padding: 20px;
margin-bottom: 40px;
}
.onfocus .content {
   
    padding: 35px 30px;
    
}
.content p {
    font-size: 14px;
}
.content h2 {
    color: #F3F3F3;
    font-size: 29px;
}
.contact-sec{width: 100%;}
.service-card h2{font-size: 25px;}
.mb-img{height:auto}
.slider-area .hero-cap h2 {
font-size: 18px;
}
.services-caption1 h4{
font-size: 19px;
}
.services-area .single-services1 {
min-height:410px;
}
.counter_text {    font-size: 30px;}
.case-card {
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
height: 354px;
width: 100%;
padding: 37px 18px;
display: flex;
flex-direction: column;
/* text-align: center; */
justify-content: center;
left: 50%;
}
.case_study{padding:20px 0px !important;}
.case-card h2{width:100%;}
.case_img img{display:none;}
}
/* Large Mobile :480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {

 
}
@media (max-width: 390px){.signup {
    width: 300px;
    height: 50px;
}
#btn{
    top:0
}
#btn-sub {
    height: 48px;
    width: 88px;
    right: 46px;
}
}
@media (max-width: 320px){.signup {
    width: 272px;
    height: 50px;
}
#btn{
    top:0
}
#btn-sub {
    height: 48px;
    width: 88px;
    right: 6px;
}
.request-back-area {
    padding: 52px 0px;
}
}

/* responsive case study */
.case_img_new img {
   position: absolute;
   display: flex;
   justify-content: center;
   align-items: center;
   top: 35%;
     left: 50%;
     transform: translate(-50%, -50%);
    width: 45%;
   z-index: 2;
    }
    .casestudy-sec_new {
   background: url(../img/casestudy/path1.png)no-repeat;
   background-repeat: no-repeat;
   background-position: center center;
   background-size: cover;
   height: 600px;
   padding: 110px;
   margin-top: 150px;
    }
    .case-card_new h4 {
   color: #A2CD38;
   font-family: Gilroy-Semibold;
   font-size: 20px;
   padding-bottom: 30px;
    }
    .case-card_new h2 {
   color: #363636;
   font-family: Gilroy-bold;
   font-size: 27px;
   line-height: 37px;
   width: 65%;
    }
    .case-card_new span {
   color: #A2CD38;
   font-family: Gilroy-bold;
   font-size: 27px;
   line-height: 37px;
    }
    .case-card_new {
   position: relative;
   top: 82%;
   display: block;
   left: 50%;
   transform: translate(-33%, -50%);
    }
    .ebook-sec_new{
   background: url(../img/casestudy/path2.png)no-repeat;
   background-repeat: no-repeat;
   background-position: center center;
   background-size: cover;
   height: 600px;
   padding: 110px;
   position: relative;
   margin-top: 40px;
    }
    .ebook_txt_new h2 {
   color: #363636;
   font-family: Gilroy-bold;
   font-size: 22px;
   line-height: 33px;
   width: 65%;
    }
    .ebook_txt_new span {
   color: #A2CD38;
   font-family: Gilroy-bold;
   font-size: 22px;
   line-height: 33px;
    }
    .ebook_txt_new a {
   color: #A2CD38;
   font-family: Gilroy-bold;
   font-size: 15px;
    }
    .ebook_txt_new {
   position: relative;
    margin-top: 150px;
    
   display: block;
  
    }
    .ebook_new{
   position: absolute;
   margin-left: auto;
   margin-right: auto;
   display: block;
   left: 0;
   right:0;
   top: -7%;
    }
    .ebook_new img{
   width: 50%;
   z-index: 2;
   position: absolute;
   margin-left: auto;
   margin-right: auto;
   display: block;
   left: 0;
   right: 0;
    }
    .casestudy_1{
   background: url(../img/casestudy/path1.png)no-repeat;
   background-repeat: no-repeat;
   background-position: center center;
   background-size: cover;
   height: 600px;
   padding: 110px;
   margin-top: 60px;
    }
    .casestudy_txt1 h2 {
   color: #363636;
   font-family: Gilroy-bold;
   font-size: 25px;
   line-height: 37px;
   width: 65%;
    }
    .casestudy_txt1 span {
   color: #A2CD38;
   font-family: Gilroy-bold;
   font-size: 25px;
   line-height: 37px;
    }
    .casestudy_txt1 a{
    
  color: #A2CD38;
  font-family: Gilroy-bold;
  font-size: 15px;
   
    }
    .casestudy_img{
   position: absolute;
   top: -40%;
   z-index: 2;
    }
    .casestudy_img img{
   width: 54%;
   display: block;
   margin-left: auto;
   margin-right: auto;
    }
    .casestudy_txt1 {
   margin-top: 130px;
    }
    .green_dot1 {
  position: absolute;
   top: -57%;
   z-index: 1;
   left: 20%;
    }
    
    .casestudy_2{
   background: url(../img/casestudy/path2.png)no-repeat;
   background-repeat: no-repeat;
   background-position: center center;
   background-size: cover;
   height: 600px;
   padding: 110px;
   margin-top: 100px;
   position: relative;
    }
    .casestudy_txt2 h2 {
   color: #363636;
   font-family: Gilroy-bold;
   font-size: 25px;
   line-height: 37px;
   width: 65%;
    }
    .casestudy_txt2 span {
   color: #A2CD38;
   font-family: Gilroy-bold;
   font-size: 25px;
   line-height: 37px;
    }
    .casestudy_txt2 a{
    
  color: #A2CD38;
  font-family: Gilroy-bold;
  font-size: 15px;
   
    }
    .casestudy_img2{
   position: absolute;
   top: -20%;
   z-index: 2;
   left: 3%;
    }
    .casestudy_img2 img{
   width: 60%;
   display: block;
   margin-left: auto;
   margin-right: auto;
    }
    .casestudy_txt2 {
   margin-top: 100px;
    }
    
    .blue_dot2 {
   position: absolute;
   top: -28%;
   z-index: 1;
   left: 24%;
    }
    @media only screen and (min-width: 200px) and (max-width:600px) {
   .case_img_new img {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 25%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60%;
  z-index: 2;
  margin-top: 20px;
   }
   .case-card_new h2 {
  color: #363636;
  font-family: Gilroy-bold;
  font-size: 20px;
  line-height: 30px;
  width: 100%;
   }
   .case-card_new {
  position: relative;
  top: 60%;
  display: block;
  left: 50%;
  transform: translate(-56%, -50%);
   }
   .case-card_new span {
  color: #A2CD38;
  font-family: Gilroy-bold;
  font-size: 20px;
  line-height: 30px;
   }
   .casestudy-sec_new {
  background: url(../img/casestudy/path1.png)no-repeat;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  height: 400px;
  padding: 60px;
  margin-top: 150px;
   }
   .ebook_txt_new span {
    font-size: 20px;
  line-height: 30px;
   }
   .ebook_txt_new {
  position: relative;
  margin-top: 90px;
   }
   .ebook-sec_new {
  margin-top: 40px;
  height: 510px;
  padding: 50px;
    
   }
   .ebook_txt_new h2 {
  font-size: 20px;
  line-height: 30px;
  width: 100%;
   }
   .green_dot1 {
  display:none;
   }
   .casestudy_img img {
  width: 100%;
   }  
   .casestudy_img {
  position: absolute;
  top: -30%;
   }
   .casestudy_txt1 h2 {
  font-size: 20px;
   line-height: 30px;
   width: 100%;
   }
   .casestudy_txt1 span{
  font-size: 20px;
   line-height: 30px;
   }
   .casestudy_1 {
  padding: 50px;
   }
   .casestudy_txt2 h2 {
    font-size: 20px;
   line-height: 30px;
   width: 100%;
   }
   .casestudy_2 {
     padding: 45px;
     height: 500px;
    }
    .case_img1 img{
        position: relative;right:0% !important;
    }
    .case-card1 {
        height: fit-content;
        padding:35px 10px 85px 10px;
    }
    .whatsapp_float {
        right:18px
    }
    
     .casestudy_txt2 span {
 font-size: 20px;
 line-height: 30px;
     }
     .pt-bt {
        padding-bottom: 0px;
    }
     .count-box{position:  relative !important;top:-10px;}
     .counters{
        padding:15px 0 25px 0;
     } 
    }

    @media only screen and (min-width: 1350px) and (max-width: 1550px) {
       
        .case-card {
         background-repeat: no-repeat;
         background-position: center center;
         background-size: cover;
         height: 400px;
         padding: 100px 180px;
         display: flex;
         flex-direction: column;
         /* text-align: center; */
         justify-content: center;
         left: 50%;
     }
 }
    @media only screen and (min-width: 1050px) and (max-width: 1300px) {
       
       .case-card {
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        height: 400px;
        padding: 100px 100px;
        display: flex;
        flex-direction: column;
        /* text-align: center; */
        justify-content: center;
        left: 50%;
    }
    
}

@media (max-width: 1024px) {
       
    .case-card {
     background-repeat: no-repeat;
     background-position: center center;
     background-size: cover;
     height: 320px;
     padding: 100px 100px;
     display: flex;
     flex-direction: column;
     /* text-align: center; */
     justify-content: center;
     left: 50%;
 }
 .pon {
    padding-left: 33px;
    padding-bottom: 15px;
}
.modal-content {
    margin: auto;
    display: block;
    width: 100%;
    margin-top: 20%;
    opacity: 1 !important;
    max-width: 1200px;
}
 
}
@media (max-width: 820px){
.modal-content {
    margin: auto;
    display: block;
    width: 100%;
    margin-top: 10%;
    opacity: 1 !important;
    max-width: 1200px;
}
.pon {
    padding-left: 48px;
    padding-bottom: 15px;
}
.team-sec {
    padding-top: 30px !important;
}
}
@media (max-width:480px){
    .case-card {
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        height: 320px;
        padding: 20px;
        display: flex;
        flex-direction: column;
        /* text-align: center; */
        justify-content: center;
        left: 50%;
    }
    .modal-content {
        margin: auto;
        display: block;
        width: 95%;
        margin-top: 30%;
        opacity: 1 !important;
        max-width: 1200px;
    }
    #homemodalform .modal-body {
        position: relative;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        padding: 2.5rem 1rem 3rem 2rem;
    }
    .iti-mobile .iti__country-list
    {
        width: 85% !important;
        margin: 0 0 0 -1px !important;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {

.iti-mobile .iti__country-list
    {
        width: 85% !important;
        margin: 0 0 0 -1px !important;
    }

}