/**Main Header One **/
@media only screen and (min-width: 1200px) and (max-width: 1300px) {
    .main-header--one__right .number {
        display: none;
    }
}

/**Projects One **/
@media only screen and (min-width: 1200px) and (max-width: 1550px) {
    .projects-one__single-content {
        padding: 36px 30px 44px;
    }

    .projects-one__single-content h2 {
        font-size: 20px;
    }
}

/**Services Two **/
@media only screen and (min-width: 1000px) and (max-width: 1200px) {
    .services-two__single-content h2 {
        font-size: 22px;
    }
}

/**Services Two **/
@media only screen and (min-width: 320px) and (max-width: 799px) {
    .services-two__single-content h2 {
        font-size: 22px;
    }
}

/** Medium screen**/
@media only screen and (min-width: 992px) and (max-width: 1199px) {

    /** Main Header One**/
    .main-header--one__right {
        display: none;
    }

    .main-header--one__inner {
        padding: 27px 0px 30px;
    }

    .main-header--one__left .logo {
        top: -2px;
    }

    .main-menu .mobile-nav__toggler {
        position: relative;
        display: inline-block;
        top: 1px;
    }

    /**Your Project One**/
    .your-project-one__single {
        display: block;
    }

    .your-project-one__single-btn {
        margin-top: 25px;
        padding-left: 0px;
    }

    .your-project-one__single-text-box {
        margin-top: 25px;
    }

    .your-project-one__single-text-box.mar-t0 {
        margin-top: 0;
    }

    /**About One**/
    .about-one {
        padding: 120px 0px 110px;
    }

    .about-one__img {
        margin: 0 auto;
    }

    .about-one__content {
        margin-top: 250px;
        margin-left: 0px;
    }

    .about-one__content-text p br {
        display: none;
    }

    /**About Two**/
    .about-one--two {
        position: relative;
        display: block;
        padding: 30px 0px 120px;
    }

    .about-one--two .about-one__img {
        margin: 0;
    }

    .about-one--two .about-one__content-list {
        max-width: 600px;
        width: 100%;
    }

    /**Best Logistics One**/
    .best-logistics-one__content {
        max-width: 650px;
        width: 100%;
    }

    .best-logistics-one__img {
        margin-left: 0px;
        margin-top: 70px;
    }

    .best-logistics-one__content .sec-title__title br {
        display: none;
    }

    /**Services One**/
    .services-one__single {
        padding: 65px 30px 55px;
    }

    .services-one__single .text p br {
        display: none;
    }

    .services-one__single h2 {
        font-size: 20px;
    }

    /**Our Material One**/
    .our-material-one__content .sec-title__title br {
        display: none;
    }

    .our-material-one__img {
        margin-top: 50px;
    }

    /**Work One**/
    .work-one .shape1 {
        display: none;
    }

    /**Projects One**/
    .projects-one__top .sec-title__title {
        font-size: 36px;
    }

    /**Video One**/
    .video-one {
        padding-bottom: 120px;
    }

    .video-one__inner {
        padding: 110px 40px 120px;
    }

    .video-one__inner h2 br {
        display: none;
    }

    /**Contact One**/
    .contact-one__img {
        top: 0px;
        left: 0;
        bottom: auto;
        right: 0;
        min-height: 600px;
    }

    .contact-one__content {
        padding-top: 540px;
    }

    /**Blog One**/
    .blog-one__single-content .meta-info li {
        margin-right: 11px;
    }

    .blog-one__single-content .meta-info li .text p {
        font-size: 15px;
    }

    .blog-one__single-content .meta-info li .text {
        padding-left: 5px;
    }

    .blog-one__single-content h2 a br {
        display: none;
    }

    .blog-one__single-content h2 {
        font-size: 21px;
        line-height: 33px;
    }

    /**Footer One**/
    .footer-widget__quick-links {
        margin-left: -45px;
    }

    .footer-widget__contact-info {
        margin-left: -20px;
    }

    .checked-box label {
        font-size: 14px;
    }

    /**Product One**/
    .product-one {
        padding: 120px 0px 80px;
    }

    /**Contact Two**/
    .contact-one--two .contact-one__content {
        padding-top: 670px;
    }

    /**Mission One**/
    .mission-one {
        padding: 0px 0px 345px;
    }

    .mission-one__content {
        max-width: none;
    }

    .mission-one__img {
        margin-left: 0px;
        margin-top: 50px;
    }

    /**About Two About**/
    .about-one--two--about {
        position: relative;
        display: block;
        padding: 120px 0px 120px;
    }

    /**Video One Team**/
    .video-one--two--about--team {
        padding: 120px 0px 0px;
    }

    /**Services Two Services Two**/
    .services-two--services-two .services-two__single-content h2 {
        font-size: 23px;
        line-height: 40px;
        font-weight: 400;
        margin-bottom: 16px;
    }

    /**Services Single One**/
    .services-single-one {
        padding: 120px 0px 110px;
    }

    .services-single-one__content .title h2 {
        font-size: 40px;
    }

    .services-single-one__content-bottom {
        padding-left: 0px;
    }

    .services-single-one__content-bottom-list {
        margin-top: 30px;
    }

    .services-single-one__content-bottom-img {
        position: relative;
        display: block;
    }

    /**Best Logistics One Protfolio Two**/
    .best-logistics-one--protfolio-two .best-logistics-one__img .overlay-content {
        left: -15px;
        bottom: 60px;
    }

    /**Blog Page Two**/
    .blog-page-two__single-headding {
        font-size: 28px;
    }

    /**Blog Page Single**/
    .page-header__content h2 br {
        display: none;
    }

    .blog-page-single__blockquote {
        padding-left: 40px;
    }

    .blog-page-single__pagination ul li .text h4 a br {
        display: none;
    }

    .blog-page-single__pagination ul li .text h4 {
        font-size: 16px;
    }

    /**Projects Two**/
    .projects-two__top .sec-title__title {
        font-size: 42px;
    }
}


