@media only screen and (max-width: 550px){    
    body{
        width:100%;
        min-height:0px;
        font-size: 20px;
        line-height: 160%;
    }
    
    .wrap {
        width:100%;
        margin: 0 auto;
    }
    
    .stickyHead {
        position: absolute !important;
        top: 0;
        right: 0;
        width: 100%;
        z-index:3;
        padding-bottom:40px;
        display:inline-block;
    }
    
    #content{
        /* min-height:1640px; */
        margin: 0 auto;
        padding: 90px 20px;
    }
    
    #selectInstallationTypeContent, #selectTileSizeContent, #selectRoomShapeContent {
	    width: 100%;
	    margin: 0px auto;
	}
	
    /* #selectInstallationTypeContent div:nth-child(n), #selectTileSizeContent  div:nth-child(n){
        transform:scale(.67);
        -webkit-transform:scale(.67);
        transform-origin:0 0;
        -webkit-transform-origin:0 0;
    } */

    #selectInstallationTypeContent .calculatorOptionOuterContainer .calculatorOptionContainer{
        margin-bottom: 40px;
    }

    .calculatorOptionOuterContainer {
        -webkit-flex-direction: column;
        flex-direction: column;
    }

    .calculatorOptionOuterContainer.RoomShapeOuterContainer {
        -webkit-flex-direction: row;
        flex-direction: row;
    }

    .calculatorOptionContainer {
        padding: 0;
    }

    .calculatorOptionContainer img {
        margin: 0px auto;
    }

    .calculatorOptionContent span {
        margin: 0 auto;
        text-align: left;
    }

    .calculatorOptionContainer {
        -webkit-flex-basis: 400px;
        flex-basis: 400px;
    }
    
    div#rectangle-container {
	    margin-left: 0px !important;
	}
	
	#rectangle-container, #l-shape-container, #t-shape-container, #u-shape-container{
        margin-bottom: 30px ;
    }
	
	#loading-tab {
	    width: 100%;
	}
	
    #resultsImagesContainer, #resultsDetailContainer{
	    width:100%;
	    margin-bottom:50px;
	    margin-left:0px;
	}
	
	#resultsDetailContainer{
        font-size:28px;
        line-height:180%
    }
    
	#stepName{
        font-size:23px;
	    padding:14px 0px;
	    margin-left:-4px;
	}
	
	#stepDirections{
        padding-left:0;
    }
    
    .canvasContainer{
        width: 100%;
        height: auto;
    }
    
	/* #mainCanvas{
	    transform:scale(.335);
        -webkit-transform:scale(.335);
        transform-origin:0 0;
        -webkit-transform-origin:0 0;
    } */
    
    #enlargedCanvasContainer{
        width:100%;
        height:auto;
    }
    
    #enlargedCanvasContainer #enlargedCanvas{
        width:100% !important;
        height:auto !important;
    }
    
	#stepDirections p{
	    display:none;
	}
	
	.tabContent h2{
        padding-left:20px;
    }
	
	.tabContent h2#borderWidthHeader, .tabContent h2#dimensionHeader {
        padding-left:0;
    }
	
	#tabs .tabContent table{
        margin-left:20px;
    }
	
	#tabs .tabContent table#borderWidthEditTable, #tabs .tabContent table#wallLengthEditTable {
        margin: 0 auto;
    }

    #wallLengthEditFeet, #wallLengthEditInches, .wallFeet, .wallInches, .borderFeet, .borderInches {
        width: 35px;
        padding: 4px;
    }
	
	.tabContent #productSelectionContainer{
        margin-left:0px;
    }
	
	.ui-widget{
	    font-family:Arial, Helvetica, sans-serif;
	    font-size:20px;
	}
	
	#productSelection .selectedProduct div, #productSelection #addTile {
	    line-height:23px;
	}
	
	#productSelection #addTile div {
		margin-top:16px;
	}
	
	#cartProductSelectionContainer #pdfLinkContainer img{
        width:inherit;
    }
	
	#ceilingLayout, #ceilingLayoutDetailsContainer, #ceilingDesign, #cartProductSelectionContainer{
	    float:none;
	}
	
	#ceilingLayout, #ceilingDesign, #ceilingLayoutDetailsContainer, #cartProductSelectionContainer{
	    width:100%;
	}
	
	#ceilingLayout img, #ceilingDesign img, #ceilingLayoutDetailsContainer img, #cartProductSelectionContainer img{
        width:100%;
    }
    
    #ceilingLayout, #ceilingDesign {
	    margin-bottom: 0px;
	}
    
    #cartProductSelectionContainer{
        width:100%;
        font-size:20px;
        line-height:160%;
    }
    #ceilingLayoutDetailsContainer {
        margin-left:0;
    }
    
    #cartProductSelectionContainer div .details p{
        line-height:120%;
    }
    
    #ceilingLayoutDetailsContainer div#dimensionsContainer, #ceilingLayoutDetailsContainer div#borderWidthsContainer{
        float:left;
        font-size:14px;
        /*line-height:20px;*/
        width:100%;
        margin:10px 1%;
        font-size:20px;
    }
    
    #ceilingLayoutDetailsContainer div#resultDetails{
        float:left;
        font-size:14px;
        /*line-height:20px;*/
        width:100%;
        margin:10px 1%;
        font-size:20px;
    }
    
    #ceilingLayoutDetailsContainer p{
        margin:0px 0px 5px 0px;
    }
	
	/*#pdfLinkContainer{
		display:none;
	}*/
	
    #productSelection .selectedProduct .changeButton.mobile a, 
    #productSelection .selectedProduct .overlapChangeButton.mobile, 
    #productSelection .selectedProduct .removeButton.mobile a, 
    #productSelection #addAccessory.addAccessory .changeButton.mobile {
        background-color: transparent;
        border: none;
        box-shadow: none;
        color:#02869d;
        font-size: 40px;
        width: max-content;
        height: auto;
        padding: 0;
    }
    
    #productSelection #addTile svg, #productSelection #addAccessory svg {
        font-size: 54px;
    }
	
    #productSelection .selectedProduct .changeButton a svg path, 
    #productSelection .selectedProduct .overlapChangeButton svg path, 
    #productSelection .selectedProduct .removeButton a svg path, 
    .addAccessory .changeButton svg path{
        color:#02869d !important;
    }
    
    .cancelContainer {
        display: flex;
    }
    
    .cancelContainer button {
        width: max-content;
        margin: 20px auto 40px;
        background-color:rgb(243, 0, 0);
        color:#fff;
        border-radius: 3px;
        border:.5px solid rgb(163, 2, 2);
        box-shadow: 2px 4px #e6e6e6;
        padding: 20px 20px;
        font-size:20px;
        font-family: inherit;
        font-weight: bold;
        cursor: pointer;
        line-height: 0.15;
        max-width: 85%;
        text-align: center;
    }
    
    .cancelContainer button:hover {
        background-color: rgb(163, 2, 2);
        border:.5px solid rgb(109, 1, 1);
        box-shadow: none;
	}
	
	#productSelection {
	    width: 100%;
	    margin: 0px 0px;
	    overflow: hidden;
	}
	
	.productSelectionResult{
		width:100%;
		margin:10px auto;
        clear: none !important;
		float:left;
	}
	
	#cartProductSelectionContainer .productSelectionResult .imageContainer {
        float: left;
        margin: 0 0 15px;
        padding-left: 15px;
        justify-content: left;
        box-sizing: border-box;
    }

    #cartProductSelectionContainer .productSelectionResult.panel img.productImage {
        width: 198px;
        height: auto;
    }

    #cartProductSelectionContainer .productSelectionResult .details {
        padding-left: 15px;
        box-sizing: border-box;
    }

    #cartProductSelectionContainer #subtotalContainer {
        padding-left: 15px;
        box-sizing: border-box;
        margin-left: 0;
        margin-bottom: 20px;
    }
	
    .resultsButtonContainer {
        display: flex;
        justify-content: center;
        padding-left: 0;
        margin: 30px 0;
    }

    #cartProductSelectionContainer #emailPdfContainer {
        margin: 0 0 30px;
    }
	
    #productSelection .selectedProduct.tile img.productImage, 
    #productSelection .selectedProduct.accessory img.productImage, 
    #productSelection .selectedProduct.panel img.productImage, .addAccessory img {
	    width: 100%;
        max-width: 198px;
        max-height: 198px;
	    height: auto;
	    margin: 0 auto 15px;
    }

	#productSelection .selectedProduct.panel img.productImage {
        max-height: 396px;
	}
	
	#productSelection .selectedProduct, .addAccessory {
	    width: 100%;
	    margin: 20px 0;
	    position: relative;
        display: flex;
        flex-direction: column;
    }

    #productSelection #addAccessory.addAccessory {
	    float: none;
        cursor: pointer;
        font-size: 20px;
        text-align: center;
        width: 100%;
        margin: 20px 0;
        padding: 20px 0;
    }

    #productSelection .selectedProduct div {
        font-size: 20px;
        margin-top: 2px;
    }
	
	#productSelection .selectedProduct .editTitleContainer, .addAccessory .editTitleContainer {
	    display: flex;
        margin: 0 auto;
    }
    	
	#productSelection .selectedProduct .editTitleContainer .labelTitleContainer, .addAccessory .editTitleContainer .labelTitleContainer {
	    display: flex;
        flex-direction: column;
    }
    
    #productSelection .selectedProduct .changeButton, 
    #productSelection .selectedProduct .overlapChangeButton, 
    #productSelection .selectedProduct .removeButton, 
    .addAccessory .editTitleContainer .changeButton {
        margin-top: 0px;
        height: auto;
        display: block;
        margin-right: 10px;
	}
	
    #productSelection .selectedProduct .productData, .addAccessory .editTitleContainer .clickAccessory {
        margin-top: 0;
        height: auto;
        text-align: left;
    }
	   
    .addAccessory .editTitleContainer .addAccessoryLabel {
        margin-top: -5px;
    }

    .addAccessory .editTitleContainer .clickAccessory {
        margin-top: -8px;
    }
	
	#productSelection .selectedProduct .borderLabel, #productSelection .selectedProduct .accessoryLabel {
	    position: relative;
	    width: 100%;
	    height: auto;
	    padding: 0;
        margin: 0;
        font-size:20px;
        background-color: transparent;
        color: #555555;
        top: 0;
        left: 0;
    }

    #productSelection .selectedProduct .featureLabel, 
    #productSelection .selectedProduct .accessoryLabel, 
    #productSelection .selectedProduct .borderLabel, 
    #productSelection .selectedProduct .accessoryLabel {
        margin:0;
        text-align: left;
    }
	
    #productSelection .selectedProduct.border .featureLabel {
        cursor: pointer;
        display: none;
    }
	
	#productSelection #addTile {
        float: left;
        clear: both;
	    cursor: pointer;
	    font-size: 15px;
	    text-align: center;
	    width: 20%;
	    margin: 10px 5px;
	}
	
	#productSelection #addTile img {
        width: 100%;
    }
    
    #rectangle-container{
        margin-left:96px;
    }
    
    #u-shape-container{
        margin-right:96px;
    }

    #cartProductSelectionContainer .productSelectionResult.tile img.productImage, #cartProductSelectionContainer .productSelectionResult.accessory img.productImage{    
	    width:198px;
	    height:198px;
	}
    
	div #cartProductSelectionContainer #pdfLinkContainer{    
        font-size:1em;
        display: flex;
        justify-content: center;
        margin: 30px 0 0;
        padding: 0;
    }

    .topMarginHr {
        margin-top: 30px;
    }

    #ceilingLayoutBackGround, #ceilingDesignBackGround {
        margin-bottom: 0;
    }

	div #cartProductSelectionContainer #pdfLinkContainer img{    
        margin-top: 5px;
        height: 20px;
    }

	div #cartProductSelectionContainer #pdfLinkContainer #creatingPDF{    
        padding-left: 10px;
    }

    #pickATileTypeContainer{
        width:262px;
        margin:10px 0px 10px 30px;
        overflow:hidden;
    }

    #pickATileTypeContainer .tileTypeChoice{ 
        float:left;	
        cursor:pointer;
        text-align:center;
        font-size:24px;
        font-weight:bold;
        line-height:30px;
        margin-bottom: 0px;
    }

    #pickATileTypeContainer #tileTypeChoiceOr{ 
        text-align:center;
        float:left;
        width:80px;
        padding:5px 75px;
        font-size:24px;
        font-weight:bold;
        line-height:30px;
    }

    a#nextButton{
        padding: 10px 10px 10px 20px;
    }

    a#backButton{
        padding: 10px;
    }

    .closeLink {
        margin-top: 20px;
    }

    .resultsButton {
        min-width: 130px;
        padding: 5px 20px;
        margin: 0;
        text-align: center;
        width: 150px;
        height: auto;
    }

    #tabContent-8 h3 {
        margin-top: 30px;
    }

    #pickATileContainer{
        width: 310px;
        margin:10px auto 10px;
        overflow:hidden;
    }

    .tileContainer.tile .checkMark,.tileContainer.accessory .checkMark{
        top: 210px;
        left: -25px;
        font-size: 25px;
    }
    
    .tileContainer.panel .checkMark{
        top:207px;
        left:-11px;
    }

    #swatchesContainer {
        width: 98%;
        padding: 0px 15px 15px 15px;
        margin: 0px auto;
        overflow: hidden;
        box-sizing: border-box;
    }

    .colorSwatchContainer {
        float: left;
        position: relative;
        cursor: pointer;
        width: 52px;
        height: 52px;
        margin: 0px 7px 14px;
        overflow: visible;
    }

    .colorSwatchContainer .checkMark{
        top: 11px;
        left: 13px;
    }

    #stylePickerWrapper #nextArrow {
        position: absolute;
        top: 118px;
        left: 260px;
    }

    #stylePickerWrapper #prevArrow {
        position: absolute;
        top: 118px;
        left: 0px;
    }

    #productSelection .selectedProduct.accessory {
        float: left;
        clear: both;
        margin-top: 10px;
    }

    #step7HowTo{
        width:300px;
        margin:0px 10px;
    }
}