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

Main slider css

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


.home #main .container_wrap_first .container, .home #main .container_wrap_first .content {
    width: 100%!important;
    max-width: 100%!important;
     padding: 0!important;
}

.home #main .container_wrap_first .avia_code_block_0{
min-height: 95vh;
}

.home .custom .tp-bullet{
    width: 35px;
height: 30px;
border-bottom: 2px solid #9e9e9e;
background: none!important;
}

.home .custom .tp-bullet:hover, .home .custom .tp-bullet.selected {
    border-color: #0d3f7a;
}

#home-slider #slide-1-btn i{
color: #0d3f7a!important;
margin-left: 11px!important;
line-height: 0!important;
vertical-align: middle;
font-size: 19px!important;
}


.s-header-dark-tr .custom.horizontal, .s-header-light .custom.horizontal, .s-header-light-tr .custom.horizontal{
display: none!important;
}



.top-view.s-header-dark-tr #lang_sel_list a{
    color: #ababab;
}

.top-view.s-header-dark-tr #lang_sel_list li span:before{
    color: #ffffff;
}

.top-view.s-header-dark-tr .taptap-main-menu-button-six:after, .top-view.s-header-dark-tr .taptap-main-menu-button-six:before{
    background-color: #cbcbcb!important;
    opacity: 1;
    -webkit-transition: all 0.2s ease-out!important;
    transition: all 0.2s ease-out!important;
}

.top-view.s-header-dark-tr .taptap-search-button{
    border-color:#cbcbcb!important;
}

.top-view.s-header-dark-tr .taptap-search-button::after{
    background-color: #cbcbcb!important;
}



.ar-right path, .ar-left path{
 -webkit-transition: all 0.4s ease-out!important;
      transition: all 0.4s ease-out!important;
}

.ar-right:hover path, .ar-left:hover path{
    fill: rgba(165, 165, 165, 0.25)!important;
  -webkit-transition: all 0.4s ease-out!important;
      transition: all 0.4s ease-out!important;
}

.work-text-box{
cursor: pointer;
}



/*#####################################*/

.swipe-icon{
    display: none!important;
}

.full-width-text a, .ex-text-btn{
font-weight: 400!important;
}

.home .template-page, .portfolio-slider-wrap .container{
padding: 0!important;
width: 100%!important;
max-width: 100%!important;
min-height: 0px!important;
}


.nodot .tp-dottedoverlay, .nodot rs-dotted.threexthree{
background: none!important;
}
.work .tp-dottedoverlay{
z-index: 22!important;
}


.home-first-slide .slotholder{
       opacity: 0.3!important;
}

#work-ex-slide .slotholder{
   opacity: 0.5!important;
}

.work-ex-stage-wrap, .work-ex-stage-wrap .tp-mask-wrap, .work-ex-stage-wrap .tp-loop-wrap{
width: 100%!important;
max-width: 100%;
left: 0!important;
overflow: visible!important;
}
.work-ex-stage {
width: 43%;
margin: 0 auto!important;
}

.work-ex-stage a{
width: 25%;
float: right;
text-align: center!important;
text-decoration: none!important;
margin-bottom: 8%!important;
}

.work-ex-stage .avia_button_icon {
width: 120px;
height: 120px;
margin: 0 auto!important;
background-color: rgba(0, 0, 0, 0.64);
color: #419DFF;
display: block;
border-radius: 300px;
font-size: 31px!important;
line-height: 120px!important;
margin-bottom: 14%!important;
border: 9px solid rgba(0, 0, 0, 0.2)!important;
box-sizing: content-box;
-moz-background-clip: padding;
-webkit-background-clip: padding;
background-clip: padding-box;
-webkit-transition: all 0.2s ease-out!important;
      transition: all 0.2s ease-out!important;

}
.work-ex-stage .ex-text-btn{
color: white;
font-size: 25px!important;
 -webkit-transition: all 0.2s ease-out!important;
transition: all 0.2s ease-out!important;
}
.work-ex-stage a:hover .avia_button_icon{
font-size: 34px!important;
background-color: rgb(16, 16, 16);
border: 9px solid rgba(0, 0, 0, 0.47)!important;
box-shadow: 0px 0px 0px 2px #419DFF;
-webkit-transition: all 0.2s ease-out!important;
transition: all 0.2s ease-out!important;
}
.work-ex-stage a:hover .ex-text-btn{
letter-spacing: 0.5px!important;
 -webkit-transition: all 0.2s ease-out!important;
transition: all 0.2s ease-out!important;
}

.work-btn{
letter-spacing: 0px!important;
border-radius: 100px!important;
text-align: center!important;
background-color: rgba(0, 0, 0, 0)!important;
border: 1px solid rgba(84, 84, 84, 0.7)!important;
color: #464646!important;

}
.work-btn:hover{
  
background-color: rgba(0, 0, 0, 0.75)!important;
border: 0px solid rgba(84, 84, 84, 0.17)!important;
color: #8c8c8c!important;
   -webkit-transition: all 0.2s ease-out!important;
transition: all 0.2s ease-out!important;
}

.slide-light .work-btn{
background-color: rgba(0, 0, 0, 0)!important;
border: 1px solid rgba(169, 169, 169, 0.7)!important;
color: #a5a5a5!important;

}
.slide-light .work-btn:hover{
  
background-color: rgba(13, 63, 122, 1)!important;
border: 0px solid rgba(84, 84, 84, 0.17)!important;
color: #ffffff!important;
}



.work-btn-wrap{
    transform: scale(1)!important; 
  -webkit-transition: all 0.2s ease-out!important;
transition: all 0.2s ease-out!important;
}

.work-btn-wrap:hover{
     transform: scale(1.1)!important;
  -webkit-transition: all 0.2s ease-out!important;
transition: all 0.2s ease-out!important;
}




.prince-c-logo .st1, .prince-c-logo .st4{
  fill:#ffffff;
-webkit-transition: all 0.3s ease-out!important;
transition: all 0.3s ease-out!important;
}

.prince-c-logo .st0{
opacity: 0.4;
}