/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) {

    /** Main Header One**/
    .main-header--one__right {
        display: none;
    }

    .main-header--one__inner {
        padding: 27px 0px 30px;
    }

    .main-header--one__left .logo {
        top: -2px;
    }

    .main-menu .mobile-nav__toggler {
        position: relative;
        display: inline-block;
        top: 1px;
    }

    /** Main Slider One**/
    .main-slider-one__title {
        font-size: 65px;
    }

    /**Your Project One**/
    .your-project-one__single {
        display: block;
    }

    .your-project-one__single-btn {
        margin-top: 25px;
        padding-left: 0px;
    }

    .your-project-one__single-text-box {
        margin-top: 25px;
    }

    .your-project-one__single-text-box.mar-t0 {
        margin-top: 0;
    }

    .your-project-one__single-text-box p {
        font-size: 18px;
    }

    .your-project-one__single-text-box p br {
        display: none;
    }

    /**About One**/
    .about-one {
        padding: 120px 0px 110px;
    }

    .about-one__img {
        margin: 0 auto;
    }

    .about-one__content {
        margin-top: 250px;
        margin-left: 0px;
    }

    .about-one__content-text p br {
        display: none;
    }

    /**About Two**/
    .about-one--two {
        position: relative;
        display: block;
        padding: 30px 0px 120px;
    }

    /**Best Logistics One**/
    .best-logistics-one__content {
        max-width: 650px;
        width: 100%;
    }

    .best-logistics-one__img {
        margin-left: 0px;
        margin-top: 70px;
    }

    .best-logistics-one__content .sec-title__title br {
        display: none;
    }

    /**Services One**/
    .services-one__single {
        max-width: 500px;
        width: 100%;
        margin: 0 auto 30px;
    }

    /**Our Material One**/
    .our-material-one__content .sec-title__title br {
        display: none;
    }

    .our-material-one__img {
        margin-top: 50px;
    }

    /**Work One**/
    .work-one {
        padding: 45px 0px 36px;
    }

    .work-one .shape1 {
        display: none;
    }

    .work-one .sec-title__title br {
        display: none;
    }

    .work-one__single {
        max-width: 500px;
        width: 100%;
        margin: 0 auto 75px;
    }

    /**Projects One**/
    .projects-one .sec-title__title br {
        display: none;
    }

    .projects-one__single {
        max-width: 500px;
        width: 100%;
        margin: 0 auto 30px;
    }

    .projects-one__top {
        display: block;
        text-align: center;
    }

    .projects-one__top-btn {
        margin-top: 20px;
    }

    /**Video One**/
    .video-one {
        padding-bottom: 120px;
    }

    .video-one__inner {
        padding: 110px 40px 120px;
    }

    .video-one__inner h2 br {
        display: none;
    }

    .video-one__inner h2 {
        font-size: 33px;
        line-height: 50px;
    }

    .video-one__inner p {
        font-size: 22px;
    }

    /**Contact One**/
    .contact-one__img {
        top: 0px;
        left: 0;
        bottom: auto;
        right: 0;
        min-height: 600px;
    }

    .contact-one__content {
        padding-top: 540px;
    }

    /**Blog One**/
    .blog-one .sec-title__title br {
        display: none;
    }

    .blog-one__single {
        max-width: 500px;
        width: 100%;
        margin: 0 auto 50px;
    }

    .blog-one__single-content h2 a br {
        display: none;
    }

    /**Footer One**/
    .footer-one__subscribe-box-text {
        margin-bottom: 25px;
    }

    .footer-widget__quick-links {
        margin-left: 0px;
        margin-top: 55px;
    }

    .footer-widget__contact-info {
        margin-top: 55px;
    }

    .footer-one__bottom-list ul li {
        padding-left: 5px;
        padding-right: 8px;
    }

    .footer-one__bottom-text p {
        font-size: 17px;
    }

    /**Services Two**/
    .services-two__single-content h2 {
        font-size: 25px;
    }

    /**Product One**/
    .product-one {
        padding: 120px 0px 80px;
    }

    /**Team One**/
    .team-one__single {
        max-width: 500px;
        width: 100%;
        margin: 0 auto 30px;
    }

    /**Contact Two**/
    .contact-one--two .contact-one__content {
        padding-top: 670px;
    }

    /**Our Material Two**/
    .our-material-two__img2 {
        left: 30px;
        bottom: -70px;
    }

    .our-material-two__img3 {
        bottom: -65px;
        right: 40px;
    }

    /**Mission One**/
    .mission-one {
        padding: 0px 0px 345px;
    }

    .mission-one__content {
        max-width: none;
    }

    .mission-one__img {
        margin-left: 0px;
        margin-top: 50px;
    }

    /**About Two About**/
    .about-one--two--about {
        position: relative;
        display: block;
        padding: 120px 0px 120px;
    }

    /**Video One Team**/
    .video-one--two--about--team {
        padding: 120px 0px 0px;
    }

    /**Services Single One**/
    .services-single-one {
        padding: 120px 0px 74px;
    }

    .services-single__sidebar {
        max-width: none;
        margin-top: 110px;
    }

    /**Portfolio Two**/
    .protfolio-two__single-img .overlay-content {
        left: 10px;
    }

    /**Best Logistics One Protfolio Two**/
    .best-logistics-one--protfolio-two .best-logistics-one__img .overlay-content {
        left: -15px;
        bottom: 60px;
    }

    /**Services Single One**/
    .services-single__sidebar--protfolio {
        max-width: none;
        margin-left: 0px;
    }

    /**Blog Page Two**/
    .sidebar {
        max-width: none;
        width: 100%;
        margin-left: 0px;
        margin-top: 60px;
    }

    /**Blog Page Single**/
    .page-header__content h2 br {
        display: none;
    }

    /**Contact Page**/
    .contact-page__comment-form {
        margin-top: 40px;
    }

    /**Our Material Two**/
    .our-material-two__inner .shape1 {
        display: none;
    }

    /**Projects Two**/
    .projects-two__top {
        display: block;
    }

    .projects-two__top-btn {
        margin-top: 30px;
    }
}


