/* Responsive CSS Document */

/*
    Created on   : 23/05/2018.
    Theme Name   : Charles-Business-Consulting HTML Template.
    Version      : 1.0.
    Author       : @CreativeGigs.
    Developed by : Jubayer al hasan. (jubayer.hasan1991@gmail.com)

*/

@media (min-width: 992px) {
  .container {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media (min-width: 1260px) {
    .header-two .theme-menu-wrapper .bg-wrapper {width: 1320px;position: relative;padding-left: 175px;}
    .header-two .top-header .container, .header-two .theme-menu-wrapper .container {max-width: 1320px;}
    .header-two .top-header .container {max-width: 1240px;}
    .produit .overlay .container, .produit .container {max-width: 1220px;}
}
/* (min-width: 1260px) */

@media (max-width: 1230px) {
    .produit .overlay ul {font-size: smaller;}
    .produit .partenaire {padding: 5px 0px 80px;}
}
/* (min-width: 1230px) */

@media (min-width: 992px) and (max-width: 1200px) {
    .produit .overlay ul {font-size: x-large;}
    .produit .partenaire {padding: 5px 0px 80px;}
}
/* (min-width: 992px) and (max-width: 1200px) */

@media (max-width: 1199px) {
  .feature-banner .opacity h2 {padding: 0;}
  .theme-footer-two .top-footer .footer-gallery .wrapper {padding-right: 0;}
  .shop-details .product-details .product-info {padding-left: 0;}
  .produit .overlay ul {font-size: x-large;}
  .produit .overlay {padding: 80px 0 60px 0 !important;display: flex;align-items: end;}
  .about-us .overlay {padding: 80px 0 60px 0 !important;display: flex;align-items: end;}
  .wizard-main {max-width: 1240px !important;}
  /* .wizard .steps {max-width: 475px;} */
}

@media (min-width: 769px) and (max-width: 1199px) {
  .bd-wizard-card .card-body {padding: 80px 50px 65px 50px !important;}
}

@media (min-width: 992px) and (max-width: 1199px) {
  .top-feature .main-content {padding-left: 10%;padding-right: 10%;}
  .header-one .top-header .address-wrapper .address:first-child {margin-right: 20px;}
  .header-one .top-header .address-wrapper .address {padding-right: 20px;}
  #mega-menu-holder>ul> li> a {padding-right: 25px;padding-left: 15px;}
  .header-one .theme-menu-wrapper .bg-wrapper {padding-left: 15px;}
  .theme-menu-wrapper .right-widget .cart-icon {margin-left: 15px;}
  .testimonial-section .wrapper {width: 65%;}
  .header-two .theme-menu-wrapper .bg-wrapper {padding-left: 160px;}
  .header-two .theme-menu-wrapper .bg-wrapper .logo {width: 140px;}
  .callout-banner p {width: 52%;}
  .callout-banner .theme-button-one {margin-top: 40px;}
  .our-solution .single-solution-block p {padding: 0;}
  .faq-section .wrapper .faq-content {padding-left: 30px;}
  .why-choose-us .single-block {padding-left: 75px;}
  .why-choose-us .single-block .icon {font-size: 55px;}
  .short-banner .overlay h2 {width: 80%;}
  .why-we-best .wrapper .best-list-item {padding-top: 20px;padding-bottom: 29px;}
  .blog-details .single-blog .post-meta .mark-text .inner-text {padding-top: 60px;}
  .blog-details .single-blog .post-meta .mark-text .inner-text:before {top:0;}
  .callout-banner .title {font-size: 30px;}
  .blog-inner-page .our-blog .single-blog .post-meta .title {font-size: 20px;}
  .theme-title-one h2 {font-size: 25px;}
  .our-solution h2 {font-size: 30px;padding-bottom: 18px;}
  .partner-section .swiper {width: 86px;padding-left: 8px !important;}
  .theme-counter .counter-two {display: none;}
  #theme-main-banner .container {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-right: 45px;
    margin-left: 45px;
  }
  .core-value-1 .core-value-bg, .core-value-2 .core-value-bg, .core-value-3 .core-value-bg, .core-value-4 .core-value-bg {padding: 190px 480px !important;}
}
/*(min-width: 992px) and (max-width: 1199px)*/

@media (min-width: 990px) and (max-width: 1259px) {
    .faq-section-home {margin-bottom: 180px !important;}
}

@media (max-width: 1259px) {
    #mega-menu-holder>ul> li.has-submenu> a {padding-right: 52px;}
  .section-spacing,.faq-section,.faq-section-home,.why-we-best,.error-page {margin-bottom: 60px;}
  .top-feature .main-content {padding: 30px 15px;}
  .header-one .logo {width: 100%;text-align: center;margin-bottom: 20px;}
  .header-one .top-header {padding-top: 25px;}
  .header-one .top-header .address-wrapper .address .icon {font-size: 30px;}
  .header-one .top-header .address-wrapper .address {padding: 0 20px 0 45px;margin-right: 0;}
  .header-one .theme-menu-wrapper .bg-wrapper {padding-left:0;}
  .header-one .menu-wrapper,.header-two .menu-wrapper {position: absolute;width: 100%;left:0;top:0;z-index: 9;}
  .theme-menu-wrapper .right-widget ul li {line-height: 60px;}
  .theme-menu-wrapper .right-widget {position: relative;z-index: 99;}
  #mega-menu-holder>ul> li> a:before {display: none;}
  #mega-menu-holder>ul> li> a {color: #555555;}
  #mega-menu-holder>ul> li.active > a, #mega-menu-holder>ul> li:hover > a,
  #mega-menu-holder>ul> li.active > .sub-toggle, #mega-menu-holder>ul> li:hover > .sub-toggle {color: #001a57;}
  .header-one .theme-menu-wrapper {margin-bottom: -31px;}
  .theme-menu-wrapper .right-widget .cart-icon a span {top:16px;}
  .header-two .theme-menu-wrapper .bg-wrapper .logo {left:50%;-webkit-transform:translate(-50% , -50%);transform:translate(-50% , -50%);}
  .header-two .theme-menu-wrapper .bg-wrapper {width: auto;padding-left: 0;}
  .header-two .theme-menu-wrapper .right-widget ul li {line-height: 70px;}
  .header-two .theme-menu-wrapper .right-widget .cart-icon a span {top:20px;}
  .header-two .collapse-button .icon-bar {background: #001a57;}
  .header-two .menu-collapser {margin: 22px 0;}
  .header-two #mega-menu-holder>ul> li> a {padding-top: 0;padding-bottom: 0;}
  .header-two #mega-menu-holder li .sub-toggle {line-height: 40px;}
}
/* (max-width: 1259px) */

@media (max-width: 991px) {
  .about-compnay img {display: none;}
  .service-style-one .contact-text {padding-top: 15px;}
  .service-style-one .contact-text h4 {font-size: 22px;}
  .testimonial-section .wrapper,.cunter-wrapper {width: 100%;}
  .testimonial-section .overlay {padding: 75px 0;}
  .theme-counter {padding: 0;}
  .consultation-form .img-box {height: 250px;}
  .consultation-form .form-wrapper {height: auto;padding: 40px 20px;}
  .theme-footer-one .top-footer [class*="col-"],.theme-footer-two .top-footer [class*="col-"] {margin-bottom: 60px;}
  .theme-footer-one .top-footer {padding: 60px 0 0 0;}
  .callout-banner,.callout-banner.no-bg .title {text-align: center;}
  .callout-banner .title,.callout-banner p {width: 100%;float: none;}
  .callout-banner .title {width: 100%;float: none;font-size: 25px;}
  .callout-banner p {padding: 20px 0;}
  .callout-banner p:before {display: none;}
  .callout-banner .theme-button-one {float: none;}
  .about-compnay-two .overlay,.core-values {padding: 60px 0;}
  .about-compnay-two .quote-form {margin-top: 40px;}
  .faq-section,.faq-section .overlay,.why-we-best,.why-we-best .overlay {height: auto;}
  .faq-section .overlay,.why-we-best .overlay {padding: 60px 0;}
  .faq-section .wrapper .img-box,.why-we-best .wrapper .img-box,.contact-us-section .img-box {height: 250px;border-radius: 5px 5px 0 0;}
  .faq-section .wrapper .faq-content,.why-we-best .wrapper .best-list-item,.contact-us-section .form-wrapper {border-radius: 0 0 5px 5px;}
  .short-banner .overlay h2 {width: 100%;}
  .theme-footer-two {padding-top: 60px;}
  .theme-footer-two .bottom-footer,.theme-footer-two .top-footer .title {margin-top: 0;}
  .theme-inner-banner .overlay {padding: 80px 0 60px 0;}
  .about-compnay-two .left-img {margin-top:20px;width: 100%;}
  .shop-details .product-details .product-info {padding-top: 40px;}
  .theme-sidebar-one,.blog-sidebar {margin-top: 60px;}
  .contact-us-section .form-wrapper {height: auto; padding: 0 !important;}
  .contact-us-section .container-info {padding: 0;}
  #theme-main-banner .camera_pag {left:2px;}
  /* .col-12 {padding: 0;} */
  .theme-counter .col-12 {padding-left: 15px;padding-right: 15px;}
  .partner-section .col-12 {padding-left: 15px;padding-right: 15px;}
  .theme-title-one h2 {font-size: 25px;padding-bottom: 18px;}
  .our-solution h2 {font-size: 30px;padding-bottom: 18px;}
  .our-service .col-12 {padding-left: 10px;padding-right: 10px;}
  .our-service .p {font-size: 16px;}
  .blog-inner-page .our-blog .single-blog .post-meta .title {font-size: 20px;}
  .partner-section .swiper {width: 86px;padding-left: 8px !important;}
  .partner-section h6 {font-size: 16px;}
  .theme-counter .counter-one {display: none;}
  .theme-counter .counter-two {display: block !important; margin: 30px 0px;}
  .theme-counter .quote-form {margin-bottom: 50px;}
  .blog-sidebar {
        visibility: hidden;
        opacity: 0;
        position: absolute;
        width: 0;
        height: 0;
        overflow: hidden;
    }
    .why-choose-us .single-block .icon {
        position: absolute;
        top: -10px;
        left: 15PX;
        font-size: 60px;
    }
    .why-choose-us .single-block-one {margin-top: 5px;}
    .faq-section-formation .wrapper .container {padding: 0;}
    .callout-banner .container-img, .callout-banner .container-text {width: 100% !important;}
    .about-compnay-two.no-bg .theme-title-one h2:before {background: #fff;}
    .nos-distingtion {width: 100% !important;}
    .reclamation {
        background: url(../images/about-us/3567801.jpg) no-repeat center center;
        background-size: cover;
        background-attachment: scroll;
        background-color: #707d9e;
    }
    .reclamation .overlay {
        background: rgba(0, 26, 87, 0.8);
        padding: 100px 0;
    }
    .reclamation .overlay h4,.reclamation .overlay p {
        color: #fff !important;
    }
    .reclamation .overlay p a {
        color: #fff !important;
        text-decoration: underline;
    }
    .reclamation .theme-button-one {
        color: #001a57;
        background: #fff;
    }
    .reclamation .theme-button-one:hover {
        background: #000f32;
        color: #fff;
    }
    .form-reclamation .form-reclamation-select {
        background-color: transparent;
        margin: 0;
        border-bottom: 3px solid #fff;
    }
}
/*(max-width: 991px)*/

@media (min-width: 768px) and (max-width: 991px) {
  .header-one .top-header .address-wrapper .address:first-child {margin-right: 20px;}
  .feature-banner .opacity h2 {font-size: 38px;line-height: 50px;}
  .service-style-one .single-service .text {padding-left: 10px;padding-right: 5px;}
  .theme-footer-one .bottom-footer ul li a {margin-left: 20px;}
  .blog-details .single-blog .post-meta .mark-text .inner-text {padding-top: 80px;}
  .blog-details .single-blog .post-meta .mark-text .inner-text:before {top:10px;}
  #theme-main-banner {height: 600px !important;}
  h1 {font-size: 50px;}
  #theme-main-banner .container {top: 45%;}
  .footer-solution {margin-top: -100px;}
  .footer-newsletter .theme-button-one {width: 100%;}
  .core-value-1 .core-value-bg, .core-value-2 .core-value-bg, .core-value-3 .core-value-bg, .core-value-4 .core-value-bg {padding: 140px 440px !important;}
}
/*(min-width: 768px) and (max-width: 991px)*/

@media (max-width: 767px) {
  .header-one .top-header {padding-bottom: 0;}
  .header-one .top-header .address-wrapper {display: none;}
  .testimonial-section .wrapper .bg {padding-left: 15px;padding-right: 15px;}
  .theme-footer-one .bottom-footer,.theme-footer-one .bottom-footer ul {text-align: center;}
  .theme-footer-one .bottom-footer ul li a {margin: 2px 10px;}
  .our-solution .single-solution-block p {padding: 0;}
  .about-compnay-two .text p {padding-right: 0;}
  .faq-section .wrapper .faq-content {padding: 40px 15px;}
  .short-banner .overlay h2 {font-size: 38px;}
  .google-map-one {height: 250px;}
  .why-we-best .wrapper .best-list-item {padding: 40px 15px 44px 15px;}
  .core-values .single-value-block .text {padding-left: 15px;padding-right: 15px;}
  .shop-page .shop-filter {margin-bottom: 35px;}
  .theme-pagination ul {padding-top: 10px;}
  .shop-details .product-review-tab {margin: 60px 0 55px 0;padding-left: 10px;padding-right: 10px;}
  .shop-details .related-product {margin-bottom: 10px;}
  .service-details .service-content .market-growth img {display: none;}
  .project-details-sidebar {margin-bottom: 60px;}
  .blog-details .single-blog .post-meta .mark-text .inner-text {padding-top: 70px;}
  .blog-details .single-blog .post-meta .mark-text .inner-text:before {top:10px;}
  .contact-us-section .form-wrapper {padding: 40px 15px;}
  .google-map-two {height: 300px;}
  #theme-main-banner .camera_caption h1 br {display: none;}
  .error-page input {width: 100%;margin-top: 20px;}
  .theme-inner-banner .overlay {height: auto !important;}
  .service-solution .produit-solution {height: auto !important; min-height: auto !important;}
  .service-solution .produit-solution .icon {width: 60px !important; height: 60px !important;}
  .call-to-action .call-body {min-width: 60% !important; width: auto !important;}
  .call-to-action {padding: 40px 0px !important;}
  .produit-satisfaction .card-body {width: auto !important;}
  .session-date {font-size: medium !important;}
}
/*(max-width: 767px)*/

@media (min-width: 576px) and (max-width: 768px) {
    .header-two .top-header .social-icon li:first-child {margin-left: 0;}
    .our-case .single-case-block .hover-content .text {padding: 0;}
    #theme-main-banner {height: 500px !important;}
    #theme-main-banner .camera_caption p {font-size: 20px;}
    #theme-main-banner .camera_caption h1 {font-size: 50px;line-height: 60px;}
    .bd-wizard-card .card-body {padding: 30px 25px 65px 25px !important;}
}
/*(min-width: 576px) and (max-width: 768px)  */

@media (max-width: 575px) {
  .theme-inner-banner .overlay h2 {font-size: 35px;}
  .header-one .theme-menu-wrapper {background: #000f32;}
  .header-one .menu-collapser {margin-left: 0;}
  .theme-menu-wrapper .right-widget .search-option .dropdown-toggle {text-align: right;width: 25px;}
  .theme-menu-wrapper .right-widget .cart-icon {width: 42px;margin-left: 10px;}
  .theme-title-one h2 {font-size: 25px;padding-bottom: 18px;}
  .section-spacing {margin-bottom: 40px;}
  .about-compnay .mission-goal li h4 {font-size: 18px;}
  .about-compnay .mission-goal li .icon {font-size: 35px;}
  .feature-banner .opacity h2 {font-size: 35px;line-height: 45px;}
  .feature-banner .opacity,.testimonial-section .overlay,.theme-counter .bg {padding: 60px 0;}
  .service-style-one .contact-text h5:before {display: none;}
  .testimonial-section .wrapper p {font-size: 18px;line-height: 27px;font-weight: normal;}
  .theme-counter h2 {font-size: 38px;}
  .single-counter-box .number {font-size: 25px;}
  .single-counter-box .number .timer {font-size: 50px;}
  .single-counter-box p {margin-top: -5px;}
  .partner-section h6 {text-align: center;margin:0 0 35px 0;}
  .partner-section h6 br {display: none;}
  .theme-footer-one .top-footer .title {margin-bottom: 15px;}
  .theme-footer-one .top-footer [class*="col-"],.theme-footer-two .top-footer [class*="col-"] {margin-bottom: 50px;}
  .header-two .top-header,.header-two .top-header .social-icon {text-align: center;}
  .header-two .top-header .left-widget li {margin: 0 10px;}
  .header-two .top-header .social-icon li {margin: 8px 5px 0 5px;}
  #polyglotLanguageSwitcher {margin: 0;}
  .about-compnay-two .quote-form {padding: 25px 15px 30px 15px;}
  .our-case .single-case-block .hover-content .text {padding: 0 15px;}
  .our-case .view-all {margin-top: 35px;}
  .why-we-best .wrapper .best-list-item li {padding-left: 55px;margin-bottom: 45px;}
  .why-we-best .wrapper .best-list-item li .icon {font-size: 42px;}
  .shop-page .single-product .image-box {min-height: 270px;padding: 0 5px;}
  .shop-page .single-product .product-name h5 {font-size: 20px;}
  .shop-details .product-details .product-tab .product-thumbnail {width: 40%;height: 290px;}
  .shop-details .product-details .product-tab .product-preview {width: 60%;height: 290px;}
  .shop-details .product-details .product-tab {min-height: 290px;}
  .shop-details .product-details .product-info .title {font-size: 22px;}
  .blog-details .share-option ul {width: 100%;}
  #theme-main-banner {height: 480px !important;}
  #theme-main-banner .container {top: 50%;}
  h1 {font-size: 1px;}
  #theme-main-banner .camera_caption p {font-size: 18px;}
  #theme-main-banner .camera_caption h1 {font-size: 35px;line-height: 46px;padding: 12px 0 18px 0;}
  .produit-satisfaction .card-body {width: auto !important; height: auto !important; padding: .6rem !important;}
  .blockquote span {font-size: smaller !important;}
  .blockquote p {font-size: small !important;}
  .blockquote .rating .material-icons {font-size: 1rem !important;}
  .produit-fonctionalite img {height: 170px !important;}
  .core-value-body {margin-top: -48% !important;}
}
/*(max-width: 575px)*/

@media (max-width: 650px) {
  #success, #error {
    width: 86%;
    height: auto;
    top: calc(50% - 50px);
    left: 7%;
    padding: 30px 10px;
  }
}
@media (max-width: 576px) {
    .nos-distingtion {
        min-height: 340px;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
        background-color: #f8faff;
    }
    .nos-distingtion-img {
        height: 300px !important;
        min-height: 300px !important;
        border-radius: 0px !important;
        border: none !important;
    }
    .nos-distingtion-img img {
        height: 300px !important;
        min-height: 300px !important;
        border-radius: 0px !important;
    }
}
@media (max-width: 480px) {
    .core-value-body {width: 98% !important; min-height: 295px !important; height: auto !important; margin-top: -250px !important;}
}
@media (max-width: 426px) {
    .f1 {padding: 0px !important;}

    .f1-step-icon {
        display: inline-block; width: 40px !important; height: 40px !important; margin-top: 4px; background: #919aa3;
        border: none;
    }
    .f1-step.activated .f1-step-icon {
        width: 48px !important; height: 48px !important; background: #28a745; border: none; color: #fff; line-height: 38px; text-align: center;
    }
    .f1-step.active .f1-step-icon {
        width: 48px !important; height: 48px !important; margin-top: 0; background: #001a57; border: none; font-size: 20px !important;
    }
    .f1-steps .f1-step:nth-child(5),
    .f1-steps .f1-step:nth-child(6),
    .f1-steps .f1-step:nth-child(7) {
        display: none;
    }
    .f1-step {
        width: 33.33% !important;
    }

    .timeline-card-body {
        font-size: x-small;
    }
    .f1-steps .f1-step p{
        font-size: 14px !important;
    }
    .f1-steps .f1-step p::after{
        font-size: 14px !important;
    }

    .f1-steps .f1-step:nth-child(2) p {
        font-size: 0px !important;
    }
    .f1-steps .f1-step:nth-child(2) p::after{
        content: "Enregistrement" !important;
    }
    .f1-steps .f1-step:nth-child(3) p {
        font-size: 0px !important;
    }
    .f1-steps .f1-step:nth-child(3) p::after{
        content: "Traitement" !important;
    }
    .f1-steps .f1-step:nth-child(4) p {
        font-size: 0px !important;
    }
    .f1-steps .f1-step:nth-child(4) p::after{
        content: "Solution" !important;
    }
    .f1-steps .f1-step:nth-child(5) p {
        font-size: 0px !important;
    }
    .f1-steps .f1-step:nth-child(5) p::after{
        content: "Satisfation" !important;
    }
}
@media (max-width: 400px) {
  .service-style-one .single-service .text {padding-right: 5px;padding-left: 10px;}
  .service-style-one .single-service .text h5 {font-size: 18px;}
  .service-style-one .single-service .text p {padding-bottom: 5px;}
  .shop-page .shop-filter {text-align: center;}
  .shop-page .shop-filter li,.project-details .project-details-sidebar .project-history li {width: 100%;}
}
@media (max-width: 380px) {
  .cunter-wrapper [class*="col-"] {max-width: 100%;flex: 0 0 100%;}
}
/*(max-width: 380px)*/

@media (max-width: 768px) {
  .footer-newsletter .theme-button-one {width: 100%;}
}
/*(min-width: 320px) and (max-width: 768px) Ben */

@media (max-width: 575px) {
    h1 {font-size: 30px !important;}
    h2 {font-size: 24px !important;}
    h3 {font-size: 20px !important;}
    h5 {font-size: 18px !important;}
    h5 {font-size: 18px !important;}
    p {font-size: 16px !important;}
    /* a {font-size: 20px !important;} */

    body .theme-button-one {
        line-height: 45px;
        font-size: 12px !important;
        font-weight: 900;
        text-transform: uppercase;
        color: #fff;
        border-radius: 4px;
        padding: 0 25px;
    }

    .post-metaBody .title,.post-metaBody .title a{font-size: 16px !important;}

    .header-two .theme-menu-wrapper .bg-wrapper .logo {width: 140px;}
    .partner-section h6 {
        width: 30%;
        text-align: start;
        margin: 0 0 35px 0;
        font-size: 20px;
        margin-bottom: 20px;
        margin-right: auto;
    }
    .partner-section .swiper {
        width: 100px;
        padding-left: 8px !important;
        margin: 0;
        margin-bottom: 20px;
    }
    .theme-counter .quote-form {margin-bottom: 50px;}
    .theme-inner-banner .overlay p {margin-top: 25px;}
    .service .overlay p {width: 100%;}
    .our-realisation .single-blog .image-box {max-height: 250px;}
    .swiper {max-height: 250px !important;}
    .swiper-backface-hidden .swiper-slide {max-height: 250px !important;}
    .swiper-backface-hidden .swiper-slide img {max-height: 250px !important;}
}
/*(min-width: 320px) and (max-width: 575px) Ben */

@media (max-width: 381px) {
    .theme-counter .counter-two {display: none !important;}
    .theme-counter .quote-form {margin: 50px 0px;}
}
/*(min-width: 320px) and (max-width: 768px) Ben */


/* Add class -------------------------------------------------------------------------------------------------------------------- */
@media (min-width: 992px) {
    .modal-lg, .modal-xl {
        max-width: 800px;
    }
}
@media (min-width: 1200px) {
    .modal-xl {
        max-width: 1140px;
    }
}