@media only screen and (max-width: 1440px){
    .the-panini-dna-box .our-sol-rectangle {
        width: 160px;
    }
    .line3 {
        left: 190px;
    }
    .line4 {
        left: 380px;
    }
    .home-rectangle-padding{
            padding: 0px 5px 40px 5px;
        
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1400px){
    .testimonial-area .testimonial-slider .owl-controls .owl-nav div.owl-prev {
        left: -15%;
    }
    .testimonial-area .testimonial-slider .owl-controls .owl-nav div.owl-next {
        right: -15%;
    }
    .testimonial-area .shape {
        z-index: -30;
    }
    .about .round-shape4 {
        top: 205px;
        left: -70px;
        z-index: -7;
    }
    .about .round-shape6 {
        top: 100px;
        left: 30px;
    }
    .get-intuch .round-shape2 {
        top: -290px;
        left: -290px;
    }
    .get-intuch .round-shape1 {
        bottom: -290px;
        right: -290px;
    }
     .about .col-xl-6.d-flex.align-self-center{
        width: 50%;
    }
    .about .col-xl-6.d-flex.align-self-flex-end{
        width: 50%;
            align-self: center;
    }
    .pricing .col-xl-6{
        width: 50%;
    }

}

/* Medium Layout: 1199px. */
@media only screen and (max-width: 1199px){
    .about .box2 {
        margin-top: 0px;
    }
    .about .box4 {
        margin-top: 0px;
    }
    .about .box{
        margin-bottom: 30px;
    }
    .about .info{
        margin-bottom: 50px;
    }
    .video .round-shape5 {
        right: 0px;
    }
    .video .round-shape8 {
        right: 80px;
    }
    .service .round-shape4 {
        left: -80px;
        top: 210px;
    }
    .service .round-shape6 {
        top: 125px;
        left: 80px;
    }
    .get-intuch .round-shape1 {
        width: 500px;
    }
    .get-intuch .round-shape2 {
        width: 500px;
    }
    .testimonial-area .shape {
        z-index: -20;
    }
    .testimonial-area .round-shape4 {
        left: 25%;
    }
    .testimonial-area .round-shape7 {
        top: 10%;
        left: 68%;
    }
    .footer .copy-bg {
        margin-top: 92px;
    }
    .contact .brand {
        padding-top: 100px;
    }
    .get-intuch .round-shape2 {
        top: -300px;
        left: -300px;
    }
    .get-intuch .round-shape1 {
        bottom: -300px;
        right: -300px;
    }
    .testimonial-area .round-shape7 {
        top: 37%;
        left: 88%;
    }
    .testimonial-area .round-shape5 {
        top: 40%;
        left: 77%;
    }
    .testimonial-area .round-shape4 {
        left: 8%;
    }
    .contact .round-shape4 {
        top: 250px;
        right: -70px;
    }
    .contact .round-shape6 {
        top: 160px;
        right: 40px;
    }
    .pricing .round-shape3 {
        top: 322px;
        right: -73px;
    }
    .pricing .round-shape5 {
        top: 250px;
        right: 50px;
    }
    /* for index2 */
   .index2 .about .shapecircle
  {
    right: -150px;
    top: -150px;
  }
  .index2 .video .shapecircle{
    left: -150px;
    top: 50px;
  }
  .index2 .project-gallery{
      overflow: hidden;
  }
  .index2 .project-gallery .shapecircle
  {
    right: -150px;
    top: -150px;
  }
  .index2 .testimonial-area .shapecircle{
    left: -150px;
    top: 100px;
  }
  .index2 .pricing .shapecircle{
    top: -150px;
    right: -150px;
  }
  .index2 .blog .shapecircle{
    top: 50px;
    left: -150px;
  }
  .index2 .contact{
      overflow: hidden;
  }
  .index2 .contact .shapecircle{
    top: -150px;
    right: -150px;
  }
     .footer-widget ul li:nth-child(5){
		padding-left:0px;
   }
   .footer-widget ul.footer-resources li:nth-child(8){
	   padding-left:0px;
   }
      .footer-widget ul.footer-resources li:nth-child(9){
	   padding-left:0px;
   }
      .footer-widget ul.footer-resources li:nth-child(4){
	       padding-left: 0px;
   }
      .footer-widget ul.footer-resources li:nth-child(5){
	  padding-left: 0px;
   }
      

}

@media only screen and (max-width: 991px) {
    
    .navbar-light .navbar-toggler {
        border: 0px;
        padding: 0px;
    }
    .navbar-light .navbar-toggler:focus{
        outline: 0px;
    }
    .navigation {
        padding: 0;
        background: #fff;
        border: 0px;
        box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.10);
    }
    .navigation .navbar .navbar-brand img {
    max-width: 150px;
    }
    .navigation .navbar{
    padding: 5px 0px;
    }
    .navigation .navbar .navbar-brand {
        margin-top: -3px;
    }
    
    .navigation .navbar #mainmenu ul li a {
        padding: 10px 10px 10px!important;
        display: inline-block;
    }
    .navbar #mainmenu ul li a.active::after {
        bottom: 6px;
    }
    .hero-area {
    position: relative;
    padding: 90px 0px 25px;
    height: auto;

    }
    .automation-sol-head{
            top: 25px;
    }
    .section-title .title{
        font-size: 24px;
        line-height: 22px;
    }
   

    .width621{
        width: 100%;
    }
    .img-fluid.full-img{
        height: auto;
    }
    .about .info {
    width: 100% !important;
}
.about-us-img{
     width: 100% !important;
}
.about .info .info-title{
    width: 100% !important;
        text-align: center; 
}
.content{
    text-align: center;
}
.about-us-paragraph {
    width: 100%;
    text-align: center;
    }
    .info-about-us-box{
        text-align: center;
    }
    .hero-area .left-content{
        top: -30px;
    }
    .jiffy-about-us-senteace{
        width: 100%;
    }
    .our-solution-title{
       width: 100%; 
           text-align: center;
    }
    .info.our-solution p{
        width: 100%;
            text-align: center;
    }
    .links a{
        text-align: center;
    }
    .pricing .links{
        width: 100%; text-align: center;
    }
    .carousel{
            width: 100%;
    margin-top: 26px
    }
    .we-have-info-title{
       width: 100%; text-align: center;  
    }
    .we-have-info-description{
      width: 100%; text-align: center;     
    }
    .our-sol-rectangle{
            width: 38%;
    height: 150px;
    max-width: 38%
    }
    .support-portalsearc-input{
        width: auto;
    }
    .homepage.search-icon{
        right: 50px;
    }
    .quick-links-right ul,.our-solution-title.admin-guidee{
            text-align: left;
    }
    .home-page-box .our-sol-rectangle .title{
            padding-top: 0px;
    margin: 15px 0px 10px 0px;
    padding: 0px;
    font-size: 13px;
    }
    .carousel.slide.case-study-slide{
        width: 100% !important;
    }
    .counter-area .fun-box {
        margin-bottom: 40px;
    }
    .counter-area {
        padding: 115px 0px 77px;
    }
    .pricing .price-box {
        margin-bottom: 30px;
    }
    .pricing {
        padding: 110px 0px 100px;
    }
    .faq .image-wrapper {
        display: none;
    }
    .instagram-feed-widget .instagram-feed-list li {
        margin: 4px;
        max-width: 100px;
    }
    .footer-widget.support-link-widget {
        margin-top: 18px;
    }
    .footer-widget.instagram-feed-widget {
        margin-top: 18px;
        padding-left: 15px;
    }
    .footer .copy-bg {
        margin-top: 5px;
    }
    footer .link-list p.address{
           width: 134px; 
    }
    .footer-landscape-second .link-list p.address{
    width: auto;
    }
    .footer-landscape-second .link-list li:first-child{
        margin-left: 0px;
    }
    .footer-landscape-second .link-list li{
        margin: 0px 15px;
    }

    .copy-bg a{
        margin: 0px 3px;
    }
    .about {
    padding: 20px 0px 60px;
    }
    .hero-area .right-img{
        padding: 0px 50px;
        margin-bottom: 60px;
    }
    .service .round-shape4 {
        left: -38px;
    }
    .service .round-shape6 {
        left: 90px;
    }
    .service .service-box .icon,
    .counter-area .fun-box .icon,
    .about .box .inner-box .icon
     {
        font-size: 35px;
        width: 80px;
        height: 80px;
        line-height: 80px;
    }
    .contact .info-contact li .info-box .left .icon {
        top: 50%;
        transform: translateY(-50%);
    }
    .contact .info-contact li .info-box {
        padding: 30px 30px 30px 30px;
    }
    .contact .round-shape4 {
        right: -46px;
    }
    .contact .round-shape6 {
        right: 80px;
    }
    .about .round-shape4,
    .about .round-shape6
    {
        display: none;
    }
    .breadcrumb-area {
        padding: 152px 0px 80px;
            margin-bottom: 35px;
    }
    .breadcrumb-area  .right-img{
        width: 250px;
    }
    .blog .blog-aside{
        margin-top: 32px;
    }
    .blog-details .blog-aside{
        margin-top: 50px;
    }

    .blog.blog-page.sidebar {
        padding-bottom: 120px;
    }
    footer.footer .footer-info-area .col-md-6.col-lg-6.float-left{
        width: 100%
     }
     footer.footer .footer-info-area .col-md-6.col-lg-6.float-left.footer-landscape-first .use-full-link-widget ul li{
        width: 50%;
        display: inline-block;;
     }
      footer.footer .footer-info-area .col-md-6.col-lg-6.float-left.footer-landscape-second .use-full-link-widget ul li{
        width: 33%;
        display: inline-block;;
     }
    footer.footer .footer-info-area .col-md-6.col-lg-6.float-left.footer-landscape-first .link-list p.address{
        width: 219px;
    }
    footer.footer .col-md-6.col-lg-6.footer-right-section-bottom{
        padding: 0px;    padding-top: 15px;
    }
    footer.footer .copy-bg p{
        text-align: center;
    }
    footer.footer .fotter-social-links{
    text-align: center;
    }
    footer.footer .footer-logo{
    text-align: center;
    }
    .social-dna.pricing .section-title .social-dna-description{
        width: auto;
    }
    .about.page-aboutus{
    text-align: center;
    }
    .about.page-aboutus .Mission{
        width: auto;
    }
    .paanini-dna-description{
        width: auto;
            height: auto;
                margin-bottom: 35px;
    }
    .blog.about-us-page{
        text-align: center;
    }
    .blog.about-us-page .Mission{
        width: auto;
    }
    .blog.about-us-page .info.our-story .our-solution-title{
    width: auto;
    height: auto;
    }
      .line,.line2,.line3,.line4{
        display: none;
    }
    .our-team .ourteam-feed-list li{
        width: 45%;
    }
    .pricing.investors-and-Adviso .Paaninis-committed p{
        width: auto;
        height: auto;
        text-align: center;
    }
    .product-top.hero-area .left-content .content .title{
            height: auto;
    min-height: auto;
    }
    .product-top.hero-area .left-content .content .subtitle{
        height: auto;
    }
    .col-lg-6.d-flex.jiffy-rpa-right-test.animated.slideInRight.animation-delay{
            margin-top: 25px;
    }
    .product-top.hero-area .left-content .content .subtitle{
          height: auto !important;
    }
    .product-logo{
        height: auto !important;
        padding-bottom: 10px;
    }

    .faq .accordion .panel{
            width: 100%;
    }
    .why-jiffy-rpa-box{
            width: 100%;
    }
   .icon-head p{
        font-size: 12px;
}
.width621 .right-content{
    padding-top: 0;
    top: 0;
    width: 100%;
}
.blog.blog-page.about .col-lg-5.col-sm-6{
max-width: 100%;
    width: 100%;
    flex: 0 0 100%;
}
.blog.blog-page.about .col-lg-7.col-sm-6{
max-width: 100%;
    width: 100%;
    flex: 0 0 100%;
        padding-top: 5px;
}
.blog.blog-page.about{
        padding: 165px 0px 150px;
}
.blog.blog-page.about .about-us-paragraph{
width: 100%;
}
.blog.blog-page.about .blog-box{
width: 97%;
}
.single-case_study .re_rotate_angle .ring-icons{
width: 100%;
}
.single-case_study .col-md-2-5.re_rotate_angle {
    width: 100%;
    text-align: center;
}
.single-case_study.animated{
    text-align: center;
}
.single-blog .document-request-form-head{
    max-width: 100%;
}
.hero-area .left-content .content .subtitle{
     max-width: 100%;
}
.hero-area .left-content .content .blog-date .read-more{
float: none;
}
.blog.blog-page.sidebar #notajaxpostess .col-lg-6.col-sm-6{
  max-width: 100%;
    width: 100%;
    flex: 0 0 100%;
}
.blog.blog-page.sidebar #notajaxpostess .col-lg-6.col-sm-6 .blog-box{
width: 100%;
}
.blog.blog-page.sidebar #notajaxpostess .col-lg-4.col-sm-6{
 max-width: 100%;
    width: 100%;
    flex: 0 0 100%
}
.blog.blog-page.sidebar #notajaxpostess .col-lg-4.col-sm-6 .blog-box{
width: 100%;
}
.form-elements .form-left {
    display: none;
}
#requestdemo, .formpopupmodel{
    overflow: scroll;
    overflow-x: visible;

}
#requestdemo .col-md-12.form-elements{
        width: 100%;
    height: 100%;
    background: transparent;
}
#requestdemo .request-demo-form, .formpopupmodel .request-demo-form{

    height: 600px !important;
    left: 10%;
}
#requestdemo .form-items .form-item.phone_right, .formpopupmodel .form-items .form-item.phone_right{
       width:79%
}
#requestdemo .form-items .form-item.half, .formpopupmodel .form-items .form-item.half{
    width:100%
}
.info-about-us.industry-section{
    margin-left: 2px;
}
/* For index 2 */