.prince-c-logo .st4{
opacity: 0.6;
}


.prince-c-logo svg{
opacity: 0.3!important;
-webkit-transition: all 0.3s ease-out!important;
transition: all 0.3s ease-out!important;
}

.prince-c-logo:hover svg{
opacity: 0.6!important;
cursor: pointer;
-webkit-transition: all 0.3s ease-out!important;
transition: all 0.3s ease-out!important;
}

.prince-c-logo:hover .st1{
fill:#3999FF;
-webkit-transition: all 0.3s ease-out!important;
transition: all 0.3s ease-out!important;
}

.work-stage-wrap{
height: 40%!important;
 width: 100%!important;
max-width: 100%;
left: 0!important;
overflow: visible!important;
bottom: 0!important;
top: initial!important;
}

.avia-msie .work-stage-wrap{
top: 60%!important;
}


.work-stage-wrap .tp-mask-wrap, .work-stage-wrap .tp-loop-wrap{
width: 100%!important;
max-width: 100%;
left: 0!important;
overflow: visible!important;
bottom: 0!important;
top: initial!important;
}

.black-over{
background-color: rgba(0, 0, 0, 0.4);
}
.work-stage-wrap .tp-loop-wrap, .work-stage-wrap .tp-mask-wrap, .work-stage-wrap .tp-caption , .work-stage-wrap .work-stage,  .work-stage-wrap .black-over, .work-stage-wrap .work-info-box{
height: 100%!important;
}

.work-info-box{
background-color: #0e0e0e;
width: 45%;
padding: 5% 6%!important;
}
.work-info-inner{
text-align: left;
}

.project-title{
font-size: 63px!important;
font-weight: 700;
margin-bottom: 8%!important;
}
.project-cat{
font-size: 25px!important;
color: #656565;
}
.work-slider-sep{
background-color: #072844;
width: 30%;
float: left;
margin: 7% 0!important;
height: 2px;
}
.work-slider-btn{
font-size: 22px;
clear: both;
float: left;
color: #3999FF!important;
opacity: 0.6;
text-decoration: none!important;
  -webkit-transition: all 0.2s ease-out!important;
transition: all 0.2s ease-out!important;
}
.work-slider-btn:hover{
opacity: 1;
  -webkit-transition: all 0.2s ease-out!important;
transition: all 0.2s ease-out!important;
}

.work-slider-btn .avia_button_icon{
font-size: 16px;
margin-left: 2px;
}


/***************************style-2*/

.work-style-2 .work-info-box {
float: left;
}
.work-style-2 .work-info-inner {
text-align: right;
}
.work-style-2 .work-slider-sep {
float: right;
}


.dark-over .black-over{
background-color: rgba(0, 0, 0, 0.6);
}




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

Responsive Rules - DESKTOP

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



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

    .ipad-pic-wrap { transform: translate3d(310px, -160px, 0)scale(1.1)!important; }
    .vase-pic-wrap { transform: translate3d(-220px, -200px, 0)scale(1.27)!important; }
    .salt-pic-wrap { transform: translate3d(-150px, 50px, 0)scale(1.27)!important; }
    .pen-pic-wrap { transform: translate3d(-70px, -150px, 0)scale(1.1)!important; }
    .mouse-pic-wrap { transform: translate3d(230px, 0px, 0)scale(1.3)!important;}

    .main-title-1{
    font-size: 53px!important;
    margin-top: -9px!important;
    }

    .prince-pre-title{
    font-size: 27px!important;
    margin-top: -18px!important;
    }

    .main-sub-title{
    font-size: 28px!important;
    max-width: 700px!important;
    }

    #slide-1-btn .tp-caption{
    font-size: 25px!important;
    }

    #home-slider #slide-1-btn i {
    margin-left: 13px!important;
    font-size: 21px!important;
    }

    .slide-1-btn2{
    margin-right: 15px!important;
    }

    #btns-wrap{
    margin-top: 20px!important;
    }

    .texts-element{
    margin-top: -90px!important;
    margin-right: -100px!important;
    }

    #text-box, #btns-wrap {
    margin-left: -25px!important;
    }

    .sm-open-state{
    margin-bottom: 5%!important;
    }


    #work-1-dz  .cover-image img {
    width: auto!important;
    height: auto!important;
    transform: translate3d(-50%, 6%, 0)scale(1.2)!important;
    -webkit-transition: all 0.4s ease-out!important;
    transition: all 0.4s ease-out!important;
    }

    #work-2-sh .cover-image img, #work-3-sip .cover-image img {
    transform: translate3d(-50%, 6%, 0)!important;
    }  


    .work-text-box-wrap{
    transform: scale(1.1)!important;
    top: 70%!important;
    left: 90%!important;
    -webkit-transition: scale 0.4s ease-out!important;
    transition: scale 0.4s ease-out!important;
    } 

    #iostag , #iostag-en{
    margin-top: 130px;
    }


    #about-slide .prince-c-logo svg{
    transform: translate3d(0, -25%, 0) scale(1.2)!important;
    }


    #about-slide .about-title{
    font-size: 54px!important;
    }

    #about-slide .about-title-wrap .tp-mask-wrap{
    transform: translate3d(0, -50%, 0)!important;
    }

    #about-slide .about-sep-wrap{
    transform: translate3d(0, -12px, 0)!important;
    }



    .about-slide-text{
    font-size: 27px!important;
    line-height: 36px!important;
    margin-top: 1%!important;
    }

    #about-slide .about-btn{
    min-width: 280px!important;
    max-width: 280px!important;
    padding: 8% 0!important;
    font-size: 27px!important;
    border-radius: 100px!important;
    margin-top: 55%!important;
    }

    #about-slide .about-btn-r{
    left: 7%!important;
    }
    #about-slide .about-btn-l{
    right: 7%!important;
    }

    
    .project-title {
        font-size: 80px!important;
        margin-bottom: 10%!important;
    }

    .project-cat {
        font-size: 33px!important;
    }
        .work-slider-btn {
        font-size: 30px!important;
    }
        .work-slider-sep {
        margin: 8% 0!important;
    }
        .work-ar-wrap{
            transform: translate3d(0, -20%, 0)!important;
        }


}


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



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

    .he .ipad-pic-wrap {
        transform: translate3d(-29px, -20px, 0)scale(0.93)!important;
    }
        .he .mouse-pic-wrap {
        transform: translate3d(-20px, -20px, 0)scale(0.95)!important;
    }
            .he .texts-element {
        margin-top: -25px!important;
    }
              #text-box, #btns-wrap {
            margin-left: -25px!important;
    }
        
                 #work-2-sh .cover-image img, #work-3-sip .cover-image img, #work-1-dz  .cover-image img {
                  transform: translate3d(-50%, -12%, 0)!important;
    }  
          #iostag, #iostag-en {
        transform: scale(0.7)!important;
        margin-top: 100px;
    }

    .home-first-slide #slide-1-layer-1{
        margin-top: -2%!important;
     }

     .home-first-slide #slide-1-layer-1 {
        font-size: 43px!important;
    }

      
    .about-slide-text{
        max-width: 670px!important;
          min-width: 670px!important;
  }
  
    #about-slide .about-btn{
      margin-top: 15%!important;
  }

  
  #work-ex-slide .work-ex-title, #work-ex-slide .work-ex-sep{
    transform: translate3d(0, 50px, 0)!important;
}

}

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

    .ipad-pic-wrap { transform: translate3d(-160px, -10px, 0)scale(0.82)!important; }
    .vase-pic-wrap {  transform: translate3d(80px, -90px, 0)scale(0.8)!important; }
    .salt-pic-wrap { transform: translate3d(90px, -15px, 0)scale(0.95)!important; }
    .pen-pic-wrap { transform: translate3d(160px, -30px, 0)scale(0.85)!important; }
    .mouse-pic-wrap { transform: translate3d(-60px, 10px, 0)scale(0.95)!important;}


    .texts-element{
        margin-top: -45px!important;
margin-right: 60px!important;
}


