/* laptop/desktop 1200px */

@media (min-width: 1200px) and (max-width: 1500px) {
    .responsive-navigation{
        display: none;
    }

}


/* normal desktop */

@media (min-width: 992px) and (max-width: 1200px) {
    .mean-container .mean-nav ul li.hamburger{
        display: none;
    }
    .section-title h2{
        font-size: 28px;
    }
    .hero {
        padding: 200px 0 50px;
    }
    .hero-content h1{
        font-size: 40px;
    }
    .hero-content p{
        padding: 0;
    }
    .feature{
        margin: 50px 0;
    }
    .showcase{
        padding: 50px 0;
        background: none;
    }
    .single-showcase h5{
        font-size: 18px;
    }
    .showcase .section-title{
        margin-bottom: 65px;
    }
    .md-full{
        width: 100%;
    }
    .md-none{
        display: none;
    }
    .showcase{
        display: none;
    }
    .showcase .mt-17{
        margin-top: 0;
    }
    .showcase .mt-30{
        margin-top: 0;
    }
    .video{
        display: none;
    }
    .pulse{
        display: none;
    }
    .tabs-wrapper button {
        font-size: 13px;
        margin-right: 15px;
    }
    .case-studies .section-title p {
        padding-right: 25%;
    }
    .case-studies {
        padding: 50px 0;
    }
    .testimonial {
        margin: 50px 0;
    }
    .testi-img img{
        width: 100%;
        border-radius: 15px;
    }
    .price-btn {
        padding: 17px 50px;
    }
    .pricing{
        padding: 50px 0;
    }
    .single-price .price-list ul li p{
        font-size: 14px;
    }
    .counter,.brands, .blogs{
        padding: 50px 0;
    }
    .single-counter p {
        font-size: 13px;
    }
    .contacts{
        margin: 50px 0;
    }
    .contacts form input {
        width: 274px;
    }
    .contacts form textarea {
        width: 596px;
    }
    .contacts .contact-info ul li {
        margin-left: 0;
    }
    .blog-content p:last-child{
        display: none;
    }
    .newsletter{
        margin: 50px 0;
    }
    .newsletter form input {
        width: 95%;
    }
    .footer-links ul li a {
        font-size: 13px;
    }
    .site-logo{
        margin-top: 35px;
    }
    .mean-nav{
        margin-bottom: 15px;
    }
    .mean-nav li.button{
        display: none;
    }
    .mean-bar{
        top: 15px;
    }

    /*************** 
        inner page 
    ****************/
    .hero-area{
        padding: 120px 0;
    }
    .inner-hero-text h2{
        font-size: 30px;
    }
    .inner-hero-text span a {
        font-size: 12px;
    }

     /*************** 
        Service Details page 
    ****************/
    .service-details {
        padding: 50px 0;
    }
    .responsive-none{
        display: none;
    }
    .service-details .service-list-wrapper .list p{
        font-size: 14px;
    }
    .responsive-top-nopadding{
        margin-top: 0;
    }

    /* Portfolio Details */
    .portfolio-meta-wrapper{
        display: none;
    }

    /*************** 
       Team Page
    ****************/
    .home-4-team.inner-team{
        padding: 0 0 18px 0;
    }
    .inner-team-row .inner-single-team img{
        width: 100%;
    }
    .inner-team .inner-team-row .inner-team-hover {
        bottom: 0;
        width: 88%;
    }
    .inner-team .inner-team-row .h-353 {
        height: 283px;
    }

    /* home page 2 */
    /* Header */
    .home-two-header .user-cta{
        display: none;
    }

    /* Home- two- hero */
    .home-two-hero .right-img{
        display: none;
    }
    .home-two-hero .relative-div {
        top: 6%;
    }
    .home-two-hero .hero-text-content .left-img{
        display: none;
    }
    /* home- 2 charts */
    .help-chart img{
        width: 100%;
    }
    /* home-2 wokflow */
    .home-two-workflow .single-workflow h4{
        font-size: 17px;
    }
    /* home-two how it works */
    .single-badge.two {
        margin-left: 0;
    }

    /* home-3 -header */
    .home-3-hero-img img{
        width: 100%;
    }
    .home-3-hero .slide-up {
        margin-top: -22%;
    }

    /* home- 3 charts */
    .chart-left span, .chart-right span {
        font-size: 14px;
    }
    .charts-wrapper h4 {
        font-size: 35px;
    }
    .home-3-faq .charts-wrapper p {
        padding-right: 0;
    }
    /* home-3-testimonial */
    .home-3-news-wrapper form input{
        width: 450px;
    }

    
    /* home-4 hero */
    .home-4-sec-title h2 {
        font-size: 44px;
    }
    .home-4-sec-title {
        margin-bottom: 45px;
    }
    .home-4-hero .hero-txt-wrapper h1{
        font-size: 70px;
    }
    .home-4-hero .hero-txt-wrapper span{
        font-size: 70px;
    }

    /* home- 4 case */
    .single-case-4 .sm-hover-state{
        width: 200px;
        padding: 7px 30px;
        border-bottom-left-radius: 7px;
    }
    .single-case-4 .sm-hover-state h5{
        font-size: 14px;
    }
    .single-case-4 .sm-hover-state a{
        font-size: 12px;
    }

    .top-heading{
        margin-bottom: 0;
    }

    .home-4-testi{
        margin-bottom: 0;
    }
    
    .home-4-team{
        padding-bottom: 0;
    }
    .home-4-blog-content a{
        font-size: 20px;
    }
    .home-4-team-slider .team-hover{
        width: 82%;
    }


 
    
}


/* tablet */