.index2 .hero-area {
    padding: 180px 0px 120px;
}

    .tabcontent{
        text-align: center !important;
    }



}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
 
    .hero-area .left-content .content .title {
        font-size: 36px;
        line-height: 60px;
    }
    .about {
        padding: 110px 0px 120px;
    }
    .about .box .inner-box .icon {
        width: 90px;
        height: 90px;
        line-height: 90px;
        font-size: 45px;
    }
    .about {
        padding: 110px 0px 90px;
    }
    .about .col-xl-6.d-flex.align-self-center{
        width: 50%;
    }
    .about .col-xl-6.d-flex.align-self-flex-end{
        width: 50%;
            align-self: center;
    }
    .pricing .col-xl-6{
        width: 50%;
    }
    .jiffy-about-us-senteace{
        width: 100%;
    }
    .our-sol-rectangle{
         margin: 13px;
    width: 116px;
    }
    .home-page-box .our-sol-rectangle .title{
        font-size: 12px;
    }
    .faq .image-wrapper .image .single-object {
        height: 280px;
        top: 35%;
        left: 28%;
    }
    .about .box .inner-box {
        padding: 45px 25px 21px;
    }
    .about .box .inner-box .title {
        font-size: 21px;
    }
    .info-contact{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
   }
    .info-contact li{
        flex: 50%;
        max-width: 50%;
        padding-right: 15px;
        padding-left: 15px;
    }
    .instagram-feed-widget .instagram-feed-list li:nth-child(3n+1) {
        margin-left: 8px;
    }
    .about .round-shape4 {
        left: auto;
        right: -85px;
        top: 37%;
    }
    .about .round-shape6 {
        left: auto;
        right: 50px;
        top: 32%;
    }

   
}