/** Mobile Layout: 320px. **/
@media only screen and (max-width: 767px) {
    .sec-title__title {
        font-size: 35px;
    }

    .sec-title__title br {
        display: none;
    }

    .sec-title__text br {
        display: none;
    }

    /** Main Header One**/
    .main-header--one__right {
        display: none;
    }

    .main-header--one__inner {
        padding: 27px 0px 30px;
    }

    .main-header--one__left .logo {
        top: -2px;
    }

    .main-menu .mobile-nav__toggler {
        position: relative;
        display: inline-block;
        top: 1px;
    }

    /** Main Slider One**/
    .main-slider-one__title br {
        display: none;
    }

    .main-slider-one__title {
        font-size: 48px;
    }

    /** Main Header Two**/
    .main-slider-one--two .main-slider-one__title {
        font-size: 40px;
    }

    .main-slider-one--two .main-slider-one__inner .border-box {
        display: none;
    }

    #main-slider-pagination {
        bottom: 50px;
        right: 50px;
    }

    /**Your Project One**/
    .your-project-one__single {
        display: block;
        padding-left: 0px;
        padding-right: 0px;
        margin-bottom: 50px;
    }

    .your-project-one__single-btn {
        margin-top: 25px;
        padding-left: 0px;
    }

    .your-project-one__single-text-box {
        margin-top: 25px;
    }

    .your-project-one__single-text-box.mar-t0 {
        margin-top: 0;
    }

    .your-project-one__single-text-box p br {
        display: none;
    }

    .your-project-one__wrapper ul {
        display: block;
    }

    .your-project-one__single::before {
        display: none;
    }

    .your-project-one__single-text-box h2 br {
        display: none;
    }

    /**About One**/
    .about-one {
        padding: 120px 0px 110px;
    }

    .about-one__content {
        margin-top: 73px;
        margin-left: 0px;
    }

    .about-one__content .sec-title__title {
        font-size: 40px;
    }

    .about-one__img {
        max-width: none;
    }

    .about-one__img .shape1 {
        display: none;
    }

    .about-one__img1 {
        margin-left: 0px;
    }

    .about-one__img1 img {
        width: 100%;
    }

    .about-one__img2 {
        position: relative;
        left: 0px;
        bottom: 0px;
        margin-top: 25px;
    }

    .about-one__img2 img {
        width: 100%;
    }

    .about-one__img2 .video-icon {
        position: absolute;
        left: 0px;
        bottom: 0px;
        right: 0;
        text-align: center;
    }

    .about-one__content-text p br {
        display: none;
    }

    /**About Two**/
    .about-one--two {
        position: relative;
        display: block;
        padding: 30px 0px 120px;
    }

    .about-one--two .about-one__content .sec-title__title {
        font-size: 33px;
    }

    /**Best Logistics One**/
    .best-logistics-one__content {
        max-width: none;
        width: 100%;
    }

    .best-logistics-one__img {
        margin-left: 0px;
        margin-top: 70px;
    }

    .best-logistics-one__content .sec-title__title br {
        display: none;
    }

    .best-logistics-one__img .shape1 {
        display: none;
    }

    .best-logistics-one .shape2 {
        display: none;
    }

    .best-logistics-one__img .shape3 {
        display: none;
    }

    .best-logistics-one__content-counter li {
        display: block;
        margin-right: 0px;
        margin: 0 auto;
        margin-bottom: 40px;
    }

    .best-logistics-one__content-counter li:last-child {
        margin-right: auto;
        margin-bottom: 0;
    }

    .best-logistics-one__content .sec-title {
        margin-bottom: 58px;
        text-align: center;
    }

    .best-logistics-one__content-bottom {
        display: block;
        text-align: center;
    }

    .best-logistics-one__content-bottom-btn {
        margin-top: 15px;
    }

    .best-logistics-one .best-logistics-one__img .overlay-content {
        position: absolute;
        left: 0px;
        bottom: 0px;
        right: 0;
        margin: 0 auto;
    }

    /**Services One**/
    .services-one__single {
        max-width: 500px;
        width: 100%;
        margin: 0 auto 30px;
        padding: 65px 30px 55px;
    }

    .services-one__single .text p br {
        display: none;
    }

    .services-one__single h2 {
        font-size: 20px;
    }

    /**Our Material One**/
    .our-material-one__content .sec-title__title br {
        display: none;
    }

    .our-material-one__img {
        margin-top: 50px;
    }

    .our-material-one__img1 {
        margin-left: 0px;
        z-index: 1;
    }

    .our-material-one__img2 {
        position: relative;
        right: 0px;
        bottom: 0px;
        margin-top: 20px;
    }

    /**Work One**/
    .work-one {
        padding: 36px 0px 45px;
    }

    .work-one .shape1 {
        display: none;
    }

    .work-one .sec-title__title br {
        display: none;
    }

    .work-one__single {
        max-width: 500px;
        width: 100%;
        margin: 0 auto 75px;
    }

    /**Projects One**/
    .projects-one .sec-title__title br {
        display: none;
    }

    .projects-one__single {
        max-width: 500px;
        width: 100%;
        margin: 0 auto 30px;
    }

    .projects-one__single-content h2 {
        font-size: 22px;
    }

    .projects-one__top {
        display: block;
        text-align: center;
    }

    .projects-one__top-btn {
        margin-top: 20px;
    }

    .projects-one__single-content {
        padding: 36px 30px 44px;
    }

    /**Video One**/
    .video-one {
        padding-bottom: 120px;
    }

    .video-one__inner {
        padding: 110px 20px 120px;
    }

    .video-one__inner h2 br {
        display: none;
    }

    .video-one__inner h2 {
        font-size: 26px;
        line-height: 50px;
    }

    .video-one__inner p {
        font-size: 22px;
    }

    .video-one__bottom {
        display: block;
    }

    .video-one__bottom .icon {
        margin-left: 0px;
        margin-top: 20px;
    }

    .video-one__bottom .icon a {
        margin: 0 auto;
    }

    /**Contact One**/
    .contact-one__img {
        top: 0px;
        left: 0;
        bottom: auto;
        right: 0;
        min-height: 600px;
    }

    .contact-one__content {
        padding-top: 540px;
    }

    .contact-one__img .overlay-content {
        bottom: 40px;
        right: 0px;
        left: 0;
        margin: 0 auto;
    }

    /**Testimonial One**/
    .testimonial-one__single {
        padding-left: 35px;
        padding-right: 35px;
    }

    .testimonial-one__single .client-info .title h3 {
        font-size: 18px;
    }

    /**Blog One**/
    .blog-one .sec-title__title br {
        display: none;
    }

    .blog-one__single {
        max-width: 500px;
        width: 100%;
        margin: 0 auto 50px;
    }

    .blog-one__single-content h2 a br {
        display: none;
    }

    .blog-one__single-content .meta-info li {
        margin-right: 11px;
    }

    .blog-one__single-content .meta-info li .text p {
        font-size: 15px;
    }

    .blog-one__single-content .meta-info li .text {
        padding-left: 5px;
    }

    .blog-one__single-content h2 a br {
        display: none;
    }

    .blog-one__single-content h2 {
        font-size: 21px;
        line-height: 33px;
    }

    /**Footer One**/
    .footer-one__subscribe-box-text {
        margin-bottom: 25px;
    }

    .footer-widget__services {
        margin-top: 55px;
    }

    .footer-widget__quick-links {
        margin-left: 0px;
        margin-top: 55px;
    }

    .footer-widget__contact-info {
        margin-top: 55px;
    }

    .footer-one__bottom-list ul li {
        padding-left: 5px;
        padding-right: 8px;
    }

    .footer-one__bottom-text p {
        font-size: 17px;
    }

    .footer-one__bottom-inner {
        display: block;
    }

    .footer-one__bottom-list {
        margin-top: 20px;
    }

    .footer-one__bottom-list ul li a {
        font-size: 16px;
    }

    /**Material Two**/
    .our-material-two__bottom h2 br {
        display: none;
    }

    .our-material-two__bottom h2 {
        font-size: 25px;
    }

    /**Product One**/
    .product-one {
        padding: 120px 0px 80px;
    }

    .product-one__single {
        max-width: 500px;
        width: 100%;
        margin: 0 auto 30px;
    }

    /**Team One**/
    .team-one__single {
        max-width: 500px;
        width: 100%;
        margin: 0 auto 30px;
    }

    /**Footer Two**/
    .footer-one--two__contact-box-inner h2 br {
        display: none;
    }

    .footer-one--two__contact-box-inner h2 {
        font-size: 39px;
    }

    /**Contact Two**/
    .contact-one--two .contact-one__content {
        padding-top: 670px;
    }

    /**Our Material Two**/
    .our-material-two__img2 {
        position: relative;
        left: 0px;
        bottom: 0px;
        right: 0;
        margin: 0 auto;
        text-align: center;
        border: 0px solid #ffffff;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .our-material-two__img2 img {
        width: auto;
    }

    .our-material-two__img3 {
        position: relative;
        left: 0;
        bottom: 0px;
        right: 0px;
        margin: 0 auto;
        text-align: center;
        border: 0px solid #ffffff;
    }

    .our-material-two__img3 img {
        width: auto;
    }

    /**Page Header**/
    .page-header__content h2 {
        font-size: 55px;
    }

    /**Mission One**/
    .mission-one {
        padding: 0px 0px 120px;
    }

    .mission-one__content {
        max-width: none;
    }

    .mission-one__img {
        margin-left: 0px;
        margin-top: 50px;
    }

    .mission-one__img-img2 img {
        width: 100%;
    }

    .mission-one__img-img2 {
        position: relative;
        bottom: 0px;
        right: 0px;
        margin-top: 30px;
    }

    .mission-one__img .shape1 {
        display: none;
    }

    /**About Two About**/
    .about-one--two--about {
        position: relative;
        display: block;
        padding: 120px 0px 120px;
    }

    /**Video One Team**/
    .video-one--two--about--team {
        padding: 120px 0px 0px;
    }

    /**Services Two Services Two**/
    .services-two--services-two .services-two__single {
        max-width: 500px;
        width: 100%;
        margin: 0 auto 30px;
    }

    /**Page Header Services Single One**/
    .page-header--services-single-one .page-header__content h2 {
        font-size: 34px;
        line-height: 50px;
    }

    .page-header--services-single-one .page-header__content .number a {
        font-size: 30px;
    }

    /**Services Single One**/
    .services-single-one {
        padding: 120px 0px 83px;
    }

    .services-single__sidebar {
        max-width: none;
        margin-top: 60px;
    }

    .services-single-one__content .title h2 {
        font-size: 40px;
    }

    .services-single-one__content-bottom {
        padding-left: 0px;
    }

    .services-single-one__content-bottom-img {
        position: relative;
        display: block;
    }

    .services-single-one__content-bottom-list {
        margin-top: 40px;
    }

    .services-single__sidebar-services {
        padding: 34px 20px 50px;
    }

    .services-single__sidebarlink li a {
        font-size: 15px;
        padding: 6px 20px 6px;
    }

    .services-single-one__content .title h2 br {
        display: none;
    }

    /**Portfolio Two**/
    .protfolio-two__single-img .overlay-content {
        left: 0px;
    }

    .protfolio-two__single {
        max-width: 500px;
        width: 100%;
        margin: 0 auto 30px;
    }

    .protfolio-two__single-img .overlay-content-inner .text h2 {
        font-size: 25px;
    }

    /**Best Logistics One Protfolio Two**/
    .best-logistics-one--protfolio-two .best-logistics-one__img .overlay-content {
        bottom: 60px;
    }

    /**Services Single One**/
    .services-single__sidebar--protfolio {
        max-width: none;
        margin-left: 0px;
    }

    .protfolio-single__content .title h2 {
        font-size: 40px;
        line-height: 1.2em;
    }

    .previous-next-one__inner {
        display: block;
    }

    .previous-next-one__inner .next-box {
        text-align: left;
        margin-top: 30px;
    }

    /**Blog Page Two**/
    .sidebar {
        max-width: none;
        width: 100%;
        margin-left: 0px;
        margin-top: 60px;
    }

    .blog-page-two__single-content {
        padding-left: 30px;
        padding-right: 20px;
    }

    .blog-page-two__single-headding {
        font-size: 29px;
    }

    .blog-page-two__single-meta-info li {
        padding-left: 13px;
    }

    .styled-pagination li {
        margin: 0px 2px;
    }

    .sidebar__categories-link li a {
        font-size: 16px;
        padding: 6px 20px 6px;
    }

    .sidebar__popular-stories-box li .text h4 br {
        display: none;
    }

    .sidebar__popular-stories-box li {
        display: block;
    }

    .sidebar__popular-stories-box li .text {
        padding-left: 0px;
        margin-top: 20px;
    }

    /**Blog Page Single**/
    .page-header__content h2 br {
        display: none;
    }

    .page-header--blog-single .page-header__content h2 {
        font-size: 45px;
    }

    .blog-page-single__blockquote {
        display: block;
        padding-left: 30px;
        padding-right: 30px;
    }

    .blog-page-single__blockquote-text {
        padding-left: 0px;
    }

    .blog-page-single__blockquote-text p {
        font-size: 19px;
    }

    .blog-page-single__blockquote-icon {
        margin-bottom: 15px;
    }

    .blog-page-single__tag-and-share {
        display: block;
    }

    .blog-page-single__tag-and-share .right {
        margin-top: 25px;
    }

    .blog-page-single__pagination ul {
        display: block;
    }

    .blog-page-single__pagination ul li .text h4 {
        font-size: 15px;
    }

    .blog-page-single__pagination ul li {
        margin-bottom: 15px;
        max-width: 300px;
        width: 100%;
    }

    .add-comment-box .title h2 {
        font-size: 24px;
    }

    /**Contact Page**/
    .contact-page__comment-form {
        margin-top: 40px;
    }

    .contact-page__get-in-touch .title p br {
        display: none;
    }

    .contact-page__get-in-touch ul li {
        display: block;
    }

    .contact-page__get-in-touch ul li .icon {
        margin-bottom: 20px;
    }

    .contact-page__comment-form {
        padding: 66px 25px 65px;
    }

    .contact-page__comment-form .title h2 {
        font-size: 30px;
    }

    /**Our Material Two**/
    .our-material-two__inner .shape1 {
        display: none;
    }

    /**Projects Two**/
    .projects-two__single-img .overlay-content {
        left: 0px;
    }

    /**Projects Two**/
    .projects-two__top {
        display: block;
        text-align: center;
    }

    .projects-two__top-btn {
        margin-top: 30px;
    }
}


