/********************************************************************

Main slider css - EN

*********************************************************************/


.en #home-slider #slide-1-btn i {
    margin-left: 0px!important;
  margin-right: 5px!important;
  vertical-align: baseline;
  font-size: 18px!important;
}

.en #home-slider #slide-1-btn .slide-1-btn2 i {
  margin-right: 10px!important;
  font-size: 19px!important;
}




/********************************************************************

Responsive Rules - DESKTOP

*********************************************************************/



@media only screen and (min-width: 2000px) and (max-width: 3200px){}


@media only screen and (min-width: 1100px) and (max-width: 2000px){}



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

  .en .main-title-1 {
    font-size: 34px!important;
   
  }
          .en .ipad-pic-wrap {
      transform: translate3d(5px, -20px, 0)scale(0.93)!important;
  }
      .en .mouse-pic-wrap {
         transform: translate3d(-10px, -45px, 0)scale(0.95)!important;
  }
        .en .pen-pic-wrap {
      transform: translate3d(0px, -35px, 0)scale(1)!important;
  }
        
       .en #text-box, .en #btns-wrap {
             margin-left: 25px!important;
             margin-top: -8px;
  }  
          .en #work-2-sh .cover-image img {
          transform: translate3d(-50%, 4%, 0)scale(0.94)!important;
  }
      .en #work-3-sip .cover-image img {
         transform: translate3d(-50%, 4%, 0)scale(0.9)!important;
  } 

}

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

  .en .vase-pic-wrap {
    transform: translate3d(150px, -90px, 0)scale(0.8)!important;
}
     .en .ipad-pic-wrap {
    transform: translate3d(-80px, -10px, 0)scale(0.82)!important;
}
   .en .salt-pic-wrap {
    transform: translate3d(30px, 15px, 0)scale(0.95)!important;
}
     .en .pen-pic-wrap {
    transform: translate3d(30px, -25px, 0)scale(0.85)!important;
}
    .en .mouse-pic-wrap {
    transform: translate3d(-110px, -50px, 0)scale(0.95)!important;
}
     .en .texts-element {
    margin-top: -35px!important;
    margin-right: 0px!important;
    margin-left: -70px!important;
}
    .en .taptap-contents-wrapper {
    max-width: 90%;
}
    .en #footer .av_one_fourth:last-child {
    margin-left: 3%;
}
    
    .en .work-text-box-wrap {
    left: 10%!important;
}
    .en #work-2-sh .cover-image img {
           transform: translate3d(-50%, -3%, 0)scale(0.97)!important;
}
    .en #work-3-sip .cover-image img {
       transform: translate3d(-50%, -4%, 0)scale(0.95)!important;
}

