/************************************************************************************
iPad
*************************************************************************************/
@media only screen and (min-device-width : 768px) 
and (max-device-width : 1024px), 
only screen and (orientation : landscape) {


  .button {
        -webkit-appearance: none;
        -webkit-border-radius: 0;
    }
  .header-logo-off-center  {
    padding-left:0px;
    margin-left:0px;
    text-align:center;
  }

}
/************************************************************************************
smaller than 480
*************************************************************************************/
@media screen and (max-width: 320px), screen and (max-width: 480px), 
screen and (max-width:768px)  {

	html {
		margin:0;
		padding:0;
		border:none;
	}
	#mobilesize {font-size:480px;}

	#orderbody {
		width:100%;
		margin-top:0px;
		margin-left:0px;
		margin-right:0px;
		padding-left:0px;
		padding-right:0px;
		border:none;

	}
	#giftrocker-envelope {
		margin-top:0px;
		width:100%;
		margin-left:0px;
		margin-right:0px;
		padding-left:0px;
		padding-right:0px;		
		border:none;
	}
	#logo-left {
		width:100%;
		margin-left:0px;
		margin-right:0px;
		padding-left:0px;
		padding-right:0px;		
	}
	#order-design {
		width:100%;
		margin-top:0px;
		border-image-width:none;
		border:none;
		margin-left:0px;
		margin-right:0px;
	}
	#order-design-inner {
		margin:0;
		padding:0;
		border:none;
	}
     .header-logo-off-center  {
      padding-left:0px;
      margin-left:0px;
      text-align:center;
    }
  	.order-header-description {
		margin-top:0px;
	}
	.divider-table {
		width:98%;
	}
	.order-uber-header {
		margin-top:0px;
	}
	.order-logo-img {
		max-width:99%;
	}
	.order-canvas {
		padding-right:0px;
		padding-left:0px;
		margin-top:0px;
		width:100%;
		box-shadow:0px 0px 0px 0px #000;
		border:none;
		border-image-width:none;
	}
	.order-step {
		margin-left:0px;
	}
	.order-row {
		padding-left:1%;
		width:99%;
		margin-left:0px;
	}
	.order-field {
	    margin-top:2px;
	}
	.menu-item-left {
	    width:77%;
	}
	.order-card {
		margin-left:0px;
	}
	.order-header-description {
		margin-left:0px;
	}
	.floatmobile {
		float:none;
		clear:left;
	}
	.field-spacing-mobile {
		margin-left:0px;
		padding-top:0px; 
	}
	.field-spacing {
	    margin-left:0px;
	}
	#peepspicker {
	    margin-left:2%;
	}
	.name, .email, .longlength, .nicname {
	    width:94%;
	    clear:left;
	    float:none;
	    margin-left:0px;
	}
	.floatleft {
	    float:none;
	}
	.inline-field-spacing {
	    margin-left:5px;
	    float:left;
	}
	.inline-floatleft {
	    float:left;
	}
	.shortlength, .amount  {
	    width:50px;
	}
	.order-input {
	    margin-top:1px;
	    line-height:39px;
	}
	.order-step {
	    padding-left:1%; 
		width:99%;
	}
	.delivery-address {
	    padding-left:1%;
	    margin-left:0px;
	    width:94%;
	}
    .menu-item-left-pic {
        width:55%;
    }
    .menu-item-right-pic {
        width:22%;
    }
	.banner-image { 
		
	}
	.field-spacing-mobile-small {
		margin-left:0px;
	}
	.floatmobilesmall {
		float:none;
	}
	#review-rows { 
		margin-left:0px;
		width:100%;
		color:#0000ff;
		font-size:12px;

	}
	.review-rows-table { 
		width:97%;
		margin-left:3%;

	}
	.review-row-confirmation { 
		width:100%;
		margin:10px 0px 10px 0px;
	}
  
	.linkTextAttributes {
		color:#ff0000;
	}
	.divider-image {
		width:99%;
	}

    .button {
        -webkit-appearance: none;
        -webkit-border-radius: 0;
    } 
    .order-top-margin {
	margin-right:0px;
    }
      .notmobile {
    display:none;
    }
     .simple_overlay  {    
        margin-top:0px;
        margin-left:2%;
        width:90%;     
        min-height:100px; 
        border:1px solid #666;       
    }
}

/************************************************************************************
smaller than 320
*************************************************************************************/
@media screen and (max-width:320px) {
	.floatmobilesmall {
		float:none;
		clear:left;
	}
	#mobilesize {font-size:320px;}

	.field-spacing-mobile-small {
		margin-left:0px;
		padding-top:0px; 
	}
	.review-row-col1, .review-row-col2, .review-row-col3, .review-row-confirmation {
		font-size:14px;
	}
	.review-row-smaller {
		font-size:11px;
	}
	.divider-image {
		width:99%;
	}
 	.menu-item-left {
	    width:77%;
	}
    .header-logo-off-center {
      padding-left:0px;
      margin-left:0px;
      text-align:center;
    }
	.shortlength, .amount  {
	    width:50px;
	}
     .order-top-margin {
	margin-right:0px;
    }
      .button {
        -webkit-appearance: none;
        -webkit-border-radius: 0;
    }
    .notmobile {
    display:none;
    }
    .simple_overlay  {    
        margin-top:0px;
        margin-left:2%;
        width:90%;     
        min-height:100px; 
        border:1px solid #666;       
    }
 
}