/*
col-sm-1 {width: 8.33%;}
.col-sm-2 {width: 16.66%;}
.col-sm-3 {width: 25%;}
.col-sm-4 {width: 33.33%;}
.col-sm-5 {width: 41.66%;}
.col-sm-6 {width: 50%;}
.col-sm-7 {width: 58.33%;}
.col-sm-8 {width: 66.66%;}
.col-sm-9 {width: 75%;}
.col-sm-10 {width: 83.33%;}
.col-sm-11 {width: 91.66%;}
.col-sm-12 {width: 100%;}
*/
.breadcrumb { 
background-color: inherit ;
}

table {
    margin: 0px !important;
}
table td {
     padding: 0px !important; 
}
#blind-canvas {
    position: relative;
    width: 355px;
    left: -18px;
}
#blind-canvas #blind-img {
    background-color: #fff;
    box-shadow: 0 3px 20px 6px #ccc inset;
    z-index: 10;
}
#blind-img {
    float: none;
    height: 650px;
    margin-bottom: 20px;
    margin-left: 16px;
    margin-right: auto;
    margin-top: 20px;
    overflow-x: hidden;
    overflow-y: hidden;
    width: 640px;
}

#blind-canvas #hardware {
    
   top: -37px;
   
    
    left: 16px;
    position: relative;
   
    width: auto;
    z-index: 140;
}

#blind-canvas #roller {
    background-repeat: no-repeat;
    height: 26px;
    left: 15px;
    position: absolute;
    top: -4px;
    width: auto;
}

#blind-canvas.lift-manual #lift {
    height: 212px;
    left: 1px;
    position: absolute;
    top: -11px;
    width: 16px;
}

#lift-bracket{
    height: 30px;
    left: 648px;
    position: absolute;
    top: -11px;
    width: 16px;
/*    z-index: 999;*/
   
}


#drags-message {
    display: none;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    text-shadow: 1px 1px #ccc;
    text-transform: uppercase;
    top: 20px;
    z-index: 999999;
}


#blind-canvas a[href="#fullscreen"] {
    bottom: 2px;
    display: none;
    font-size: 14px;
    position: absolute;
    right: 20px;
}


#blind-canvas.roll-under #zoomer {
    top: -47px;
}

#blind-canvas #zoomer {
   
    background-repeat: no-repeat;
    display: none;
    height: 47px;
    left: 70px;
    position: absolute;
    top: -28px;
    width: 182px;
}


      .cropit-image-preview {
        
        height: 650px;
     
        width: 640px;
        z-index: 139;
        position: absolute;
        cursor: move;
          
      }

      .cropit-image-background {
        opacity: .2;
        cursor: auto;
      }

      .image-size-label {
        margin-top: 10px;
        float: left;
      }

      input {
        display: block;
        width:100% ;
      }

      .export {
        margin-top: 10px;
      }
      
      .user_details{
          margin-top: 10px;
      }
      
      
      .default-img-inner-div{
          float:left;
          width: 152px;
          height: 152px;
          margin-right: 5px;
          margin-bottom: 5px;
          cursor: pointer;
              
      }
      
      
      
      
       .back-btn{
        cursor: pointer;
        font-size: 20px;
        height: 37px;
        width: 263px;
        color: #fff;
         background-color: #A8A8A8;
        border:none;
        border-radius: 10px;
        
      }
      
      .back-btn:hover{
        
        color: #fff;
        
        background-color: #b2b2b2;
        
      }
      
      
      input:focus,
      select:focus{
          outline:2px solid #923362;
          outline-radus:5px;
      }
      
     
      .blind-box{
         width:auto; 
         min-height: 150px;
      } 
      
      .blind-box > h3 {
    font-size: 18px;
}
.user_details img {
    margin-left:auto;
}


.user_details a {
    margin-left: auto;
}


.button {
     float: left;
    margin-left: 163px;
    margin-top: 57px;
    position: relative;
}
.zoom-btn{
    float:left;
    margin:2px;
    cursor: pointer;
    border-color: #008E95;
}

.image-editor > div {
    overflow-x: hidden;
    overflow-y: hidden;
}

.zoom-div {
    margin-top: 10px;
    width: auto;
    
}
.zoom-left-btn{
    background-color: #fff;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
    width: 52px;
    
}
.zoom-right-btn{
    background-color: #fff;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
    width: 52px;
}
.price-class{
   font-family: oswald;
    font-size: 29px;
    color: #fff;
}
.price-div{
    background-color:rgb(186,7,9);
	text-align:center;
	margin-bottom:12px;
 }

.price-div > label {
    color: #fff;
    font-weight: bold;
}
.mount-type-div{
    background-color: #cecece;
    margin-left: -9px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-top: 10px;
    width: 108%;

    
}




#height-measure-1{
    color:#000;
    background-color: #fff;
    position: absolute;
    margin-top: 303px;
    margin-left: -26%;
    margin-bottom: -8%;
}


page-item-title h1 {
    color: red !important;
}
  
.td-des{
    width:59%;
    padding-right: 3%;
}

#range-div, .zoom-label{
    float:left;
}
#range-div{
    margin-top:0px; 
}
#arrow-outer-dive{
    margin-top:-14px;
    position:absolute ;
    margin-left: -2.4% !important;
    width: 89.8%;
    margin-bottom: 1px;
}

#width-measure-div{
    background-repeat: repeat-x; 
    width:86.6% !important;
    float:left;
    margin-top: 3.799%;
    height:2px;
}

#width-measure-1{
    color:#000;
    background-color: #fff; 
    position: absolute; 
    margin-top: -1%; 
    margin-left: -2%;
    margin-left: -10%;
}