.work-ar-wrap{
    transform: translate3d(0, -20%, 0)!important;
}
.work-ex-wrap .tab_titles {
padding: 0% 10%;
}

            #work-1-dz  .cover-image img {
       width: auto!important;
       height: auto!important;
       transform: translate3d(-27%,-18%,0) scale(.8)!important;
        -webkit-transition: all 0.4s ease-out!important;
        transition: all 0.4s ease-out!important;
}

 .work-text-box-wrap{
        transform: scale(1.02)!important;
           top: 70%!important;
     left: 90%!important;
        -webkit-transition: scale 0.4s ease-out!important;
        transition: scale 0.4s ease-out!important;
} 

}


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

    .pen-pic-wrap { transform: translate3d(100px, 55px, 0)scale(0.7)!important; }
    
    .vase-pic-wrap { transform: translate3d(80px, -30px, 0)scale(0.7)!important; }
    
        .salt-pic-wrap { transform: translate3d(95px, -35px, 0)scale(0.9)!important; }
    
        .mouse-pic-wrap { transform: translate3d(-80px, -30px, 0)scale(0.9)!important;}
    
      .texts-element{
            margin-top: -40px!important;
    margin-right: 20px!important;
    }
    
              #work-1-dz  .cover-image img {
           width: auto!important;
           height: auto!important;
              transform: translate3d(-20%, -15%, 0)scale(0.75)!important;
            -webkit-transition: all 0.4s ease-out!important;
            transition: all 0.4s ease-out!important;
}
    
       .work-text-box-wrap{
            transform: scale(0.9)!important;
    } 

}


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

    
        
    .ipad-pic-wrap {transform: translate3d(-240px, 25px, 0)scale(0.7)!important; }
        
    .pen-pic-wrap { transform: translate3d(100px, 55px, 0)scale(0.7)!important; }
    
    
    .vase-pic-wrap { transform: translate3d(80px, -30px, 0)scale(0.7)!important; }
    
        .salt-pic-wrap { transform: translate3d(95px, -35px, 0)scale(0.9)!important; }
    
        .mouse-pic-wrap { transform: translate3d(-115px, -30px, 0)scale(0.85)!important;}
    
    .texts-element{
    margin-top: -45px!important;
    margin-right: 80px!important;
    }

    #work-1-dz  .cover-image img {
        width: auto!important;
        height: auto!important;
          transform: translate3d(-50%, 17%, 0)scale(0.7)!important;
         -webkit-transition: all 0.4s ease-out!important;
         transition: all 0.4s ease-out!important;
}
 
    .work-text-box-wrap{
         transform: scale(1)!important;
 } 

 
 #about-slide .prince-c-logo svg {
    transform: scale(0.9,0.9);
         margin-top: 10%!important;
}
 #about-slide .about-title {
 font-size: 40px!important;
}
 #about-slide .about-title-wrap .tp-mask-wrap {
 transform: translate3d(0, -50%, 0)!important;
}
 .about-slide-text {
font-size: 23px!important;
 line-height: 28px!important;
 max-width: 650px!important;
 min-width: 650px!important;
 margin-top: -8%!important;
}
 
      #about-slide .about-sep-wrap{
     transform: translate3d(0, -30px, 0)!important;
 }
 #about-slide .about-btn {
 margin-top: -15%!important;
}
 #about-slide .about-btn {
 padding: 8% 0!important;
 font-size: 24px!important;
     border-radius: 170px!important;
}


