/* Media Queries
-------------------------------------------------------------- */

@media only screen and (max-width: 1650px){
  .icon-header{
    display: none;
  }

  .flat-trusted.home3 .media {
    margin-left: -100px;
  }
  .flat-trusted .media-box {
    padding-right: 49px;
  }
  .flat-trusted.home3 .years-title {
    margin-left: 50px;
  }
}

@media only screen and (max-width: 1565px) {
  .slider .mark-slider {
    display: none;
  }
}

@media only screen and (max-width: 1400px){
  .phone-header.phone-style {
    display: none;
  }

  .flat-trusted.home3 .media {
    margin-left: 0px;
  }

  .flat-trusted .media-box {
    padding-right: 30px;
  }

  .flat-trusted.home3 .years-title {
    margin-left: 115px;
    margin-top: -60px;
  }
}

/* ------------------------------------------ */
/* Smaller than standard 1200 */
@media only screen and (max-width: 1199px) {
  .slider.home2 .flat-slider .sld-img img,
  .slider.home3 .flat-slider .sld-img img,
  .slider .flat-slider .sld-img img {
    height: 800px;
    padding: 0;
    object-fit: cover;
  }

  .tf-button{
    display: none;
  }

  .flat-title-page {
    padding: 250px 0 150px 0;
  }

  #site-header .mobile-button {
    display: block;
    z-index: 200;
  }

  .elip-header2,
  .elip-header1 {
    display: none;
  }

  .flat-blog .blog-wrap,
  .flat-case .work-wrap {
    width: 49.5%;
  }

  #footer .footer-left .texts h1 {
    font-size: 180px;
  }

  .flat-work.page-detail .work-post .content h3 {
    line-height: 30px;
  }

  .flat-work.page-detail .work-post .content {
    margin: -135px 7px 0;
  }

  .widget-information ul li .media {
    width: 25.5%;
  }

  .title-imformation {
    width: 74.5%;
  }

  .widget-information ul li .title-imformation.title1 ,
  .widget-information ul li .title-imformation.title2 {
    padding-left: 0;
  }

  .flat-trusted.home3 .years-title {
    margin-left: 0;
    margin-top: -20px;
    text-align: center;
  }

}

@media (min-width: 768px) and (max-width: 991px) {
  .flat-blog-details #contactform .name-wrap,
  .flat-blog-details #contactform .phone-wrap {
    padding-right: 5px;
    padding-bottom: 5px;
  }

  .flat-blog-details #contactform .email-wrap,
  .flat-blog-details #contactform .site-wrap {
    padding-left: 5px;
    padding-bottom: 5px;
  }

  #top-bar .inner .top-bar-left .content-center {
    float: right;
  }

  .flat-work.page-detail .work-post .content {
    padding: 24px 10px 17px;
  }

  .flat-blog .grid-post.style-post .content {
    padding: 10px 30px 30px 29px;
  }
 
  #site-header {
    padding: 0 22px;
  }
  
  .mobile-button {
    right: 24px
  }

  .flat-work.page-detail .work-post {
    margin: 0;
  }

}