.en .work-desc, .en .work-pre-title {
  letter-spacing: 0.3px!important;
}


}


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

  .en .vase-pic-wrap {
    transform: translate3d(180px, -50px, 0)scale(0.8)!important;
}
    .en .ipad-pic-wrap {
    transform: translate3d(-110px, -4px, 0)scale(0.8)!important;
}
    .en .salt-pic-wrap {
    transform: translate3d(0px, -10px, 0)scale(0.95)!important;
}
    .en .mouse-pic-wrap {
    transform: translate3d(-140px, -65px, 0)scale(0.9)!important;
}
    .en .pen-pic-wrap {
    transform: translate3d(5px, 25px, 0)scale(0.8)!important;
}
         .en .texts-element {
    margin-right: 0px!important;
    margin-left: -90px!important;
}

}


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

  .en .main-title-1 {
    font-size: 34px!important;
    margin-top: 7px!important;
}
     .en .main-sub-title {
    font-size: 20px!important;
}
    .en .prince-pre-title {
    font-size: 20px!important;
    margin-top: 10px!important;
}
    .en #slide-1-btn .tp-caption {
    font-size: 18px!important;
}
    .en #home-slider #slide-1-btn i {
    margin-right: 7px!important;
    font-size: 17px!important;
}
    .en #home-slider #slide-1-btn .slide-1-btn2 i {
    margin-right: 11px!important;
    font-size: 19px!important;
}
    .en .slide-1-btn2 {
    margin-right: 0px!important;
    margin-left: -8px!important;
}
        .en #text-box, .en #btns-wrap {
           margin-left: 40px!important;
           margin-top: 22px;
}
    
    .en .ipad-pic-wrap {
    transform: translate3d(-145px, 15px, 0)scale(0.78)!important;
}
    
     .en .work-title{
        font-size: 38px!important;
    }
        .en .work-pre-title {
        font-size: 18px!important;
    }
    
         .en .work-desc {
        font-size: 17px!important;
             letter-spacing: 0.5px!important;
    }
    .en .work-text-box-wrap {
        top: 67%!important;
}
    .en .work-btn-wrap {
    margin-left: -15px;
}
    .en #work-2-sh .cover-image img {
    transform: translate3d(-50%, -6%, 0)scale(0.97)!important;
}
    #iostag-en{
            transform: scale(0.8)!important;
    margin-left: 15px;
    margin-top: -45px;
    }



}


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

     
  .en .main-title-1 {
    font-size: 30px!important;
    margin-top: 7px!important;
}
    .en .prince-pre-title {
    font-size: 18px!important;
    margin-top: 12px!important;
}
    .en .main-sub-title {
    font-size: 18px!important;
}
    .en #slide-1-btn .tp-caption {
    font-size: 17px!important;
}
    .en #home-slider #slide-1-btn i {
    margin-right: 6px!important;
    font-size: 16px!important;
}
    .en #home-slider #slide-1-btn .slide-1-btn2 i {
    margin-right: 10px!important;
    font-size: 17px!important;
}
    .en .slide-1-btn2 {
    margin-left: 4px!important;
}
    
    .en .texts-element {
    margin-top: 0px!important;
    margin-left: 0px!important;
}
        .en #text-box, .en #btns-wrap {
       margin-left: -5px!important;
    margin-top: 8px;
}
    
    .en .ipad-pic-wrap {
    transform: translate3d(-60px, 20px, 0)scale(0.8)!important;
}
    .en .mouse-pic-wrap {
        transform: translate3d(-70px, -65px, 0)scale(0.9)!important;
}
    
    .en .vase-pic-wrap {
        transform: translate3d(100px, 0px, 0)scale(0.78)!important;
}
    .en .pen-pic-wrap {
    transform: translate3d(45px, 25px, 0)scale(0.8)!important;
}
    .en .salt-pic-wrap {
      transform: translate3d(-20px, -7px, 0)scale(0.8)!important;
}
     .en .custom.tp-bullets {
       top: 103%!important;
}
    .en .work-title {
    font-size: 33px!important;
}
    .en .work-pre-title {
    font-size: 17px!important;
}
    .en .work-desc {
    font-size: 16px!important;
    letter-spacing: 0.4px!important;
}
    .en .work-btn-wrap {
    margin-left: 15px;
}
    .en .work-text-box-wrap {
    top: 65%!important;
}
    .en #work-1-dz .cover-image img {
    transform: translate3d(-50%, 22%, 0)scale(0.65)!important;
}
    .en #work-2-sh .cover-image img {
    transform: translate3d(-50%, 2%, 0)scale(0.92)!important;
}
    .en #work-3-sip .cover-image img {
    transform: translate3d(-50%, 2%, 0)scale(0.9)!important;
}


}


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

  .en .vase-pic-wrap {
    transform: translate3d(225px, -50px, 0)scale(0.75)!important;
}
    .en .pen-pic-wrap {
    transform: translate3d(60px, 45px, 0)scale(0.75)!important;
}
    .en .vase-pic-wrap {
        transform: translate3d(170px, 5px, 0)scale(0.75)!important;
}
    .en .ipad-pic-wrap {
    transform: translate3d(-85px, 40px, 0)scale(0.75)!important;
}
    .en .mouse-pic-wrap {
        transform: translate3d(-90px, -55px, 0)scale(0.84)!important;
}
    .en .salt-pic-wrap {
        transform: translate3d(40px, 0px, 0)scale(0.75)!important;
}
    .en .texts-element {
    margin-top: -5px!important;
    margin-left: -40px!important;
}
    .en .taptap-background-image {
    background-position: 160%;
}
}