.project-title {
    font-size: 55px!important;
    margin-bottom: 10%!important;
}
    .work-ar-wrap {
    transform: translate3d(0, -10%, 0)!important;
}

}


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


    .ipad-pic-wrap {transform: translate3d(-140px, 20px, 0)scale(0.75)!important; }   
    .pen-pic-wrap { transform: translate3d(20px, 55px, 0)scale(0.7)!important; }
    .vase-pic-wrap {transform: translate3d(20px, -10px, 0)scale(0.7)!important; }
    .salt-pic-wrap { transform: translate3d(35px, -35px, 0)scale(0.85)!important; }
    .mouse-pic-wrap { transform: translate3d(-75px, -30px, 0)scale(0.87)!important;}
    
      .texts-element{
    margin-top: -15px!important;
    margin-right: 80px!important;
    }
    
    #work-1-dz .cover-image img {
    width: auto!important;
    height: auto!important;
    transform: translate3d(-50%, 22%, 0)scale(0.65)!important;
    -webkit-transition: all 0.4s ease-out!important;
    transition: all 0.4s ease-out!important;
  }
    
    #work-2-sh .cover-image img, #work-3-sip .cover-image img {
      transform: translate3d(-50%, 6%, 0)!important;
  }  
      #iostag, #iostag-en {
    transform: scale(0.7)!important;
    margin-top: 10px;
  }  


    #about-slide .prince-c-logo svg {
        transform: scale(0.8,0.8);
             margin-top: 2%!important;
 }
     #about-slide .about-title {
     font-size: 35px!important;
 }
     #about-slide .about-title-wrap .tp-mask-wrap {
     transform: translate3d(0, -48%, 0)!important;
 }
     #about-slide .about-sep-wrap {
     transform: translate3d(0, -26px, 0)!important;
 }
     
     
     .about-slide-text {
    font-size: 21px!important;
     line-height: 26px!important;
     max-width: 600px!important;
     min-width: 600px!important;
     margin-top: -7%!important;
 }
     
     #about-slide .about-btn {
     margin-top: -6%!important;
 }
     #about-slide .about-btn {
       padding: 7% 0!important;
       font-size: 22px!important;
       min-width: 220px!important;
       max-width: 220px!important;
 }
     .project-title {
     font-size: 49px!important;
     margin-bottom: 10%!important;
 }
     .project-cat {
     font-size: 24px!important;
 }
     .work-slider-btn {
     font-size: 24px!important;
 }
     .work-slider-sep {
     margin: 9% 0!important;
 }
     .work-ar-wrap {
     transform: translate3d(0, -1%, 0)!important;
 }

}


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

    .ipad-pic-wrap { transform: translate3d(-180px, 30px, 0)scale(0.7)!important;}
    .pen-pic-wrap { transform: translate3d(40px, 50px, 0)scale(0.7)!important;}
    .vase-pic-wrap {transform: translate3d(60px, -10px, 0)scale(0.7)!important; }
    .salt-pic-wrap { transform: translate3d(50px, -5px, 0)scale(0.8)!important; }
    .mouse-pic-wrap {transform: translate3d(-100px, -40px, 0)scale(0.83)!important;}
    
      .texts-element{
   margin-top: 0px!important;
    margin-right: 105px!important;
    }
    
                   #work-1-dz  .cover-image img {
           width: auto!important;
           height: auto!important;
              transform: translate3d(-50%, 0%, 0)scale(0.68)!important;
            -webkit-transition: all 0.4s ease-out!important;
            transition: all 0.4s ease-out!important;
}

}



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

    .pen-pic-wrap {
        transform: translate3d(170px, 20px, 0)scale(0.65)!important;
    }
        .vase-pic-wrap {
        transform: translate3d(190px, -50px, 0)scale(0.65)!important;
    }
        .salt-pic-wrap {
        transform: translate3d(100px, 0px, 0)scale(0.75)!important;
    }
        .ipad-pic-wrap {
        transform: translate3d(-375px, 10px, 0)scale(0.65)!important;
    }
        .mouse-pic-wrap {
        transform: translate3d(-190px, -5px, 0)scale(0.75)!important;
    }
        .texts-element {
        margin-right: 170px!important;
    }
        #work-1-dz .cover-image img {
        transform: translate3d(-50%, -4%, 0)scale(0.73)!important;
    }
        
         #work-2-sh .cover-image img {
        transform: translate3d(-50%, -5%, 0)!important;
    }
        
          #work-3-sip .cover-image img {
        transform: translate3d(-50%, -5%, 0)!important;
    }  
        #work-4-zm .cover-image img {
        transform: translate3d(-50%, 0%, 0)scale(1)!important;
            
    }
    
          #iostag {
        transform:scale(0.7)!important;
                  margin-left: -25px;
                  margin-top: -75px;
            
    }

    
    #about-slide .about-btn {
        min-width: 250px!important;
        max-width: 250px!important;
    }

}


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

    .he .prince-pre-title {
        font-size: 23px!important;
        margin-top: 10px!important;
    }
        .he .main-title-1 {
        font-size: 43px!important;
        margin-top: 5px!important;
    }
        .he .main-sub-title {
        font-size: 24px!important;
    }
}




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

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) {

      
     .he #wrap_all #main .vase-pic-wrap {
    transform: translate3d(180px, -205px, 0)scale(0.75)!important;
} 
     .he #wrap_all #main .salt-pic-wrap {
    transform: translate3d(85px, 70px, 0)scale(0.9)!important;
} 
      .he #wrap_all #main .pen-pic-wrap {
    transform: translate3d(430px, -190px, 0)scale(0.83)!important;
}
      .he #wrap_all #main .mouse-pic-wrap {
    transform: translate3d(-270px, -30px, 0)scale(0.95)!important;
}
      
      #top #main #work-1-dz .cover-image img {
    transform: translate3d(-50.5%, 9%, 0)scale(0.82)!important;
}
      
    
}

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

     .ipad-pic-wrap {
   transform: translate3d(-280px, 15px, 0)scale(0.63)!important;
}
     .mouse-pic-wrap {
    transform: translate3d(-150px, -20px, 0)scale(0.80)!important;
}
     .salt-pic-wrap{
        transform: translate3d(95px, -20px, 0)scale(0.72)!important;
     }
     
     .vase-pic-wrap {
    transform: translate3d(130px, -10px, 0)scale(0.7)!important;
}
     .pen-pic-wrap {
       transform: translate3d(161px, 45px, 0)scale(0.75)!important;
}
     #work-1-dz .cover-image img {
    width: auto!important;
    height: auto!important;
    transform: translate3d(-50%, 22%, 0)scale(0.61)!important;
    -webkit-transition: all 0.4s ease-out!important;
    transition: all 0.4s ease-out!important;
}

     #work-2-sh .cover-image img {
    transform: translate3d(-50%, -2%, 0)!important;
}
      #work-3-sip .cover-image img {
    transform: translate3d(-50%, -3%, 0)!important;
}
     #iostag {
    transform: scale(0.65)!important;
    margin-top: -70px;
    margin-left: -31px;
}
     #work-3-sip .work-btn-wrap {
    margin-left: -10px;
}
     
}


