@media only screen and (min-width: 2000px) {
    #jobTab .nav-link {
        width: 250px;
    }
    .btn-grn-bor-2 {
        font-size: 24px;
    }
    #jobdetails .carousel-item {
        height: 150px;
    }
    #jobdetails .carousel-caption {
        top: 0;
    }
    .joinus-benefit-details p {
        font-size: 21px;
    }
    .joinus-benefit-details h5 {
        font-size: 24px;
    }
    .joinus-benefit-details h4 {
        font-size: 26px;
    }
    .joinus-benefit-details p.small {
        font-size: 18px;
    }
    .modal-lg, .modal-xl {
        max-width: 1400px;
    }
    .vertical-align-dashboard {
        left: -393px;
    }
    .submit-btn .btn-send {
        font-size: 24px;
        max-width: 350px;
        margin-left: auto !important;
        margin-right: auto !important;
        display: block;
    }
    .solu-category .solu7-hover-img img {
        height: 270px;
    }
    .solu-category .card-img-top {
        height: 270px !important;
    }
    .solu-category .card {
        height: 270px;
    }
    div .tab-service {
        position: absolute;
        bottom: 0;
    }
    .single-solution .tittle-black-outline-4 {
        bottom: calc(-100% - -450px);
    }
    .productImg .carousel-caption {
        top: -130px;
    }
    .pro-title-dsn {
        padding: 25px 20px;
    }
    .tab-list-grp.product-sec {
        position: absolute;
        top: 165px;
    }
    .pro-title-dsn h5 {
        font-size: 18px;
    }
    .pro-title-dsn h4 {
        font-size: 25px;
    }
    .pro-data-value {
        background: url("../images/projects/project-value-bg.png") no-repeat top center;
        background-size: contain;
        height: 250px;
        margin-bottom: 20px;
    }
    .data-value-block p {
        font-size: 13px;
    }
    .data-value-block h5 {
        font-size: 18px;
    }
    .data-value-block h5 span {
        font-size: 15px;
    }
    .data-value-block svg{
        width: 50px;
        height: 50px;
    }
    .pro-data-details p {
        font-size: 15px;
    }
    .pro-data-details h5 {
        font-size: 18px;
    }
    .pro-data-details .data-block.text-start {
        padding: 15px 10px;
    }
    .pro-data-details .data-block {
        padding: 9px;
    }
    .pro-tab-chart p, .pro-tab-chart button {
        font-size: 15px;
        padding: 10px 25px;
    }
    .pro-data-1, .pro-data-3 {
        top: 100px;
    }
    .pro-tab-chart {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .pro-data-1 {
        left: 20px;
    }
    .pro-data-3 {
        left: -20px;
    }
    #fixed-top .navbar-brand img {
        width: 230px;
        height: 92px;
    }
    .map-address {
        width: 385px;
    }
    .map-address p {
        font-size: 16px;
    }
    .contact-form {
        right: -765px;
    }
    .onWhatsapp {
        top: 215px;
    }
    .onWhatsapp img{
        width: 75px;
    }
    .navbar-dsn .nav-link.row {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .nav-contact-info a {
        font-size: 21px;
    }
    .nav-sm-dsn svg{
        width: 35px;
        height: 35px;
    }

    .align-text,
    .footer-button,
    .right-footer,
    .footer-details,
    .align-v1,
    .footer-number,
    .email-label, 
    .email-info,
    .right-bottom, 
    .copy-footer{
        font-size: 21px;
    }
    .footer-contact-detail svg{
        width: 50px;
        height: 50px;
    }
    .footer-div {
        padding: 60px 100px;
    }
    .project-des {
        max-width: 1600px;
        font-size: 24px;
    }
    .pro-title h5 {
        font-size: 15px;
    }
    .main-project{
        display: grid;
        align-items: center;
    }
    .main-project-inner{
        height: 1200px;
    }
    .horizontal-scroll-wrapper {
        left: -825px;
        width: 975px;
    }
    .pro-non {
        height: 765px !important;
    }
    .squares>div {
        width: 450px;
        height: 900px;
        margin-left: 477px;
        margin-bottom: -375px;
    }
    .flip-card {
        width: 495px;
        height: 900px;
    }
    .flip-card .project-img {
        width: 495px;
        height: 900px;
    }
    .progress-bar-sec p{
        font-size: 15px;
    }
    .pro-title h4 {
        font-size: 24px;
    }
    .pro-title p {
        font-size: 21px;
    }
    .pro-tab-chart p {
        padding: 10px 25px;
        font-size: 21px;
        margin-top: 15px;
        margin-bottom: 20px;
    }
    .chartsection{
        height: 300px; 
    }
    .pro-title {
        padding: 30px;
    }
    .pro-details {
        padding: 30px 20px;
    }
    .product-cart {
        width: 50px;
        height: 50px;
        right: 85px;
    }
    .product-sunshine-info, 
    .product-sunempawa-info, 
    .product-sunsmart-info {
        width: 50px;
        height: 50px;
    }
    .product-des-item img {
        width: 80px;
        height: 80px;
        object-fit: contain;
    }
    .content-icon-text {
        font-size: 24px;
        letter-spacing: 1px;
    }
    .product-detail {
        font-size: 20px;
        line-height: 1.5;
    }
    .content-text {
        font-size: 24px;
    }
    .navbar-toggler {
        font-size: 2.25rem;
    }
    .product-item img {
        width: 55px;
        height: 55px;
    }
    .product-item img.product-img {
        width: 150px;
        height: 150px;
        margin-bottom: 30px;
    }
    .form-control {
        font-size: 1.5rem !important;
    }
    .dashboard_design li .number {
        width: 35px;
        height: 35px;
    }
    .dashboard_design li i {
        padding: 5px;
    }
    .clear-content-grp .col-lg-8.col-md-12{
        width: 55%;
    }
    .col-lg-4.col-md-12.about-para{
        width: 40%;
    }
    .dashboardpositionoption {
        font-size: 1.5rem !important;
    }
    .single-job-details img {
        width: 20px;
        margin-right: 10px;
    }
    #jobdetails img{
        width: 20px;
        margin-right: 10px;
    }
    .btn-light-green,
    .btn-gra-green {
        font-size: 24px;
    }

    .line {
        width: 36px;
        height: 3px;
    }

    .h3,
    h3 {
        font-size: 2.5rem;
    }

    #jobdetails h5,
    .single-job-details h5 {
        font-size: 24px;
    }

    #jobdetails p.small,
    .single-job-details p.small {
        font-size: 18px;
    }

    #jobdetails p,
    .single-job-details p {
        font-size: 20px;
    }

    #jobdetails h6,
    .single-job-details h6 {
        font-size: 20px;
    }

    .btn-grn-bor {
        font-size: 20px;
    }

    #jobTab h3 {
        font-size: 20px;
    }

    .btn-green {
        font-size: 24px;
    }

    #jobTab h5 {
        font-size: 18px;
    }

    .hca-list li {
        font-size: 24px;
        max-width: 600px;
    }

    .grn-nav .line:nth-child(1) {
        top: -5px;
    }

    .grn-nav .line:nth-child(2) {
        top: 4px;
    }

    .grn-nav .line:nth-child(3) {
        width: 26px;
        top: 12px;
    }

    .sm-sec {
        right: 175px;
    }

    .btn-line-white.small {
        font-size: 20px;
    }

    .btn-line-white {
        padding: 6px 32px;
    }

    .ul-sm-link img {
        width: 40px;
        height: 35px;
    }

    .chat-line::before {
        left: -20px;
        height: 30px;
    }

    .description-sec p {
        font-size: 21px;
    }

    .description-sec h3 span {
        font-size: 20px;
    }

    .icon-sec p {
        font-size: 22px;
    }

    .subtitle-dsn-1 {
        font-size: 42px;
    }

    .clear-content-grp h4 {
        font-size: 3.5rem;
    }

    body {
        font-size: 24px;
    }

    .solu-category .card-title h5 {
        font-size: 15px;
    }

    .solution-sub-detail img {
        width: 75px;
    }

    .sub-title h3 {
        font-size: 60px;
    }

    .btn-dsn-1 {
        font-size: 24px;
    }

    /* .single-solution .tittle-black-outline-4 {
        display: none;
    } */

    div .solution7Carousal .card-img-top {
        height: 800px;
    }
    .solution7Carousal .carousel-item {
        height: 800px;
    }

    .solu7-hover-img img {
        height: 800px;
    }

    .tittle-black-outline-5 {
        font-size: 120px;
        left: -220px;
        letter-spacing: 5px;
    }

    .tab-list li {
        width: 250px;
        margin-left: 0;
        margin-right: 50px;
    }

    /* .tab-list li img {
        height: 150px;
    } */

    .product-sec .tab-list {
        top: -30px;
    }

    .product-lrg-pt {
        padding-top: 300px;
    }

    .productImg .carousel-inner {
        height: 900px;
    }

    .productImg .slider-img {
        height: 600px;
    }

    .productImg h5 {
        font-size: 26px;
    }

    .productImg p {
        font-size: 33px;
    }

    .productImg .carousel-control-next img,
    .productImg .carousel-control-prev img {
        width: 60px;
    }

    .productImg .carousel-control-next {
        bottom: 235px;
    }

    .productImg .carousel-control-prev {
        bottom: 185px;
    }

    .productImg .carousel-item {
        height: calc(100% - 130px);
    }

    .productImg .carousel-indicators [data-bs-target] {
        width: 80px;
        height: 80px;
    }

    .productImg .carousel-indicators img {
        width: 80px;
        height: 80px;
        object-fit: contain;
    }

    .product-sub-title h3 {
        font-size: 51px;
        margin-bottom: 25px;
    }

    .product-sub-title p {
        max-width: 325px;
        font-size: 28px;
    }

    .productImgTwo .slider-img {
        height: 1150px;
    }

    .product-c02 h3 {
        font-size: 50px;
    }

    .product-c02 h5 {
        font-size: 24px;
    }

    .product-c02 img {
        width: 100px;
    }

    .product-c02 {
        padding: 25px;
    }

    .product-des-item .single-item h5 {
        font-size: 20px;
    }

    .product-des-item .single-item p {
        font-size: 18px;
    }

    .product-des-item .single-item img {
        width: 60px;
        height: 60px;
    }

    .product-des-item .single-item p span {
        font-size: 17px;
    }

    /* .tittle-black-outline-3 {
        font-size: 140px;
    } */

    .title-bg-dsn {
        font-size: 75px;
    }

    #ServiceSevenTitleCarousal p {
        font-size: 28px;
    }

    .solution7-arrow {
        right: -75px;
        top: calc(50% - 75px);
        width: 150px;
        height: 150px;
    }

    .service-arrow {
        left: -65px;
        top: calc(50% - 75px);
        width: 150px;
        height: 150px;
    }

    .onSolutionDetail .text,
    .service-arrow .text {
        width: 100px;
    }

    .solution7-arrow .arrow,
    .service-arrow .arrow {
        width: 30px;
        height: 30px;
        left: calc(50% - 30px);
    }

    #ServiceSevenImgCarousal .carousel-item img {
        height: 1300px;
    }

    .gacarousel {
        height: 1300px;
    }

    .ServiceSevenCategory h4 {
        font-size: 45px;
    }

    .ServiceSevenCategory button {
        font-size: 26px;
    }

    .ServiceSevenCategory button {
        padding-bottom: 20px;
        font-size: 30px;
        padding-top: 20px;
    }

    .ServiceSevenCategory button img {
        width: 30px;
    }

    .bg-service-d7 {
        padding-top: calc(50vh - 700px);
    }

    .single-service-main-title.show {
        margin-left: 60px;
    }

    .service-arrow-back {
        left: 37.5px;
        top: calc(57% - 46.5px);
    }

    .service-title-section::before {
        left: 60px;
    }

    .service-title-section p {
        font-size: 28px;
    }

    .engineering-img img {
        height: 450px;
    }

    .single-service-title {
        font-size: 36px;
    }

    .single-service-details h4 {
        font-size: 32px;
    }

    .single-service-details p {
        font-size: 23px;
    }

    .single-service-details {
        height: 1100px;
    }

    .tab-service button {
        font-size: 26px;
    }

    .map-location {
        margin-top: 100px;
        margin-bottom: 100px;
    }

    .contact-header h2 {
        font-size: 55px;
    }

    .followus p {
        font-size: 28px;
    }

    .followus li img {
        width: 50px;
    }

    .onContactForm img {
        width: 125px;
    }

    .contact-form {
        padding: 60px 50px;
    }

    .contact-form .close {
        width: 50px;
    }

    .input-dsn {
        width: 550px;
        height: 60px;
        font-size: 20px;
    }
    div .vertical-align-jobquery {
        top: 150px;
        left: -800px;
    }
    .btn-reset, .btn-send {
        font-size: 21px;
        letter-spacing: 1.5px;
    }
    .error {
        font-size: 18px;
    }
    .employee-details p a {
        font-size: 18px;
    }

    .grp-form {
        margin-bottom: 20px;
    }

    .btn-submit {
        padding: 12px;
        font-size: 22px;
    }

    .address-block .map-icon:before,
    .address-block p:before {
        background-size: 34px 34px !important
    }

    .onminimize {
        right: 30px;
        width: 40px;
    }
}