@media only screen and (max-width: 1300px) and (min-height: 950px){

  .en .vase-pic-wrap {
    transform: translate3d(350px, -30px, 0)scale(0.7)!important;
}
    .en .pen-pic-wrap {
    transform: translate3d(150px, 0px, 0)scale(0.75)!important;
}
    .en .ipad-pic-wrap {
    transform: translate3d(-250px, 10px, 0)scale(0.7)!important;
}
    .en .texts-element {
    margin-top: -10px!important;
    margin-left: 75px!important;
}
    .en .mouse-pic-wrap {
       transform: translate3d(-190px, -35px, 0)scale(0.75)!important;
}
    .en .salt-pic-wrap {
   transform: translate3d(135px, 25px, 0)scale(0.72)!important;
}
    .en .work-text-box-wrap {
    top: 70%!important;
}
    .en .work-btn-wrap {
    margin-left: -75px;
}
    .en #work-1-dz .cover-image img {
    transform: translate3d(-50%, -1%, 0)scale(0.72)!important;
}
   .en #work-2-sh .cover-image img {
    transform: translate3d(-50%, -5%, 0)scale(0.94)!important;
} 


}


@media only screen and (min-width: 1100px) and (max-width: 1450px){}




/********************************************************************

Responsive Rules - TABLETS

*********************************************************************/

/*
All Mobiles & tablets
================================================== */
@media only screen and (max-width: 1150px){}


/*
ipad pro 11
================================================== */

/* Portrait */
@media only screen 
  and (min-device-width: 834px) 
  and (max-device-width: 834px) 
  and (orientation: portrait)
  and (min-height: 1120px)
  and (-webkit-min-device-pixel-ratio: 2) {

      
          html .en #wrap_all #main .salt-pic-wrap {
    transform: translate3d(115px, 88px, 0)scale(0.8)!important;
} 
      html .en #wrap_all #main .pen-pic-wrap {
    transform: translate3d(450px, -195px, 0)scale(0.83)!important;
}
      html .en #wrap_all #main .mouse-pic-wrap {
    transform: translate3d(-270px, -30px, 0)scale(0.95)!important;
}
      
        html .en #wrap_all #main .work-btn-wrap{
          margin-left:20px;
          margin-top: 0;
      }
      
      html .en #wrap_all #main #work-1-dz .work-btn-wrap{
          margin-left:25px;
      }
      
    
}

/* Landscape */
@media only screen 
  and (min-width: 1194px) 
  and (max-width: 1194px) 
  and (orientation: landscape) 
 {

     
     .en #work-1-dz .cover-image img {
    transform: translate3d(-50%, 23%, 0)scale(0.65)!important;
}
     
     .en .ipad-pic-wrap {
    transform: translate3d(-165px, 25px, 0)scale(0.60)!important;
}
     
    .en .mouse-pic-wrap {
    transform: translate3d(-150px, -55px, 0)scale(0.75)!important;
}
     .en .pen-pic-wrap {
    transform: translate3d(260px, 55px, 0)scale(0.74)!important;
}
     .en .salt-pic-wrap {
    transform: translate3d(110px, 30px, 0)scale(0.61)!important;
}
     
     .en .vase-pic-wrap {
    transform: translate3d(250px, 20px, 0)scale(0.68)!important;
}
     
          .en #work-2-sh .cover-image img {
    transform: translate3d(-50%, -4%, 0)!important;
}
      .en #work-3-sip .cover-image img {
    transform: translate3d(-50%, -2%, 0)!important;
}
     
          #iostag-en {
    transform: scale(0.60)!important;
   margin-top: -40px;
    margin-left: 30px;
}
     
}


/*
איפד פרו 10.5 - לרוחב
================================================== */
@media only screen and (max-width: 1115px) and (min-height: 770px) and (orientation : landscape){
   

.en .vase-pic-wrap {
transform: translate3d(305px, 15px, 0)scale(0.65)!important;
}
.en .pen-pic-wrap {
transform: translate3d(130px, 60px, 0)scale(0.65)!important;
}
.en .salt-pic-wrap {
transform: translate3d(115px, 20px, 0)scale(0.65)!important;
}
.en .ipad-pic-wrap {
transform: translate3d(-215px, 40px, 0)scale(0.65)!important;
}
.en .mouse-pic-wrap {
transform: translate3d(-150px, -50px, 0)scale(0.75)!important;
}
.en .texts-element {
margin-top: 0px!important;
margin-left: 0px!important;
}
.en #text-box, .en #btns-wrap {
margin-left: 10px!important;
}

.en #work-1-dz .cover-image img {
transform: translate3d(-50%, 21%, 0)scale(0.65)!important;
}
.en #work-2-sh .cover-image img {
transform: translate3d(-50%, 4%, 0)scale(0.98)!important;
}
.en #work-3-sip .cover-image img {
transform: translate3d(-50%, 4%, 0)scale(1)!important;
}

