@media (max-width: 1024px) and (orientation: portrait) {
	#introText {
		background-color: #FAFAFA;
		border-radius: 4px 4px 4px 4px;
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
		display: block;
		height: 100%;
		left: 0px;
		margin-left: 0px;
		position: fixed !important;
		top: 0;
		width: 100%;
		z-index: 99999;
	}
	#introText .content {
		background: none repeat scroll 0 0 #FAFAFA;
		border: 1px solid #949494;
		border-radius: 4px 4px 4px 4px;
		color: black;
		height: auto;
		margin-left: 10px;
		margin-right: 10px;
		margin-top: 10px;
		overflow: auto;
		padding: 10px;
		width: auto;
	}
}

@media all and (max-width: 1250px){


  #fertigHeader{

margin-left: 0px;

}

.previewInfoWrap {

    width: 80%;

}

#preview_div  .but_i{
  width: 100%;
  margin-top:10px;
}


    #cartBtn{
        font-size: 18px;
        width: auto;
        padding-left: 15px;
        padding-right: 15px;
        white-space: nowrap;
        margin-right: 10px;
    }
    #cartBtnBlock{
        margin-left: -15px;
    }
}

@media (max-width: 1150px) {
    .hidden-log_bot-1150 #log_bot{
        display: none;
    }

    #quaBlock{
        margin-left: -25px;
        margin-right: -25px;
        position: relative;
    }
}

@media all and (max-width: 1000px){

    #cartBtnBlock{
        margin-left: 0px;
    }

    


  #fertigHeader{

margin-left: 40px;

}

.previewInfoWrap {

    width: 86%;

}


#preview_div  .but_i{
  width: auto;
  margin-top:0px;
}


}


@media all and (max-device-width: 600px), all and (max-width: 600px){

    #breadcrumbPattern .breadcrumb_pattern_node {
        display: inline-block;
        padding: 0 3px;
        font-size: 13px;
        color: #9a9a9a;
        cursor: pointer;
    }

    .bufferBlockLeft{
    display: none;
    }

    #tabWizardHead a{
        line-height: 30px;
    }


  
    #cartBtn{
     display: none;
    }
    
 
    
    #leftBar{

        width: 100%;
        height: 70px;
        padding: 0 0 10px 0;
        overflow: hidden;
    }
    
    #leftBarBottom{
   float: right;
    }
    
    #leftBarTop{
       float: left;
    }
    
    .leftBarBtnWrapper{
        
        display: inline-block;
    }
    
    .leftBarBtnText{
        display: none;
    }
    
    #btnInfo{
        
        top:80px;
        margin-left: -44px;
    }
    
    #curtain{
    transition: margin 0s ease-out 0s !important;
    margin: 0px !important;
    z-index: 500;
    display: none;
    overflow: auto;
    }
    #imgBlock{
        text-align: center;
    }
    
   
 #imgBlock div img{
        width: 100%;
    }
    
    #colorPickerWrap{
        
        margin-top: 50px;
        
    }
    

    

    #textAreaWrap{
    margin-top: 50px;    
    }
    
    #textArea{
        
        height: 200px;
    }
    
    
#fontSelector select{
font-size: 22px;
}
    

    
#allBlock{

}

#pageToggleBlock{

    margin-top: -160px;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 190;
    top: 100%;
    text-align: center;

}

#exitBtnWrap{
	display: none;
}

#x3domUpLine{
    top:70px;
}


#popup-shapes{
    
height: 220px;
width:140px;
}



#popup-shapes .content
{
height: 90%;
position: relative;
}
    
}


@media all and (max-width: 800px) {    
  #canvasZoomHideBox{
      display: none;
  }  
}
@media all and (max-width: 1000px) {
  #x3domUpLine .x3domClassInput{
      font-size: 15px;
      width: 120px;
  }
   
}
@media all and (max-width: 1100px) {
  #canvasZoom{
      margin: 0 2px;
  }
  #canvasZoomHidden{
      margin: 0 2px;
  }

}
@media all and (min-width: 1100px) and (max-width: 1200px) {
  #canvasZoom{
      margin: 0 30px;
  }
  #canvasZoomHidden{
      margin: 0 30px;
  }

}