@media only screen and (min-width: 992px) and (max-width: 5000px) {
    .team-sec .col-md-3.col-sm-6.col-xs-12:nth-child(4n + 1) {
        clear: both;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .search-forum {
        left: -200px;
    }
    .slider-text {
        padding: 40px 30px;
        width: 991px;
    }
    .slider-text h1 {
        font-size: 48px;
    }
    .gallery-overlay-text h2 {
        font-size: 14px;
    }
    .appointment {
        right: 0;
    }
    .counting-inner {
        padding-right: 40px;
    }
    .appoitment-button a {
        padding: 12px 14px;
    }
    .gallery-button a i {
        font-size: 16px;
        width: 40px;
        height: 40px;
        line-height: 40px;
    }
    .error-page-content {
        padding: 0;
    }
    .header-v2-intro {
        padding-right: 36px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    body {
        font-size: 15px;
        line-height: 24px;
    }
    h1 {
        font-size: 22px;
    }
    h2 {
        font-size: 18px;
    }
    h3 {
        font-size: 16px;
    }
    .pt-100 {
        padding-top: 80px;
    }
    .pb-100 {
        padding-top: 80px;
    }
    .pb-70 {
        padding-top: 40px;
    }
    .logo {
        text-align: center;
        padding-top: 40px;
        padding-bottom: 0;
    }
    .header-v2-top .soical-profile {
        width: 100%;
        text-align: center;
    }
    .appoitment-button {
        padding: 22px 0;
    }
    .sngl-price {
        margin-bottom: 30px;
    }
    .search-bar-icon {
        padding: 30px 0;
    }
    .team-member::after {
        height: 38%;
    }
    .header-left li {
        padding-right: 20px;
        position: relative;
        display: inline-block;
    }
    .slider-caption {
        width: 100%;
    }
    .count-up-man-img {
        display: none;
    }
    .footer-sec .col-md-3.col-sm-6:nth-child(2n + 1) {
        clear: both;
    }
    .main-menu ul li a {
        padding: 34px 7px;
    }
    .company-ceo-thumb img {
        width: 100%;
        margin-top: 30px;
        margin-bottom: 20px;
    }
    .footer-wedget-two {
        margin-top: 40px;
    }
    .main-menu {
        text-align: center;
    }
    .appointment {
        right: 0;
    }
    .pricing-sec .tab-content img {
        margin-bottom: 30px;
    }
    .search-forum {
        left: -240px;
        top: 90px;
    }
    .slider-text {
        width: 100%;
    }
    .slider-text h1 {
        font-size: 36px;
    }
    .project-gallery .inner {
        width: 50%;
    }
    .counting_sl {
        margin: 40px 0;
    }
    .main-menu ul ul {
        top: 92px;
    }
    .hd-search-field form {
        width: 140px;
    }
    .sidebar {
        margin-top: 40px;
        margin-bottom: 100px;
    }
    .header-right {
        margin-right: 0;
    }
    .newsletter::before {
        right: -100%;
    }
    .sec-title {
        text-align: center;
        margin: 0 0 50px;
    }
    .service-item .col-md-4.col-sm-6:nth-child(2n + 1) {
        clear: both;
    }
    .company-bar-chart {
        margin-bottom: 40px;
    }
    .footer-widget-menu {
        margin-bottom: 30px;
    }
    .call-to-action-text h2 {
        font-size: 24px;
    }
    .post-meta li {
        width: 100%;
        padding-right: 0;
        margin-right: 0;
    }
    .company-bar-chart img,
    .company-desc img,
    .pricing-sec .tab-content img {
        width: 100%;
    }
    .service-details-img img {
        width: 100%;
    }
    .service-details {
        margin-top: 30px;
    }
    .brochures {
        margin-top: 30px;
    }
    .gallery-button a i {
        font-size: 16px;
        width: 40px;
        height: 40px;
        line-height: 40px;
    }
    .team-sec .col-md-3.col-sm-6.col-xs-12:nth-child(2n + 1) {
        clear: both;
    }
    .vedio-inner {
        margin-top: 40px;
    }
    .slider-wrapper {
        width: 100%;
        padding: 0 30px;
    }
    .hd-sec.sticky_menu {
        position: relative;
    }
    .all-slide .owl-controls {
        width: 100%;
        padding: 0 30px;
    }
    .service-sec-title {
        margin-bottom: 40px;
    }
    .consult-form::before {
        left: -200px;
    }
    .faq-style1-sec {
        margin-top: 40px;
    }
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
    body {
        font-size: 14px;
        line-height: 24px;
    }
    h1 {
        font-size: 22px;
    }
    h2 {
        font-size: 18px;
    }
    h3 {
        font-size: 16px;
    }
    .header-top {
        overflow: visible;
    }
    .header-left {
        padding: 8px 0;
    }
    .header-left ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin: 0;
        padding: 0;
    }
    .header-left li {
        box-sizing: border-box;
        display: block;
        max-width: 100%;
        padding: 4px 0;
        text-align: center;
        width: 100%;
    }
    .header-left li a {
        display: inline-block;
        font-size: 13px;
        max-width: calc(100% - 40px);
        overflow-wrap: anywhere;
        white-space: normal;
        word-break: break-word;
    }
    .header-right-div {
        padding-bottom: 8px;
    }
    .consult-form {
        padding: 50px 0;
    }
    .header-right-div::before {
        display: none;
    }
    .faq-style1-sec {
        margin-top: 40px;
    }
    .sec-title h1 {
        font-size: 24px;
    }
    .consult-form::before {
        left: -200px;
    }
    .service-sec-title {
        margin-bottom: 40px;
    }
    .all-slide .owl-controls {
        width: 100%;
        padding: 0 30px;
    }
    .why-choose-thumb img {
        width: 100%;
    }
    .footer-social {
        text-align: center;
        margin-top: 10px;
    }
    .footer-call-to-action {
        top: -135px;
    }
    .sngl-price {
        margin-bottom: 50px;
    }
    .slider-wrapper,
    .slider-caption {
        width: 100%;
    }
    .slider-text {
        width: 100%;
    }
    .all-slide .owl-controls .owl-prev {
        left: 0;
    }
    .all-slide .owl-controls .owl-next {
        right: 0;
    }
    .hd-sec.sticky_menu {
        position: relative;
    }
    .footer-sec {
        margin-top: 0px;
    }
    .footer-sec {
        padding-top: 11px;
    }
    .pt-100 {
        padding-top: 80px;
    }
    .pb-100 {
        padding-bottom: 80px;
    }
    .pb-70 {
        padding-bottom: 40px;
    }
    .appoitment-button {
        display: none;
    }
    .vedio-inner {
        margin-top: 40px;
    }
    .slider-text p {
        width: 100%;
    }
    .company-ceo-thumb img {
        width: 100%;
        margin-top: 30px;
        margin-bottom: 20px;
    }
    .header-right-div {
        text-align: center;
    }
    .header-left {
        text-align: center;
    }
    .why-choose-title h1 {
        font-size: 24px;
    }
    .about-desc h1,
    .company-desc h1 {
        font-size: 32px;
    }
    .slider-text {
        padding: 0 30px;
    }
    .hd-sec {
        padding-top: 24px;
        position: relative;
    }
    .hd-sec .row {
        position: relative;
    }
    .hd-sec .col-md-3.col-sm-12.col-xs-8,
    .hd-sec .col-md-9.col-sm-12 {
        float: none;
        width: 100%;
    }
    .logo {
        text-align: left;
        padding: 0;
        position: relative;
        z-index: 2;
        top: 10px;
    }
    .mobile-nav-menu {
        left: 15px;
        position: absolute;
        right: 15px;
        top: -72px;
        z-index: 100000;
    }
    .mean-container .mean-bar {
        background: transparent;
        min-height: 48px;
        top: 0;
    }
    .mean-container a.meanmenu-reveal {
        background: #d4af37 !important;
        display: block !important;
        margin: 0;
        right: 0 !important;
        top: 0 !important;
        z-index: 100001;
    }
    .mean-container .mean-nav {
        margin-top: 62px;
        box-shadow: 0 6px 14px rgba(0, 0, 0, 0.16);
    }
    html,
    body {
        max-width: 100%;
        overflow-x: hidden;
    }
    .service2-sec,
    .service2-sec .container,
    .service2-sec .row,
    .service-sec-title {
        max-width: 100%;
    }
    .service2-item {
        display: block;
        width: 100%;
    }
    .service-sec-title h1,
    .service-sec-title p {
        overflow-wrap: anywhere;
        white-space: normal !important;
        word-break: break-word;
    }
    .service-sec-title h1 {
        display: block;
        width: 100%;
    }
    .counting_sl {
        margin: 40px 0;
    }
    .site-search {
        display: none;
    }
    .service-thumb img {
        width: 100%;
    }
    .count-up-man-img {
        display: none;
    }
    .sec-hd-v1-title {
        text-align: left;
        float: none;
    }
    .site-search:hover .search-forum {
        visibility: visible;
        transition: all 0.4s ease 0s;
        top: 0;
        opacity: 1;
    }
    .mean-nav li a i {
        display: none;
    }
    .mean-container .mean-nav ul li.quick-contact a {
        box-sizing: border-box;
        width: calc(100% - 24px);
        margin: 12px;
        padding: 13px 16px !important;
        background: #d4af37 !important;
        border: 1px solid #d4af37 !important;
        border-radius: 4px;
        color: #0d4722 !important;
        font-weight: 700 !important;
        line-height: 1.25 !important;
        text-align: center;
    }
    .mean-container .mean-nav ul li.quick-contact a:hover,
    .mean-container .mean-nav ul li.quick-contact a:focus-visible {
        background: #ffffff !important;
        border-color: #ffffff !important;
        color: #0d4722 !important;
    }
    .slider-text h1 {
        font-size: 34px;
    }
    .team-member::after {
        height: 38%;
    }
    .search-forum {
        left: 50%;
        transform: translateX(-50%);
    }
    .slider-text li a {
        margin-bottom: 20px;
    }
    .breadcrumb-list {
        text-align: center;
    }
    .breadcrumb-right {
        text-align: center;
    }
    .breadcrumb-right span {
        float: none;
    }
    .pagehding-sec {
        padding: 80px 0;
    }
    .page-heading h1 {
        font-size: 28px;
        text-align: center;
    }
    .simplefilter {
        margin-top: 40px;
    }
    .shorttitle {
        background: #0cb1f6 none repeat scroll 0 0;
        display: block;
        margin-bottom: 40px;
        padding: 20px;
    }
    #navbarfiltr.navbar-collapse {
        border: 0;
        box-shadow: none;
    }
    .navbarsort .navbar-toggle {
        background: #292929 none repeat scroll 0 0;
        margin-top: 15px;
    }
    .navbarsort .navbar-toggle .icon-bar {
        background: #fff;
    }
    .shorttitle h2 {
        color: #fff;
        text-transform: uppercase;
        margin-bottom: 0;
        display: inline-block;
        margin-left: 10px;
    }
    #navbar li {
        display: inline-block;
        width: 100%;
    }
    #navbar ul li a {
        padding: 6px 9px;
    }
    .simplefilter li {
        display: inline-block;
        width: 100%;
        margin-bottom: 10px;
    }
    .navbarsort {
        display: block;
    }
    .contact-field.contact-form,
    .map-sec {
        float: none;
        width: 100%;
    }
    .counting_sl {
        margin: 40px 0;
    }
    .appointment {
        position: relative;
        left: 0;
    }
    .header-right {
        margin-right: 0;
    }
    .company-bar-chart {
        margin-bottom: 40px;
    }
    .appointment a::before {
        display: none;
    }
    .about-img img {
        width: 100%;
        margin-bottom: 40px;
    }
    .company-bar-chart img,
    .company-desc img,
    .pricing-sec .tab-content img {
        width: 100%;
    }
    .sec-title {
        text-align: center;
        margin: 0 0 50px;
    }
    .project-gallery .inner {
        width: 50%;
    }
    .footer-sec .col-md-3.col-sm-6 {
        margin: 40px 0;
    }
    .call-to-action-text {
        text-align: center;
    }
    .call-to-action-text a.btn {
        float: none;
        margin-top: 20px;
    }
    .service-details-img img {
        width: 100%;
    }
    .service-details {
        margin-top: 30px;
    }
    .brochures {
        margin-top: 30px;
    }
    .menu-icon {
        display: none;
    }
    .single-testimonial {
        width: 100%;
    }
    .footer-bottom-sec p {
        text-align: center;
    }
    .counting_sl h2 {
        font-size: 32px;
    }
    .header-v2-intro::before {
        display: none;
    }
    .follow-title {
        display: none;
    }
    .home-v1 .soical-profile {
        background: #071c2e;
        padding-top: 0;
    }
    h1.faq-style1-title {
        font-size: 28px;
    }
}
@media only screen and (min-width: 515px) and (max-width: 767px) {
    .team-member::after {
        height: 42%;
    }
}
@media only screen and (min-width: 0px) and (max-width: 492px) {
    .header-left {
        text-align: center;
    }
    .header-left li {
        margin: 10px 0;
    }
    .slider-text h1 {
        font-size: 28px;
        line-height: 40px;
    }
    .slider-text ul {
        margin-top: 40px;
    }
    .project-gallery-overlay-text .gallery-button a i {
        font-size: 16px;
        width: 40px;
        height: 40px;
        line-height: 40px;
    }
    .mean-container a.meanmenu-reveal {
        margin: 8px 0 0;
    }
}
@media only screen and (min-width: 0px) and (max-width: 420px) {
    .header-left li {
        width: 100%;
        padding: 0;
        text-align: center;
    }
    .mean-container a.meanmenu-reveal {
        margin: 8px 0 0;
    }
}
@media only screen and (min-width: 0px) and (max-width: 550px) {
    .project-gallery .inner {
        width: 100%;
    }
}
@media only screen and (min-width: 0px) and (max-width: 500px) {
}
@media only screen and (min-width: 0px) and (max-width: 390px) {
    .sec-title h1 {
        font-size: 28px;
    }
    .mean-container a.meanmenu-reveal {
        margin: 8px 0 0;
    }
}
@media only screen and (min-width: 0px) and (max-width: 359px) {
    .commentar-sec img {
        margin-bottom: 20px;
    }
}