#iostag-en {
transform: scale(0.7)!important;
margin-left: 20px;
margin-top: -45px;
}
.en .work-btn-wrap {
margin-left: -20px;
}
 .en .taptap-background-image {
background-position: 200%;
}
.en .widget_icl_lang_sel_widget {
right: 96px;
}


}

/*
BIG tablets
================ */

@media only screen and (max-width: 1150px) and (orientation :  portrait){}


@media only screen and (max-width: 1150px) and (orientation : landscape){}




/*
SMALL tablets
================ */

@media only screen and (max-width: 1100px) and (orientation : landscape){

    .en .vase-pic-wrap {
      transform: translate3d(280px, 25px, 0)scale(0.65)!important;
    }
    .en .ipad-pic-wrap {
      transform: translate3d(-180px, 45px, 0)scale(0.65)!important;
    }
    .en .mouse-pic-wrap {
      transform: translate3d(-125px, -20px, 0)scale(0.75)!important;
    }
    .en .main-title-1 {
    font-size: 27px!important;
    margin-top: 7px!important;
    }
    .en .prince-pre-title {
    font-size: 16px!important;
    margin-top: 12px!important;
    }
    .en .main-sub-title {
    font-size: 16px!important;
    }
    .en #slide-1-btn .tp-caption {
    font-size: 16px!important;
    }
    .en .texts-element {
    margin-top: 15px!important;
    }
    .en #text-box, .en #btns-wrap {
    margin-left: 15px!important;
    }
    .en .work-text-box-wrap {
    top: 69%!important;
    }
    .en #work-2-sh .cover-image img {
    transform: translate3d(-50%, -5%, 0)scale(1.1)!important;
    }
    .en #work-3-sip .cover-image img {
    transform: translate3d(-50%, -5%, 0)scale(1)!important;
    }


}


@media only screen and (max-width: 1100px) and (min-height: 600px) and (orientation : landscape){

  .he .main-title-1 {
    font-size: 37px!important;
    margin-top: 8px!important;
}
    .he .prince-pre-title {
    font-size: 19px!important;
    margin-top: 10px!important;
}
    .he .main-sub-title {
    font-size: 19px!important;
    margin-top: 3px!important;
}
    
      .texts-element{
       margin-top: -15px!important;
    margin-right: 77px!important;
    }
    
          #iostag {
    transform:scale(0.7)!important;
              margin-left: -25px;
              margin-top: -75px;
        
}

}


/*
איפד פרו 10.5 - לאורך
================================================== */
@media only screen and (min-device-width: 834px) 
  and (max-device-width: 834px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2){
    

    .en #wrap_all #main .pen-pic-wrap {
    transform: translate3d(450px, -140px, 0)scale(0.8)!important;
}
    .en #wrap_all  #main .mouse-pic-wrap {
        transform: translate3d(-260px, -45px, 0)scale(1)!important;
}
    .en #wrap_all  #main .ipad-pic-wrap {
   display: none;
}
    .en #wrap_all  #main .salt-pic-wrap {
        transform: translate3d(25px, 60px, 0)scale(1)!important;
}
   .en #wrap_all  #main .vase-pic-wrap {
    transform: translate3d(262px, -195px, 0)scale(0.85)!important;
} 
    .en #text-box, .en #btns-wrap {
    margin-left: -10px!important;
    margin-top: 27px;
}
    
    .en #wrap_all #work-1-dz .cover-image img {
    transform: translate3d(-50%, -4%, 0)scale(0.8)!important;
}
    .en #wrap_all #main .work-btn-wrap {
    margin-left: 20px;
}
    #wrap_all #main #iostag-en {
    transform: scale(0.9)!important;
    margin-left: 3px;
    margin-top: -35px;
}
    
  
}

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


@media only screen and (max-width: 990px) and (orientation : portrait){

  .en .texts-element {
    margin-top: -10px!important;
    margin-left: 0px!important;
}
    .en #wrap_all .mouse-pic-wrap, .en #wrap_all .salt-pic-wrap, .en #wrap_all .vase-pic-wrap, .en #wrap_all .ipad-pic-wrap, .en #wrap_all .pen-pic-wrap  {
    transform: translate3d(0px, 0px, 0)scale(1)!important;
}
    .en .slide-1-btn2 {
    margin-left: -15px!important;
}
    .en .work-text-box-wrap {
    top: 74%!important;
}
    .en #wrap_all #main .work-btn-wrap {
    margin-left: -70px;
        margin-top: 5px;
}
    .en #work-1-dz .cover-image img {
    transform: translate3d(-50%, 13%, 0)scale(0.7)!important;
}
    .en #work-2-sh .cover-image img {
    transform: translate3d(-50%, -5%, 0)scale(0.96)!important;
}
    
    .en #work-3-sip .cover-image img {
    transform: translate3d(-50%, -9%, 0)scale(0.85)!important;
}
    #iostag-en {
    transform: scale(0.7)!important;
    margin-left: 23px;
    margin-top: -50px;
}


}