/*
איפד פרו 10.5 - לרוחב
================================================== */
@media only screen and (max-width: 1115px) and (min-height: 770px) and (orientation : landscape){
   
    #work-2-sh .cover-image img {
transform: translate3d(-50%, -5%, 0)!important;
}
.vase-pic-wrap {
transform: translate3d(159px, -10px, 0)scale(0.65)!important;
}
.salt-pic-wrap {
transform: translate3d(95px, -5px, 0)scale(0.75)!important;
}
.ipad-pic-wrap {
transform: translate3d(-340px, 30px, 0)scale(0.65)!important;
}
.mouse-pic-wrap {
transform: translate3d(-190px, -40px, 0)scale(0.73)!important;
}
.pen-pic-wrap {
transform: translate3d(100px, 50px, 0)scale(0.65)!important;
}

      #text-box, #btns-wrap {
margin-left: -45px!important;
}
.he .main-title-1 {
font-size: 40px!important;
margin-top: 6px!important;
}
.he .main-sub-title {
font-size: 22px!important;
}
.he .prince-pre-title {
font-size: 22px!important;
margin-top: 10px!important;
}
.widget_icl_lang_sel_widget {
right: 92px;
}
#work-1-dz .cover-image img {
transform: translate3d(-50%, -2%, 0)scale(0.6)!important;
}
    #work-3-sip .cover-image img {
transform: translate3d(-50%, -5%, 0)!important;
}  
  #iostag {
transform:scale(0.7)!important;
         margin-left: -25px;
         margin-top: -75px;
   
}


}