/* ------------------------------------------ */
/* Smaller than standard 992 */
@media only screen and (max-width: 991px) {
  .flat-work.home3,
  #footer,
  .flat-blog-grid.style-blog,
  .flat-trusted.home3,
  .flat-blog-grid.home2,
  .flat-testimonial.home2,
  .tf-space {
    padding: 100px 0;
  }

  .flat-servece.page,
  .flat-contact {
    padding: 80px 0 100px;
  }

  .flat-journey.home3 {
    padding-bottom: 100px;
  }

  .slider .content,
  .slider .content.flat {
    left: 0;
    top: 32%;
  }

  .slider .content {
    left: 22px;
    right: 5%
  }

  .slider.home3 .content {
    left: 22px;
  }

  .slider .content h1 {
    font-size: 64px;
    line-height: 74px;
  }

  .flat-counter.style {
    padding-bottom: 270px;
  }

  .flat-counter .counter-box {
    padding-bottom: 40px;
  }

  .phone-header.home3,
  .flat-trusted .tf-mark,
  .flat-counter .mark,
  .button-custom-slider {
    display: none;
  }
  .flat-trusted .trusted-heading {
    padding: 0;
    margin-bottom: 15px;
  }
  .flat-trusted .media .trusted-years {
    right:22%;
  }

  .flat-skill .skill-heading {
    padding: 0;
  }

  .flat-journey .img-mark {
    top : 27.9%;
    left: 33.5%;
  }

  .flat-journey .media.img-2 {
    padding-top: 30px;
  }

  .flat-journey .media.img-3 {
    margin-top: -20px;
  }

  .flat-journey .media.img-3,
  .flat-journey .media.img-1 {
    width: 50%;
    padding: 0;
  }

  .flat-journey .media.img-4 img,
  .flat-journey .media.img-3 img,
  .flat-journey .media.img-1 img,
  .flat-journey .media.img-2 img,
  .flat-trusted .media img,
  .flat-and .media img,
  .flat-skill .media img {
    width: 100%;
  }

  .flat-case .widget.recent-news li {
    padding-bottom: 18px;
  }

  .flat-skill .skill-heading h2,
  .flat-trusted .media-box,
  .flat-and .and-heading {
    padding: 0;
  }

  .flat-and .texts {
    margin: 40px 0;
  }

  .grid-post .content .entry-author {
     margin-right: 25px;
  }
  
  .flat-testimonial .swiper-pagination-testi {
    text-align: center;
  }

  .flat-testimonial.falt-client {
    background-position-y: 25%;
    background-position-x: 50%;
    padding: 115px 0 0;
  }

  .flat-testimonial .testimonial-slider.tf-style {
    margin-top: 200px;
  }

  .flat-case-img,
  .tf-map {
    padding-top: 100px;
  }

  .flat-blog-grid.home03 .grid-post .content p {
    padding-bottom: 25px;
    margin-bottom : 22px;
  }

  .flat-counter.home2,
  .flat-brand-1 .brand-slider {
    padding-bottom: 70px;
  }
 
  .flat-blog-details .post,
  .flat-case-details .post {
    margin-bottom: 50px;
  }

  .flat-case .side-bar,
  .flat-blog-details #contactform .btn-submit-comment  {
    margin-top: 30px;
  }

  .flat-skill .content h3,
  .flat-contact .post,
  .flat-trusted.home3 .media {
    margin: 0;
  }

  .flat-trusted.home3 .years-title {
    margin-left: 0;
    text-align: center;
    margin-top: -20px;
  }

  .flat-servece {
    padding: 80px 0 300px;
  }
  
  #footer .widget {
    margin-bottom: 40px;
    padding      : 0;
  }

  #footer .menu-1 h3,
  #footer .menu-2 h3 {
    margin-bottom: 22px !important;
  }

  #footer .widget h5 {
    margin-bottom: 40px !important;
  }

  .header-style3,
  .header-style2 {
    padding: 0 0 !important;
  }

  .logo-home2 {
    line-height: 0;
  }

  .mobile-button.home2 {
    right: 15px;
    margin-top: -5px;
  }

  .slider.home2 .content h1 {
    font-size: 82px;
    line-height: 92px;
  }

  .flat-servece .title {
    padding: 0 0 30px 0;
  }

  .widget-information ul li .media {
    width: 9%;
    padding-right: 20px;
  }

  .flat-blog .side-bar {
    margin-top: 70px;
  }

  .flat-blog-grid .blog-button {
    margin-bottom: 5px;
  }

  .flat-skill .progress-box1 {
    margin-left: 0;
    margin-right: 30px;
  }

  .flat-and .and-heading p,
  .flat-and .and-heading h2 {
    margin-bottom: 20px;
  }

  .flat-team .team-box {
    margin-bottom: 16px;
  }

  .flat-counter.page {
    padding-bottom: 70px;
  }

  .flat-team {
    padding-bottom: 60px;
  }

  .tf-space.flat-team {
    padding-bottom: 60px;
  }
  
  .flat-blog-details .post .media.img-2,
  .flat-testimonial.home2 .testi-heading {
    margin-bottom: 40px;
  }

  .flat-testimonial.home3 .testimonial-post .reviews-box .media {
    margin-right: 15px;
  }

  .flat-testimonial.home3 .testimonial-post h3 {
    margin: 5px 0 15px;
  }

  .flat-blog-grid.home03 {
    padding-bottom: 105px;
  }

  .flat-case-details .wrap-pogress,
  .flat-case-details .post .text-4 {
    margin-bottom: 30px;
  }

}