@media only screen and (max-width: 780px) and (min-height: 900px)  and (orientation : portrait){}




/********************************************************************

Responsive Rules - MOBILE

*********************************************************************/



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



}

@media only screen and (max-width: 767px) and (orientation : portrait){

  .en .main-title-1 {
    font-size: 23px!important;
    margin-top: 7px!important;
}

    
    .en .prince-pre-title {
    font-size: 16px!important;
    margin-top: 13px!important;
}
    .en .main-sub-title {
    font-size: 16px!important;
}
    .en #text-box, .en #btns-wrap {
    margin-left: 0px!important;
     margin-top: 0px;
}
    
    .en .slide-1-btn2 {
    margin-left: -13px!important;
}
    .en #slide-1-btn .tp-caption {
    font-size: 16px!important;
    color: #404040!important;
}
    .en #home-slider #slide-1-btn i {
    margin-right: 6px!important;
    font-size: 15px!important;
}
    
    .en #home-slider #slide-1-btn .slide-1-btn2 i {
    margin-right: 9px!important;
    font-size: 16px!important;
}
    .en #work-1-dz .cover-image img {
   transform: translate3d(-51.5%, -28%, 0)scale(0.52)!important;
}
        .en #work-2-sh .cover-image img {
    transform: translate3d(-50%, -4%, 0)scale(0.96)!important;
}
        
    .en #work-3-sip .cover-image img {
    transform: translate3d(-52.5%, -8%, 0)scale(0.8)!important;
}
    #iostag-en {
   transform: scale(0.5)!important;
    margin-left: 36px;
    margin-top: -52px;
}
    .en #wrap_all #main .work-btn-wrap {
    margin-left: 0px;
    margin-top: 0px;
}
    .en #wrap_all #main #work-1-dz .work-btn-wrap {
    margin-left: 0px;
}
    .en .work-title {
    font-size: 26px!important;
}
    .en .work-desc {
    font-size: 15px!important;
    letter-spacing: 0.3px!important;
}
    .en .work-pre-title {
    font-size: 16px!important;
}

}

@media only screen and (max-width: 767px) and (orientation : landscape){

       
 
.en .main-title-1 {
  font-size: 15px!important;
  margin-top: 5px!important;
}
  .en .main-sub-title {
  font-size: 10px!important;
      margin-top: 3px!important;
}
  .en .prince-pre-title {
  font-size: 10px!important;
  margin-top: 6px!important;
}
.en #text-box, .en #btns-wrap {
  margin-left: 25px!important;
}
  .en #slide-1-btn .tp-caption {
  font-size: 10px!important;
}
  .en #home-slider #slide-1-btn i {
  margin-right: 3px!important;
  font-size: 9px!important;
}
  .en #home-slider #slide-1-btn .slide-1-btn2 i {
  margin-right: 4px!important;
  font-size: 10px!important;
}
  .en .slide-1-btn2 {
  margin-left: 10px!important;
}
  
  .en .vase-pic-wrap {
 transform: translate3d(-225px, 25px, 0)scale(1.3)!important;
}
  .en .salt-pic-wrap {
  transform: translate3d(-130px, -10px, 0)scale(0.9)!important;
}
  .en .mouse-pic-wrap {
  transform: translate3d(95px, -4px, 0)scale(0.9)!important;
}
  .en .pen-pic-wrap {
  transform: translate3d(-230px, 20px, 0)scale(0.95)!important;
}
  .en #wrap_all .ipad-pic-wrap {
  transform: translate3d(60px, 75px, 0)scale(0.85)!important;
}
 .en .main-sep {
  display: none!important;
}
  .en #btns-wrap {
  transform: translate3d(-40px, 6px, 0);
}
  
  .en #work-1-dz .cover-image img {
  transform: translate3d(-50%, -1%, 0)scale(0.38)!important;
}
  .en #work-2-sh .cover-image img {
  transform: translate3d(-50%, -5%, 0)scale(0.9)!important;
}
  
  .en .work-text-box-wrap {
  top: 66%!important;
}
     .en .work-text-box{
  min-width: 450px!important;
         max-width: 450px!important;
}
  
  .en .work-title {
      font-size: 17px!important;
  margin-top: 3px!important;
}
  .en .work-pre-title {
  font-size: 11px!important;
}
  .en .work-desc {
  font-size: 11px!important;
  letter-spacing: 0.3px!important;
}
  
  .en .work-btn-wrap {
  margin-left: 7px;
  margin-top: 2px;
}
  
  #iostag-en {
  transform: scale(0.8)!important;
  margin-left: 8px;
  margin-top: -23px;
}


