@media (max-width: 1599px) {
    .main-slider-two__shape {
        left: -90px;
    }
}

@media(max-width:1399px) {
    .nav-link {
        color : #ffffff;
        margin: 0 2px
    }

    .main-slider-two__image__one {
        margin-right: auto;
    }

    .main-slider-two .hero-slider__counter {
        right    : -77px;
        bottom   : auto;
        top      : 240px;
        transform: rotate(-90deg);
    }

    .main-slider-two .hero-slider__counter__total {
        color: var(--floens-white, #ffffff);
    }

    .main-slider-two .hero-slider__counter__total::after {
        background-color: var(--floens-white, #ffffff);
    }

    .main-slider-two .hero-slider__counter__current {
        color: var(--floens-base, #C7844F);
    }

    .main-slider-two .hero-slider__slick-button--prev {
        right    : -103px;
        bottom   : 39px;
        transform: rotate(90deg);
    }

    .main-slider-two .hero-slider__slick-button--next {
        right    : -39px;
        bottom   : 181px;
        transform: rotate(-90deg);
    }

    .main-slider-two .hero-slider-controls {
        right         : -39px;
        bottom        : 39px;
        flex-direction: column;
        gap           : 78px;
    }

    .main-slider-two .hero-slider-controls li:first-child {
        transform: rotate(-90deg);
    }

    .main-slider-two .hero-slider-controls li:last-child {
        right    : -64px;
        transform: rotate(90deg);
    }

    .main-slider-two__tiles {
        right: -30px;
    }

    .main-slider-two__image__two {
        right: 0;
    }

}

@media(max-width:1199px) {
    .navbar-brand img {
        width: 200px;
    }

    .main-slider-two__image__one {


        margin: auto;

    }

    .main-slider-two__image__two {
        right: auto;

    }

    .main-slider-two__shape {
        left: -70px;
    }

    .nav-link {
        font-size: 15px;
    }

    .quote-btn {
        font-size    : 12px;
        padding      : 17px 18.5px;
        padding-right: 50px;

    }

    .quote-btn span {
        right: 10px;
    }

    .hero-slider__title {
        font-size: 60px;
    }

    .hero-slider__title span {
        font-size: 50px;
    }

    .about-one_image-outer {
        margin-left  : 0;
        padding-right: 40px;
    }

    .about-one_experiance {
        right: 40px;
    }

    .section-title h3 {
        font-size: 40px;
    }

    .footer-list li a {
        font-size: 15px;
    }

    .testimonial-quote {
        position : absolute;
        right    : 18px;
        top      : -15px;
        font-size: 28px;
    }

    .sec-title-heading {
        font-size: 36px;
    }

    .testimonial-author-content {
        padding-left: none;
    }

    .testimonial-author-content {
        padding: 0px;
    }

    .section-heading {
        font-size: 36px;
    }

    .stat-number {
        font-size: 42px;
    }

    .counter-shape {
        left: 0;
    }

    .about-image-1::before {
        display: none;
    }

    .about-image-2 {
        right : 0;
        width : 240px;
        height: 240px;
    }

    .contact-one__image-two {
        right    : -150px;
        max-width: 450px;
    }


}

@media (max-width: 991.98px) {
    .navbar-collapse {
        /* background-color: #fff; */
        padding      : 20px;
        border-radius: 5px;
        box-shadow   : 0 5px 15px rgba(0, 0, 0, 0.1);
        margin-top   : 10px;
    }

    .main-slider-two__shape {
        left: -30px;
    }

    .nav-link {
        margin: 3px 0;
        display: block;
    }

    .quote-btn {
        margin-top: 15px;
        width     : 80%;
    }

    .top-contact .top-mail {
        display: none;
    }

    .hero-slider__wrapper {
        grid-template-columns: 1fr;
        gap                  : 40px;
        text-align           : center;
    }

    .hero-slider__title {
        font-size: 50px;
    }

    .hero-slider__title span {
        font-size: 40px;
    }

    .hero-slider {
        height: 100vh;
    }

    .hero-slider__item {

        height    : 100vh;
        min-height: 800px;

    }

    .hero-slider__content {
        text-align: center;
        margin    : 0 auto;
    }

    .hero-slider {
        height    : auto;
        min-height: auto;
    }

    .hero-slider__item {
        height    : auto;
        min-height: auto;
        padding   : 100px 0;
    }

    .about-one {
        padding: 80px 0;
    }

    .about-one_image-outer {
        padding-right: 0;
        margin-bottom: 40px;
    }

    .about-one_experiance {
        right : 20px;
        bottom: -20px;
    }

    .sec-title_heading {
        font-size: 28px;
    }

    .service-section {
        padding: 80px 0;
    }

    .section-title h2 {
        font-size: 36px;
    }

    .owl-carousel .owl-nav {
        position       : relative;
        top            : 0;
        justify-content: center;
        margin-top     : 30px;
    }

    .widgets-section {
        padding: 60px 0 30px;
    }

    .footer-title {
        margin-bottom: 15px;
    }

    .footer-text {
        margin-bottom: 20px;
    }

    .footer_socials {
        margin-top: 20px;
    }

    .sec-title-heading {
        font-size: 36px;
    }

    .testimonial-author-content {
        padding-left: 180px;
    }

    .why-choose-section {
        padding: 80px 0;
    }

    .section-heading {
        font-size: 32px;
    }

    .feature-card {
        padding: 30px 20px;
    }

    .feature-icon {
        width        : 70px;
        height       : 70px;
        line-height  : 70px;
        margin-bottom: 20px;
    }

    .feature-icon i {
        font-size: 30px;
    }

    .feature-title {
        font-size: 20px;
    }

    .stats-section {
        padding: 60px 0;
    }

    .section-padding {
        padding: 80px 0;
    }

    .about-image-items {
        margin-bottom: 50px;
    }

    .about-image-1 {
        max-width: 100%;
        height   : 400px;
    }

    .about-image-2 {
        width : 200px;
        height: 200px;
        bottom: -10%;
    }

    .about-icon-items {
        flex-direction: column;
        gap           : 25px;
        padding-bottom: 30px;
        margin-top    : 30px;
    }

    .section-title h3 {
        font-size: 36px;
    }


    .contact-one {
        padding: 80px 0;
    }

    .sec-title__title {
        font-size: 36px;
    }

    .contact-one__image-two {
        display: none;
    }
}

@media(max-width:767px) {
    .top-social {
        display: none;
    }

    .hero-slider__title {
        font-size: 40px;
    }

    .hero-slider__title span {
        font-size: 32px;
    }

    .hero-slider__counter {
        bottom: 20px;
        left  : 20px;
    }

    .about-one {
        padding: 60px 0;
    }

    .about-one_experiance {
        display: none;
    }

    .about-one_ball,
    .about-one_lamp {
        display: none;
    }

    .about-one_experiance {
        position: relative;
        right   : 0;
        bottom  : 0;
        margin  : 20px auto;
        width   : 150px;
        height  : 150px;
    }

    .about-one_experiance span {
        width      : 70px;
        height     : 70px;
        font-size  : 36px;
        line-height: 70px;
    }

    .about-one_feature-inner {
        padding-left: 55px;
        font-size   : 16px;
    }

    .about-one_feature-icon {
        font-size: 36px;
    }

    .service-section {
        padding: 60px 0;
    }

    .section-title h3 {
        font-size: 32px;
    }

    .section-title p {
        font-size: 16px;
    }

    .thumb .icon {
        top   : 20px;
        left  : 20px;
        width : 50px;
        height: 50px;
    }

    .thumb .number {
        bottom: 40px;
        right : 20px;
    }

    .widgets-section {
        padding: 50px 0 20px;
    }

    .footer-column {
        margin-bottom: 40px;
    }

    .footer_socials {
        justify-content: flex-start;
    }

    .footer_socials a {
        width      : 32px;
        height     : 32px;
        line-height: 32px;
        font-size  : 12px;
    }

    .testimonial-author-outer {
        display: none;
    }

    .testimonial-icon {
        display: none;
    }

    .testimonial-icon-two {
        display: none;
    }

    .testimonial-section {
        padding: 60px 0;
    }

    .sec-title {
        margin-bottom: 40px;
    }

    .sec-title-heading {
        font-size: 28px;
    }

    .testimonial-upper {
        padding: 20px 20px 0;
    }

    .testimonial-author-outer {
        position: relative;
        left    : 0;
        top     : 0;
        margin  : 0 auto 20px;
    }

    .testimonial-author-content {
        padding   : 0 20px 20px;
        text-align: center;
    }

    .testimonial-quote {
        position  : relative;
        right     : 0;
        top       : 0;
        margin-top: 10px;
    }

    .testimonial-lower {
        padding: 20px;
    }

    .testimonial-carousel .owl-nav {
        position       : relative;
        top            : 0;
        justify-content: center;
        margin-top     : 30px;
    }

    .section-title h6 {
        display        : flex;
        /* justify-content: center; */
        /* align-items    : center; */
    }

    .why-choose-section {
        padding: 60px 0;
    }

    .section-title {
        margin-bottom: 40px;
    }

    .section-heading {
        font-size: 28px;
    }

    .section-subtitle {
        font-size: 16px;
    }

    .stat-item {
        margin-bottom: 30px;
    }

    .stat-number {
        font-size: 36px;
    }

    .cta-section {
        padding: 60px 0;
    }

    .cta-heading {
        font-size: 28px;
    }

    .counter-shape {
        position       : relative;
        bottom         : 0;
        left           : 0;
        margin-top     : 30px;
        justify-content: center;
        width          : 100%;
    }


    .about-image-1 {
        height: 350px;
    }

    .about-image-2 {
        width : 180px;
        height: 180px;
        bottom: -5%;
    }

    .contact-one {
        padding: 60px 0;
    }

    .sec-title__title {
        font-size: 32px;
    }

    .contact-one__form {
        padding: 30px;
    }

    .contact-one__info {
        padding: 25px;
    }

    .product-img {
        display        : flex;
        justify-content: center;
        align-items    : center;
        flex-direction : column;
    }
    .inner-bg {
        padding: 80px 15px;
    }

    .inner-heding h3 {
        font-size: 32px;
    }
      .inner-heding h1 {
        font-size: 32px;
    }

}

@media (max-width: 575px) {
    .hero-slider__title {
        font-size: 32px;
    }

    .hero-slider__title span {
        font-size: 28px;
    }

    .sec-title_heading {
        font-size: 24px;
    }

    .about-one_feature {
        margin-bottom: 20px;
    }

    .about-one_text,
    .sec-title_text {
        font-size  : 16px;
        line-height: 1.6;
    }

    .about-one_list li {
        font-size: 16px;
    }

    .theme-btn {
        padding  : 12px 30px;
        font-size: 14px;
    }

    .section-title h3 {
        font-size: 28px;
    }

    .service-content {
        padding: 20px;
    }

    .service-content h3 {
        font-size: 20px;
    }

    .footer-list li a {
        font-size: 14px;
    }

    .footer-title {
        font-size: 18px;
    }

    .contact-item {
        flex-direction: column;
    }

    .contact-icon {
        margin-bottom: 10px;
    }

    .sec-title-heading {
        font-size: 24px;
    }

    .testimonial-text {
        font-size  : 15px;
        line-height: 28px;
    }

    .section-heading {
        font-size: 24px;
    }

    .feature-title {
        font-size: 18px;
    }

    .feature-desc {
        font-size: 15px;
    }

    .cta-heading {
        font-size: 24px;
    }

    .cta-btn {
        padding  : 14px 30px;
        font-size: 14px;
    }

    .inner-heding h3 {

        font-size: 25px;
    }
    .inner-heding h1 {

        font-size: 25px;
    }

    .icon-items {
        flex-direction: column;
        text-align    : center;
        gap           : 15px;
    }

    .icon-items .icon {
        margin: 0 auto;
    }

    .about-image-1 {
        height: 300px;
    }

    .about-image-2 {
        width : 150px;
        height: 150px;
    }

    .sec-title__title {
        font-size: 28px;
    }

    .contact-one__form {
        padding: 25px 20px;
    }

    .contact-one__info__item {
        flex-direction: column;
        text-align    : center;
    }

    .contact-one__info__icon {
        margin-right : 0;
        margin-bottom: 15px;
    }

    .floens-btn {
        width: 100%;
    }

    .quote-modal .modal-header {
        padding: 15px 20px;
    }

    .quote-modal .modal-body {
        padding: 20px;
    }

    .quote-modal .modal-title {
        font-size: 20px;
    }
}

@media (max-width: 412px) {
    .main-slider-two__shape {
        width  : 120px;
        left   : 50px;
        bottom : -30px;
        z-index: -1;
    }

    .main-slider-two__tiles {
        top    : -30px;
        right  : 20px;
        z-index: -1;
    }

    .main-slider-two__image__two {
        left: 50px;
    }

    .top-contact {
        display        : flex;
        flex-direction : column;
        justify-content: center;
        align-items    : center;
        margin         : auto;
    }
    .inner-bg {
        padding: 60px 10px;
    }

    .inner-heding h3 {
        font-size: 24px;
    }
    .inner-heding h1 {
        font-size: 24px;
    }
}

@media (max-width: 375px) {
    .main-slider-two__tiles {
        right: 50px;
    }

    .main-slider-two__image__two {
        left: 30px;
    }
}