.marquee-cls marquee
{
	color: #fff !important;
}
.marquee-cls marquee a
{
	color: #fff!important;
	font-size: 13px;
}

/* Keep decorative header geometry inside the viewport. The original 5000px
   gold pseudo-element created a multi-thousand-pixel document and made the
   page look like a narrow column on responsive previews. */
html,
body {
    max-width: 100%;
    overflow-x: hidden;
}

.header-right-div::before {
    width: 165%;
    left: -30%;
}

/* Slider content must always size from its parent, never a desktop canvas. */
#wowslider-container1,
#wowslider-container1 .ws_images,
#wowslider-container1 .ws_images > div {
    width: 100%;
    max-width: 100%;
}

.slider-wrapper,
.slider-caption,
.slider-text {
    max-width: 100%;
}

/* Keep generated carousel tracks from widening the document. The slider plugin
   deliberately creates an oversized track, so the viewport must be clipped by
   the slider itself rather than by the page. */
#wowslider-container1,
#wowslider-container1 .ws_images {
    overflow: hidden !important;
}

@media only screen and (min-width: 0px) and (max-width: 991px) {
    /* The specifications table is not placed inside a Bootstrap column. Reset
       the row's negative gutters so the table remains inside the screen. */
    .product-details-sec .about-style-two .row {
        margin-left: 0;
        margin-right: 0;
    }

    .product-details-sec .tt {
        table-layout: fixed;
        width: 100% !important;
    }

    .product-details-sec .tt td {
        overflow-wrap: anywhere;
    }
}

