/*////////////////////////////////////////////////////// Responsive CSS Structure //////////////////////////////////////////////////////*/

@media (min-width: 2000px)  {
 .inner-banner-vector { bottom: -115px; }
}


@media (min-width: 1800px)  {
    .staff-wrapper.common-space-vector { padding-left: 0px; }
}


@media (min-width: 1800px) {
    .container {max-width: 1790px;}
}
@media (min-width: 1700px) and (max-width: 1799px) {
    /*header*/
    .header .navbar-nav .nav-item { padding: 0 24px; }
    /*header*/

    /*banner*/
    .banner-right .container { max-width: 1690px; } 
    .banner-content-main { max-width: 610px; }
    /*banner*/

    /*home page*/
    .mikroliitti-oy-odd-even > *:nth-child(even) 
    .mikroliitti-inner-block { margin-left: 65px; } .mikroliitti-inner-block { margin-left: calc(50vw - 633px); }
    /*home page*/
    
    .staff-wrapper .row > * { padding-left: 15px; padding-right: 15px; } 
    .staff-wrapper .row { margin-left: -15px; margin-right: -15px; } 
    .staff-block { height: Calc(100% - 30px); margin: 0 0 30px 0; }
    .staff-contact { font-size: 18px; } 
    .staff-img * { height: 375px; object-fit: cover; }
}

@media (min-width: 1600px) and (max-width: 1699px) {
    /*header*/
    /* .header .navbar{ max-width: 1290px; margin: 0 auto; } */
    .header .navbar-nav .nav-item { padding: 0 24px; }
    .header .navbar-brand { max-width: 361px; }
    /*header*/
    
    /*banner*/
    .banner-right .container { max-width: 1590px; } 
    .banner-content-main { max-width: 584px; } 
    .banner-btn-flx .btn { padding: 15px 43px !important; } 
    .read-more-link-inner { max-width: 584px; }
    /*banner*/

    /*home page*/
    .mikroliitti-oy-odd-even > *:nth-child(even) 
    .mikroliitti-inner-block { margin-left: 65px; } .mikroliitti-inner-block { margin-left: calc(50vw - 633px); }
    /*home page*/

    .staff-wrapper .row > * { padding-left: 15px; padding-right: 15px; } 
    .staff-wrapper .row { margin-left: -15px; margin-right: -15px; } 
    .staff-block { height: Calc(100% - 30px); margin: 0 0 30px 0; }
    .staff-contact { font-size: 18px; } 

    .staff-detail .block-title { font-size: 24px; font-weight: 500; } 
    .staff-img * { height: 375px; object-fit: cover; }
}


@media (min-width: 1500px) and (max-width: 1599px) {
    /*header*/
    /* .header .navbar{ max-width: 1290px; margin: 0 auto; } */
    .header .navbar-nav .nav-item { padding: 0 24px; }
    .header .navbar-brand { max-width: 361px; }
    /*header*/

    /*home page*/
    .reportit-main { padding: 100px 0; } 
    .mikroliitti-oy-odd-even > *:nth-child(even) 
    .mikroliitti-inner-block { margin-left: 65px; } .mikroliitti-inner-block { margin-left: calc(50vw - 633px); }
    /*home page*/

    /*banner*/
    .banner-right .container { max-width: 1490px; } 
    .banner-content-main { max-width: 545px; } 
    .banner-btn-flx .btn { padding: 15px 43px !important; } 
    .read-more-link-inner { max-width: 545px; } 
    .banner-img * { object-position: right; } 
    .banner-content { padding: 229px 0 0 0; }
    /*banner*/

    /*inner banner*/
    .inner-banner .inner-banner-detail { padding: 100px 0 270px 0; } 
    .inner-banner { background-position: center !important; } 
    .inner-banner-vector { bottom: -28px; }
    /*inner banner*/

    /*tietoa&historiaa page*/
    .info-history-main .reportit-main { padding: 70px 0; } 
    .info-history-main .reportit-main:nth-child(even) { padding: 70px 0; } 
    .info-history-main .main-title { margin: 0 0 10px 0; }
    /*tietoa&historiaa page*/

    /*palvelut page*/
    /*services */
    .services-wrapper .row > * { padding-left: 20px; padding-right: 20px; } 
    .services-wrapper .row { margin-left: -20px; margin-right: -20px; } 
    .sevrices-block { height: Calc(100% - 40px); margin: 0 0 40px 0; } 
    .services-wrapper .btn-flx { margin: 30px 0 0 0; } 
    .services-main { padding: 0 0 80px 0; }
    /*services */
    /*palvelut page*/

    .staff-wrapper .row > * { padding-left: 15px; padding-right: 15px; } 
    .staff-wrapper .row { margin-left: -15px; margin-right: -15px; } 
    .staff-block { height: Calc(100% - 30px); margin: 0 0 30px 0; }
    .staff-contact { font-size: 18px; line-height: normal; } 
    .staff-img * { height: 375px; object-fit: cover; }
}

