@media (min-width: 2100px) {
    .half-overlay:before {
        width: 45%;
    }
}
@media (min-width: 700px) {
    .wp-block-group.has-background {
        padding: 4rem;
        margin-top: 0;
        margin-bottom: 0;
    }
}
@media (min-width: 1220px) {
    .blog-post-description > .alignfull {
        margin-bottom: 20px;
        margin-top: 20px;
    }
}
@media (max-width: 1920px) {
    .case-study-section:after {
        display: none;
    }
    .case-study-sec:after {
        content: "";
        position: absolute;
        bottom: 0;
        right: auto;
        left: 0;
        width: 164px;
        height: 100%;
        background-image: url(../images/bg-shape.png);
        background-repeat: repeat-y;
    }
}

@media (max-width: 1700px) {
    .case-study-sec:after {
        display: none;
    }
    .half-overlay:before {
        width: 40%;
    }
    .case-study-sec {
        background-size: 40% 100%;
    }
    .banner-slider.style1 .slick-dots {
        right: 100px;
    }
}

@media (max-width: 1500px) {
    .blog-carousel .slick-prev,
    .blog-carousel .slick-next {
        width: 50px;
        height: 50px;
    }
    .blog-carousel .slick-prev {
        left: -60px;
    }
    .blog-carousel .slick-next {
        right: -60px;
    }
    .banner-slider .slick-prev,
    .banner-slider .slick-next {
        width: 50px;
        height: 50px;
        line-height: 75px;
    }
    .banner-slider.style1 .slick-dots {
        right: 100px;
    }
}

@media (max-width: 1366px) {


    header.style2 nav {
        padding-left: 70px;
    }
    header.style2 .search-frm {
        left: -20px;
    }
    header.style2 .cart-dv {
        left: -20px;
    }
    header.style2 .quote-btn {
        right: 20px;
    }
    .case-study-sec:after {
        display: none;
    }
    .blog-carousel .slick-prev,
    .blog-carousel .slick-next {
        display: none !important;
    }
    .counter-section {
        background-color: #fff;
        box-shadow: 0 6px 27px rgba(0, 0, 0, 0.16);
    }
    .counter-sec {
        border: 0;
    }
    .counter-section:before {
        border-top: 0;
    }
    .about-text {
        padding: 20px 0 0 30px;
    }
    
    .counter-sec {
        max-width: 1200px;
    }

    .elementor-column-gap-default .elementor-row {
        margin: 0;
        width: 100%;
    }
    header.style2 .cart-dv {
        left: -70px;
    }
    header.style2 .search-frm {
        left: -70px;
    }
    .search-popup {
        height: 168px;
    }
}

@media (max-width: 1200px) {
    .bt-logo .white {
        display: inline-block;
    }
    .bt-logo .color {
        display: none;
    }

    .case_carousel-arrows {
        right: 15px;
    }

    .play-btn {
        display: none;
    }

    .quote-btn {
        display: none;
    }
    .search-frm {
        display: none;
    }
    header nav {
        display: none;
    }
    .logo {
        margin: 0;
    }
    .bottom-header {
        padding: 22px 0;
    }
    .pager-sec {
        padding: 95px 0;
    }
    .pager-sec-details > h1 {
        font-size: 38px;
    }
    .menu-btn {
        display: block;
        margin-left: auto;
        margin-top: 0;
    }
    .appt-para .sec-title > h2 {
        font-size: 26px;
    }
    .sidebar .widget-title {
        font-size: 20px;
    }
    .content-details > h4 {
        line-height: 27px;
    }
    .project-thb {
        height: 110px;
    }
    .project-thb > img {
        height: 100%;
        object-fit: cover;
    }
    .custom-project-widget .team-cont-info li strong {
        width: 105px;
    }
    .price-table {
        padding: 50px 25px;
    }
    .price-table ul li {
        line-height: 24px;
        margin-bottom: 15px;
    }
    .blog-info > h2 {
        font-size: 18px;
        line-height: 27px;
    }
    .posted-by-row > h4 {
        padding-left: 0;
    }
    .fz-lst li {
        width: calc(100% / 2 - 20px);
    }
    .banner-slide {
        padding: 160px 0 160px;
    }
    .banner-content > h1 {
        font-size: 42px;
        line-height: 60px;
        margin-bottom: 30px;
    }
    .about-text {
        padding: 0;
    }
    .abt-block {
        padding: 10px 0 70px;
    }
    .counter-info > span {
        line-height: 24px;
    }
    .case-study-sec {
        background-image: inherit !important;
    }
    .half-overlay:before {
        display: none;
    }
    .sys-system-section .sec-title.white > h2 {
        font-size: 26px;
    }
    .auth-img {
        position: static;
        margin-bottom: 30px;
    }
    .posted-by-row > h4 {
        padding-left: 15px;
    }
    header.style2 .menu-btn {
        color: #fff;
    }
    header.style2 .header-content:after {
        display: none;
    }
    header.style2 .logo {
        margin-bottom: 16px;
    }
    header.style2 .menu-btn {
        margin-top: 27px;
        margin-right: 30px;
    }
    .hd-contact-info {
        display: none;
    }
    .bt-header {
        padding: 20px 0;
    }
    .ctz-info > h2 {
        font-size: 18px;
    }
    .ctz-info > span {
        font-size: 14px;
    }
    .ctz-section {
        padding-bottom: 0;
    }
    .banner-section.style2 .banner-content {
        max-width: 70%;
        margin: 0 auto;
        float: none;
        text-align: center;
    }
    .banner-section.style2 .banner-slide {
        padding: 320px 0 160px;
    }
    .banner-section.style3 .banner-slide {
        padding: 150px 0 200px;
    }
    .testimonial-slide:before {
        right: 30px;
    }
    .testimonial-slide:hover .auth-img {
        right: auto;
        width: 130px;
    }
    .banner-slider.style1 .slick-dots {
        right: 15px !important;
        bottom: 40px;
    }
    .banner-slider {
        height: auto !important;
    }
    .banner-slider.style1 .slick-prev,
    .banner-slider.style1 .slick-next {
        bottom: 57px;
    }
    .banner-slider.style1 .slick-dots {
        margin-right: 40px;
    }
    .play-btn {
        left: 38%;
    }
    .sig {
        width: 100%;
        margin: 0;
    }
    .sig-text {
        margin-bottom: 20px;
    }
    .para-o > h3 {
        line-height: 36px;
    }
    .sbs-max > h2 {
        font-size: 28px;
    }
    .main-footer {
        padding: 80px 0 30px;
    }
    .counter-section {
        margin-top: 0;
    }
    .counter-item > h2,
    .counter-item > span {
        font-size: 32px;
    }
    .counter-info > span {
        font-size: 14px;
    }
    .widget-recent-services ul li a {
        padding: 24px 42px 22px 25px;
    }
    .project-descp ul li {
        line-height: 24px;
    }
    .project-thumb > a {
        height: 125px;
    }
    .project-thumb > a img {
        height: 100%;
        object-fit: cover;
    }
    .pst-info > h3 {
        font-size: 13px;
        line-height: 19px;
    }
    .cct-info > h3 {
        line-height: 26px;
    }
    .video-post-info > h2 {
        font-size: 16px;
    }
    .blog-style2 .blog-info > h2 {
        font-size: 24px;
    }
    .about-text {
        padding-left: 40px;
        padding-top: 6px;
        padding-bottom: 16px;
    }
    .abt-block.style3 .about-text {
        padding: 0 0 0 62px;
    }
    .u-column1.col-1.woocommerce-Address {
        max-width: 100%;
    }
    .u-column2.col-2.woocommerce-Address {
        max-width: 100%;
        width: 100%;
        padding-left: 0;
    }
    .woocommerce-account .addresses .title .edit {
        float: none;
        padding-left: 20px;
    }
    .woocommerce-account .addresses .title h3 {
        margin-bottom: 10px;
    }
    .slick-vertical.gallery-thumb .gallery-th {
        height: 87px;
    }
    .gallery-thumb .gallery-th img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .widget-categories ul li a,
    .widget_archive ul li a,
    .widget_categories ul li a,
    .widget_pages ul li a,
    .widget_nav_menu ul li a {
        max-width: 100%;
    }
    .navigation-bar {
        display: none;
    }
    header.style3 .menu-btn {
        margin-top: 10px;
    }
    .banner-content > h1 {
        font-size: 54px;
        line-height: 64px;
    }
    .counter-info > span {
        font-size: 18px;
    }
    .video-post-info > h2 {
        font-size: 26px;
    }
    .sbs-max > h2 {
        font-size: 38px;
    }
    .sys-system-section .sec-title.white > h2 {
        font-size: 38px !important;
    }
    .blog-grid-view .posted-by-row img {
        display: none;
    }
    .blog-style2 .blog-info > h2 {
        font-size: 30px;
    }
    .sidebar .widget-title {
        font-size: 30px;
    }
    .blog-post-description p br {
        display: none;
    }
    .pst-info > h3 {
        font-size: 20px;
        line-height: 23px;
    }
    .appt-para .sec-title > h2 {
        font-size: 34px;
    }
    .project_specs {
        top: 0;
    }
    .wd-product-info {
        padding-left: 15px;
    }
    header.style2 .menu-btn {
        margin-top: 0;
    }
    header.style2 .logo {
        margin-bottom: 0;
    }
    .ctz-info > span {
        font-size: 26px;
    }
    .ss-col > h3 {
        font-size: 22px;
    }
    .menu-btn {
        position: relative;
        right: 0;
        margin-left: 0;
        order: 4;
        top:1px;
    }
    .menu-btn + nav + .search-frm {
        margin-right: 87px;
    }
    .cart-dv {
        margin-right: 20px;
        margin-left: 10px;
    }
    .search-frm {
        display: inline-block;
    }
    header.style3 .menu-btn {
        margin-top: 0;
    }
    header.style2 .search-frm {
        left: -60px;
    }
    header.style2 .cart-dv {
        left: -182px;
    }
    header.style2 .menu-btn {
        top: 28px;
    }
    header.style3 .menu-btn {
        top: 5px;
        color: #fff;
      }

    header.style2 .menu-btn {
        background: none;
        width: auto;
        height: auto;
        line-height: inherit;
        top: 0;
    }
    .navigation-bar {
        position: absolute;
        top: 81px;
        right: 100px;
        background-color: transparent;
        display: block;
    }
    .navigation-bar:before {
        display: none;
    }
    .navigation-bar .cart-dv {
        top: 9px;
    }
    .navigation-bar .search-frm {
        margin-top: 0;
        top: -8px;
    }
    .navigation-bar .container::before {
        display: none;
    }
    .navigation-bar .container {
        background-color: transparent;
    }
    .bt-header {
        background-color: #85c226;
    }

    .menu-btn + nav + .search-frm {
        margin-right: 0;
        left: 0;
    }
    .top-header {
        position: relative;
        z-index: 999999;
    }
    header.style2 .cart-dv {
        left: -125px;
        position: static;
        margin-right: 30px;
        margin-left: 0;
    }
    .navigation-bar .search-frm {
        margin-top: 6px;
        position: static;
        margin-left: 20px;
        margin-right: 15px;
    }
    .navigation-bar .cart-dv {
        margin-top: 6px;
    }
    .navigation-bar {
        right: 15px;
    }
    .menu-btn + nav + .search-frm {
        margin-right: 5px;
    }
    header.style2 .menu-btn + nav + .search-frm {
        margin-right: 20px;
    }
    .search-popup form {
        max-width: 100%;
        padding: 0 20px;
    }
    .search-popup form button {
        right: 20px;
    }
}