@media only screen and (min-width: 768px) and (max-width: 991px) {}


@media only screen and (max-width: 450px) {

    .case-studies-one .container-fluid {
        padding-left: 15px;
        padding-right: 15px;
    }
}


@media only screen and (max-width: 991px) {
    .order-box-2 {
        -ms-flex-order: 2;
        order: 2;
    }

    .order-box-1 {
        -ms-flex-order: 1;
        order: 1;
    }

}


/*--------------------------------------------------------------
# Slider All Responsice Css
/////////
--------------------------------------------------------------*/

@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .main-slider__content-tagline {
        width: 380px;
    }

    .main-slider__content-tagline h2 {
        font-size: 30px;
    }

    .main-slider__content-title {
        font-size: 80px;
    }

    .main-slider-one .swiper-slide .shape2 img {
        width: 70%;
    }

}


/*=========================================================================
# Update 30-8-2022
===========================================================================*/

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
    .main-slider__nav {
        right: 135px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1250px) {
    .main-header-three__bottom-right .search-box {
        display: none;
    }
}


@media only screen and (min-width: 1200px) and (max-width: 1550px) {
    .main-header-three__bottom-right .contact-box {
        display: none;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1500px) {
    /**About Three**/
    .about-three .shape5 {
        display: none;
    }
}

/** Medium screen**/
@media only screen and (min-width: 992px) and (max-width: 1199px) {

    /**Main Header Three**/
    .main-header-three__top {
        display: none;
    }

    .main-header-three__bottom-right {
        display: none;
    }

    .main-header-three .main-menu .mobile-nav__toggler {
        position: absolute;
        top: 49px;
        right: 0;
        color: var(--flooring-black2);
        z-index: 5;
    }

    .main-header-three .main-menu .mobile-nav__toggler:hover {
        color: var(--flooring-base);
    }

    .main-header-three .main-menu__inner {
        position: relative;
        display: block;
    }

    /**Main Slider Three**/
    .main-slider-three .shape2 {
        display: none;
    }

    .main-slider__nav {
        right: 50px;
    }

    /**About Three**/
    .about-three .shape5 {
        display: none;
    }

    .about-three .shape6 {
        display: none;
    }

    .sec-title-two__title br {
        display: none;
    }

    .about-three__content {
        margin-top: 52px;
    }

    /**Support One**/
    .support-one__support {
        max-width: 570px;
        margin: 0 auto;
        width: 100%;
    }

    .support-one__content {
        margin-left: 0px;
        max-width: 570px;
        width: 100%;
        text-align: center;
        margin: 0 auto;
        margin-top: 40px;
    }

    /**Contact Three**/
    .contact-three__content-form .title-box h2 {
        font-size: 35px;
        line-height: 45px;
    }

    .contact-three__content-form {
        padding: 45px 35px 46px;
    }

    .contact-three__content {
        margin-left: 0px;
    }

    .contact-three__content-form .comment-form__input-box input[type="text"],
    .contact-three__content-form .comment-form__input-box input[type="email"] {
        margin-bottom: 15px;
    }

    .contact-three__content-form .title-box {
        margin-bottom: 34px;
    }

    /**Contact Three**/
    .footer-widget__about-two {
        margin-right: 0px;
    }

    .footer-widget__address-two {
        margin-left: 0px;
    }

    .footer-widget__services-two {
        margin-right: 0px;
        margin-left: 0;
        margin-top: 60px;
    }

    .footer-widget__newsletter-two {
        margin-left: 0px;
        margin-top: 60px;
    }

    /**Shop Details**/
    .shop-details__img-box {
        max-width: 535px;
        width: 100%;
        margin-right: 0px;
    }

    .shop-details__content {
        margin-top: 155px;
    }

    .shop-details__tab {
        margin-top: 108px;
    }
}


/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) {

    /**Main Header Three**/
    .main-header-three__top {
        display: none;
    }

    .main-header-three__bottom-right {
        display: none;
    }

    .main-header-three .main-menu .mobile-nav__toggler {
        position: absolute;
        top: 49px;
        right: 0;
        color: var(--flooring-black2);
        z-index: 5;
    }

    .main-header-three .main-menu .mobile-nav__toggler:hover {
        color: var(--flooring-base);
    }

    .main-header-three .main-menu__inner {
        position: relative;
        display: block;
    }

    /**Main Slider Three**/
    .main-slider-three .shape2 {
        display: none;
    }

    .main-slider__nav {
        right: 50px;
    }

    .main-slider-three__title h2 br {
        display: none;
    }

    .main-slider-three__title h2 {
        font-size: 60px;
    }

    /**About Three**/
    .about-three .shape5 {
        display: none;
    }

    .about-three .shape6 {
        display: none;
    }

    .sec-title-two__title br {
        display: none;
    }

    .about-three__content {
        margin-top: 52px;
    }

    /**Support One**/
    .support-one__support {
        max-width: 570px;
        margin: 0 auto;
        width: 100%;
    }

    .support-one__content {
        margin-left: 0px;
        max-width: 570px;
        width: 100%;
        text-align: center;
        margin: 0 auto;
        margin-top: 40px;
    }

    /**Contact Three**/
    .contact-three__img {
        max-width: 500px;
        width: 100%;
        margin: 0 auto;
    }

    .contact-three__content {
        margin-left: 0px;
        margin-top: 40px;
    }

    /**Contact Three**/
    .footer-widget__about-two {
        margin-right: 0px;
    }

    .footer-widget__address-two {
        margin-left: 0px;
    }

    .footer-widget__services-two {
        margin-right: 0px;
        margin-left: 0;
        margin-top: 60px;
    }

    .footer-widget__newsletter-two {
        margin-left: 0px;
        margin-top: 60px;
    }

    /**Shop Two**/
    .shop-two__sidebar {
        margin-right: 0px;
    }

    /**Shop Details**/
    .shop-details__img-box {
        max-width: 535px;
        width: 100%;
        margin-right: 0px;
    }

    .shop-details__content {
        margin-top: 155px;
    }

    .shop-details__tab {
        margin-top: 108px;
    }

    /**cart area**/
    .cart-button-box .update-cart {
        float: none;
    }

    /**Checkout Area**/
    .checkout-area__sidebar {
        margin-top: 50px;
        margin-left: 0px;
    }
}


