/* Responsive CSS — markstup.com */

@media (min-width: 992px) {
  .container {padding-right: 0;padding-left: 0;}
}
/*(min-width: 992px)*/
@media (min-width: 1700px) {
  .container.xl {max-width: 1690px;}
  .container.lg {max-width: 1550px;}

}
@media (min-width: 1400px) {
  .container {max-width: 1420px;}

}
/*(min-width: 1400px)*/

/*Grid xl Start*/
@media (max-width: 1399px) { 
  .fs-20 {font-size: 18px;}
  .block-feature-five .filter-nav .nav-link {font-size: 18px;}
  .footer-three .footer-intro h3 {font-size: 34px;}
  .grid-2column .grid-sizer, .grid-2column .isotop-item {padding: 0 12px;}
  .grid-2column {margin: 0 -12px;}
}
/*(max-width: 1399px)*/



/*Between Grid xl*/
@media (min-width: 1200px) and (max-width: 1399px) {
  h2 {font-size: 60px;}
  .theme-main-menu .gap-one {padding: 30px 25px;}
  .hero-banner-two .hero-heading {font-size: 82px;}
  .title-two h2 {font-size: 60px; letter-spacing: -1.2px;}
  .card-style-two .wrapper h3 {font-size: 34px;}
  .block-feature-six blockquote {font-size: 50px;}
  .card-style-three .main-count {font-size: 80px; margin-top: 45px;}
  .feedback-section-two h2 {font-size: 70px;}
  .fancy-banner-two h2 {font-size: 60px;}
  .theme-main-menu .search-form input {width: 250px;}
  .pricing-section-six .pr-column .price {font-size: 65px; margin-bottom: 0;}
  .blog-meta-two figure {height: 400px;}
  .blog-meta-two .post-meta .blog-title h4 {font-size: 35px;}
}
/*(min-width: 1200px) and (max-width: 1399px)*/

/* *** Important *** Breakpoint */
@media (min-width: 992px) and (max-width: 1399px) {
  .fs-24 {font-size: 22px;}
  .fs-22 {font-size: 20px;}
  .fs-28 {font-size: 25px;}
  .card-style-two .wrapper p {font-size: 20px;}
  .accordion-style-two .accordion-item .accordion-button {font-size: 22px; padding: 30px 0;}
  .gap-40 {padding-left: 25px; padding-right: 25px;}
}
/* (min-width: 992px) and (max-width: 1399px) */