.en #wrap_all #main #work-1-dz .work-btn-wrap {
  margin-left: -10px;
}
  
     .en #wrap_all #main #work-2-sh .work-btn-wrap {
  margin-left: 8px;
}
     
      .en #wrap_all #main #work-3-sip .work-btn-wrap {
  margin-left: 8px;
} 

         .en #wrap_all #main #work-4-zm .work-btn-wrap {
  margin-left: 0px;
} 
  
         .en #wrap_all #main #work-5-ios .work-btn-wrap {
  margin-left: -10px;
} 


}



/*
iphone X
================ */
@media only screen and (device-width : 375px) and (device-height : 812px) and ( -webkit-min-device-pixel-ratio:3 ) and (orientation : portrait){}


/*
MOBILE XL
================ */

@media only screen and (min-width: 375px) and (max-width: 767px) and (orientation : portrait){}


/*
MOBILE M
================ */

@media only screen and (max-width: 375px) and (orientation : portrait){

  .en .main-title-1 {
    font-size: 21px!important;
    margin-top: 7px!important;
}
    .en .main-sub-title {
    font-size: 15px!important;
}
    .en .prince-pre-title {
    font-size: 15px!important;
    margin-top: 12px!important;
}
    .en #home-slider #slide-1-btn i {
    margin-right: 5px!important;
    font-size: 14px!important;
}
    .en #home-slider #slide-1-btn .slide-1-btn2 i {
    margin-right: 8px!important;
    font-size: 15px!important;
}
    .en #slide-1-btn .tp-caption {
    font-size: 15px!important;
}
    .en #btns-wrap {
    transform: translate3d(0px, 0px, 0);
}
    .en .slide-1-btn2 {
    margin-left: -5px!important;
}
    .en #text-box, .en #btns-wrap {
    margin-left: -2px!important;
    margin-top: 5px;
}
    
    .en #work-1-dz .cover-image img {
    transform: translate3d(-51.2%, -32%, 0)scale(0.42)!important;
}
    .en #work-3-sip .cover-image img {
    transform: translate3d(-50%, -8%, 0)scale(0.75)!important;
}
    
    .en #work-3-sip .work-desc {
    min-width: 230px!important;
}
    
    .en .work-title {
    font-size: 24px!important;
}
    
    .en .work-pre-title {
    font-size: 15px!important;
}
    .en .work-desc {
    font-size: 14px!important;
    letter-spacing: 0.2px!important;
}
    
    .en #wrap_all #main .work-btn-wrap {
    margin-left: 15px;
    margin-top: 0px;
            transform: scale(0.95)!important;
}
    
     .en #wrap_all #main .work-btn {
   line-height: 32px!important;
}
    #iostag-en {
    margin-left: 33px;
}

}

@media only screen and (max-width: 667px) and (orientation: landscape){

  .en .main-title-1 {
    font-size: 14px!important;
    margin-top: 2px!important;
}
    .en .main-sub-title {
    min-width: 210px!important;
    max-width: 210px!important;
}
    .en .prince-pre-title {
    margin-top: 0px!important;
}
    .en #text-box, .en #btns-wrap {
    margin-left: 20px!important;
}
   .en .work-text-box-wrap {
    transform: scale(1.3) perspective(1px)!important;
}
    .en #work-1-dz .cover-image img {
    transform: translate3d(-50%, -0.5%, 0)scale(0.36)!important;
}

}



/*
MOBILE SM
================================================== */

