@media only screen and (max-width:2200px) {
    .main-slider-three .social-box {
        top: 0
    }
}

@media only screen and (max-width:1800px) {
    .main-slider-three .social-box {
        top: 100px
    }
}
@media only screen and (max-width:1440px){
    .our-history-sec-wrapper ul li{
        margin-left: 10px;
        font-size: 14px;
    }
    .team-block .inner-box .image .social-box{
        left: 0;
    }
    .project-section .btns-outer{
        padding-top: 40px;
    }
}
@media only screen and (max-width:1370px){
    .map-pin.ahmedabad{
        right:auto;
        top:320px;
        left:455px;
    }
    .map-pin.surat{
        right:auto;
        top:345px;
        left:462px;
    }
    .map-pin.baroda{
        right:auto;top:330px;left:470px;
    }
    .map-pin.Himmatnagar{
        right:auto;top:300px;left:465px;
    }
    .map-pin.valsad{
        right:auto;top:360px;left:462px;
    }
    .map-pin.kachchh{
        right:auto;top:300px;left:400px;
    }
    .map-pin.rajkot{
        right: auto;top:330px;left: 420px;;
    }
    .map-pin.pune{
        right:auto;top:410px;left:475px;
    }
    .map-pin.goa{
        right:auto;top:480px;left:485px;
    }
    .map-pin.kolhapur{
        right:auto;top:440px;left:485px;
    }
    .map-pin.nashik{
        right:auto;top:380px;left:485px;
    }
    .map-pin.latur{
        right:auto;top:410px;left:525px;
    }
    .map-pin.pandharpur{
        right:auto;top:425px;left:505px;
    }
    .map-pin.aurangabad{
        right:auto;top:380px;left:525px;
    }
    .map-pin.palghar{
        right:auto;top:390px;left:470px;
    }
    .map-pin.sangli{
        right:auto;top:440px;left:495px;
    }
    .map-pin.nagpur{
        right:auto;top:360px;left:585px;
    }
    .map-pin.Bengaluru{
        right:auto;top:530px;left:555px;
    }
    .map-pin.Belgaum{
        right:auto;top:480px;left:500px;
    }
    .map-pin.Shivamogga{
        right:auto;top:500px;left:515px;
    }
    .map-pin.bagalkot{
        right:auto;top:470px;left:525px;
    }
    .map-pin.manglore{
        right:auto;top:530px;left:505px;
    }
    .map-pin.udupi{
        right:auto;top:520px;left:503px;
    }
    .map-pin.indore{
        right:auto;top:320px;left:535px;
    }
    .map-pin.bhopal{
        right:auto;top:320px;left:575px;
    }
    .map-pin.raipur{
        right:auto;top:350px;left:475px;
    }
    .map-pin.calicut{
        right:auto;top:580px;left:530px;
    }
    .map-pin.kannur{
        right:auto;top:560px;left:520px;
    }
    .map-pin.chennai{
        right:auto;top:540px;left:600px;
    }
    .map-pin.kolakata{
        right:auto;top:320px;left:600px;
    }
    .map-pin.jaipur{
        right:auto;top:230px;left:535px;
    }
    .map-pin.ajmer{
        right:auto;top:250px;left:505px;
    }
    .map-pin.udaipur{
        right:auto;top:270px;left:485px;
    }
    .map-pin.sumerpur{
        right:auto;top:260px;left:455px;
    }
    .map-pin.bhilwara{
        right:auto;top:265px;left:505px;
    }
    .map-pin.jodhapur{
        right:auto;top:240px;left:475px;
    }
    .map-pin.bikaner{
        right:auto;top:210px;left:480px;
    }
    .map-pin.kanpur{
        right:auto;top:235px;left:625px;
    }
    .map-pin.lucknow{
        right:auto;top:220px;left:635px;
    }
    .map-pin.gaziabad{
        right:auto;top:200px;left:565px;
    }
    .map-pin.prayagraj{
        right:auto;top:250px;left:645px;
    }
    .map-pin.gorakhpur{
        right:auto;top:240px;left:665px;
    }
    .map-pin.varanasi{
        right:auto;top:265px;left:660px;
    }
    .map-pin.patna{
        right:auto;top:260px;left:540px;
    }
    .map-pin.bhaglpur{
        right:auto;top:260px;left:560px;
    }
    .map-pin.chhapra{
        right:auto;top:250px;left:530px;
    }
    .map-pin.shivansh{
        right:auto;top:250px;left:560px;
    }
    .map-pin.kishangung{
        right:auto;top:255px;left:585px;
    }
    .map-pin.mahuva{
        right:auto;top:255px;left:575px;
    }
    .map-pin.dehrioson{
        right:auto;top:270px;left:530px;
    }
    .map-pin.ranchi{
        right:auto;top:320px;left:540px;
    }
    .map-pin.jamshedpur{
        right:auto;top:320px;left:560px;
    }
    .map-pin.dhanbad{
        right:auto;top:300px;left:560px;
    }
    .map-pin.deoghar{
        right:auto;top:285px;left:565px;
    }
    .map-pin.patharatur{
        right:auto;top:300px;left:540px;
    }
    .map-pin.hazaribag{
        right:auto;top:290px;left:540px;
    }
    .map-pin.bhubneshwar{
        right:auto;top:380px;left:725px;
    }
    .map-pin.cuttack{
        right:auto;top:365px;left:725px;
    }
    .map-pin.jajpur{
        right:auto;top:350px;left:735px;
    }
    .map-pin.baripada{
        right:auto;top:350px;left:745px;
    }
    .map-pin.raigadha{
        right:auto;top:400px;left:670px;
    }
    .map-pin.jamnagar{
        right: auto;top:325px;left: 410px;
}
.map-pin.junagadh{
    right: auto;top:350px;left: 410px;
}
.map-pin.bhavnagar{
    right: auto;top:350px;left: 440px;
}
.map-pin.morbi{
    right: auto;top: 315px;left: 420px;
}
.map-pin.surendranagar{
    right: auto;top: 320px;left: 435px;
}
.map-pin.bhuj{
    right: auto;top: 310px;left: 380px;
}
.map-pin.kathmandu{
    right: auto;
    top: 195px;
    left: 490px;
}
.project-section .tab-btns .tab-btn{
    margin-bottom: 20px !important;
}
}
@media only screen and (max-width:1340px) {
    .page-wrapper {
        overflow: hidden
    }

    .main-slider .slide .pattern-layer-two {
        display: none
    }
    .main-header .main-menu .navigation>li{
        margin-left: 10px;
        margin-right: 10px;
    }
    .main-header .header-upper .logo-box{
        max-width: 240px;
    }
    .about-section .image-column .image .gear-icon-two{
        right: -70px;
        bottom: -80px;
        font-size: 270px;
    }
    .service-block-two .inner-box .overlay-box h5{
        height: auto;
        font-size: 16px;
        line-height: 26px;
    }
    .service-block-two .inner-box .overlay-box .icon{
        height: 100%;
    }
    .service-block-two .inner-box .overlay-box .content{
        padding: 18px;
    }
    .service-section-two .icon.flaticon-factory{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .sec-title.centered .big-text{
        font-size: 40px;
        line-height: 40px;
    }
    .product-detail-section ul.tabs{
      flex-wrap: wrap;
    }
}
@media only screen and (max-width:1199px){
    .product-detail-section ul.tabs{
        justify-content: center;
        gap: 20px;
    }
    .product-detail-section ul.tabs li{
        font-size: 14px;
    }
    .strenghts-box-main-content-inner-text p{
        font-size: 14px;
        line-height: 24px;
    }
    .cta-section h2{
        font-size: 50px;
    }
    .product-detail-section ul.tabs{
        row-gap: 0;
    }
    .strenghts-box-main-content{
        padding: 35px;
    }
    .product-catalogue-wrapper-inner-box-content h2{
        font-size: 22px;
        line-height: 34px;
    }
    .header-upper .header-upper-inner{
        display: flex;
    }
    .upper-right{
        display: flex;
    }
    .main-header .info-box{
        padding: 0px 0px 10px 36px;
    }
    .project-section .btns-outer{
        top: 100px;
    }
    .main-header .header-upper .logo-box{
        max-width: 200px;
    }
    .main-header .header-lower{
        bottom: -50px;
    }
}
@media only screen and (max-width:1140px) {
    .main-header {
        margin: 0 !important
    }

    .page-wrapper {
        overflow: hidden
    }

    .main-menu .navigation>li {
        margin-left: 0
    }

    .main-header .info-box strong {
        font-size: 13px
    }

    .main-slider {
        padding: 0
    }

    .main-header .info-box {
        margin-left: 5px;
        margin-right: 20px;
        padding-left: 45px;
    }

    .about-section .content-column .inner-column,
    .cta-section-one .button-box,
    .sidebar-page-container .sidebar-side .padding-left {
        padding-left: var(--padding-zero)
    }

    .main-header .info-box:last-child {
        margin-right: 0
    }

    .main-header .header-lower {
        /* position: relative;
        bottom: 0; */
        min-height: 70px;
    }

    .cta-section-one h2 br,
    .main-slider-three .pattern-layer,
    .main-slider-two .social-box,
    .news-section-three .sec-title-three .text br,
    .service-section-four .sec-title-three .text br,
    .vertical-lines-wrapper {
        display: none
    }

    .about-section .image-column .inner-column {
        padding-left: var(--padding-zero);
        padding-right: var(--padding-zero)
    }

    .sec-title .big-text {
        left: 0;
        font-size: var(--font-50)
    }

    .news-block .inner-box .overlay-box-two .overlay-inner,
    .service-block-two .inner-box .overlay-box-two .overlay-inner {
        padding: 10px 20px
    }

    .service-block-two .inner-box .overlay-box-two .icon-two {
        width: 60px;
        height: 60px;
        line-height: 60px;
        font-size: var(--font-34)
    }

    .news-block .inner-box .overlay-box-two .image-layer,
    .service-block-two .inner-box .overlay-box-two::before {
        right: 0
    }

    .news-block .inner-box .overlay-box-two .post-date {
        opacity: 0
    }

    .team-block .inner-box .image .social-box {
        left: 15px;
        top: 15px
    }

    .main-header.header-style-two .header-lower {
        position: absolute;
        left: 0;
        right: 0;
        bottom: -32px
    }

    .main-slider-two .owl-nav {
        right: 10px
    }

    .about-section-two .content-column .inner-column .sec-title-two h2 {
        font-size: var(--font-38)
    }

    .cta-section-one .button-box {
        border: none;
        margin-left: var(--margin-left-10)
    }

    .cta-section-one .play-box strong,
    .cta-section-two .play-box strong {
        font-size: var(--font-18)
    }

    .cta-section-two .inner-container,
    .service-block-three .inner-box {
        padding-left: var(--padding-left-15);
        padding-right: var(--padding-right-15)
    }

    h2 {
        font-size: var(--font-40)
    }

    .header-style-three .main-menu .navigation>li {
        margin-right: var(--margin-right-15)
    }

    .main-slider-three .image-column .image {
        margin-right: var(--margin-zero)
    }

    .main-slider-three h1 {
        font-size: var(--font-44);
        line-height: 50px
    }

    .main-slider-three .content-column .inner-column {
        padding-top: var(--padding-top-30)
    }

    .counter-section .counter-column .counter-text {
        font-size: var(--font-16)
    }

    .welcome-section .image-column .image {
        width: auto;
        height: auto
    }

    .news-section-three .sec-title-three .text,
    .service-section-four .sec-title-three .text {
        max-width: 440px
    }

    .location-block .inner-box strong {
        font-size: var(--font-20)
    }

    .cta-section-two .button-box {
        margin-right: var(--margin-right-10)
    }

    .skill-section .image-layer {
        height: 100%
    }

    .team-section-three {
        padding-top: var(--padding-top-110)
    }

    .clients-section .owl-nav {
        left: 10px;
        right: 10px
    }

    .location-block .inner-box {
        padding: 20px
    }

    .main-slider-three .client-thumb-outer {
        left: 0
    }
    .leadership-inner-content.sec-title{
        background-size: auto;
    }

    /* .main-header .header-upper .upper-right {
        padding-top: var(--padding-top-35)
    } */
    .sec-title.centered .big-text{
        top: 15px;
    }

}
@media only screen and (max-width:1099px){
    .main-header .info-box{
        padding-left: 40px;
        margin-right: 15px;
    }
    .strenghts-box-main-content-inner{
        gap: 10px;
    }
    .strengths-wrapper .col-md-12{
        max-width:50%;
    flex: 0 0 50%;
    }
}
@media only screen and (min-width: 992px) {
    .main-menu .navigation.clearfix{
        display: block;
    }
}
@media only screen and (min-width:768px) {

    .main-menu .navigation>li>ul,
    .main-menu .navigation>li>ul>li>ul {
        display: block !important;
        visibility: hidden;
        opacity: 0
    }
}
@media only screen and (max-width:1025px){
    .map-pin.ahmedabad{
        right:auto;
        top:320px;
        left:285px;
    }
    .map-pin.surat{
        right:auto;
        top:345px;
        left:290px;
    }
    .map-pin.kathmandu{
        right: auto;
        top: 195px;
        left: 490px;
    }
    .map-pin.baroda{
        right:auto;top:330px;left:300px;
    }
    .map-pin.Himmatnagar{
        right:auto;top:300px;left:290px;
    }
    .map-pin.valsad{
        right:auto;top:360px;left:290px;
    }
    .map-pin.rajkot{
        right: auto;top:330px;left: 250px;;
    }
    .map-pin.kachchh{
        right:auto;top:300px;left:220px;
    }
    .map-pin.jamnagar{
        right: auto;top:325px;left: 240px;
}
.map-pin.junagadh{
    right: auto;top:350px;left: 245px;
}
.map-pin.bhavnagar{
    right: auto;top:350px;left: 270px;
}
.map-pin.morbi{
    right: auto;top: 315px;left: 255px;
}
.map-pin.surendranagar{
    right: auto;top: 320px;left: 270px;
}
.map-pin.bhuj{
    right: auto;top: 310px;left: 225px;
}
    .map-pin.pune{
        right:auto;top:410px;left:300px;
    }
    .map-pin.goa{
        right:auto;top:480px;left:315px;
    }
    .map-pin.kolhapur{
        right:auto;top:440px;left:310px;
    }
    .map-pin.nashik{
        right:auto;top:380px;left:315px;
    }
    .map-pin.latur{
        right:auto;top:410px;left:350px;
    }
    .map-pin.pandharpur{
        right:auto;top:425px;left:330px;
    }
    .map-pin.aurangabad{
        right:auto;top:380px;left:350px;
    }
    .map-pin.palghar{
        right:auto;top:390px;left:295px;
    }
    .map-pin.sangli{
        right:auto;top:440px;left:320px;
    }
    .map-pin.nagpur{
        right:auto;top:360px;left:410px;
    }
    .map-pin.Bengaluru{
        right:auto;top:530px;left:380px;
    }
    .map-pin.Belgaum{
        right:auto;top:480px;left:330px;
    }
    .map-pin.Shivamogga{
        right:auto;top:500px;left:340px;
    }
    .map-pin.bagalkot{
        right:auto;top:470px;left:360px;
    }
    .map-pin.manglore{
        right:auto;top:530px;left:330px;
    }
    .map-pin.udupi{
        right:auto;top:520px;left:330px;
    }
    .map-pin.indore{
        right:auto;top:320px;left:360px;
    }
    .map-pin.bhopal{
        right:auto;top:320px;left:400px;
    }
    .map-pin.raipur{
        right:auto;top:350px;left:660px;
    }
    .map-pin.calicut{
        right:auto;top:580px;left:355px;
    }
    .map-pin.kannur{
        right:auto;top:560px;left:345px;
    }
    .map-pin.chennai{
        right:auto;top:540px;left:430px;
    }
    .map-pin.kolakata{
        right:auto;top:320px;left:790px;
    }
    .map-pin.jaipur{
        right:auto;top:230px;left:360px;
    }
    .map-pin.ajmer{
        right:auto;top:250px;left:340px;
    }
    .map-pin.udaipur{
        right:auto;top:270px;left:310px;
    }
    .map-pin.sumerpur{
        right:auto;top:260px;left:280px;
    }
    .map-pin.bhilwara{
        right:auto;top:265px;left:340px;
    }
    .map-pin.jodhapur{
        right:auto;top:240px;left:300px;
    }
    .map-pin.bikaner{
        right:auto;top:210px;left:305px;
    }
    .map-pin.kanpur{
        right:auto;top:235px;left:440px;
    }
    .map-pin.lucknow{
        right:auto;top:220px;left:450px;
    }
    .map-pin.gaziabad{
        right:auto;top:200px;left:395px;
    }
    .map-pin.prayagraj{
        right:auto;top:250px;left:460px;
    }
    .map-pin.gorakhpur{
        right:auto;top:240px;left:480px;
    }
    .map-pin.varanasi{
        right:auto;top:265px;left:475px;
    }
    .map-pin.patna{
        right:auto;top:260px;left:730px;
    }
    .map-pin.bhaglpur{
        right:auto;top:260px;left:750px;
    }
    .map-pin.chhapra{
        right:auto;top:250px;left:720px;
    }
    .map-pin.shivansh{
        right:auto;top:250px;left:750px;
    }
    .map-pin.kishangung{
        right:auto;top:255px;left:775px;
    }
    .map-pin.mahuva{
        right:auto;top:255px;left:765px;
    }
    .map-pin.dehrioson{
        right:auto;top:270px;left:720px;
    }
    .map-pin.ranchi{
        right:auto;top:320px;left:730px;
    }
    .map-pin.jamshedpur{
        right:auto;top:320px;left:750px;
    }
    .map-pin.dhanbad{
        right:auto;top:300px;left:750px;
    }
    .map-pin.deoghar{
        right:auto;top:285px;left:755px;
    }
    .map-pin.patharatur{
        right:auto;top:300px;left:730px;
    }
    .map-pin.hazaribag{
        right:auto;top:290px;left:730px;
    }
    .map-pin.bhubneshwar{
        right:auto;top:380px;left:740px;
    }
    .map-pin.cuttack{
        right:auto;top:365px;left:740px;
    }
    .map-pin.jajpur{
        right:auto;top:350px;left:565px;
    }
    .map-pin.baripada{
        right:auto;top:350px;left:575px;
    }
    .map-pin.raigadha{
        right:auto;top:400px;left:495px;
    }
}
@media only screen and (max-width:1023px) {
    .main-header .main-box .logo-box {
        position: relative;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        margin: 0;
        text-align: left
    }

    .main-header .header-lower .inner-container:after,
    .main-header .outer-box {
        display: block
    }

    .main-header .info-box {
        margin-top: 5px
    }

    .main-menu .navigation>li>a {
        font-size: 14px;
        text-transform: capitalize
    }

    .main-header .options-box {
        margin-top: 0;
        position: absolute;
        left: 0;
        top: 25px;
        z-index: 12;
        display: none;
        right: auto
    }

    .main-menu .navigation>li {
        margin-right: 25px
    }

    .main-header .header-upper .logo-box {
        margin: 0;
        width: 100%;
        padding-bottom: 0;
        text-align: center
    }

    .cta-section-one .button-box,
    .main-header .main-menu,
    .project-section .tabs-content .image {
        margin-left: var(--margin-zero)
    }

    .main-header,
    .main-header .header-lower {
        position: relative
    }

    .main-header .nav-outer {
        width: 100%;
        padding-top: 0;
        display:flex;
        justify-content: end;
    }

    .sticky-header .main-menu .navigation>li {
        margin-left: 0;
        margin-right: 20px
    }

    .banner-section .slide {
        padding: 120px 0 150px
    }

    .main-header .header-upper .upper-right {
        /* width: 100%; */
        text-align: center;
        /* padding-top: 10px */
    }

    .main-header .info-box {
        float: none;
        display: inline-block
    }

    .main-header .header-upper {
        padding-bottom: 10px;
        padding-top: 10px;
    }

    .main-header .header-lower .inner-container {
        padding: 0
    }

    .banner-section {
        padding-top: 120px
    }

    .main-header .nav-outer::before {
        transform: skew(0)
    }

    .main-header .main-menu .navigation>li {
        margin-right: var(--margin-right-25);
        margin-right: 10px;
        margin-left: 10px;
    }

    .main-header .main-menu .navigation>li>a {
        font-size: var(--font-16)
    }

    .faq-section .accordion-column .upper-text,
    .service-section .inner-container {
        margin-top: var(--margin-zero)
    }

    .main-header .sticky-header .main-menu .navigation>li {
        margin-left: var(--margin-left-20)
    }

    .main-slider .slide {
        padding: 150px 0
    }

    .service-section {
        padding: 110px 0 0
    }

    /* .service-section-two .owl-nav {
        max-width: 170px
    } */

    .header-style-two .nav-outer,
    .project-section .tabs-content {
        padding-right: var(--padding-zero)
    }

    .project-section .btns-outer {
        position: relative;
        padding: 60px 0 45px;
        max-width: 100%
    }

    .project-section .btns-outer .tab-buttons {
        max-width: inherit;
        text-align: center;
        display: flex;
        flex-direction: column;
        padding: 0 20px;
    }

    .project-section .tab-btns .tab-btn {
        border-radius: 4px;
        padding: 10px 24px;
        margin: 0 5px 15px;
        display: inline-block;
        font-size: var(--font-18);
        border: 2px solid var(--white-color)
    }

    .cta-section-two .side-image,
    .header-style-three .outer-box,
    .news-section .owl-dots .owl-dot span::after,
    .news-section .owl-nav,
    .project-section .tab-btns .tab-btn:after,
    .project-section .tab-btns .tab-btn:before,
    .team-page-section .sec-title-three .text br,
    .team-section .owl-dots .owl-dot span::after,
    .team-section-three .sec-title-three .text br {
        display: none
    }

    .project-section .tab-btns .tab-btn.active-btn,
    .project-section .tab-btns .tab-btn:hover {
        transform: translateX(0)
    }

    .project-section .btns-outer .title-box {
        text-align: center;
        margin-bottom: var(--margin-bottom-30)
    }

    /* .products-section .owl-nav {
        max-width: 220px
    } */

    .news-section .owl-dots,
    .team-section .owl-dots {
        position: relative;
        right: 0;
        top: 0;
        margin-top: var(--margin-zero)
    }

    .project-section .tabs-content .image {
        padding-top: var(--padding-top-30)
    }

    .main-header.header-style-two .header-lower {
        position: relative;
        bottom: 0;
        background-color: var(--color-twentyfour)
    }

    .header-style-two .outer-box .btn-box .theme-btn {
        padding: 13px 14px;
        font-size: var(--font-14)
    }

    .main-slider-two .slide {
        padding: 120px 0 130px
    }

    h1 {
        font-size: var(--font-60);
        line-height: 66px
    }

    .about-section-two .content-column,
    .sidebar-page-container .sidebar-side.right-sidebar,
    .welcome-section .content-column {
        order: 1
    }

    .about-section-two .image-column,
    .sidebar-page-container .sidebar-side.left-sidebar,
    .skill-section .video-column,
    .welcome-section .image-column {
        order: 2
    }

    .cta-section-one .inner-container {
        text-align: center
    }

    .cta-section-one h2 {
        margin-bottom: var(--margin-bottom-20)
    }

    .cta-section-one .play-box {
        display: block;
        width: 100%;
        padding: var(--padding-zero)
    }

    .cta-section-one .play-box .play-button,
    .cta-section-two .play-box .play-button {
        position: relative;
        margin: 0 auto;
        display: block;
        margin-bottom: var(--margin-bottom-30)
    }

    .cta-section-one .button-box {
        width: 100%;
        margin-top: var(--margin-top-25)
    }

    .cta-section-one .button-box .theme-btn,
    .cta-section-two .button-box .theme-btn {
        display: inline-block
    }

    .project-section-two::before {
        top: 200px;
        bottom: 0;
        height: auto
    }

    .header-style-three .logo-box,
    .main-header.header-style-two .header-upper .logo-box {
        padding: 15px 0
    }

    .header-style-three .nav-outer {
        width: auto;
        float: left
    }

    .header-style-three .outer-box {
        padding: 6px 0
    }

    .main-slider-three .content-column {
        margin-bottom: var(--margin-bottom-30)
    }

    .welcome-section .image-column .image {
        border-radius: 0;
        border: 0;
        text-align: center
    }

    .news-section-three .sec-title-three .pull-right,
    .project-detail-section .more-posts .pull-left,
    .project-detail-section .more-posts .pull-right,
    .service-section-four .sec-title-three .pull-right,
    .team-section-three .sec-title-three .pull-right {
        width: 100%
    }

    .news-section-three .sec-title-three .text,
    .service-section-four .sec-title-three .text,
    .team-page-section .sec-title-three .text,
    .team-section-three .sec-title-three .text {
        max-width: 100%;
        margin-top: var(--margin-top-20)
    }

    .cta-section-two .button-box {
        display: block;
        width: 100%;
        margin-right: var(--margin-zero)
    }

    .cta-section-two .play-box {
        width: 100%;
        padding: var(--padding-zero)
    }

    .cta-section-two h2,
    .project-detail-section .upper-box,
    .project-section-three .inner-container {
        padding: var(--padding-zero)
    }

    .cta-section-two .inner-container {
        text-align: center;
        padding: 50px 15px
    }

    .project-section-three .project-tab .tab-btns-box {
        position: relative;
        width: 100%
    }

    .skill-section .skill-column {
        order: 1;
        margin-bottom: var(--margin-bottom-50)
    }

    .page-title {
        padding: 100px 0
    }

    .skills.style-two {
        max-width: 100%
    }

    .process-section .images-column .image-two {
        position: relative;
        top: 0
    }

    .project-detail-section .upper-box .info-box {
        position: relative;
        top: 0;
        max-width: 100%;
        margin-top: var(--margin-top-30)
    }

    .project-detail-section .more-posts .prev-post {
        text-align: center;
        padding: var(--padding-zero);
        margin-bottom: var(--margin-bottom-25)
    }

    .project-detail-section .more-posts .next-post .thumb-image,
    .project-detail-section .more-posts .prev-post .thumb-image {
        position: relative;
        display: inline-block;
        margin-bottom: var(--margin-bottom-15)
    }

    .project-detail-section .more-posts .next-post {
        text-align: center;
        padding: var(--padding-zero)
    }
    .membership-content{
        padding: 40px;
    }
    .main-slider h1{
        font-size: 44px;
        line-height: 54px;
    }
    .sec-title h2{
        font-size: 30px;
        line-height: 40px;
    }
    .project-section .prod-tabs .image{
        display: none;
    }
    .about-section .image-column .image .gear-icon-two{
        font-size: 250px;
        right: -40px;
        bottom: -75px;
    }
    .feature-block .inner-box h5{
        font-size: 18px;
    }
    .top-regular-spacing{
        padding-top: 40px;
    }
    .bottom-regular-spacing{
        padding-bottom: 40px;
    }
    .regular-spacing{
        padding: 40px 0;
    }
    .header-upper .icon-box span{
        font-size: 20px;
    }
    .header-upper .upper-column.info-box{
        padding-left: 25px;
    }
    .cta-section h2{
        font-size: 46px;
        line-height: 56px;
    }
    .sec-title .big-text{
        font-size: 40px;
    }
    .btn-style-one{
        padding: 12px 30px;
    }
    .header-top .top-right .social-box:before{
        content: none;
    }
    .infrastructure-sec .infrastructure-sec-inner-box .img-text h5{
        font-size: 18px;
    }
    .image-grid{
        grid-template-columns: 1fr 1fr;
    }
    .sec-title.centered .big-text{
        font-size: 30px;
        line-height: 30px;
    }
    .main-header .info-box .icon-box{
        top: 50%;
        transform: translateY(-100%);
    }
    .sidebar-page-container.news-single a{
        padding: 12px 30px;
    }
    .strenghts-box-main-content-inner img{
        width: 50px;
    }
    .membership-sec-wrapper.join-contact{
        margin-bottom: 40px;
    }
    .membership-sec-wrapper{
        height: auto;
    }
    .modal .modal-dialog{
        max-width: 100%;
    }
    .map-with-content .map-img{
        display: block;
        width: 100%;
    }
    .map-with-content .img{
        display: none;
    }
    .project-section .btns-outer .btns-pattern-layer{
        left: 0;
    }
    .project-section .btns-outer{
        top: 0;
    }
    .main-header .header-lower{
        bottom: 0;
    }
    .header-upper .header-upper-inner{
        justify-content: space-between;
    }
    .main-slider .owl-slider .owl-carousel .owl-stage-outer .owl-stage .owl-item .item img{
        object-fit: contain;
    }
    .main-slider{
        height: 500px;
    }
}
@media only screen and (max-width:992px){
    .clearfix.header-top-inner{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .about-section .image-column .counter-box .counter-column{
        text-align: center;
    }
    .about-section .image-column .counter-box h2{
        font-size: 30px;
    }
    .header-style-three .header-lower .outer-box,
    .main-header .header-upper .upper-right,
    .products-section .owl-dots .owl-dot span::after,
    .project-detail-section .more-posts,
    .sec-title .text br,
    .sec-title-three .text br,
    .sec-title-two .text br,
    .sec-title-two h2 br,
    .service-section-two .owl-dots .owl-dot span::after,
    /* .service-section-two .owl-nav, */
    .service-section-two .pattern-layer-one {
        display: none
    }
    /* .main-header .nav-outer .mobile-nav-toggler {
        display: block;
        margin: 0;
        padding: 3px 0
    } */
    #navbarSupportedContent,
    .main-header .sticky-header .mobile-nav-toggler {
        display: block;
    }
    .main-header .header-lower {
        min-height: auto
    }
    .project-section{
        padding-bottom: 60px;
    }
    .main-footer .footer-bottom{
        flex-direction: column;
        gap: 10px;
    }
    .feature-block .inner-box .icon{
        font-size: 40px;
    }
    .main-header .sticky-header .main-menu .navigation>li{
        margin: 0 5px;
    }
    /* .pull-right .main-menu .navigation{
        opacity: 0;
    } */
    .sticky-header .main-menu{
        display: none;
    }
    .main-header .nav-outer .mobile-nav-toggler {
        display: block;
        margin: 0;
        padding: 3px 0
    } 
    .header-lower .main-menu{
        display: none;
    }
    /* .header-lower.responsive{
        display: block;
        width: 50%;
        bottom: -20px;
    } */
    
    .header-lower{
        display: none;
    }
    .main-header .header-upper .header-upper-inner{
        display: flex;
        justify-content: space-between;
        width: 100%;
        align-items: center;
    }
    .main-header .header-upper .logo-box{
        /* width: 50%; */
        max-width: unset !important;
        text-align: left;
    }
    .header-lower.responsive .mobile-nav-toggler span{
        color: black;
    }
    .main-header .header-lower.responsive:before{
        content: none;
    }
    .main-header .nav-outer{
        content: none;
    }
    .main-header .nav-outer:before{
        background-color: transparent;
    }
    .main-header .header-upper .logo-box img{
        width: 200px;
    }
    .life-gipl-wrapper .option-list{
        columns: 1;
    }
    .welcome-section .inner-column{
        margin-top: 30px;
    }
    .page-title h2{
        padding-top: 15px;
    }
    .feature-block{
        margin-bottom: 25px;
    }
    .about-section .image-column .image .gear-icon-one{
        left: -40px;
    }
    .about-section .image-column .image .circle-layer{
        left: 0;
    }
    .service-section-two .owl-dots .owl-dot span:after,.products-section .owl-dots .owl-dot span:after,.team-section .owl-dots .owl-dot:hover span:after, .team-section .owl-dots .owl-dot.active span:after{
        content: '/' !important;
        opacity: 1;
        display: block !important;
    }
    .product-catalogue-wrapper-inner-box-content h2{
        font-size: 20px !important;
        line-height: 32px !important;
    }
    /* .main-header .header-lower{
        bottom: 0;
    } */
    .header-lower.responsive{
        display: flex;
        bottom: 0;
    }
    .header-lower.responsive .auto-container{
        margin: 0;
    }
}
@media only screen and (max-width:767px) {
    .header-upper .logo-outer {
        position: relative;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        margin: 0
    }

    .main-header .sticky-header .outer-box {
        display: block;
        right: 15px;
        left: auto;
        top: 0
    }

    .main-header .sticky-header .pull-right {
        width: auto
    }

    .main-menu {
        width: 100%;
        display: none;
    }

    .news-detail .inner-box .gallery-box .carousel-column,
    .service-detail .lower-content .gallery-images .image {
        margin-bottom: var(--margin-bottom-30)
    }

    .sidebar-page-container .comments-area .comment-box.reply-comment {
        margin-left: 0
    }

    .main-header .info-box {
        padding-left: 0;
        text-align: center;
        width: 100%;
        margin: 0 0 20px
    }

    .main-header .info-box:last-child {
        margin-bottom: 0
    }

    .main-header .info-box .icon-box {
        position: relative;
        margin: 0 auto 15px
    }

    .main-header .header-lower .outer-box {
        position: absolute;
        left: 0;
        z-index: 12;
        display: block;
        border: 0;
        padding: 16px 0
    }

    .main-header .nav-outer::before {
        left: -10%
    }

    .main-menu .navbar-header .navbar-toggler {
        display: inline-block;
        z-index: 12;
        width: 50px;
        height: 40px;
        float: none;
        padding: 0;
        text-align: center;
        border-radius: 0;
        background: 0 0;
        border: 1px solid #fff
    }

    .main-menu .navbar-header .navbar-toggler .icon-bar {
        position: relative;
        background: #fff;
        height: 2px;
        width: 26px;
        display: block;
        margin: 5px 11px
    }

    .main-header .nav-outer,
    .main-slider-two .content-column .inner-column .pull-left,
    .main-slider-two .content-column .inner-column .pull-right {
        width: 100%
    }

    /* .main-header .nav-outer .mobile-nav-toggler {
        display: block;
        margin: 0;
        padding: 3px 0
    }  */

    /* #navbarSupportedContent,
    .main-header .sticky-header .mobile-nav-toggler {
        display: block
    }

    .mCSB_inside>.mCSB_container {
        margin-right: 0
    }

    .page-title h2,
    h2 {
        font-size: 30px;
        line-height: 36px
    }

    .main-header .info-box:last-child {
        top: 0;
        margin-left: 0
    }

    .main-header .btn-box {
        float: none;
        margin-left: 0
    }


    h1 {
        font-size: var(--font-50)
    }

    .main-slider .slide {
        padding: 120px 0
    }

    /* .about-section {
        padding-top: var(--padding-top-80);
        padding-bottom: var(--padding-bottom-70)
    } */

    .main-header .header-upper {
        padding: var(--padding-zero)
    }

    .main-header .header-upper .logo-box {
        padding: 5px 0
    }

    /* .products-section,
    .service-section-two {
        padding: 100px 0
    } */

    .project-section {
        padding-bottom: var(--padding-bottom-40)
    }

    .cta-section h2 {
        line-height: 54px;
        font-size: var(--font-40)
    }

    .main-header.header-style-two .header-lower .outer-box {
        padding: 8px 0
    }

    .main-header.header-style-two .nav-outer .mobile-nav-toggler {
        padding: 11px 0
    }

    .main-slider-two .title {
        font-size: var(--font-22)
    }

    .sec-title-two h2 {
        line-height: 46px
    }

    .project-section-two::before {
        top: 150px
    }

    .footer-style-two .footer-bottom .pull-left,
    .footer-style-two .footer-bottom .pull-right {
        width: 100%;
        text-align: center
    }

    .footer-style-two .footer-bottom .copyright,
    .news-block-four .inner-box .post-info li,
    .news-detail .inner-box .post-info li {
        margin-bottom: var(--margin-bottom-15)
    }

    .header-style-three .nav-outer {
        margin-top: -95px
    }

    .header-style-three .logo-box {
        padding: 15px 0
    }

    .main-slider-three .title {
        font-size: 18px
    }

    .sec-title-three h2 {
        line-height: 42px
    }

    .testimonial-block-two .inner-box {
        padding-left: var(--padding-left-15);
        padding-right: var(--padding-right-15)
    }

    .process-section .images-column .image {
        margin-bottom: var(--margin-zero)
    }

    .project-detail-section .gallery-box .image {
        position: relative;
        margin-bottom: var(--margin-bottom-20)
    }

    .project-detail-section .gallery-box .image img {
        position: relative;
        width: 100%
    }

    .news-block-four .inner-box .lower-content {
        padding-top: var(--padding-top-40)
    }

    .news-detail .inner-box .lower-content {
        padding-top: var(--padding-top-30)
    }

    .news-detail .post-share-options .social-box {
        width: 100%;
        padding-top: var(--padding-top-15)
    }

    .project-detail-section {
        padding-bottom: var(--padding-bottom-90)
    }

    .main-slider-two .owl-nav {
        bottom: 20px;
        left: 5px;
        right: auto;
        top: auto;
        transform: translateY(0)
    }

    .main-slider .owl-nav {
        bottom: 0;
        right: 5px;
        top: auto;
        transform: translateY(0)
    }
    .main-slider h1{
        font-size: 34px;
        line-height: 44px;
    }
    .sec-title h2{
        font-size: 26px;
        line-height: 36px;
    }
    .sec-title .big-text{
        font-size: 40px;
    }
    .about-section .image-column .image .gear-icon-two{
        font-size: 200px;
        right: -30px;
        bottom: -30px;
    }
    .about-section .image-column .image .gear-icon-one{
        font-size: 200px;
        /* right: -30px;
        bottom: -30px; */
    }
    .infrastructure-sec-inner-box{
        grid-template-columns: 1fr 1fr;
    }
    .main-slider h1{
        font-size: 34px;
        line-height: 44px;
    }
    /* .main-slider{
        height: calc(100vh - 300px);
    } */
    .cta-section h2{
        font-size: 36px;
        line-height: 46px;
    }
    .sec-title .big-text{
        font-size: 30px;
    }
    .btn-style-one{
        padding: 10px 24px;
    }
    .main-slider .auto-container{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .main-slider .slide{
        padding: 40px 0;
    
    }
    .about-section .image-column .counter-box .counter-column{
        width: 50%;
    }
    .owl-nav,.products-section .owl-nav,.service-section-two .owl-nav{
        display: block !important;
        bottom: -10px;
        display: flex;
        justify-content: center;
        align-items: center;
        max-width: 90px;
    }
    .service-section-two .owl-nav{
        margin-bottom: 20px;
    }
    .owl-dots{
        display: none !important;
    }
    .about-section .image-column .image .circle-layer{
        display: none;
    }
    .about-section .image-column .image .gear-icon-one{
        font-size: 100px;
        left: 0;
        top: 0;
    }
    .about-section .image-column .image .gear-icon-two{
        right: 0;
        bottom: 0;
        font-size: 100px;
    }
    .team-section .owl-nav,.news-section .owl-nav{
        bottom: 0;
        position: relative;
        left: 50%;
        top: 0;
        margin-bottom: 20px;
    }
    .contact__info--box-main{
        margin-top: 30px;
    }
    .map-section-inner{
        padding: 10px;
    }
    .infrastructure-sec .infrastructure-sec-inner-box .img-text h5{
        font-size: 16px;
    }
    .page-title h2{
        font-size: 30px;
    }
    .news-detail .inner-box .post-info li{
        margin-bottom: 0;
    }
    .news-detail .inner-box .gallery-box .carousel-column{
        margin-bottom: 0;
    }
    .news-detail .inner-box .gallery-box{
        margin-bottom: 0;
    }
    .news-block-four .inner-box .post-info li{
        margin-bottom: 0;
    }
    .main-footer .widgets-section{
        padding-bottom: 20px;
    }
    .main-footer .footer-widget{
        margin-bottom: 0;
    }
    .header-top .top-right{
        flex-direction: column;
    }
    .header-top .top-left{
        padding: 5px 0;
    }
    .header-top .top-right .clock p{
        margin: 5px 0;
    }
    .header-top .top-right .social-box{
        padding: 5px 0px 5px 15px;
    }
    .gallery-box .owl-nav{
        max-width: 100%;
    }
    .sidebar-page-container.news-single a{
        padding: 10px 24px;
    }
    .sidebar-page-container.news-single .news-btns{
        flex-direction: column;
        gap: 20px;
        justify-content: center;
        align-items: center;
    }
    .cta-section.product-catalogue-wrapper-inner-box{
        margin-bottom: 30px;
    }
    .cta-section.product-catalogue-wrapper-inner-box:nth-last-child(){
        margin-bottom: 0;
    }
    }

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

    .cta-section h2,
    .cta-section-two h2 {
        line-height: 40px
    }

    .cta-section h2 br,
    .main-slider-three .social-box,
    .project-block .inner-box .content-box h3 a br,
    .sec-title .text br,
    .sec-title-three h2 br {
        display: none
    }

    h1 {
        font-size: var(--font-40);
        line-height: 48px
    }

    .feature-block .inner-box {
        min-height: auto;
    }

    .about-section .content-column .lower-box {
        margin-right: var(--margin-zero)
    }

    .cta-section h2 {
        font-size: var(--font-34)
    }

    .project-section .tab-btns .tab-btn {
        border-radius: 4px;
        padding: 8px 24px;
        margin: 0 3px 10px;
        display: inline-block;
        font-size: var(--font-16);
        border: 2px solid var(--white-color)
    }

    .sidebar-page-container .comments-area .comment-box .author-thumb,
    .testimonial-block .inner-box .author-image {
        position: relative;
        margin-bottom: var(--margin-bottom-25)
    }

    .about-section .content-column .phone-box,
    .main-slider-two .phone-box {
        margin-left: var(--margin-zero);
        margin-top: var(--margin-top-25)
    }

    .about-section-two .content-column .inner-column .sec-title-two h2 {
        font-size: var(--font-30);
        line-height: 40px
    }

    .testimonial-block .inner-box .text {
        padding-right: var(--padding-zero)
    }

    .testimonial-block .inner-box .author-image {
        right: 0;
        margin-top: var(--margin-top-35)
    }

    .news-section-two .owl-nav {
        position: relative;
        top: 0;
        right: 0
    }

    .project-block .inner-box .content-box {
        margin: 30px 0 0;
        box-shadow: inherit;
        padding: 0 0 0 25px
    }

    .news-block-four .inner-box .lower-content {
        padding: 25px 20px
    }

    .news-detail .inner-box .lower-content,
    .sidebar-page-container .comments-area .comment-box {
        padding: 20px
    }

    .sidebar-page-container .comments-area .comment {
        padding-left: var(--padding-zero)
    }

    .main-slider-three .slide {
        padding-bottom: var(--padding-bottom-200)
    }

    .about-section .content-column .button-box {
        width: 100%
    }
    .membership-content{
        padding: 20px;
    }
    .logo-widget .social-box li a{
        height: 40px;
        width: 40px;
    }
    .feature-block{
        margin-bottom: 30px;
    }
    .main-slider .slide:before{
        background-position: center;
    }
    /* .widgets-section .row{
        flex-wrap: nowrap;
    } */
    .widgets-section.footer-guest-logo .row{
        flex-wrap: nowrap;
    }
    .contact__info--inner-box-content-icon h4{
        font-size: 18px;
        line-height: 28px;
    }
    .contact__info--wrapper .contact__info--inner-box-content-icon .mail .icon-box{
        width: 40px;
        height: 40px;
    }
    .contact__info--wrapper .contact__info--inner-box-content-icon .mail .icon-box span{
        font-size: 18px;
    }
    .option-list li{
        font-size: 14px !important;
    }
    .image-grid{
        grid-template-columns: 1fr;
    }
    .strengths-wrapper .col-sm-12{
        max-width:100%;
    flex: 0 0 100%;
    }
    .strenghts-box-main-content{
        padding: 30px;
    }
    .strenghts-box-main-box{
        padding: 10px 0;
    }
    .strenghts-box-main-content-inner img{
        width: 50px;
    }
    .infrastructure-sec-inner-box{
        grid-template-columns: 1fr;
    }
}

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


    .about-section .image-column .image .circle-layer,
    .cta-section .pattern-layer-two,
    .header-top .top-right .social-box:before,
    .news-block .inner-box .overlay-box-two .text,
    .products-section .pattern-layer,
    .products-section .pattern-layer-two,
    .sec-title h2 br,
    .service-block .inner-box .shape-two,
    .service-block-two .inner-box .overlay-box-two .text {
        display: none
    }

    .feature-block-three .block-content,
    .header-top .top-right .social-box,
    .process-block .inner-box {
        padding-left: var(--padding-zero)
    }

    .header-top .top-right,
    .header-top .top-right .social-box {
        width: 100%;
        text-align: center
    }

    h1 {
        line-height: 1.3em;
        font-size: var(--font-30)
    }

    .service-block .inner-box {
        padding: 50px 20px
    }

    .sec-title .big-text {
        left: 0;
        font-size: var(--font-24)
    }

    .about-section .content-column .phone-box {
        margin-left: var(--margin-zero);
        margin-top: var(--margin-top-25)
    }

    .news-block .inner-box .overlay-box-two h5,
    .service-block-two .inner-box .overlay-box-two h5 {
        margin-bottom: var(--margin-bottom-20)
    }

    .accordion-box .block .icon-outer,
    .service-block-two .inner-box .overlay-box {
        right: 0
    }

    .project-section .content {
        position: relative;
        padding: 25px
    }

    .project-section .content .arrow {
        height: 55px;
        line-height: 55px
    }

    .cta-section h2 {
        font-size: var(--font-28);
        line-height: 38px
    }

    .news-block .inner-box .overlay-box .content {
        padding: 25px 15px
    }

    .main-slider-two .title {
        font-size: var(--font-18)
    }

    .main-slider-two .phone-box strong,
    .sec-title-two .title,
    h4 {
        font-size: var(--font-20)
    }

    .project-detail-section .middle-box h3,
    .project-section .btns-outer .title-box h2,
    h3 {
        font-size: var(--font-28)
    }

    .about-section-two .content-column .inner-column .sec-title-two h2,
    .sec-title-two h2 {
        font-size: var(--font-26);
        line-height: 36px
    }

    .cta-section-one h2 {
        line-height: 40px
    }

    .project-section-two::before {
        top: 200px
    }

    .sec-title-two .title {
        padding-right: var(--padding-right-20)
    }

    .testimonial-block .inner-box .pull-right {
        width: 100%;
        margin-top: var(--margin-top-10)
    }

    .main-slider-three h1 {
        font-size: var(--font-30);
        line-height: 40px
    }

    .download-list li a,
    .main-slider-three .title {
        font-size: var(--font-16)
    }

    .main-slider-three .client-thumb-outer {
        left: 0;
        max-width: 300px
    }

    .project-section-three .project-tab .tab-btns-box .p-tab-btn {
        font-size: var(--font-14)
    }

    .project-section-three .lower-box {
        margin-top: var(--margin-top-30)
    }

    .approach-block .inner-box {
        padding: 10px 10px 25px
    }

    .process-block .inner-box .number {
        position: relative;
        top: 0;
        line-height: 1em;
        margin-bottom: var(--margin-bottom-15)
    }

    .sidebar-widget .widget-content {
        padding: 20px 20px 25px
    }

    .project-block-two .inner-box .content {
        left: 20px;
        bottom: 20px
    }

    .project-block-two .inner-box .content h4 {
        line-height: 30px
    }

    .project-detail-section .upper-box .info-list,
    .project-detail-section .value-box {
        padding: 20px
    }

    .feature-block-three .block-content .icon {
        position: relative;
        top: 0;
        display: inline-block;
        margin-bottom: var(--margin-bottom-20)
    }

    .sidebar-page-container .comments-area .comment-info .comment-time {
        display: block;
        margin-left: var(--margin-zero);
        margin-top: var(--margin-top-10)
    }

    .comment-form {
        padding: 25px 15px 15px
    }

    .page-title h2,
    h2 {
        font-size: 26px;
        line-height: 30px
    }

    .about-section-two {
        padding-top: var(--padding-top-90)
    }

    .cta-section-one .inner-container {
        padding-left: var(--padding-left-15);
        padding-right: var(--padding-right-15)
    }
    .footer-bottom .copyright,.footer-bottom .copyright-two{
        font-size: 10px;
    }
    .regular-spacing{
        padding: 20px 0;
    }
    .regular-top-bottom-spacing{
        padding: 20px 0;
    }
    p{
        font-size: 14px;
    }
    .strenghts-box-main-content-inner img{
        width: 40px;
    }
    .main-slider{
        height: 300px;
    }
}