/* @media (max-width: 1140px) {
    .container{
        max-width: 1140px;
    }
}
@media (max-width: 1399px) {
  .container {
        max-width: 1320px !important;
    }
}
@media (min-width: 1400px) {
  .container {
    max-width: 1850px;
  }
} */

/* Below 1140px */
@media (max-width: 1139px) {
    .container {
       max-width: 1140px;
    }
}

/* 1140px to 1399px */
@media (min-width: 1140px) and (max-width: 1399px) {
    .container {
        max-width: 1320px !important;
    }
}

/* 1400px + */
@media (min-width: 1400px) {
    .container {
        max-width: 1850px;
    }
}

@media(max-width: 1600px){
    .cen-con-tp{
        padding-right: 50px;
    }
    .social-bar-hero{
        width: 80px;
    }
}

@media (max-width: 1450px) {
    .container{
        padding-left: 20px;
        padding-right: 20px;
    }
    .archi-tec p:first-child{
        margin-bottom: -53px;
    }
    .hero-wrap{
        height: 980px;
    }
    .hero-slider{
        height: 660px;
    }
    .center-con-top{
        margin-bottom: -100px;
    }
    .hero-slider-box img {
        width: 115%;
        height: 100%;
    }
    .archi-tec{
        font-size: 102px;
    }
    .cen-con-tp{
        padding-right: 30px;
    }
    .cen-con-tp{
        margin-bottom: 30px;
    }
    .hero-action{
        flex-direction: column;
    }
    .hero-action a{
        margin-top: 20px;
    }
    .archi-tec{
        margin-left: -215px;
    }
    .awd{
        padding: 30px;
    }
    .awd span{
        font-size: 30px;
    }
    .awd p{
        font-size: 18px;
    }
    .home-intro-righ-title{
        padding-left: 0;
    }
    .home-intro-righ{
        padding-left: 26px;
    }
    .service-links li a:hover{
        padding: 15px 20px 15px 20px;
    }
    .service-links li a span{
        font-size: 14px;
    }
    .abt-con{
        padding-right: 40px;
    }
    .abt-con-dtbtm h2{
        font-size: 46px;
    }
    .img-has-slider{
        height: 480px;
    }
    .our-works-right{
        padding-left: 26px;
    }
    .about-dtls-page h1{
        font-size: 62px;
    }
    .about-dtls-page h1{
        margin-bottom: 30px;
    }
    .about-dtls-page-in ul{
        flex-direction: column;
    }
    .about-dtls-page-in {
        padding-right: 352px;
    }
    .about-dtls-page-in ul li a{
        margin-right: 0;
        margin-bottom: 10px;
    }
    .abt-right-img{
        right: 10px;
    }
    .abt-right-img img{
        width: 220px;
    }
    .abt-right-img::after{
        height: 220px;
    }
    .story-line-box{
        padding-right: 0;
    }
    .visi-r-img{
        margin-top: 30px;
    }
    .visi-main-right{
        padding-left: 100px;
    }
    .service-top .service-top-title h1{
        font-size: 80px;
    }
    .acc-item{
        padding: 20px 20px 20px 50px;
    }
    .single-page-intro h1{
        font-size: 80px;
    }
    .portfolio-img .img-has-slider {
        height: 435px;
    }
    .portfolio-img .portfolio-img-container img{
        width: auto;
        height: 100%;
    }
    .con-ttitle{
        padding-right: 0;
    }
    .single-page-intro{
        padding-bottom: 80px;
    }
    .about-dtls-page{
        padding-left: 50px;
    }
    .rews-title h2{
        font-size: 52px;
    }
    .portfolio-grid .parallax-img{
        margin-top: -2%;
    }
}

