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

@media only screen and (max-width: 1565px) {
  #site-logo-inner {
    clip-path:none;
  }

  #site-header-right .button-header,
  .swiper-slide-active .slider-right .mark-slider-2,
  .swiper-slide-active .slider-right .mark-slider-1 {
    display: none;
  }

  #site-header-right .header-search {
    margin-right: 40px;
  }
}

/* Smaller than standard 1200 */
@media only screen and (max-width: 1199px) {
  #site-header .mobile-button {
    display: block;
    z-index: 200;
  }

  #site-header #main-nav,
  .swiper-button-next.btn-slide-next,
  .swiper-button-prev.btn-slide-prev {
    display: none;
  }

  #site-header-right .button-header,
  .top-bar-left .mail,
  .top-bar-right .socials-header {
    display: none !important;
  }

  .flat-slider .slider-right,
  .flat-slider .slider-left {
    width: 50%;
  }

  #site-logo {
    width: 30%;
  }

  #site-logo-inner {
    clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%);
  }

  #site-logo-inner .main-logo {
    padding-right: 20px;
    padding-left : 20px;
  }

  #site-header-right {
    right: 25px;
  }

  .flat-slider .slider-left-content h2 {
    font-size  : 50px;
    line-height: 50px;
  }

  .flat-slider .slider-left {
    margin: 40px 0;
  }

  .flat-wcu .contact-request {
    transform: translateY(40%);
  }

  .flat-latest .latest-content-box .latest-content {
    padding: 20px 15px;
  }

  .flat-service .service-box .service-content {
    padding: 15px;
  }

  .flat-contact-request .contact-request-content {
    bottom: -200px;
  }

  .flat-faq-contact .faq-contact-form .name-wrap,
  .flat-faq-contact .faq-contact-form .email-wrap,
  .flat-faq-contact .faq-contact-form .phone-wrap,
  .flat-faq-contact .faq-contact-form .subject-wrap {
    width: 47.3%;
  }

  .flat-contact .contact-icon-box {
    padding: 25px 15px;
  }

  .flat-testimonial .swiper-container.slider-vertical {
    /* height  : 420px; */
}

}