/* Header refinement: keep the logo, navigation, and contact action in a
   deliberate rhythm instead of letting the action wrap onto a second row. */
@media only screen and (min-width: 992px) {
    .header-top .header-left {
        padding: 11px 0;
    }

    .header-right-div::before {
        height: 46px;
    }

    .soical-profile {
        padding-top: 8px;
    }

    .hd-sec .row {
        align-items: center;
        display: flex;
        justify-content: space-between;
        flex-wrap: nowrap;
    }

    .header-logo-col,
    .hd-sec .col-md-3 {
        float: none;
        flex: 0 0 auto;
        width: auto;
    }

    .header-menu-col,
    .hd-sec .col-md-9 {
        float: none;
        flex: 1 1 auto;
        width: auto;
        min-width: 0;
    }

    .logo {
        align-items: center;
        display: flex;
        min-height: 64px;
        padding: 8px 0;
    }

    .menu {
        align-items: center;
        display: flex;
        justify-content: flex-end;
    }

    .main-menu ul {
        align-items: center;
        display: flex;
        justify-content: flex-end;
        flex-wrap: nowrap;
    }

    .main-menu ul li a {
        font-size: 12.5px;
        padding: 22px 7px;
        white-space: nowrap;
    }

    .main-menu ul ul {
        display: block;
        top: 100%;
    }

    .quick-contact {
        margin-left: 8px;
    }

    .quick-contact a {
        padding: 8px 15px !important;
        font-size: 11.5px !important;
    }
}