/** Mobile Layout: 320px. **/
@media only screen and (max-width: 767px) {
    .sec-title-two__title {
        font-size: 30px;
        line-height: 38px;
    }

    /**Main Header Three**/
    .main-header-three__top {
        display: none;
    }

    .main-header-three__bottom-right {
        display: none;
    }

    .main-header-three .main-menu .mobile-nav__toggler {
        position: absolute;
        top: 49px;
        right: 0;
        color: var(--flooring-black2);
        z-index: 5;
    }

    .main-header-three .main-menu .mobile-nav__toggler:hover {
        color: var(--flooring-base);
    }

    .main-header-three .main-menu__inner {
        position: relative;
        display: block;
    }

    .main-header-three__bottom .container-fluid {
        padding-left: 0px;
        padding-right: 15px;
    }

    /**Main Slider Three**/
    .main-slider-three .shape1 {
        display: none;
    }

    .main-slider-three .shape2 {
        display: none;
    }

    .main-slider__nav {
        right: 50px;
    }

    .main-slider-three__title h2 br {
        display: none;
    }

    .main-slider-three__title h2 {
        font-size: 45px;
    }

    .main-slider__nav {
        display: none;
    }

    /**About Three**/
    .about-three .shape5 {
        display: none;
    }

    .about-three .shape6 {
        display: none;
    }

    .sec-title-two__title br {
        display: none;
    }

    .about-three__content {
        margin-top: 52px;
    }

    .about-three__img1::before {
        display: none;
    }

    .about-three__img1 .shape4 {
        display: none;
    }

    .about-three__img1 .shape3 {
        display: none;
    }

    .about-three__content-middle {
        display: block;
    }

    .about-three__content-middle .content-box {
        margin-left: 0px;
        margin-top: 25px;
    }

    .about-three__content-bottom {
        display: block;
    }

    .about-three__content-bottom .right-content::before {
        display: none;
    }

    .about-three__content-bottom .right-content {
        padding-left: 0px;
        margin-top: 15px;
    }

    /**Support One**/
    .support-one__support {
        display: block;
        max-width: 570px;
        margin: 0 auto;
        width: 100%;
    }

    .support-one__content {
        margin-left: 0px;
        max-width: 570px;
        width: 100%;
        text-align: center;
        margin: 0 auto;
        margin-top: 40px;
    }

    .support-one__support .img-box {
        margin: 0 auto;
        margin-bottom: 30px;
    }

    .support-one__support .content-box {
        text-align: center;
        margin-left: 0px;
    }

    .support-one__support .content-box p br {
        display: none;
    }

    /**Services Three**/
    .services-three__single {
        max-width: 500px;
        margin: 0 auto 45px;
    }

    .services-three__single-content h2 {
        font-size: 20px;
        line-height: 30px;
    }

    /**Testimonial Three**/
    .testimonial-three__client-details {
        display: block;
    }

    .testimonial-three__client-content {
        margin-left: 0px;
        margin-top: 5px;
    }

    /**Contact Three**/
    .contact-three__img {
        max-width: 500px;
        width: 100%;
        margin: 0 auto;
    }

    .contact-three__content {
        margin-left: 0px;
        margin-top: 40px;
    }

    .contact-three__content-form {
        padding: 77px 25px 91px;
    }

    .contact-three__content-form .title-box h2 {
        font-size: 35px;
        line-height: 45px;
    }

    /**Contact Three**/
    .footer-widget__about-two {
        margin-right: 0px;
        margin-bottom: 60px;
    }

    .footer-widget__address-two {
        margin-left: 0px;
    }

    .footer-widget__services-two {
        margin-right: 0px;
        margin-left: 0;
        margin-top: 60px;
    }

    .footer-widget__newsletter-two {
        margin-left: 0px;
        margin-top: 60px;
    }

    .footer-three__bottom-inner {
        display: block;
        text-align: center;
    }

    .footer-three__bottom-text {
        margin-bottom: 7px;
    }

    /**Shop Two**/
    .shop-two__sidebar {
        margin-right: 0px;
    }

    .shop-two__sorting {
        flex-direction: column;
    }

    .shop-two__sorting .left {
        margin-bottom: 15px;
    }

    /**Shop Details**/
    .shop-details__img-box {
        max-width: 535px;
        width: 100%;
        margin-right: 0px;
    }

    .shop-details__content {
        margin-top: 155px;
    }

    .shop-details__tab {
        margin-top: 108px;
    }

    .shop-details__content-text1 {
        display: block;
    }

    .shop-details__content-text1 .right {
        margin-top: 10px;
        margin-left: 0px;
    }

    .shop-details__content-text3 {
        display: block;
    }

    .shop-details__content-text3 .add-to-cart-btn {
        margin-right: 0px;
        margin-bottom: 10px;
    }

    .shop-details__content-text3 .btn-box {
        margin-left: 0px;
        margin-top: 10px;
    }

    .shop-details__content-text3 .product-quantity {
        max-width: 152px;
        width: 100%;
    }

    .shop-details__tab-description {
        padding: 36px 25px 55px;
    }

    .shop-details__tab-specifications {
        padding: 36px 25px 55px;
    }

    .shop-details__tab-button .tab-buttons {
        text-align: center;
    }

    .shop-details__tab-button .tab-buttons li {
        margin-bottom: 5px;
    }

    .shop-details__tab-button .tab-buttons li:last-child {
        margin-bottom: 0;
    }

    .shop-details__tab-content-item.style2 {
        padding: 50px 25px 50px;
    }

    .single-review-box {
        padding-left: 0px;
    }

    .single-review-box .img-box {
        position: relative;
        top: 0px;
        left: 0;
        margin-bottom: 10px;
    }

    .single-review-box .text-box {
        padding-left: 0px;
    }

    .review-form {
        padding: 53px 15px 60px;
    }

    .review-form .add-rating-box .review-box {
        padding-left: 10px;
    }

    .shop-details__tab-reviews .review-form .button-box {
        display: block;
    }

    .shop-details__tab-reviews .review-form .button-box .left {
        margin-bottom: 15px;
    }

    .shop-details__products-single {
        max-width: 500px;
        width: 100%;
        margin: 0 auto 30px;
    }

    /**cart area**/
    .cart-button-box .update-cart {
        float: none;
    }

    .cart-button-box .apply-coupon .inner {
        position: relative;
        display: block;
        padding-left: 0px;
    }

    .cart-button-box .apply-coupon .apply-coupon-button button {
        margin-left: 0px;
        margin-top: 80px;
    }

    .cart-totals-form button.thm-btn {
        padding: 16px 35px 15px;
    }

    .checkout-area__sidebar {
        margin-top: 50px;
        margin-left: 0px;
    }

    .checkout-area__sidebar-single ul li .text-box .img-box {
        margin-right: 5px;
    }

    .checkout-area__sidebar-single ul li .title-box p span {
        margin-left: 10px;
    }
}

/***
=============================================
    Why Choose Us Modern - Responsive
=============================================
***/

/* Tablet Landscape */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .why-choose-modern {
        padding: 100px 0;
    }

    .why-choose-modern__img-wrapper {
        padding-right: 20px;
    }

    .why-choose-modern__content {
        padding-left: 20px;
    }

    .why-choose-modern__feature-card {
        padding: 20px;
    }

    .why-choose-modern__feature-icon {
        width: 60px;
        height: 60px;
        font-size: 30px;
    }

    .why-choose-modern__feature-content h4 {
        font-size: 18px;
    }

    .why-choose-modern__badge-number {
        font-size: 40px;
    }
}

/* Tablet Portrait */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .why-choose-modern {
        padding: 80px 0;
    }

    .why-choose-modern__img-wrapper {
        padding-right: 0;
        margin-bottom: 60px;
    }

    .why-choose-modern__content {
        padding-left: 0;
    }

    .why-choose-modern__img-badge {
        bottom: -20px;
        right: 20px;
    }

    .why-choose-modern__badge-inner {
        padding: 20px 25px;
    }

    .why-choose-modern__badge-number {
        font-size: 36px;
    }

    .why-choose-modern__cta {
        justify-content: flex-start;
    }
}

/* Mobile Large */
@media only screen and (max-width: 767px) {
    .why-choose-modern {
        padding: 70px 0;
    }

    .why-choose-modern::before {
        width: 300px;
        height: 300px;
    }

    .why-choose-modern__img-wrapper {
        padding-right: 0;
        margin-bottom: 50px;
    }

    .why-choose-modern__img-main {
        border-radius: 15px;
    }

    .why-choose-modern__img-badge {
        bottom: -15px;
        right: 15px;
    }

    .why-choose-modern__badge-inner {
        padding: 15px 20px;
        border-radius: 12px;
    }

    .why-choose-modern__badge-number {
        font-size: 32px;
    }

    .why-choose-modern__badge-text {
        font-size: 12px;
    }

    .why-choose-modern__video-btn a {
        width: 60px;
        height: 60px;
        font-size: 18px;
    }

    .why-choose-modern__content {
        padding-left: 0;
    }

    .why-choose-modern__text {
        font-size: 15px;
        margin-bottom: 25px;
    }

    .why-choose-modern__features {
        gap: 15px;
        margin-bottom: 30px;
    }

    .why-choose-modern__feature-card {
        padding: 20px 15px;
        gap: 15px;
        border-radius: 12px;
    }

    .why-choose-modern__feature-card:hover {
        transform: translateX(5px);
    }

    .why-choose-modern__feature-icon {
        width: 55px;
        height: 55px;
        font-size: 28px;
    }

    .why-choose-modern__feature-icon-bg {
        border-radius: 12px;
    }

    .why-choose-modern__feature-content h4 {
        font-size: 17px;
        margin-bottom: 5px;
    }

    .why-choose-modern__feature-content p {
        font-size: 13px;
    }

    .why-choose-modern__cta {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }

    .why-choose-modern__cta .thm-btn {
        padding: 14px 28px;
        width: 100%;
        justify-content: center;
    }

    .why-choose-modern__cta-info {
        gap: 12px;
    }

    .why-choose-modern__cta-info > span {
        width: 45px;
        height: 45px;
        font-size: 18px;
    }

    .why-choose-modern__cta-info-text a {
        font-size: 16px;
    }
}