@media only screen and (max-width: 1600px) {
    .cleantitle h3 {
        font-size: 185px;
    }

    .about-para {
        padding: 40px 40px 30px;
    }

    .what-pad {
        padding-top: 40px;
    }

    .about-para {
        padding: 0px 10px;
    }

    .clear-content-top-sec {
        left: -100px;
    }

    /* .single-service-details p {
        line-height: 1.25;
    } */

    .tab-service button {
        padding: 15px 20px;
    }
    .dashboard_design li {
        min-width: 200px;
    }
    .solu-category .card-title .col-auto {
        display: block;
        width: 100%;
    }
}
@media only screen and (max-width: 1599px){
    /* .pro-tab-chart{
        display: none;
    } */
    #chartContainer{
        display: none;
    }
    .pro-data-value{
        margin-bottom: 30px;
    }
}
@media only screen and (max-width: 1500px) {
    .solution-7-details {
        padding-top: 80px;
        padding-left: 150px;
    }

    .align-v1 {
        margin-left: 0px;
    }
    /* .single-solution .tittle-black-outline-4 {
        display: none;
    } */

    .map-img-mob {
        display: block;
    }

    .map-img {
        display: none;
    }
    .map-img-mob .map-address {
        position: relative;
        margin-bottom: 55px;
        min-width: 350px;
        min-height: 250px;
    }
    .map-img-mob  .address-details{
        display: block !important;
    }
    .contact-header p {
        margin-left: 100px;
    }
    .tittle-black-outline-8 {
        font-size: 75px;
        transform: rotate(0deg);
        left: 100px;
        top: 100px;
    }
    section#contact-us {
        padding-top: 100px;
    }
    .solu-category {
        padding-left: 15px;
    }

    .sub-title h3 {
        font-size: 30px;
    }

    .solution-single-data {
        padding: 50px 50px;
    }

    .solution-single-data p {
        line-height: 1.5;
    }

    .title-bg-dsn {
        font-size: 50px;
        margin-bottom: 15px;
    }

    .tab-service button {
        padding: 15px 20px;
        font-size: 14px;
        margin-right: 10px;
    }
}