@media (min-width: 768px) and (max-width: 991px) {
    .mean-container .mean-nav ul li.hamburger{
        display: none;
    }
    .section-title h2{
        font-size: 28px;
    }
    .hero {
        padding: 200px 0 50px;
    }
    .hero-content h1{
        font-size: 40px;
    }
    .hero-content p{
        padding: 0;
    }
    .feature{
        margin: 50px 0;
    }
    .responsive-bottom{
        margin-bottom: 51px;
    }
    .showcase{
        display: none;
    }

    .md-full{
        width: 100%;
    }
    .md-none{
        display: none;
    }

    .video{
        display: none;
    }
    .pulse{
        display: none;
    }

    .case-studies .section-title{
        text-align: center;
        margin-bottom: 65px;
    }
    .case-studies .section-title p{
        padding: 0 120px;
    }
    .tabs-wrapper button {
        font-size: 13px;
        margin-right: 15px;
    }
    .case-studies {
        padding: 50px 0;
    }
    .responsive-flex{
        display: flex;
        justify-content: center;
    }
    .testimonial {
        margin: 50px 0;
    }
    .testi-img{
        margin-bottom: 65px;
    }
    .testi-img img{
        width: 100%;
        border-radius: 15px;
    }
    .price-btn {
        padding: 17px 50px;
    }
    .pricing{
        padding: 50px 0;
    }
    .single-price .price-list ul li p{
        font-size: 14px;
    }
    .counter .section-title{
        text-align: center;
        margin-bottom: 65px;
    }
    .counter,.brands, .blogs{
        padding: 50px 0;
    }
    .single-counter p {
        font-size: 13px;
    }
    .counter .end-justify{
        display: flex;
        justify-content: center;
    }
    .contacts{
        margin: 50px 0;
    }
    .contacts form input {
        width: 100%;
        margin-bottom: 30px;
    }
    .contacts form textarea {
        width: 100%;
    }
    .contacts .contact-info ul li {
        margin-left: 0;
    }
    .blog-content p:last-child{
        display: none;
    }
    .responsive-bottom-30{
        margin-bottom: 30px;
    }
    .newsletter .section-title{
        text-align: center;
        margin-bottom: 65px;
    }
    .newsletter{
        margin: 50px 0;
    }
    .newsletter form input {
        width: 95%;
    }
    .footer-links ul li a {
        font-size: 13px;
    }
    .site-logo{
        margin-top: 35px;
    }
    .mean-nav{
        margin-bottom: 15px;
    }
    .mean-nav li.button{
        display: none;
    }
    .mean-bar{
        top: 15px;
    }

    /*************** 
        inner page 
    ****************/
    .hero-area{
        padding: 120px 0;
    }
    .inner-hero-text h2{
        font-size: 30px;
    }
    .inner-hero-text span a {
        font-size: 12px;
    }

    /*************** 
       Team Page
    ****************/
    .home-4-team.inner-team{
        padding: 0 0 18px 0;
    }
    .inner-team-row .inner-single-team img{
        width: 100%;
    }
    .inner-team .inner-team-row .inner-team-hover {
        bottom: 35px;
        width: 92%; 
    }
    .inner-team .inner-team-row .h-353 {
        height: 100%;
    }

    /*************** 
        Service Details page 
    ****************/
    .service-details {
        padding: 50px 0;
    }
    .responsive-none{
        display: none;
    }
    .service-details .service-list-wrapper .list p{
        font-size: 14px;
    }
    .responsive-top-nopadding{
        margin-top: 0;
    }
    /* Portfolio Details */
    .portfolio-meta-wrapper{
        display: none;
    }
    /* Privacy policy page */
    .policy-page h2, .terms-page h2, .terms-list-wrapper{
        padding-left: 0;
    }
    .p-l-r p {
        padding-right: 0;
    }
    .para-wrapper{
        padding-left: 0;
    }

    /* home page 2 */
    /* Header */
    .home-two-header .user-cta{
        display: none;
    }

    /* Home- two- hero */
    .home-two-hero .right-img{
        display: none;
    }
    .home-two-hero .relative-div {
        display: none;
    }
    .home-two-hero .hero-text-content .left-img{
        display: none;
    }
    /* home- 2 charts */
    .help-chart img{
        width: 100%;
    }
    /* home-2 wokflow */
    .home-two-workflow .single-workflow h4{
        font-size: 17px;
    }
    /* home-two how it works */
    .how-works-content{
        margin-bottom: 30px;
    }
    .single-badge.two {
        margin-left: 0;
    }
    .works-badges img{
        display: none;
    }

    /* home-two newsletter */
    .home-two-news .section-title{
        margin-bottom: 30px;
    }
    .home-two-news .fl-end {
        display: flex;
        justify-content: center;
    }
    .news-wrapper .home-two-cta {
        right: 17%;
    }

    /* home- 3 topbar */
    .home-3-topbar{
        display: none;
    }

     /* home-3 -header */
     .home-3-hero-img img{
        width: 100%;
    }
    .home-3-hero .slide-up {
        margin-top: 60px;
    }
    .home-3-hero-content .shield {
        right: 72%;
        top: 45%;
    }
    .home-3-hero-img{
        display: none;
    }
    .hero-side-content {
        border-left: none;
        padding: 0;
    }
    .home-3-hero .pl-none {
        padding-left: 15px;
        margin-top: 60px
    }

    /* Home- 3 about */
    .home-3-abt-content h3 {
        font-size: 36px;
    }

    /* Home 3 service */
    .home-3-service{
        padding: 0;
    }
    .home-3-service .responsive-bottom-60{
        margin-bottom: 60px;
    }
    .home-3-service-content p {
        padding-left: 20px;
    }

    /* home- 3 charts */
    .chart-left span, .chart-right span {
        font-size: 14px;
    }
    .charts-wrapper{
        display: none;
    }
    .charts-wrapper h4 {
        font-size: 35px;
    }
    .home-3-charts {
        margin: 50px 0;
    }
    .home-3-faq .charts-wrapper p {
        padding-right: 0;
    }

    .home-3-testimonial {
        margin-bottom: 50px;
    }
    /* home-3-testimonial */
    .home-3-news-wrapper form input{
        width: 600px;
    }
    .home-3-news .news-wrapper .home-3-btn {
        position: absolute;
        right: 11%;
        bottom: 12%;
    }

    /* home-4 hero */
    .home-4-sec-title h2 {
        font-size: 44px;
    }
    .home-4-sec-title {
        margin-bottom: 45px;
    }
    .home-4-hero .hero-txt-wrapper h1{
        font-size: 55px;
    }
    .home-4-hero .hero-txt-wrapper h1 span{
        font-size: 55px;
    }
    .home-4-hero .hero-txt-wrapper .hero-txt-bottom p{
        font-size: 16px
    }
    .home-4-hero .hero-txt-wrapper .hero-txt-bottom{
        justify-content: start;
    }
    .home-4-hero .hero-txt-wrapper .hero-txt-bottom p{
        margin-left: 20px;
    }

    .show-img{
        display: none;
    }

    .home-4-awards .responsive-bottom-60{
        margin-bottom: 60px;
    }


    .top-heading{
        margin-bottom: 0;
    }

    .home-4-testi{
        margin-bottom: 0;
    }
    
    .home-4-team{
        padding-bottom: 0;
    }
    .home-4-blog-content a{
        font-size: 20px;
    }
    .home-4-team-slider .team-hover{
        width: 72%;
    }
 
    
}

