.backing.sampleBackground {
	width:180px;
}


.speakLabel{
    margin-top: 0;
    margin-left: 0;
    position: absolute;
    left: 0;
    bottom: 0;
    padding-bottom: 10px;
    padding-top: 20px;
    text-align: center;
    width: 100%;
}

.opencategory {
    background-repeat: no-repeat;
    width: 60%;
    height: 20px;
    bottom: 0;
    margin-left: 20%;
}

.backing{
	width: calc(20% - 4px);
	width:-webkit-calc(20% - 4px);
	height:180px;
	text-align: center;
}
.speakBottomLabel {
   	width: 100%;
    padding-bottom: 12px;
	position: absolute;
    bottom: 0;
}

.backingAddButton {
	float: left;
	position: relative;
	width: calc(33.33% - 6px);
	width:-webkit-calc(33.33% - 6px);
    height: 72px;
    padding-top: 10px;
    margin: 0;
    margin-bottom: 2px;
}
.layout_cell{
	padding-top:5px;
}

.layout_icon{
	height:70px !important;
	}

		
@media only screen and (max-width: 768px)
	{ 
	.backing {
		width: calc(33% - 4px);
		width:-webkit-calc(33% - 4px);
	}


}

@media only screen and (max-width: 450px)
{ 
	.backing {
		width: calc(50% - 4px);
		width:-webkit-calc(50% - 4px);
	}
}
@media only screen and (min-width: 320px) and (orientation : portrait) 
{
	#speakform{
		width:100%;
	}
}

@media (max-width: 1023px) and (orientation: landscape) 
{

	.backing {
    	width: calc(33.33% - 4px);
		width:-webkit-calc(33.33% - 4px);
	}

}

@media (min-width: : 1024px) and (orientation: landscape) 
{

	.backing {
    	width: calc(25% - 4px);
		width:-webkit-calc(25% - 4px);
	}

}

/* iPhone 5 to 6+ and X ----------- */ 
@media only screen and (min-height: 319px) and (max-width: 823px) and (orientation : landscape) 
{
	
	.backing {
    	width: calc(33.1% - 4px);
		width:-webkit-calc(33.1% - 4px);
	}
}
/*ipad PORTRAIT*/
@media only screen and (min-width : 768px) and (max-height : 1024px) and (orientation : portrait)
{ 
	.backing {
		width: calc(25% - 4px);
		width:-webkit-calc(25% - 4px);
	}
	
	.yesbtn, .nobtn, .typebtn, #stylerBtn, .menubtn, .backtobuilder {
		text-indent: 80px;
	}
}
/* ipad* LANDSCAPE     @media only screen and (min-device-height : 768px) and (max-device-width : 1024px) and (orientation : landscape)
*/
@media only screen and (min-width: 768px) and (max-width : 1365px) and (orientation : landscape)
{ 
	.backing {
		width: calc(25% - 4px);
		width:-webkit-calc(25% - 4px);
    }		
}
		

/* ipad pro LANDSCAPE */
@media only screen and (min-height:1024px) and (max-width: 1366px) and (orientation: landscape) {

	.backing {
    	width: calc(25% - 4px);
		width:-webkit-calc(25% - 4px);
	}
	
}
/* ipad pro PORTAIT */
@media only screen and (min-height:1366px) and (max-width: 1024px) and (orientation: portrait) {
	.layout_icon {
		margin-top: 0;
	}
	
	.backing {
    	width: calc(33.33% - 4px);
		width:-webkit-calc(33.33% - 4px);
	}
}
@media (min-width: 1200px) {

	.backing {
    	width: calc(25% - 4px);
		width:-webkit-calc(25% - 4px);
	}

}
@media (min-width: 1500px) {

	.backing {
    	width: calc(20% - 4px);
		width:-webkit-calc(20% - 4px);
	}

}

@media (min-width:  1700px) {

	.backing {
    	width: calc(16.666% - 4px);
		width:-webkit-calc(16.666% - 4px);
	}

}
@media (min-width:  2000px) {

	.backing {
    	width: calc(14.285% - 4px);
		width:-webkit-calc(14.285% - 4px);
	}

}
@media (min-width:  2400px)  {

	.backing {
    	width: calc(12.5% - 4px);
		width:-webkit-calc(12.5% - 4px);
	}
}

/* ipad pro PORTAIT */
@media only screen and (min-height:1366px) and (max-width: 1024px) and (orientation : portrait),  { 
	.backing {
    		width: calc(33% - 4px);
			width:-webkit-calc(33% - 4px);
	}
	
}

/* ipad pro Portrait */
@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
	  
	 .backing {
    		width: calc(33.33% - 4px);
			width:-webkit-calc(33.33% - 4px);
	}
}