@media (min-width:1400px) {

    .theme_slider_3 .swiper-button-prev,
    .theme_slider_3 .swiper-rtl .swiper-button-next {
        left: 4.375rem
    }

    .theme_slider_3 .swiper-button-next,
    .theme_slider_3 .swiper-rtl .swiper-button-prev {
        right: 4.375rem
    }

    .navbar .container-fluid {
        padding: 0 7% !important
    }
}

@media screen and (max-width:1660px) {
    .navbar .navbar-nav .nav-link {
        font-size: 16px
    }

    .breadcrumb-img {
        padding: inherit;
        height: 385px
    }

    .box-wrapper h2 {
        font-size: 40px
    }

    .our-team .box-wrapper {
        padding: 30px
    }

    a.menu-icon {
        font-size: 15px
    }

    .menu-flex {
        flex-wrap: wrap
    }

    .menu-flex-sub-menu {
        width: 100%
    }

    .submenu-subparts {
        height: 300px;
        overflow: hidden;
        overflow-y: scroll
    }

    .dropdown-menu .submenu-menu {
        width: 100%
    }
}

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

    .theme_slider_3 .swiper-button-prev,
    .theme_slider_3 .swiper-rtl .swiper-button-next {
        left: 4.375rem
    }

    .navbar {
        padding: 0 0% !important
    }

    .navbar-brand {
        margin: 0
    }

    .navbar .navbar-nav .nav-link {
        margin: 0 10px
    }

    .about-title span {
        font-size: 170px;
        top: -2%
    }

    .quality-img img {
        width: 150px
    }

    .quality-info h2 {
        font-size: 32px
    }

    footer {
        margin-top: 35px
    }

    .swiper-slide .grid-item .wptb-item--meta h4 a {
        font-size: 28px
    }

    .grid-item .wptb-item--meta p {
        font-size: 16px
    }

    .center-div {
        display: none
    }

    .inquiry a.btn {
        left: 43%;
        bottom: 68px
    }

    .choices {
        display: flex;
        align-items: flex-start;
        flex-wrap: wrap
    }

    .left-top,
    .right-top,
    .right-bottom,
    .left-bottom {
        position: relative;
        display: flex;
        transition: .6s;
        cursor: pointer;
        width: 100%;
        user-select: none;
        flex-direction: column;
        width: 100%;
        max-width: 33.33%;
        padding: 20px;
        border: 1px solid #ffffff1c;
        border-radius: 12px;
        margin-bottom: 20px
    }

    .left-top:hover,
    .right-top:hover,
    .right-bottom:hover,
    .left-bottom:hover {
        transform: scale(1.1)
    }

    .left-top {
        left: 0;
        top: 0%
    }

    .right-top {
        left: 0%;
        top: 0%
    }

    .right-bottom {
        left: 0%;
        top: 0%
    }

    .left-bottom {
        left: 0%;
        top: 0%
    }

    .left-top-circle,
    .right-top-circle,
    .right-bottom-circle,
    .left-bottom-circle {
        position: relative;
        background-color: #fbfbfbc9;
        width: 100px;
        height: 100px;
        border-radius: 50%;
        margin: auto;
        padding: 20px
    }

    .left-top-circle {
        left: 0%
    }

    .left-bottom-circle {
        left: 0%
    }

    .left-top-circle img,
    .right-top-circle img,
    .right-bottom-circle img,
    .left-bottom-circle img {
        width: 100%;
        display: block;
        position: relative;
        top: 0%;
        left: 0%
    }

    .left-top-text,
    .right-top-text,
    .right-bottom-text,
    .left-bottom-text {
        position: relative;
        padding: 8px;
        width: 100%
    }

    .left-top-text {
        left: 0%
    }

    .right-top-text {
        left: 0%
    }

    .right-bottom-text {
        left: 0%;
        top: 0%
    }

    .left-bottom-text {
        left: 0%
    }

    .left-top-text h3,
    .right-top-text h3,
    .right-bottom-text h3,
    .left-bottom-text h3 {
        text-align: center;
        color: #fff;
        opacity: .9;
        font-size: 22px
    }

    .right-top-text h3,
    .right-bottom-text h3 {
        text-align: center
    }

    .left-top-text p,
    .right-top-text p,
    .right-bottom-text p,
    .left-bottom-text p {
        margin-top: 12px;
        color: #fff;
        font-weight: 300;
        line-height: 1.4;
        text-align: center;
        font-size: 16px
    }

    .why-choose-us {
        margin: 50px auto;
        width: 100%;
        height: 100%;
        border-radius: 0;
        background-image: url(../images/why-choose-us-eta.jpg);
        background-size: cover;
        background-position: 100%;
        opacity: .9;
        position: relative;
        margin-top: 42px;
        background-blend-mode: overlay;
        background-color: #1c1a1a;
        padding: 40px 24px
    }

    .left-center.left-top {
        top: 0%;
        left: 0%
    }

    .right-center.right-top {
        top: 0%;
        left: 0%
    }

    .right-center.right-top .right-top-text {
        left: 0
    }

    .left-center.left-top .left-top-text {
        left: 0%
    }

    .breadcrumbs-items {
        padding: 0 20px;
        left: 0
    }

    section {
        padding: 45px 0;
        position: relative
    }
}