/* Mobile Small */
@media only screen and (max-width: 479px) {
    .why-choose-modern {
        padding: 60px 0;
    }

    .why-choose-modern__img-badge {
        position: relative;
        bottom: auto;
        right: auto;
        margin-top: 20px;
        display: inline-block;
    }

    .why-choose-modern__badge-inner {
        transform: rotate(0deg);
    }

    .why-choose-modern__feature-card {
        flex-direction: column;
        text-align: center;
        padding: 25px 20px;
    }

    .why-choose-modern__feature-card::before {
        width: 100%;
        height: 4px;
        top: auto;
        bottom: 0;
        transform: scaleX(0);
        transform-origin: left;
    }

    .why-choose-modern__feature-card:hover::before {
        transform: scaleX(1);
    }

    .why-choose-modern__feature-card:hover {
        transform: translateY(-5px);
    }

    .why-choose-modern__feature-icon {
        margin: 0 auto 15px;
    }

    .why-choose-modern__feature-content h4 {
        font-size: 18px;
    }
}

/***
=============================================
    Mission Vision Modern - Responsive
=============================================
***/

/* Tablet Landscape */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mission-vision-modern {
        padding: 100px 0;
    }

    .mission-vision-modern__content {
        padding-right: 20px;
    }

    .mission-vision-modern__card {
        padding: 25px;
        gap: 20px;
    }

    .mission-vision-modern__card-icon {
        width: 70px;
        height: 70px;
        font-size: 28px;
    }

    .mission-vision-modern__card-content h3 {
        font-size: 22px;
    }

    .mission-vision-modern__img-wrapper {
        padding-left: 30px;
    }

    .mission-vision-modern__values {
        margin-top: 80px;
        padding: 50px 30px;
    }

    .mission-vision-modern__value-icon {
        width: 60px;
        height: 60px;
        font-size: 24px;
    }

    .mission-vision-modern__value-item h4 {
        font-size: 18px;
    }
}

/* Tablet Portrait */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .mission-vision-modern {
        padding: 80px 0;
    }

    .mission-vision-modern__content {
        padding-right: 0;
        margin-bottom: 60px;
    }

    .mission-vision-modern__img-wrapper {
        padding-left: 0;
        padding-top: 0;
        max-width: 500px;
        margin: 0 auto;
    }

    .mission-vision-modern__img-secondary {
        width: 40%;
        bottom: -30px;
    }

    .mission-vision-modern__experience-badge {
        right: 0;
    }

    .mission-vision-modern__values {
        margin-top: 100px;
    }

    .mission-vision-modern__value-item {
        margin-bottom: 30px;
    }
}

/* Mobile Large */
@media only screen and (max-width: 767px) {
    .mission-vision-modern {
        padding: 70px 0;
    }

    .mission-vision-modern__bg-shape::before,
    .mission-vision-modern__bg-shape::after {
        display: none;
    }

    .mission-vision-modern__content {
        padding-right: 0;
        margin-bottom: 50px;
    }

    .mission-vision-modern__cards {
        gap: 20px;
        margin-top: 30px;
    }

    .mission-vision-modern__card {
        flex-direction: column;
        padding: 25px 20px;
        gap: 20px;
        border-radius: 16px;
    }

    .mission-vision-modern__card:hover {
        transform: translateY(-5px);
    }

    .mission-vision-modern__card-icon {
        width: 70px;
        height: 70px;
        font-size: 28px;
        border-radius: 16px;
    }

    .mission-vision-modern__card-icon-ring {
        border-radius: 20px;
    }

    .mission-vision-modern__card-content h3 {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .mission-vision-modern__card-content > p {
        font-size: 14px;
        margin-bottom: 15px;
    }

    .mission-vision-modern__card-points {
        gap: 8px;
    }

    .mission-vision-modern__card-points li {
        padding: 5px 12px;
        font-size: 12px;
    }

    .mission-vision-modern__img-wrapper {
        padding-left: 0;
        padding-top: 0;
    }

    .mission-vision-modern__img-main {
        border-radius: 16px;
    }

    .mission-vision-modern__img-secondary {
        width: 50%;
        bottom: -25px;
        left: 15px;
        border-width: 4px;
        border-radius: 12px;
    }

    .mission-vision-modern__experience-badge {
        top: 15px;
        right: 15px;
    }

    .mission-vision-modern__experience-inner {
        padding: 12px 15px;
        gap: 10px;
    }

    .mission-vision-modern__experience-icon {
        width: 40px;
        height: 40px;
        font-size: 18px;
    }

    .mission-vision-modern__experience-text strong {
        font-size: 14px;
    }

    .mission-vision-modern__experience-text span {
        font-size: 11px;
    }

    .mission-vision-modern__floating-shape {
        display: none;
    }

    .mission-vision-modern__values {
        margin-top: 80px;
        padding: 40px 20px;
        border-radius: 16px;
    }

    .mission-vision-modern__value-item {
        padding: 25px 15px;
        margin-bottom: 20px;
    }

    .mission-vision-modern__value-item:hover {
        transform: translateY(-5px);
    }

    .mission-vision-modern__value-icon {
        width: 60px;
        height: 60px;
        font-size: 24px;
        margin-bottom: 15px;
    }

    .mission-vision-modern__value-item h4 {
        font-size: 18px;
        margin-bottom: 8px;
    }

    .mission-vision-modern__value-item p {
        font-size: 13px;
    }
}

/* Mobile Small */
@media only screen and (max-width: 479px) {
    .mission-vision-modern {
        padding: 60px 0;
    }

    .mission-vision-modern__card {
        padding: 20px 15px;
        text-align: center;
    }

    .mission-vision-modern__card-icon {
        margin: 0 auto;
    }

    .mission-vision-modern__card-points {
        justify-content: center;
    }

    .mission-vision-modern__img-secondary {
        position: relative;
        bottom: auto;
        left: auto;
        width: 100%;
        margin-top: 20px;
        border-radius: 12px;
    }

    .mission-vision-modern__experience-badge {
        position: relative;
        top: auto;
        right: auto;
        margin-top: 20px;
        display: flex;
        justify-content: center;
    }

    .mission-vision-modern__values {
        margin-top: 60px;
        padding: 30px 15px;
        border-radius: 12px;
    }

    .mission-vision-modern__value-item {
        padding: 20px 10px;
    }
}

/***
=============================================
    Services New - Responsive
=============================================
***/

/* Tablet Landscape */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .services-new {
        padding: 80px 0 60px;
    }

    .services-new__title {
        font-size: 36px;
    }

    .services-new__card-image {
        height: 200px;
    }

    .services-new__card-header h3 {
        font-size: 18px;
    }
}

/* Tablet Portrait */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .services-new {
        padding: 70px 0 50px;
    }

    .services-new__header {
        margin-bottom: 40px;
    }

    .services-new__title {
        font-size: 32px;
    }

    .services-new__card-image {
        height: 180px;
    }

    .services-new__card-header h3 {
        font-size: 17px;
    }

    .services-new__card-body {
        padding: 20px;
    }

    .services-new__card-body p {
        font-size: 14px;
    }
}

/* Mobile Large */
@media only screen and (max-width: 767px) {
    .services-new {
        padding: 60px 0 40px;
    }

    .services-new__header {
        margin-bottom: 30px;
    }

    .services-new__title {
        font-size: 26px;
        line-height: 1.3;
    }

    .services-new__card {
        margin-bottom: 25px;
    }

    .services-new__card-header {
        padding: 15px 20px;
    }

    .services-new__card-header h3 {
        font-size: 16px;
    }

    .services-new__card-header span {
        font-size: 13px;
    }

    .services-new__card-image {
        height: 180px;
    }

    .services-new__card-body {
        padding: 20px;
    }

    .services-new__card-body p {
        font-size: 14px;
        margin-bottom: 15px;
    }

    .services-new__card-btn {
        padding: 10px 22px;
        font-size: 13px;
    }
}

/* Mobile Small */
@media only screen and (max-width: 479px) {
    .services-new {
        padding: 50px 0 30px;
    }

    .services-new__title {
        font-size: 22px;
    }

    .services-new__card-image {
        height: 160px;
    }

    .services-new__card-btn {
        width: 100%;
        justify-content: center;
    }
}

/***
=============================================
    How It Works - Responsive
=============================================
***/

/* Tablet Landscape */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .how-it-works {
        padding: 70px 0 80px;
    }

    .how-it-works__title h2 {
        font-size: 32px;
    }

    .how-it-works__banner-image {
        height: 320px;
    }

    .how-it-works__step-circle {
        width: 180px;
        height: 180px;
    }

    .how-it-works__step-icon {
        width: 50px;
        height: 50px;
        font-size: 20px;
    }

    .how-it-works__step h4 {
        font-size: 18px;
    }
}