/* Tablets keep a short, intentional two-row header: the brand above one
   uncluttered navigation row. The contact page remains available in the nav. */
@media only screen and (min-width: 640px) and (max-width: 991px) {
    .header-top .header-left {
        padding: 10px 0;
    }

    .header-right-div::before {
        height: 44px;
    }

    .soical-profile {
        padding-top: 7px;
    }

    .hd-sec .row {
        align-items: center;
        display: flex;
    }

    .header-logo-col,
    .hd-sec .col-md-3.col-sm-12.col-xs-8 {
        flex: 0 0 auto;
        float: none;
        width: auto;
    }

    .header-menu-col,
    .hd-sec .col-md-9.col-sm-12 {
        flex: 1 1 auto;
        float: none;
        width: auto;
    }

    .logo {
        align-items: center;
        display: flex;
        min-height: 76px;
        padding: 13px 0;
        text-align: left;
    }

    .menu {
        align-items: center;
        display: flex;
        justify-content: flex-end;
    }

    .main-menu ul {
        align-items: center;
        display: flex;
        justify-content: flex-end;
    }

    .main-menu ul li a {
        font-size: 12px;
        padding: 20px 5px;
        white-space: nowrap;
    }

    .main-menu ul ul {
        display: block;
        top: 76px;
    }

    .quick-contact {
        display: none !important;
    }
}

