/* 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 (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;}
}
/*(max-width: 1199px)*/

@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: 215px;}
  .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;}
}
/*(min-width: 992px) and (max-width: 1199px)*/

@media (max-width: 991px) {
  #mega-menu-holder>ul> li.has-submenu> a {padding-right: 52px;}
  .section-spacing,.faq-section,.why-we-best,.error-page {margin-bottom: 80px;}
  .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;}
  .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;}
  .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 {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;}
  .callout-banner,.callout-banner.no-bg .title {text-align: center;}
  .callout-banner .title,.callout-banner p {width: 100%;float: none;}
  .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;}
  #theme-main-banner .camera_pag {left:2px;}
} 
/*(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;}
}
/*(min-width: 768px) and (max-width: 991px)*/

@media (max-width: 767px) {
  .logo {max-width:180px;margin-top:-10px;}
  .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;}
}
/*(max-width: 767px)*/

@media (min-width: 576px) and (max-width: 767px) {
  .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;}
}
/*(min-width: 576px) and (max-width: 767px)*/

@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: 30px;padding-bottom: 18px;}
  .section-spacing {margin-bottom: 60px;}
  .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: 400px !important;}
  #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;}
}
/*(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: 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%;}
}

.sign{max-width:200px;}

/* Center the bottom row items in the Challenge Modules section */
.our-solution .wrapper .row.justify-content-center {
    display: flex;
    justify-content: center;
}

.our-solution .single-solution-block {
    max-width: 350px; /* Match the approximate width of col-lg-4 items */
    margin: 0 auto; /* Center each block within its column */
}

@media (min-width: 992px) {
    .our-solution .row.justify-content-center .col-lg-6 {
        flex: 0 0 40%; /* Slightly wider than col-lg-4 to balance visually */
        max-width: 40%;
    }
}

/* Adjust spacing for smaller screens */
@media (max-width: 991px) {
    .our-solution .single-solution-block {
        max-width: 100%;
    }
}