/* ------------------------------------------ */
/* All Mobile Sizes */
@media only screen and (max-width: 767px) {

  .flat-blog-grid.home03,
  .flat-trusted.home3,
  .flat-blog-grid.home2,
  .flat-blog-grid.style-blog,
  .tf-space {
    padding: 80px 0;
  }

  .flat-contact {
    padding: 70px 0 80px;
  }

  .flat-work.home3 {
    padding: 80px 0 70px;
  }

  .flat-servece.page {
    padding: 60px 0 80px;
  }

  .flat-journey.home3 {
    padding-bottom: 80px;
  }

  .flat-case-img {
    padding: 80px 0 30px;
  }

  .flat-case-details .post .text-4,
  .flat-blog-grid .blog-heading,
  .flat-team .team-heading,
  .flat-work .work-heading,
  .flat-service .service-heading {
    margin-bottom: 35px;
  }

  .flat-and .and-heading .tf-sub-title,
  .flat-skill .skill-heading .tf-sub-title,
  .tf-sub-title {
    margin-bottom: 10px;
  }
 
  .flat-service .service-post .content {
    padding: 0px 20px 35px;
  }

  .flat-service .service-post .content p {
    margin-bottom: 20px;
  }

  .flat-service.home2 .service-post .content {
    padding-top: 0;
    padding-bottom: 32px;
  }

  .flat-and .texts {
    margin: 20px 0 30px;
  }

  .flat-brand-1 .brand-slider {
    padding-bottom: 65px;
  }

  .tf-map,
  .flat-testimonial.home2 {
    padding-top: 80px;
  }

  .slider.home2 .flat-slider .sld-img img,
  .slider .flat-slider .sld-img img {
    height: 750px;
  }

  #site-header {
    padding: 0 15px;
  }

  .mobile-button {
    right: 16px
  }

  .slider.home2 .content {
    left: 15px;
    top : 18%
  }

  .slider .content {
    left: 15px;
    top : 30%
  }
  
  .slider .content h1 {
    font-size: 42px;
    line-height: 48px;
  }

  .slider .heading {
    margin-bottom: 50px;
  }

  .flat-blog .blog-wrap,
  .flat-case .work-wrap {
    width: 100%;
    display: unset;
  }

  .flat-blog-grid .grid-post .content .title-item {
    padding-bottom: 12px;
  }

  .flat-blog-grid .grid-post {
    margin-bottom: 16px;
  }

  .flat-blog .blog-wrap .grid-post.post-1,
  .flat-blog .blog-wrap .grid-post.post-2 {
    margin: 0 0 30px 0;
  }

  .flat-work.tf-work {
    margin-top: -220px;
  }

  .flat-work .work-post .content {
    padding: 24px 10px 20px 25px;
  }

  .flat-service-details .post .icon-box .icon-three,
  .flat-journey .icon-box .icon-two,
  .flat-trusted .trusted-heading {
    padding-left: 0;
  }

  .flat-and .flat-accordion h5 {
    line-height: 20px;
  }
  .flat-journey .journey-heading,
  .flat-trusted .trusted-heading,
  .flat-skill .skill-heading {
    padding-right: 0;
  }

  .flat-skill .progress-box1 {
    margin: 0 30px 40px 0;
  }
  .flat-skill .progress-box2 {
    margin-bottom: 40px;
  }

  .slider .phone-header.home2,
  .elip-header4,
  .elip-header5,
  .flat-testimonial .media-1,
  .flat-testimonial .media-2 {
    display: none;
  }

  .flat-testimonial.falt-client .testimonial-post .content {
    padding: 50px 30px 50px 30px;
  }
  .flat-testimonial.home2 .testimonial-post .content {
    padding: 30px 15px;
  }
  .flat-testimonial.home2 .testimonial-post .tf-texts {
    padding: 20px 0 0 0;
  }

  .flat-testimonial .testimonial-post .tf-texts {
    padding: 20px 0 0 0;
  }

  .flat-trusted .media .trusted-years {
    right:26%;
  }

  #footer {
    padding: 80px 0;
  }

  .flat-title-page .breadcrumbs h1 {
    font-size: 45px;
    line-height: 55px;
  }

  .footer-widgets-nav-menu .menu-1 {
    margin-bottom: 25px;
  }

  .flat-blog-grid .blog-button {
    margin-top: 20px;
    margin-bottom: 20px;
  }
 
  .flat-service-details .post .text-3,
  .flat-service-details .post .text-2,
  .flat-trusted.home3 p,
  .flat-journey .text-style,
  .flat-skill .skill-heading p,
  .flat-case .side-bar,
  .flat-work.page .work-post.item,
  #comments .comment-list .comment-01,
  .flat-blog-details .post .media-2 {
    margin-bottom: 30px;
  }

  .flat-blog-details .post .post-image {
    padding      : 30px 15px;
    margin-bottom: 30px;
  }

  .flat-blog-details .post .infor-row .tags a {
    padding: 10px 6px;
  }

  .flat-blog-details .post .media.img-2,
  .flat-case-details .post .text-2,
  .flat-case-details .post .text,
  .flat-blog-details .post .text,
  .flat-trusted .media.img-style,
  .flat-testimonial .testimonial-post h3,
  .flat-trusted .text,
  .flat-case-details .post .box-img .image-1 ,
  #comments .comment-list .comment-avatar {
    margin-bottom: 20px;
  }

  .flat-blog-details .post h3 {
    margin: 0 0 20px 0;
  }
  .flat-service-details .post .icon-box {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .flat-blog-details #contactform .style-text {
    width: 100%;
    display: contents;
  }

  .flat-blog-details #contactform .site-wrap,
  .flat-blog-details #contactform .name-wrap {
    padding-bottom: 0 0 10px 0 !important;
  }

  .flat-blog-details #contactform input {
    margin-bottom: 10px;
  }

  .slider.home2 .content h1 {
    font-size: 72px;
    line-height: 80px;
  }

  .slider.home2 .heading {
    margin-bottom: 55px;
  }

  .slider.home3 .content {
    left: 15px;
    top: 20%;
  }

  .slider.home3 .content h1 {
    font-size: 72px;
    line-height: 80px;
  }

  #top-bar .inner .content-left {
    margin-right: 0;
    line-height: 32px;
  }

  #top-bar .inner .top-bar-left {
    text-align: center;
    padding: 9px 0 16px;
  }

  .flat-counter.home2 {
    padding: 0 0 80px 0;
  }
  
  .flat-blog .grid-post.style-post .img-box,
  .flat-journey .icon-box .icon {
    width: 100%;
  }
 
  .flat-journey .media.img-1,
  .flat-journey .media.img-3 {
    margin-top: 0;
    float: none;
    width: 100%;
    margin-bottom: 20px;
  }
  
  .flat-journey .media.img-4,
  .flat-journey .media.img-2 {
    margin-bottom: 20px;
    padding: 0;
  }

  .flat-journey .icon-box .icon-one {
    border-bottom: solid 0px var(--primary-color6);
  }

  .flat-trusted.home3 .years-title {
    margin-top: 0px;
  }

  .flat-service-details .post .box {
    display: flow-root;
    margin-bottom: 15px;
  }

  .flat-service-details .post .box .media {
    margin-bottom: 20px;
    float: none;
  }

  .flat-service-details .post .service-tag.tag2,
  .flat-service-details .post .service-tag.tag1 {
    width : 50%;
    float : left;
    margin: 0;
  }

  .flat-service-details .flat-accordion .toggle-content {
    padding-right: 20px;
  }

  .flat-service-details .post .icon-box .icon {
    width  : 100%; 
    display: inline-flex;
  }

  #site-header {
    display: block;
  }

  #site-logo {
    margin: 35px 0 ;
  }

  .mobile-button.home2 {
    right     : 16px;
    margin-top: -48px;
  }

  .slider.home3 .button.btn-style3,
  .flat-journey .img-mark,
  .flat-counter .counter-box::after,
  .flat-work .swiper-pagination,
  .flat-service .swiper-pagination, 
  .flat-blog-details .post .post-author .author-avatar,
  .flat-blog-details .post .post-image .thumb {
    display: none;
  }

  #top-bar .top-bar-content .inner,
  .flat-blog-details .post .infor-row,
  #comments .comment-list li {
    display: block;
  }

  #top-bar .top-bar-content .inner,
  .flat-blog-details #contactform {
    text-align: center;
  }

  #top-bar {
    height: unset;
  }

  .side-bar {
    padding: 53px 15px 50px 15px;
  }

  #comments .comment-list li.reply {
    margin-left: 10%;
  }

  .search-popup__form input {
    width: 300px;
  }

  .flat-title-page {
    padding: 230px 0 140px 0;
  } 

  .widget-information ul li .media {
    width        : 20.5%;
    padding-right: 20px;
  }

  .flat-case-details .progress-box {   
    float        : unset;
    width        : 100%;
    margin-bottom: 35px;
  }

  .flat-case-details .progress-box.style-1,
  .flat-case-details .progress-box.style-2,
  .flat-case-details .progress-box.style-3,
  .flat-case-details .progress-box.style-4 {
    padding: 0;
  }

  .post h3 {
    line-height: 25px;
  }

  .flat-case-details .post .box-img,
  .flat-blog .grid-post.style-post {
    display: unset;
  }
  
  .flat-case-details .post .box-img .image-2 {
    margin-left: 0;
    margin-bottom: 20px;
  }
 
  .flat-contact .box .title-contact {
    line-height: 58px;
  }

  .flat-blog-details .post .title-comment {
    line-height: 46px;
  }

  .flat-blog .grid-post.style-post .content {
    width: 100%;
    padding: 31px 12px 35px 0px;
  }

  .flat-and {
    background-size: unset;
  }

  .flat-and.and-style {
    padding-bottom: 0;
  }

  .flat-journey .journey-heading {
    padding-top: 20px;
  }

  .flat-work .work-heading h2 {
    margin: 0;
  }
  .flat-service.home3 .service-post ul {
    margin-top: 25px;
  }
  .flat-trusted .trusted-heading {
    margin-top: 30px;
  }
  .flat-service .service-post .media {
    padding-top: 13px;
  }

  .flat-servece {
    padding-top: 60px;
    padding-bottom: 240px;
  }

  .flat-team.home3 {
    margin-top: -190px;
  }

  .flat-brand .brand-slider {
    padding: 20px 0px;
  }
  .flat-journey .icon-box .icon {
    padding-bottom: 35px;
  }

  .flat-case .button-case {
    margin-top: 40px;
  }

  .flat-case .work-wrap .work-post.item1,
  .flat-case .work-wrap .work-post.item2,
  .flat-case-details .wrap-pogress {
    margin: 0;
  }

}