/*Grid lg Start*/
@media (max-width: 1199px) {
  h2 {font-size: 40px;}
  .p-30 {padding: 12px;}
  .border-30 {border-radius: 15px;}
  .border-20 {border-radius: 10px;}
  .btn-three {font-size: 18px; line-height: 50px; padding: 0 38px;}
  .btn-four {font-size: 15px; line-height: 48px; padding: 0 25px;}
  .btn-six {font-size: 18px; line-height: 50px; padding: 0 35px;}
  .theme-main-menu .login-btn-three {line-height: 48px; padding: 0 35px;}
  .theme-main-menu .nav-item .nav-link {font-size: 20px; margin: 0 20px;}
  .theme-main-menu .gap-three {padding: 35px 24px;}
  .theme-main-menu.fixed .gap-three {padding: 12px;}
  .theme-main-menu .gap-one {padding: 20px 12px;}
  .theme-main-menu .login-btn-one {font-size: 18px;}
  .title-two h2 {font-size: 40px; letter-spacing: -1.2px;}
  .card-style-two .wrapper h3 {font-size: 26px;}
  .card-style-two .wrapper {padding: 25px 20px; border-radius: 15px;}
  .card-style-two .wrapper .icon {width: 50px; height: 50px;}
  .card-style-two .wrapper .pointer {height: 45px; bottom: auto; top:105%; right: 24%;}
  .block-feature-five .filter-nav .nav-link {padding: 12px 22px; margin-bottom: 15px;}
  .card-style-three {padding: 40px 20px 30px; border-radius: 20px;}
  .card-style-three .main-count {font-size: 50px; margin: 35px 0 -2px; letter-spacing: -1px;}
  .block-feature-six blockquote {font-size: 35px; letter-spacing: -1px; padding-right: 40px; line-height: 1.6em;}
  .block-feature-six blockquote .icon {width: 35px;}
  .block-feature-six .media-block {height: 350px; padding: 0 25px 40px;}
  .block-feature-six .media-block .name-card h6 {font-size: 20px;}
  .testimonial-play-icon {font-size: 55px;}
  .feedback-section-two .upper-text {font-size: 18px;}
  .feedback-section-two h2 {font-size: 42px; line-height: 1.22em;}
  .feedback-section-two h2 img {height: 45px;}
  .feedback-section-two .testimonial-grid {gap: 15px;}
  .feedback-section-two .testimonial-col.col-right {margin-top: 40px;}
  .feedback-section-two .testimonial-item {padding: 22px 20px 18px;}
  .feedback-section-two .testimonial-quote {font-size: 16px;}
  .block-feature-seven .logo-wrapper img {margin: 20px 5px;}
  .title-two .pointer {font-size: 18px; line-height: 38px; padding: 0 45px 0 20px; margin-bottom: 15px;}
  .fancy-banner-two h2 {font-size: 42px; margin-bottom: 35px;}
  .footer-three {padding-top: 80px;}
  .footer-three .footer-intro form {height: 60px; margin-top: 30px;}
  .footer-three .footer-intro form input {font-size: 18px;}
  .footer-three .bottom-footer {margin-top: 30px; padding: 20px 0;}
  .footer-three .footer-contact .tel {font-size: 20px; margin: 10px 0 30px;}
  .gap-40 {padding-left: 12px; padding-right: 12px;}
  .pricing-section-six .pr-column {padding: 30px 20px 50px;}
  .pricing-section-six .pr-column .plane-name {font-size: 26px;}
  .pricing-section-six .pr-column .save-line {margin-top: 20px;}
  .pricing-section-six .pr-column .price {font-size: 42px; letter-spacing: 0; margin: 10px 0 5px;}
  .pricing-section-six .pr-column h6 {font-size: 22px; margin: 40px 0 35px;}
  .team-section-one .team-block .text h5 {font-size: 20px; margin-top: 5px;}
  .team-section-one .team-block .text {padding: 20px 15px 0;}
  .block-feature-seven.bg-fifteen .logo-wrapper .logo {width: 80px; height: 80px; border-radius: 15px; margin: 15px 10px; padding: 18px;}
  .feedback-block-five {padding: 35px 25px 20px;}
  .feedback-block-five blockquote {font-size: 20px; margin-bottom: 40px;}
  .service-details .wrapper h3 {font-size: 28px; margin: 55px 0 25px;}
  .error-page h2 {font-size: 80px;}
  .error-page h3 {font-size: 45px;}
  .filter-nav-one .isotop-menu-wrapper li {font-size: 15px;}
  .project-block-three h6 {font-size: 20px;}
  .grid-2column.xl {margin: 0 -20px;}
  .project-block-three .media-img {border-radius: 15px;}
  .grid-2column.xl .grid-sizer, .grid-2column.xl .isotop-item {padding: 0 20px;}
  .project-details .project-info li:before {display: none;}
  .project-details .media-lg,.project-details .media-md {border-radius: 15px;}
  .project-details h3 {font-size: 36px; margin-top: 55px;}
  .project-details p {font-size: 20px; margin-bottom: 30px;}
  .project-details .page-pagination .pr-name {font-size: 20px;}
  .project-details .page-pagination .pr-dir {font-size: 14px;}
  .project-details .page-pagination i {width: 50px; height: 50px; line-height: 48px;}
  .project-details .page-pagination {padding: 30px 0;}
  .blog-meta-two figure {height: 300px; padding: 20px; border-radius: 20px;}
  .blog-meta-two figure .date {font-size: 14px;}
  .blog-meta-two .post-meta .blog-title h4 {font-size: 26px; line-height: 1.3em;}
  .blog-meta-three {padding: 50px 20px 30px; border-radius: 20px;}
  .blog-meta-three .post-meta .blog-title h4 {font-size: 26px; line-height: 1.5em;}
  .blog-sidebar .sidebar-title {font-size: 24px;}
  .blog-sidebar .blog-category li a {font-size: 18px;}
  .blog-sidebar .blog-recent-news .recent-news .blog-title h3 {font-size: 20px;}
  .blog-sidebar .contact-banner h3 {font-size: 28px;}
  .blog-details .blog-details-post p {font-size: 20px;}
  .blog-details .blog-details-post .media {margin: 40px 0;}
  .blog-details .blog-details-post h3 {font-size: 30px;}
  .blog-details .blog-details-post .quote-wrapper {padding: 25px 20px; border-radius: 20px; margin: 50px 0 50px 15px;}
  .blog-details .blog-details-post .quote-wrapper blockquote {font-size: 26px;}
  .blog-details .blog-details-post .bottom-widget {margin-top: 50px;}
  .blog-details .blog-inner-title {font-size: 35px; letter-spacing: -2px;}
  .blog-details .blog-comment-form p {font-size: 20px;}
  .blog-details .blog-comment-form {margin-top: 100px;}
  .contact-section-three .address-wrapper {border-radius: 15px;}
  .contact-section-three .address-wrapper .wrapper {padding: 25px 20px 5px; border-radius: 15px;}
  .contact-section-three .address-wrapper li h6 {font-size: 22px; margin-bottom: 15px;}
  .contact-section-three .address-wrapper li p {font-size: 18px;}
}
/*(max-width: 1199px)*/