@media screen and (max-width:1366px) {
    .about-title span {
        font-size: 160px;
        top: -2%
    }

    .about-text p {
        position: relative;
        top: 0;
        left: 0
    }

    .about-head h2.title {
        position: relative;
        left: 0
    }

    .slide img {
        height: 750px
    }

    .about-title h2 {
        font-size: 32px
    }
}

@media screen and (max-width:1280px) {
    .about-title span {
        font-size: 145px;
        top: -2%
    }

    .about-wrapper .about-images {
        height: auto;
        display: none
    }

    .fun-fact-area {
        border-radius: 0;
        border: unset;
        gap: 22px
    }

    .fun-fact-item {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        border: 1px solid #259bd9;
        border-radius: 100px;
        margin-bottom: 20px
    }

    .fun-fact-item {
        gap: 10px;
        padding: 12px;
        width: 100%
    }

    .fun-fact-item .fun-fact-text {
        max-width: 100%;
        width: 100%;
        padding: 25px 0
    }

    .fun-fact-item .tj-count {
        width: 265px
    }

    .breadcrumb-img {
        padding: inherit;
        height: 367px
    }

    .bg-text {
        font-size: 130px;
        top: 0%
    }

    .box-wrapper p {
        width: 100%
    }

    .inquiry a.btn {
        position: relative;
        left: 43%
    }

    .contactinfo_item {
        width: 366px
    }

    .rts-single-project-one .body {
        padding: 5px 30px
    }
}

@media screen and (max-width:1140px) {
    .navbar .navbar-nav .nav-link {
        font-size: 13px;
        margin: 0 6px
    }

    .slide img {
        height: 650px
    }
}

@media screen and (max-width:1024px) {
    .navbar button {
        position: relative !important;
        top: 0;
        transform: translateY(0%)
    }

    .quality-info h2 {
        font-size: 32px
    }

    .footer-menu-links .footer-item a {
        font-size: 17px
    }

    li.address a {
        font-size: 17px
    }

    .wptb-album-one {
        padding-left: 27px;
        padding-right: 20px;
        padding-top: 95px
    }

    .slide img {
        height: 550px
    }

    .about-right-side-img {
        margin-top: 0
    }
}