@media (max-width: 767.98px) {
    .hero-wrap {
        padding-top: 80px;
        padding-bottom: 80px;
        height: auto;
    }
    .center-con-top{
        margin-bottom: 0;
    }
    .hero-slider{
        padding-right: 0;
    }
    .center-con-top{
        position: relative;
    }
    .archi-tec{
        margin-left: 0;
    }
    .archi-tec {
        font-size: 50px;
        margin-bottom: 20px;
    }
    .archi-tec p span{
        height: 5px;
        width: 60px;
    }
    .right-vd .ply-btn{
        width: 50px;
        height: 50px;
    }
    .right-vd{
        margin-top: 50px;
    }
    .social-bar-hero {
        width: 100%;
        margin-top: 30px;
        position: unset;
    }
    .fade-mask{
        height: 102px;
    }
    .home-intro-righ {
        padding-left: 0;
    }
    .abt-con{
        padding-right: 0;
    }
    .ravi-prp{
        margin-top: 20px;
    }
    .abt-con-min{
        padding-right: 0;
        margin-top: 50px;
    }
    .abt-con-dtbtm h2 {
        font-size: 40px;
        margin-top: 20px;
    }
    .why-us{
        padding: 80px 0;
    }
    .img-has-slider {
        height: auto;
    }
    .why-us-top h2{
        font-size: 40px;
        margin-bottom: 20px;
        font-weight: 600;
    }
    .why-us-btm-box{
        text-align: center;
    }
    .why-us-btm-box h5{
        font-size: 80px;
    }
    .why-us-img{
        margin-top: 20px;
    }
    .our-works-right {
        padding-left: 0;
        margin-top: 20px;
    }
    .revews .rw-center{
        max-width: 100%;
        padding: 0;
    }
    .rw-titl{
        text-align: center;
    }
    .sl-con-left {
        margin-right: 15px;
    }
    .service-links li a p{
        font-size: 18px;
    }
    .service-links li a span{
        font-size: 12px;
        line-height: 1.2;
        display: inline-block;
        margin-top: 10px;
    }
    .cta{
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .cta-in h4{
        font-size: 30px;
    }
    .cta-btns{
        flex-direction: column;
    }
    .cta-btns a{
        margin: 5px 0;
    }
    .rw-titl h2{
        font-size: 40px;
    }
    .stil-img {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .home-intro{
        padding: 80px 0 80px 0;
    }
    .bloq-title p{
        font-size: 40px;
    }
    .social-bar-hero-in{
        transform: none;
    }
    .h-fill{
        padding-top: 70px;
    }
    .archi-tec p:first-child {
        margin-bottom: -15px;
    }
    .hero-slider .sli-control-bottom{
        right: 0;
    }
    .hero-slider {
        height: 370px;
    }
    .nav-inner{
        padding: 20px 0;
    }
    .nav-inner-left a img{
        height: 40px;
    }
    .nav-inner-right ul{
        display: none;
    }
    .about-page{
        padding-top: 80px;
        padding-bottom: 80px;
    }
    .about-dtls-page{
        padding-left: 0;
        padding-top: 20px;
    }
    .about-dtls-page h1{
        font-size: 34px;
    }
    .about-dtls-page h1{
        margin-left: 0;
    }
    .about-dtls-page-in{
        padding-right: 0;
    }
    .abt-right-img{
        position: relative;
    }
    .abt-right-img img{
        width: 100%;
    }
    .abt-right-img{
        right: 0;
        margin-top: 20px;
    }
    .about-dtls-page-in ul{
        align-items: center;
    }
    .story-line{
        padding-top: 80px;
        padding-bottom: 80px;
    }
    .story-line-left-title h4{
        font-size: 40px;
    }
    .story-line-box{
        display: block;
    }
    .story-line-box-left{
        width: 100%;
    }
    .story-line-box-right{
        width: 100%;
        padding-left: 0;
    }
    .story-line-box-left{
        padding-bottom: 0;
    }
    .visionphi{
        padding-top: 80px;
        padding-bottom: 80px;
    }
    .visi-left-left{
        padding-right: 0;
        margin-bottom: 20px;
    }
    .visi-left-left-bottom {
        width: 100%;
        margin-bottom: 20px;
    }
    .visi-main-right{
        padding-left: 0;
        margin-top: 40px;
    }
    .visi-main-right-pad{
        padding-right: 0;
    }
    .visi-main-right-pad h2{
        font-size: 40px;
    }
    .visi-main-right-btom{
        display: block;
    }
    .visi-r-img{
        width: 100%;
        margin-top: 0;
    }
    .rews-main{
        padding: 80px 0;
    }
    .rews-title h2 {
        font-size: 36px;
    }
    .rews-ppl{
        margin-top: 20px;
    }
    .rews-ppl ul{
        justify-content: center;
    }
    .rews-rat{
        display: block;
        text-align: center;
    }
    .revews{
        padding-top: 80px;
    }
    .story-line-box-left{
        border-right: none;
    }
    .service-top {
        padding-top: 100px;
        padding-bottom: 80px;
    }
    .service-top .service-top-title h1 {
        font-size: 40px;
    }
    .story-line-left-title{
        margin-bottom: 30px;
    }
    .story-action{
        text-align: center;
        margin-bottom: 50px;
    }
    .daccordion-content{
        padding-left: 0;
    }
    .acc-inner{
        display: block;
        padding: 0 0 10px 0;
    }
    .acc-inner img{
        width: 100%;
        margin-bottom: 20px;
    }
    .acc-title{
        font-size: 22px;
    }
    .our-wi{
        padding-top: 80px;
        padding-bottom: 80px;
    }
    .ourwi-left h2{
        font-size: 40px;
        margin-bottom: 40px;
    }
    .new-accordion .acc-item {
        padding: 20px 20px 20px 20px;
    }
    .new-accordion .acc-content{
        padding-right: 0;
    }
    .ourwi-left{
        margin-bottom: 40px;
    }
    .single-page-intro {
        padding-top: 100px;
    }
    .single-page-intro h1 {
        font-size: 40px;
    }
    .portfolio-filter{
        display: block;
    }
    .portfolio-filter button.active::after{
        bottom: 3px;
    }
    .grid-sizer, .portfolio-item.small {
        width: 100%;
    }
    .portfolio-img {
        height: auto;
    }
    .hero-slider .sli-control-top{
        bottom: -30px;
        width: 60px;
        height: 60px;
    }
    .hero-slider .sli-control-bottom{
        bottom: -30px;
        width: 60px;
        height: 60px;
    }

    .portfolio-img .img-has-slider{
        height: auto;
    }

    .h1-title-two{
        padding-left: 0;
    }
    .buid-it h1 {
        font-size: 40px !important;
    }
    .single-page-intro{
        padding-top: 120px;
    }
    .contact-form{
        margin-top: 40px;
    }
    .contact-us-bloq{
        padding-top: 80px;
        padding-bottom: 80px;
    }
    .footer{
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .footer-box{
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .footer-box img{
        height: 50px;
    }

    /* Hide left column */
    .nav-overlay .overlay-left {
        display: none;
    }

    /* Right column becomes full screen */
    .nav-overlay .overlay-right {
        width: 100%;
        padding: 0 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    /* Menu UL full width */
    .nav-overlay .overlay-right ul {
        width: 100%;
        padding: 0;
    }

    /* Menu items */
    .nav-overlay .overlay-right ul li {
        margin-bottom: 0;
    }

    /* Bigger, touch-friendly links */
    .nav-overlay .overlay-right ul li a {
        font-size: 24px;
        font-weight: 700;
        text-decoration: none;
        color: #fff;
        letter-spacing: 0.5px;
        display: inline-block;
        padding: 8px 0;
        transition: color .3s ease;
    }

    .nav-overlay .overlay-right ul li a:hover{
        padding-left: 0;
    }

    /* Close button adjusted */
    .nav-overlay .overlay-close {
        top: 20px;
        right: 20px;
        width: 45px;
        height: 45px;
        background: #ffffff20;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        backdrop-filter: blur(4px);
    }

    .nav-overlay .overlay-close i {
        font-size: 20px;
    }
    .nav-overlay .overlay-right ul li a:hover::after{
        display: none;
    }
}