/* Smaller than standard 992 */
@media only screen and (max-width: 991px) {

  .flat-features,
  .flat-about .about-right-content,
  .flat-our-ex,
  .flat-progress,
  .flat-subcribe,
  .flat-latest .latest-content-wrap p,
  .flat-latest .latest-content-wrap,
  .flat-about,
  .flat-about-2,
  .flat-service,
  .flat-team-3,
  .flat-testimonial-2,
  .flat-faq-contact,
  .flat-portfolio-news,
  .flat-wcu .section-title p,
  .flat-skill .about-left-content p,
  .flat-latest,
  .flat-service-details,
  .flat-portfolio-details .main-content .post-media  {
    margin: 0;
  }

  .flat-about .about-left-content,
  .flat-service .service-content-right,
  .flat-progress .progress-content-left,
  #footer .menu-3 {
    padding: 0;
  }

  .tf-space {
    padding: 60px 0;
  }

  .flat-portfolio-news {
    margin-top: -60px;
  }

  #footer-top .footer-schedule {
    padding: 0 20px;
  }

  #footer-top .footer-schedule h2 {
    font-size: 27px;
  }

  #footer .footer-widgets-nav-menu,
  .flat-latest .latest-content-bottom {
    flex-wrap: wrap;
  }

  .swiper-button-prev.btn-custom-carousel-prev,
  .swiper-button-next.btn-custom-carousel-next {
    display: none;
  }

  .flat-contact .contact-icon-box .icon {
    float: unset;
  }

  #footer .menu-1,
  #footer .menu-2,
  .tf-col-4 {
    width: 50%;
  }

  #footer .menu-3,
  .flat-team .team-content-box .team-post img {
    width: 100%;
  }

  .flat-features .features-box {
    margin: 0 10px;
  }

  .flat-blog .post-content-wrap {
    padding: 15px;
  }

  .flat-contact .contact-form {
    padding: 30px;
  }

  .flat-blog .post-content-wrap .post-title {
    padding-left : 15px;
    margin-bottom: 10px;
  }

  .recent-news .texts span {
    font-size  : 10px;
    line-height: 15px;
  }

  .flat-slider .button-slider {
    display: inline-grid;
  }

  .section-title h2 {
    font-size: 31px;
  }

  .flat-contact-request .section-title h2 {
    font-size: 28px;
  }

  .flat-our-ex {
    background-size: contain;
  }

  .flat-subcribe .subcribe-content-right .subcribe-post img {
    transform  : translateY(60px);
    margin-left: -40px;
  }

  .flat-latest .latest-content-box .latest-content {
    margin: -30px 6.5% 0 6.5%;
  }

  .flat-latest .latest-content-bottom .post-readmore {
    margin-bottom: 10px;
  }

  .flat-latest .latest-content-wrap p,
  .flat-counter .about-counter-inner,
  .flat-skill .about-left-content p {
    margin-bottom: 30px;
  }

  .recent-news .texts {
    margin-top: 10px;
  }

  .flat-service .service-content-right,
  .flat-contact-request .contact-request-content {
    margin-top: 20px;
  }

  .flat-about-2 .about-2-content-left .button-contact {
    margin-top: 30px;
  }

  .flat-contact-request .contact-request-form button {
    padding: 16px 15px;
  }

  .flat-contact-request .contact-request-content {
    position: unset;
  }

  .flat-service-details .side-bar .brochures li {
    padding: 18px 10px;
  }

  .flat-service-details .side-bar .brochures li a {
    font-size: 15px;
  }

  .flat-service-details .post-inner .work-process li {
    margin-right: 20px;
  }

  .flat-faq-contact .faq-contact-form .name-wrap,
  .flat-faq-contact .faq-contact-form .email-wrap,
  .flat-faq-contact .faq-contact-form .phone-wrap,
  .flat-faq-contact .faq-contact-form .subject-wrap {
    width: 46.3%;
  }

  .flat-portfolio-details .post-media .content {
    width: 350px;
  }

  .flat-portfolio-details .post-media .content .top,
  .flat-portfolio-details .post-media .content .list li {
    padding: 10px 30px;
  }

  .tf-map .inner {
    height: 400px;
  }

  .flat-our-ex .our-ex-box.view-all-project .button,
   .flat-our-ex .our-ex-box .button {
    left: 10%;
    right: 10%;
  }
  .flat-accordion .flat-toggle .toggle-title {
    padding: 24px 15px;
  }

  /* --------------------------------end */
}

/* All Mobile Sizes */
@media only screen and (max-width: 767px) {
  .flat-blog .post-content-wrap {
 
    height: auto;
}
  .slick-list-content {
    padding: 0;
}
  .industries_Served li {
   
    width: 100%;
  }
  ul.list-unstyled.advantages-list {
    margin: 0 23px;
    padding-left: 0;
    list-style: none;
}
  section {
    padding: 35px 0;
}
.about-section {
  padding: 120px 0px 0;
}
  .sec-title h2 {
  
    position: relative;
    display: block;
    font-size: 28px!important;
    line-height: 33px!important;
    margin-bottom: 12px!important;

  }
  .footer-schedule h2{
    margin-top: 5px;
  }
  #site-header {
  
    vertical-align: middle;
    align-items: center;
}
  .mobile-flex-directioncol
  {
    display: flex;
    flex-direction: column-reverse;
  }
  .mobile-flex-directioncol .text-right
  {
   text-align: left !important;
  }
  .mobile-flex-directioncol .pl-0
  {
padding-left:15px!important;
  }
  .about-section .ml-5 {
    margin-left: 0 !important;
    padding-left: 0 !important;
}
  .fact-counter .column {
    position: relative;
    text-align: center;
    margin-bottom: 0px!important
}
.about-section .exp {

  margin-top: 23px!important;
  margin-bottom: 23px !important;
}
.flat-counter .about-counter-inner {

  padding: 50px 0px 50px!important;
  margin-bottom: 0px!important;
}
.trusted-section .outer-container {
  position: relative;
  margin-top: -10px!important;
}
  .trusted-section .right-col .inner {
    padding: 50px 0px 0px 0px!important;
}
  .about_home_Section .about-counter-inner {
   
    margin-bottom: 0px !important;
}
.flat-counter .about-counter-inner {
 
  border-right: 0px solid rgba(255, 255, 255, 0.15) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
}
	.tf-space {
    padding: 60px 0 0;
}
.slick-arrow {
    overflow: hidden;
    background: transparent;
    border: 1px solid #000;
    color: #000;
    padding: 12px;
    display: inline-block;
    width: 38px;
    height: 46px;
    text-align: right;
    position: absolute;
    float: right;
    margin-bottom: 34px;
    line-height: 24px;
}
.slider-nav .slick-list {
    position: relative;
    display: inline-block;
    width: 90%;
    margin-top: 50px;
    margin-bottom: 25px;
}
.testimonial_slide .slider-nav h3 {
    background: #252638;
    color: #fff;
    padding: 15px 20px;
    border-radius: 4px;
    margin-right: 0;
    margin-left: 15px;
    font-weight: 400;
    height: 100px;
}
	.flat-slider .slider-left-content h2 {
    font-size: 30px;
    line-height: 40px;
}
	#footer-top .footer-schedule h2 {
    font-size: 20px;
}
	.slider_row {
    display: flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    height: auto;
}
.explore-block-two {
    width: 100%;
    display: inline-block;
    position: relative;
    margin: 0 auto 20px;
}
.explore-block-two .inner-box .overlay-content {
    position: absolute;
    left: 0px;
    margin-bottom: 37px;
    top: 20px;
    width: 100%;
    height: 140%;
    background: #ffffff;
    border-radius: 5px;
    box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 15%);
    z-index: 2;
    padding: 20px 14px 0px 14px;
    opacity: 0;
    visibility: hidden;
    transition: all 500ms ease;
}
.flat-work {
    margin: auto;
}
.flat-wcu .wcu-list-services {
    margin-top: 28px;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: row;
}
.flat-wcu .master-icon-box {
    text-align: center;
    margin: 0 auto;
}
.explore-block-two .inner-box {
    position: relative;
    display: block;
    margin-bottom: 80px;
}
	