/* Tablet Layout wide: 768px. */

@media only screen and (max-width: 767px) {
    .navigation .navbar .navbar-brand img {
    max-width: 170px;
    }
    .navigation .navbar{
    padding: 10px 0px;
    }
    
    .mobile-proc_open{
        display: block;
    }
    .Products-Copy{
        display: none;
    }
    .hero-area .left-content .content .title {
        font-size: 24px;
        line-height: 22px;
        text-align: center;
    }
    .project-gallery .project-gallery-filter .project-gallery-menu .filter {
        margin-left: 2px;
        margin-right: 2px;
        padding: 9px 17px;
    }
    .testimonial-area .testimonial-slider .client {
        margin: 80px 25px 80px;
        padding: 85px 20px 26px;
        -webkit-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
    }
    .shape {
        width: 350px!important;
    }
    .footer-widget.use-full-link-widget {
        margin-top: 18px;
    }
    .footer .copy-bg {
        margin-top: 96px;
    }
    .hero-area .right-img {
        padding: 0px 0px;
    }
    .team .owl-item.active.center .team-member {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        z-index: 9;
    }
    .team .owl-stage-outer .owl-stage {
        padding: 0px 0px;
    }
    .team .section-title {
     margin-bottom: 55px;
    }
    .team .owl-controls .owl-nav {
        bottom: -84px;
    }
    .team {
        padding: 65px 0px 65px;
    }

    .instagram-feed-widget .instagram-feed-list li:nth-child(3n+1) {
        margin-left: 8px;
    }
    .instagram-feed-widget .instagram-feed-list li{
        margin: 8px;
    }
    .footer .copy-bg {
        margin-top: 93px;
    }
    .get-intuch .round-shape2 {
        top: -280px;
        left: -280px;
    }
    .get-intuch .round-shape1 {
        bottom: -280px;
        right: -280px;
    }
    .dubble-shape{
        display: none;
    }
    .service .round-shape4 {
        left: -69px;
        top: 15%;
    }
    .service .round-shape6 {
        left: 30px;
        top: 11%;
    }
    .testimonial-area {
        padding: 110px 0px 40px;
    }
    .team .round-shape5 {
        top: 71%;
        left: 62px;
    }
    .team .round-shape8 {
        top: 61%;
        left: 35px;
    }
    .team .round-shape7{
        display: none;
    }
    .team .round-shape3 {
        left: -35px;
    }

    .faq .round-shape5 {
        top: 78%;
        left: 55px;
    }
    .faq .round-shape8 {
        top: 70%;
        left: 21px;
    }
    .faq .round-shape7{
        display: none;
    }
    .faq .round-shape3 {
        left: -39px;
        top: 89%;
    }
    .contact .round-shape4 {
        right: -75px;
        top: 25%;
    }
    .contact .round-shape6 {
        right: 35px;
        top: 19%;
    }
    .testimonial-area .section-title {
        margin-bottom: 35px;
    }
 
    .hero-area .heroarea-slider.owl-carousel .owl-controls .owl-nav .owl-prev, .hero-area .heroarea-slider.owl-carousel .owl-controls .owl-nav .owl-next {
        font-size: 16px;
        width: 35px;
        height: 35px;
        line-height: 37px;
    }

    .our-solution-title {
        width: auto;
        height: auto;
        text-align: center;
    }
    .info.our-solution p {
        width: auto;
            text-align: center;
    }
    .links{
         text-align: center; 
    }
    .the-panini-dna-box .our-sol-rectangle {
        width: calc(50% - 30px);
    }
    .line3 {
        left: 180px;
    }
    .line4 {
        left: 360px;
    }
    .about .col-xl-6.d-flex.align-self-center.tobring{
    padding-top: 0px;
    }
    .about .col-xl-6.d-flex.align-self-center.when_great{
    padding-top: 0px;
    }
    footer.footer .copy-bg {
        margin-top: 0px;
    }
     footer.footer .footer-info-area .col-md-6.col-lg-6.float-left.footer-landscape-first .use-full-link-widget ul li{
        width: auto;
        display: inline-block;;
     }
      footer.footer .footer-info-area .col-md-6.col-lg-6.float-left.footer-landscape-second .use-full-link-widget ul li{
        width: auto;
        display: inline-block;;
     }
     footer.footer .col-md-6.col-lg-6.footer-right-section-bottom{
         padding: 15px 0px;
    padding-top: auto;
    }


    }

