/* laptop/desktop 1200px */

        @media (min-width: 1200px) and (max-width: 1500px) {}

        /* normal desktop */

        @media (min-width: 992px) and (max-width: 1200px) {
            .main-menu ul li {
                margin-left: 8px;
            }

            .main-menu .left-space {
                margin-left: 23px;
            }
        }

        /* tablet */

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

             

            .EM123_Logo {
                height:65px;
            }

            .site-logo img {
                max-width: inherit;
              }

            .about-thumb {
                margin-bottom: 50px;
            }

            .notification {
                justify-content: center;
            }

            .single-testimonial {
                flex-direction: column;
                text-align: center;
            }

            .thumb {
                display: flex;
                justify-content: center;
            }

            .single-testimonial .content p {
                margin-top: 20px;
            }

            .single-testimonial .thumb::after {
                left: auto;
            }

            .single-testimonial .thumb .icon {
                right: auto;
            }

            .testimonial-carousel {
                padding: 40px;
            }

            .postbox {
                margin-top: 30px;
            }

            .facts li{
                margin-right: 15px;
            }

            .facts li span{
                font-size: 30px;
            }

        }

        /* small mobile */

        @media (max-width: 767px) {

            .about-thumb {
                padding-right:0;
            }

            .modal-dialog {
                left: 0;
                transform: translate(-50%, -50%); /* Center the modal */
            }
            .actionEditIcon {
                margin:0;
                padding:0;
                position:relative;
                top:-2.5em;
                right:-8em;
            }

            table.dataTable {
              display: none;
            }
            .card-view {
              display: block;
            }
            .card {
              border: 1px solid #ddd;
              border-radius: 8px;
              padding: 12px;
              margin-bottom: 12px;
              background: #f9f9f9;
              box-shadow: 0 2px 4px rgba(0,0,0,0.1);
            }
            .card div {
              margin: 4px 0;
            }
            .card strong {
              display: inline-block;
              width: 120px;
            }
   

            .EM123_Logo {
                height:65px;
                position:relative;
                top:-0px;
            }

            .topbar {
                display: none;
            }

            .section-padding {
                padding: 80px 0;
            }

            .section-title {
                text-align: center;
            }

            .section-title h2 {
                font-size: 40px;
            }

            .section-title h5::before {
                display: none;
            }

            .header {
                top: 0;
            }

            .single-slide-item h1 {
                font-size: 45px;
                line-height: 55px;
            }

            .service-search-wrapper .form-group-wrapper {
                flex-direction: column;
                align-items: flex-start;
            }

            .service-search-wrapper .main-btn {
                margin-top: 30px;
                text-align: left;
            }

            .about-thumb {
                margin-bottom: 50px;
            }

            .notification {
                justify-content: center;
            }

            .single-testimonial {
                flex-direction: column;
                text-align: center;
            }

            .thumb {
                display: flex;
                justify-content: center;
            }

            .single-testimonial .content p {
                margin-top: 20px;
            }

            .single-testimonial .thumb::after {
                left: auto;
            }

            .single-testimonial .thumb .icon {
                right: auto;
            }

            .single-testimonial .content {
                padding-left: 0;
            }

            .testimonial-carousel {
                padding: 40px;
            }

            .blog-area .col-lg-6.text-right {
                text-align: center !important;
            }

            .postbox {
                margin-top: 30px;
            }

            .footer-widget {
                text-align: center;
                margin-bottom: 30px;
            }

            .footer-contact-info {
                flex-direction: column;
                align-items: center;
            }


            .footer-social-info {
                flex-direction: column;
            }

            .breadcrumb-title h2 {
                font-size: 40px;
            }

            /* about page*/
            .about-right {
                margin-top: 50px;
            }

            .single-service-item {
                margin-bottom: 50px;
            }

            /* service details */
            .service-details_img {
                margin-top: 30px;
            }

            .service-details_two-icons {
                flex-direction: column;
            }

            .service-details_two-icon-single + .service-details_two-icon-single {
                margin-left: 0;
                margin-top: 30px;
            }

            .service-details_bottom {
                padding: 45px 30px;
            }

            .service-details_how-we-help-img img {
                margin-bottom: 30px;
            }

            /* portfolio */
            .portfolio-image img {
                width: 100%;
            }

            /* portfolio details */
            .project-details-box {
                position: relative;
                top: 30px;
                width: 100%;
            }

            .single-img-wrapper {
                margin-bottom: 30px;
            }

            /* blog details */
            .author-text {
                margin-top: 30px;
            }

            .comments-box {
                flex-direction: column;
            }

            .comments-text {
                margin-top: 30px;
            }

            /* vendor list */
            .featured-vendors {
                flex-direction: column;
            }

            .team .team-body {
                width: 100%;
            }

            .location-map {
                padding: 15px;
            }

            .quote-item .main-btn {
                width: 100%;
                text-align: center;
            }

            .quote-item .main-btn {
                width: 100%;
                text-align: center;
            }

            .form-fields {
                text-align: center;
                width: 100%;
            }

            ul.facts {
                margin-top: 30px;
            }

            .facts li {
                margin-right: 15px;
            }

            /* vendor profile */
            .right-content-wrap {
                margin-top: 30px;
            }

            #datetime {
                padding: 0;
                border: none;
            }

            /* vendor registration*/
            .register-left {
                display: none;
            }

            .right-side.register-right {
                border-left: 1px solid #eee;
                margin-left: 30px;
            }

            /* booking page */
            .how_often li {
                margin-bottom: 20px;
            }

            /* home page # 02 */
            .homepage-slides-2 .single-slide-item-2 {
                height: 800px;
            }

            .single-slide-item-2 h1 {
                font-size: 40px;
                line-height: 50px;
            }

            .section-heading h3 {
                font-size: 40px;
            }

            .service-search-wrapper {
                padding: 40px;
            }

            .about-content-area .section-heading h3 {
                font-size: 40px;
                margin-top: 20px;
            }

            .about-featured-area {
                text-align: center;
            }

            /* home # 03 */
            .hero-area-wrap h3 {
                font-size: 35px;
            }

            .service-search {
                padding-left: 0;
            }

            .service-search .nice-select {
                margin-bottom: 10px;
            }

            .service-search .nice-select .list {
                width: 100%;
            }

            .service-search .main-btn {
                margin-left: -85px;
                padding: 8px 35px;
                margin-top: 20px;
                text-align: center;
                width: 100%;
                margin-left: 0px;
            }

            .section-headline h3 {
                font-size: 40px;
            }


            /* large mobile */
            @media only screen and (min-width: 520px) and (max-width: 767px) {
                .topbar {
                    display: none;
                }

                .header {
                    top: 0;
                }

                .single-slide-item h1 {
                    font-size: 45px;
                    line-height: 55px;
                }

                .service-search-wrapper .form-group-wrapper {
                    flex-direction: column;
                    align-items: flex-start;
                }

                .service-search-wrapper .main-btn {
                    margin-top: 30px;
                    text-align: left;
                }

                .about-thumb {
                    margin-bottom: 50px;
                }

                .notification {
                    justify-content: center;
                }

                .single-testimonial {
                    flex-direction: column;
                    text-align: center;
                }

                .thumb {
                    display: flex;
                    justify-content: center;
                }

                .single-testimonial .content p {
                    margin-top: 20px;
                }

                .single-testimonial .thumb::after {
                    left: auto;
                }

                .single-testimonial .thumb .icon {
                    right: auto;
                }

                .testimonial-carousel {
                    padding: 40px;
                }

                .postbox {
                    margin-top: 30px;
                }

            }
        }