@media (max-width: 991px) {
        
    .page-content .service-single-page > h2 {
        margin-top: -8px;
    }

    .banner-section.style2 .banner-slider {
        height: 600px !important;
    }

    .counter-dv{
        padding: 30px 15px;
    }
    
    .widget.widget-social {
        margin-top: 65px;
    }
    .team-mg {
        width: 40%;
        margin-bottom: 30px;
    }
    .appt-para {
        margin-bottom: 50px;
    }
    .appt-para > p {
        width: 100%;
        padding-right: 0;
    }
    .team-col {
        margin-bottom: 40px;
    }
    .team-row {
        margin-bottom: -40px;
    }
    .shop-main .serity-pagination {
        margin-top: 20px;
        margin-bottom: 60px;
    }
    .sidebar .widget:last-child {
        margin-bottom: 0;
    }
    .review-section {
        margin-bottom: 60px;
    }
    .services-page .row .col-lg-4 {
        order: 1;
    }
    .services-page .sidebar {
        margin-top: 50px;
    }
    .ref-info {
        width: 100%;
        margin-top: 30px;
    }
    .ref-item {
        padding: 70px 0;
    }
    .reg-gallery > h3 {
        line-height: 25px;
    }
    .project-thb {
        height: 80px;
    }
    .project-descp ul li {
        font-size: 14px;
    }
    .custom-project-widget .team-cont-info li strong {
        width: 150px;
    }
    .custom-project-widget .team-cont-info li {
        margin-bottom: 20px;
    }
    .project-details-page .sidebar .widget:last-child {
        margin-bottom: 50px;
    }
    .price-table {
        margin-bottom: 30px;
    }
    .price-tabless {
        margin-bottom: -30px;
    }
    .primary-contact {
        margin-top: 30px;
    }
    .banner-slide {
        padding: 130px 0 180px;
    }
    .counter-dv {
        margin-bottom: 50px;
    }
    .counter-row {
        margin-bottom: -50px;
    }
    .case-study-carouz {
        padding-top: 0;
        margin-bottom: 70px;
    }
    .sbs-content {
        padding: 0 30px;
    }
    .sbs-max > h2 {
        font-size: 24px;
    }
    .sbs-max > span {
        margin-bottom: 20px;
    }
    .sbs-max {
        padding: 60px 20px;
    }
    .map-section #map {
        height: 400px;
    }
    .banner-slider .slick-dots {
        bottom: 50px;
    }
    .banner-section.style2 .banner-slide {
        padding: 275px 0 190px;
    }
    .ctz-col {
        margin-bottom: 30px;
    }
    .ctz-row {
        margin-bottom: -30px;
    }
    .ss-system ul {
        margin-bottom: -50px;
    }
    .ss-system ul li {
        margin-bottom: 50px;
        width: calc(100% / 3 - 20px);
    }
    .banner-section.style2 .slick-dots {
        display: block !important;
        bottom: 100px;
    }

    .case-study-carouz {
        margin-bottom: 0;
    }
    .case_slider .slick-dots {
        bottom: -30px;
    }

    .case_carousel-arrows {
        right: 25px;
    }
    .widget.widget-social {
        float: none;
    }
    .tp-header-content:before {
        display: none;
    }
    .tp-header-content > h4 {
        background: inherit;
    }
    .tp-header-content > h4:before {
        display: none;
    }
    .rig-side {
        background: inherit;
        width: 100%;
    }
    .rig-side:before {
        display: none;
    }
    .tp-header-content {
        height: auto;
        background-color: #222;
    }
    .tp-header-content:after {
        display: none;
    }
    .tp-header .container {
        padding: 0;
    }
    .tp-header-content > h4 {
        display: none;
    }
    .tp-header .social-links {
        float: left;
        padding-left: 15px;
    }
    .sys-system-section .col-lg-6.col-md-push-6 {
        order: 2;
        margin-top: 60px;
    }
    .sys-system-section .sec-title.white {
        display: none;
    }
    .sys-system-section {
        padding: 40px 0 80px;
    }
    .sidebar.blog-sidebar {
        margin-top: 50px;
    }
    .banner-section.style2 .slick-prev,
    .banner-section.style2 .slick-next {
        display: none !important;
    }
    .banner-section.style3 .slick-prev,
    .banner-section.style3 .slick-next {
        display: none !important;
    }
    .form-submission {
        width: 100%;
        margin-top: 25px;
    }
    .sys-system-section .col-lg-6.col-md-push-6 {
        margin-top: 35px;
    }
    .sys-system-section .sec-title.white {
        top: 0;
    }
    .features-list {
        padding-top: 0;
    }
    .pager-sec {
        padding: 75px 0;
    }
    .about-img {
        display: none;
    }
    .counter-dv {
        margin-bottom: 0;
    }
    .counter-item > h2,
    .counter-item > span {
        font-size: 40px;
    }
    .counter-sec {
        padding: 70px 15px 63px;
    }
    .para-o {
        margin-bottom: 30px;
    }
    .pt-carousel .slick-next,
    .pt-carousel .slick-prev {
        display: inline-block !important;
    }

    .gallery-col > h3 {
        font-size: 16px;
        line-height: 25px;
    }
    .wd-product-info {
        vertical-align: middle;
    }
    .ref-item {
        text-align: center;
    }
    .ref-thumb {
        float: none;
        margin: 0 auto;
    }
    .project-thumb > a {
        height: 85px;
    }
    .pst-info > h3 {
        font-size: 14px;
        line-height: 20px;
    }
    .form-field textarea {
        height: 120px;
    }
    .case-study-slide > h2 {
        font-size: 22px;
    }
    .sec-title > h2 {
        font-size: 30px;
    }
    .banner-content > h1 {
        font-size: 36px;
        line-height: 52px;
    }
    .about-text > h2 {
        font-size: 30px;
        line-height: 40px;
    }
    .txt > h2 {
        font-size: 24px;
    }
    .ss-system ul {
        justify-content: center;
    }
    .team-mg {
        margin: 0 auto;
        margin-bottom: 40px;
    }
    .team-details-sec {
        text-align: center;
    }
    .team-cont-info li > span {
        width: 275px;
    }
    .follow-us .social-links {
        width: 275px;
        text-align: left;
    }
    .team-cont-info li strong,
    .follow-us > h3 {
        text-align: left;
    }
    .team-cont-info li > span {
        text-align: left;
    }
    .sys-system-section .sec-title.white {
        margin-bottom: 30px;
    }
    .team_info {
        padding-left: 0;
    }
    .about-text {
        padding-left: 0;
    }
    .row.counter-row {
        margin-bottom: 0;
    }
    .abt-block.style3 .about-text {
        padding: 0;
    }
    .custom-project-widget .team-cont-info li {
        margin-bottom: 10px;
    }
    .elementor-widget-serity-about .abt-block {
        padding-top: 10px;
        padding-bottom: 70px;
    }
    .banner-content > h1 {
        max-width: 100%;
    }
    .form-submission {
        margin-top: 0;
    }
    header.style3 .lang-slct {
        padding-right: 15px;
    }

    .project_specs {
        top: 0;
    }
    .project_info {
        max-width: 100%;
    }
    .widget-quick-contact {
        padding: 30px 20px 30px 20px;
    }
    .project_img {
        height: 100%;
    }
    .project_img img {
        height: 100%;
        object-fit: cover;
    }
    .ssv-services > h3 {
        font-size: 20px;
    }
    .pp-counter {
        padding: 34px 20px 40px 20px;
    }
    .countter > span {
        font-size: 14px;
    }
    .project_specs {
        padding: 29px 26px 29px;
    }
    .widget-latest-news {
        margin-top: 0;
    }
    .banner-content > h1 {
        font-size: 48px;
        line-height: 60px;
    }
    .about-text > h2 {
        font-size: 38px;
    }
    .counter-info > span {
        font-size: 24px;
    }
    .case-study-slide > h2 {
        font-size: 32px;
    }
    .case-study-slide {
        padding-right: 0;
        text-align: center;
    }
    .case_slider .slick-dots {
        width: 100%;
        text-align: center;
    }
    .case-study-sec .more-classes-sc {
        margin: 20px auto 0;
    }
    .team-section {
        padding: 100px 0 100px;
    }
    .sbs-max > h2 {
        font-size: 38px;
    }
    .sys-system-section .form-submission {
        margin-top: 0;
    }
    .sec-title > h2 {
        font-size: 46px;
    }
    .case_slide .row .col-lg-7 {
        order: 0;
    }
    .case_slide .row .col-lg-5 {
        order: 1;
    }
    .case-study-carouz {
        text-align: center;
        padding: 40px 0 0 0;
    }
    .gallery-image {
        padding-right: 0;
    }
    .sys-system-section .col-lg-6.col-md-push-6 {
        order: 0;
    }
    .blog-style2 .blog-info > h2 {
        font-size: 34px;
        margin-bottom: 20px;
    }
    .page-info {
        margin-bottom: 80px;
    }
    .blog-post.single .blog-info {
        border: 1px solid #dddddd !important;
    }
    .pst-info > h3 {
        font-size: 20px;
        line-height: 30px;
    }
    footer .widget-post > h4 a {
        font-size: 20px;
    }
    .ssv-services > h3 {
        font-size: 30px;
    }
    .wd-product-info {
        padding-left: 30px;
    }
    .woocommerce div.product .woocommerce-tabs .panel {
        margin-bottom: 70px;
    }
    .page-content .page-info {
        margin-bottom: 0;
    }
    header.style3 .menu-btn {
        top: 5px;
    }
    .tp-header .social-links {
        width: 100%;
        text-align: center;
    }
    .sec-title {
        margin-top: -3px;
    }
    .banner-section.style2 .banner-content {
        max-width: 100%;
    }
    .banner-content > h1 br {
        display: none;
    }
    .sys-system-section .sec-title.white {
        max-width: 100%;
        width: 100%;
        text-align: center;
        display: block;
    }
    .sys-system-section .sec-title.white h2:before {
        left: 50%;
        transform: translateX(-50%);
        margin-left: -20px;
    }
    .sys-system-section .sec-title.white h2:after {
        left: 50%;
        transform: translateX(-50%);
        margin-left: 15px;
    }
    .abt-block {
        padding-bottom: 100px;
    }
    .elementor-section.elementor-section-boxed > .elementor-container {
        padding: 0;
    }
    .sidebar {
        margin-top: 70px;
    }
    .navigation-bar .cart-dv {
        top: 2px;
    }
    .navigation-bar .search-frm {
        top: -11px;
    }
    .navigation-bar {
        top: 77px;
    }
    .s-services .col-lg-4 {
        max-width: 50%;
        flex: 0 0 50%;
        margin-bottom: 40px;
    }
    .s-services {
        margin-bottom: 0;
    }
	.posted-by-row ul li:first-child {
		display: none;
	}
}