@media only screen and (max-width: 1500px) {
    .navbar.pt-4.fixed-top{
        padding-top: 0.5rem!important;
    }
    .navbar-toggler.grn-nav {
        margin-top: 20px;
    }
    .product-sec .tab-list {
        top: 40px;
    }
    .mh-100vh {
        min-height: auto;
    }
    
    .dynamic-style {
        display: none !important;
    }
    .dynamic-style {
        display: block !important;
    }
    .foot-nav-2 {
        gap: 55px;
    }
    .foot-contact-ph{
        gap: 15px;
    }
    .footer-div {
        padding: 50px 55px;
    }
    .ph-country {
        display: flex;
        gap: 15px;
    }

    .dynamic-style h2 {
        font-family: 'Raleway Black';
        -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: #30303050;
        color: transparent;
        position: relative;
        text-transform: uppercase;
        top: 53px;
        left: 45px;
        font-size: 75px;
        display: block;
    }
    .project-des {
        position: relative;
        left: 0;
    }

    .horizontal-scroll-wrapper {
        top: 150px;
    }

    .tittle-black-outline-9 {
        /* font-size: 75px; */
        transform: rotate(0deg);
        /* left: 70px;
        top: -85px; */
    }
    .tittle-black-outline-9 {
        font-size: 75px;
        transform: rotate(0deg);
        left: -2px;
        top: 0px;
        position: relative;
    }
    .main-project {
        min-height: 1000px;
        padding: 50px 50px 0 50px;
    }
    .productImgTwo .slider-img {
        height: 595px;
    }
    .productImg .slider-img {
        height: 300px;
    }
    .productImg .carousel-inner {
        height: 495px;
    }
    .description-sec h3 {
        font-size: 22px;
    }

    .cleantitle h3 {
        font-size: 150px;
    }

    #joinus {
        padding-left: 50px;
        padding-right: 50px;
    }

    .clear-content-btm-sec h1 {
        font-size: 25px;
    }

    .about-para p {
        letter-spacing: 0.5px;
        font-size: 12px;
    }

    .section {
        scroll-snap-align: none;
    }

    .solution-7 .mh-100vh {
        min-height: auto;
    }

    .solution-bg-main {
        display: none;
    }


    .tab-algn-dash {
        width: 100%;
    }

    .tab-algn-dash-non {
        display: none;
    }

    .solution-single-data {
        position: relative;
    }

    .solution-single-data-btn {
        content: "1";
        position: absolute;
        left: 20px;
        top: 52px;
        width: 20px;
        height: 20px;
        opacity: 0.3;
        display: block
    }

    .solution-rgt-dsn-sec {
        width: 100%;
    }

    .product-sub-title h3 {
        font-size: 32px;
    }

    .tittle-black-outline-5 {
        font-size: 75px;
        transform: rotate(0deg);
        left: 57px;
        top: -85px;
    }

    .tittle-black-outline-3 {
        font-size: 75px;
        transform: rotate(0deg);
        left: 4px;
        top: -105px;
    }

    .bg-service-d7 {
        padding: 150px 50px 100px;
    }

    #ServiceSevenTitleCarousal .carousel-item {
        height: 300px;
    }

    .ser-block-1-res {
        width: 100%;
    }

    .ser-block-2-res,
    .ser-block-3-res {
        width: 50%;
    }

    .product-lrg-pt {
        padding-top: 150px;
        padding-bottom: 50px;
    }

    .tab-details {
        padding-left: 30px;
        padding-right: 30px;
    }

    .product-res-tab {
        width: 100%;
    }

    .navbar {
        background: #fff;
        box-shadow: 0 10px 10px -10px #00000057;
    }

    .tab-list li.active {
        display: inline-block;
    }

    .tab-list li {
        width: 110px;
        margin-left: 30px;
    }

    .tab-list li.active {
        width: 135px;
    }

    .ServiceSevenCategory {
        width: calc(100% - 60px);
        left: 30px;
    }

    .service-detail {
        height: auto;
    }

    .service-arrow-back {
        top: calc(53% - 46.5px);
    }

    .tab-service {
        position: relative;
        /* top: 23px; */
    }

    

    .address-grp .col {
        flex: initial;
        width: 33%;
    }
}