/* Tablet Portrait */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .how-it-works {
        padding: 60px 0 70px;
    }

    .how-it-works__title {
        margin-bottom: 30px;
    }

    .how-it-works__title h2 {
        font-size: 28px;
    }

    .how-it-works__banner {
        margin-bottom: 50px;
    }

    .how-it-works__banner-image {
        height: 280px;
    }

    .how-it-works__step-circle {
        width: 160px;
        height: 160px;
    }

    .how-it-works__step-icon {
        width: 45px;
        height: 45px;
        font-size: 18px;
    }

    .how-it-works__step h4 {
        font-size: 17px;
    }

    .how-it-works__step p {
        font-size: 14px;
    }

    .how-it-works__step {
        margin-bottom: 30px;
    }
}

/* Mobile Large */
@media only screen and (max-width: 767px) {
    .how-it-works {
        padding: 50px 0 60px;
    }

    .how-it-works__title {
        margin-bottom: 25px;
    }

    .how-it-works__title h2 {
        font-size: 24px;
        letter-spacing: 1px;
    }

    .how-it-works__banner {
        margin-bottom: 40px;
    }

    .how-it-works__banner-header {
        padding: 12px 20px;
    }

    .how-it-works__banner-header span {
        font-size: 13px;
    }

    .how-it-works__banner-image {
        height: 240px;
    }

    .how-it-works__step-circle {
        width: 150px;
        height: 150px;
    }

    .how-it-works__step-icon {
        width: 45px;
        height: 45px;
        font-size: 18px;
    }

    .how-it-works__step {
        margin-bottom: 30px;
        padding: 15px;
    }

    .how-it-works__step h4 {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .how-it-works__step p {
        font-size: 14px;
    }

    .how-it-works__cta {
        margin-top: 30px;
    }

    .how-it-works__cta-btn {
        padding: 15px 35px;
        font-size: 14px;
    }
}

/* Mobile Small */
@media only screen and (max-width: 479px) {
    .how-it-works {
        padding: 40px 0 50px;
    }

    .how-it-works__title h2 {
        font-size: 20px;
    }

    .how-it-works__banner-image {
        height: 200px;
    }

    .how-it-works__step-circle {
        width: 130px;
        height: 130px;
    }

    .how-it-works__step-icon {
        width: 40px;
        height: 40px;
        font-size: 16px;
    }

    .how-it-works__step h4 {
        font-size: 15px;
    }

    .how-it-works__cta-btn {
        width: 100%;
        padding: 15px 25px;
    }
}

/***
=============================================
    Our Process Modern - Responsive
=============================================
***/

/* Tablet Landscape */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .process-modern {
        padding: 100px 0;
    }

    .process-modern__step-number {
        font-size: 140px;
    }

    .process-modern__step-info h3 {
        font-size: 24px;
    }

    .process-modern__step-image img {
        height: 300px;
    }

    .process-modern__testimonial {
        padding: 30px;
    }

    .process-modern__testimonial p {
        font-size: 18px;
    }
}

/* Tablet Portrait */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .process-modern {
        padding: 80px 0;
    }

    .process-modern__timeline::before {
        display: none;
    }

    .process-modern__step {
        margin-bottom: 60px;
    }

    .process-modern__step-content {
        flex-direction: column;
    }

    .process-modern__step--reverse .process-modern__step-content {
        flex-direction: column;
    }

    .process-modern__step-number {
        font-size: 120px;
        position: static;
        margin-bottom: -30px;
    }

    .process-modern__step-info {
        padding-top: 0;
    }

    .process-modern__step-info h3 {
        font-size: 24px;
    }

    .process-modern__step-image {
        margin-top: 30px;
    }

    .process-modern__step-image img {
        height: 280px;
    }

    .process-modern__step-actions {
        flex-direction: column;
        align-items: flex-start;
    }

    .process-modern__divider {
        display: none;
    }

    .process-modern__flooring-grid {
        max-width: 400px;
        margin: 30px auto 0;
    }

    .process-modern__testimonial {
        margin-top: 30px;
    }

    .process-modern__step--reverse .col-lg-6.order-lg-1,
    .process-modern__step--reverse .col-lg-6.order-lg-2 {
        order: unset;
    }
}

/* Mobile Large */
@media only screen and (max-width: 767px) {
    .process-modern {
        padding: 70px 0;
    }

    .process-modern__subtitle {
        font-size: 15px;
    }

    .process-modern__timeline {
        margin-top: 40px;
    }

    .process-modern__timeline::before {
        display: none;
    }

    .process-modern__step {
        margin-bottom: 50px;
    }

    .process-modern__step-content {
        flex-direction: column;
        gap: 0;
    }

    .process-modern__step--reverse .process-modern__step-content {
        flex-direction: column;
    }

    .process-modern__step-number {
        font-size: 100px;
        position: static;
        margin-bottom: -20px;
    }

    .process-modern__step-info {
        padding-top: 0;
    }

    .process-modern__step-info h3 {
        font-size: 22px;
        margin-bottom: 12px;
    }

    .process-modern__step-info > p {
        font-size: 15px;
        margin-bottom: 20px;
    }

    .process-modern__step-actions {
        flex-direction: column;
        align-items: stretch;
        gap: 20px;
        padding: 20px;
    }

    .process-modern__zip-input input {
        width: 100%;
    }

    .process-modern__divider {
        display: none;
    }

    .process-modern__schedule-btn {
        text-align: center;
        display: block;
    }

    .process-modern__step-image {
        margin-top: 25px;
    }

    .process-modern__step-image img {
        height: 250px;
    }

    .process-modern__step-image-badge {
        width: 50px;
        height: 50px;
        font-size: 20px;
    }

    .process-modern__features li {
        font-size: 14px;
        padding: 8px 0;
    }

    .process-modern__flooring-grid {
        gap: 15px;
        padding: 15px 0;
        margin-top: 25px;
    }

    .process-modern__flooring-icon {
        height: 100px;
    }

    .process-modern__flooring-item span {
        font-size: 13px;
    }

    .process-modern__accordion-header {
        padding: 15px 0;
    }

    .process-modern__accordion-header span {
        font-size: 15px;
    }

    .process-modern__testimonial {
        padding: 25px 20px;
        margin-top: 25px;
    }

    .process-modern__testimonial-quote {
        font-size: 30px;
        top: 20px;
        left: 20px;
    }

    .process-modern__testimonial p {
        font-size: 16px;
    }

    .process-modern__cta-box {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }

    .process-modern__cta-box .thm-btn {
        width: 100%;
        justify-content: center;
    }

    .process-modern__phone {
        font-size: 16px;
    }

    .process-modern__phone i {
        width: 40px;
        height: 40px;
        font-size: 16px;
    }

    .process-modern__step--reverse .col-lg-6.order-lg-1,
    .process-modern__step--reverse .col-lg-6.order-lg-2 {
        order: unset;
    }
}

/* Mobile Small */
@media only screen and (max-width: 479px) {
    .process-modern {
        padding: 60px 0;
    }

    .process-modern__step-number {
        font-size: 80px;
        margin-bottom: -15px;
    }

    .process-modern__step-info h3 {
        font-size: 20px;
    }

    .process-modern__step-actions {
        padding: 15px;
    }

    .process-modern__step-image img {
        height: 200px;
    }

    .process-modern__flooring-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }

    .process-modern__flooring-icon {
        height: 80px;
    }

    .process-modern__testimonial {
        padding: 20px 15px;
    }

    .process-modern__testimonial p {
        font-size: 15px;
    }

    .process-modern__testimonial-author .name {
        font-size: 14px;
    }
}

/***
=============================================
    Service Detail Modern - Responsive
=============================================
***/

/* Tablet Landscape */
@media only screen and (max-width: 1199px) {
    .service-detail-modern__title {
        font-size: 36px;
    }

    .service-detail-modern__hero-stats {
        gap: 25px;
    }

    .service-detail-modern__stat-number {
        font-size: 30px;
    }

    .service-detail-modern__image-wrapper img {
        height: 350px;
    }

    .service-detail-modern__floating-card {
        bottom: -20px;
        left: -20px;
        padding: 15px 20px;
    }

    .service-detail-modern__section-title {
        font-size: 32px;
    }

    .service-detail-modern__gallery {
        padding-right: 40px;
        padding-bottom: 40px;
    }

    .service-detail-modern__gallery-main img {
        height: 300px;
    }

    .service-detail-modern__gallery-secondary {
        width: 150px;
        height: 150px;
    }

    .service-detail-modern__cta {
        padding: 40px;
    }

    .service-detail-modern__cta-content h3 {
        font-size: 26px;
    }
}