.explore-block-two .inner-box .overlay-content p {
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 21px;
}
	.flat-slider .button-slider .button:first-child {
    padding: 10px 10px;
    margin-bottom: 39px;
 
}
.flat-slider .button-slider {
    display: flex;
}
.flat-title-page {
    position: relative;
    height: auto;
}
.flat-title-page .breadcrumbs {
  margin: 0 auto;
  padding: 0 0px;
    color: #fff;
    z-index: 50;
    text-align: center;
}
.flat-blog {
    padding: 50px 0 72px 0;
}
	.flat-slider .button-slider .button{
    padding: 10px 10px;
    margin-bottom: 39px;
}
.flat-slider .button-slider {
    margin-top: 9px;
}
.section-title h2 {
    font-size: 25px;
    line-height: 35px;
}
.flat-our-ex .service-box {
    margin: 0px 0 50px 0;
}
.flat-wcu .contact-request input, .flat-wcu .contact-request select {
    border: 1px solid var(--primary-color4);
    border-radius: 4px;
    padding: 13px 19px;
    margin-bottom: 8px;
    color: #333;
}
.flat-about .section-title {
    margin-bottom: 20px;
}
.tf-space.flat-about {
    padding: 16px 0px;
}
.flat-about .section-title h2 {
    line-height: 30px;
}
  .apply-section {
    padding-left: 19px;
    margin-bottom: 23px;
    margin-top: 17px;
}
.apply-section h4 {
  
  margin-bottom: 20px;
}
  .jobs-section li {
   
    margin-bottom: 4px;
    margin-right: 4px;
    
  }
  #footer-top .footer-schedule {
    justify-content: center;
  }

  #footer .menu-1,
  #footer .menu-2,
  .flat-features .features-content-right,
  .flat-our-ex .our-ex-content-right,
  .flat-subcribe .subcribe-content,
  .flat-faq .faq-title-box .section-title p,
  .flat-service-details .post-inner .work-process li {
    padding: 0;
  }

  #footer {
    padding: 60px 0;
  }

  .testimonial-content-right {
    margin-block-start: 30px;
  }

  #footer .menu-1,
  #footer .menu-2,
  .flat-features .features-content-right,
  .flat-our-ex .our-ex-content-right {
    padding: 15px 0;
  }

  #footer .menu-1,
  #footer .menu-2,
  .flat-blog .post-content-archive,
  .flat-slider .slider-left,
  .flat-features .features-content-left,
  .flat-features .features-content-right,
  .flat-faq-contact .faq-contact-form .name-wrap,
  .flat-faq-contact .faq-contact-form .email-wrap,
  .flat-faq-contact .faq-contact-form .phone-wrap,
  .flat-faq-contact .faq-contact-form .subject-wrap,
  .flat-portfolio-details .post-media .content,
  .tf-col-4,
  .tf-col-6 {
    width: 100%;
  }

  .flat-slider .slider-left {
    margin: 30px 0 0px;
  }