@media (min-width: 1400px) and (max-width: 1499px) {
   /*header*/
    /* .header .navbar{ max-width: 1290px; margin: 0 auto; } */
    .header .navbar-nav .nav-item { padding: 0 24px; }
    .header .navbar-brand { max-width: 361px; }
    /*header*/

    .reportit-main { padding: 100px 0; }
    .mikroliitti-oy-odd-even > *:nth-child(even) 
    .mikroliitti-inner-block { margin-left: 35px; } .mikroliitti-inner-block { margin-left: calc(50vw - 642px); }
    /*home page*/
    .banner-content-main { max-width: 481px; } 
    .banner-btn-flx .btn { padding: 15px 43px !important; } 
    .read-more-link-inner { max-width: 506px; } 
    .banner-img * { object-position: right; }
    .banner-content { padding: 229px 0 0 0; } .banner-btn-flx .btn:not(:last-child) { margin: 0 29px 0 0; }        
    /*banner*/

    /*inner banner*/
    .inner-banner .inner-banner-detail { padding: 90px 0 210px 0; } 
    .inner-banner { background-position: center !important; } .inner-banner-vector { bottom: -28px; }
    /*inner banner*/
    /*tietoa&historiaa page*/
    .info-history-main .reportit-main { padding: 70px 0; } 
    .info-history-main .reportit-main:nth-child(even) { padding: 70px 0; } 
    .info-history-main .main-title { margin: 0 0 10px 0; }
    /*tietoa&historiaa page*/

    /*palvelut page*/
    .act-for-customer { padding: 70px 0; }
    /*services */
    .services-wrapper .row > * { padding-left: 20px; padding-right: 20px; } 
    .services-wrapper .row { margin-left: -20px; margin-right: -20px; } 
    .sevrices-block { height: Calc(100% - 40px); margin: 0 0 40px 0; } 
    .services-wrapper .btn-flx { margin: 30px 0 0 0; } .services-main { padding: 0 0 80px 0; }
    /*services */
    /*palvelut page*/
    .staff-wrapper .row > * { padding-left: 15px; padding-right: 15px; } 
    .staff-wrapper .row { margin-left: -15px; margin-right: -15px; } 
    .staff-block { height: Calc(100% - 30px); margin: 0 0 30px 0; } 
    .staff-img * { width: 100%; height: 395px; object-fit: cover;} 
    .staff-detail .large-paragraph { font-size: 18px; line-height: 24px; font-weight: 300; margin: 7px 0 19px; } 
    .staff-contact * { font-size: 18px; } 
    .staff-main { padding: 0 0 60px 0; }
}