@media only screen and (min-device-width: 1024px) and (max-device-height: 1366px) and (-webkit-min-device-pixel-ratio: 2)  and (orientation: portrait){
 .industry-section .info-about-us-box div p{
            width: auto;
    }
    .info-about-us.industry-section{
        margin-left: 0px;
    }
    footer.footer .footer-logo{
        text-align: left;
    }
    footer.footer .footer-info-area .col-md-6.col-lg-6.float-left.footer-landscape-first .use-full-link-widget ul li{
    width: 100%;
    }
    footer.footer .footer-info-area .col-md-6.col-lg-6.float-left {
    width: 100%;
    max-width: 100%;
    }
    footer.footer .footer-info-area .col-md-6.col-lg-6.float-left.footer-landscape-second .use-full-link-widget ul li{
        width: 100%;margin: 0px;
    }
    .page-aboutus .right-side-second {
    width: auto;
    min-height: auto;
    }
    .about .col-xl-6.d-flex.align-self-center.tobring{
        padding-top: 0px;
    }
    .about.page-aboutus .info .info-title{
        height: auto;
    }
    .about .info{
            margin-bottom: 0px;
    }
    .about .col-xl-6.d-flex.align-self-center.when_great {
    padding-top: 0;
    }
    .info-about-us-box div p{
        max-width: 100%;
    }
    .the-panini-dna-box .our-sol-rectangle {
    width: 150px;
    }
    .navigation .navbar{
            padding: 10px 0px;
    }
    .navigation .navbar .navbar-brand img{
       max-width: 170px;
    }
    .brand-slider .img{
       display: inline-block;
    width: 150px;
    }
    #requestdemo .request-demo-form, .formpopupmodel .request-demo-form {
    height: 600px !important;
    left: 23% !important;
    top: 15%;
}
       .why-jiffy-rpa-box .right {
            width: 564px;
        }
        .blog .blog-box .blog-details.blog-details-left{
                top: -10px;
        }
        .workflowgraphicssection.jiffyrpa-page-flow{
                left: 6px;
        }
        .Explore-our-industry{
            height: auto;
        }
        .solution-play {
    width: 50%;
    height: 115px;
}
.carousel{
    width: 100%;
}
.we-have-info-title{
        width: auto;
         height: auto;
             min-height: auto;
}
.we-have-info-description {
    width: auto;
    height: auto;
}
.info-about-us-box{
    text-align: center;
}
.col-md-12.the-panini-dna-box {
    position: relative;
    left: 105px;
}
.product-top.hero-area .left-content .content .subtitle{
    height: auto !important;
}
.product-top.hero-area .left-content .content .title{
    line-height: 36px;
}
.blog .blog-box {
    display: inline-table !important;
}
.blog.blog-page {
    display: inline-table !important;
}
.blog .col-xl-5.d-flex.align-self-center .info .we-have-info-title {
    width: auto;     text-align: center;
}
.blog .col-xl-5.d-flex.align-self-center .info .we-have-info-description {
    width: auto;     text-align: center;
}
section.about .faq .accordion .panel {
    width: 465px;
}
.hero-area .left-content .content .title {
    font-size: 36px;
    line-height: 36px;
}

}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
     .industry-section .info-about-us-box div p{
            width: auto;
    }
    .info-about-us.industry-section{
        margin-left: 55px;
    }
    footer.footer .footer-logo{
        text-align: left;
    }
    footer.footer .footer-info-area .col-md-6.col-lg-6.float-left.footer-landscape-first .use-full-link-widget ul li{
    width: 100%;
    }
    footer.footer .footer-info-area .col-md-6.col-lg-6.float-left {
    width: 100%;
    max-width: 100%;
    }
    footer.footer .footer-info-area .col-md-6.col-lg-6.float-left.footer-landscape-second .use-full-link-widget ul li{
        width: 100%;margin: 0px;
    }
    .page-aboutus .right-side-second {
    width: auto;
    min-height: auto;
    }
    .about .col-xl-6.d-flex.align-self-center.tobring{
        padding-top: 0px;
    }
    .about.page-aboutus .info .info-title{
        height: auto;
    }
    .about .info{
            margin-bottom: 0px;
    }
    .about .col-xl-6.d-flex.align-self-center.when_great {
    padding-top: 0;
    }
    .info-about-us-box div p{
        max-width: 100%;
    }
    .the-panini-dna-box .our-sol-rectangle {
    width: 150px;
    }
    .navigation .navbar{
            padding: 10px 0px;
    }
    .navigation .navbar .navbar-brand img{
       max-width: 170px;
    }
    .brand-slider .img{
       display: inline-block;
    width: 150px;
    }
    #requestdemo .request-demo-form, .formpopupmodel .request-demo-form {
    height: 600px !important;
    left: 23% !important;
    top: 15%;
}
.info-about-us{
    margin-left: 0px;
}
.product-feed-list .product-image{
        margin-bottom: 10px;

}
.footer-widget ul.product-feed-list{
    margin-bottom: 0px;
}
.Products-Copy{
    height: 1px;
}
footer.footer .copy-bg p{
    text-align: left;
}
.hero-area .left-content .content .subtitle.about-uspage-subtitle{
    width: auto;
}
.our-team .ourteam-feed-list li {
    width: 255px;
    margin: 30px 0px 25px 57px;
}
.automation-sol-head {
    padding-top: 25px;
}
.blog.blog-page.about {
    padding: 65px 0px 150px;
}
 .contact .col-md-5.d-flex.align-self-center{
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
    text-align: center
    }
    .contact .col-md-5.d-flex.align-self-center .info.our-solution{
           width: 100%;
    height: auto;
    }
    .contact .col-md-5.d-flex.align-self-center .Explore-our-industry{
    width: auto;
    height: auto;
    }
    .contact .col-md-5.d-flex.align-self-center .info.our-solution p.Select-your-industry{
     width: 100%;
    height: auto;
    }
    .contact .col-md-7.d-flex.align-self-center.no-padding{
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
    text-align: center
    }
    .contact .home-page-box.no-padding.explore_our{
          padding: 0 25px;
    }
	.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]){
		    font-size: 12px !important;
	}
      .homepage.search-icon{
        right: 10% !important;
    }   

}
@media all and (device-width: 1024px) and (device-height: 768px) and (orientation:landscape) {
      .homepage.search-icon{
        right: 10% !important;
    }   
     .industry-section .info-about-us-box div p{
            width: auto;
            height: auto;
    }
    .carousel{
         width: auto;
    }
    .blog .col-xl-6.d-flex.align-self-center{
        width: 50%;
    }
    .industry-section.info-about-us li:first-child .info-about-us-box div p{
            height: auto;
    }
    .line, .line2, .line3, .line4{
    display:none;
    }
     .col-md-12.the-panini-dna-box{
            position: relative;
    left: 0px;
    }
    .hero-area .left-content .content .title{
            font-size: 36px;
    line-height: 36px;
    }
    section.about .faq .accordion .panel{
            width: 465px ;
    }
    section.about .why-jiffy-rpa-box .right .panel-description{
            width: 336px ;
    }
    .product-top.hero-area .left-content .content .subtitle{
            height: auto !important;
    }
    .product-video.video .video-wrapper .video-box{
        width: 100% !important;
    }
    .product-video.video .video-wrapper .video-box::after{
        width: 100% !important;
    }
     .blog.blog-page{
        display: inline-table !important;
            width: 100%;
    }
    .blog .blog-box{
        display: inline-table  !important;
    }
    .blog .col-xl-5.d-flex.align-self-center .info{
    text-align: center;
    width: 100%;
    }
    .blog .col-xl-5.d-flex.align-self-center .info .we-have-info-title{
    width: auto;
    }
    .blog .col-xl-5.d-flex.align-self-center .info .we-have-info-description{
        width: auto;
    }
    .automation-sol-head{
                top: 10px !important;
    }
    .Explore-our-industry{
        width: auto;
        height: auto;
    }
    .info.our-solution p{
             width: 350px;
        height: auto;
    }
    .solution-play-title{
        font-size: 12px;
    }
    footer.footer .copy-bg{
    margin-top: 2px;
    }
    .blog.blog-page.sidebar #notajaxpostess .col-lg-4.col-sm-6{
    max-width: 52%;
    width: 50%;
    margin: 1px 37px;;
}
    .blog.blog-page.sidebar #notajaxpostess .col-lg-6.col-sm-6{
       max-width: 300px;
    width: 300px;
    margin: 0px 7px;
    float: left;
        display: inline-flex;
}
.blog.blog-page.sidebar #notajaxpostess .col-lg-6.col-sm-6 .blog-box {
    width: 309px;
    border: none;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 0px 10px #a2a2a2;
    height: 92%;
}
.footer-bottom-list li{
        padding: 0 10px;
}
.blog.about-us-page .row .col-md-6.d-flex.align-self-center{
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
    text-align: center;
}
.blog.about-us-page .row .col-md-6.d-flex.align-self-center .info.our-story{
    width: 100%;
    max-width: 100%;
}
.blog.about-us-page .row .col-md-6.d-flex.align-self-center .info.our-story .Mission{
      width: 100%;
    max-width: 100%;  
}
.blog.about-us-page .row .col-md-6.d-flex.align-self-center .info.our-story .our-solution-title{
      width: auto;
      height: auto;
}
.blog.about-us-page .row .col-md-6.d-flex.align-self-center .info.our-story .paanini-dna-description{
    width: auto;
      height: auto;
}
.blog.about-us-page .row .col-md-6.no-padding{   
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
    margin-top: 35px;
}
.the-panini-dna-box .our-sol-rectangle {
    width: 290px;
    padding: 25px 0px;
}
.the-panini-dna-box .our-sol-rectangle .title {
    align-items: center;
    padding: 0 70px;
    }
    .video .row.justify-content-center{
            padding-top: 15px;
    }
    .contact .col-md-5.d-flex.align-self-center{
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
    text-align: center
    }
    .contact .col-md-5.d-flex.align-self-center .info.our-solution{
           width: 100%;
    height: auto;
    }
    .contact .col-md-5.d-flex.align-self-center .Explore-our-industry{
    width: auto;
    height: auto;
    }
    .contact .col-md-5.d-flex.align-self-center .info.our-solution p.Select-your-industry{
     width: 100%;
    height: auto;
    }
    .contact .col-md-7.d-flex.align-self-center.no-padding{
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
    text-align: center
    }
    .contact .home-page-box.no-padding.explore_our{
          padding: 0 25px;
    }
		.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]){
		    font-size: 12px !important;
	}
}

/* medium tablet layout 575px */