.flat-work .section-title h2 {
    line-height: 35px;
}
  .flat-latest .latest-content-box {
    margin: 30px 0;
  }

  .flat-features .carousel {
    padding: 20px 0;
}

  #top-bar,
  /* .flat-slider .slider-right, */
  .features-bullet {
    display: none;
  }
  .flat-slider .slider-right, .flat-slider .slider-left {
    width: 100%;
}
.flat-slider .slider-right {

  padding-top: 0;
}
  .flat-slider .slider-item {
    display: block;
}
  #site-logo {
    width      : 70%;
    line-height: 80px;
  }

  .flat-faq-contact .faq-contact-form {
    padding: 30px;
  }

  .flat-wcu .contact-request {
    transform: translateY(7%);
  }

  .flat-wcu {
    background-position: right;
  }

  .flat-skill {
    background-position: left;
  }

  .flat-about-2 .about-2-content-right {
    margin-top: 50px;
  }

  .flat-contact .title {
    margin-top: 20px;
  }

  .flat-portfolio .flat-filter-isotope {
    flex-wrap: wrap;
  }

  .flat-portfolio .flat-filter-isotope li,
  #footer .footer-schedule .button-footer {
    margin-bottom: 20px;
  }

  .flat-portfolio-details .post-media .content {
    position     : unset;
    border-radius: unset;
  }

  .flat-contact .contact-icon-box .icon {
    float: left;
  }
  .top-search.show {
    top: 53px;
    right: -40px;
  }

  #comments .comment-reply-box {
    margin-left: 10%;
}
.flat-about .about-counter-box .number-counter span, .flat-about-2 .about-2-content-right .about-counter-box .number-counter span, .flat-counter .about-counter-inner .number-counter span {
    font-size: 60px;
    font-weight: 700;
    color: #fff;
}
.tf-counter .flat-about .about-counter-box .number-counter span, .tf-counter .flat-about-2 .about-2-content-right .about-counter-box .number-counter span, .flat-counter .about-counter-inner .number-counter span {
    font-size: 60px;
    font-weight: 700;
    color: #fff;
}
.tf-space.flat-about-2 {
    padding: 0 0 0px;
}
.tf-space.flat-work {
    padding: 0px 0 0px;
}
.tf-space.flat-our-ex {
    padding: 0 0 0px;
}

.flat-about .about-counter-box .number-counter, .flat-about-2 .about-2-content-right .about-counter-box .number-counter, .flat-counter .about-counter-inner .number-counter {
    margin-right: 11px;
    display: inherit;
}
.section-title-page {
  font-size: 30px;
  font-weight: 500;
  line-height: 30px;
  margin-bottom: 5px;
}
.breadcrumbs .breadcrumb-trail {

  font-weight: 500;
}
.section-title.st-2 .features-content-left h3, .flat-service .section-title h2, .flat-contact-request .section-title h2 {
    margin-top: 28px;
    
    font-size: 30px;
    line-height: 42px;
}
.jobs-section .d-flex {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: block !important;
    margin-bottom: 10px;
}
.flat-contact .contact-form {
    padding: 20px;
    margin-bottom: 40px;
    margin-left: 0px!important;
    margin-top: 25px!important;
}
  /* ------------------------------------------ */
}
@media only screen and (max-width: 375px){
.tf-space {
    padding: 60px 0 0px;
}
.explore-block-two .inner-box .overlay-content {
    position: absolute;
    left: 0px;
    margin-bottom: 37px;
    top: 20px;
    width: 100%;
    height: 120%;
    background: #ffffff;
    border-radius: 5px;
    box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 15%);
    z-index: 2;
    padding: 20px 14px 0px 14px;
    opacity: 0;
    visibility: hidden;
    transition: all 500ms ease;
}
.section-title-page {
    
  font-size: 30px;
  font-weight: 500;
  line-height: 35px;
  text-transform: capitalize;

}
}