@media (min-width: 991px) {}

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




    .home_banner {
        background-position: 63%;
    }


}

@media (max-width: 991px) {

    .inside_banner {
        position: relative;
        margin-top: 152px;
        height: 145px;
    }
    .inside_banner  img{ height: 145px;}
    .inside-banner-text h1 {
        font-size: 24px;
    }
    .project-text_Secleft {
        padding-left: 0px;
    }

    .project-text_Sec {
        padding-right: 0px;
    }

    .section-title__title span {
        font-size: 12px;
    }

    .banner-text h1 {
        font-size: 24px;
    }

    .fancy-button {
        font-size: 12px;
        padding: 10px 30px !important;
    }

    .chevron {
        width: 16px;
        height: 4px;
    }

    .navbar {
        padding-left: 7px !important;
    }

    .section-title__title::after {
        width: 40px;
        height: 3px;
        bottom: -5px;
    }

    .about-one__img {
        display: none;
    }

    .about-one__small-img {
        position: static;
        max-width: 100%;
    }


    .about-one__left {
        margin-right: 0;
        margin-bottom: 90px;
    }

    .about-one__img-box:after {
        transform: translate3d(-10px, -10px, -10px);
    }


    .home_banner {
        background-position: 63%;
    }

    .banner-text {
        padding: 0 15px;
        text-align: center;
    }

    .banner-text p {
        margin-bottom: 25px;
        font-size: 18px;
    }

    .banner-text {
        transform: translateY(-50%);
    }

    .element-wrap .element-icon {
        width: 50px;
        height: 50px;
        flex: 0 0 50px;
        padding: 8px;
    }

    .brand a {
        max-width: 100px;
    }

    .navigation.scrolled .brand a {
        max-width: 60px;
    }

    .element-wrap .element-cont .title {
        font-size: 18px;
    }

    .why-tin-sec .row,
    .product-info .row {
        gap: 35px 0;
    }

    .wrapper {
        display: flex;
        justify-content: space-between;
        gap: 0px;
        flex-direction: column;
    }

    .why-tin-sec {
        padding-bottom: 0;
    }

    .product-div {
        width: 100%;
    }

    .client-logo {
        padding: 0px 0px 40px
    }

    .client-logo .slick-prev {
        left: 0;
    }

    .client-logo .slick-next {
        right: 0;
    }

    .about-sec {
        padding: 0;
    }


    .quality-sec .quality-cont-text {
        padding: 30px 0px;
    }

    .product-wrap .overlay {
        position: static;
        opacity: 1;
        background: #232323;
    }

    .link {
        text-align: center;
        display: block;
    }

    .about-icon {
        flex-direction: column;
        gap: 16px;
    }

    .about-us-text {
        padding: 30px 16px;
    }

    .main_heading h2 {
        font-size: 24px;
    }

    .main_heading h1 {
        font-size: 18px;
    }
}

@media (max-width: 767px) {
    .why-tin-about .row .col-lg-6 {
        width:100%;
    }
    
    .jvm-container image {
        width: 10px;
    }

    #map {
        height: 250px;
    }

    /* footer */

    .m-foo-text,
    .shfooter ul.list-unstyled li a {
        font-size: 0.875rem;
        font-style: normal;
        font-weight: 400;
    }

    .mainfooter {
        padding:24px 0.25rem 0;
    }

    .shfooter {
        margin-bottom: 0rem;
        border-bottom: 0.5px solid rgb(255 255 255 / 0.1);
    }

    .shfooter ul {
        margin-bottom: 0;
    }

    .shfooter .collapse,
    .shfooter .title .fa-angle-minus,
    .shfooter .title[aria-expanded="true"] .fa-angle-plus {
        display: none;
    }

    .foo-logo,
    .shfooter .title[aria-expanded="true"] .fa-angle-minus {
        display: block;
    }

    .shfooter .collapse.show {
        display: block;
        margin-bottom: 0;
    }

    .m-foo-text {
        color: #fff;
        margin-bottom: 1.2rem;
        line-height: normal;
        text-align: left;
        margin-bottom: 0;
        padding: 18px 0;
        cursor: pointer;
    }

    .shfooter ul.list-unstyled li a {
        color: rgb(255 255 255 / 0.6);
        display: inline-block;
        margin-bottom: 0.75rem;
        line-height: 1.3125rem;
    }

    .shfooter .navbar-toggler {
        display: inline-block;
        padding: 0;
    }

    .foo-logo {
        margin: 0 auto 2.5rem;
        text-align: center;
    }

    .collapse:not(.show) {
        display: none !important;
    }

    .float-right {
        float: right !important;
    }

    .copyright-sec {
        margin-top: 0;
        border: none;
    }
    .why-tin-about{padding-bottom: 60px;}
    .d-mobile{ display: block;}
    .d-dekstop{ display: none;}
    .product-text {
        padding-left:0px;
    }
    .pt-m-0{padding-top: 0;}
}