@media only screen and (max-width: 575px) {
    #requestdemo, .formpopupmodel {
        width: 100%;
             overflow: visible;
    }
    .form-elements .form-left {
        display: none;
    }
    #requestdemo .request-demo-form, .formpopupmodel .request-demo-form {
        width: 100%;
    margin: 0;
    height: auto !important;
    left: 0;
    }

    #requestdemo .col-md-12.form-elements {
    width: auto;
    height: auto;
    background: transparent;
}
    #requestdemo .modal-dialog, #requestdemo .modal-dialog .modal-content, .formpopupmodel .modal-dialog, .formpopupmodel .modal-dialog .modal-content{
        width: 100%;
    }
    .form-elements {
        width: 100%;
    }
    #requestdemo .form-items .form-item.half.left, .formpopupmodel .form-items .form-item.half.left {
        padding-right: 4px;
        margin-right: 0;
        width: 50%;
    }
    #requestdemo .form-items .form-item.half, .formpopupmodel .form-items .form-item.half {
        width: 50%;
    }
    #requestdemo .form-items .form-item.phone_left, .formpopupmodel .form-items .form-item.phone_left {
        width: 20%;
        margin-right: 0;
            padding-right: 4px;
    }
    #requestdemo .form-items .form-item.phone_right, .formpopupmodel .form-items .form-item.phone_right {
        width: 80%;
    }
	.hero-area .left-content .content .title {
    font-size: 33px;
    line-height: 44px;
    width: 450px;
    height: 100%;
    padding: 0px;
    margin: 10px 0px 15px 0px;
	}
	.about-us-paragraph {
	max-width: 388px;
	min-height: 88px;
	font-family: Montserrat;
	}
	.info-about-us{
	margin-left:5px;
	}
	.jiffy-about-us-senteace{
	width:100%;
	}
	.section-title{
	margin-bottom: 0px;
	}
    .about-us-page-secd-section .mission-icon,.mission-icon {
        text-align: center;
    }
    .hero-area .left-content .content .subtitle.about-uspage-subtitle,.about.page-aboutus .info .info-title {
        width: auto;
        height: auto;
    }
    .about .info {
        margin-bottom: 0;
        text-align: center;
    }
    .info.our-story{
        text-align: center;
    }
    .Mission {
        width: 100%;
        text-align: center;
    }
    .subtitle.about-uspage-subtitle {
        width: auto;
    }
    .hero-area .left-content {
        text-align: center;
        top: 0;
    }
    .page-aboutus .right-side-second {
        width: auto;
        min-height: auto;
        margin: auto;
        text-align: center;
    }
    .blog-page .info-about-us{
            margin-left: 0px;
                margin-top: 35px;
    }
    #case-study-slide .carousel-indicators {
    bottom: -40px !important;
}
    .navigation {
        padding: 7px 15px 7px;
    }
    .hero-area {
        padding: 120px 0px 65px;
        height: auto;
    }
    #home.product-top.hero-area {
        padding: 120px 0px 65px;
    }
    #home.product-top.hero-area .left-content .content .title {
        margin: auto;
        padding: 15px 0;
        min-height: 85px;
    }
    .product-video.video .video-wrapper .video-box::after{
            width: 100% !important;
    }
    .we-have-info-title{
    width: 100% !important;
}
    .hero-area .left-content .content .links {
        margin-top: 20px;
    }
    #home.product-top .video.product-video {
        top: 0;
        padding-top: 35px;
    }
    .about .round-shape6 {
        top: 5px;
        left: -23px;
    }
    .about .round-shape4 {
        left: 0px;
        display: none;
    }
    .video .round-shape3 {
        left: -130px;
    }
    .video .round-shape2 {
    display: none;
    }
    .service .round-shape4 {
        display: none;
    }
    .service .round-shape6 {
        left: -25px;
    }
    .get-intuch .content .title {
        font-size: 30px;
        line-height: 40px;
    }
    .get-intuch .round-shape1 {
        width: 420px;
    }
    .get-intuch .round-shape2 {
        width: 420px;
    }
    .get-intuch .content .subtitle {
        font-size: 16px;
        padding: 0px 0px 0px;
    }
    .get-intuch .content .title {
        margin-bottom: 13px;
    }
    .section-title .title {
        font-size: 30px;
        line-height: 40px;
    }
    .service .service-box .details .title {
        font-size: 21px;
        line-height: 31px;
    }
    .pricing .round-shape8{
        display: none;
    }
    .blog .dubble-shape {
    display: none;
    }
    .blog .round-shape8 {
        top: 80px;
        left: -20px;
    }
    .contact .round-shape6{
        display: none;
    }
    .shape {
        width: 250px !important;
    }
    .pricing .price-box .price-title .heading-title {
        font-size: 21px;
        line-height: 31px;
    }
    .pricing .price-box .price-rate .price {
        font-size: 24px;
        line-height: 34px;
    }
    .counter-area .fun-box .counter-wrapper .counter {
        font-size: 28px;
        line-height: 38px;
    }
    .counter-area .fun-box .icon {
        font-size: 50px;
    }
    .counter-area .fun-box .categori {
        font-size: 18px;
        line-height: 28px;
    }
    .workflowgraphicssection .graphics-start{
            position: relative;
            left:0;
    }
    .graphics-center{
        position: relative;
    left: 0;
    }
    .about .info .info-title {
        font-size: 30px;
        line-height: 40px;
    }
    .testimonial-area {
        padding: 100px 0px 40px;
    }
    .testimonial-area .round-shape1,
    .testimonial-area .round-shape5,
    .testimonial-area .round-shape7,
    .testimonial-area .round-shape4
    {
        display: none;
    }
    .about .box .inner-box .title {
        font-size: 20px;
    }
    .project-gallery .project-gallery-filter .project-gallery-menu {
        text-align: center;
    }
    .pricing.social-dna {
        padding: 65px 0px 65px;
    }
    .pricing {
        padding: 65px 0px 90px;
    }
    .pricing.investors-and-Adviso {
        padding: 10px 0px 65px;
    }
    .blog {
        padding: 65px 0px 65px;
    }
    .single-case_study .col-md-2-5.re_rotate_angle{
            width: 100%;
            text-align: center;
    }
    .single-case_study .col-md-2-5.re_rotate_angle .ring-icons{
 width: 100%;
    }
    .single-case_study .col-md-2-5.re_rotate_angle .ring-icons i{
            background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    }
    .document-request-form .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half){
            width: 100% !important;
    max-width: 100% !important;
    margin-bottom: 15px !important;
    }
    .contact {
        padding: 0px 0px 65px;
    }
    .contact .brand {
        padding-top: 0;
    }
    .social-dna.pricing .section-title .social-dna-description {
        height: auto;
        width: auto;
    }
    .the-panini-dna-box{
        padding-top: 40px;
    }
    .pricing .round-shape3 {
        top: 310px;
        right: -100px;
    }
    .pricing .round-shape5 {
        top: 225px;
        right: 20px;
    }
    .hero-area .right-img {
        padding: 0px 70px;
    }
    .blog .blog-box .blog-images img{
        width: 100%;
    }

    .blog-aside .categori .title,
    .blog-aside .recent-post-widget .title,
    .blog-aside .archives .title,
    .blog-aside .tags .title,
    .blog-details .blog-aside .categori .title,
    .blog-details .blog-aside .recent-post-widget .title,
    .blog-details .blog-aside .archives .title,
    .blog-details .blog-aside .tags .title
     {
        font-size: 20px;
        line-height: 30px;
    }
    .blog-details .blog-content .content .title {
        font-size: 22px;
        line-height: 32px;
    }
    .blog-details .blog-content .content .heading{
        font-size: 16px;
    }
    .blog-details .blog-content .content p {
        font-size: 14px;
    }
    .blog-details .comments .title {
        font-size: 22px;
        line-height: 32px;
    }
    .blog-details .write-comment .title {
        font-size: 20px;
        line-height: 32px;
    }
    .blog-details .blog-content .content .tag-social-link {
        display: flow-root;
    }
    .blog-details .blog-content .content .tag-social-link .social-links{
        margin-top: 10px;
    }
    .breadcrumb-area .title {
        font-size: 30px;
        line-height: 40px;
    }
    /* for Index 2 */
    .index2  .shapecircle{
       display: none;
      }
      .index2 .hero-area .bgimg {
        width: 300%;
        max-width: 300%;
    }
    .our-team {
        padding: 65px 0 0px;
    }
    .info-about-us-page{
        padding: 0 15px;
    }
    .info-about-us-page .dreamer-name{
        text-align: center;
    }
    .info.our-story .our-solution-title {
        width: auto;
        height: auto;
        text-align: center;
    }
    .paanini-dna-description {
        width: auto;
        height: auto;
    }
    .line,.line2,.line3,.line4{
        display: none;
    }
    .about .col-xl-6.d-flex.align-self-center.tobring{
    padding-top: 0px;
    }
    .about .col-xl-6.d-flex.align-self-center.when_great{
    padding-top: 0px;
    }
    .carousel.slide.case-study-slide .blog-box {
        margin: 0 !important;
        border: 1px solid #e5e9f4;
        box-shadow: unset;
    }
    .single-case_study-page .section-title p {
    text-align: center;
}
    footer.footer .footer-info-area .col-md-6.col-lg-6.float-left.footer-landscape-first .use-full-link-widget ul li{
        width: auto;
        display: inline-block;;
     }
      footer.footer .footer-info-area .col-md-6.col-lg-6.float-left.footer-landscape-second .use-full-link-widget ul li{
        width: auto;
            margin: 0px;
        }