@media (min-width: 1300px) and (max-width: 1399px) {

    .large-paragraph { font-size: 22px; line-height: normal; }
   /*header*/
   /* .header .navbar { max-width: 1110px; margin: 0 auto; } */
   .header .navbar-nav .nav-item { padding: 0 20px; }
   .header .navbar-brand { max-width: 280px; }
   .header .navbar-nav .nav-item .nav-link.active::before, .header .navbar-nav .nav-item .nav-link:hover::before { width: 21px; height: 21px; left: -26px; top: 3px; }
   /*header*/

    /*footer*/
    .footer-img *{ max-width: 280px; }
    /*footer*/

    .reportit-main { padding: 100px 0; }

    .disc::before { width: 82px; height: 54px; }
    .common-space-vector { padding-left: 92px; }

    .mikroliitti-oy-odd-even > *:nth-child(even) 
    .mikroliitti-inner-block { margin-left: 35px; } .mikroliitti-inner-block { margin-left: calc(50vw - 558px); }
    .mikroliitti-inner-block ul li { font-size: 22px; line-height: 31px; }

    /*banner*/
    .banner-right .container { max-width: 1290px; } 
    .banner-content-main { max-width: 481px; } 
    .banner-btn-flx .btn { padding: 12px 41px !important; } 
    .read-more-link-inner { max-width: 480px; } 
    .banner-img * { object-position: right; } 
    .banner-content { padding: 205px 0 0 0; } 
    .banner-btn-flx .btn:not(:last-child) { margin: 0 29px 0 0; } 
    .read-more-link { padding: 0 0 32px; }
    /*banner*/

    /*inner banner*/
    .inner-banner .inner-banner-detail { padding: 90px 0 210px 0; } 
    .inner-banner { background-position: center !important; } 
    .inner-banner-vector { bottom: -28px; }
    /*inner banner*/
    /*tietoa&historiaa page*/
    .info-history-main .reportit-main { padding: 70px 0; } .info-history-main .reportit-main:nth-child(even) { padding: 70px 0; }
    .info-history-main .main-title { margin: 0 0 10px 0; }
    /*tietoa&historiaa page*/

    /*palvelut page*/
    .act-for-customer { padding: 70px 0; }
    /*services */
    .services-wrapper .row > * { padding-left: 15px; padding-right: 15px; } 
    .services-wrapper .row { margin-left: -15px; margin-right: -15px; } 
    .sevrices-block { height: Calc(100% - 30px); margin: 0 0 30px 0; } 
    .services-wrapper .btn-flx { margin: 30px 0 0 0; } 
    .services-main { padding: 0 0 80px 0; } 
    .services-img img { max-width: 200px; }
    /*services */
    /*palvelut page*/
    .mikroliitti-location { padding-right: 51px; } 
    .mikroliitti-location-text { margin-right: 58px; padding-top: 8px; } 
    .mikroliitti-location-wrap { padding-bottom: 60px; margin-bottom: 65px; }


    .staff-main { padding: 0 0 60px 0; } 
    .staff-wrapper .row > * { padding-left: 15px; padding-right: 15px; } 
    .staff-wrapper .row { margin-left: -15px; margin-right: -15px; } 
    .staff-block { height: Calc(100% - 30px); margin: 0 0 30px 0; } 
    .staff-img * { width: 100%; height: 357px; object-fit: cover; } 
    .staff-detail .large-paragraph { font-size: 18px; line-height: 24px; font-weight: 300; margin: 7px 0 19px; } 
    .staff-contact * { font-size: 15px; line-height: normal; } 
    .staff-block .staff-img { height: 211px; }
    .staff-detail .block-title { font-size: 22px; }

    .contact-wrap .btn { padding: 17px 78px; } 
    .contact-wrap .form-group .form-control { font-size: 20px; line-height: 25px; } 
    .contact-main { background: #F7F7F7; padding: 60px 0; }

    /*referenssit*/
    .filter-wrapper { padding: 39px 64px 85px 65px; max-width: 495px; } .tulokset-right { padding: 0 15px 0 0; margin-left: 60px; } .filter-content-block { margin-bottom: 30px; } .tulokset-right .main-title { margin-bottom: 45px; }
    /*referenssit*/



}

@media (min-width: 1200px) and (max-width: 1299px) {
    
    .large-paragraph { font-size: 22px; line-height: normal; }
      /*header*/
      .header .navbar-nav .nav-item { padding: 0 20px; }
      .header .navbar-brand { max-width: 280px; }
      .header .navbar-nav .nav-item .nav-link.active::before, .header .navbar-nav .nav-item .nav-link:hover::before { width: 21px; height: 21px; left: -26px; top: 3px; }
      .header .navbar { max-width: 1110px; }
      /*header*/

    /*footer*/
    .footer-wrap { padding: 40px 0; }
    .footer-img *{ max-width: 280px; }
    /*footer*/

    .reportit-main { padding: 70px 0; }

    .disc::before { width: 82px; height: 54px; } 
    .common-space-vector { padding-left: 92px; }

    /* .mikroliitti-oy-odd-even > *:nth-child(even) .mikroliitti-inner { max-width: 400px; margin: 0 0 0 auto; }  */
    .mikroliitti-inner-block ul li { font-size: 19px; line-height: normal; }
    .mikroliitti-oy-odd-even > *:nth-child(even) 
    .mikroliitti-inner-block { margin-left: 35px; } .mikroliitti-inner-block { margin-left: calc(50vw - 558px); }

     
    /*banner*/ 
    .banner-right .container { max-width: 1190px; } 
    .banner-content-main { max-width: 408px; } 
    .banner-btn-flx .btn { padding: 12px 27px !important; } 
    .read-more-link-inner { max-width: 428px; } 
    .banner-img * { object-position: right; } 
    .banner-content { padding: 205px 0 0 0; } 
    .banner-btn-flx .btn:not(:last-child) { margin: 0 18px 0 0; } 
    .read-more-link { padding: 0 0 32px; }
    /*banner*/

    /*inner banner*/
    .inner-banner .inner-banner-detail { padding: 90px 0 210px 0; } 
    .inner-banner { background-position: center !important; } 
    .inner-banner-vector { bottom: -28px; }
    /*inner banner*/
    /*tietoa&historiaa page*/
    .info-history-main .reportit-main { padding: 70px 0; } 
    .info-history-main .reportit-main:nth-child(even) { padding: 70px 0; } 
    .info-history-main .main-title { margin: 0 0 10px 0; } 
    .info-history-main .reportit-right .btn { padding: 12px 48px !important; }
    /*tietoa&historiaa page*/

    /*palvelut page*/
    .act-for-customer { padding: 70px 0; }
    /*services */
    .services-wrapper .row > * { padding-left: 15px; padding-right: 15px; } 
    .services-wrapper .row { margin-left: -15px; margin-right: -15px; } 
    .sevrices-block { height: Calc(100% - 30px); margin: 0 0 30px 0; } 
    .services-wrapper .btn-flx { margin: 30px 0 0 0; } 
    .services-main { padding: 0 0 80px 0; } 
    .services-img img { max-width: 170px; }
    /*services */
    /*palvelut page*/


    .mikroliitti-location { padding-right: 51px; } 
    .mikroliitti-location-text { margin-right: 58px; padding-top: 8px; } 
    .mikroliitti-location-wrap { padding-bottom: 60px; margin-bottom: 65px; }


    .staff-main { padding: 0 0 60px 0; } 
    .staff-wrapper .row > * { padding-left: 15px; padding-right: 15px; } 
    .staff-wrapper .row { margin-left: -15px; margin-right: -15px; } 
    .staff-block { height: Calc(100% - 30px); margin: 0 0 30px 0; } 
    .staff-img * { width: 100%; height: auto; } 
    .staff-detail .large-paragraph { font-size: 16px; line-height: 22px;font-weight: 300; margin: 7px 0 19px; } 
    .staff-contact * { font-size: 15px; line-height: normal; word-wrap: break-word; } 
    .staff-block .staff-img { height: 211px; }
    .staff-detail { height: 100%;     padding: 8px 10px 10px 10px;}
    .staff-detail .block-title { font-size: 23px; font-weight: 500; }

    .contact-wrap .btn { padding: 17px 78px; } 
    .contact-wrap .form-group .form-control { font-size: 20px; line-height: 25px; } 
    .contact-main { background: #F7F7F7; padding: 60px 0; }
    .contact-wrap .wpcf7-not-valid-tip { font-size: 18px; } 
    .contact-wrap .form-group { margin: 0 0 17px 0; }
    /*referenssit*/
    .filter-wrapper { padding: 39px 64px 85px 65px; max-width: 495px; } 
    .tulokset-right { padding: 0 15px 0 0; margin-left: 60px; } 
    .filter-content-block { margin-bottom: 30px; } 
    .tulokset-right .main-title { margin-bottom: 45px; }
    /*referenssit*/
}

@media (min-width: 992px) and (max-width: 1199px) {
    .large-paragraph { font-size: 20px; line-height: normal; }
    .main-title { font-size: 30px; }
    /*header*/
    .header .navbar-nav .nav-item { padding: 0 19px; } 
    .header .navbar-brand { max-width: 250px; } 
    .header .navbar-nav .nav-item .nav-link { font-size: 17px; } 
    .header .navbar-nav .nav-item .nav-link.active::before, .header .navbar-nav .nav-item .nav-link:hover::before { width: 21px; height: 21px; left: -26px; top: 3px; } 
    .header { padding: 20px 0; }
    /* .header .navbar { max-width: 930px; } */
    /*header*/

    /*footer*/
    .footer-img *{ max-width: 250px; }
    /*footer*/


    .btn { font-size: 20px; font-weight: normal; line-height: 26px; padding: 15px 38px; } 

    /*reportit*/
    .reportit-main { padding: 70px 0; }
    /*reportit*/

    .disc::before { width: 70px; height: 39px; top: 5px; }
    .common-space-vector { padding-left: 71px; }

    /* .mikroliitti-oy-odd-even > *:nth-child(even) .mikroliitti-inner { max-width: 350px; }  */
    .mikroliitti-inner-block ul li{ word-wrap: break-word; } 
    /* .mikroliitti-oy-odd-even > *:nth-child(even) .mikroliitti-inner { max-width: 325px; margin: 0 0 0 auto; }  */
    .mikroliitti-inner-block ul li { font-size: 22px; line-height: 31px; } 
    .mikroliitti-inner-block ul li { font-size: 17px; line-height: normal; } 
    .mikroliitti-inner-block .btn { font-size: 18px; font-weight: normal; line-height: 26px; padding: 9px 37px; } 
    .mikroliitti-inner-block .large-paragraph { margin-bottom: 15px; }
    .mikroliitti-oy-odd-even > *:nth-child(even) .mikroliitti-inner-block { margin-left: 15px; } 
    .mikroliitti-inner-block { margin-left: calc(50vw - 471px); }
    .mikroliitti-inner { padding: 0 15px 0 0px; } 
    .mikroliitti-oy-img { width: 38.5%; }
    /*banner*/
    .banner-right .container { max-width: 1190px; } 
    .banner-content-main { max-width:300px; } 
    .banner-btn-flx .btn { padding: 12px 27px !important; font-size: 18px; } 
    .read-more-link-inner { max-width: 358px; } 
    .banner-img * { object-position: right; } 
    .banner-content { padding: 145px 0 0 0; } 
    .banner-btn-flx .btn:not(:last-child) { margin: 0 18px 0 0; } 
    .read-more-link { padding: 0 0 32px; }
    /*banner*/
    
    /*inner banner*/
    .inner-banner .inner-banner-detail { padding: 70px 0 160px 0; } 
    .inner-banner { background-position: center !important; } 
    .inner-banner-vector { bottom: -28px; }
    /*inner banner*/

    /*tietoa&historiaa page*/
    .info-history-main .reportit-main { padding: 50px 0; } 
    .info-history-main .reportit-main:nth-child(even) { padding: 50px 0; } 
    .info-history-main .main-title { margin: 0 0 10px 0; } 
    .info-history-main .reportit-right .btn { padding: 12px 48px !important; }
    /*tietoa&historiaa page*/

    /*palvelut page*/
    .act-for-customer { padding: 70px 0; }
    /*services */
    .services-wrapper .row > * { padding-left: 15px; padding-right: 15px; } 
    .services-wrapper .row { margin-left: -15px; margin-right: -15px; }
    .sevrices-block { height: Calc(100% - 30px); margin: 0 0 30px 0; } 
    .services-wrapper .btn-flx { margin: 30px 0 0 0; } 
    .services-main { padding: 0 0 80px 0; } 
    .services-img img { max-width: 170px; } 
    .services-img { min-height: 233px; height: unset; } 
    .services-detail .block-title { word-break: break-word; } 
    .services-wrapper .btn-flx .btn{ padding: 12px 52px !important; }
    /*services */
    /*palvelut page*/

    .mikroliitti-location { padding-right: 51px; } 
    .mikroliitti-location-text { margin-right: 58px; padding-top: 8px; } 
    .mikroliitti-location-wrap { padding-bottom: 47px; margin-bottom: 50px; padding-top: 28px; }
    .staff-main { padding: 0 0 60px 0; } 
    .staff-wrapper .row > * { padding-left: 15px; padding-right: 15px; } 
    .staff-wrapper .row { margin-left: -15px; margin-right: -15px; } 
    .staff-block { height: Calc(100% - 30px); margin: 0 0 30px 0; } 
    .staff-img * { width: 100%; height: 369px; } 
    .staff-detail .large-paragraph { font-size: 17px; line-height: 22px; font-weight: 300; margin: 7px 0 11px; } 
    .staff-contact * { font-size: 17px; } 
    .staff-block .staff-img { height: 211px; }

    .contact-wrap .btn { padding: 17px 62px; } 
    .contact-wrap .form-group .form-control { font-size: 19px; line-height: 24px; } 
    .contact-main { background: #F7F7F7; padding: 60px 0; } 
    .contact-wrap .form-group label { font-size: 16px; }

    /*referenssit*/
    .filter-wrapper { padding: 39px 64px 85px 65px; max-width: 495px; } 
    .tulokset-right { padding: 0 15px 0 0; margin-left: 38px; } 
    .filter-content-block { margin-bottom: 30px; } .tulokset-right .main-title { margin-bottom: 45px; } 
    .filter-wrapper .form-control { font-size: 20px; line-height: 26px; } 
    .filter-button .title  { font-size: 20px; line-height: 26px; padding: 8px 40px 8px 12px; } 
    .accordion-body .form-check-label { font-size: 18px; line-height: 26px; } 
    .filter-button .accordion-body { width: calc(100% + 0px); }

    .filter-content-block .link { font-size: 18px; line-height: 28px; }
    .contact-wrap .wpcf7-not-valid-tip { font-size: 17px; }
    .filter-button .title::after {top: 17px;}
    /*referenssit*/

    .mikroliitti-oy-odd-even > *:nth-child(even) { justify-content: space-between; } 
    
    .banner-left { width: 64.2%; }
}

@media (min-width: 992px) {
    /*header*/
    .header .navbar-nav .nav-item:first-child { padding-left: 0; }
    .header .navbar-nav .nav-item:last-child { padding-right: 0; }
    /*header*/
}

@media (max-width: 991px) {
    /* Header Start */
    .navbar-toggler { position: relative; z-index: 99; padding: 0; border: none;  height: 30px; width: 30px; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; }
    .navbar-collapse { position: fixed; top: 0; right: -100%; max-width: 100%; width: 100%; bottom: 0; height: 100%;  padding: 150px 0 40px; overflow: auto; background-color: var(--white); transition: 0.5s; z-index: 9; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; }
    .navbar-collapse.show { right: 0; height: auto; }
    .navbar-collapse.show::before { right: 0; }
    .navbar-collapse::before { content: ""; position: fixed; width: 100%; height: 80px; top: 0; right: -100%; background-color: var(--white); transition: 0.5s; z-index: 9; }
    .header .navbar-nav .nav-item {  padding: 10px 0 10px 42px; border-bottom: 1px solid ;}
    .navbar-toggler span { background-color: var(--dark-orange); width: 25px; height: 2px; display: block; margin: 0 auto 5px; position: relative; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; }
    .navbar-toggler span:last-child {margin-bottom: 0;}
    .navbar-toggler.open span:first-child { top: 5px; transform: rotate(45deg); }
    .navbar-toggler.open span:nth-child(2) { display: none; }
    .navbar-toggler.open span:last-child { top: -2px; transform: rotate(-45deg); }
    .navbar-toggler:focus { box-shadow: none; }
    .header-btn {        margin: 20px 17px 0 17px;}
    .header .navbar-nav .nav-item .nav-link.dropdown-toggle{ display: flex; width: 100%; justify-content: space-between; align-items: center; }
    .header .btn-white { padding: 7px 7px 7px 15px; font-size: 17px; } 
    .header .navbar-nav .nav-item .nav-link {  font-size: 17px; } 
    .header .navbar-brand { max-width: 300px; }
    .header .navbar-nav .nav-item .nav-link.active::before, .header .navbar-nav .nav-item .nav-link:hover::before { width: 21px; height: 19px; left: -30px; top: 3px; }
    .header { padding: 15px 0; }
    /* Header End */

    /*footer*/
    .footer-bottom .block-text { font-size: 17px; line-height: 26px; } 
    .footer-img *{ max-width: 300px; } 
    .footer-wrap { padding: 30px 0; }
    /*footer*/
    .staff-wrapper { margin: 30px auto 0 auto; }
}

@media (min-width: 768px) and (max-width: 991px) {
    .block-title { font-size: 22px; line-height: normal; }
    body {font-size: 20px;}
    .large-paragraph { font-size: 20px; line-height: normal; }
    .main-title { font-size: 26px; line-height: normal; }
    .btn { font-size: 20px; font-weight: normal; line-height: 26px; padding: 15px 38px; } 

    /*footer*/
    .footer-right > *:not(:last-child) { margin: 0 30px 0 0; padding: 10px 20px 10px 0px; } .footer-right ul li a, .footer-right ul li { font-size: 15px; line-height: 23px; }
    /*footer*/
    
    /*reportit*/
    .reportit-main { padding: 70px 0; }
    /*reportit*/

    /*mikroliitti*/
    .mikroliitti-oy-img { width: 48%; margin: 0 0 0 auto; } 
    .mikroliitti-inner-block .large-paragraph { font-size: 17px; line-height: normal;  margin: 0 0 9px 0;}
    /*mikroliitti*/

    .disc::before { width: 43px; height: 30px; top: 3px; background-size: contain; } 
    .common-space-vector { padding-left: 48px; }

    .mikroliitti-inner-block ul li{ word-wrap: break-word; } 
    /* .mikroliitti-oy-odd-even > *:nth-child(even) .mikroliitti-inner {  margin: 0 0 0 auto; }  */
    .mikroliitti-inner-block ul li { font-size: 22px; line-height: 31px; } 
    .mikroliitti-inner-block ul li { font-size: 17px; line-height: normal; } 
    .mikroliitti-inner-block .btn { font-size: 15px; font-weight: normal; line-height: 26px; padding: 6px 33px; } 
    .mikroliitti-oy-odd-even > *:nth-child(even) .mikroliitti-oy-img { width: 53.3%; margin: auto 0 0 0; } 
    .mikroliitti-oy-odd-even  .mikroliitti-oy-right { height: 390px; }
    
    .mikroliitti-oy-odd-even > *:nth-child(even) .mikroliitti-inner { max-width: 350px; margin: 0 auto 0 0;} 
    .mikroliitti-oy-odd-even > *:nth-child(even) .mikroliitti-inner-block { margin-left: 15px; } 
    .mikroliitti-inner-block { margin-left: calc(50vw - 358px); }
    .mikroliitti-inner { padding: 0 15px 0 0px;  }
    .mikroliitti-oy-img { width: 54.5%; }

    .mikroliitti-oy-odd-even > *:nth-child(even) { justify-content: space-between; }


    .banner-btn-flx .btn { padding: 8px 27px ! important; font-size: 17px; }
    .read-more-link { padding: 0px 0 20px; } 
    .banner-right .container { max-width: 765px; } 
    .banner-content-main { max-width: 333px; } 
    .banner-content-main .main-title { font-size: 26px; line-height: 32px; }
    .read-more-link-inner {  max-width: 333px; margin: 0 auto; } 
    .banner-right { width: 47%; } .banner-left { width: 53.4%; } 
    .banner-content { padding: 80px 0 0 0; }
    /*inner banner*/

    .inner-banner .inner-banner-detail { padding: 50px 0 150px 0; } 
    .inner-banner { background-position: center !important; } 
    .inner-banner-vector { bottom: -28px; }
    /*inner banner*/

    /*tietoa&historiaa page*/
    .info-history-main .reportit-main { padding: 50px 0; } 
    .info-history-main .reportit-main:nth-child(even) { padding: 50px 0; } 
    .info-history-main .main-title { margin: 0 0 10px 0; } 
    .info-history-main .reportit-right .btn { padding: 12px 48px !important; }
    /*tietoa&historiaa page*/

    /*palvelut page*/
    .act-for-customer { padding: 70px 0; }
    /*services */
    .services-wrapper .row > * { padding-left: 15px; padding-right: 15px; } 
    .services-wrapper .row { margin-left: -15px; margin-right: -15px; } 
    .sevrices-block { height: Calc(100% - 30px); margin: 0 0 30px 0; } 
    .services-wrapper .btn-flx { margin: 30px 0 0 0; } .services-main { padding: 0 0 50px 0; } 
    .services-img img { max-width: 160px; } .services-img { min-height: 233px; height: unset; } 
    .services-detail .block-title { word-break: break-word; } 
    .services-wrapper .btn-flx .btn{ padding: 12px 52px !important; } 
    .services-wrapper .btn-flx .btn:not(:last-child) { margin-right: 30px; }
    /*services */
    /*palvelut page*/

    .mikroliitti-location { padding-right: 23px; } 
    .mikroliitti-location-text { margin-right: 38px; padding-top: 8px; font-size: 17px; line-height: 23px; } 
    .mikroliitti-location-wrap { padding-bottom: 47px; margin-bottom: 50px; padding-top: 28px; } 
    .mikroliitti-location .large-paragraph { font-size: 17px; line-height: 23px; } 
    .mikroliitti-location-text *{ margin: 0 ; }

    .staff-main { padding: 0 0 35px 0; } 
    .staff-wrapper .row > * { padding-left: 15px; padding-right: 15px; } 
    .staff-wrapper .row { margin-left: -15px; margin-right: -15px; } 
    .staff-block { height: Calc(100% - 30px); margin: 0 0 30px 0; } 
    .staff-img * { width: 100%; height: 100%; object-fit: cover; object-position: top; } 
    .staff-detail .large-paragraph { font-size: 17px; line-height: 22px; font-weight: 300; margin: 7px 0 11px; } 
    .staff-contact * { font-size: 17px; } .staff-block .staff-img { height: 211px; } 
    .staff-detail .block-title { font-size: 24px; }


    .contact-wrap .btn { padding: 17px 62px; margin: 30px 0 0 0; } 
    .contact-wrap .form-group .form-control { font-size: 19px; line-height: 24px; } 
    .contact-main { background: #F7F7F7; padding: 60px 0; } 
    .contact-wrap .form-group label { font-size: 16px; } 
    .contact-wrap  .row > * { padding-left: 8px; padding-right: 8px; } 
    .contact-wrap .row { margin-left: -8px; margin-right: -8px; } 
    .contact-wrap .form-group { margin: 0 0 30px 0; }

    /*referenssit*/
    .filter-wrapper { padding: 32px 54px 85px 42px; max-width: 100%; } 
    .tulokset-right { padding: 30px 15px 0 0; margin-left: 38px; } 
    .filter-content-block { margin-bottom: 30px; } 
    .tulokset-right .main-title { margin-bottom: 45px; } 
    .filter-wrapper .form-control { font-size: 16px; line-height: 26px; } 
    .filter-content-block .link { font-size: 18px; line-height: 28px; } 
    .tulokset-main .form-group label { font-size: 19px; line-height: 25px; }
    .filter-button .accordion-body { width: calc(100% + 0px); } 
    .filter-button .title { font-size: 19px; line-height: 24px; } 
    .filter-button .form-check-label { font-size: 19px; line-height: 24px; } 
    .filter-button .title::after { top: 18px; } 
    .contact-wrap .wpcf7-spinner { top: -42px; right: 65px; } 
    .contact-wrap .wpcf7-not-valid-tip { font-size: 17px; }
    /*referenssit*/
}
@media (max-width: 767px) {
    .block-title { font-size: 20px; line-height: normal; }
    body{font-size: 18px; line-height: normal;}
    .large-paragraph { font-size: 18px; line-height: normal; }
    .main-title { font-size: 24px; line-height: normal;}
    .btn { font-size: 18px; font-weight: normal; line-height: 26px; padding: 11px 30px; } 
    
    /*footer*/
    .footer-inner { flex-direction: column; row-gap: 20px; } 
    .footer-right ul li a, .footer-right ul li { font-size: 15px; line-height: 27px; } 
    .footer-bottom { padding: 13px 0; } 
    .footer-bottom .block-text { font-size: 15px; text-align: center; line-height: 26px; }
    /*footer*/

    /*reportit*/
    .reportit-main { padding: 50px 0; }
    /*reportit*/

    /*mikroliitti*/
    .mikroliitti-inner-block ul { margin: 12px 0 10px 0; }
    .mikroliitti-oy-img { width: 100%; margin: 0 0 0 auto; } 
    .mikroliitti-inner-block .large-paragraph { font-size: 17px; line-height: normal; }


    .mikroliitti-oy-odd-even > *:nth-child(even) .mikroliitti-inner-block { margin-left: 0; } 
    .mikroliitti-inner-block { margin-left: unset; }
    .mikroliitti-inner { padding: 0 15px 34px 15px; width: 100%; }
    .mikroliitti-oy-img { width: 100%; }
    .mikroliitti-oy-odd-even > *:nth-child(even) { flex-direction: column;}
    /*mikroliitti*/
    
    .disc::before { width: 43px; height: 30px; top: 3px; background-size: contain; } 
    .common-space-vector { padding-left: 47px; }

    .mikroliitti-oy-wrp { position: relative; top: unset; transform:unset; -webkit-transform:unset; -moz-transform:unset; -ms-transform:unset; -o-transform:unset; }

    .mikroliitti-oy-wrp { margin: 20px 0; }
    .mikroliitti-oy-odd-even > *:nth-child(even) .mikroliitti-oy-img { width: 100%; }
    .mikroliitti-inner-block ul li { font-size: 18px; word-break: break-word; line-height: normal; } 
    .mikroliitti-inner-block  .btn { font-size: 16px; font-weight: normal; line-height: 22px; padding: 9px 29px; } 
    .mikroliitti-oy-main { display: flex ; flex-direction: column;         padding: 30px 0 0 0;}

    .banner-img { width: 100%; } 
    .banner-content-main { max-width: 510px; }
    .banner-left { flex-direction: column-reverse; width: 100%;} 
    .banner-content { padding: 70px 0 0 0; } 
    .read-more-link { padding: 0px 0 20px; } 
    .banner-btn-flx .btn { padding: 13px 34px !important; font-size: 17px ; line-height: 20px; } 
    .read-more-link-inner { max-width: 510px; }
    /*inner banner*/
    .inner-banner .inner-banner-detail { padding: 50px 0 100px 0; } 
    .inner-banner { background-position: center !important; } 
    .inner-banner-vector { bottom: -28px; }
    /*inner banner*/
    /*tietoa&historiaa page*/
    .info-history-main .reportit-main { padding: 50px 0; } 
    .info-history-main .reportit-main:nth-child(even) { padding: 50px 0; } 
    .info-history-main .main-title { margin: 0 0 10px 0; } 
    .info-history-main .reportit-right .btn { padding: 12px 48px !important; }
    /*tietoa&historiaa page*/

    /*palvelut page*/
    .act-for-customer { padding: 48px 0 43px; } .act-for-customer .read-more-link { padding: 30px 0 0px; }
    /*services */
    .services-wrapper .row > * { padding-left: 15px; padding-right: 15px; } 
    .services-wrapper .row { margin-left: -15px; margin-right: -15px; } 
    .sevrices-block { height: Calc(100% - 30px); margin: 0 0 30px 0; } 
    .services-wrapper .btn-flx { margin: 20px 0 0 0; } 
    .services-main { padding: 0 0 50px 0; } .services-img img { max-width: 160px; } 
    .services-img { min-height: 233px; height: unset; } 
    .services-detail .block-title { word-break: break-word; } 
    .services-wrapper .btn-flx .btn{ padding: 12px 52px !important; } 
    .services-wrapper .btn-flx .btn:not(:last-child) { margin-right: 30px; } 
    .services-detail { min-height: 200px; }
    /*services */
    /*palvelut page*/
    .mikroliitti-location { padding-right: 11px; margin-right: 20px; } 
    .mikroliitti-location-text { margin-right: 20px; padding-top: 8px; font-size: 17px; line-height: 23px; } 
    .mikroliitti-location-wrap { padding-bottom: 47px; margin-bottom: 20px; padding-top: 28px; } 
    .mikroliitti-location .large-paragraph { font-size: 17px; line-height: 23px; } 
    .mikroliitti-location-text * { margin: 0 ; }

    .staff-main { padding: 0 0 35px 0; } 
    .staff-wrapper .row > * { padding-left: 10px; padding-right: 10px; } 
    .staff-wrapper .row { margin-left: -10px; margin-right: -10px; } 
    .staff-block { height: Calc(100% - 20px); margin: 0 0 20px 0; } 
    .staff-img * { width: 100%; height: 340px; } 
    .staff-detail .large-paragraph { font-size: 17px; line-height: 22px; font-weight: 300; margin: 7px 0 11px; } 
    .staff-contact * { font-size: 15px;         word-wrap: break-word; } 
    .staff-block .staff-img { height: 211px; } 
    .staff-detail .block-title { font-size: 21px; }

    .contact-wrap .btn { padding: 12px 62px; margin: 40px 0 0 0; } 
    .contact-wrap .form-group .form-control { font-size: 19px; line-height: 24px; } 
    .contact-main { background: #F7F7F7; padding: 30px 0; } 
    .contact-wrap .form-group label { font-size: 16px; line-height: 20px; } 
    .contact-wrap  .row > * { padding-left: 8px; padding-right: 8px; } 
    .contact-wrap .row { margin-left: -8px; margin-right: -8px; } 
    .contact-wrap .form-group { margin: 0 0 23px 0; } 
    .form-group input[type="checkbox"].form-control { border-radius: 6px; max-width: 18px; width: 100%; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; }
    .contact-wrap .wpcf7-spinner { top: -42px; right: 65px; }    

    /*referenssit*/
    .filter-wrapper { padding: 32px 54px 85px 42px; max-width: 100%; } 
    .tulokset-right { padding: 30px 15px 0 0; margin-left: 20px; } 
    .filter-content-block { margin-bottom: 30px; } 
    .tulokset-right .main-title { margin-bottom: 30px; } 
    .filter-wrapper .form-control { font-size: 16px; line-height: 26px; } 
    .filter-content-block .link { font-size: 18px; line-height: 28px; } 
    .tulokset-main .form-group label { font-size: 19px; line-height: 25px; } 
    .filter-wrapper { padding: 30px 28px 85px 25px; } 
    .filter-content-block .location { font-size: 22px; line-height: 28px; }
    /*referenssit*/

    .banner-inner { flex-direction: column-reverse; }
    .banner-right { width: 100%; }

    /* 404 Start */
    .typography-wrp { padding: 50px 0; }
    .typography-wrp .main-title {margin: 0 0 20px;}
    .typography-wrp .block-title { margin: 0 0 20px; }
    .typography-wrp .common-detail { margin: 0 0 20px; }
    /* 404 End */

    .filter-button .title { font-size: 16px; line-height: 26px; padding: 8px 32px 7px 10px; } 
    .filter-button .accordion-body { max-width: 278px; width: 100%; } 
    .filter-button .title { font-size: 16px; line-height: 20px; } 
    .filter-button .form-check-label { font-size: 16px; line-height: 25px; } 
    .filter-button .title::after { top: 13px; } 
    .contact-wrap .wpcf7-not-valid-tip { top: 56px; font-size: 15px; }

    .staff-wrapper.common-space-vector {
        padding-left: 0px;
    }
}
/*---------- Small Mobile , IPhone Start ----------*/

/*=== Screen Size = 240, 320, 360, 480, 568 ===*/
@media (min-width: 576px) and (max-width: 767px) {
    .mikroliitti-inner { max-width: 546px; }
}

@media (max-width: 575px) {
    .block-title { font-size: 18px; line-height: normal; }
    body{font-size: 16px; line-height: normal;}
    .large-paragraph { font-size: 16px; line-height: normal; }
    .main-title { font-size: 25px; line-height: 30px;}
    .btn {  font-size: 16px; line-height: 26px; padding: 7px 20px; } 

    /*header*/
    .header .navbar-brand { max-width: 200px; } 

    /*header*/

    /*footer*/
    .footer-img *{ max-width: 200px; } 
    .footer-right { flex-wrap: wrap; } 
    .footer-right > *:not(:last-child) { margin: 0 13px 0 0; padding: 10px 14px 10px 0; border-right: 2px solid #070707; }
    /*footer*/

    /*reportit*/
    .reportit-left img { max-width:35px; } 
    .reportit-main { padding: 40px 0; } 
    .reportit-text { margin: 10px 0 0; }
    /*reportit*/


    .banner-content { padding: 35px 0 0 0; row-gap: 10px;} 
    .read-more-link-inner { max-width: 100%; } 
    .read-more-link { padding: 0px 20px 20px; }

    /*inner banner*/
    .inner-banner-vector { bottom: -19px; } 
    .inner-banner .inner-banner-detail { padding: 40px 0 100px 0; } 
    .inner-banner { background-position: center !important; }
    /*inner banner*/

    /*tietoa&historiaa page*/
    .info-history-main .reportit-main { padding: 50px 0; } 
    .info-history-main .reportit-main:nth-child(even) { padding: 50px 0; } 
    .info-history-main .main-title { margin: 0 0 10px 0; } 
    .info-history-main .reportit-right .btn { padding: 12px 48px !important; }
    /*tietoa&historiaa page*/

    /*palvelut page*/

    /*services */
    .services-detail { min-height: 130px; } 
    .services-img img { max-width: 140px; } 
    .services-detail .common-text { font-size: 16px; line-height: 21px; } 
    .services-wrapper .btn-flx .btn { padding: 13px 21px !important; font-size: 14px; line-height: 16px; } 
    .services-wrapper .btn-flx .btn:not(:last-child) { margin-right: 8px; } 
    .services-wrapper .btn-flx { margin: 0px 0 0 0; } 
    .services-img { min-height: 170px; }
    /*services */
    /*palvelut page*/

    .mikroliitti-location { padding-right: 0; border-right: 0px; } 
    .mikroliitti-location-text { margin-right: 0; padding: 8px 0 0 50px; font-size: 17px; line-height: 23px; } 
    .mikroliitti-location-inner { flex-direction: column; } 
    .staff-img * {    height: auto; width: 100%;     max-height: 300px; object-fit: cover; object-position: top;} 
    .staff-block .staff-img { height:auto;         max-height: 300px; }
    .staff-detail { text-align: center; }
    /*contact*/
    .contact-wrap .form-group .form-control { padding: 12px; } 
    .contact-wrap .form-group .form-control { font-size: 17px; line-height: 22px; }
    /*contact*/

    /*referenssit*/
    .filter-wrapper { padding: 32px 54px 85px 42px; max-width: 100%; } 
    .tulokset-right { padding: 30px 15px 0 0; margin-left: 38px; } 
    .filter-content-block { margin-bottom: 30px; } 
    .tulokset-right .main-title { margin-bottom: 30px; } 
    .filter-wrapper .form-control { font-size: 16px; line-height: 26px; } 
    .filter-content-block .link { font-size: 18px; line-height: 28px; word-wrap: break-word; } 
    .tulokset-main .form-group label { font-size: 19px; line-height: 25px; }
    /*referenssit*/

    /*referenssit*/
    .tulokset-inner { display: flex ; flex-direction: column; } 
    .filter-wrapper { padding: 30px 28px 30px 25px; } 
    .tulokset-right { padding: 30px 15px 0 0; margin-left: 20px; }
    /*referenssit*/


    .banner-content-main { max-width: 530px; padding: 0 15px; }
    .banner-btn-flx .btn { padding: 10px 26px !important; font-size: 15px; line-height: 20px; }
    .banner-btn-flx .btn.btn-orange { padding: 10px 31px !important;  }
    .contact-wrap .wpcf7-not-valid-tip { top: 50px; font-size: 15px; }
}
@media (max-width: 360px) { 
    /*footer*/
    .footer-right { flex-direction: column; } 
    .footer-right > *:not(:last-child) { margin: 0 0px 0 0; padding: 10px 0px 10px 0; border-right: none; } 
    .footer-inner { align-items: flex-start; }
    /*footer*/

    .disc::before { width: 36px; height: 24px; top: 6px; background-size: contain; }


        .staff-img * {
        max-height: 240px;
        }
}