/* small screen */
@media only screen and (min-width: 100px) and (max-width: 320px){
    body p{
        font-size: 14px;
    }
    .button {
        padding: 12px 28px;
    }
    .button a{
        font-size: 14px;
    }
    .mean-container .mean-nav ul li.hamburger{
        display: none;
    }
    .section-title h5{
        font-size: 12px;
    }
    .section-title h2{
        font-size: 20px;
    }
    .hero {
        padding: 200px 0 50px;
    }
    .hero-content h1{
        font-size: 25px;
    }
    .hero-content h1 span::before{
        display: none;
    }
    .hero-content p{
        padding: 0;
    }
    .feature{
        margin: 50px 0;
    }
    .responsive-bottom{
        margin-bottom: 51px;
    }
    .showcase{
        display: none;
    }

    .md-full{
        width: 100%;
    }
    .md-none{
        display: none;
    }

    .video{
        display: none;
    }
    .pulse{
        display: none;
    }

    .case-studies .section-title{
        text-align: center;
        margin-bottom: 65px;
    }
    
    .case-studies .section-title p{
        padding: 0;
    }
    .tabs-wrapper button {
        font-size: 13px;
        margin-right: 15px;
    }
    .case-studies {
        padding: 50px 0;
    }
    .responsive-flex{
        display: flex;
        justify-content: center;
    }
    .testimonial {
        margin: 50px 0;
    }
    .testi-img{
        margin-bottom: 65px;
    }
    .testi-img img{
        width: 100%;
        border-radius: 15px;
    }
    .price-btn {
        padding: 17px 50px;
    }
    .pricing{
        padding: 50px 0;
    }
    .counter{
        display: none;
    }
    
    .contacts{
        margin: 50px 0;
    }
    .contacts form input {
        width: 100%;
        margin-bottom: 30px;
    }
    .contacts form textarea {
        width: 100%;
    }
    .contacts .contact-info ul li {
        margin-left: 0;
    }
    .single-blog-right{
        display: block;
    }
    .single-blog-right .blog-content{
        margin-left: 0;
        margin-top: 30px;
    }
    .single-blog-right .case-img img{
        width: 100%;
    }
    .blog-content p:last-child{
        display: none;
    }
    .responsive-bottom-30{
        margin-bottom: 30px;
    }
    .newsletter .section-title{
        text-align: center;
        margin-bottom: 65px;
    }
    .newsletter{
        margin: 50px 0;
    }
    .newsletter form input {
        width: 95%;
    }
    .newsletter form .button {
        right: 11%;
        top: 14%;
    }
    .footer-bottom .responsive-flex{
        justify-content: center;
    }
    .footer-links ul li a {
        font-size: 13px;
    }
    .site-logo{
        margin-top: 35px;
    }
    .mean-nav{
        margin-bottom: 15px;
    }
    .mean-nav li.button{
        display: none;
    }
    .mean-bar{
        top: 15px;
    }
    .site-logo{
        margin-top: 35px;
    }
    .mean-nav{
        margin-bottom: 15px;
    }
    .mean-nav li.button{
        display: none;
    }
    .mean-bar{
        top: 15px;
    }
    .site-logo{
        margin-top: 35px;
    }
    .site-logo img {
        width: inherit;
    }
    .mean-nav{
        margin-bottom: 15px;
    }
    .mean-nav li.button{
        display: none;
    }
    .mean-bar{
        top: 15px;
    }
    .mean-container a.meanmenu-reveal {
        margin-top: -57px;
        margin-right: 15px;
    }
    .case-studies ul .tabs-wrapper{
        display: flex;
        justify-content: center;
        flex-direction: column;
    }
    .case-studies .tabs-wrapper button{
        margin-right: 0;
        margin-top: 12px;
    }
    .testimonial .name h5,
    .testimonial .name p{
        font-size: 14px;
    }
    .testimonial .name p{
        line-height: 120%;
    }
    .price-btn button a{
        font-size: 12px ;
    }
    .newsletter{
        display: none;
    }

    /*************** 
       Team Page
    ****************/
    .home-4-team.inner-team{
        padding: 0 0 18px 0;
        display: block;
    }
    .inner-team-row .inner-single-team img{
        width: 100%;
    }
    .inner-team .inner-team-row .inner-team-hover {
        bottom: 35px;
        width: 92%;
    }
    .inner-team .inner-team-row .h-353 {
        height: 100%;
    }

    /* Blog Details Page */
    .blog-content-wrapper h2 {
        font-size: 21px;
    }
    .bottom-meta {
        display: none;
    }
    .blog-details-quote p{
        font-size: 18px;
        padding: 0;
    }
    .name-meta-info .date{
        display: none;
    }

          /* home page 2 */
    /* Header */
    .home-two-header .user-cta{
        display: none;
    }

    /* Home- two- hero */
    .home-two-hero .right-img{
        display: none;
    }
    .home-two-hero .relative-div {
        display: none;
    }
    .home-two-hero .hero-text-content .left-img{
        display: none;
    }
    .home-two-hero .hero-text-content h1 {
        font-size: 39px;
    }
    .home-two-hero .hero-text-content p {
        padding-right: 0;
    }
    /* home two help */
    .help{
        padding: 50px 0;
    }
    .help-content {
        padding: 70px 13px;
    }

    .help-content h4 {
        font-size: 31px;
    }
    .left-help ul li span, .right-help ul li span {
        font-size: 12px;
    }

    /* home- 2 charts */
    .help-chart img{
        width: 100%;
    }
    /* home-2 wokflow */
    .home-two-workflow{
        padding-top: 0;
    }
    .home-two-workflow .single-workflow h4{
        font-size: 17px;
    }
    /* home-two how it works */
    .how-it-works{
        padding-bottom: 50px;
    }
    .how-works-content{
        margin-bottom: 30px;
    }
    .how-works-content h4 {
        font-size: 28px;
    }
    .single-badge.two {
        margin-left: 0;
    }
    .works-badges img{
        display: none;
    }
    .single-badge {
        padding: 23px 20px;
        width: 296px;
    }
    .works-badges .single-badge h6 {
        font-size: 20px;
        margin-bottom: 5px;
    }
    /* home- two testimonial */
    .home-two-testi {
        padding: 0;
    }
    .home-two-testi .home-two-testi-slider .testi-wrapper p{
        padding: 0;
    }
    .home-two-testi .home-two-testi-slider .testi-wrapper p {
        font-size: 14px;
    }

    /* home-teo contact */
    .home-two-contact .contact-wrapper {
        padding: 35px 10px;
    }
    .home-two-contact {
        margin-bottom: 0;
    }

    /* home-two newsletter */
    .home-two-news{
        display: none;
    }

    /* home- 3 topbar */
    .home-3-topbar{
        display: none;
    }

    /* home-3 -header */
    .home-3-hero-img img{
        width: 100%;
    }
    .home-3-hero-content h1 {
        font-size: 28px;
      }
    .home-3-hero .slide-up {
        margin-top: 60px;
    }
    .home-3-hero-content .shield {
        display: none;
    }
    .home-3-hero-img{
        display: none;
    }
    .hero-side-content {
        border-left: none;
        padding: 0;
    }
    .home-3-hero .pl-none {
        padding-left: 15px;
        margin-top: 60px
    }

    /* Home- 3 about */
    .home-3-about{
        padding: 50px 0;
    }
    .home-3-abt-content h3 {
        font-size: 22px;
    }
    .home-3-abt-content p{
        padding-left: 15px;
    }

    .calc-top {
        padding: 65px 0px;
    }
    .calculator p{
        padding-right: 0;
    }
    .calc-bottom{
        display: none;
    }
    

    /* Home 3 service */
    .home-3-service{
        padding: 0;
    }
    .home-3-service .responsive-bottom-60{
        margin-bottom: 60px;
    }
    .home-3-service-content p {
        padding-left: 20px;
    }

    .home-3-service .home-3-box {
        padding: 46px 19px;
    }

    /* home- 3 charts */
    .chart-left span, .chart-right span {
        font-size: 14px;
    }
    .charts-wrapper{
        display: none;
    }
    .charts-wrapper h4 {
        font-size: 35px;
    }
    .home-3-charts {
        margin: 50px 0;
    }
    .home-3-faq .charts-wrapper p {
        padding-right: 0;
    }

    .home-3-testimonial {
        margin-bottom: 50px;
    }
    /* home-3-testimonial */
    .home-3-testi-wrapper {
        padding: 50px 33px;
    }
    .home-3-testi-wrapper p{
        padding: 0;
        font-size: 14px;
    }
    .home-3-testi-wrapper .client-meta{
        padding: 0;
    }

    /* home -3 faq */
    .home-3-faq {
        padding: 50px 0;
        margin-bottom: 50px;
    }
    .home-3-faq .card .card-header h2 button{
        font-size: 17px;
    }
    .content .card-body p{
        font-size: 14px;
    }

    /* home-3 brands */
    .home-3-brands{
        display: none;
    }

    /* Home -3 newsletter */
    .home-3-news{
        display: none;
    }

      /* home-4 hero */
      .home-4-sec-title h2 {
        font-size: 30px;
    }
    .home-4-sec-title {
        margin-bottom: 45px;
    }
    .home-4-hero .hero-txt-wrapper h1{
        font-size: 35px;
    }
    .home-4-hero .hero-txt-wrapper h1 span{
        font-size: 35px;
    }
    .home-4-hero .hero-txt-wrapper .hero-txt-bottom p{
        font-size: 16px;
        margin-right: 0;
    }
    .home-4-hero .hero-txt-wrapper .hero-txt-bottom{
        flex-direction: column;
        align-items: baseline;
    }
    .home-4-hero .hero-txt-wrapper .hero-txt-bottom p{
        margin-top: 20px;
    }

    .show-img{
        display: none;
    }

    .home-4-awards .responsive-bottom-60{
        margin-bottom: 60px;
    }

    .single-case-4 .hover-state {
        background: #FF6036;
        width: 270px;
        border-bottom-left-radius: 4px;
        padding: 16px 31px;
    }


    .home-4-video{
        padding: 0;
    }
    .top-heading{
        margin-bottom: 0;
        font-size: 20px;
    }

    .home-4-testi{
        margin-bottom: 0;
    }

    .single-4-testi {
        padding: 67px 15px;
    }

    .single-4-testi .testi-cont {
        font-size: 15px;
    }
    .star-rev{
        display: none;
    }
    
    .home-4-team{
        display: none;
    }

    
    .home-4-blog-content a{
        font-size: 20px;
    }
    .home-4-team-slider .team-hover{
        width:77%;
    }
    .home-4-blogs{
        margin-bottom: 0;
    }
    .home-4-newsletter{
        display: none;
    }

}

