/* ====== start responsive ========== */

@media (max-width:991px) {
    #header {
        padding: 15px 0;
    }
    .nav{
        align-items: center;
    }
   
    
    .seo_home_area,.main_item{
        height: 70vh;
    }
    .banner_top h3 {
        margin: 0;
    }
    .owl-project{
        position: relative !important;
        display: block;
        height: auto !important;
        width: 100% !important;
        transform: none !important;
    }
    .sec-project {
        height: 600px;
    }
    .pro-bg {
        font-size: 140px;
        line-height: 160px;
    }
    .studio {
        margin-bottom: 50px;
        min-height: auto;
    }
    .Pagination-letter h3 {
        font-size: 40px;
        margin: 0 12px 20px;
    }
    .Pagination-letter p {
        font-size: 20px;
    }
    .p-serv{
        font-size: 14px;
        line-height: 24px;
    }
   .pb-120{
  padding-bottom: 50px;
}
    .p-80{
  padding: 30px 0;
}
.p-120 {
    padding: 50px 0;
}
.mb_120{
  margin-bottom: 50px;
}
    .hero-studio {
        height: 40vh;
    }
    .quote img{
        width: 20px !important;
    }
    .test-details h5{
        margin: 10px 0;
        font-size: 14px;
    }
    .about-info p {
        width: 85%;
    }
    .title-page h3{
        font-size: 130px;
        line-height: 150px;
    }
    .st-img img{
        height: 215px;
    }
    /* .img-slider2 img{
        height: 250px;
    } */
    .img-slider3 img{
        height: 500px;
    }
    .info1-text h3{
        font-size: 150px;
        line-height: 162px;
        top: 40px;
    }
    .info2-text h3{
        font-size: 110px;
        line-height: 160px;
    }
    .hero-top {
        height: 50vh;
    }
    .info1-p{
        bottom: 0;
    }
    .info2-text h5{
        font-size: 35px;
    }
    .p-style{
        font-size: 20px;
    }
    .serv-text h3{
        font-size: 115px;
    letter-spacing: 0px;
    line-height: 127px;
    }
    .serv-info{
        padding: 20px;
        height: auto !important;
    }
    .serv-info h5{
        width: auto;
    }
    .cont-info{
        padding: 30px 10px;
        width: 32%;
    }
    .icon {
        font-size: 30px;
        margin-bottom: 12px;
    }
    .text{
        font-size: 20px;
    }
    .sec-form{
        padding:50px 100px;
    }
    .btn-form{
        font-size: 30px;
    }
    .workk-title h4{
    font-size: 35px;
    line-height: 45px;
    }
    .contact-us label{
        font-size: 15px;
        }
        .form-title h3{
            font-size: 25px;
        }
        .in-logo h4{
            font-size: 14px;
        }
 
}

@media (min-width:912px) and (max-width: 1368px) {

    .title-page h3 {
        font-size: 155px;
        line-height: 167px;
    }
    .hero-top {
        height: 100vh;
    }
    .rev-bg {
        left: -22% !important;
    }
 
}
@media (min-width: 1025px) and (max-width: 1280px) {
    .title-page h3 {
        font-size: 210px;
        line-height: 227px;

    }
    .info1-text h3{
        font-size: 270px;
    }
    .info2-text h3{
        font-size: 190px;
    }
    
}
@media (max-width:767px) {
    .banner_top h3{
        margin: 90px 10px 0;
    }
    .project_item{
        min-width: 100%;
    }
    .pro-bg {
        font-size: 35px;
        line-height: 47px;
        position: relative;
        margin-bottom: 20px;
    }   
    .studio.p-150{
        padding: 0 0 50px;
        margin: 0;
        } 
    .studio .active.center{
        transform: scale(.9);
    }
    .ft-head h1{
        font-size: 40px;
    }
    .list-menu a{
        font-size: 20px;

    }
    .top-footer{
        margin-bottom: 50px;
    }
    .bt-footer {
        padding: 30px 0;
    }
    .about-info p {
        width: 100%;
        font-size: 14px;
    }
    .about-info h5 {
        font-size: 30px;
    }
    .test-details h5{
        font-size: 11px;
    }
    .p-150{
        padding: 50px 0;
      }
      .title-page h3 {
        font-size: 77px;
        line-height: 90px;
      }
      .title-page-2 h3{
        font-size: 70px;
        line-height: 82px;
      }
      /* .img-slider img{
        height: 270px;
    } */
    /* .img-slider2 img{
        height: 125px;
    } */
    .img-slider3 img{
        height: 260px;
    }
    .info1-text h3{
        font-size: 80px;
        line-height: 92px;
        top: -20px;
    }
    .info2-text h3{
        font-size: 60px;
        line-height: 72px;
    }
    .hero-top {
        height: 30vh;
    }
    .info2-text h5{
        font-size: 19px;
    }
    .about-info-1{
        margin: 0;
        padding: 40px 0;
    }
    .info1-p {
        position: relative;
        margin-top: 30px;
    }
    .logo img {
        height: 30px;
    }
    .p-style {
        font-size: 15px;
    }
    .serv-text h3{
        font-size: 60px;
    letter-spacing: 0px;
    line-height: 72px;
    }
    /* .serv-info{
        padding: 20px;
    } */
    .sec-form {
        padding: 30px;
    }
    .cont-det{
        display: block;
    }
    .cont-info {
        width: 90%;
        margin: 0 auto 30px;
    }
    .rev-bg {
        position: relative;
        left: auto;
        top: auto;
    }
    .rev-bg h3 {
        font-size: 35px;
        line-height: 47px;
        width: 100%;
        transform: inherit;
        margin-bottom: 50px;
    }
    .pro-info{
        display: block;
        padding: 15px 15px 30px;
    }
           .mb_20 {
    margin-bottom: 10px;
}
.posters .row>div {
    padding: 0 5px 0 5px;
}
.pl_10 {
    padding-left: 5px;
}
.pr_10 {
    padding-right: 5px;
}
#header.navbar_pages.navbar_bg.work-menu .scroll-logo {
        margin-left:-4px !important;
    }
     #header.navbar_pages.navbar_bg.work-menu .toggle-menu{
        display: block;
    }
    #header.navbar_pages.navbar_bg {
    background-color: rgb(0 0 0 / .8) !important;
    padding: 10px 0;
}
}