@media (max-width: 782px) {
    .admin-bar .mobile-menu {
        top: 46px;
    }
    .banner-slide.slick-slide {
        min-height: 480px;
    }
}

@media (max-width: 768px) {


    .case-study-sec {
        padding-bottom: 70px;
    }

    .sec-title,
    .home .sec-title {
        margin-bottom: 60px;
    }

    .sys-system-section .sec-title.white,
    .about-text > h2 {
        margin-bottom: 50px;
    }

    .elementor-widget-serity-about .abt-block {
        padding-top: 60px;
        padding-bottom: 10px;
      }
    .elementor-2148 .elementor-element.elementor-element-99ab0fd {
    padding: 0px 0px 70px 0px;
    }
    .pagination {
        margin-bottom: -10px;
    }   
    .sidebar.shop-sidebar {
      margin-top: 10px;
    }
    .elementor-2148 .elementor-element.elementor-element-1905b12 {
        padding: 70px 0px 0px 0px;
      }
    .ss-system-sec {
        padding: 70px 0 45px;
    }
    .about-block {
        padding: 60px 0;
        padding-bottom: 46px;
      }
    .video-system {
        padding: 70px 0 70px;
    }

    .sys-row {
        padding: 10px 0 0;
    }

.page-content .blog-items-sec {
    margin-bottom: -70px;
}

.project_img img {
    object-fit: initial;
    height: initial;
    width: initial;
  }

    .about-text > h2 {
        padding-bottom: 15px;
    }

    .blueimp-gallery > .slides > .slide > .slide-content {
        max-width: 100%;
    }
    .gallery-page .masonary.row {
        float: none;
        width: auto;
    }

    .woocommerce div.product form.cart div.quantity {
        float: none;
        width: 100% !important;
    }
    .woocommerce .quantity .qty {
        margin-bottom: 0;
    }
    .social-links {
        background-color: inherit;
        display: none;
    }
    .top-header-content:before {
        display: none;
    }
    .top-header {
        text-align: center;
    }
    .contact-info {
        width: 100%;
        padding: 17px 0 17px 30px;
        margin: 0;
    }
    .top-header .social-links {
        width: 100%;
        margin-top: 10px;
    }
    .pager-sec {
        padding: 80px 0;
    }
    .pager-sec-details > h1 {
        font-size: 32px;
    }
    .team-info > h3 {
        font-size: 16px;
    }
    .partner-section {
        padding: 60px 0 60px;
      }
    .widget-services ul {
        padding-right: 0;
    }
    .main-footer {
        padding: 70px 0 20px;
    }
    .team-details-page {
        padding: 80px 0;
    }
    .team-details-page {
        padding: 80px 0;
    }
    .appointment-section {
        padding: 80px 0;
    }
    .team-section {
        padding: 80px 0;
    }
    .page-content {
        padding: 70px 0;
    }
    .shop-product-info {
        width: 100%;
        padding-left: 0;
        margin-top: 30px;
    }
    .quan-row {
        position: static;
        margin-top: 50px;
    }
    .reviews-list li > ul {
        padding-left: 40px;
    }
    .fz-lst li {
        width: calc(100% / 2 - 20px);
    }
    .project-large {
        width: 100%;
    }
    .project-thumb {
        display: none;
    }
    .project-descp ul li {
        width: 100%;
    }
    .cct-info {
        margin-bottom: 30px;
    }
    .map-section #map {
        height: 300px;
    }
    .pst-info {
        display: block;
        padding-left: 0;
    }

    .pst-thumb {
        display: none;
    }
    .pp-post:last-child .pst-info {
        padding-right: 0;
    }
    .abt-block {
        padding: 70px 0 55px;
    }
    
    .elementor-widget-serity-about .abt-block {
         padding: 60px 0 40px;
    }
    
    .sec-title > h2 {
        font-size: 26px;
    }
    .video-post-info > h2 {
        font-size: 18px;
        line-height: 25px;
    }
    .case-study-slide {
        padding-right: 0;
    }
    .case-study-slide > h2 {
        font-size: 24px;
    }
    .case-study-slide > p {
        margin-bottom: 34px;
    }
    .about-section {
  padding: 0px 0 0;
}
    
    .sbs-max > h2 {
        font-size: 20px;
    }
    .slick-prev,
    .slick-next {
        height: 50px;
    }
    .banner-content > h1 {
        font-size: 32px;
        line-height: 44px;
    }
    .banner-slide {
        padding: 90px 0 140px;
    }
    .top_header {
        display: none;
    }
    header.style2 {
        top: 20px;
    }
    .banner-section.style2 .banner-slide {
        padding: 215px 0 150px;
    }
    .ctz-icon > i {
        font-size: 42px;
    }
    .ss-col > h3 {
        font-size: 16px;
        line-height: 24px;
    }
    .banner-content > p {
        line-height: 30px;
    }
    .tp-header-content:before {
        display: none;
    }
    .tp-header-content > h4 {
        background: inherit;
    }
    .tp-header-content > h4:before {
        display: none;
    }
    .rig-side {
        background: inherit;
        width: 100%;
    }
    .rig-side:before {
        display: none;
    }
    .tp-header-content {
        height: auto;
        background-color: #222;
    }
    .tp-header-content:after {
        display: none;
    }
    .tp-header .container {
        padding: 0;
    }
    .tp-header-content > h4 {
        display: none;
    }
    .tp-header .social-links {
        float: left;
        padding-left: 15px;
    }
    .lang-slct {
        margin-right: 15px;
    }
    .banner-section.style3 .banner-slide {
        padding: 110px 0 180px;
    }
    .pt-carousel .slick-next,
    .pt-carousel .slick-prev {
        display: inline-block !important;
    }
    .video-post:hover .rd-btn {
        right: 30px;
    }
    .sys-system-section {
        padding: 160px 0 70px;
    }
    .about-text > h2 {
        font-size: 26px;
        line-height: 36px;
    }
    .sig {
        margin-top: 20px;
    }
    .para-o > h3 {
        font-size: 18px;
    }
    .about-block {
        padding: 70x 0 40px;
    }
    .fz-lst li {
        font-size: 14px;
    }
    .revew {
        border-radius: 5px;
    }
    .pp-post {
        padding: 25px 20px;
    }
    .cct-info > h3 {
        margin-bottom: 15px;
    }
    #map-container.fullwidth-home-map #map {
        height: 340px;
    }
    .blog-info > p {
        font-size: 14px;
        line-height: 25px;
    }
    .testimonial-slide > p {
        font-size: 14px;
        line-height: 25px;
    }
    .testimonial-slide > h3 {
        font-size: 20px;
    }
    .testimonial-slide > span {
        font-size: 12px;
    }
    .testimonial-sec {
        padding: 80px 0 80px;
    }
    .video-post-info > h2 {
        font-size: 16px;
    }
    .widget-about > p {
        font-size: 14px;
        line-height: 24px;
    }
    .widget-services ul li span {
        font-size: 14px;
    }
    .widget-services ul li {
        margin-bottom: 10px;
    }
    .blog-section {
        padding: 70px 0 70px;
    }
    .top-header .social-links {
        margin-top: 0;
    }
    .shop-product-image {
        width: 100%;
    }
    .blog-style2 .blog-info > h2 {
        font-size: 20px;
    }
    .woocommerce-account .woocommerce-MyAccount-navigation {
        margin-bottom: 50px;
    }
    .woocommerce .col2-set .col-1 {
        max-width: 100%;
        width: 100%;
    }
    .woocommerce .col2-set .col-2 {
        max-width: 100%;
        padding-left: 0;
    }
    .woocommerce #payment #place_order,
    .woocommerce-page #payment #place_order {
        width: auto;
    }
    .woocommerce .col2-set .col-1 {
        padding-right: 0;
    }
    .quantity {
        float: none;
        margin-left: auto;
        margin-right: 0;
    }
    .quantity input {
        width: 100px !important;
        left: 20px;
    }
    .coupon {
        margin-bottom: 8px;
    }
    .shop-tabs .nav-tabs .nav-item,
    .woocommerce div.product .woocommerce-tabs ul.tabs li {
        margin-bottom: 10px;
        margin-right: 10px;
    }
    .woocommerce div.product .woocommerce-tabs ul.tabs {
        margin-bottom: 35px;
    }
    .team-mg {
        width: 55%;
    }
    .social_links li a {
        height: 45px;
    }
    .footer-pt-carousel .slick-prev,
    .footer-pt-carousel .slick-next {
        display: none !important;
    }
    .slick-vertical.gallery-thumb .gallery-th {
        height: 85px;
    }
    .blog-thumbnail {
        height: auto;
    }
    .serity-map {
        height: 300px !important;
    }
    .testimonial-slide {
        max-width: 100%;
    }
    .counter-sec {
        padding: 41px 15px 33px;
    }
    .case-study-sec {
        margin-top: 0;
        padding-top: 70px;
    }
    .team-section {
        padding: 80px 0 100px;
    }
    .sbs-max {
        padding: 59px 20px 60px;
    }
    .sys-system-section {
        padding-bottom: 50px;
    }
    .testimonial-sec {
        padding: 70px 0 70px;
    }
    .contact-info {
        padding-left: 0;
    }
    header.style3 .lang-slct {
        padding: 15px 15px 15px 0;
        margin-right: 0;
        margin-top: 0;
    }
    .pst-info {
        text-align: left;
    }
    .pst-info > h3 {
        margin-bottom: 5px;
    }
    .comment-form-cookies-consent {
        font-size: 14px;
        display: flex;
        flex-wrap: wrap;
    }
    .comment-form-cookies-consent input[type="checkbox"] {
        position: relative;
        top: -3px;
    }
    .banner-content .banner-text p {
        font-size: 16px;
        line-height: 25px;
    }

    .project_specs {
        position: static;
        width: 100%;
    }
    .project_img {
        margin-bottom: 15px;
        height: auto;
    }
    .countter {
        margin-bottom: 30px;
    }
    .pp-counter .row {
        margin-bottom: -30px;
    }
    .comment-info > h3 span {
        margin-left: 0;
        margin-top: 10px;
        display: block;
    }

    .blog-post-description .two-column {
        flex-direction: column;
    }

    .blog-post-description .two-column .image-column {
        margin-right: 0;
        width: 100%;
    }

    .blog-post-description .two-column .content-column {
        width: 100%;
    }

    .blog-info-table .info-list li:before {
        display: none;
    }

    .blog-info-table .info-list li span {
        font-weight: 600;
        display: block;
        margin-right: 0;
    }

    .case-study-sec .more-classes-sc {
        flex-direction: column;
        height: auto;
        padding: 30px 20px;
        text-align: center;
        margin-top: 100px;
        margin-top: 20px;
    }

    .case-study-sec .more-classes-sc a {
        margin-top: 20px;
    }

    span.wpcf7-list-item-label {
        padding-left: 50px;
    }
    .banner-content > h1 {
        font-size: 42px;
        line-height: 54px;
    }
    .about-text > h2 {
        font-size: 36px;
        line-height: 46px;
        padding-bottom: 30px;
    }
    .txt > h2 {
        font-size: 38px;
    }
    .sec-title > h2 {
        font-size: 36px;
    }
    .video-post-info > h2 {
        font-size: 32px;
    }

    .case-study-slide > h2 {
        font-size: 30px;
        margin-bottom: 20px;
    }
    .case-study-sec .more-classes-sc a {
        padding: 0 30px;
        width: auto;
        font-size: 22px;
        height: 50px;
        line-height: 50px;
    }
    .team-section {
        padding: 70px 0 70px;
    }
    .team-info > h3 {
        font-size: 24px;
    }
    .sbs-max > h2 {
        font-size: 28px;
    }
    .testimonial-slide > h3 {
        font-size: 32px;
    }
    .testimonial-slide > p {
        font-size: 16px;
        line-height: 27px;
    }

    .posted-by-row ul li {
        margin-right: 10px;
    }
    .mailchimp-form button {
        height: 50px;
        line-height: 50px;
        padding: 0 30px;
    }
    .lnk-default {
        line-height: 60px;
    }
    .pager-sec-details > h1 {
        font-size: 44px;
    }
    .blog-items-sec .col-sm-6 {
        max-width: 100%;
        flex: 0 0 100%;
    }
    .blog-style2 .blog-info > h2 {
        font-size: 30px;
    }
    .comment-info > p {
        line-height: 28px;
    }
    .ssv-services {
        margin-bottom: 50px;
        margin-top: 0;
    }
    .row.ssv-services-sec {
        padding-top: 70px;
    }
    .woocommerce ul.products[class*="columns-"] li.product,
    .woocommerce-page ul.products[class*="columns-"] li.product {
        margin-bottom: 0;
    }
    .shop-product-image {
        margin-bottom: 20px;
    }
    header.style3 .menu-btn {
        top: 5px;
    }
    .tp-header .social-links {
        display: block;
    }
    header.style2 .social-links {
        display: block;
        width: 100%;
        text-align: center;
        padding-left: 0;
    }
    header.style2 .contact-info {
        display: none;
    }
    header.style2 .top_header {
        display: block;
    }
    header.style2 {
        top: 0;
    }
    .woocommerce .cart-collaterals .cart_totals,
    .woocommerce-page .cart-collaterals .cart_totals {
        width: 100%;
    }
    .posted-by-row ul li::before {
        margin-left: 7px;
    }
    .woocommerce table.shop_table .quantity {
        margin-left: auto !important;
        margin-right: 0 !important;
    }
}

