/* Normal desktop :1400px. */
@media (min-width: 1400px) and (max-width: 1600px){
}
/* Normal desktop :1300px. */
@media (min-width: 1300px) and (max-width:1399px){
  .kivipiste-section-title p {
      width: 90%;
  }
  .service-single-box {
      padding: 45px 10px 35px;
  }
  .service-single-box::before {
      top: 34px;
      left: 93px;
  }
  .kivipiste-section-title.text-center p {
      width: 75%;
  }
  .image img {
      width: 100%;
  }
  .rpost-thumb {
      margin-right: 15px;
  }
  .cloud-tag li a {
      padding: 8px 18px;
  }
  .footer-link-title h6 {
      margin-top: -52px;
  }
}

/* Normal desktop :1200px. */
@media (min-width: 1200px) and (max-width: 1299px) {
  /*Home page one*/
  .service-single-box::before {
      top: 33px;
      left: 92px;
  }
  .service-single-box {
      padding: 40px 10px 30px;
  }
  .kivipiste-section-title.text-center p {
      width: 60%;
      margin: 0 auto;
  }
  .image img {
      width: 100%;
  }
  .rpost-thumb {
      margin-right: 18px;
  }
  .cloud-tag li a {
      padding: 8px 18px;
  }
  .footer-link-title h6 {
      margin-top: -48px;
  }
}