/* Phone header: reserve a single compact bar for the logo and menu trigger.
   The expanded menu sits below it instead of colliding with the logo. */
@media only screen and (min-width: 0px) and (max-width: 639px) {
    .header-right-div {
        display: none;
    }

    .hd-sec {
        min-height: 88px;
        padding-top: 0;
    }

    .hd-sec .row {
        min-height: 88px;
    }

    .hd-sec .col-md-9.col-sm-12 {
        height: 0;
        min-height: 0;
    }

    .logo {
        padding: 19px 185px 19px 0;
        top: auto;
    }

    .mobile-quick-contact-wrap {
        display: inline-flex !important;
        align-items: center;
        position: absolute;
        right: 66px;
        top: 23px;
        z-index: 100002;
    }

    .mobile-quick-contact-btn {
        background: #0d4722;
        color: #ffffff !important;
        border: 1.5px solid #d4af37;
        padding: 7px 12px;
        border-radius: 20px;
        font-size: 11px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.3px;
        display: inline-flex;
        align-items: center;
        gap: 5px;
        line-height: 1.2;
        white-space: nowrap;
        text-decoration: none !important;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
        transition: all 0.25s ease;
    }

    .mobile-quick-contact-btn i {
        color: #d4af37;
        font-size: 11px;
    }

    .mobile-quick-contact-btn:hover,
    .mobile-quick-contact-btn:focus,
    .mobile-quick-contact-btn:active {
        background: #d4af37;
        color: #0d4722 !important;
        border-color: #0d4722;
    }

    .mobile-quick-contact-btn:hover i,
    .mobile-quick-contact-btn:focus i,
    .mobile-quick-contact-btn:active i {
        color: #0d4722;
    }

    .mobile-nav-menu {
        top: -88px;
    }

    .mean-container .mean-bar {
        min-height: 0;
        top: 0;
    }

    .mean-container a.meanmenu-reveal {
        box-sizing: border-box;
        height: 44px;
        margin: 0;
        padding: 10px 11px;
        top: 20px !important;
        width: 44px;
    }

    .mean-container .mean-nav {
        background: #0d4722;
        margin-top: 88px;
    }

    .mean-container .mean-nav ul li a {
        border-top-color: rgba(255, 255, 255, 0.14);
    }

    .mean-container .mean-nav ul li a:hover,
    .mean-container .mean-nav ul li a:focus-visible {
        background: #14592d;
    }
}

@media only screen and (max-width: 360px) {
    .logo {
        padding: 23px 150px 23px 0 !important;
    }

    .logo img {
        height: 38px !important;
    }

    .mobile-quick-contact-wrap {
        right: 58px !important;
        top: 25px !important;
    }

    .mobile-quick-contact-btn {
        padding: 6px 8px !important;
        font-size: 10px !important;
        gap: 4px !important;
    }

    .mean-container a.meanmenu-reveal {
        width: 38px !important;
        height: 38px !important;
        padding: 8px 9px !important;
        top: 25px !important;
    }
}