.copy-bg a{
    padding: 0px 7px;
}
.hero-area .left-content .content .blog-date .read-more {
    float: left;
    width: 100%;
}
    .info.our-solution.quick-links-right{
        width: 100%;
            margin-left: 0px;
    }    

}

@media only screen and (max-width: 500px) {
    .hero-area .right-img {
        padding: 0px 50px;
    }
    .breadcrumb-area .right-img{
        display: none;
    }
    .index2 .hero-area .bgimg {
        width: 300%;
        max-width: 300%;
    }
   .about .col-xl-6.d-flex.align-self-center.tobring{
    padding-top: 0px;
    }
    .about .col-xl-6.d-flex.align-self-center.when_great{
    padding-top: 0px;
    }
    .we-have-info-title{
    width: 100% !important;
}
      .homepage.search-icon{
        right: 10% !important;
    }   
}

@media only screen and (max-width: 450px) {
    .pricing .round-shape5{
        display: none;
    }
    .faq .accordion .panel-title {
        font-size: 16px;
    }
    .get-intuch .content .title {
        font-size: 24px;
        line-height: 34px;
    }
    .about .col-xl-6.d-flex.align-self-center.tobring{
    padding-top: 0px;
    }
    .about .col-xl-6.d-flex.align-self-center.when_great{
    padding-top: 0px;
    }
      .homepage.search-icon{
        right: 10% !important;
    }   


}


/* mobile tablet layout 414px */
@media only screen and (max-width: 414px) {
	.hero-area .left-content .content .title {
	font-size: 26px;
	line-height: 30px;
	width: 100%;
	height: 100%;
	padding: 0px;
	margin: 10px 0px 15px 0px;
	}
    .jiffy-rpa-right-test{
       padding-top: 55px 
    }
    .home-page-box.no-padding.explore_our{
    width: 100%;
    display: inline-block;
    text-align: center;
    }
		.img-fluid.full-img{
		height:auto;
	}
	.hero-area .right-img {
    padding: 0px 0px;
    margin-bottom: 10px;
    margin-top: 35px;
}
	.about-us-paragraph {
	max-width: 388px;
	min-height: 88px;
	font-family: Montserrat;
	}
	.info-about-us{
        margin-left: 0;
        padding: 0 15px;
	}
	.jiffy-about-us-senteace{
	width:100%;
	}
	.section-title{
	margin-bottom: 0px;
	}
    .section-title .title {
        font-size: 25px;
        line-height: 35px;
    }
    .shape {
        width: 200px !important;
    }
    .about .info .info-title {
    font-size: 26px;
    line-height: 36px;
    margin-bottom: 33px;
    width: 100%;
	    text-align: center;
    }
    .about .box .inner-box .title {
        font-size: 18px;
    }
    .counter-area .fun-box .icon {
        font-size: 40px;
    }
    .counter-area .fun-box .counter-wrapper .counter {
        font-size: 24px;
        line-height: 34px;
    }
    .counter-area .fun-box .counter-wrapper .math {
        font-size: 24px;
        line-height: 34px;
    }
    .counter-area .fun-box .categori {
        font-size: 16px;
        line-height: 26px;
    }
    .about .box .inner-box .icon,
    .service .service-box .icon
    {
        width: 80px;
        height: 80px;
        line-height: 80px;
        font-size: 40px;
    }
    .service .service-box .icon i {
        font-size: 40px;
    }
    .service .service-box .details .title {
        font-size: 18px;
        line-height: 28px;
    }
    .video-play-btn {
        width: 60px;
        height: 60px;
        line-height: 60px;
        font-size: 20px;
    }
    .video-play-btn::before {
        width: 70px;
        height: 70px;
    }
    .team .round-shape3 {
        top: 89%;
        left: -67px;
        z-index: -9;
    }
    .get-intuch .round-shape1 {
        width: 380px;
    }
    .get-intuch .round-shape2 {
        width: 380px;
    }
    .blog .blog-slider .blog-box .blog-details .blog-title {
        font-size: 18px;
        line-height: 28px;
    }
    .footer .footer-widget .title {
        font-size: 18px;
    }
    .contact .round-shape4{
        display: none;
    }
    .faq .round-shape3 {
        left: -94px;
    }
    .pricing .price-box .price-rate {
        width: 80px;
        height: 80px;
    }
    .hero-area .right-img {
        padding: 15px;
        margin-top: 5px;
    }
    .blog-section .img-fluid.full-img {  
        width: auto;
    }
    footer.footer .footer-info-area .col-md-6.col-lg-6.float-left.footer-landscape-first .link-list p.address{
        width: 256px;
}
.blog.blog-page.about {
    padding: 65px 0px 150px !important;
}
    .contact .info-contact li .info-box {
        display: flow-root;
        text-align: center;
    }
    .contact .info-contact li .info-box .left .icon {
        top: auto;
        transform: inherit;
        display: inline-block;
    }
    .contact .info-contact li .info-box .right{
        display: flow-root;
    }
    .contact .info-contact li .info-box .left {
        margin-right: 0px;
    }
    .video .video-wrapper .video-box {
        padding: 150px 0px 150px;
    }
    .mybtn1 {
        padding: 12px 25px;
    }

   .about .col-xl-6.d-flex.align-self-center {
    align-items: normal;
    display: block !important;
}
.about-us-img{
	width:100%;
}
.automation-sol-head {
    position: relative;
    top: 0;
    width: 100%;
    background: #fff;
    padding: 60px 12px;
}
    section#video video{
        display: none;
    }