@media screen and (max-width:991px) {
    .navbar {
        position: sticky;
        background-color: #fff;
        padding: 12px 0% !important;
        top: 0
    }

    .slide img {
        height: 100%
    }

    .about-wrapper .about-content .desc {
        max-width: 100%;
        width: 100%
    }

    .about-index-img {
        position: relative;
        top: 0;
        right: 0;
        width: 100%
    }

    .about-text p {
        font-size: 15px
    }

    .tj-about-section .tj-heading-area .title {
        font-size: 36px
    }

    .fun-fact-item .tj-count .counting {
        font-size: .8em
    }

    .about-wrapper .about-images {
        display: none
    }

    .fun-fact-item {
        gap: 10px;
        padding: 12px
    }

    .fun-fact-item .fun-fact-text {
        max-width: 66%;
        width: 100%;
        padding: 25px
    }

    .fun-fact-area {
        gap: 0
    }

    .sub-product-img img {
        width: 100%
    }

    .col-lg-3.p-0.quality-info-box {
        margin-bottom: 20px;
        border: 1px solid #e9e9e9 !important;
        border-radius: 10px
    }

    .quality-info h2 {
        font-size: 28px
    }

    .quality-info p {
        font-size: 15px
    }

    .footer-item .sm-icons {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 24px
    }

    .sub-send-inquiry-form,
    .sub-send-inquiry-form-2,
    .footer-whatsapp-call {
        display: none
    }

    .footer-box {
        display: flex !important;
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        background-color: #0f4da2;
        color: #fff;
        text-align: center;
        z-index: 999999;
        display: grid;
        grid-template-columns: 1fr 1fr
    }

    .book-app {
        width: 100%;
        padding: 2%;
        float: left;
        line-height: 40px;
        text-align: center;
        max-height: 100px
    }

    .book-app a {
        font-size: 15px
    }

    .sticklist {
        display: none !important
    }

    .about-title span {
        font-size: 106px;
        top: -2%
    }

    .about-title h2 {
        font-size: 32px
    }

    .about-title h2::after {
        width: 63px;
        height: 3px
    }

    .quality-img img {
        width: 155px;
        margin: auto
    }

    .quality-box {
        min-height: 100%;
        padding: 20px
    }

    .quality-img {
        position: relative;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        text-align: center;
        width: 100%;
        height: 100%;
        object-fit: cover;
        background-repeat: no-repeat;
        margin-bottom: 20px
    }

    .quality-info {
        position: relative;
        top: auto;
        right: 0;
        left: 0;
        bottom: 0;
        width: 100%;
        padding: 0
    }

    .wptb-album-one .swiper-gallery-two .swiper-wrapper {
        padding-top: 50px;
        padding-bottom: 30px
    }

    .wptb-album-one {
        padding-left: 27px;
        padding-right: 20px;
        padding-top: 95px;
        padding-bottom: 20px
    }

    .copy-right-link {
        margin-bottom: 60px
    }

    .footer-logo {
        margin-bottom: 0
    }

    footer {
        margin-top: 20px
    }

    .dropdown-menu {
        display: none
    }

    .breadcrumb-img {
        padding: inherit;
        height: 267px
    }

    .box-wrapper p {
        width: 100%;
        font-size: 16px
    }

    .applications-text h3 {
        font-size: 18px
    }

    .contactinfo_item {
        width: 100%;
        padding: 15px
    }

    .contactinfo_item a {
        color: #000;
        font-weight: 400
    }

    .form-control {
        font-size: .8rem
    }

    .map_inner {
        padding: 50px 20px 0 20px
    }

    .sub-product-title-details h2 {
        font-size: 26px
    }

    .sub-product-table-details table tr td {
        font-size: 14px
    }

    .sub-product-table-details table tr th {
        font-size: 14px
    }

    li.tab-text {
        font-size: 16px
    }

    li.tab-text {
        font-size: 16px
    }

    ul.breadcrumb li a {
        font-size: 14px
    }

    ul.breadcrumb li {
        font-size: 14px
    }

    .navbar .navbar-nav .nav-link {
        font-size: 15px;
        margin: 0 6px;
        padding: 12px 0
    }

    .dropdown-menu {
        width: 100%;
        height: 298px;
        overflow: hidden;
        overflow-y: auto
    }

    .modal-logo img {
        max-width: 75%
    }

    .modal-content a svg {
        width: 22px;
        height: 22px;
        margin-right: 5px !important;
        margin-top: 0
    }

    .modal-header h5 {
        font-size: 20px
    }
}