/* ------------------------------------------ */
/* Mobile Portrait Size */

/* ------------------------------------------ */

@media (min-width: 576px) and (max-width: 767px) {
  .mobile-button.home2 {
    margin-top: 0;
  }
}

@media (max-width: 455px) {

  .slider.home3 .flat-slider .sld-img img {
    height: 900px;
  }
  .slider.home3 .content {
    left: 15px;
    top: 17%;
  }

}
@media (max-width: 377px) {

  .themesflat-pagination ul li .page-numbers{
    width: 40px;
    height: 40px;
    line-height: 40px;
  }

  .themesflat-pagination .prev-style, 
  .themesflat-pagination .next-style {
    width: 50px !important;
    height: 40px !important;
  }

  .slider.home2 .content h1 {
    font-size: 68px;
    line-height: 78px;
  }

  .flat-servece .title {
    font-size: 74px;
    line-height: 86px;
  }

  .slider .content {
    top:25%
  }
}

@media (max-width: 330px) { 
  .slider.home2 .content {
    left: 15px;
    top: 10%;
  }
  .flat-work .content h3 {
    line-height: 24px;
  }
}

@media (max-width: 310px) {

  .themesflat-pagination ul li .page-numbers{
    width      : 35px;
    height     : 35px;
    line-height: 35px;
  }

  .themesflat-pagination .prev-style, 
  .themesflat-pagination .next-style {
    width : 45px !important;
    height: 35px !important;
  }

  .video-slider {
    display: none;
  }

  .slider .content h1 {
    font-size  : 38px;
    line-height: 46px;
  }

  .slider.home3 .content h1,
  .slider.home2 .content h1 {
    font-size : 64px;
    line-height: 74px;
  }

  .flat-work .work-post .content h3 {
    font-size: 16px;
  }

  .flat-servece .title {
    font-size  : 58px;
    line-height: 68px;
  }

  .flat-skill .progress-box2,
  .flat-skill .progress-box1 {
    margin: 0 0 30px 0;
    float: unset;
    text-align: center;
  }
  .flat-skill .progress-box2 {
    margin-bottom: 50px;
  }
}

/* ------------------------------------------ */