.carousel{
	width:100%;
	    margin-top: 20px;
}
.we-have-info-title{
width:100%;	   
 font-size: 25px;
     height: 84px
}
.we-have-info-description{
	    width: 100%;
}
.industry-section.info-about-us li {
    margin: 20px 10px;
}
.brand-slider .owl-item{
	margin-right: 30px !important;
}
.footer .footer-info-area .footer-logo img{
	    padding: 0px 10px;
            max-width: 100%;
}
.no-container{
        margin: 0 20px;
}
.footer .link-list p.address{
	    width: 235px;
}
.footer-widget.instagram-feed-widget {
    margin-top: 40px;
}
.footer-widget.use-full-link-widget {
    margin-top: 18px;
    padding: 5px 15px;
}
.product-feed-list .product-image{
    width: 245px;
    height: auto;
    margin-right: 25px;
    margin-left: 0px;
    padding: 3px;
    margin: 10px 0px;
}
.Products-Copy{
	    top: 432px;
		position:absolute;
}
.footer .copy-bg {
    margin-top: 10px;
}
#carouselExampleIndicators .carousel-item .client .tesimonial-name,#carouselExampleIndicators .client .tesimonial-description{
	   padding: 27px 10px 10px 10px;
    width: 100%;
}
#carouselExampleIndicators .client .tesimonial-words{
	    padding: 0px 17px;
    width: 100%;
	
}
.workflowgraphicssection.jiffyrpa-page-flow {
	    width: 100%;
		    display: block !important;
}
.workflowgraphicssection.jiffyrpa-page-flow .graphics-start{
	    width: 100%;
    height: 100%;
    float: left;
	    padding: 25px;
}
.workflowgraphicssection.jiffyrpa-page-flow .graphics-center{
height: 100%;
    width: 85%;
    text-align: center;
    display: inline-block;
    margin: 5px 25px;
}
.workflowgraphicssection.jiffyrpa-page-flow .graphics-end{
			    width: 100%;
    height: auto;
    float: left;
	    padding: 25px;
        padding-top: 35px;
}
.workflowgraphicssection.jiffyrpa-page-flow .graphics-start .top-document{
	    float: left;
    width: 97%;
    border-right: 1px solid #f0d268;
    position: relative;
}
.workflowgraphicssection.jiffyrpa-page-flow .graphics-end-box-1::before{
    position: absolute !important;
    top: -9px !important;
    width: 1px !important;
    height: 31px !important;
    background-color: #f0d268;
    left: 39px !important;
}
.workflowgraphicssection.jiffyrpa-page-flow .graphics-end-box-1::after{
position: absolute !important;
    top: calc(9% - 5px) !important;
    left: 35px !important;
    width: 10px !important;
    height: 10px !important;
}
.workflowgraphicssection.jiffyrpa-page-flow .graphics-end{
	left:0px !important;
}
.jiffytest-page-flow.workflowgraphicssection {
	    width: 100%;
    display: block !important;
    float: left;
}
.jiffytest-page-flow.workflowgraphicssection .graphics-start{
	width: 100%;
    float: left;
	padding: 10px 25px;
}
.jiffytest-page-flow.workflowgraphicssection .graphics-center{
    width: calc(100% - 20px);
    float: left;
    text-align: center;
    margin: 10px 10px;
}
.jiffytest-page-flow.workflowgraphicssection .graphics-end{
	    width: 100%;
    float: left;
	padding: 10px 25px;
}
.jiffy-test-page.workflowgraphicssection .graphics-start-box-1::after{
content: '';
    position: absolute !important;
    top: calc(60% - 5px)!important;
    left: 176px!important;
    width: 10px!important;
    height: 10px !important ;
    background-color: #f0d268 !important ;
    border-radius: 50% !important ;
}
.jiffy-test-page.workflowgraphicssection .graphics-start-box-1::before {
content: '' !important ;
    position: absolute !important ;
    top: calc(100% - 34px) !important;
    width: 1px !important ;
    height: 34px !important ;
    background-color: #f0d268 !important ;
    left: 180px !important ;
}
.jiffy-test-page.workflowgraphicssection .graphics-end-box-1::after {
    content: '' !important ;
    position: absolute !important ;
    top: calc(-14% - 5px) !important ;
    left: 35px !important ;
    width: 10px !important ;
    height: 10px !important ;
    background-color: #f0d268 !important ;
    border-radius: 50% !important ;
}
.jiffy-test-page.workflowgraphicssection .graphics-end-box-1::before {
    content: '' !important ;
    position: absolute !important ;
    top: calc(-18% - 0px) !important ;
    width: 1px !important ;
    height: 34px !important ;
    background-color: #f0d268 !important ;
    left: 40px !important;;
}
.request-demo-input{
	    width: 85% !important;
}
.request-demo-input{
	    width: 85% !important;
		    float: left;
}
.solution-play-jiffy-test{
	    margin: 0px 6px !important;;
}
.tooltip-c {
    margin-top: 15px;
}
.about .col-xl-6.d-flex.align-self-center.tobring{
    padding-top: 0px;
    }
    .about .col-xl-6.d-flex.align-self-center.when_great{
    padding-top: 0px;
    }
        .our-sol-rectangle{
        width: 180px;    margin: 20px;
}
}

/* mobile tablet layout 375px */

@media only screen and (max-width: 375px) {
    .our-sol-rectangle {
        margin: 5px;
        width: 162px;
    }
    .footer-bottom-list {
        text-align: center;
    }
    .copy-bg p{
        text-align: center;
    }
    .we-have-info-title {
        width: auto;
        text-align: center;
    }
    .about .col-xl-6.d-flex.align-self-center.tobring{
    padding-top: 0px;
    }
    .about .col-xl-6.d-flex.align-self-center.when_great{
    padding-top: 0px;
    }
    .our-sol-rectangle{
         width: 225px;
    margin: 15px 45px;
    max-width: 100%;
}
.home-page-box .our-sol-rectangle .title{
    font-size: 13px !important;
}
    .tabcontent{
    margin-left: 25px;
}
      .homepage.search-icon{
        right: 10% !important;
    }   
}

/* mobile tablet layout 360px */

@media only screen and (max-width: 360px) {
    .homepage.search-icon{
        right: 10% !important;
    }    
.hero-area .left-content .content .title {
    font-size: 26px;
    line-height: 36px;
    width: 100%;
    height: 100%;
    padding: 0px;
    margin: 10px 0px 15px 0px;
	}
	.img-fluid.full-img{
		height:auto;
	}
	.hero-area .right-img {
    padding: 0px 0px;
    margin-bottom: 10px;
    margin-top: 35px;
}
	.about-us-paragraph {
	max-width: 388px;
	min-height: 88px;
	font-family: Montserrat;
	width: 100%;
	    text-align: center;
	}
	.info-about-us{
	margin-left:10px;
	}
	.jiffy-about-us-senteace{
	width:100%;
	}
	.section-title{
	margin-bottom: 0px;
	}
    .counter-area .col-6{
        flex: 100%;
        max-width: 100%;
    }
    .contact .info-box{
        text-align: center;
    }
    .contact .info-box .left {
        position: inherit;
        -webkit-transform: inherit;
        transform: inherit;
        display: block;
        left: 0px;
        margin-bottom: 24px;
    }
    .contact .info-box .right {
        padding-left: 0px;
        padding-top: 0px;
    }
    .testimonial-area .testimonial-slider .client {
        margin: 80px 10px 80px;
    }
    .blog-aside .recent-post-widget .post-list li .post {
        display: flow-root;
    }
    .blog-aside .recent-post-widget .post-list li .post .post-details{
        margin-top: 10px;
    }
    .blog-details .comments .comment-box-area li .comment-box .left .img{
        position: relative;
        display: inline-block;
        margin-bottom: 14px;
    }
    .blog-details .comments .comment-box-area li .comment-box .right{
        margin-left: 0px;
    }
    .blog-details .comments .comment-box-area li .comment-box .left{
        text-align: left;
    }
    .blog-details .comments .comment-box-area li .comment-box .left .replay{
        display: block;
    }
    .blog-details .comments .comment-box-area li .comment-box .right{
        margin-top: 22px;
    }
.mybtn1 {
    padding: 12px 20px;
}
.about .col-xl-6.d-flex.align-self-center {
    align-items: normal;
    display: block !important;
}
.about-us-img{
	width:100%;
}
.automation-sol-head {
    position: relative;
    top: 0;
    width: 100%;
    background: #fff;
    padding: 60px 12px;
}
    section#video video{
        display: none;
    }