@media (min-width: 768px) and (max-width: 1024px) {
    .rev-bg {
        left: -32%;
    }
    .review .row.justify-content-center{
        justify-content: end !important;
    }
    .about-info-1{
        margin: 0;
    }
      #header.navbar_pages.navbar_bg.work-menu .scroll-logo{
            margin-left: -10px !important;
    }
       
    .logo img {
    height: 35px;
}
}

@media (min-width:992px) and (max-width: 1024px) {
    .seo_home_area,.main_item{
        height: 50vh;
    }
    .project_item {
        min-width: 60%;
    }
    .sec-project {
        height: 50vh;
    }
    .owl-project{
        position: relative;
        display: block;
        height: auto !important;
        width: 100% !important;
        transform: none !important;
    }
    .sec-project {
        height: 600px;
    }
    .title-page h3 {
        font-size: 170px;
        line-height: 182px;
    }
    .hero-studio {
        height: 40vh;
    }
    .st-img img{
        height: 285px;
    }
    /* .img-slider img{
        height: 355px;
    } */
    /* .img-slider2 img{
        height: 330px;
    } */
    .img-slider3 img{
        height: 450px;
    }
    .info1-text h3{
        font-size: 200px;
        line-height: 222px;
    }
    .info2-text h3{
        font-size: 160px;
        line-height: 172px;
    }
    .hero-top {
        height: 48vh;
    }
    .info1-p{
        bottom: 11%;
    }
    .info2-text h5{
        font-size: 55px;
    }
    .serv-info{
        padding: 40px 10px;
    }
    .cont-info{
        padding: 30px;
    }
    
}

@media (max-width: 490px){
    .title-page h3{
        font-size: 60px;
        line-height: 72px;
    }
    .title-page-2 h3{
        font-size: 60px;
        line-height: 72px;
      }
      
}
@media (max-width: 360px){
    .title-page-2 h3{
        font-size: 55px;
        line-height: 67px;
      }
      
}

/* @media (min-width: 800px) {
    .rev-bg {
        left: -10% !important;
    }
} */

@media (min-width:720px) and (max-width: 1180px) {
    .rev-bg {
        left: -30% !important;
    }
    #header.navbar_pages.navbar_bg.work-menu .scroll-logo {
        margin-left: -10px !important;
    }
}
/* @media(max-width: 1280px) {
    .rev-bg {
        left: -10% !important;
    }
} */
@media (min-width:912px) and (max-width: 1368px) {
    .rev-bg {
        left: -25% !important;
    }
    
}

@media (min-width:1024px) and (max-width: 1366px) {
    .rev-bg {
        left: -18% !important;
    }
    #header.navbar_pages.navbar_bg.work-menu .scroll-logo{
        margin-left: 10px ;
    }
}
  
@media (min-width:480px) and (max-width:768px){
#header.navbar_pages.navbar_bg.work-menu .scroll-logo {
        margin-left:-4px !important;
    }
     #header.navbar_pages.navbar_bg.work-menu .toggle-menu{
        display: block;
    }
    #header.navbar_pages.navbar_bg {
    background-color: rgb(0 0 0 / .8) !important;
    padding: 10px 0;
}
}