.default-img-outer-div{
          margin-top:-2%;
          float: left;
          width:auto;
          position: absolute;
          margin-left: 41%;
          
      }
      
       .des-only{
        float:left;
        margin-top: 15%;      
       }
       
     
      
       
       #height-measure-div{
           background-repeat: repeat-y;
           width:6%; 
           min-height: 614px;
           margin-left: 47%;
           margin-top: -28%; 
           margin-bottom:-10px;
       }
       
       .sh2{
           float:right; 
           padding-right: 16%; 
       }
       .mobile-div, .mobile-default-img-outer-div{
           float: left;
       }
      
            
            
             @media screen and (max-width: 655px) and (min-width:630px)
            {   
                /** 640px galxys5 landscape**/  
                .blind-box{
                  
                    width: 110%;
                }
                
                .mobile-div, .mobile-default-img-outer-div, #mobile-arrow-outer-dive{
                 transform: scale(0.85);
                }
                
                
                 
                  #arrow-outer-dive{
                    margin-left: -22.4% !important;
                     width: 133.8%;
                    }
                    #width-measure-div{
                     margin-top: 3.699%;
                    }
                    .default-img-outer-div {
                       margin-top: -17px;
                       margin-left: 264px;
                    }
                    
                    
                    .mount-type-div {
                        
                        width: 103.5%;
                    }
                    
                    .lab1, .lab2{
                       
                    }
            }    
            
             @media screen and (max-width: 700px) and (min-width:655px)
            {
                  /**667 iphone6 landscape **/
                
                .blind-box{
                    margin-left: -38px;
                    width: 110%;
                }
                
                .mobile-div, .mobile-default-img-outer-div, #mobile-arrow-outer-dive{
                 transform: scale(0.85);
                }
                 
               
                 
                  #arrow-outer-dive{
                    margin-left: -21.4% !important;
                     width: 126.8%;
                    }
                    #width-measure-div{
                     margin-top: 3.699%;
                    }
                    .default-img-outer-div {
                        margin-top: -28px;
                      margin-left: 261px;
                    }
                    
                    
                    .mount-type-div {
                        
                        width: 103.5%;
                    }
                    
                    .lab1, .lab2{
                       
                    }
            }    
            
            @media screen and (max-width: 734px) and (min-width:701px)
            {    /**732 nexus6p landscape**/
                
                .blind-box{
                   
                    width: 110%;
                }
                
                .mobile-div, .mobile-default-img-outer-div, #mobile-arrow-outer-dive{
                 transform: scale(0.85);
                }
              
                 
                  #arrow-outer-dive{
                        margin-left: -15.4% !important;
                        width: 114.8%;
                    }
                    #width-measure-div{
                     margin-top: 3.699%;
                    }
                    .default-img-outer-div {
                              margin-top: -23px;
                              margin-left: 267px;
                    }
                    
                    
                    .mount-type-div {
                        
                        width: 103.5%;
                    }
                   
                    .lab1, .lab2{
                       
                    }
            }    
            
            @media screen and (max-width: 739px) and (min-width:734px)
            {      /** 736px 6s+ landscape**/
                
                .blind-box{
                    
                    width: 110%;
                }
                
                .mobile-div, .mobile-default-img-outer-div, #mobile-arrow-outer-dive{
                 transform: scale(0.85);
                }
               
                 
                  #arrow-outer-dive{
                    margin-left: -15.4% !important;
                    width: 113.8%;
                    }
                    #width-measure-div{
                     margin-top: 3.699%;
                    }
                    .default-img-outer-div {
                          margin-top: -22px;
                          margin-left: 269px;
                    }
                    
                    
                    .mount-type-div {
                        
                        width: 103%;
                    }
                   
                    .lab1, .lab2{
                       
                    }
            }  
            
            
            
             @media screen and (max-width: 760px) and (min-width:740px)
            {
                
                .blind-box{
                    
                    width: 110%;
                }
                
                .mobile-div, .mobile-default-img-outer-div, #mobile-arrow-outer-dive{
                 transform: scale(0.85);
                }
                
               
                 
                  #arrow-outer-dive{
                    margin-left: -16.4% !important;
                     width: 120.8%;
                    }
                    #width-measure-div{
                     margin-top: 3.699%;
                    }
                    .default-img-outer-div {
                       margin-top: -126.5%;
                       margin-left: 103%;
                    }
                    
                    
                    .mount-type-div {
                        
                        width: 103.5%;
                    }
                     
                    .lab1, .lab2{
                       
                    }
            }    
            
            
            
             @media screen and (max-width: 780px) and (min-width:760px)
            { /**  768 ipad**/
                .blind-box{
                    min-height: 225px !important;
                }
                
                .mobile-div, .mobile-default-img-outer-div, #mobile-arrow-outer-dive{
                 transform: scale(0.75);
                 }
               
                .default-img-outer-div{
                  margin-top: -9px;
                  margin-left: 220px;
                 }
                 #arrow-outer-dive {
                     width: 151.8%;
                     margin-left: -33% !important;
                 }
                 
                 .table1{
                     font-size: 15.8px;
                 }
            }
            
             @media screen and (max-width: 1030px) and (min-width:1020px)
            {
                .blind-box{
                    min-height: 203px !important;
                }
                
                .mobile-div, .mobile-default-img-outer-div, #mobile-arrow-outer-dive{
                 transform: scale(0.9);
                 }
                .mobile-div{
                    margin-top:-27px;
                margin-left: -36px;
                }
                
                .default-img-outer-div{
                      top: -7px;
                      margin-left: 266px;
                 }
                 #arrow-outer-dive {
                     width: 113.8%;
                     margin-left: -11% !important;
                 }
                
                 .sh2{
                     padding-right: 26%;
                 }
            }
            