/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1199px) {
  /*Home page one*/
  .hero-title h2 {
      font-size: 55px;
      line-height: 58px;
  }
  .hero-text p {
      width: 90%;
  }
  .hero-section {
      height: 800px;
  }
  .about-thumb img {
      width: 100%;
  }
  .about-shape-two img {
      width: 80%;
      left: 43px;
  }
  .about-shape-there {
      top: -21px;
      left: -16px;
  }
  .about-image img {
      width: 80%;
  }
  img.img2 {
      left: 85px;
  }
  .kivipiste-section-title p {
      width: 100%;
  }
  .kivipiste-section-title h1 {
      font-size: 36px;
      line-height: 45px;
  }
  .blog-des p {
      width: 92%;
  }
  .service-single-box::before {
      top: 31px;
      left: 68px;
  }
  .service-single-box {
      padding: 35px 10px 30px;
  }
  .service-details-thumb img {
      width: 100%;
  }
  .service-details-content {
      margin-right: 0;
  }
  .title h4 {
      margin-bottom: 12px;
      margin-top: 0;
  }
  .single-content-box {
      margin-bottom: 50px;
      padding-bottom: 50px;
  }
  .call-action-des p {
      width: 50%;
  }
  .row.footer-bottom {
      margin-top: 70px;
  }
  .business-widget .inner-box {
      padding: 35px 15px 35px;
  }
  .business-widget .inner-box h3 {
      font-size: 22px;
      line-height: 30px;
  }
  .image img {
      width: 100%;
  }
  .contact-thumb img {
      left: -345px;
  }
  .widget-sidebar-box {
      padding: 30px 15px 30px;
  }
  .sidebar-search-box {
      padding: 30px 15px 30px;
  }
  .rpost-thumb {
      margin-right: 10px;
  }
  .rpost-title h4 a {
      font-size: 16px;
  }
  .rpost-title span {
      font-size: 14px;
  }
  .cloud-tag li a {
      padding: 5px 10px;
  }
  .nav-links > div > a {
      font-size: 18px;
      padding: 30px 30px;
  }
  .footer-link-title h6 {
      margin-top: -72px;
  }
}
/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {
  .sticky {
      position: absolute !important;
  }
  .kivipiste_nav_manu {
      display: none;
  }
  ul.nav_scroll li a i {
      display: none;
  }
  .dark-light {
      top: 15px;
      right: 70px;
  }
  .logo-holder {
    padding-top: 50px;
  }
  .hero-section {
      min-height: 1000px!important;
  }
  .hero-title h2 {
      font-size: 50px;
      line-height: 55px;
  }
  .hero-section img {
    width: 100%;
    max-width: 300px;
    height: auto;
  }
  .single-service-box {
      margin-bottom: 30px;
  }
  .about-thumb img {
      width: 100%;
  }
  .about-content {
      margin-top: 50px;
  }
  .case_study_menu ul {
      text-align: left;
  }
  .case_study_menu ul li {
      padding: 10px 16px;
  }
  .call-action-des p {
      width: 65%;
  }
  .footer-social {
      margin-bottom: 50px;
  }
  .footer-link-title h6 {
      margin-top: -90px;
      margin-bottom: 0px;
  }
  .footer-link-title h6 a {
      margin-bottom: 0;
  }
  .service-single-box {
      margin-bottom: 30px;
  }
  .kivipiste-section-title.text-center p {
      width: 75%;
  }
  .service-details-thumb img {
      width: 100%;
  }
  .service-details-content {
      margin-right: 0;
  }
  .title h4 {
      font-size: 20px;
      margin-bottom: 10px;
  }
  .single-content-box {
      margin-bottom: 40px;
      padding-bottom: 30px;
  }
  .image {
      margin-bottom: 30px;
  }
  .contact-thumb img {
      position: inherit;
      left: 0;
      width: 100%;
  }
  .nav-links > div > a {
      padding: 25px 30px;
  }
  .cloud-tag li a {
      padding: 5px 10px;
  }
}
/* Large Mobile :600px. */
@media only screen and (min-width: 600px) and (max-width: 767px) {
  .sticky {
      position: absolute !important;
  }
  .kivipiste_nav_manu {
      display: none;
  }
  ul.nav_scroll li a i {
      display: none;
  }
  .dark-light {
      top: 16px;
      right: 60px;
  }
  .logo-holder {
    padding-top: 50px;
  }
  .hero-section {
      min-height: 1000px!important;
  }
  .hero-section img {
    width: 100%;
    max-width: 300px;
    height: auto;
  }
  .hero-content {
    padding-top: 0px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .hero-logo .logo {
      margin-right: 20px;
  }
  .hero-logo .logo img {
      /*max-width: 90px;*/
  }
  .kivipiste-section-title h1 {
      font-size: 26px;
      line-height: 35px;
  }
  .single-service-box {
      margin-bottom: 30px;
  }
  .about-content {
      margin-top: 80px;
  }
  .case_study_menu ul {
      text-align: left;
  }
  .case_study_menu ul li {
      font-size: 15px;
      padding: 8px 9px;
      margin: 0 3px;
  }
  .call-action-des p {
      width: 90%;
  }
  .footer-social {
      margin-bottom: 30px;
  }
  .footer-link {
      margin-top: 30px;
  }
  .footer-right-content {
      text-align: left;
  }
  .kivipiste-section-title p {
      width: 95%;
  }
  .service-single-box {
      margin-bottom: 30px;
  }
  .service-single-box::before {
      top: 33px;
      left: 220px;
  }
  .kivipiste-section-title.text-center p {
      width: 100%;
  }
  .single-content-box {
      margin-bottom: 40px;
      padding-bottom: 40px;
  }
  .business-widget .inner-box {
      padding: 20px 25px 20px;
  }
  .service-single {
      margin-left: 0;
  }
  .image img {
      width: 100%;
  }
  .image {
      margin-bottom: 20px;
  }
  .contact-thumb img {
      position: inherit;
      width: 100%;
      left: 0;
  }
  .cloud-tag li a {
      padding: 8px 12px;
      font-size: 15px;
  }
  .blog-details__title {
      font-size: 25px;
  }
  .nav-links > div > a {
      font-size: 16px;
      padding: 20px 20px;
  }
  .footer-link-title h6 a {
      margin-bottom: 0;
      font-size: 20px;
  }
}
/* small mobile :480px. */
@media only screen and (min-width: 480px) and (max-width: 599px) {
  /*Home page one */
  .sticky {
      position: absolute !important;
  }
  .logo-holder {
    padding-top: 70px;
  }
  .hero-section {
      min-height: 1000px!important;
  }
  .hero-section img {
    width: 100%;
    max-width: 300px;
    height: auto;
  }
  .hero-logo .logo {
      margin-right: 20px;
  }
  .kivipiste_nav_manu {
      display: none;
  }
  ul.nav_scroll li a i {
      display: none;
  }
  .hero-title h2 {
      font-size: 50px;
      line-height: 55px;
  }
  .kivipiste-button {
      text-align: left;
      margin-bottom: 20px;
  }
  .single-service-box {
      margin-bottom: 30px;
  }
  .about-thumb img {
      width: 100%;
  }
  .about-shape-two img {
      width: 90%;
      left: 0;
  }
  .about-content {
      margin-top: 70px;
  }
  .hero-content {
    padding-top: 0px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .hero-logo .logo {
      margin-right: 20px;
  }
  .hero-logo .logo img {
      /*max-width: 90px;*/
  }
  .cta-content .logo {
    float: left;
  }
  .cta-content .logo .logo-holder div {
    display: flex;
    justify-content: center;
  }
  .case_study_menu ul {
      text-align: left;
  }
  .case_study_menu ul li {
      padding: 10px 16px;
      margin: 0 8px 15px 0;
  }
  .call-action-des p {
      width: 92%;
  }
  .footer-social {
      margin-bottom: 30px;
  }
  .footer-link {
      margin-top: 30px;
  }
  .footer-right-content {
      text-align: left;
      padding-left: 20px;
  }
  .footer-bottom-left p {
      padding-left: 20px;
  }
  .service-single-box {
      margin-bottom: 30px;
  }
  .service-single-box::before {
      top: 34px;
      left: 188px;
  }
  .kivipiste-section-title.text-center p {
      width: 90%;
  }
  .single-content-box {
      margin-bottom: 40px;
      padding-bottom: 20px;
  }
  .service-details-content {
      margin-right: 0px;
  }
  .title h4 {
      font-size: 20px;
      margin-bottom: 15px;
  }
  .business-widget .inner-box h3 {
      font-size: 20px;
      line-height: 30px;
  }
  .business-widget .inner-box {
      padding: 25px 20px 25px;
  }
  .service-single {
      margin-left: 0;
  }
  .image img {
      width: 100%;
  }
  .image {
      margin-bottom: 20px;
  }
  .contact-thumb img {
      position: inherit;
      width: 100%;
      left: -305px;
  }
  .blog-details__title {
      font-size: 21px;
      margin-bottom: 10px;
  }
  .blog-details__bottom p {
      margin-bottom: 30px;
  }
  .blog-details__social-list {
      margin-left: 58px;
  }
  .nav-links > div > a {
      font-size: 16px;
      padding: 15px 20px;
  }
  .footer-link-title h6 a {
      font-size: 20px;
      margin-bottom: 0;
  }
}
/* small mobile :320px. */
@media only screen and (min-width: 120px) and (max-width: 479px) {
  .sticky {
      position: absolute !important;
  }
  ul.nav_scroll li a i {
      display: none;
  }
  .kivipiste_nav_manu {
      display: none;
  }
  .logo-holder {
    padding-top: 120px;
  }
  .hero-section {
      min-height: 1000px!important;
  }
  .hero-button {
    margin-bottom: 50px;
  }
  .hero-section img {
    width: 100%;
    max-width: 300px;
    height: auto;
  }
  .hero-title h2 {
      font-size: 40px;
      line-height: 45px;
  }
  .hero-text p {
      width: 100%;
      margin-top: 20px;
      font-size: 14px;
  }
  .hero-content {
    padding-top: 0px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .hero-logo .logo {
      margin-right: 20px;
  }
  .hero-logo .logo img {
      /*max-width: 90px;*/
  }
  .cta-content .logo {
    float: left;
  }
  .cta-content .logo .logo-holder div {
    display: flex;
    justify-content: center;
  }
  .kivipiste-section-title h1 {
      font-size: 30px;
  }
  .kivipiste-button {
      text-align: left;
      margin-bottom: 25px;
  }
  .single-service-box {
      margin-bottom: 30px;
  }
  .about-thumb img {
      width: 100%;
  }
  .about-shape-two {
      left: 19px;
  }
  .about-shape-two img {
      width: 80%;
  }
  .about-content {
      margin-top: 30px;
  }
  section.about-section .kivipiste-section-title h1 {
      font-size: 26px;
      line-height: 35px;
  }
  section.about-section .kivipiste-section-title p {
      width: 100%;
      margin-top: 30px;
  }
  .about-img {
      margin-top: 40px;
  }
  .case_study_menu ul {
      text-align: left;
  }
  .case_study_menu ul li {
      font-size: 15px;
      padding: 6px 10px;
      margin: 0 5px 20px;
  }
  .call-action-title h2 {
      font-size: 25px;
  }
  .call-action-des p {
      font-size: 15px;
      width: 95%;
  }
  .footer-social {
      margin-bottom: 30px;
  }
  .footer-link-title h6 a {
      font-size: 20px;
      margin-bottom: 0;
  }
  .footer-link {
      margin-bottom: 35px;
  }
  .row.footer-bottom {
      margin-top: 50px;
      padding: 30px 0 30px;
  }
  .footer-bottom-left {
      margin-left: 15px;
  }
  .about-image img {
      width: 100%;
  }
  img.img2 {
      left: 110px;
      bottom: 28px;
  }
  section.about-area .kivipiste-section-title h1 {
      font-size: 25px;
      line-height: 35px;
  }
  .kivipiste-section-title p {
      width: 100%;
      margin-top: 20px;
  }
  /* inner service */
  .service-single-box {
      margin-bottom: 30px;
  }
  .service-single-box::before {
      top: 33px;
      left: 109px;
  }
  .breadcumb-title h1 {
      font-size: 43px;
  }
  section.service-details-area .kivipiste-section-title h1 {
      font-size: 25px;
  }
  section.service-details-area .kivipiste-section-title.text-center p {
      width: 100%;
  }
  .service-details-thumb img {
      width: 100%;
  }
  .service-details-content {
      margin-right: 0;
  }
  .title h4 {
      margin-bottom: 10px;
      font-size: 18px;
  }
  .single-content-box {
      margin-bottom: 30px;
      padding-bottom: 20px;
  }
  .sidebar-page-repair .sidebar-side .with-padding {
      padding-right: 0;
  }
  .business-widget .inner-box {
      padding: 15px 15px 20px;
  }
  .business-widget .inner-box h3 {
      font-size: 18px;
      line-height: 28px;
  }
  .service-single {
      margin-left: 0;
  }
  .image img {
      width: 100%;
  }
  .lower-content h3 {
      font-size: 20px;
      margin:0px;
  }
  .image {
      margin-bottom: 20px;
  }
  h4.floor {
      font-size: 20px;
  }
  h5.skill {
      font-size: 15px;
  }
  .contact-thumb img {
      position: inherit;
      left: 0;
      width: 100%;
  }
  .google-maps iframe {
      height: 400px;
  }
  .rpost-thumb {
      margin-right: 8px;
  }
  .sidebar-search-box {
      padding: 20px 15px 20px;
  }
  .widget-sidebar-box {
      padding: 20px 15px 20px;
  }
  .rpost-title h4 a {
      font-size: 16px;
  }
  .rpost-title span {
      font-size: 14px;
  }
  .cloud-tag li a {
      font-size: 14px;
      padding: 7px 15px;
  }
  h4.sidebar-title.upp {
      font-size: 18px;
  }
  .sidebar-title.upp h3 {
      font-size: 18px;
  }
  .blog-details__title {
      font-size: 17px;
      line-height: 30px;
      margin-bottom: 15px;
  }
  .blog-details__tags a {
      padding: 5px 20px 5px;
  }
  .blog-details__bottom p {
      margin-bottom: 20px;
  }
  .blog-details__social-list {
      margin: 5px 0 0 45px;
  }
  .nav-links {
      display: inline;
  }
  .nav-links .prev {
      width: 100%;
      margin-bottom: 30px;
  }
  .nav-links > div > a {
      font-size: 16px;
      line-height: 20px;
      padding: 20px 20px;
  }
  .nav-links .next {
      display: inline;
  }
  label {
      font-size: 14px;
  }
}