@media only screen and (max-width: 1400px) {
    #ServiceSevenTitleCarousal::before {
        background: #f8f8f8;
    }
    .offcanvas-header.nav-close-dsn {
        padding: 30px 125px 10px 0;
    }
    .navbar-dsn .nav-link.row {
        padding-top: 13px;
        padding-bottom: 13px;
    }
    .nav-btm-dsn {
        position: relative;
        padding: 20px 15px;
    }
    
}
@media only screen and (max-width: 1300px) {
    .map-img-mob .map-address {
        min-height: 200px;
    }
    .col-lg-9.job-data-sec, #jobDiscription{
        width: 100%;
    }
    .map-img .map {
        width: 100%;
        position: relative;
        top: 34px;
        left: -12px;
    }

    .map-icon {
        position: static;
    }

    .map-address {
        position: sticky;
    }
    .description-sec p {
       display: none;
    }

}
@media only screen and (max-width: 1025px) {
    .vertical-align-dashboard {
        transform: rotate(0deg);
        top: 0px;
        font-size: 20px;
        left: -1px;
    }
    .joinus-benefit-details h4 {
        /* padding-top: 40px; */
        margin-bottom: 15px !important
    }
    #jobdetails .carousel-item {
        height: 140px;
    }
    .joinus-benefit-details .modal-body {
        padding-left: 20px;
        padding-right: 20px;
    }
}
@media only screen and (max-width: 991px) {
    #jobdetails .carousel-item {
        height: 170px;
    }
    #jobdetails .carousel-caption {
        top: 0;
    }
    .image-pos {
        margin-bottom: 15px;
    }
    .foot-sm {
        margin-top: 40px;
    }
}
@media only screen and (min-width: 320px) and (max-width:1000px) {
    .icon-uk {
        margin-top: -188px;
        height: 13px;
        transform: translateX(-35px) translateY(-3px);
        /* margin-left: -82px; */
    }
    .contact-header{
        padding-top: 0;
    }

    .add-uk {
        transform: translateX(91px) translateY(-98px);
    }

    .uk_map_dynamic {
        height: 37px;
        width: 78px;
    }

    .uk_map_dynamic.add-png {
        width: 36%;
        height: 1%;
        transform: translateX(276px) translateY(-267px);
        z-index: 2 !important;
        /* margin-top: -33px; */
    }

    .contact-form-icon {
        top: 35px !important;
    }

    .uk_map_dynamic.add-aus {
        width: 110px;
    }

    .uk_map_dynamic.add-sin {
        width: 114px;
        transform: translateX(152px) translateY(-173px);
    }

    .icon-ind {
        transform: translateX(42px) translateY(-131px);
        width: 12px;
    }

    .add-ind {
        /* margin-left: 169px; */
        /* width: 12px; */
        transform: translateX(185px) translateY(-190px);
    }

    .icon-sin {
        transform: translateX(82px) translateY(-157px);
        width: 13px;
    }

    .add-sin {
        /* margin-top: -249px;
        margin-left: 216px; */
    }

    .map-address.add-png {
        left: 0;
        bottom: 0;
    }

    .map-address.add-aus {
        left: 0;
        bottom: 0;
        transform: translateX(184px) translateY(-250px);
    }
}
@media only screen and (max-width: 1200px) {
    .pro-data-value {
        max-width: 300px;
        margin-left: auto;
        margin-right: auto;
    }
    .pro-data-details .data-block svg path{
        fill:  #23b14d ;
    }
    .pro-data-details .data-block.text-start {
        padding: 15px 15px;
    }
    .pro-data-details .data-block{
        padding: 15px;
    }
    .pro-data-details {
        margin-bottom: 10px;
    }
    .chart-product{
        height: 300px !important;
    }
    .main-project {
        min-height: 800px;
    }
    .foot-nav-2 {
        gap: 25px;
    }
    .foot-contact-ph {
        display: block;
    }
    .main-project {
        padding: 100px 50px 0 50px;
    }
    .pro-des-d-none{
        display: block;
    }
    .pro-mob-d-none{
        display: none;
    }
    .project-details {
        box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);
        border-radius: 5px;
        overflow: hidden;
        margin-bottom: 25px;
    }
    .project-details-des {
        padding: 15px 0;
    }
    img.pro-img {
        width: 100px;
        height: 100px;
        border-radius: 15px;
        box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);
    }
    .project-details h4 {
        color: #303030;
        text-align: center;
        font-size: 20px;
        font-weight: 600;
    }
    .project-details-title .col{
        display: flex;
        align-items: center;
    }
    .project-details-title{
        padding: 15px;
        background: #EBEBEB;
    }
    .description-sec h3 {
        display: none;
    }
    /* carousel project  */


    #carouselProjects {
        margin-bottom: 75px;
        max-width: 650px;
        margin-left: auto;
        margin-right: auto;
    }

    #carouselProjects .carousel-item {
        min-height: 950px;
        /* background: #cccccc54; */
    }
    #carouselProjects .carousel-caption {
        top: 0;
        left: 0;
        right: 0;
        padding: 10px;
    }
    #carouselProjects .carousel-control-next, 
    #carouselProjects .carousel-control-prev {
        height: 30px;
        bottom: -35px;
        top: auto;
        right: 15px;
    }
    #carouselProjects .carousel-control-prev {
        height: 30px;
        bottom: -65px;
        top: auto;
        right: 15px;
        left: auto;
    }
    #carouselProjects .carousel-indicators button{
        display: none;
    }
    #carouselProjects .carousel-indicators [data-bs-target]{
        text-indent: 0;
    }
    #carouselProjects .carousel-indicators  .active {
        display: block;
        background: transparent;
        font-size: 21px;
        font-family: 'Raleway SemiBold';
        color: #858585;
        height: 30px;
        /* margin: 0; */
    }
    #carouselProjects .carousel-indicators {
        margin-left: 15px;
        bottom: -75px;
        justify-content: flex-start;
    }
    #carouselProjects .count {
        margin-top: 18px;
        font-size: 13px;
        color: #9f9f9f;
    }
    #carouselProjects .count span {
        color: #e5e5e5;
    }
    #carouselProjects .progress-bar-sec .col{
        padding-left: 10px;
        padding-right: 10px;
    }

    /* carousel project */



    #productsec {
        padding-bottom: 50px;
    }
    .product-item img.product-img {
        width: 50px;
        height: 50px;
    }
    .productImgTwo .slider-img {
        height: auto;
        object-fit: cover;
    }
    .sunshine-slider02,
    .sunempawa-slider02, 
    .sunsmart-slider02{
        display: none;
    }
    .product-details{
        width: 100%;
    }
    .product-des-tab-view{
        display: flex;
        align-items: center;
    }

    #cleansec .cl-img,
    #cleansec .clear-content,
    #cleansec .clear-content-btm-sec {
        display: none;
    }

    .about-para {
        width: 100%;
    }

    .product-res-caro2,
    .product-res-caro1 {
        width: 50%;
    }

    .product-res-caro3 {
        width: 100%;
        margin-top: 30px;
    }

    .service-title-section p {
        line-height: 1.5;
    }

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

    .service-title-section {
        padding-left: 0;
        padding-right: 0;
    }

    .res-joinus-1 {
        width: 100%;
    }

    

    .hca-list li {
        max-width: 100%;
    }
}