@media only screen and (max-width: 320px) and (orientation : portrait){

    
  .en .main-title-1 {
    font-size: 18px!important;
    margin-top: 7px!important;
}
    .en .main-sub-title {
    font-size: 13px!important;
}
    .en .prince-pre-title {
    font-size: 13px!important;
    margin-top: 12px!important;
}
    .en #home-slider #slide-1-btn i {
    margin-right: 4px!important;
    font-size: 12px!important;
}
    .en #home-slider #slide-1-btn .slide-1-btn2 i {
    margin-right: 7px!important;
    font-size: 13px!important;
}
    .en #slide-1-btn .tp-caption {
    font-size: 14px!important;
}
    .en #btns-wrap {
    transform: translate3d(0px, 0px, 0);
}
    .en .slide-1-btn2 {
    margin-left: -3px!important;
}
    .en #text-box, .en #btns-wrap {
    margin-left: -9px!important;
    margin-top: 5px;
}
    .en .work-text-box-wrap {
    left: 7%!important;
         top: 72%!important;
}
    .en #wrap_all #main .work-btn {
    line-height: 29px!important;
}
    
    .en #work-1-dz .cover-image img {
    transform: translate3d(-50%, -35.5%, 0)scale(0.35)!important;
}
    #work-5-ios .cover-image img {
    transform: translate3d(-50%, 0%, 0)!important;
}
    
    
       .en #work-1-dz .work-desc{
    min-width: 190px!important;
}
    .en #wrap_all #main #work-1-dz .work-btn-wrap {
    margin-left: 15px;
}
    
        .en #work-2-sh .work-desc{
    min-width: 215px!important;
}
       .en #wrap_all #main #work-2-sh .work-btn-wrap {
    margin-left: 15px;
}
       
    .en #work-3-sip .work-desc{
    min-width: 210px!important;
}
        .en #wrap_all #main #work-3-sip .work-btn-wrap {
    margin-left: 20px;
             margin-top: 1px;
} 
    
    .en #work-4-zm .work-desc{
    min-width: 170px!important;
}
           .en #wrap_all #main #work-4-zm .work-btn-wrap {
    margin-left: 17px;
               margin-top: 2px;
} 
    
      .en #work-5-ios .work-desc{
    min-width: 170px!important;
}
           .en #wrap_all #main #work-5-ios .work-btn-wrap {
    margin-left: 15px;
} 
    
    
    
    
    .en .work-title {
    font-size: 20px!important;
}
    .en .work-desc {
    font-size: 12px!important;
    letter-spacing: 0.4px!important;
        line-height: 17.5px!important;
}
    .en .work-pre-title {
    font-size: 13px!important;
}
    #iostag-en {
    margin-left: 19px;
}

}

@media only screen and (max-width: 568px) and (orientation : landscape){

  .en .main-title-1 {
    font-size: 12px!important;
    margin-top: 2px!important;
}
    .en .main-sub-title {
    font-size: 8px!important;
}
    .en .prince-pre-title {
    font-size: 8px!important;
}
    .en #slide-1-btn .tp-caption {
    font-size: 8px!important;
}
    .en #home-slider #slide-1-btn i {
    margin-right: 2px!important;
    font-size: 7px!important;
}
    .en #home-slider #slide-1-btn .slide-1-btn2 i {
    margin-right: 3px!important;
    font-size: 8px!important;
}
    .en .vase-pic-wrap {
    transform: translate3d(-170px, 25px, 0)scale(1.2)!important;
}
    .en .pen-pic-wrap {
    transform: translate3d(-200px, 20px, 0)scale(0.95)!important;
}
    .en #wrap_all .ipad-pic-wrap {
    transform: translate3d(53px, 60px, 0)scale(0.8)!important;
}
    .en .mouse-pic-wrap {
    transform: translate3d(85px, 2px, 0)scale(0.8)!important;
}
    
    .work-text-box-wrap {
    transform: scale(1.1) perspective(1px)!important;
}
    .en #work-1-dz .cover-image img {
    transform: translate3d(-50%, 0%, 0)scale(0.3)!important;
}
   .en .work-title {
    margin-top: 10px!important;
}
    .en .work-pre-title {
    margin-top: 7px!important;
}
    .en #wrap_all #main #work-2-sh .work-btn-wrap {
    margin-left: 25px;
}
    .en #wrap_all #main #work-3-sip .work-btn-wrap {
    margin-left: 25px;
}
    .en #wrap_all #main #work-4-zm .work-btn-wrap {
    margin-left: 15px;
}
    .en #wrap_all #main #work-5-ios .work-btn-wrap {
    margin-left: 5px;
}

}