.our-solution-title{
width: 100%;
    font-size: 26px;
    line-height: 36px;
    text-align: center;
    height: auto !important;
}
.our-sol-rectangle{
	    width: 90%;    margin: 5px;
}
.info.our-solution p{
	width:100%;
	    text-align: center;
}
.info.our-solution div.links{
	text-align: center;
}
.carousel{
	width:100%;
	    margin-top: 20px;
}
.carousel.slide.case-study-slide {
    width: 100% !important;
    margin-bottom: 50px;
}
#case-study-slide .carousel-indicators {
    bottom: 0;

}
.we-have-info-title{
width:100%;	   
 font-size: 25px;
     height: 84px;
	 text-align: center;
}
.we-have-info-description{
	    width: 100%;
		text-align: center;
    margin-bottom: 25px;
}
.industry-section.info-about-us li {
    margin: 20px 10px;
}
.brand-slider .owl-item{
	margin-right: 30px !important;
}
.footer .footer-info-area .footer-logo img{
	 padding: 0px;
    max-width: 170px;
    width: 280px;
}
.footer .footer-info-area .footer-logo{
        text-align: left;
    margin-bottom: 0px;
    padding-left: 5px;
}
.footer .link-list p.address{
	    width: 235px;
}
footer.footer .footer-info-area .col-md-6.col-lg-6.float-left.footer-landscape-first .link-list p.address{
        width: 256px;
}
.footer-widget.instagram-feed-widget {
    margin-top: 40px;
}
.footer-widget.use-full-link-widget {
       margin-top: 5px;
    padding: 5px 5px;
}
.product-feed-list .product-image{
    width: 245px;
    height: auto;
    margin-right: 25px;
    margin-left: 0px;
    padding: 3px;
    margin: 10px 0px;
}
.Products-Copy{
	    top: 405px;
		position:absolute;
		    left: 30px
}
.footer-solution{
	    padding: 0;
}
.footer .copy-bg {
    margin-top: 10px;
}
.footer-bottom-list{
	 text-align: center;
}
.fotter-social-links {
    text-align: center;
	    margin-top: 15px;
}
.hero-area .left-content .content .subtitle.about-uspage-subtitle{
	    width: 100%;
}
.about-us-page-secd-section .mission-icon{
text-align: center;
}
.Mission{
	width:100%;
	text-align:center;
}
.about.page-aboutus .info .info-title{
	width:100%;
	    text-align: center;
}
.about .info{
	margin-bottom:10px;
}
.page-aboutus .right-side-second{
		    margin-left: 0px;
    width: 100%;
}
.page-about-bottom .info{
	text-align:center;
	
}
.info-about-us-box{
	text-align:center;
}
.info-about-us-box div p{
	    width: 100%;
    padding: 10px;
}
.social-dna.pricing .section-title .social-dna-description{
	width:100%;
}
.info.our-story .our-solution-title{
	      width: 100%;
    min-height: 144px;
}
.paanini-dna-description{
	    text-align: center;
		    min-height: 340px;
			width: 100%;
	    padding-top: 25px;
    height: 100%;
}
.line, .line2, .line3, .line4{
	display:none;
}
.the-panini-dna-box .our-sol-rectangle{
	    width: 150px;
}
.ourteam-feed-list li .team-photo,.ourteam-feed-list li img{
	width: 250px
}
.pricing.investors-and-Adviso .Paaninis-committed p{
	    width: 100%;
    text-align: center;
	    margin: 10px 0px;
}
.page-about-bottom{
	    padding-top: 40px;
}
.about-us-page .info.our-story{
	    text-align: center;
}
#carouselExampleIndicators .carousel-item .client .tesimonial-name,#carouselExampleIndicators .client .tesimonial-description{
	   padding: 27px 10px 10px 10px;
    width: 100%;
}
#carouselExampleIndicators .client .tesimonial-words{
	    padding: 0px 17px;
    width: 100%;
	
}
.carousel-item-next, .carousel-item-prev, .carousel-item.active{
	    height: 100%;
}
.we-have-info-title{
	    width: 100% !important;;
}
.workflowgraphicssection.jiffyrpa-page-flow {
	    width: 100%;
		    display: block !important;
}
.workflowgraphicssection.jiffyrpa-page-flow .graphics-start{
	    width: 100%;
    height: 100%;
    float: left;
	    padding: 25px;
}
.workflowgraphicssection.jiffyrpa-page-flow .graphics-center{
height: 100%;
    width: 85%;
    text-align: center;
    display: inline-block;
    margin: 5px 25px;
}
.workflowgraphicssection.jiffyrpa-page-flow .graphics-end{
			    width: 100%;
        height: auto;
    float: left;
	    padding: 25px;
}
.workflowgraphicssection.jiffyrpa-page-flow .graphics-start .top-document{
	    float: left;
    width: 97%;
    border-right: 1px solid #f0d268;
}
.workflowgraphicssection.jiffyrpa-page-flow .graphics-end-box-1::before{
    position: absolute !important;
    top: -9px !important;
    width: 1px !important;
    height: 31px !important;
    background-color: #f0d268;
    left: 40px !important;
}
.workflowgraphicssection.jiffyrpa-page-flow .graphics-end-box-1::after{
position: absolute !important;
    top: 11px !important;
    left: 35px !important;
    width: 10px !important;
    height: 10px !important;
}
.workflowgraphicssection.jiffyrpa-page-flow .graphics-end{
	left:0px !important;
}
.jiffytest-page-flow.workflowgraphicssection {
	    width: 100%;
    display: block !important;
    float: left;
}
.jiffytest-page-flow.workflowgraphicssection .graphics-start{
	width: 100%;
    float: left;
	padding: 10px 25px;
}
.jiffytest-page-flow.workflowgraphicssection .graphics-center{
    width: 90%;
    float: left;
    text-align: center;
    margin: 0px 20px;
}
.jiffytest-page-flow.workflowgraphicssection .graphics-end{
	    width: 100%;
    float: left;
	padding: 10px 25px;
}
.jiffy-test-page.workflowgraphicssection .graphics-start-box-1::after{
content: '';
    position: absolute !important;
    top: calc(60% - 5px)!important;
    left: 176px!important;
    width: 10px!important;
    height: 10px !important ;
    background-color: #f0d268 !important ;
    border-radius: 50% !important ;
}
.jiffy-test-page.workflowgraphicssection .graphics-start-box-1::before {
content: '' !important ;
    position: absolute !important ;
    top: calc(26% - 0px) !important ;
    width: 1px !important ;
    height: 34px !important ;
    background-color: #f0d268 !important ;
    left: 180px !important ;
}
.jiffy-test-page.workflowgraphicssection .graphics-end-box-1::after {
    content: '' !important ;
    position: absolute !important ;
    top: calc(-14% - 5px) !important ;
    left: 35px !important ;
    width: 10px !important ;
    height: 10px !important ;
    background-color: #f0d268 !important ;
    border-radius: 50% !important ;
}
.jiffy-test-page.workflowgraphicssection .graphics-end-box-1::before {
    content: '' !important ;
    position: absolute !important ;
    top: calc(-18% - 0px) !important ;
    width: 1px !important ;
    height: 34px !important ;
    background-color: #f0d268 !important ;
    left: 40px !important;;
}
.request-demo-input{
	    width: 85% !important;
		    float: left;
}
.home-page-box.explore_our {
    margin: auto;
}
.solution-play-jiffy-test:first-child {
    padding-top: 20px;
}
.solution-play-jiffy-test{
	margin: 0 !important;
}
.about .col-xl-6.d-flex.align-self-center.tobring{
    padding-top: 0px;
    }
    .about .col-xl-6.d-flex.align-self-center.when_great{
    padding-top: 0px;
    }
        .hero-area {
    padding: 100px 0px 50px;
        min-height: 680px;
    }
        .hero-area .right-img {
    margin-top: 0px;
    padding: 0px 15px;
    text-align: center;
}

}

/* mobile tablet layout 320px */

@media only screen and (max-width: 330px) {
    .mybtn1 {
        font-size: 10px;
    }
    .our-sol-rectangle{
        width: 142px;
    }
    .the-panini-dna-box .our-sol-rectangle {
    width: 130px;
}
}