@media only screen and (max-width: 1000px) {
    #jobTab.nav-tabs {
        border-bottom: 0px solid #dee2e6;
        display: flex;
        /* white-space: nowrap; */
        flex-wrap: inherit;
        overflow-x: auto;
        margin-bottom: 15px;
        padding-bottom: 0px;
    }
    /* width */
    #jobTab.nav-tabs::-webkit-scrollbar {
    height: 2px;
  }
  
  /* Track */
  #jobTab.nav-tabs::-webkit-scrollbar-track {
    background: #e9e9e9;
  }
  /* Handle */
  #jobTab.nav-tabs::-webkit-scrollbar-thumb {
    background: #23B14D; 
    /* border-radius: 10px; */
  }
    .login-button-track{
        text-align: center;
    }
    .job-details .carousel-caption .col-md-3.text-md-end p{
        display: none;
    }
    .job-query-button-track{
        width: 100% !important;
        text-align: center;
    }
    .form-align {
        position: relative;
        top: -20px;
    }
    .job-query-button-track button{
        margin-left: 10px;
        margin-bottom: 10px;
    }
    .btn-grn-bor {
        padding: 8px 15px;
        max-width: 100%;
        width: 100px;
        text-align: center;
    }
    .iti {
        width: 100%;
    }
    .captcha-label {
        width: 100%;
    }
    #cleansec {
        height: 700px;
    }

    #cleanVideo {
        height: 700px;
    }

    .sm-sec {
        display: none;
    }

    .nav-menu {
        width: 80px;
    }

    .nav-logo {
        width: calc(100% - 80px);
    }

    #solution7CarousalMob {
        display: block;
    }

    #solution7Carousal {
        display: none;
    }

    .solution7Carousal {
        padding-left: 90px;
    }

    .solution7Carousal {
        padding-left: 90px;
        padding-right: 90px;
    }

    .solution-7-details {
        padding-left: 90px;
        padding-right: 90px;
    }

    .solution-7-details .title-dsn-2 {
        font-size: 39px;
    }

    .solution7Carousal .carousel-control-next,
    .solution7Carousal .carousel-control-prev {
        top: auto;
        width: 11%;
        height: 50px;
        left: 12px;
    }

    #ServiceSevenImgCarousal .carousel-item img {
        height: 500px;
    }

    .gacarousel {
        height: 500px;
    }

    .single-service-details {
        height: auto;
    }

    .single-service-details {
        padding-left: 35px;
    }

    .tab-service {
        padding-left: 35px;
    }

    .ser-shw-mob {
        display: block;
    }

    .ser-hid-mob {
        display: none;
    }

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

    .ser-shw-mob .tittle-black-outline-3 {
        top: -44px;
        position: relative;
    }

    .title-bg-dsn {
        font-size: 33px;
    }

    .address-grp .col {
        width: 50%;
    }

    .login-module .col-md-5,
    .login-module .col-md-7 {
        width: 100%;
    }

    .login-module .col-md-5 {
        text-align: left !important;
    }

    #jobTab .nav-link {
        margin-bottom: 15px;
    }

    .input-dsn {
        /* width: 400px; */
        width: 100%;
    }

    /* .login-module .col-md-7 {
        margin-top: 0;
    } */

    .joinus-benefit-details p.form-link {
        margin-left: 0;
        text-align: right;
        margin-top: 20px;
        margin-bottom: 40px;
    }

    .offset-md-5 {
        margin-left: 0;
    }
}


@media only screen and (max-width: 767px) {
    #joinus {
        padding-left: 20px;
        padding-right: 20px;
    }
    #joinus .col-md-8.pe-5{
        padding-right: 15px !important
    }
    .single-job-details .text-end {
        text-align: left!important;
    }
    #jobdetails .carousel-item {
        height: 250px;
    }
    .bg-service-d7 {
        padding: 50px 50px 10px;
    }
    .product-sec .tab-list {
        top: -5px;
    }
    .pro-data-value .col-md-4{
        width: 33%;
    }
    .tittle-black-outline-5 {
        font-size: 45px;
    }
    .product-lrg-pt {
        padding-top: 100px;
    }
    .product-des-tab-view{
        display: none;
    }
    div .dynamic-style h2 {
        font-size: 45px;
    }
    .navbar-dsn .dsn-nav-link {
        height: 35px;
    }
    .nav-link-del {
        font-size: 24px;
    }
    .navbar-dsn .nav-link:hover .nav-link-del {
        top: -36px;
    }
    .navbar-dsn .nav-link.row {
        padding-top: 12px;
        padding-bottom: 12px;
    }
    #productSmartCarousel .carousel-caption,
    #productSunshineCarousel .carousel-caption,
    #productEmpawaCarousel .carousel-caption
    {
        padding-bottom: 0.25rem;
    }

    #productSmartCarousel .carousel-caption p,
    #productSunshineCarousel .carousel-caption p,
    #productEmpawaCarousel .carousel-caption p
    {
        margin-bottom: 5px;
        font-size: 12px;
    }

    
    
    .main-project {
        min-height: auto;
        padding: 20px;
    }
    div .tittle-black-outline-9 {
        transform: rotate(0deg);
        position: relative;
        font-size: 45px;
        top: 0;
        left: 0;
    }
    div .project-des {
        position: relative;
        left: 0;
        font-size: 14px;
        line-height: 1.5;
    }
    .product-image-small{
        height: auto;        
    }
    .product-c02 img{
        width: 45px;
    }
    .product-c02 h3 {
        font-size: 21px;
    }
    .product-c02 h5 {
        font-size: 12px;
    }
    .product-c02 {
        padding: 10px;
    }
    

    .dashboard {
        padding: 120px 30px;
    }

    .icon-sec {
        bottom: 15px;
    }

    .solution-sub-detail .col-auto {
        padding-right: 0px;
    }

    .product-res-caro2,
    .product-res-caro1 {
        width: 100%;
    }

    .product-res-caro2 {
        margin-top: 50px;
    }

    .productImgTwo .slider-img {
        height: auto;
    }

    .productImg .slider-img {
        height: 300px;
    }

    .productImg .carousel-inner {
        height: 450px;
    }

    .tab-list li img {
        height: 55px;
    }

    .ser-block-2-res,
    .ser-block-3-res {
        width: 100%;
    }

    .ser-block-3-res {
        padding-top: 50px;
    }

    #ServiceSevenImgCarousal .carousel-item img {
        height: 400px;
    }

    .gacarousel {
        height: 400px;
    }

    .ServiceSevenCategory {
        position: relative;
        bottom: 0;
        margin-top: 0;
        top: -100px;
    }

    #ServiceSevenTitleCarousal .carousel-item {
        height: 250px;
    }

    .ServiceSevenImgTwoCarousal {
        display: none;
    }

    #ServiceSevenImgTwoCarousal {
        display: none;
    }

    .mob-view-service {
        display: block;
    }

    .des-view-service {
        display: none;
    }

    .tittle-black-outline-3 {
        font-size: 45px;
        position: relative;
        top: 0;
    }

    .engineering-img img {
        margin-top: 5px;
        margin-bottom: 40px;
    }

    .single-service-details {
        padding-left: 0px;
    }

    .address-block p {
        padding-left: 35px;
    }

    .address-block {
        padding: 10px;
        margin-bottom: 20px;
    }

    .address-grp .col {
        padding-left: 7px;
        padding-right: 7px;
    }
    .map-img-mob .map-address {
        margin-left: 15px;
        margin-right: 15px;
        min-width: 300px;
    }
}