/* Tablet Portrait */
@media only screen and (max-width: 991px) {
    .service-detail-modern {
        padding: 60px 0 80px;
    }

    .service-detail-modern__hero {
        margin-bottom: 60px;
    }

    .service-detail-modern__hero-content {
        padding-right: 0;
        margin-bottom: 40px;
    }

    .service-detail-modern__title {
        font-size: 32px;
    }

    .service-detail-modern__desc {
        font-size: 16px;
    }

    .service-detail-modern__hero-stats {
        gap: 30px;
        justify-content: flex-start;
    }

    .service-detail-modern__image-wrapper img {
        height: 380px;
    }

    .service-detail-modern__floating-card {
        bottom: -25px;
        left: 20px;
    }

    .service-detail-modern__features {
        margin-bottom: 60px;
    }

    .service-detail-modern__feature-card {
        margin-bottom: 25px;
    }

    .service-detail-modern__why-choose {
        margin-bottom: 60px;
    }

    .service-detail-modern__gallery {
        padding-right: 50px;
        padding-bottom: 50px;
        margin-bottom: 40px;
    }

    .service-detail-modern__gallery-main img {
        height: 350px;
    }

    .service-detail-modern__gallery-secondary {
        width: 160px;
        height: 160px;
    }

    .service-detail-modern__why-content {
        padding-left: 0;
    }

    .service-detail-modern__section-title {
        font-size: 30px;
    }

    .service-detail-modern__cta {
        padding: 35px;
    }

    .service-detail-modern__cta-content h3 {
        font-size: 24px;
        margin-bottom: 10px;
    }

    .service-detail-modern__cta-buttons {
        flex-direction: row;
        margin-top: 25px;
    }

    .service-detail-modern__cta-btn {
        padding: 14px 25px;
        font-size: 14px;
    }
}

/* Mobile Landscape */
@media only screen and (max-width: 767px) {
    .service-detail-modern {
        padding: 50px 0 60px;
    }

    .service-detail-modern__hero {
        margin-bottom: 50px;
    }

    .service-detail-modern__badge {
        padding: 6px 16px;
        font-size: 12px;
    }

    .service-detail-modern__title {
        font-size: 28px;
    }

    .service-detail-modern__desc {
        font-size: 15px;
        margin-bottom: 25px;
    }

    .service-detail-modern__hero-stats {
        flex-wrap: wrap;
        gap: 20px;
    }

    .service-detail-modern__stat {
        flex: 0 0 calc(33.33% - 15px);
    }

    .service-detail-modern__stat-number {
        font-size: 28px;
    }

    .service-detail-modern__stat-text {
        font-size: 12px;
    }

    .service-detail-modern__image-wrapper img {
        height: 300px;
    }

    .service-detail-modern__image-badge {
        top: 15px;
        right: 15px;
        padding: 8px 14px;
        font-size: 12px;
    }

    .service-detail-modern__floating-card {
        position: relative;
        bottom: 0;
        left: 0;
        margin-top: 20px;
        width: 100%;
        justify-content: center;
    }

    .service-detail-modern__floating-icon {
        width: 50px;
        height: 50px;
        font-size: 20px;
    }

    .service-detail-modern__features {
        margin-bottom: 50px;
    }

    .service-detail-modern__feature-card {
        padding: 25px 20px;
    }

    .service-detail-modern__feature-icon {
        width: 65px;
        height: 65px;
        font-size: 24px;
    }

    .service-detail-modern__feature-card h4 {
        font-size: 18px;
    }

    .service-detail-modern__feature-card p {
        font-size: 14px;
    }

    .service-detail-modern__why-choose {
        margin-bottom: 50px;
    }

    .service-detail-modern__gallery {
        padding-right: 30px;
        padding-bottom: 30px;
        max-width: 400px;
        margin: 0 auto 35px;
    }

    .service-detail-modern__gallery-main img {
        height: 280px;
    }

    .service-detail-modern__gallery-secondary {
        width: 120px;
        height: 120px;
    }

    .service-detail-modern__gallery-badge {
        width: 80px;
        height: 80px;
        top: 20px;
        right: 15px;
    }

    .service-detail-modern__gallery-badge-number {
        font-size: 22px;
    }

    .service-detail-modern__gallery-badge-text {
        font-size: 9px;
    }

    .service-detail-modern__section-title {
        font-size: 26px;
    }

    .service-detail-modern__why-content > p {
        font-size: 15px;
    }

    .service-detail-modern__benefit {
        padding: 15px;
    }

    .service-detail-modern__benefit-icon {
        width: 50px;
        height: 50px;
        font-size: 18px;
    }

    .service-detail-modern__benefit-content h5 {
        font-size: 16px;
    }

    .service-detail-modern__benefit-content p {
        font-size: 13px;
    }

    .service-detail-modern__cta {
        padding: 30px 20px;
        border-radius: 20px;
    }

    .service-detail-modern__cta-content h3 {
        font-size: 22px;
    }

    .service-detail-modern__cta-content > .row > .col-lg-8 > p {
        font-size: 14px;
    }

    .service-detail-modern__cta-buttons {
        flex-direction: column;
        gap: 12px;
    }

    .service-detail-modern__cta-btn {
        width: 100%;
        padding: 14px 20px;
    }
}

/* Mobile Portrait */
@media only screen and (max-width: 479px) {
    .service-detail-modern {
        padding: 40px 0 50px;
    }

    .service-detail-modern__hero {
        margin-bottom: 40px;
    }

    .service-detail-modern__title {
        font-size: 24px;
    }

    .service-detail-modern__desc {
        font-size: 14px;
    }

    .service-detail-modern__hero-stats {
        gap: 15px;
    }

    .service-detail-modern__stat-number {
        font-size: 24px;
    }

    .service-detail-modern__stat-text {
        font-size: 11px;
    }

    .service-detail-modern__image-wrapper img {
        height: 250px;
    }

    .service-detail-modern__features {
        margin-bottom: 40px;
    }

    .service-detail-modern__feature-card {
        padding: 20px 15px;
        margin-bottom: 20px;
    }

    .service-detail-modern__feature-icon {
        width: 60px;
        height: 60px;
        font-size: 22px;
    }

    .service-detail-modern__feature-card h4 {
        font-size: 17px;
    }

    .service-detail-modern__gallery {
        padding-right: 20px;
        padding-bottom: 20px;
    }

    .service-detail-modern__gallery-main img {
        height: 220px;
    }

    .service-detail-modern__gallery-secondary {
        width: 100px;
        height: 100px;
        border-width: 3px;
    }

    .service-detail-modern__gallery-badge {
        width: 70px;
        height: 70px;
        top: 15px;
        right: 10px;
    }

    .service-detail-modern__gallery-badge-number {
        font-size: 20px;
    }

    .service-detail-modern__section-title {
        font-size: 22px;
    }

    .service-detail-modern__benefit {
        flex-direction: column;
        text-align: center;
        gap: 15px;
    }

    .service-detail-modern__cta {
        padding: 25px 15px;
        border-radius: 15px;
    }

    .service-detail-modern__cta-content h3 {
        font-size: 20px;
    }

    .service-detail-modern__cta-btn {
        font-size: 13px;
        padding: 12px 18px;
    }
}

/***
=============================================
    Service Area Section Responsive
=============================================
***/
@media (max-width: 991px) {
    .service-area-section {
        padding: 80px 0 100px;
    }

    .service-area-section .sec-title__title {
        font-size: 36px;
    }

    .service-area-card {
        margin-bottom: 30px;
    }

    .service-area-cta {
        padding: 40px 30px;
    }

    .service-area-cta__content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
    }

    .service-area-cta__text {
        text-align: center;
    }
}

@media (max-width: 575px) {
    .service-area-section .sec-title__title {
        font-size: 30px;
    }

    .service-area-card {
        padding: 30px 20px;
    }

    .service-area-card__title {
        font-size: 22px;
    }

    .service-area-cta {
        padding: 30px 20px;
    }

    .service-area-cta__text h4 {
        font-size: 20px;
    }
}

/***
=============================================
    Service Area Detail Page Responsive
=============================================
***/
@media (max-width: 991px) {
    .service-area-detail {
        padding: 80px 0;
    }

    .service-area-detail__title {
        font-size: 34px;
    }

    .service-area-detail__image {
        margin-top: 40px;
    }

    .service-area-map {
        padding: 60px 0 80px;
    }
}

@media (max-width: 575px) {
    .service-area-detail {
        padding: 60px 0;
    }

    .service-area-detail__title {
        font-size: 28px;
    }

    .service-area-detail__text {
        font-size: 15px;
    }

    .service-area-detail__image-badge {
        padding: 12px 18px;
    }

    .service-area-detail__image-badge strong {
        font-size: 18px;
    }

    .service-area-map {
        padding: 50px 0 60px;
    }

    .service-area-map__wrapper iframe {
        height: 350px;
    }
}