/*Between Grid lg*/
@media (min-width: 992px) and (max-width: 1199px) {
  .hero-banner-two .hero-heading {font-size: 52px; letter-spacing: -2px;}
  .block-feature-seven .logo-wrapper img {width: 75px; height: 75px;}
  .project-details .project-info li {width: 20%;}
}
/*(min-width: 992px) and (max-width: 1199px)*/



/*Grid md Start*/
@media (max-width: 991px) {
  .fs-24 {font-size: 20px;}
  .fs-22 {font-size: 18px;}
  .fs-28 {font-size: 22px; line-height: 1.65em;}
  .theme-main-menu .nav-item .nav-link {margin: 0;}
  .theme-main-menu .mega-dropdown .col-lg-3 {width: 100%; max-width: 100%;}
  .theme-main-menu .mega-dropdown .home-item {margin: 10px 0;}
  .theme-main-menu .mega-dropdown .home-item span {font-size: 16px;}
  .hero-banner-two .hero-heading {font-size: 45px; letter-spacing: -1px; line-height: 1.2em;}
  .card-style-two .wrapper p {font-size: 18px;}
  .accordion-style-two {padding: 0 20px;}
  .accordion-style-two .accordion-item .accordion-button {font-size: 20px; padding: 25px 0;}
  .accordion-style-two .accordion-item .accordion-button:after {font-size: 30px;}
  .accordion-style-two .accordion-item .accordion-button:not(.collapsed) {padding-bottom: 20px;}
  .theme-main-menu .download-btn-one {line-height: 46px; padding: 0 22px;}
  .team-section-one .section-btn {position: static;}
  .filter-nav-two .isotop-menu-wrapper li {font-size: 15px; padding: 0 18px;}
}
/*(max-width: 991px)*/
/*Grid md Start*/
@media (min-width: 992px) {
  
}



/*Between Grid md*/
@media (min-width: 768px) and (max-width: 991px) {
  .block-feature-seven .logo-wrapper img {width: 60px; height: 60px;}
  .project-details .project-info li {width: calc(50% - 20px);}
  
}
/*(min-width: 768px) and (max-width: 991px)*/