/*
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){

    .ipad-pic-wrap {transform: translate3d(-290px, 30px, 0)scale(0.65)!important;}

    .pen-pic-wrap { transform: translate3d(95px, 60px, 0)scale(0.65)!important; }


    .vase-pic-wrap {    transform: translate3d(170px, 0px, 0)scale(0.74)!important; }

    .salt-pic-wrap {     transform: translate3d(100px, -15px, 0)scale(0.81)!important; }

    .mouse-pic-wrap { transform: translate3d(-152px, -25px, 0)scale(0.78)!important;}
    
   
    .custom.tp-bullets {
    margin-top: 40px;
}
    
                        #work-1-dz  .cover-image img {
           width: auto!important;
           height: auto!important;
                  transform: translate3d(-50%, 25%, 0)scale(0.55)!important;
            -webkit-transition: all 0.4s ease-out!important;
            transition: all 0.4s ease-out!important;
}
    
    #work-2-sh .cover-image img, #work-3-sip .cover-image img {
    transform: translate3d(-50%, -5%, 0)!important;
}
    
    .en #work-1-dz .cover-image img {
    transform: translate3d(-50%, 24%, 0)scale(0.55)!important;
}
        
    
   #about-slide .prince-c-logo svg, #about-slide .prince-c-logo image {
    width:210px!important;
    height: 210px!important;
}
       #about-slide .prince-c-logo svg {
       transform: scale(0.8,0.8);
            margin-top: 0%!important;
}
    #about-slide .about-title {
    font-size: 33px!important;
}
    #about-slide .about-title-wrap .tp-mask-wrap {
    transform: translate3d(0, 14%, 0)!important;
}
    #about-slide .about-sep-wrap {
    transform: translate3d(0, 2px, 0)!important;
}
    .about-slide-text {
    font-size: 19px!important;
    line-height: 25px!important;
    max-width: 550px!important;
    min-width: 550px!important;
    margin-top: 1%!important;
}
    #about-slide .about-btn {
        padding: 7% 0!important;
    font-size: 20px!important;
    min-width: 200px!important;
    max-width: 200px!important;
    margin-top: 25%!important;
}
    .project-title {
    font-size: 45px!important;
    margin-bottom: 13%!important;
}
    .work-info-box {
    padding: 7%!important;
}
    .work-slider-sep {
    margin: 11% 0!important;
}
    .project-cat {
    font-size: 23px!important;
}
    .work-slider-btn {
    font-size: 22px!important;
}
    .work-ar-wrap {
    transform: translate3d(0, 3%, 0)!important;
}


}


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


/*
איפד פרו 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){
    
        .he #wrap_all .pen-pic-wrap {
    transform: translate3d(450px, -140px, 0)scale(0.8)!important;
}
    .he #wrap_all .mouse-pic-wrap {
        transform: translate3d(-260px, -45px, 0)scale(1)!important;
}
    .he #wrap_all .ipad-pic-wrap {
   display: none;
}
    .he #wrap_all .salt-pic-wrap {
        transform: translate3d(25px, 60px, 0)scale(1)!important;
}
   .he #wrap_all .vase-pic-wrap {
    transform: translate3d(222px, -220px, 0)scale(0.8)!important;
} 
        .he #text-box, .he #btns-wrap {
        margin-left: -35px!important;
    margin-top: 8px;
}
    .texts-element {
    margin-top: -50px!important;
    margin-right: 0px!important;
}
    #top #work-1-dz .cover-image img {
    transform: translate3d(-50%, 13%, 0)scale(0.75)!important;
}
         #work-3-sip .cover-image img {
    transform: translate3d(-50%, -5%, 0)scale(0.9)!important;
} 
    
   #top .work-text-box-wrap {
    top: 76%!important;
}
    #iostag {
    transform: scale(0.8)!important;
    margin-left: -5px;
    margin-top: -50px;
}
 
}


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


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

    .swipe-icon {
        transform: translate3d(0, -60%, 0)scale(0.7)!important;
    }
    
        .ipad-pic-wrap , .pen-pic-wrap, .vase-pic-wrap , .salt-pic-wrap , .mouse-pic-wrap {transform:none!important;}
            
        
           #about-slide .prince-c-logo svg, #about-slide .prince-c-logo image {
        width:210px!important;
        height: 210px!important;
    }
           #about-slide .prince-c-logo svg {
                transform: scale(0.95,0.95);
                margin-top: 30%!important;
    }
        .about-slide-text {
        font-size: 20px!important;
        line-height: 28px!important;
        max-width: 450px!important;
        min-width: 450px!important;
        margin-top: 5%!important;
    }
         #about-slide .right-ar-wrap{
            transform: translate3d(20%, 0, 0)scale(0.8)!important;
        }
        
         #about-slide .left-ar-wrap{
            transform: translate3d(-20%, 0, 0)scale(0.8)!important;
        }
        #about-slide .about-title {
        font-size: 35px!important;
    }
        #about-slide .about-title-wrap .tp-mask-wrap {
        transform: translate3d(0, 5%, 0)!important;
    }
        #about-slide .about-sep-wrap {
        transform: translate3d(0, 0px, 0)!important;
    }
        
        #about-slide .about-btn {
        padding: 8% 0!important;
        font-size: 20px!important;
        min-width: 220px!important;
        max-width: 220px!important;
        margin-top: 55%!important;
    }
        .about-btn-r-wrap{
                transform: translate3d(-6%, 0, 0)!important;
        }
          .about-btn-l-wrap{
               transform: translate3d(6%, 0, 0)!important;
        }
    
        
           .work-slider-sep {
        margin: 6% auto!important;
        float: none;
        width: 30%;
    }
        .project-title {
        font-size: 49px!important;
        margin-bottom: 6%!important;
    }
        .work-slider-btn {
        font-size: 22px!important;
        float: none;
    }
        
                       #work-1-dz  .cover-image img {
               width: auto!important;
               height: auto!important;
                        transform: translate3d(-50%, 13%, 0)scale(0.65)!important;
                -webkit-transition: all 0.4s ease-out!important;
                transition: all 0.4s ease-out!important;
    }
            
    #work-2-sh .cover-image img {
        transform: translate3d(-50%, -5%, 0)!important;
    }
        #work-3-sip .cover-image img {
            transform: translate3d(-50%, -7%, 0)scale(0.8)!important;
    }
        
    
          
    
        #top .work .right-ar-wrap {
        transform: translate3d(15%, 0%, 0)scale(0.75)!important;
    }
        #top .work .left-ar-wrap {
        transform: translate3d(-15%, 0%, 0)scale(0.75)!important;
    }

}



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




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

Responsive Rules - MOBILE

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



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

 .home .custom .tp-bullet {
   
    margin-top: 12%;
       width: 20px;
         border-bottom: 1.5px solid #cecece;
}
    
    .texts-element {
    margin-top: 0px!important;
    margin-right: 0px!important;
}

#text-box, #btns-wrap {
    margin-left: 10px!important;
}

}

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

    .work-btn-wrap {
        transform: scale(1)!important;
        margin-top: -2px;
        margin-left: 20px;
        -webkit-transition: all 0.2s ease-out!important;
        transition: all 0.2s ease-out!important;
    }  
       #top .right-ar-wrap {
        transform: translate3d(35%, 0, 0)scale(0.5)!important;
    }
        #top .left-ar-wrap {
        transform: translate3d(-35%, 0, 0)scale(0.5)!important;
    }
        #about-slide .prince-c-logo svg {
        transform: scale(0.6);
        margin-top: -20%!important;
    }
        #about-slide .about-title {
        font-size: 22px!important;
    }
        #about-slide .about-title-wrap .tp-mask-wrap {
        transform: translate3d(0, -70%, 0)!important;
    }
        #about-slide .about-sep-wrap {
        transform: translate3d(0, -47px, 0)!important;
    }
        .about-slide-text {
         font-size: 17px!important;
        line-height: 24px!important;
        max-width: 265px!important;
        min-width: 265px!important;
        margin-top: -38%!important;
    }
        #about-slide .about-btn {
          padding: 8% 0!important;
        font-size: 17px!important;
        min-width: 140px!important;
        max-width: 140px!important;
        margin-top: 10%!important;
    }
        .about-btn-r-wrap {
        transform: translate3d(-31%, 0, 0)!important;
    }
           .about-btn-l-wrap {
        transform: translate3d(31%, 0, 0)!important;
    }
        .about-sep{
           transform: scale(0.8, 1)!important;
        }
        .project-title {
        font-size: 33px!important;
        margin-bottom: 30px!important;
    }
        .project-cat {
        font-size: 20px!important;
    }
        .work-slider-sep {
        margin: 40px auto!important;
        float: none;
        width: 50%;
            height: 1px;
    }
        .work-slider-btn {
        font-size: 20px!important;
        float: none;
    }
        #top .work .right-ar-wrap {
        transform: translate3d(30%, 0%, 0)scale(0.5)!important;
    }
           #top .work .left-ar-wrap {
        transform: translate3d(-30%, 0%, 0)scale(0.5)!important;
    }
        
          .work-text-box-wrap {
        top: 74%!important;
    }  
            #work-1-dz  .cover-image img {
               width: auto!important;
               height: auto!important;
               transform: translate3d(31%, -28%, 0)scale(0.5)!important;
                -webkit-transition: all 0.4s ease-out!important;
                transition: all 0.4s ease-out!important;
    }
        
     #work-2-sh .cover-image img {
        transform: translate3d(28%, -6%, 0)!important;
    }
        #work-3-sip .cover-image img {
        transform: translate3d(12%, -5%, 0)scale(0.78)!important;
    }
        
          #work-4-zm .cover-image img, #work-5-ios .cover-image img{
       transform: translate(0%, 0px)!important;
    }
        
        
             #iostag {
         transform: scale(0.5)!important;
        margin-left: -240px;
        margin-top: 230px;
            
    }
       .he #work-5-ios .work-btn-wrap {
        margin-top: 0px;
        margin-left: 40px;
    }

}

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

    #top .ipad-pic-wrap {
        transform: translate3d(38px, 75px, 0)scale(0.9)!important;
        display: block!important;
        visibility: visible!important;}
            
        .pen-pic-wrap { transform: translate3d(-210px, 50px, 0)scale(0.65)!important; }
        
        
        .vase-pic-wrap {       transform: translate3d(-190px, 40px, 0)scale(1.1)!important; }
        
            .salt-pic-wrap {       transform: translate3d(-110px, 0px, 0)scale(0.85)!important; }
        
            .mouse-pic-wrap {        transform: translate3d(96px, -20px, 0)scale(1)!important;}
        
          .texts-element{
      margin-top: -20px!important;
        margin-right: 55px!important;
              transform: scale(1.5)!important;
              
        }
        
        #btns-wrap{
                   transform: translate3d(14px, 25px, 0);
        }
        
              #iostag {
        transform: scale(0.8)!important;
        margin-left: 185px;
        margin-top: -105px;
            
    }
        
        #home-slider #slide-1-btn i {
        margin-left: 6px!important;
        line-height: 3!important;
        font-size: 9px!important;
    }
        
        .custom.tp-bullets {
        margin-top: 40px;
    }

    #work-ex-slide .work-ex-title {
        font-size: 21px!important;
    }
        #work-ex-slide .work-ex-title{
        transform: translate3d(0, 33px, 0)!important;
    }
         #work-ex-slide .work-ex-sep {
        transform: translate3d(0, 35px, 0)!important;
        visibility: visible!important;
        max-height: 1px!important;
        min-height: 1px!important;
    }
            #top .right-ar-wrap {
            transform: translate3d(-30%, 0, 0)scale(1.3)!important;
    }
        #top .left-ar-wrap {
        transform: translate3d(30%, 0, 0)scale(1.3)!important;
    }
        #about-slide .prince-c-logo svg {
        transform: scale(0.5,0.5);
        margin-top: -25%!important;
    }
        
        #about-slide .about-title {
        font-size: 23px!important;
    }
        #about-slide .about-title-wrap .tp-mask-wrap {
        transform: translate3d(0, -75%, 0)!important;
    }
        .about-slide-text {
            font-size: 16px!important;
        line-height: 20px!important;
        max-width: 470px!important;
        min-width: 470px!important;
        margin-top: -12%!important;
    }
               #about-slide .right-ar-wrap {
            transform: translate3d(-20%, 0, 0)scale(1.3)!important;
    }
        #about-slide .left-ar-wrap {
        transform: translate3d(20%, 0, 0)scale(1.3)!important;
    }
        #about-slide .about-btn {
        padding: 5% 0!important;
        font-size: 18px!important;
        min-width: 180px!important;
        max-width: 180px!important;
        margin-top: 30%!important;
    }
            .about-btn-r-wrap {
        transform: translate3d(20%, 0, 0)!important;
    }
           .about-btn-l-wrap {
        transform: translate3d(-20%, 0, 0)!important;
    }
        .project-title {
        font-size: 32px!important;
        margin-bottom: 12%!important;
    }
        .project-cat {
        font-size: 18px!important;
    }
        .work-slider-btn {
        font-size: 18px!important;
    }
        .work-info-box {
        width: 53%;
    }
        .work-info-box {
        padding: 6%!important;
    }
        .work-stage-wrap {
        height: 46%!important;
    }
        .work-stage-wrap .tp-loop-wrap, .work-stage-wrap .tp-mask-wrap, .work-stage-wrap .tp-caption, .work-stage-wrap .work-stage, .work-stage-wrap .black-over, .work-stage-wrap .work-info-box {
        height: 100%!important;
    }
        .work-slider-sep {
        margin: 10% 0!important;
    }
        .work-slider-btn .avia_button_icon {
        font-size: 14px!important;
        margin-left: 2px!important;
    }
        #work-1-dz .cover-image img {
            transform: translate3d(-50%, 0%, 0)scale(0.38)!important;
    }
        
        .work-text-box-wrap {
        transform: scale(1.3)!important;
        top: 63%!important;
        left: 90%!important;
        -webkit-transition: scale 0.4s ease-out!important;
        transition: scale 0.4s ease-out!important;
    }
        .work-btn-wrap {
        transform: scale(0.7)!important;
            margin-top: 1.5%;
        -webkit-transition: all 0.2s ease-out!important;
        transition: all 0.2s ease-out!important;
    }
     
        #top .right-ar-wrap {
        transform: translate3d(-5%, -15%, 0)scale(1)!important;
    }
          #top .left-ar-wrap {
        transform: translate3d(5%, -15%, 0)scale(1)!important;
    }

}



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

    .prince-pre-title {
        font-size: 21px!important;
        margin-top: 5px!important;
    }
        .main-title-1 {
        font-size: 33px!important;
        margin-top: 1px!important;
    }
        .main-sub-title {
        font-size: 20px!important;
    }

}


/*
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){

        
    .home .custom .tp-bullet {
        margin-top: 18%;
    }
        
           .texts-element {
        margin-top: 0px!important;
        margin-right: -15px!important;
    }
        
        #btns-wrap{
            transform: translate3d(-7px, 0px, 0);
        } 
        
        
        #work-1-dz .cover-image img {
        width: auto!important;
        height: auto!important;
            transform: translate3d(-50%, -32%, 0)scale(0.42)!important;
        -webkit-transition: all 0.4s ease-out!important;
        transition: all 0.4s ease-out!important;
    }
        
        #iostag {
        margin-left: -215px;
        margin-top: 205px;
    }

    #work-ex-slide .work-ex-title {
        font-size: 22px!important;
    }
        .work-ex-stage .avia_button_icon {
        width: 50px;
        height: 50px;
        font-size: 14px!important;
        line-height: 50px!important;
        border: 1px solid rgba(0, 0, 0, 0.2)!important;
        margin-bottom: 15%!important;
    }
        .work-ex-stage a:hover .avia_button_icon {
        font-size: 14px!important;
        border: 1px solid rgba(0, 0, 0, 0.47)!important;
        box-shadow: 0px 0px 0px 1px #419DFF;
    }
        .work-ex-stage .ex-text-btn {
        font-size: 14px!important;
    }
        #top .right-ar-wrap {
        transform: translate3d(25%, 0, 0)scale(0.8)!important;
    }
        #top .left-ar-wrap {
        transform: translate3d(-25%, 0, 0)scale(0.8)!important;
    }
        #about-slide .prince-c-logo svg {
        transform: scale(0.55);
        margin-top: -30%!important;
    }
        #about-slide .about-title {
        font-size: 23px!important;
    }
        #about-slide .about-title-wrap .tp-mask-wrap {
        transform: translate3d(0, -120%, 0)!important;
    }
        #about-slide .about-sep-wrap {
        transform: translate3d(0, -65px, 0)!important;
    }
        .about-slide-text {
       font-size: 16px!important;
        line-height: 21px!important;
        max-width: 220px!important;
        min-width: 220px!important;
        margin-top: -62%!important;
        color: #9b9b9b!important;
    }
        #about-slide .about-btn {
        margin-top: 2%!important;
        min-width: 150px!important;
        max-width: 150px!important;
            padding: 7% 0!important;
    }
        .about-btn-r-wrap {
        transform: translate3d(-20%, 0, 0)!important;
    }
           .about-btn-l-wrap {
        transform: translate3d(20%, 0, 0)!important;
    }
        #about-slide .rev-btn.rev-withicon i {
        margin-left: 5px!important;
    }
             #about-slide .right-ar-wrap {
        transform: translate3d(30%, 0, 0)scale(0.7)!important;
    }
         #about-slide .left-ar-wrap {
        transform: translate3d(-30%, 0, 0)scale(0.7)!important;
    }


}

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

    #about-slide .prince-c-logo svg {
        transform: scale(0.4,0.4);
        margin-top: -27%!important;
    }
        .about-slide-text {
        line-height: 19px!important;
    }
        #about-slide .about-btn {
        min-width: 160px!important;
        max-width: 160px!important;
    }
    
        #work-1-dz .cover-image img {
        transform: translate3d(-50%, 1%, 0)scale(0.38)!important;
    }
        .work-text-box-wrap {
        transform: scale(1.6) perspective(1px)!important;
        perspective: 1000!important; 
        -webkit-perspective: 1000!important; 
        top: 62%!important;
        left: 94%!important;
        -webkit-transition: scale 0.4s ease-out!important;
        transition: scale 0.4s ease-out!important;
    }
        
                 #iostag {
        transform: scale(0.8)!important;
        margin-left: 165px;
        margin-top: -95px;
            
    }

}



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

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

    .home-first-slide #slide-1-layer-1 {
        font-size: 23px!important;
        line-height: 28px!important;
                width: 250px!important;
                margin-top: -16%!important;
    }
     
         .home .custom .tp-bullet {
        margin-top: 28%;
    }
        
             .texts-element {
        margin-top: 0px!important;
        margin-right: 0px!important;
    }
        
        #btns-wrap{
            transform: translate3d(0px, 0px, 0);
        }  

        #work-ex-slide .work-ex-sep, #work-ex-slide .work-ex-title {
            display: none;
        }
        .work-ex-stage {
            width: 60%;
            transform: translate3d(0, 33%, 0)!important;
        }
        #top .right-ar-wrap {
            transform: translate3d(27%, 0, 0)scale(0.7)!important;
        }
        #top .left-ar-wrap {
            transform: translate3d(-27%, 0, 0)scale(0.7)!important;
        }
        #about-slide .prince-c-logo svg {
            display: none;
        }
        #about-slide .about-title-wrap .tp-mask-wrap {
            transform: translate3d(0, -330%, 0)!important;
        }
        #about-slide .about-title {
            font-size: 21px!important;
        }
        #about-slide .about-sep-wrap {
            transform: translate3d(0, -115px, 0)!important;
        }
        .about-slide-text {
            font-size: 16px!important;
            line-height: 20px!important;
            max-width: 200px!important;
            min-width: 200px!important;
            margin-top: -120%!important;
            color: #7e7e7e!important;
        }
        #about-slide .about-btn {
            margin-top: 6%!important;
            min-width: 130px!important;
            max-width: 130px!important;
            padding: 6% 0!important;
                font-size: 16px!important;
        }
        .about-btn-r-wrap {
            transform: translate3d(-15%, 0, 0)!important;
        }
        .about-btn-l-wrap {
            transform: translate3d(15%, 0, 0)!important;
        }
        .project-title {
            font-size: 31px!important;
            margin-bottom: 12%!important;
        }
        .project-cat, .work-slider-btn {
            font-size: 18px!important;
        }
        .work-slider-sep {
            margin: 10% auto!important;
        }
        
        #work-1-dz .cover-image img {
                  transform: translate3d(-50%, -36%, 0)scale(0.35)!important;
        }
            #work-5-ios .cover-image img {
                  transform: translate3d(-3%, 0%, 0)!important;
        }
            
            .work-text-box-wrap {
               transform: scale(1.1)!important;
            top: 72%!important;
            left: 88%!important;
            -webkit-transition: scale 0.4s ease-out!important;
            transition: scale 0.4s ease-out!important;
        }
        
            #iostag {
            margin-left: -200px;
            margin-top: 160px;
        }


}

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

    .work-ex-stage .ex-text-btn {
        font-size: 13px!important;
    }
        #about-slide .prince-c-logo svg{
            display: none!important;
        } 
        #about-slide .about-title-wrap .tp-mask-wrap {
        transform: translate3d(0, -400%, 0)!important;
    }
        .about-slide-text {
        max-width: 370px!important;
        min-width: 370px!important;
        margin-top: -30%!important;
    }
        .about-btn-r-wrap {
        transform: translate3d(25%, 0, 0)!important;
    }
           .about-btn-l-wrap {
        transform: translate3d(-25%, 0, 0)!important;
    }
        #iostag {
        margin-left: 145px;
        margin-top: -85px;
    }
    
}