/* small mobile */

@media only screen and (min-width: 320px) and (max-width: 520px) {
    body p{
        font-size: 14px;
    }
    .button {
        padding: 12px 28px;
    }
    .button a{
        font-size: 14px;
    }
    .mean-container .mean-nav ul li.hamburger{
        display: none;
    }
    .section-title h5{
        font-size: 12px;
    }
    .section-title h2{
        font-size: 20px;
    }
    .hero {
        padding: 200px 0 50px;
    }
    .hero-content h1{
        font-size: 25px;
    }
    .hero-content h1 span::before{
        display: none;
    }
    .hero-content p{
        padding: 0;
    }
    .feature{
        margin: 50px 0;
    }
    .responsive-bottom{
        margin-bottom: 51px;
    }
    .showcase{
        display: none;
    }

    .md-full{
        width: 100%;
    }
    .md-none{
        display: none;
    }

    .video{
        display: none;
    }
    .pulse{
        display: none;
    }

    .case-studies .section-title{
        text-align: center;
        margin-bottom: 65px;
    }
    
    .case-studies .section-title p{
        padding: 0;
    }
    .tabs-wrapper button {
        font-size: 15px;
        margin-right: 15px;
    }
    .tabs-wrapper ul{
        display: flex;
        flex-direction: column;
    }
    .tabs-wrapper button{
        margin-right: 0;
        margin-bottom: 10px;
    }
    .tabs-wrapper .button:last-child{
        margin-bottom: 0;
    }
    .case-studies {
        padding: 50px 0;
    }
    .responsive-flex{
        display: flex;
        justify-content: center;
    }
    .testimonial {
        margin: 50px 0;
    }
    .testi-img{
        margin-bottom: 65px;
    }
    .testi-img img{
        width: 100%;
        border-radius: 15px;
    }
    .price-btn {
        padding: 17px 50px;
    }
    .pricing{
        padding: 50px 0;
    }
    .counter{
        display: none;
    }
    
    .contacts{
        margin: 50px 0;
    }
    .contacts form input {
        width: 100%;
        margin-bottom: 30px;
    }
    .contacts form textarea {
        width: 100%;
    }
    .contacts .contact-info ul li {
        margin-left: 0;
    }
    .single-blog-right{
        display: block;
    }
    .single-blog-right .blog-content{
        margin-left: 0;
        margin-top: 30px;
    }
    .single-blog-right .case-img img{
        width: 100%;
    }
    .blog-content p:last-child{
        display: none;
    }
    .responsive-bottom-30{
        margin-bottom: 30px;
    }
    .newsletter .section-title{
        text-align: center;
        margin-bottom: 65px;
    }
    .newsletter{
        margin: 50px 0;
    }
    .newsletter form input {
        width: 95%;
    }
    .newsletter form .button {
        right: 11%;
        top: 14%;
    }
    .footer-bottom .responsive-flex{
        justify-content: center;
    }
    .footer-links ul li a {
        font-size: 13px;
    }
    .site-logo{
        margin-top: 35px;
    }
    .mean-nav{
        margin-bottom: 15px;
    }
    .mean-nav li.button{
        display: none;
    }
    .mean-bar{
        top: 15px;
    }
    .site-logo{
        margin-top: 35px;
    }
    .mean-nav{
        margin-bottom: 15px;
    }
    .mean-nav li.button{
        display: none;
    }
    .mean-bar{
        top: 15px;
    }
    .site-logo{
        margin-top: 35px;
    }
    .site-logo img {
        width: inherit;
    }
    .mean-nav{
        margin-bottom: 15px;
    }
    .mean-nav li.button{
        display: none;
    }
    .mean-bar{
        top: 15px;
    }
    .mean-container a.meanmenu-reveal {
        margin-top: -57px;
        margin-right: 15px;
    }
    .hero-utility{
        padding: 150px 30px;
    }
    .hero-text h1{
        font-size: 35px;
        line-height: 52px;
    }
    .hero-text p {
        display: none;
    }
    .hero-text p::before {
        width: 100%;
    }
    .hero-area button.slick-arrow{
        visibility: hidden;
    }
    .hero-cta .pulse,
    .hero-cta .link{
        display: none;
    }
    .about{
        padding: 135px 0 135px;
    }
    .r-margin-top{
        margin-top: 60px;
    }
    .r-mb{
        margin-bottom: 30px;
    }
    .progress-wrapper{
        flex-direction: column;
        align-items: baseline;
    }
    .progress-two{
        margin-top: 20px;
    }
    .about-img,
    .quote,
    .experience{
        display: none;
    }

    .offer .section-title h2{
        text-align: center;
    }

    .icon-arrow{
        margin-top: -45%;
        right: 41%;
    }
    .about .section-title,
    .counter .section-title,
    .choose .section-title,
    .portfolio .section-title,
    .appointment .section-title,
    .team .section-title,
    .faq .section-title,
    .blog .section-title{ 
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .about .section-title h2,
    .counter .section-title h2,
    .choose .section-title h2,
    .portfolio .section-title h2,
    .appointment .section-title h2,
    .team .section-title h2,
    .faq .section-title h2,
    .blog .section-title h2,
    .newsletter h5
    .section-title.home-2-section-title{
        text-align: center;
    }

    .section-title.home-2-section-title{
        text-align: center;
    }
    .home-2-section-title .sub-heading{
        justify-content: center;
    }
    .r-center{
        justify-content: center;
    }
    .d-end{
        justify-content: center;
    }
    .team{
        padding: 135px 0 67px;
    }
    .team-images .overlay{
        display: none;
    }
    .testimonials .section-title{
        display: none;
    }
    .video{
        margin-top: -32%;
    }
    .video .pulse{
        display: none;
    }
    .blog-img img{
        width: 100%;
    }
    .blog-content h5{
        font-size: 24px;
        line-height: 28px;
    }
    .blog-wrapper .date {
        bottom: 30%;
        right: 6%;
    }

    .d-center {
        justify-content: start;
    }
    .footer .d-end{
        justify-content: center;
    }
    .footer-copyright{
        padding-bottom: 18px;
    }

     /* service details page */
     .service-details{
        padding: 80px 0 67px 0;
    }
    .more-para{
        margin: 15px 0 25px;
    }
    .service-quote{
        margin: 25px 0;
        padding: 30px 25px;
    }
    
    /* blog list page */
    .blog-page{
        padding: 80px 0 67px 0;
    }
    .r-mb-65{
        margin-bottom: 65px;
    }
    .search svg{
        right: 4%;
    }

    .blog-page .blog-wrapper .date {
        bottom: 46%;
    }
    /* service details page */
    .blog-details-quote p {
        padding: 0 10px;
    }
    .comment-form input.sm{
        width: 100%;
    }
    /*************** 
       Team Page
    ****************/
    .home-4-team.inner-team{
        padding: 0 0 18px 0;
    }
    .inner-team-row .inner-single-team img{
        width: 100%;
    }
    .inner-team .inner-team-row .inner-team-hover {
        bottom: 35px;
        width: 93%;
    }
    .inner-team .inner-team-row .h-353 {
        height: 100%;
    }
    /* team page */
    .team-page .single-portfolio{
        text-align: center;
        margin-bottom: 30px;
    }
    .team-page .single-portfolio .hovered-state{
        right: 22%;
    }
    /* portfolio-details */
    .portfolio-details{
        padding: 80px 0 40px 0;
    }
    .p-details-img img{
        width: 100%;
    }
    .p-details-meta{
        display: none;
    }
    .portfolio-details .r-m-b{
        margin-bottom: 25px;
    }
    .p-detail-img-grid img{
        width: 100%;
    }
    /* 404 page */
    .error{
        padding: 80px 0 40px 0;
    }
    .error-content h2{
        font-size: 150px;
    }
    .error-content h4{
        font-size: 25px;
    }

    /* faq page */
    .faq-page{
        padding: 80px 0 40px 0;
    }

       /* policy page */

    .policy-page{
        padding: 80px 0 40px;
    }
    .policy-page h2{
        padding-left: 0;
        font-size: 35px;
    }
    .p-l-r{
        margin-bottom: 35px;
    }
    .p-l-r p{
        padding-right: 0;
    }
    .policy-single{
        margin-top: 30px;
    }
    .p-l-r-100{
        padding: 0;
    }

    /* Terms page */
    .terms-page{
        padding: 80px 0 40px 0;
    }
    .terms-page h2, .para-wrapper, .terms-list-wrapper{
        padding-left: 0;
        padding-right: 0;
    }
    .terms-page h2{
        font-size: 30px;
        line-height: 46px;
    }
    .terms-list-wrapper h6{
        margin-right: 20px;
    }

    
    
    /* home 2 topbar */
    .home-2__topbar{
        display: none;
    }
    .home-2__topbar .meta-wrapper svg{
        margin-right: 0;
    }

    /* home 2 navbar */
    .skew-div-right::after{
        display: none;
    }

    /* home 2 hero */
    .home-2 .hero-bg .hero-text {
        padding: 120px 30px 120px 24px;
    }
    .home-2 .hero-bg .hero-text span{
        font-size: 15px;
    }
    .home-2 .hero-bg .hero-text h2 { 
        font-size: 30px;
        line-height: 50px;;
    }
    .home-2 .hero-bg .hero-cta, .home-2-about .hero-cta, .home-2-cta .hero-cta{
        padding: 14px 30px;
    }
    .no-padding{
        display: none;
    }

    /* home-2 counter */
    .s-mb{
        margin-bottom: 30px;
    }
    .sm-center{
        text-align: center;
    }

    /* home 2 about */
    .home-2-about .r-image{
        margin-top: 30px;
    }

    /* home-2 cta */
    .home-2-cta .end-justify{
        justify-content: flex-start;
    }

    /* home 2 home-2-facilities */
    .home-2-facilities .r-b-image{
        margin-bottom: 30px;
    }

    /* home 2 portfolio */

    .home-2-portfolio .portfolio-hovered .port-overlay,
    .single-team-home-2 .single-team-overlay{
        width: 71%;
    }

    /* home 2 responsibilities */
    .r-none{
        display: none;
    }

    /* home 2 team  */
    .single-team-home-2 .hover-social{
        right: 24%;
    }
    .single-team-home-2 .info-wrapper{
        left: 9%;
    }

    /* home-2  testimonials */
    .home-2-testimonial .slick-next.pull-right.slick-arrow,
    .home-2-testimonial .slick-prev.pull-left.slick-arrow{
        opacity:0;
    }
    .container{
        padding: 0 15px 0 15px;
    }

    /* home 3 hero */
    .home-3-hero .hero-text{
        margin-top: 80px;
    }
    .home-3-hero .hero-text h2 {
        font-size: 30px;
    }
    .home-3-hero .hero-text span {
        font-size: 13px;
    }
    .home-3-hero .hero-img{
        display: none;
    }
    .home-3-consultation{
        display: none;
    }

    /* home-3 consultation */
    .dark-blue h6, .light-blue h6{
        font-size: 25px;
    }
    .light-blue::after{
        right: -6%;
        width: 33px;
    }

    /* home-3 portfolio*/
    .portfolio-images img{
        width: 100%;
    }
    .flex-center-3{
        display: flex;
        justify-content: center;
    }
    .flex-center-3:first-child{
        margin-bottom: 30px;
    }
    .home-3-portfolio .portfolio-hovered .hover-text{
        display: none;
    }
    .single-btn {
        font-size: 13px;
        margin-right: 10px;
      }

    /* Home 3 facility */
    .home-3-facilities .mb-r-65{
        margin-bottom: 65px;
    }
    .h-3-facility-wrapper {
        background: #FBFCFD;
        padding: 110px 61px;
    }
    .home-3-who-we-grid .single-facility h5 {
        font-size: 23px;
        margin-bottom: 12px;
    }
    .home-3-testi .home-2-testi-wrapper p:first-child {
        padding:0;
    }
    .h-3-facility-wrapper {
        padding: 82px 25px;
    }
    /* home-3 blog */
    .home-3-blg .blog-wrapper .blg-meta {
        bottom: 42%;
    }

    /*************** 
        inner page 
    ****************/
    .hero-area{
        padding: 120px 0;
    }
    .inner-hero-text h2{
        font-size: 30px;
    }
    .inner-hero-text span a {
        font-size: 12px;
    }

    /*************** 
        Service Details page 
    ****************/
    .service-details {
        padding: 50px 0;
    }
    .responsive-none{
        display: none;
    }
    .service-details .service-list-wrapper .list p{
        font-size: 14px;
    }
    .service-details .service-list-wrapper .responsive-bottom-30{
        margin-bottom: 30px;
    }
    .service-details .service-quote{
        padding: 30px;
    }

    /* Blog Details Page */
    .bottom-meta {
        display: none;
    }
    .blog-content-wrapper h2{
        font-size: 25px;
        margin-bottom: 10px;
    }
    /*Contact Page */

    .responsive-top-nopadding{
        margin-top: 0;
    }

    /* Portfolio Details page */
    .portfolio-details-img img{
        width: 100%;
    }

    /* Error page */
    .error-wrapper h5 {
        font-size: 150px;
    }


      /* home page 2 */
    /* Header */
    .home-two-header .user-cta{
        display: none;
    }

    /* Home- two- hero */
    .home-two-hero .right-img{
        display: none;
    }
    .home-two-hero .relative-div {
        display: none;
    }
    .home-two-hero .hero-text-content .left-img{
        display: none;
    }
    .home-two-hero .hero-text-content h1 {
        font-size: 58px;
    }
    .home-two-hero .hero-text-content p {
        padding-right: 0;
    }
    /* home- 2 charts */
    .help-chart img{
        width: 100%;
    }
    /* home-2 wokflow */
    .home-two-workflow .single-workflow h4{
        font-size: 17px;
    }
    /* home-two how it works */
    .how-works-content{
        margin-bottom: 30px;
    }
    .single-badge.two {
        margin-left: 0;
    }
    .works-badges img{
        display: none;
    }
    .single-badge {
        padding: 28px 28px;
        width: 420px;
    }
    /* home- two testimonial */
    .home-two-testi .home-two-testi-slider .testi-wrapper p{
        padding: 0;
    }

    /* home-two newsletter */
    .home-two-news .section-title{
        margin-bottom: 30px;
    }
    .home-two-news .fl-end {
        display: flex;
        justify-content: center;
    }
    .news-wrapper .home-two-cta {
        right: 7%;
    }
    .news-wrapper form input {
        width: 420px;
    }

    /* home- 3 topbar */
    .home-3-topbar{
        display: none;
    }

     /* home-3 -header */
     .home-3-hero-img img{
        width: 100%;
    }
    .home-3-hero .slide-up {
        margin-top: 60px;
    }
    .home-3-hero-content .shield {
        right: 55%;
        top: 46%;
    }
    .home-3-hero-img{
        display: none;
    }
    .hero-side-content {
        border-left: none;
        padding: 0;
    }
    .home-3-hero .pl-none {
        padding-left: 15px;
        margin-top: 60px
    }

    /* Home- 3 about */
    .home-3-abt-content h3 {
        font-size: 36px;
    }

    /* Home 3 service */
    .home-3-service{
        padding: 0;
    }
    .home-3-service .responsive-bottom-60{
        margin-bottom: 60px;
    }
    .home-3-service-content p {
        padding-left: 20px;
    }

    /* home- 3 charts */
    .chart-left span, .chart-right span {
        font-size: 14px;
    }
    .charts-wrapper{
        display: none;
    }
    .charts-wrapper h4 {
        font-size: 35px;
    }
    .home-3-charts {
        margin: 50px 0;
    }
    .home-3-faq .charts-wrapper p {
        padding-right: 0;
    }

    .home-3-testimonial {
        margin-bottom: 50px;
    }
    /* home-3-testimonial */
    .home-3-testi-wrapper {
        padding: 50px 33px;
    }
    .home-3-testi-wrapper p{
        padding: 0;
    }

    /* home -3 faq */
    .home-3-faq {
        padding: 50px 0;
        margin-bottom: 50px;
    }

    /* home-3 brands */
    .home-3-brands{
        display: none;
    }

    /* Home -3 newsletter */
    .home-3-news{
        display: none;
    }

    
    /* home-4 hero */
    .home-4-sec-title h2 {
        font-size: 44px;
    }
    .home-4-sec-title {
        margin-bottom: 45px;
    }
    .home-4-hero .hero-txt-wrapper h1{
        font-size: 45px;
    }
    .home-4-hero .hero-txt-wrapper h1 span{
        font-size: 45px;
    }
    .home-4-hero .hero-txt-wrapper .hero-txt-bottom p{
        font-size: 16px;
        margin-right: 0;
    }
    .home-4-hero .hero-txt-wrapper .hero-txt-bottom{
        flex-direction: column;
        align-items: baseline;
    }
    .home-4-hero .hero-txt-wrapper .hero-txt-bottom p{
        margin-top: 20px;
    }

    .show-img{
        display: none;
    }

    .home-4-awards .responsive-bottom-60{
        margin-bottom: 60px;
    }


    .top-heading{
        margin-bottom: 0;
        font-size: 35px;
    }

    .home-4-testi{
        margin-bottom: 0;
    }
    
    .home-4-team{
        padding-bottom: 0;
    }
    .home-4-blog-content a{
        font-size: 20px;
    }
    .home-4-team-slider .team-hover{
        width:77%;
    }
    .home-4-blogs{
        margin-bottom: 0;
    }
    .home-4-newsletter{
        display: none;
    }

}


/* large mobile */

@media only screen and (min-width: 520px) and (max-width: 767px) {
    .mean-container .mean-nav ul li.hamburger{
        display: none;
    }
    .section-title h2{
        font-size: 28px;
    }
    .hero {
        padding: 200px 0 50px;
    }
    .hero-content h1{
        font-size: 35px;
    }
    .hero-content h1 span::before{
        display: none;
    }
    .hero-content p{
        padding: 0;
    }
    .feature{
        margin: 50px 0;
    }
    .responsive-bottom{
        margin-bottom: 51px;
    }
    .showcase{
        display: none;
    }

    .md-full{
        width: 100%;
    }
    .md-none{
        display: none;
    }

    .video{
        display: none;
    }
    .pulse{
        display: none;
    }

    .case-studies .section-title{
        text-align: center;
        margin-bottom: 65px;
    }
    .case-studies .section-title p{
        padding: 0 120px;
    }
    .tabs-wrapper button {
        font-size: 13px;
        margin-right: 15px;
    }
    .case-studies {
        padding: 50px 0;
    }
    .responsive-flex{
        display: flex;
        justify-content: center;
    }
    .testimonial {
        margin: 50px 0;
    }
    .testi-img{
        margin-bottom: 65px;
    }
    .testi-img img{
        width: 100%;
        border-radius: 15px;
    }
    .price-btn {
        padding: 17px 50px;
    }
    .pricing{
        padding: 50px 0;
    }
    .counter{
        display: none;
    }
    
    .contacts{
        margin: 50px 0;
    }
    .contacts form input {
        width: 100%;
        margin-bottom: 30px;
    }
    .contacts form textarea {
        width: 100%;
    }
    .contacts .contact-info ul li {
        margin-left: 0;
    }
    .blog-content p:last-child{
        display: none;
    }
    .responsive-bottom-30{
        margin-bottom: 30px;
    }
    .newsletter .section-title{
        text-align: center;
        margin-bottom: 65px;
    }
    .newsletter{
        margin: 50px 0;
    }
    .newsletter form input {
        width: 95%;
    }
    .footer-bottom .responsive-flex{
        justify-content: center;
    }
    .footer-links ul li a {
        font-size: 13px;
    }
    .site-logo{
        margin-top: 35px;
    }
    .mean-nav{
        margin-bottom: 15px;
    }
    .mean-nav li.button{
        display: none;
    }
    .mean-bar{
        top: 15px;
    }
    .site-logo{
        margin-top: 35px;
    }
    .mean-nav{
        margin-bottom: 15px;
    }
    .mean-nav li.button{
        display: none;
    }
    .mean-bar{
        top: 15px;
    }

    /*************** 
        inner page 
    ****************/
    .hero-area{
        padding: 120px 0;
    }
    .inner-hero-text h2{
        font-size: 30px;
    }
    .inner-hero-text span a {
        font-size: 12px;
    }

    /*************** 
        Service Details page 
    ****************/
    .service-details {
        padding: 50px 0;
    }
    .responsive-none{
        display: none;
    }
    .service-details .service-list-wrapper .list p{
        font-size: 14px;
    }
    .service-details .service-list-wrapper .responsive-bottom-30{
        margin-bottom: 30px;
    }
    .service-details .service-quote{
        padding: 20px;
    }

    /* Blog Details Page */
    .blog-details-quote p {
        padding: 0 20px;
    }

    /*Contact Page */

    .responsive-top-nopadding{
        margin-top: 0;
    }

    /* Portfolio Details page */
    .portfolio-details-img img{
        width: 100%;
    }
     /* Privacy policy page */
     .policy-page h2, .terms-page h2, .terms-list-wrapper{
        padding-left: 0;
    }
    .p-l-r p {
        padding-right: 0;
    }
    .para-wrapper{
        padding-left: 0;
    }

    /* home page 2 */
    /* Header */
    .home-two-header .user-cta{
        display: none;
    }

    /* Home- two- hero */
    .home-two-hero .right-img{
        display: none;
    }
    .home-two-hero .relative-div {
        display: none;
    }
    .home-two-hero .hero-text-content .left-img{
        display: none;
    }
    /* home- 2 charts */
    .help-chart img{
        width: 100%;
    }
    /* home-2 wokflow */
    .home-two-workflow .single-workflow h4{
        font-size: 17px;
    }
    /* home-two how it works */
    .how-works-content{
        margin-bottom: 30px;
    }
    .single-badge.two {
        margin-left: 0;
    }
    .works-badges img{
        display: none;
    }

    /* home- two testimonial */
    .home-two-testi .home-two-testi-slider .testi-wrapper p{
        padding: 0;
    }

    /* home-two newsletter */
    .home-two-news .section-title{
        margin-bottom: 30px;
    }
    .home-two-news .fl-end {
        display: flex;
        justify-content: center;
    }
    .news-wrapper .home-two-cta {
        right: 7%;
    }


     /* home- 3 topbar */
     .home-3-topbar{
        display: none;
    }

     /* home-3 -header */
     .home-3-hero-img img{
        width: 100%;
    }
    .home-3-hero .slide-up {
        margin-top: 60px;
    }
    .home-3-hero-content .shield {
        right: 33%;
        top: 41%;
    }
    .home-3-hero-img{
        display: none;
    }
    .hero-side-content {
        border-left: none;
        padding: 0;
    }
    .home-3-hero .pl-none {
        padding-left: 15px;
        margin-top: 60px
    }

    /* Home- 3 about */
    .home-3-abt-content h3 {
        font-size: 36px;
    }

    /* Home 3 service */
    .home-3-service{
        padding: 0;
    }
    .home-3-service .responsive-bottom-60{
        margin-bottom: 60px;
    }
    .home-3-service-content p {
        padding-left: 20px;
    }

    /* home- 3 charts */
    .chart-left span, .chart-right span {
        font-size: 14px;
    }
    .charts-wrapper{
        display: none;
    }
    .charts-wrapper h4 {
        font-size: 35px;
    }
    .home-3-charts {
        margin: 50px 0;
    }
    .home-3-faq .charts-wrapper p {
        padding-right: 0;
    }

    .home-3-testimonial {
        margin-bottom: 50px;
    }
    /* home-3-testimonial */
    .home-3-news-wrapper form input{
        width: 600px;
    }
    .home-3-news .news-wrapper .home-3-btn {
        position: absolute;
        right: -1%;
        bottom: 12%;
    }

     /*************** 
       Team Page
    ****************/
    .home-4-team.inner-team{
        padding: 0 0 18px 0;
    }
    .inner-team-row .inner-single-team img{
        width: 100%;
    }
    .inner-team .inner-team-row .inner-team-hover {
        bottom: 35px;
        width: 95%;
    }
    .inner-team .inner-team-row .h-353 {
        height: 100%;
    }



    
    /* home-4 hero */
    .home-4-sec-title h2 {
        font-size: 44px;
    }
    .home-4-sec-title {
        margin-bottom: 45px;
    }
    .home-4-hero .hero-txt-wrapper h1{
        font-size: 55px;
    }
    .home-4-hero .hero-txt-wrapper h1 span{
        font-size: 55px;
    }
    .home-4-hero .hero-txt-wrapper .hero-txt-bottom p{
        font-size: 16px
    }
    .home-4-hero .hero-txt-wrapper .hero-txt-bottom{
        flex-direction: column;
        align-items: baseline;
    }
    .home-4-hero .hero-txt-wrapper .hero-txt-bottom p{
        margin-top: 20px;
    }

    .show-img{
        display: none;
    }

    .home-4-awards .responsive-bottom-60{
        margin-bottom: 60px;
    }


    .top-heading{
        margin-bottom: 0;
        font-size: 35px;
    }

    .home-4-testi{
        margin-bottom: 0;
    }
    
    .home-4-team{
        padding-bottom: 0;
    }
    .home-4-blog-content a{
        font-size: 20px;
    }
    .home-4-team-slider .team-hover{
        width: 94%;
    }
    .home-4-blogs{
        margin-bottom: 0;
    }
    .home-4-newsletter{
        display: none;
    }
}


@media (min-width:100px) and (max-width: 1100px){
    .blogs-area{
        padding-top: 0;
        margin-bottom: 100px;
    }
    .contact-page-hero{
        margin-bottom: 100px;
    }
    .contacts{
        margin-top: 0;
    }
    .contacts form input {
        width: 100%;
        margin-bottom: 30px;
    }
    .top-m{
        margin-top: 30px;
    }
    .case-studies{
        padding: 0;
    }
    .testi-img img{
        width: 100%;
        border-radius: 15px;
        margin-bottom: 30px;
    }
    .portfolio-details{
        padding-top: 0;
    }
    .error,.faq-page, .policy-page,.terms-page{
        padding: 0 0 50px;
    }
    
}