.directiontext {
   left:130px !Important;
   }
   
@media (max-width: 767px) {
    
   .directiontext {
   left:0px !important;
   }
    }

label.cabinet{
	display: block;
	cursor: pointer;
}

label.cabinet input.file{
	position: relative;
	height: 100%;
	width: auto;
	opacity: 0;
	-moz-opacity: 0;
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  margin-top:-30px;
}

#upload-demo{
	width: 250px;
	height: 250px;
  padding-bottom:25px;
}
figure figcaption {
    position: absolute;
    bottom: 0;
    color: #fff;
    width: 100%;
    padding-left: 9px;
    padding-bottom: 5px;
    text-shadow: 0 0 10px #000;
    visibility: hidden;
}
.main-sizer{
    position: absolute;
z-index: 1000;
width: 400px;
top: 122px;
}

/* this is where to edit the uploader size */

@media only screen and (min-width: 768px) { 
 #item-img-output{
        
           border-radius: 1040% ;
min-width:400px !important ;
max-width:400px !important ;
min-height:400px !important ;
max-height:400px !important ;       
}
    .hidemeondesktop {
        display: none;
    }  
    
}

@media (max-width: 400px) {
    
    /* This is where to edit the Mobile Size of the Canvas */
    .peopleuploader {
margin-left: -5px !important;
margin-top: -10px !important;
    }
}
    
@media (max-width: 900px) {
    
    /* This is where to edit the Mobile Size of the Canvas */
    .peopleuploader {
margin-left: -5px !important;
margin-top: -10px !important;
    }
}

@media (max-width: 767px) {
    
    /* This is where to edit the Mobile Size of the Canvas */
    .peopleuploader {
margin-left: 15px !important;
margin-top: 10px !important;
    }
    
     .newpeopleuploaderbigposition {
    margin-left: 0px;
    margin-top: -60px !important;
    }
    
   
    

    
    
    
   /* figure img {
    border-radius: 100% !important;
    min-width: 170px !important;
    max-width: 170px !important;
    min-height: 170px !important;
    max-height: 170px !important;
} */
    

    
    #item-img-output{
        
           border-radius: 1040% ;
min-width: 30% ;
max-width: 30% ;
min-height: 30% ;
max-height: 30% ;
  
        
}
    
    .main-sizer {
    position: absolute;
    z-index: 1000;
    width: 350px;
        /*top: 140px; */
        /*left: -35px; */
     top: 80px;
left: -190px;
}
    .img-upload {
     /* width: 100% !important;
      height: 100% !important; */
      width: 100% !important;
      height: 100% !important;

}

 .main-sizergenerate {
        top: 70px  !important;
    left: -210px !important;

    }

  .img-uploadbig {
     /* width: 100% !important;
      height: 100% !important; */
      width: 700px !important;
      height: 700px !important;

}

    .peopleuploaderbigsize {
        width: 700px !important;
        height: 700px !important;
    }
    
    .edittextmobilebigstyle {
        top: 250px !important;
        line-height: 50px !important;
        font-size: 50px !important;
    }
    
    .newstitle {
       left: 75px !important ;
        top: 20px !important;
         position: absolute;
        background-color: #fb0d1b;
        color: white;
        width: 200px;
        height: 35px;
        text-align: center;
        z-index: 1;
        padding: 4px;
        font-weight: bold;
    }
    
    #newstitlereadjust {
       left: 245px;
        top: 50px ;
        position: absolute;
        background-color:#ffb600;
        color: white;
        width: 200px;
        height: 35px;
        text-align: center;
        z-index: 1;
        padding: 4px;
        font-weight: bold;
    }
    
    
    
}


/* =============================================*/
/* =============================================*/
/* =============================================*/
/* ALL DEVICES CONTROLLER AND RESPONSIVE PART */
/* =============================================*/
/* =============================================*/
/* =============================================*/

/* IPHONE 12 */
/* 2532x1170 pixels at 460ppi */
@media only screen 
    and (device-width: 390px) 
    and (device-height: 844px) 
    and (-webkit-device-pixel-ratio: 3) { 

    
 /* This is where to edit the Mobile Size of the Canvas */
    .peopleuploader {
margin-left: 0px !important;
margin-top: 0px !important;
    }
    
     .newpeopleuploaderbigposition {
  margin-left: 10px !important;
margin-top: -55px !important;
    }
}


/* IPHONE X */

@media only screen 
    and (device-width: 414px) 
    and (device-height: 896px) 
    and (-webkit-device-pixel-ratio: 3) { 
        /* This is where to edit the Mobile Size of the Canvas */
    .peopleuploader {
margin-left: -5px !important;
margin-top: -10px !important;
    }
    
     .newpeopleuploaderbigposition {
margin-left: 20px !important;
margin-top: 80px !important;
    }
        
        
        
        
    }
    
    
    /* IPHONE 5 */

@media only screen 
    and (device-width: 320px) 
    and (device-height: 568px) 
    and (-webkit-device-pixel-ratio: 3) { 
        /* This is where to edit the Mobile Size of the Canvas */
    .peopleuploader {
margin-left: -5px !important;
margin-top: -10px !important;
    }
    
     .newpeopleuploaderbigposition {
margin-left: 20px !important;
margin-top: 80px !important;
    }
        
        
        
        
    }


