@media only screen and (max-width: 5000px) {


}


@media only screen and (max-width: 3000px) {


}


@media only screen and (max-width: 1200px) {


}


@media only screen and (max-width: 1024px) {

.services-text-box {
    margin: 0;
}



.call-to-action-img-box {
    display: none;
}

.wrap-call-to-action {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.wrapper-blog .section-title {
    margin-left: 100px;
}

.wrap-blog {
    width: 80%;
    margin: 0 auto;
}
  
}


@media only screen and (max-width: 900px) {

 .item-services {
    width: 50%;
} 

/************************* call-to-action **********************/

.item-call-to-action.right {
    width: 50%;
    display: flex;
    justify-content: center;
}


/************************* actualities **********************/

.wrap-blog {
    width: 100%;
} 


}

@media only screen and (max-width: 768px) {
    
.wrapper-services {
    padding: 45px 0 55px;
}

.services-title-icon {
    width: 60px;
    height: 60px;
    padding: 10px;
}

.services-title {
    font-size: 18px;
    width: calc( 100% - 70px);
    margin-bottom: 20px;
}


.wrap-services .line-animation {
    bottom: -20px;
}

.services-text {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.third-btn {
    font-size: 14px;
}


/************************* call to action **********************/

.call-to-action-title {
    font-size: 30px;
    line-height: 30px;
}

.wrapper-call-to-action {
    padding: 35px 0 30px;
}

/************************* actualities **********************/
.wrapper-blog .section-title {
    margin-left: 24px;
}

.blog-content .blog-meta span {
    font-size: 11px;
}

.blog-content .blog-title {
    font-size: 18px;
    text-align: left;
}

.blog-content {
    padding: 25px 15px;
}

.wrapper-blog .nav-btn.prev-slide {
    width: 40px;
    height: 40px;
    left: -10px;
}

.wrapper-blog .nav-btn i {
    font-size: 18px;
}

.wrapper-blog .nav-btn.next-slide {
    width: 40px;
    height: 40px;
    right: -10px;
}

.wrapper-blog {
    padding: 40px 0px 35px;
}

}


@media only screen and (max-width: 600px){
  
  .item-services {
      width: 100%;
  }

  .services-text-box {
      margin: 0 40px;
  }

  .services-text {
      text-align: left;
  }

  /************************* call-to-action **********************/  

.call-to-action-title {
    font-size: 25px;
}

/************************* actualities **********************/  

.blog-img {
    height: 250px;
}

.wrap-blog {
    width: 90%;
    margin: 0 auto;
}

}

@media only screen and (max-width: 500px) {

  
}


@media only screen and (max-width: 486px){

  .wrapper-services {
    padding: 30px 0 40px;
  }

  .services-text-box {
      margin: 0;
  }

  .services-title {
      font-size: 16px;
  }

  .services-text {
      font-size: 13px;
      line-height: 18px;
  }

  .services-text-box {
      padding: 20px 15px 10px 15px;
  }

  .third-btn {
      font-size: 13px;
  } 


  /************************* Call-to-action **********************/  

.wrapper-call-to-action {
    padding: 25px 0 20px;
}

.call-to-action-title {
    font-size: 22px;
    line-height: 25px;
    margin-bottom: 10px;
}

.call-to-action-text {
    margin-bottom: 10px;
}

/************************* actualities **********************/  

.wrapper-blog .section-title {
    margin-left: 0;
}

.blog-img {
    height: 185px;
}

.blog-content .blog-title {
    font-size: 16px;
}

.wrapper-blog .nav-btn.prev-slide {
    width: 35px;
    height: 35px;
    left: -28px;
}

.wrapper-blog .nav-btn.next-slide {
    width: 35px;
    height: 35px;
    right: -28px;
}
      
}


@media only screen and (max-width: 425px) {

  
  
}


@media only screen and (max-width: 375px) {
   

  
}


@media only screen and (max-width: 320px) {


}