@media (max-width: 576px) {
    .ss-system ul li {
        margin-bottom: 45px;
    }

    .ss-system .ss-col > h3 {
        margin-bottom: 0;
      }
    .serity-pagination nav > ul > li {
        margin-bottom: 10px;
    }
    ul,
    ol {
        padding: 0;
    }
    .widget.widget-social {
        margin-top: 0;
    }
    footer .widget {
        margin-bottom: 40px;
    }

    .page-content {
        padding: 70px 0;
    }
    .team-mg {
        width: 60%;
    }
    .sec-title > h2 {
        font-size: 22px;
    }
    .sec-title > span {
        font-size: 14px;
    }
    .shop-head > h4 {
        width: 100%;
        margin-bottom: 30px;
    }
    .shop-head form {
        width: 100%;
    }
    .shop-head {
        text-align: center;
        margin-top: -20px;
    }
    .shop-product-image {
        width: 100%;
    }
    .add-review-section > h4 {
        line-height: 26px;
    }
    .nav-tabs .nav-item {
        width: 100%;
    }
    .reg-gallery > h3 {
        font-size: 14px;
        line-height: 22px;
    }
    .project-gallery {
        margin-bottom: 30px;
    }
    .filters-nav li {
        width: 100%;
    }
    .primary-contact > h3 {
        font-size: 20px;
    }
    .posted-by-row > a {
        display: none;
    }
    .posted-by-row > h4 {
        display: table-cell;
        padding-left: 15px;
        position: relative;
        top: 0;
        width: 100%;
    }
    .fz-lst li {
        width: 100%;
    }
    .comments-list ul {
        padding-left: 25px;
    }
    .comment-info {
        display: block;
        padding-left: 0;
        margin-top: 25px;
    }
    .comment-img {
        display: block;
        float: none;
    }
    .blog-info {
        padding: 36px 20px 0;
    }
    .posted-by-row .socio-links {
        display: none;
    }
    .about-text > h2 {
        font-size: 26px;
        line-height: 38px;
    }
    .sig {
        width: 100%;
        margin-top: 20px;
    }
    .txt {
        margin-bottom: 20px;
    }
    .sbs-max > h2 {
        line-height: 30px;
        margin-bottom: 25px;
    }
    .posted-by-row > img {
        width: auto;
    }
    .blog-section {
        padding: 70px 0;
    }
    .testimonial-sec {
        padding: 70px 0;
    }
    .sys-system-section {
        padding: 195px 0 80px;
    }
    .banner-content > p {
        padding: 0 40px;
        line-height: 30px;
    }
    .ss-system-sec {
        padding: 70px 0 70px;
    }
    .ss-system ul li {
        width: calc(100% / 2 - 20px);
    }
    .banner-section.style2 .banner-content {
        max-width: 100%;
    }
    .banner-section.style2 .slick-dots {
        bottom: 30px;
    }
    .banner-section.style2 .banner-slide {
        padding: 180px 0 130px;
    }
    .banner-section.style2 {
        margin-bottom: 0;
    }
    .banner-content > p {
        padding: 0;
    }
    .gallery-image {
        padding-right: 25px;
    }
    .full-img {
        width: 50px;
        line-height: 50px;
        height: 50px;
    }
    .video-post:hover .rd-btn {
        right: 60px;
    }
    .sys-system-section {
        padding: 150px 0 50px;
    }
    .team-img > img {
        height: auto;
        vertical-align: top;
        position: relative;
    }
    .pager-sec {
        padding: 65px 0;
    }
    .sig {
        margin-top: 0;
    }
    .about-block {
        padding: 70px 0 40px;
    }
    .widget-recent-services ul li a {
        font-size: 14px;
    }
    .top-header .social-links {
        margin-top: 0;
    }
    .shop-tabs .nav-tabs .nav-link {
        margin-bottom: 20px;
    }
    .ref-info > p {
        font-size: 14px;
        line-height: 24px;
    }
    .ref-item {
        padding-bottom: 40px;
    }
    .widget-quick-contact {
        padding: 40px 20px;
    }
    .price-nav-tabs {
        margin-top: 50px;
    }
    .price-table > h2 {
        margin-bottom: 30px;
    }
    .sc-title {
        font-size: 24px;
    }
    .banner-content > p {
        padding: 0 50px;
    }
    .case_slider .slick-dots {
        bottom: 0;
    }
    .case-study-sec {
        margin-bottom: 0;
        padding: 70px 0 70px;
    }
    .radi-values li label input + span {
        font-size: 13px;
        padding-left: 45px;
    }
    .widget-about > p {
        margin-bottom: 20px;
    }
    .banner-slider.style1 .slick-prev,
    .banner-slider.style1 .slick-next,
    .banner-slider.style1 .slick-dots {
        display: none !important;
    }
    .banner-slide.slick-slide {
        min-height: 365px;
    }
    .banner-slide {
        padding: 60px 0 70px;
    }
    .banner-content > p {
        margin-bottom: 25px;
    }
    .banner-content .lnk-default {
        height: 40px;
        line-height: 40px;
        font-size: 16px;
        padding: 0 25px;
    }
    .gallery-image > img {
        padding-right: 0;
    }
    .gallery-thumb {
        display: none;
    }
    .gallery-images-slide {
        width: 100%;
        margin: 0;
    }
    .blog-style2 .blog-info {
        padding: 35px 28px 0;
    }
    .team_info > p {
        font-size: 14px;
        line-height: 26px;
    }
    .rd-btn {
        right: 135px;
    }
    .video-post:hover .rd-btn {
        right: 135px;
    }
    input#coupon_code {
        margin-right: 0;
    }
    .shop-head > h4 {
        margin-bottom: 0;
    }
    .banner-slider.style1 .banner-content > p {
        padding-left: 0;
    }
    .social_links li a {
        height: 50px;
    }
    .case_slider .slick-dots {
        bottom: -30px;
    }
    .banner-content .banner-text p {
        font-size: 16px;
        line-height: 23px;
    }
    .banner-content > h1 {
        max-width: 100%;
    }
    .fz-lst {
        padding-top: 15px;
    }
    .coz-sv {
        padding: 10px 0 60px;
    }
    .fz-lst li {
        font-size: 16px;
    }

    .options {
        margin-bottom: 40px;
    }
    .gallery-sec .col-12 {
        padding: 0 20px;
    }
    .widget-about > a img {
        margin-bottom: 20px;
    }
    .widget-about > p {
        margin-bottom: 10px;
    }
    footer .widget-title {
        margin-bottom: 27px;
    }
    .widget-services ul li:last-child {
        margin-bottom: 0;
    }
    .widget.widget-services {
        margin-bottom: 28px;
    }

    .comment-form-cookies-consent label {
        max-width: 90%;
    }
    .blog-post.single .blog-info > h2 {
        font-size: 24px !important;
        line-height: 34px !important;
    }
    .contact-pg {
        padding: 70px 0 0;
    }
    .banner-section.style2 .banner-slide {
        padding: 180px 0 114px;
    }
    .banner-content > h1 {
        margin-bottom: 15px;
    }

    .project_info {
        text-align: center;
    }
    .pp-counter {
        text-align: center;
    }
    .widget-quick-contact {
        text-align: center;
    }
    .pptz {
        text-align: center;
    }
    .pptz {
        margin-bottom: 20px;
    }
    .project_detail_page .col-md-7 {
        margin-top: 30px;
    }
    .ssv-services {
        margin-bottom: 0;
    }
    .ssv-services {
        margin-top: 45px;
    }
    .ssv-services-sec {
        margin-bottom: 70px;
    }
    .project_specs li {
        padding: 14px 0 19px;
        text-align: center;
    }
    .pptz li {
        text-align: left;
    }
    .widget-latest-news {
        margin-top: 0;
    }
    .project_info.mw-100 {
        margin-top: 34px;
    }
    .sec-title-style2 > .lnk-default {
        display: none;
    }
    .home .sec-title {
        width: 100%;
    }
    .home .sec-title > h2 {
        font-size: 32px;
        line-height: 44px;
    }
    .home .sec-title > span {
        font-size: 16px;
    }
    .banner-slider.style1 .slick-dots {
        display: block !important;
        right: 50% !important;
        bottom: 20px;
        transform: translateX(50%);
        margin-right: 0 !important;
    }
    .home .sec-title {
        text-align: left;
    }
    .home .sec-title > h2:before {
        left: 0;
        transform: inherit;
    }
    .home .sec-title > h2:after {
        left: 0;
        transform: inherit;
        margin-left: 50px;
    }

    .counter-sec {
        padding: 91px 15px 22px;
    }
    .video-system {
        padding: 170px 0 70px;
    }
    .home .sec-title > h2 {
        padding-bottom: 25px;
    }
    .video-post {
        margin-bottom: 35px;
    }
    .video-post-thumbnail {
  margin-bottom: 10px;
}
    .case_carousel-arrows {
        display: none;
    }
    
    .case-study-sec .more-classes-sc {
  margin-top: 30px;
 
}
    
    .case_slider .slick-dots {
        bottom: -2px;
    }
    .team-section {
        padding: 71px 0 70px;
    }
    .sys-system-section {
        padding: 150px 0 70px;
    }
    .testimonial-sec {
        padding: 69px 0 70px;
    }

    .home .blog-post {
        padding: 0;
    }
    .blog-section {
        padding-bottom: 71px;
    }
    .sys-system-section {
        padding: 160px 0 50px;
    }
    .counter-sec {
        padding: 41px 15px 36px;
    }
    .counter-info > span {
        font-size: 17px;
    }
    .vid-post-info {
        transform: inherit;
        opacity: 1;
        visibility: visible;
    }
    .video-post-thumbnail:before {
        opacity: 1;
        visibility: visible;
    }
    .rd-btn {
        opacity: 1 !important;
        visibility: visible !important;
        right: 30px !important;
    }
    .video-post-info > h2 {
        opacity: 0;
    }
    .case_slider .slick-dots {
        bottom: -30px;
    }
    .team-info > h3 {
        font-size: 30px;
        margin-bottom: 10px;
    }
    .banner-content > h1 {
        margin-bottom: 35px;
    }
    .about-text > h2 {
        font-size: 34px;
    }
    .counter-info > span {
        font-size: 19px;
    }
    .video-system {
        padding: 220px 0 70px;
    }
    .sec-title,
    .home .sec-title {
        text-align: center;
    }
    .sec-title > h2:before,
    .home .sec-title > h2:before {
        left: 50%;
        transform: translateX(-50%);
        margin-left: 0;
    }
    .sec-title > h2:after,
    .home .sec-title > h2:after {
        left: 50%;
        transform: translateX(-50%);
        margin-left: 35px;
    }
        
    .about-text > h2::after {
        left: 50px;
    }

    .home .sec-title > span {
        font-size: 14px;
    }
    .gallery-thumb {
        order: 1;
        width: 100%;
        height: 150px;
    }
    .slick-vertical.gallery-thumb .gallery-th {
        width: 25% !important;
    }
    .gallery-thumb .gallery-th img {
        height: auto;
    }
    .gallery-image {
        padding-right: 0;
    }
    .sys-system-section .col-lg-6.col-md-push-6 {
        order: 0;
    }
    .sbs-max > h2 {
        line-height: 36px;
    }
    .sec-title > h2 {
        font-size: 34px;
    }
    .para-o > h3 {
        font-size: 23px;
    }
    .widget-title {
        font-size: 34px;
    }
    footer .widget-post > h4 a {
        font-size: 22px;
        line-height: 28px;
    }
    footer .widget-post > h4 span {
        font-size: 17px;
    }
    .widget-recent-services ul li a {
        font-size: 20px;
    }
    .sidebar .widget-title {
        font-size: 28px;
    }
    .posted-by-row .socio-links {
        display: inline-block;
    }
    .blog-post.single .blog-info > h2 {
        font-size: 30px !important;
    }
    .post-tgrow {
        padding-bottom: 30px;
    }
    .pager-sec-details > h1 {
        font-size: 38px;
    }
    .pptz li {
        max-width: 100%;
        flex: 0 0 100%;
        width: 100%;
    }
    .row.ssv-services-sec {
        padding-top: 40px;
    }

    .primary-contact > h3 {
        font-size: 26px;
    }
    .sec-title > h2 {
        font-size: 38px;
    }
    .ref-gallery .col-4 {
        max-width: 100%;
        flex: 0 0 100%;
    }
    .reg-gallery {
        margin-bottom: 40px;
    }
    .ref-gallery {
        margin-bottom: -40px;
    }
    .sec-title-style2 .sec-title > h2::before {
        left: 50%;
    }
    .banner-content > h1 br {
        display: none;
    }
    .sec-title-style2 .sec-title {
        width: 100%;
        text-align: center;
    }
    .sec-title-style2 .sec-title > h2::after {
        left: 50%;
        margin-left: 10px;
    }
    .sec-title-style2 .sec-title > h2::before {
        margin-left: -40px;
    }
    .widget-about > p {
        font-size: 16px;
        line-height: 29px;
    }
    .widget-about > a {
        display: block;
        margin-bottom: 30px;
    }
    .widget-services ul li span,
    .widget-services ul li a {
        font-size: 18px;
    }
    .widget-newsletter p {
        font-size: 18px;
        margin-bottom: 30px;
    }
    .serity-map {
        height: 500px !important;
    }
    .blog-post {
        box-shadow: 0 0 27px rgba(0, 0, 0, 0.1);
    }
    .blog-post.single:hover,
    .blog-post.single {
        box-shadow: inherit;
    }
    .abt-block {
        padding-bottom: 68px;
    }
    .video-system {
        padding: 70px 0 70px;
    }
    .features-list {
        margin-bottom: 30px;
    }
    .banner-section.style2 .banner-slide {
        padding: 230px 0 114px;
    }
    header.style2 .header-content::before {
        width: 50%;
    }
    .blog-section {
        padding-bottom: 69px;
    }
    .posted-by-row ul li {
        margin-bottom: 10px;
    }
    .posted-by-row ul li:nth-child(2) {
        display: none;
    }
	.posted-by-row ul li {
		display:inline-block !important;
		margin-bottom:0;
	}
	.posted-by-row ul li img {
		display: none;
	}
}