/* IPHONE 11 */
/* 375x812px at 458ppi */
@media only screen 
    and (device-width: 375px) 
    and (device-height: 812px) 
    and (-webkit-device-pixel-ratio: 3) { 
        /* This is where to edit the Mobile Size of the Canvas */
    .peopleuploader {
margin-left: -5px !important;
margin-top: -10px !important;
    }
    
     .newpeopleuploaderbigposition {
margin-left: 20px !important;
margin-top: 80px !important;
    }
        
        
        
        
    }
    
    
    /* IPHONE 11 */
/* 2436x1125px at 458ppi */
@media only screen 
    and (device-width:375px) 
    and (device-height:667px) 
    and (-webkit-device-pixel-ratio: 3) { 
        /* This is where to edit the Mobile Size of the Canvas */
    .peopleuploader {
margin-left: -5px !important;
margin-top: -10px !important;
    }
    
     .newpeopleuploaderbigposition {
  margin-left: 10px !important;
margin-top: -55px !important;
    }
        
        
        
        
    }
    
        /* IPHONE 11 */
/* 2436x1125px at 458ppi */
@media only screen 
    and (device-width:414px) 
    and (device-height:896px) 
    and (-webkit-device-pixel-ratio: 3) { 
        /* This is where to edit the Mobile Size of the Canvas */
    .peopleuploader {
margin-left: 15px !important;
margin-top: 10px !important;
    }
    
     .newpeopleuploaderbigposition {
margin-left: 10px !important;
margin-top: -55px !important;
    }
        
        
        
        
    }
    
            /* IPHONE 11 */
/* 2436x1125px at 458ppi */
@media only screen 
    and (device-width:428px) 
    and (device-height:926px) 
    and (-webkit-device-pixel-ratio: 3) { 
        /* This is where to edit the Mobile Size of the Canvas */
    .peopleuploader {
margin-left: 20px !important;
margin-top: 20px !important;
    }
    
     .newpeopleuploaderbigposition {
   margin-left: 10px !important;
margin-top: -55px !important;
    }
        
        
        
        
    }
    
               /* IPHONE SE */
/* 2436x1125px at 458ppi */
@media only screen 
    and (device-width:375px) 
    and (device-height:667px)  { 
        /* This is where to edit the Mobile Size of the Canvas */
    .peopleuploader {
margin-left: -5px !important;
margin-top: -10px !important;
    }
    
     .newpeopleuploaderbigposition {
  margin-left: 10px !important;
margin-top: -55px !important;
    }
        
        
        
        
    }
    
    
    
      /* IPAD */
/* 2436x1125px at 458ppi */
    @media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {
      
       .peopleuploader {
margin-left: 0px !important;
margin-top: 65px !important;
    }
    
     .newpeopleuploaderbigposition {
   margin-left: 10px !important;
margin-top: -55px !important;
    }
    
    .directiontext {
    left: 340px !Important;
}

}


               /* SAMSUNG */
@media only screen 
    and (device-width:412px) 
    and (device-height:915px)  { 
        /* This is where to edit the Mobile Size of the Canvas */
    .peopleuploader {
margin-left: 15px !important;
margin-top: 10px !important;
    }
    
     .newpeopleuploaderbigposition {
  margin-left: 0px !important;
margin-top: 0px !important;
    }
        
        
        
        
    }
    
     /* SAMSUNG GALAXY NOTE */
@media only screen 
    and (device-width:412px) 
    and (device-height:883px)  { 
        /* This is where to edit the Mobile Size of the Canvas */
    .peopleuploader {
margin-left: 15px !important;
margin-top: 10px !important;
    }
    
     .newpeopleuploaderbigposition {
 margin-left: 10px !important;
margin-top: -55px !important;
    }
        
        
        
        
    }



     /* SAMSUNG S20+ LINUS */
@media only screen 
    and (device-width:384px) 
    and (device-height:854px)  { 
        /* This is where to edit the Mobile Size of the Canvas */
    .peopleuploader {
margin-left: 0px !important;
margin-top: 0px !important;
    }
    
     .newpeopleuploaderbigposition {
   margin-left: 10px !important;
margin-top: -55px !important;
    }
        
   
    } 
    
    
      /* SAMSUNG S20 LINUS */
@media only screen 
    and (device-width:360px) 
    and (device-height:800px)  { 
        /* This is where to edit the Mobile Size of the Canvas */
    .peopleuploader {
margin-left: -10px !important;
margin-top: -20px !important;
    }
    
     .newpeopleuploaderbigposition {
margin-left: 10px !important;
margin-top: -55px !important;
    }
  
    } 
    
    
        /* SAMSUNG S20 */
@media only screen 
    and (device-width:360px) 
    and (device-height:760px)  { 
        /* This is where to edit the Mobile Size of the Canvas */
    .peopleuploader {
margin-left: -10px !important;
margin-top: -20px !important;
    }
    
     .newpeopleuploaderbigposition {
 margin-left: 10px !important;
margin-top: -55px !important;
    }
  
    }