/*Grid sm Start*/
@media (max-width: 767px) {
  .feedback-section-eleven .wrapper {width: 100%; transform: none; left: 0; padding: 12px;}
  .user-data-form {padding: 30px 20px 30px;}
  .user-data-form h2 {font-size: 35px; margin-bottom: 5px;}
  .user-data-form p {font-size: 18px;}
  .project-block-three .media-img {border-radius: 10px;}
  .project-details .project-info li {width: 100%;}
  .testimonial-play-icon {font-size: 45px;}
  .fancybox-vertical-video .has-html5video .fancybox__content {width: 95vw !important; height: calc(95vw * 16 / 9) !important; max-height: 90vh;}
}
/*(max-width: 767px)*/




/*Between Grid sm*/
@media (min-width: 576px) and (max-width: 767px) {
  .block-feature-seven .logo-wrapper img {width: 55px; height: 55px;}

}
/*(min-width: 576px) and (max-width: 767px)*/




/*Extra Small breakpoints*/
@media (max-width: 575px) {
  .block-feature-five .filter-nav .nav-link {font-size: 16px;}
  .block-feature-five .shape_01 {top:24%;}
  .block-feature-six blockquote {font-size: 30px;}
  .title-two h2 {font-size: 35px; line-height: 1.35em;}
  .feedback-section-two h2 {font-size: 36px;}
  .feedback-section-two .testimonial-grid {flex-direction: column; gap: 15px;}
  .feedback-section-two .testimonial-col.col-right {margin-top: 0;}
  .feedback-section-two .testimonial-col {gap: 15px;}
  .feedback-section-two .testimonial-item {padding: 20px 18px 16px;}
  .feedback-section-two .testimonial-quote {font-size: 15px;}
  .block-feature-seven .logo-wrapper img {width: 35px; height: 35px;}
  .theme-main-menu .download-btn-one {font-size: 16px; padding: 0 15px;}
  .feedback-block-five {margin-bottom: 50px;}
  .grid-2column .grid-sizer, .grid-2column .isotop-item,
  .pagination-one li a {font-size: 18px;}
  .blog-details .blog-details-post .bottom-widget .tags a {font-size: 13px; padding: 0 15px; line-height: 30px;}
}
/*(max-width: 575px)*/

/* =============================================
   Cas d'usage — Responsive secteurs
   ============================================= */
@media (max-width: 1199px) {
  .mks-hero-sector { padding-top: 150px; padding-bottom: 60px; }
  .mks-hero-sector .mks-hero-sub { font-size: 20px; }
  .mks-metrics .mks-metric-value { font-size: 38px; }
  .mks-before-after { padding: 80px 0; }
  .mks-ba-column { padding: 30px 25px; }
  .mks-modules-rec { padding: 80px 0; }
  .mks-day-section { padding: 80px 0; }
  .mks-testimonial blockquote { font-size: 22px; }
  .mks-faq-sector { padding: 80px 0; }
}
@media (max-width: 991px) {
  .mks-hero-sector { padding-top: 130px; padding-bottom: 50px; }
  .mks-hero-sector h2 { font-size: 36px; }
  .mks-hero-sector .mks-hero-sub { font-size: 18px; }
  .mks-metrics .mks-metric-value { font-size: 34px; }
  .mks-sector-icon { height: 120px; }
  .mks-sector-icon i { font-size: 40px; }
  .mks-sector-card .mks-sector-body { padding: 22px 22px 20px; }
  .page-pagination .pr-name { font-size: 20px; }
  .page-pagination .pr-dir { font-size: 14px; }
  .page-pagination i { width: 50px; height: 50px; line-height: 48px; }
  .page-pagination { padding: 30px 0; }
}
@media (max-width: 767px) {
  .mks-ba-column { margin-bottom: 20px; }
  .mks-metrics .mks-metric-item { padding: 20px 15px; }
  .mks-metrics .mks-metric-value { font-size: 30px; }
}
@media (max-width: 575px) {
  .mks-hero-sector { padding-top: 120px; }
  .mks-hero-sector h2 { font-size: 30px; }
  .mks-sector-icon { height: 100px; }
  .mks-sector-icon i { font-size: 34px; }
  .mks-sector-card .mks-sector-body h6 { font-size: 18px; }
  .mks-testimonial blockquote { font-size: 20px; }
}