@media only screen and (max-width: 640px) {
    .solution-7-details {
        padding-top: 37px;
    }
    .dynamic-style h2 {
        top: 40px;
        left: 70px;
    }
    .icon-sec {
        display: none;
    }
    .nav-menu .offcanvas-body {
        padding-right: 0;
    }
    .offcanvas-header.nav-close-dsn {
        padding: 30px 50px 10px 0;
    }
    .nav-sm-dsn {
        gap: 20px;
    }
    .nav-contact-info {
        display: flex;
        gap: 10px;
        flex-wrap: wrap;
    }
    .nav-contact-info .right-line:after {
        display: none;
    }
    .productImg .carousel-inner {
        overflow: initial;
    }
    .productImg .carousel-caption {
        top: -110px;
        left: 0;
        right: 0;
    }
    div.productImg {
        margin-top: 210px;
    }
    .productImg h5 {
        color: #151515;
        font-family: 'Raleway';
        font-size: 16px;
    }
    .productImg p {
        color: #23b14d;
        font-family: 'Raleway SemiBold';
        font-size: 25px !important;
    }

    .clear-content-grp {
        padding: 35px;
    }

    .solution7Carousal {
        padding-top: 50px;
        padding-left: 70px;
        padding-right: 70px;
    }

    .solution-7-details .title-dsn-2 {
        font-size: 30px;
    }

    div .solution-7-details {
        padding-left: 70px;
        padding-right: 70px;
        left: 0;
    }

    .offcanvas-end {
        width: 300px;
    }

    .navbar-nav .nav-link {
        font-size: 21px;
        margin-bottom: 20px;
    }

    .onminimize {
        display: none;
    }

    .address-grp {
        padding-left: 25px;
        padding-right: 25px;
    }
}

@media only screen and (max-width: 575px) {
    .footer-margin {
        margin-top: 55px;
    }
    .contact-form {
        width: calc(100% - 10px);
    }
    .footer-div {
        padding: 50px 25px;
    }
    .footer-div h3 {
        color: #FFF;
        font-size: 30px;
        font-weight: 600;
        padding-bottom: 30px;
    }
    #cleansec {
        height: 800px;
    }
    .footer-button {
        width: 100px;
    }
    .footer-input {
        width: calc(100% - 100px);
    }

    #cleanVideo {
        height: 800px;
    }

    .tab-list li {
        margin-left: 15px;
    }

    .productImg .carousel-control-next,
    .productImg .carousel-control-prev {
        right: 10px;
    }

    .tittle-black-outline-5 {
        font-size: 45px;
        top: -60px;
        left: 40px;
    }

    .product-lrg-pt {
        padding-top: 95px;
    }
    .tittle-black-outline-9 {
        font-size: 45px;
        
    }
    .map-img-mob .map-address {
        margin-left: auto;
        margin-right: auto;
    }
    .job-query-button-track .btn-reset,  .job-query-button-track .btn-send {
        padding: 10px 30px;
    }
}



@media only screen and (max-width: 1000px) {
    .project-des {
        position: relative;
        left: 0;
    }
    .horizontal-scroll-wrapper {
        top: -55px;
        margin-left: -69px;
    }
}




@media only screen and (max-width: 480px) {
    #ServiceSevenTitleCarousal .carousel-item {
        height: 355px;
    }
    .navbar-dsn .nav-link.row  .col-auto{
        display: none;
    }
    .nav-btm-dsn {
        padding: 20px 15px;
    }
    .nav-link-del {
        font-size: 18px;
    }
    .navbar-dsn .dsn-nav-link {
        height: 25px;
    }
    .navbar-dsn .nav-link:hover .nav-link-del {
        top: -30px;
    }
    .nav-contact-info a {
        font-size: 15px;
    }
    div.productImg {
        margin-top: 225px;
    }
    .product-c02{
        display: none;
    }
    .what-pad {
        padding-top: 15px;
    }
    
    .footer-button {
        width: 100%;
        margin-left: 0;
    }
    .footer-input {
        width: 100%;
    }

    #home-slider .px-5 {
        padding-right: 15px !important;
        padding-left: 15px !important;
    }

    #ServiceSevenTitleCarousal .carousel-item {
        height: 500px;
    }

    .title-bg-dsn {
        font-size: 36px;
        margin-bottom: 15px;
    }

    #ServiceSevenTitleCarousal::before {
        display: none;
    }

    .tab-service button img {
        margin-left: 5px;
    }

    .tab-service button {
        padding: 10px 10px;
        position: relative;
        top: -30px;
    }

    .service-arrow-back {
        left: -15.5px;
        width: 72px;
        height: 72px;
    }

    .service-arrow-back .text {
        width: 55px;
    }

    .address-grp .col {
        width: 100%;
    }
}


@media only screen and (max-width: 420px) {  
    #carouselProjects .carousel-item {
        min-height: 950px;
    }  
    .contact-form {
        padding: 50px 25px;
    }
    #ServiceSevenTitleCarousal .carousel-item {
        height: 365px;
    }
    .foot-nav {
        gap: 20px;
    }
    
    .solution7Carousal {
        padding-right: 20px;
    }
    .project-details h4 {
        font-size: 14px;
    }
    .pro-details .img{
        display: none;
    }
    .pro-details p{
        font-size: 13px;
    }
    .solution-7-details {
        padding-right: 20px;
    }

    .service-arrow {
        left: -15.5px;
        width: 72px;
        height: 72px;
    }

    .service-arrow .text {
        width: 55px;
    }

    .bg-service-d7 {
        padding: 120px 30px 15px;
    }

    .tittle-black-outline-3 {
        top: -75px;
    }

    .ServiceSevenCategory {
        width: calc(100% - 10px);
        left: 4px;
        padding: 20px;
    }

    .ServiceSevenCategory button {
        padding-left: 40px;
    }
}

@media only screen and (max-width: 375px) {
    .contact-form {
        width: calc(100% - 10px);
    }
    .pro-data-details .data-block svg,
    .data-value-block svg{
        display: none;
    }
    .pro-data-details .data-block.text-start {
        text-align: center !important;
    }
    .pro-data-1 {
        top: 63px;
        left: 15px;
        padding: 15px;
    }
    .pro-data-2 {
        top: 19px;
    }
    .pro-data-3 {
        top: 55px;
        left: -15px;
        padding: 15px;
    }
    .pro-data-details .col-4{
        width: 50%;
    }
    #carouselProjects .carousel-item {
        min-height: 950px;
    }
}
@media only screen and (max-width: 320px) {
    #cleansec {
        height: 1200px;
    }

    #cleanVideo {
        height: 1200px;
    }
    .tab-list-details {
        padding-top: 50px;
    }
    .tittle-black-outline-5 {
        font-size: 36px;
    }
    .pro-data-2 {
        top: -11px;
        padding: 15px;
    }
    .pro-data-1 {
        top: 46px;
        left: 15px;
        padding: 15px;
    }
    .pro-data-3 {
        top: 36px;
        left: -15px;
        padding: 15px;
    }
}

