@media only screen and (max-width: 2100px){
/*  .mobile{
    display: none;
  }*/
  #bespoke-concept .concept-left:before{
    right: -95px;
  } 

}

@media only screen and (max-width: 1920px){
/*  .mobile{
    display: none;
  }*/
  #bespoke-concept .concept-left:before{
    right: -98px;
  } 

}

@media only screen and (max-width: 1680px){
  #bespoke-concept .concept-left:before{
    right: -85px;
  }
}

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

  #smart-glass .glass-mock-middle{
    text-align: center;
    position: relative;
    padding-top: 120px;
  }
  #smart-glass .glass-mock-middle .buttons{
    left: 5%;
    top: -38%;
  }
  .home-project-box{
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .home-project-box p{
    padding-bottom: 0px;
  }

}

@media only screen and (max-width: 1366px){
  #bespoke-concept .concept-left:before{
    right: -75px;
  }
  #smart-glass .glass-mock-middle{
    padding-top: 180px;
  }
  .team-carousel .team-box {
    width: 170px;
    margin-bottom: 0px;
  }
  #home-projects .project-banner{
    height: auto;
  }
  .small-pro-box{
    margin-top: 45px;
  }
  .home-project-box h3{
    padding-top: 30px;
  }

}

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

  .home-project-box{
    display: unset;
    animation: unset;
    width: 100%;
  }
  .team-carousel .team-box {
    width: 140px;
    margin-bottom: 30px;
  }

}

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

  .home-about .image-bg img{
    width: 80%;
  }
  #home-about .col-left{
    margin: auto;
  }
  .small-pro-box{
    margin-top: 0px;
  }
  .page-header-left ul li a{
    padding-left: 0px;
  }
  #acoustic-partitions-main .door-box-left{
    overflow: scroll;
  }
  #acoustic-partitions-main .door-box-left .col-md-4 img{
    padding-left: 0px;
  }
  #bespoke-concept .concept-left:before {
    right: -60px;
  }
  #smart-glass .glass-mock-middle .buttons .bx{
    display: unset;
  }
  #smart-glass .glass-mock-middle .buttons{
    top: -36%;
  }
  #smart-glass .shading-solutions{
    height: auto;
  }
  .choose-box{
    overflow: scroll;
    scroll-behavior: smooth;

  }
  .team-carousel .team-box {
    width: 120px;
    margin-bottom: 30px;
  }
}

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

  header .logo-box img{
    margin-left: 0px;
    width: unset;
    margin-top: 0px;
  }
  .navbar ul li{
    display: none;
  }
  .navbar ul li:last-child{
    display: block;
    right: 35px;
    top: 60px;
/*    margin-top: 10px;*/
  }
  #home-about .col-left{
    flex: 100%;
    max-width: 100%;
  }
  #home-about .col-right{
    flex: 100%;
    max-width: 100%;
  }
  .home-about .image-bg img {
      width: 50%;
  }
  #home-products-main .col-md-4{
    flex: 50%;
    max-width: 50%;
  }
  .home-project-box{
    position: unset;
    padding-left: 20px;
    background-color: transparent;
  }
  .project-info{
    top: 15%;
  }
  .home-project-box h3{
    padding-left: 20px;
  }
  .home-project-box p{
    padding-left: 20px;
    padding-right: 20px;
    text-align: justify;
  }
  .small-pro-box img{
    width: 70%;
  }
  #footer-vt .foo-left{
    flex: 100%;
    max-width: 100%;
  }
  #footer-vt .foo-right{
    flex: 100%;
    max-width: 100%;
    padding-left: 0px;
  }
  #footer-vt .foo-left .left-bottom{
    padding-top: 25px;
    padding-bottom: 50px;
  }
  #footer-vt .foo-left .left-bottom img{
    width: 60%;
  }
  .header-scrolled{
    top: 30px !important;
  }
  .header-scrolled .logo-box img{
    width: unset !important;
  }
  .header-scrolled .navbar ul li:last-child{
    display: block;
    right: 35px;
    top: 50px;
/*    margin-top: 10px;*/
  }
  #header.header-scrolled{
    top: 30px !important;
  }
  .about-sec-top .head-title .col-md-5{
    flex: 90%;
    max-width: 90%;
  }
  .choose-list{
    padding-inline-start: 40px;
  }
  .left-info{
    left: 20%;
    top: 20%;
  }
  .team-carousel .team-box{
    width: 180px;
    margin-left: 50px !important;
  }
  .page-banner .banner-txt{
    top: 200px;
  }
  .vision-pro{
    padding-top: 45px !important;
  }
  .vision-pro .col-md-4{
     flex: 100% !important;
    max-width: 100% !important;
  }
  .right-hov-box{
    background-color: unset;
  }
  .page-header-left ul li{
    padding-left: 0px;
    padding-right: 0px;
  }
  #home-products-main .pro-left{
    padding-left: 10px !important;
  }
  .fire-rated .pro-content{
    padding-left: 0px;
  }
  .fire-rated .door-key-left{
    flex: 100% !important;
    max-width: 100% !important;
  }
  .fire-rated .door-key-middle{
    flex: 100% !important;
    max-width: 100% !important;
  }
  .fire-rated .door-key-middle ul li .image-top{
    width: 70%;
  }
  .fire-rated .door-key-right{
    flex: 100% !important;
    max-width: 100% !important;
  }
  .fire-rated .door-key-middle ul li .image-middle{
    width: 70%;
  }
  #acoustic-partitions-main .smart-cabin-box-left{
    flex: 100% !important;
    max-width: 100% !important;
  }
  #acoustic-partitions-main .smart-cabin-box-right{
    flex: 100% !important;
    max-width: 100% !important;
    margin-top: 30px;
  }
  #acoustic-partitions-main .cabin-key{
    flex: 50% !important;
    max-width: 50% !important;
  }
  #acoustic-partitions-main .single-glaze-box-left{
     flex: 100% !important;
    max-width: 100% !important;
  }
  #acoustic-partitions-main .single-glaze-box-right{
    flex: 100% !important;
    max-width: 100% !important;
    margin-top: 30px;
  }
  #acoustic-partitions-main .door-box-left{
     flex: 100% !important;
    max-width: 100% !important;
  }
  #acoustic-partitions-main .door-box-right{
    flex: 100% !important;
    max-width: 100% !important;
     margin-top: 30px;
  }
  #bespoke-concept .concept-left:before{
    right: -50px;
  }
  #smart-glass .smart-film-left{
     flex: 100% !important;
    max-width: 100% !important;
  }
  #smart-glass .smart-film-right{
     flex: 100% !important;
    max-width: 100% !important;
     margin-top: 30px;
      margin-bottom: 30px;
  }
  #smart-glass .smart-glass-key-left{
     flex: 100% !important;
    max-width: 100% !important;
    background-color: transparent;
    margin-bottom: 30px;
  }
  #smart-glass .smart-glass-key-left img{
    width: 100%;
  }
  #smart-glass .smart-glass-key-right{
     flex: 100% !important;
    max-width: 100% !important;
     margin-top: 30px;
  }
  #smart-glass .laminated-benefits{
     flex: 50% !important;
    max-width: 50% !important;
  }
  #smart-glass .glass-mock-left{
      flex: 100% !important;
    max-width: 100% !important;
  }
  #smart-glass .glass-mock-middle{
     flex: 100% !important;
    max-width: 100% !important;
    padding-top: 30px;
  }
  #smart-glass .glass-mock-middle img{
    width: 45%;
  }
  #smart-glass .glass-mock-middle .buttons{
    left: 22%;
    width: 60%;
    bottom: 90% !important;
    margin-top: -100px;
  }
  #smart-glass .glass-mock-middle .try{
    margin-top: -150px;
    padding-left: 0px;
  }
  #smart-glass .glass-mock-right{
      flex: 100% !important;
    max-width: 100% !important;
    margin-top: 30px;
    padding-right: 0px;
  }
  #smart-glass .glass-mock-right img{
    width: 100%;
  }
  #smart-glass .col-md-3{
    flex: 100% !important;
    max-width: 100% !important;
  }
  .service-boxes{
    height: auto !important;
  }
}

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


}


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

  .top-bar-lang ul li:first-child{
    margin-left: 0px;
  }
  .top-bar-lang{
    padding-right: 5px;
    height: 35px;
    padding-top: 5px;
    width: 100%;
  }
  .top-bar-lang .col-md-12{
    padding-left: 0px;
    padding-right: 0px;
  }
  .hero-slider .carousel-cell .inner .title{
    font-size: 1.9em;
  }
  .hero-slider .carousel-cell .inner{
    top: 73%;
    padding-left: 15px;
    padding-right: 5px;
  }
  .hero-slider .carousel-cell .inner br{
    display: none;
  }
  .hero-slider .flickity-page-dots{
    bottom: 13px;
  }
  .hero-slider .carousel-cell{
    height: 590px;
  }
  .flickity-prev-next-button.previous{
    display: none;
  }
  .flickity-prev-next-button.next{
    display: none;
  }
  .home-about .image-bg img{
    width: 100%;
  }
  #home-service .ser-left{
    display: none;
  }
  #home-service .ser-right{
    display: none;
  }
  #home-products-main .pro-left{
    display: none;
  }
  #home-products-main .pro-right{
    display: none;
  }
  #home-products-main .col-md-4{
    flex: 100%;
    max-width: 100%;
  }
  .project-info {
      top: 2%;
  }
  .small-pro-box{
    text-align: center;
    margin-bottom: 30px;
  }
  .small-pro-box img{
    width: 80% !important;
  }
  .page-banner .banner-txt{
    bottom: 12%;
  }
  .choose-list {
      padding-inline-start: 20px;
  }
  .left-info{
    top: 2%;
  }
  .team-carousel .team-box{
    width: 70%;
    margin-left: 40px;
    margin-top: 10px;
  }
  .smart-glass .laminated-glass{
    width: 100%;
  }
  #bespoke-concept .concept-left:before{
    display: none;
  }
  #bespoke-concept .concept-left img{
    width: 100%;
  }
  .fire-rated .pro-content{
    padding-right: 0px;
  }
  .fire-rated .pro-title{
    padding-left: 0px;
    padding-right: 0px;
  }
  .doors-title p{
    width: 100%;
    margin-left: 0px;
    padding-left: 5px;
  }
  .fire-rated .door-key-middle ul li .image-top{
    width: 95%;
  }
  .fire-rated .doors-attr{
    text-align: left;
  }
  .fire-rated .doors-intro-left img{
    width: 95%;
  }
  .fire-rated .doors-intro-right img{
    width: 95%;
  }
  .fire-rated .door-key-middle ul li .image-middle{
    width: 95%;
  }
  .partitions-type .partitions-img{
    margin-top: 20px;
  }
  #acoustic-partitions-main .cabin-key{
    flex: 100% !important;
    max-width: 100% !important;
  }
  #acoustic-partitions-main .door-box-left .col-md-4 img{
    width: 95%;
  }
  .special-glass img{
    width: 120%;
    margin-left: -30px;
  }
  #smart-glass .smart-glass-left-on-off{
    margin-bottom: 40px;
  }
  #smart-glass .glass-mock-middle{
    padding-left: 0px;
  }
  #smart-glass .glass-mock-middle img{
    width: 80%;
  }
  #smart-glass .glass-mock-middle .buttons button{
    width: 100%;
  }
  #footer-vt .foo-right .right-bottom {
    flex: 100% !important;
    max-width: 100% !important;
    display: block;
  }
  #footer-vt .foo-right .right-top{
    display: block;
  }
  #footer-vt .foo-right .right-top .col-md-6{
/*    display: block;*/
    flex: 100% !important;
    max-width: 100% !important;
  }
  .project-gallery{
    padding-left: 0px;
    padding-right: 0px;
  }
  #smart-glass .smart-glass-left-on-off img{
    width: 100%;
  }
  #smart-glass .smart-glass-right-on-off img{
    width: 100%;
  }
  header .logo-box img{
    width: 180% !important;
  }
  .navbar ul li:last-child{
    top: 55px;
  }
  #header.header-scrolled .logo-box img{
    width: 180% !important;
  }
  .footer-vt .col-md-6{
    flex: 100% !important;
    max-width: 100% !important;
  }
  .footer-vt .copyright-bottom{
    text-align: center !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    width: 100%;
  }

}


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

}


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

}

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


}