@media (max-width: 480px) {
    .posted-by-row ul li:first-child {
        display: none !important;
    }
	.blog-style2 .posted-by-row {
		display: block;
	}
	.blog-style2 .posted-by-row ul li {
		width:100%;
		margin-bottom: 6px;
		display: block;
	}
	.blog-style2 .posted-by-row ul li:before {
		display: none;
	}
	.blog-style2 .posted-by-row {
		padding: 18px 0 20px;
	}
    .top-header .social-links {
        margin-top: 0;
        padding-top: 0;
    }
    .contact-info li {
        margin-right: 0;
        margin-bottom: 20px;
    }
    .pager-sec-details > h1 {
        font-size: 22px;
    }
    .breadcrumb li a,
    .breadcrumb li span {
        font-size: 14px;
    }
    .pager-sec {
        padding: 60px 0;
    }
    .bottom-strip {
        position: relative;
    }
    .bottom-strip {
        height: auto;
        line-height: inherit;
        padding: 30px 0 20px;
        text-align: center;
        line-height: 30px;
    }
    .scrollUp {
        top: -60px;
    }
    .team-mg {
        width: 100%;
    }
    .team-cont-info li strong,
    .follow-us > h3 {
        width: 90px;
        font-size: 14px;
    }
    .team-cont-info li > span {
        font-size: 13px;
    }
    .full_wdth {
        max-width: 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }
    .serity-pagination nav > ul > li {
        margin-right: -1px;
    }
    .quan-row > button {
        padding: 0 20px;
    }
    .shop-tabs .nav-tabs .nav-link {
        width: 100%;
    }
    .shop-tabs .nav-tabs .nav-item {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }
    .shop-tabs .nav-tabs {
        margin-bottom: 40px;
    }
    .sc-title {
        font-size: 24px;
    }
    .review-details {
        display: block;
        padding-left: 0;
        margin-top: 30px;
    }
    .review-thumb {
        display: block;
    }
    .revew {
        border-radius: 0;
        padding: 30px 25px;
    }
    .reviews-list li > ul {
        padding-left: 0;
    }
    .content-details > h2 {
        font-size: 24px;
    }
    .content-details > h4 {
        font-size: 15px;
        line-height: 24px;
    }
    .fz-lst li {
        width: 100%;
    }
    .widget-recent-services ul li a {
        font-size: 14px;
    }
    .reg-gallery {
        margin-bottom: 40px;
    }
    .ref-item {
        padding: 60px 0 20px;
    }
    .reference-page {
        margin-bottom: -50px;
    }
    .project-descp > h2 {
        font-size: 22px;
    }
    .project-descp ul li {
        line-height: 20px;
    }
    .custom-project-widget .team-cont-info li strong {
        width: 100%;
    }
    .widget-quick-contact {
        padding: 40px 25px;
    }
    .cct-info > h3 {
        font-size: 16px;
    }
    .blog-info > h2 {
        font-size: 18px;
        line-height: 27px;
    }
    .blog-style2 .posted-by-row > h4 span {
        display: none;
    }
    .meta {
        margin-bottom: 15px;
    }
    .blog-post.single blockquote > p {
        font-size: 16px;
        line-height: 28px;
    }
    .blog-post.single blockquote > h4 {
        font-size: 14px;
    }
    .post-tgrow {
        text-align: center;
    }
    .post_tags ul {
        margin-top: 20px;
    }
    .pst-info > h3 {
        font-size: 14px;
        line-height: 22px;
    }
    .pp-post {
        padding: 25px 20px;
    }
    .sc-title {
        font-size: 20px;
        line-height: 30px;
        padding-bottom: 18px;
    }
    .pingbacks ul li span {
        font-size: 14px;
        line-height: 24px;
    }
    .pingbacks {
        margin-bottom: 50px;
    }
    .abt-list li span {
        font-size: 14px;
    }
    .txt > span {
        font-size: 14px;
    }
    .txt {
        margin-bottom: 0;
    }
    .sig-text {
        margin-bottom: 30px;
    }
    .sec-title > h2 {
        line-height: 34px;
    }
    .video-system {
        padding: 170px 0 100px;
    }
    .sec-title-style2 > .lnk-default {
        display: none;
    }
    .gallery-images-slide {
        width: 100%;
        margin-left: 0;
    }
    .gallery-thumb {
        display: none;
    }
    .sbs-max > span {
        font-size: 14px;
    }
    .sbs-content {
        padding: 0;
    }
    .sbs-max {
        padding: 40px 20px;
    }
    .lnk-default {
        font-size: 14px;
    }
    .radi-values li {
        width: 100%;
    }
    .banner-content > p {
        padding: 0;
    }
    .banner-content > h1 {
        font-size: 24px;
        line-height: 35px;
    }
    .banner-slide {
        padding: 60px 0 100px;
    }
    .mobile-menu {
        width: 240px;
    }
    .banner-section.style2 .banner-slide {
        padding: 175px 0 115px;
    }
    .ss-system ul li {
        width: 100%;
        margin-right: 0;
    }
    .banner-section.style2 .slick-dots {
        bottom: 70px;
    }
    .banner-section.style2 {
        margin-bottom: -40px;
    }
    .banner-section.style3 .banner-slide {
        padding: 80px 0 110px;
    }
    .testimonial-slide:befor {
        display: none;
    }
    .video-system {
        padding: 170px 0 70px;
    }
    .video-post:hover .rd-btn {
        right: 30px;
    }
    .contact-info li {
        display: block;
    }
    .banner-slider.style1 .slick-dots {
        bottom: 20px;
    }

    .contact-info {
        display: none;
    }
    .top-header .social-links {
        margin: 0;
        padding: 0;
    }
    .top-header {
        padding: 10px 0;
    }
    .pager-sec-details > h1 {
        margin-bottom: 17px;
    }
    .pager-sec {
        padding: 50px 0 45px;
    }
    .ft-lzt li {
        width: 100%;
    }
    .para-o > h3 {
        line-height: 27px;
    }
    .sec-title > h2 {
        padding-bottom: 30px;
    }
    .coz-sv h3 {
        font-size: 18px;
    }
    .content-details > h3,
    .coz-sv h3 {
        font-size: 18px;
    }

    .shop-tabs .nav-tabs .nav-link {
        margin-bottom: 0;
    }
    .widget-quick-contact {
        padding: 30px 25px;
    }
    .price-nav-tabs ul li {
        border-radius: 5px;
        height: 40px;
        line-height: 40px;
        font-size: 14px;
        padding: 0 24px;
        margin-right: 10px;
    }
    .price-nav-tabs ul li:first-child {
        border-radius: 5px;
        border: 1px solid #cbcbcb;
    }
    .price-nav-tabs ul li:last-child {
        border-radius: 5px;
        border: 1px solid #cbcbcb;
    }
    .blog-post.single blockquote {
        padding: 25px 20px 20px;
    }
    .pp-post {
        width: 100%;
        border-bottom: 1px solid #ddd;
    }
    .pingbacks ul li a {
        font-size: 14px;
        line-height: 20px;
    }
    .pingbacks ul li h4 {
        font-size: 14px;
    }
    .pingbacks ul li {
        margin-bottom: 20px;
    }
    .pingbacks ul li a strong {
        font-size: 14px;
    }
    #map-container.fullwidth-home-map #map {
        height: 250px;
    }
    .banner-slide {
        padding: 60px 0 70px;
    }
    .case_slider .slick-dots {
        bottom: -30px;
    }
    .testimonial-slide {
        padding: 30px 20px;
    }
    .testimonial-slide:before {
        display: none;
    }
    .blog-style2 .blog-info > h2 {
        font-size: 18px;
    }
    .team-cont-info li > span {
        width: 100%;
        text-align: center;
    }
    .team-cont-info li strong,
    .follow-us > h3 {
        text-align: center;
        margin-bottom: 10px;
    }
    .follow-us .social-links {
        width: 100%;
        text-align: center;
        margin-top: 15px;
    }
    .team-details-page {
        padding: 60px 0 60px;
    }
    .woocommerce form .form-row-first,
    .woocommerce form .form-row-last,
    .woocommerce-page form .form-row-first,
    .woocommerce-page form .form-row-last {
        width: 100%;
    }
    .woocommerce-Address address {
        font-size: 14px;
    }
    input#coupon_code {
        width: 100%;
        margin-bottom: 15px;
    }
    .woocommerce table.cart td.actions .coupon .button {
        width: 100%;
    }
    .woocommerce ul.products[class*="columns-"] li.product,
    .woocommerce-page ul.products[class*="columns-"] li.product {
        width: 100%;
    }
    .shop-tabs .nav-tabs .nav-item,
    .woocommerce div.product .woocommerce-tabs ul.tabs li {
        width: 100%;
    }
    .shop-tabs .nav-tabs .nav-item,
    .woocommerce div.product .woocommerce-tabs ul.tabs li a {
        width: 100%;
        text-align: center;
    }
    .apt-from {
        padding: 40px 20px;
    }
    .abt-list li span {
        font-size: 13px;
    }
    .abt-list li {
        margin-bottom: 15px;
    }
    .abt-list {
        margin-bottom: 17px;
    }
    .features-list span.wpcf7-list-item {
        width: 100%;
    }
    .sys-system-section .sec-title.white {
        width: 100%;
    }
    .sys-system-section .sec-title.white > h2 {
        font-size: 23px !important;
    }
    .posted-by-row ul {
        max-width: 100%;
    }
    .top-header {
        display: none;
    }
    .custom-project-widget .team-cont-info li span {
        max-width: 100%;
    }
    .comment-form-cookies-consent label {
        line-height: 18px;
    }
    .blog-post.single .blog-info > h2 {
        font-size: 20px !important;
        line-height: 30px !important;
    }
    .meta {
        margin-bottom: 0;
    }
    .meta li {
        margin-bottom: 10px;
    }
    .sidebar.blog-sidebar {
        margin-bottom: -43px;
    }
    .sec-title > span {
        position: relative;
        top: -2px;
        margin-bottom: 10px;
    }
    .banner-section.style2 .banner-slide {
        padding: 160px 0 119px;
    }
    .banner-content .banner-text p {
        margin-bottom: 20px;
    }
    .project_info > h3 {
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 20px;
    }
    .pptz li {
        line-height: 20px;
        margin-bottom: 15px;
    }
    .ssv-services-sec {
        margin-bottom: 50px;
    }
    .pptz li {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .row.counter-row {
        margin-bottom: -30px;
    }
    .blog-section.blog-grid-view .blog-post {
        margin-bottom: 40px;
    }
    .blog-section {
        padding: 70px 0 71px;
    }
    .widget-newsletter .widget-title {
        margin-bottom: 27px;
    }
    .home .sec-title > h2 {
        font-size: 26px;
        line-height: 38px;
    }
    .vid-carousel .slick-dots {
        bottom: 1px;
    }
    .home .sec-title > span {
        font-size: 14px;
    }
    .team-section {
        padding: 99px 0 70px;
    }
    .counter-sec {
        padding: 91px 15px 26px;
    }
    /* NEW CHANGES */
    .banner-content > h1 {
        font-size: 34px;
        line-height: 45px;
    }
    .top-header,
    .top-header .social-links {
        display: block;
    }
    .top-header {
        background: #222222;
        padding: 15px 0;
    }
    .about-img {
        display: block;
        margin-bottom: 150px;
    }
    .abt-thumb {
        right: 0;
    }
    .play-btn {
        z-index: 9999;
    }
    .about-text > h2 {
        font-size: 34px;
        line-height: 43px;
        padding-bottom: 30px;
    }
    .abt-list li {
        display: block;
        margin: 0 0 20px;
    }
    .abt-list li span {
        font-size: 20px;
    }
    .abt-list {
        margin-bottom: 40px;
    }
    .txt > h2 {
        font-size: 34px;
        margin-bottom: 20px;
    }
    .ico {
        width: 100%;
        margin-bottom: 50px;
    }
    .ico > img {
        display: inline-block;
    }
    .counter-dv {
        display: block;
        text-align: center;
        margin-bottom: 50px;
    }
    .counter-info {
        display: block;
        width: 100%;
        padding-left: 0;
        margin-top: 30px;
    }
    .ico:before {
        right: 50%;
    }
    .counter-info > span {
        font-size: 24px;
    }
    .counter-item > h2,
    .counter-item > span {
        font-size: 50px;
    }
    .counter-sec {
        padding: 71px 15px 60px;
    }
    .home .sec-title > h2 {
        font-size: 30px;
        line-height: 36px;
    }
    .lnk-default {
        font-size: 18px;
        line-height: 50px;
        height: 50px;
    }
    .case_slider .slick-dots {
        width: 100%;
        text-align: center;
    }
    .home .sec-title > h2 {
        font-size: 38px;
        line-height: 44px;
    }
    .case-study-carouz {
        margin-bottom: 0;
    }
    .case-study-sec .more-classes-sc h3 {
        font-size: 28px;
        line-height: 40px;
    }
    .features-list .Features span.wpcf7-list-item {
        margin-bottom: 20px;
    }
    span.wpcf7-list-item-label {
        padding-top: 14px;
    }
    footer .widget-title {
        font-size: 34px;
        line-height: 40px;
        padding-bottom: 23px;
    }
    .bottom-strip {
        padding: 17px 0 20px;
    }
    footer .widget-post > h4 a {
        font-size: 20px;
    }
    footer .widget-post > h4 span {
        font-size: 16px;
    }
    footer .widget-title {
        margin-bottom: 40px;
    }
    .testimonial-sec {
        padding: 90px 0 70px;
    }
    .sys-system-section {
        padding: 130px 0 70px;
    }

    .case-study-carouz {
        padding-top: 0;
    }
    .case-study-sec .more-classes-sc h3 {
        line-height: 36px;
    }
    .testimonial-slide {
        text-align: center;
    }
    .auth-img {
        margin: 0 auto 30px;
    }
    .testimonial-slide .rating {
        justify-content: center;
    }
    .copyright-text > p {
        line-height: 26px;
    }
    .bottom-strip {
        padding: 17px 0 22px;
    }
    .banner-content .banner-text p {
        margin-bottom: 30px;
    }
    .pager-sec-details > h1 {
        font-size: 30px;
    }
    footer .widget-post > h4 {
        font-size: 18px;
        line-height: 24px;
    }
    .content-details > h2 {
        font-size: 28px;
    }
    .content-details > h4 {
        font-size: 17px;
    }
    .content-details > h3,
    .coz-sv h3 {
        font-size: 24px;
    }
    .widget-recent-services ul li a {
        font-size: 18px;
    }
    .widget-contact {
        padding: 50px 15px;
    }
    .blog-style2 .blog-info > h2 {
        font-size: 26px;
    }
    .blog-post.single .blog-info > h2 {
        font-size: 30px !important;
        line-height: 40px !important;
    }
    .blog-post.single blockquote > p {
        font-size: 20px;
    }
    .blog-post-description .features-list li {
        font-size: 20px;
    }
    .pst-info > h3 {
        font-size: 20px;
        line-height: 28px;
    }
    .sidebar.blog-sidebar {
        margin-bottom: 0;
    }
    .team-cont-info li strong,
    .follow-us > h3 {
        font-size: 22px;
    }
    .team-cont-info li > span {
        font-size: 15px;
        margin-top: 10px;
    }
    .project_info > h3 {
        font-size: 28px;
        margin-bottom: 30px;
    }
    .price-nav-tabs ul li {
        font-size: 20px;
    }
    .posted-by-row .socio-links {
        float: none;
		margin-top:-8px;
		display:block;
    }
    .case-study-sec {
        padding: 71px 0 100px;
    }
    .case-study-carouz {
        margin-bottom: 20px;
    }
    .widget-services ul li span {
        line-height: 30px;
    }
    .menu-btn {
        top: 0;
    }
    header.style2 .menu-btn {
        right: -5px;
    }
    .pager-sec {
        padding: 60px 0;
    }
    .sys-system-section .sec-title.white {
        margin-top: 40px;
    }
    .sys-system-section .sec-title.white > h2 {
        font-size: 29px !important;
    }
    .top-header-content .social-links li a:hover {
        color: #fff;
    }
    .top-header {
        background: #333 !important;
    }
    .social-links li a {
        font-size: 16px;
    }
    .price-nav-tabs ul li.current,
    .price-nav-tabs ul li:hover {
        border-color: transparent;
    }
    .price-nav-tabs ul li {
        height: 49px;
        line-height: 46px;
    }
    .social-links li a:hover svg path {
        fill: #fa8100;
    }
    .social-links li a svg path {
        transition: all 0.4s ease-in-out;
    }
    .logo a > img {
        max-width: 120px;
    }
    .cart-dv {
        margin-right: 20px;
        margin-left: 20px;
    }
    .bottom-header {
        padding: 23px 0 22px;
    }

    .blog-grid-view .posted-by-row .socio-links {
        float: right;
    }
    .counter-sec {
        padding: 59px 15px 46px;
    }
    
    .ico {

  background: transparent !important;
  color: #222;
}
    
    .ico::after,
    .ico::before {
 display: none;
}
    
    .counter-dv:hover .counter-info > span, .counter-dv:hover .counter-item > h2, .counter-dv:hover .counter-item > span {
  color: #222;
}
    .ico {
  margin-bottom: 10px;
}
    
    .counter-sec {
  padding: 15px 15px 67px;
}
    .counter-dv {

  margin-bottom: 0;
}
    .counter-dv {
        background: transparent !important;
    }
    
    .video-system {
        padding: 70px 0 67px;
    }
    .case-study-sec {
        padding: 69px 0 100px;
    }
    .case-study-carouz {
        margin-top: -14px;
    }
    .case-study-sec .more-classes-sc {
        margin-top: 20px;
    }
    .case-study-sec {
        padding-bottom: 68px;
    }
    .team-section {
        padding: 70px 0 68px;
    }
    .sbs-max {
        padding: 50px 20px;
    }
    .sys-system-section {
        padding: 117px 0 68px;
    }
    .testimonial-sec {
        padding: 70px 0 68px;
    }
    .blog-section {
        padding-bottom: 69px;
    }

    .home .elementor-widget-serity-about .abt-block {
        padding-top: 90px;
    }
    .abt-contact {

  margin-bottom: 0;
}
    
    .home .team-section {
        padding-bottom: 68px;
    }
    .ctz-section {
        margin-bottom: -70px;
    }
    .ss-col > h3 {
        font-size: 22px;
        line-height: 30px;
    }
    .ss-system ul li {
        margin-bottom: 25px;
    }
    .ss-system-sec {
        padding: 70px 0 90px;
      }
    .sys-system-section {
        padding: 120px 0 50px;
    }
    .banner-section.style2 .banner-slide {
        padding: 190px 0 119px;
    }
    header.style2 .header-content::before {
        width: 50%;
    }
    header.style2 .cart-dv {
        left: -93px;
    }
    header.style2 .search-frm {
        left: -90px;
    }
    header.style2 .logo a > img {
        max-width: 130px;
    }
    .banner-section.style2 .banner-slide {
        padding: 190px 0 90px;
    }
    .banner-section.style2 .slick-dots {
        bottom: 34px;
    }
    .bt-logo > a img {
        max-width: 150px;
    }
    .navigation-bar .cart-dv {
        top: -4px;
    }
    .navigation-bar .search-frm {
        top: -18px;
    }
    .navigation-bar .cart-dv {
        margin-right: 15px;
    }
    .navigation-bar {
        right: 81px;
    }

    .case-study-sec {
        padding: 70px 0;
    }
    .menu-btn {
        margin-left: 5px;
    }
    header.style2 .menu-btn {
        margin-left: 20px;
    }
    header.style2 .cart-dv {
        margin-right: 0;
    }
    header.style2 .search-frm {
        position: static;
    }
    .navigation-bar .search-frm {
        margin-left: 0;
    }
    .navigation-bar {
        right: 15px;
    }
    header.style2 .menu-btn + nav + .search-frm {
        display: none;
    }
    header.style2 .cart-dv {
        display: none;
    }
    header.style2 .menu-btn {
        margin-left: auto;
    }
    .s-services .col-lg-4 {
        max-width: 100%;
        flex: 0 0 100%;
    }
    .service-single-page > h2 {
        font-size: 28px;
    }
    .service-single-page > img {
        margin-bottom: 40px;
    }
    .woocommerce div.product form.cart table.woocommerce-grouped-product-list.group_table div.quantity,
    table.woocommerce-grouped-product-list.group_table td.woocommerce-grouped-product-list-item__label label {
        padding-left: 0 !important;
    }
    .posted-by-row ul li img {
        display: none;
    }
	.posted-by-row ul {
		width:100%;
		margin-top: 15px;
	}
	.posted-by-row ul {
		margin-top:0;
	}
}

@media (max-width: 370px) {
    .cart-dv {
        display: none;
    }
    .search-frm {
        display: none;
    }
    .logo a > img {
        max-width: 170px;
    }
    .bottom-header {
        padding: 22px 0;
    }
    .navigation-bar .cart-dv,
    .navigation-bar .search-frm {
        display: none;
    }
    .menu-btn {
        margin-left: auto;
    }
    header.style2 .menu-btn {
        margin-left: auto;
    }
    .bt-logo > a img {
        max-width: 150px;
    }
	.blog-grid-view .posted-by-row img {
		display:none;
	}
	.blog-grid-view .posted-by-row .socio-links {
		margin-bottom:0;
	}
	.meta-tags {  
		display: none;
	}
}