@media only screen and (min-height: 1100px) and (max-height: 1280px) and (min-width: 1600px) and (max-width: 1920px){
    .single-solution .tittle-black-outline-4 {
        bottom: calc(-100% - -325px);
    }
    .ServiceSevenCategory {
        bottom: -5px;
    }
}
@media only screen and (min-height: 800px) and (max-height: 1100px) and (min-width: 1600px) and (max-width: 1920px){
    .description-sec p {
        display: none;
    }

}
@media only screen and (max-height: 1100px) and (min-width: 1300px) and (max-width: 1600px){
    .solution-sub-detail .col-auto {
        padding-right: 50px;
    }
    .description-sec h3 {
        font-size: 24px;
    }
    #ServiceSevenImgCarousal .carousel-item img {
        height: 600px;
    }
    .pro-tab-chart, .chart-product{
        display: none;
    }
    .pro-data-value {
        margin-bottom: 10px;
        margin-top: 10px;
    }
    #ServiceSevenImgCarousal .carousel-item img {
        height: 600px;
    }
    #ServiceSevenImgTwoCarousal .carousel-inner {
        height: 600px !important;
    }
    .ServiceSevenCategory {
        bottom: -70px;
    }
    .solution7Carousal .card-img-top {
        height: 450px;
    }
    .solu-category .card {
        height: 180px;
    }
    .solu-category .card-img-top {
        height: 200px !important;
    }
    .solution-single-data p {
        line-height: 1.25;
    }
    .cleantitle h3 {
        font-size: 165px;
    }
    .clear-content-btm-sec h1 {
        font-size: 30px;
    }
    .about-para p {
        margin-bottom: 0.75rem!important;
        letter-spacing: 0.5px;
    }
    .map-address p {
        font-size: 16px;
    }
    /* .description-sec p {
        display: none;
    } */
    .productImgTwo .slider-img {
        height: 585px;
    }
    .productImg .slider-img {
        height: 300px;
    }
    .productImg .carousel-inner {
        height: 495px;
    }
    .horizontal-scroll-wrapper {
        left: -509px;
        width: 595px;
    }
    .pro-non {
        height: 467.5px !important;
    }
    .squares>div {
        width: 275px;
        height: 550px;
        margin-left: 291px;
        margin-bottom: -229px;
    }
    .flip-card {
        width: 302px;
        height: 550px;
    }
    .flip-card .project-img {
        width: 302px;
        height: 550px;
    }
    .pro-details p{
        font-size: 12px;
    }
    .progress-bar-sec .last{
        font-size: 14px;
    }
    .pro-tab-chart p {
        padding: 5px 15px;        
    }
    .main-project  .pro-title h5{
        display: none;
    }
    .main-project .pro-title p{
        display: none;
    }
    .chartsection{
        height: 160px;
    }
}
@media only screen and (max-height: 1200px) and (min-width: 1300px) and (max-width: 1680px){
.description-sec p {
    display: none;
} 
.service-title-section p {
    line-height: 2;
}
}
@media only screen and (max-height: 800px)  and (min-height: 700px) and (min-width: 1500px)  and (max-width: 1600px)  {
    .pro-data-value {
        margin-bottom: 5px;
        margin-top: 5px;
    }
    .pro-data-details p {
        line-height: 1.25;
    }
    .product-sec .tab-list {
        top: -15px;
    }
    .navbar.pt-4.fixed-top{
        padding-top: 15px !important
    }
    .sm-sec {
        top: 15px;
    }
    .project-chart{
        display: none;
    }
    .data-value-block svg{
        display: none !important;
    }
    .pro-data-3 {
        top: 53px;
    }
    .data-value-block p {
        line-height: 1;
    }
    .service-detail {
        height: calc(100vh - 100px);
    }
    .tab-service {
        padding-left: 20px;
        position: absolute;
        bottom: 0;
    }
    .nav-btm-dsn {
        position: relative;
    }
    .nav-contact-info {
        gap: 45px;
    }
    .offcanvas-header.nav-close-dsn {
        padding: 30px 125px 15px 0;
    }
    .solution7Carousal .card-img-top {
        height: 350px;
    }
    .solu-category .card {
        height: 150px;
    }
    .solu-category .card-title h5 {
        font-size: 10px;
    }
    .single-solution .tittle-black-outline-4 {
        font-size: 51px;
        left: -102px;
        bottom: calc(-100% - -215px);
    }
    .solu-category .card-title {
        display: block;
    }
    .tittle-black-outline-4 {
        font-size: 105px;
        left: -204px;
    }
    #ServiceSevenImgCarousal .carousel-item img {
        height: 565px;
    }
    #ServiceSevenImgTwoCarousal .carousel-inner {
        height: 565px !important;
    }
    .ServiceSevenCategory {
        bottom: -50px;
    }
    .tittle-black-outline-3 {
        font-size: 105px;
        left: -314px;
        top: calc(50% - 77px);
    }
    .tittle-black-outline-5 {
        font-size: 105px;
        left: -177px;
    }
    .tittle-black-outline-9 {
        font-size: 105px;
        left: -329px;
    }

    .title-bg-dsn {
        margin-bottom: 15px;
    }
    .service-title-section p {
        line-height: 2;
    }
    .engineering-img img {
        margin-top: 55px;
    }
    .service-title-section::before {
        background: #f8f8f8;
    }
    .service-arrow-back {
        top: calc(46% - 17.5px);
        width: 71px;
        height: 71px;
        left: -22.5px;
    }
    .service-arrow-back .text{
        width: 60px;
    }
    .bg-service-d7 {
        padding: 100px 110px 0 175px;
    }
    .single-service-details {
        padding-left: 30px;
        height: calc(100% - 70px);
    }
    .single-service-title {
        margin-bottom: 20px;
    }
    .single-service-details p.btm-line {
        padding-bottom: 10px;
        margin-bottom: 10px;
    }
    .product-details {
        max-height: 80vh;
        overflow: auto;
    }
    .product-spec {
        line-height: 1.5;
        font-size: 12px;
    }
    .product-item img.product-img {
        width: 65px;
        height: 65px;
    }
    .product-details .mt-4 {
        margin-top: 0.5rem!important;
        margin-bottom: 0.5rem !important;
    }
    .product-detail{
        margin-bottom: 5px;
    }
    .content-icon-text {
        margin-bottom: 10px;
    }
    .content-text {
        margin-bottom: 20px;
        font-size: 13px;
    }
    .horizontal-scroll-wrapper {
        left: -418.5px;
        width: 487.5px;
    }
    .pro-non {
        height: 382.5px !important;
    }
    .squares>div {
        width: 225px;
        height: 450px;
        margin-left: 238.5px;
        margin-bottom: -187.5px;
    }
    .flip-card {
        width: 247.5px;
        height: 450px;
    }
    .flip-card .project-img {
        width: 247.5px;
        height: 450px;
    }
    .pro-tab-chart, .chartsection{
        display: none;
    }
    .footer-margin {
        margin-top: 55px;
    }
    .clear-grp .clear-content-grp{
        padding: 0 100px;
    }
    .map-address {
        width: 280px;
    }
    .tittle-black-outline-8 {
        font-size: 105px;
    }
}