@media screen and (max-width:768px) {
    .about-title span {
        font-size: 75px
    }

    .products-section {
        padding-top: 66px
    }

    .products-section .about-title span {
        top: 0%;
        z-index: 1
    }

    .fun-fact-area {
        border-radius: 0;
        border: unset
    }

    .fun-fact-item {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        border: 1px solid #259bd9;
        border-radius: 100px;
        margin-bottom: 20px
    }

    .tj-about-section .sec-left-image {
        display: none
    }

    .grid-item .wptb-item--meta p {
        font-size: 13px
    }

    .swiper-slide .grid-item .wptb-item--meta h4 a {
        font-size: 22px
    }

    .tj-about-section {
        padding-top: 45px;
        padding-bottom: 60px;
        position: relative;
        z-index: 2
    }

    .footer-item p {
        font-size: 14px;
        color: #fff
    }

    footer .footer-item a,
    .item a {
        font-size: 14px
    }

    .swiper-slide .grid-item .wptb-item--holder {
        padding: 12px
    }

    .navbar {
        padding: 14px 0% !important
    }

    .about-img-box {
        margin-bottom: 16px
    }

    .images-section,
    .certificate-content {
        box-shadow: unset
    }

    .certificate-content p {
        font-size: 16px
    }

    .left-top,
    .right-top,
    .right-bottom,
    .left-bottom {
        max-width: 50%
    }

    .breadcrumb-img {
        height: 193px
    }

    ul.breadcrumb li {
        font-size: 16px
    }

    ul.breadcrumb li a {
        font-size: 16px;
        display: none
    }

    ul.breadcrumb li+li:before {
        display: none
    }

    p {
        font-size: 16px
    }

    .contactinfo_item span svg {
        width: 32px;
        height: 32px
    }

    .contact_field h3 {
        font-size: 30px
    }

    .contact_field p {
        font-size: 12px;
        margin-bottom: 18px
    }

    .contact_field .form-control {
        padding-bottom: 12px
    }

    section {
        padding: 22px 0;
        position: relative
    }

    .sub-product-title-details h2 {
        font-size: 22px;
        margin-top: 26px
    }

    .sub-product-information {
        padding: 15px 0
    }
}

@media screen and (max-width:525px) {
    .fun-fact-item {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center
    }

    .fun-fact-item .fun-fact-text .title,
    .fun-fact-item .fun-fact-text .desc p {
        text-align: center !important
    }

    .fun-fact-item .fun-fact-text {
        max-width: 100%;
        width: 100%;
        padding: 15px
    }

    .about-title span {
        display: none
    }

    .wptb-album-one {
        padding-left: 8px;
        padding-right: 8px;
        padding-top: 45px;
        padding-bottom: 20px
    }

    .tj-about-section .tj-heading-area .title {
        font-size: 28px
    }

    .navbar-brand {
        max-width: 53%;
        margin: 0
    }

    .navbar-brand img {
        width: 100%;
        max-width: 100%
    }

    .book-app a {
        font-size: 12px
    }

    .left-top,
    .right-top,
    .right-bottom,
    .left-bottom {
        max-width: 100%
    }

    .inquiry a.btn {
        position: relative;
        left: 32%
    }

    .why-choose-us {
        padding: 30px 10px
    }

    .breadcrumb-img img {
        object-fit: cover
    }

    .nav-pills .nav-link {
        width: 100%;
        margin: 0
    }

    .nav-pills .nav-item {
        margin: 10px 0;
        width: 100%
    }

    div#pills-tabContent {
        padding: 10px 0 !important
    }

    .all-btn {
        flex-wrap: wrap
    }

    .inquiry-btn,
    .download,
    .play {
        width: 100%;
        display: flex;
        margin: 14px 0
    }

    .inquiry-btn a,
    .download a,
    .play a {
        width: 100%;
        text-align: center
    }

    .download {
        margin-top: 0;
        margin-left: 0
    }

    .play {
        margin-top: 0;
        margin-left: 0
    }

    .breadcrumbs-items {
        width: 100%;
        padding: 0;
        left: 0
    }

    ul.breadcrumb {
        padding: 11px 14px;
        width: 100%
    }

    ul.breadcrumb li {
        line-height: 1.5;
        text-align: center
    }
}

@media screen and (max-width:425px) {
    .grid_lines {
        display: none !important
    }

    .modal-call {
        flex-wrap: wrap
    }

    .modal-body .col-lg-12.p-4 {
        padding: 10px 10px 60px 10px !important
    }

    .modal-footer {
        padding: 0 !important
    }

    .modal-body .has-feedback {
        margin-bottom: 12px
    }

    .modal-body .form-control {
        padding: 6px 0;
        font-size: 14px
    }
}