@media only screen and (max-height: 500px) {
    .icon-sec {
        display: none;
    }
}




@media only screen and (min-width: 1000px) and (max-width: 1450px) {
    .footer-button {
        position: relative;
        /* bottom: 9px; */
    }
}

@media only screen and (min-width: 1440px) and (max-width :1445px) {
    .footer-button {
        position: relative;
        bottom: -1px;
    }
}

/* 
@media only screen and (min-width: 1010px) and (max-width:1300px) {
    .user-details {
        left: 620px !important;
        top: -518px !important;
        width: 300px;
    }

    .cl_tab_li#tab_3 {
        position: relative;
        top: 66px;
        left: -263px;
    }
}

@media only screen and (min-width: 1400px) and (max-width:1450px) {
    .user-details {
        left: 1006px;
    }
} */












@media (min-width: 1450px) {
    .footer-button {
        position: relative;
        bottom: 0px;
        /* font-size: 12px; */
    }
}



@media only screen and (min-width: 768px) and (max-width: 900px) {
    

    .button-text {
        font-size: 12px;
    }

    .tab-service {
        top: -10px;
    }
}






    @media only screen and (min-width: 976px) and (max-width: 1023) {

        .footer-button {
            /* top: -129px; */
            left: -143px;
        }
    }

    @media only screen and (min-width: 1023px) and (max-width: 1025px) {
        .solution-7-details .title-dsn-2 {
            position: relative;
            top: 30px;
        }
    }

    @media only screen and (min-width: 976px) and (max-width: 1023) {

        .footer-button {
            /* top: -129px; */
            left: -143px;
        }
    }

    @media only screen and (min-width: 1023px) and (max-width: 1025px) {
        .solution-7-details .title-dsn-2 {
            position: relative;
            top: 30px;
        }
    }

    @media only screen and (min-width: 1530px) and (max-width: 1600px) {
        /* .solution7Carousal .card-img-top {
            height: 300px;
            width: 100%;
            object-fit: cover;
        } */

        /* #ServiceSevenImgCarousal .carousel-item img {
            width: 100%;
            height: 500px;
            object-fit: cover;
        }

        #ServiceSevenImgTwoCarousal .carousel-inner {
            height: 500px !important;
        } */

        .tittle-black-outline-3 {
            top: 225px;
        }

        .engineering-img {
            position: relative;
            /* top: -118px; */
        }

        .engineering-img img {
            height: 230px;
        }

       
        

        .single-service-details.show {
            position: relative;
            /* top: -112px; */
        }

        /* .tab-list li img {
            position: relative;
            top: 30px;
        } */

        .tab-list li img {
            height: 50px;
        }

        .horizontal-scroll-wrapper {
            top: -7px;
        }

        .project-des {
            position: relative;
            top: -50px;
        }

        .service-title-section p {
            position: relative;
            /* top: -26px; */
        }

        .solution-7-details {
            padding-top: 100px;
        }
    }



    @media only screen and (min-width: 320px) and (max-width: 330px) {
        .vertical-align-dashboard {
            position: relative;
            top: 65px;
        }
    }




@media only screen and (min-width: 1900px) {
    .dashboarduser_details_dom{
        display: flex;
     }
 
     
}




@media only screen and (max-width: 767px) {
    .dynamic-style h2 {
        font-size: 45px;
    }
}

@media (max-width: 321px) {
    .jobapply_button {
        width: 87px;
    }

}

@media (min-width: 650px) and (max-width: 800px) {
    .jobapply_button {
        width: 78px;
    }

    /* .jobApplyText {
        position: relative;
        left: -12px;
    } */

    /* .job-query-button-track {
        position: relative;
        left: 146px;
    } */

    /* .enquiry-button {
        position: relative;
        left: 111px;
        top: -44px;
    } */

    .job-query-modal-content {
        position: relative;
        top: 40px;
    }

}


@media only screen and (min-width: 1400px) and (max-width: 1500px) {
    .dashboarduser_details_dom{
        display: flex;
    }
}



@media (max-width: 321px) {
    .login-rest-btn {
        position: relative;
    }

    .enquiry-button {
        position: relative;
        top: 20px;
        left: -22px;
    }
}


@media (min-width: 1000px) {
    .vertical-align-jobquery {
        transform: rotate(270deg);
        position: relative;
        top: 310px;
        left: -455px;
        letter-spacing: 5px;
        font-family: 'Raleway Black';
        -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: #30303050;
        color: transparent;
        white-space: nowrap;
        font-size: 50px !important;
    }
}

@media (max-width: 1000px) {
    .vertical-align-jobquery {
        position: inherit;
        transform: rotate(0deg);
        margin-top: 50px;
        font-size: 30px !important;
    }
}

@media (max-width: 1000px) {
    .tittle-black-outline-8 {
        transform: rotate(0deg);
        left: 12px;
        font-size: 45px;
        top: 112px;
    }

    .contact-header p {
        position: relative;
        margin-left: 16px;
        top: 67px;
    }

    .followus {
        position: relative;
        top: -13px;
        left: -29px;

    }
    .png-div {
        /* position: relative;
        top: 123px;
        left: 269px; */
    }

    .png-div img {
        width: 12px;
        transform: translateX(95px) translateY(-183px);
    }

    .sin-align {
        position: relative;
        top: -11px;
    }

    .icon-aus {
        /* margin-left: -208px; */
        transform: translateX(108px) translateY(-304px);
        width: 12px;
    }

}


/* @media only screen and (min-width: 1000px) and (max-width:1400px) {
    .tittle-black-outline-8 {
        font-size: 108px;
    }
} */

/* @media (min-width: 1000px) {
    #txtNewInput {
        position: relative;
        left: 185px;
    }
} */
/* @media (min-width: 1850px){
    .user-details{
        left: 1294px;
        top: -505px;
    }
} */


@media (min-width: 2000px) {
    .tittle-black-outline-8 {
        left: -283px;
        top: 499px;
        font-size: 192px
    }
}

@media (min-width: 319px) and (max-width:370px) {
    
    .footer-number{
        white-space: normal;
    }
}

@media (max-width: 1000px) {
    .solutions-7-responsive {
        position: relative;
        left: -61px;
    }
}