@media screen, projection {
	
	 article {
	 	min-height: 100px;
	 } 	
		
	 form#warrantyForm {
	 	margin-top: 50px;
	 	text-align: center;
	 }
	 
	 form#warrantyForm input[type="text"],
     form#warrantyForm textarea {
         width: 60%;
         height: 49px;
         font-size: 18px;
         color: #4d4e50;
         padding: 0 5px;
         border: none;
         background-color: #eee;
         margin-bottom: 20px;
         line-height: 49px;
         box-sizing: border-box;
     }
     
     
     form#warrantyForm input.error {
     	border: 1px solid #e11414;
     }
     
     form#warrantyForm textarea {
     	height: 80px;
     }
     
     form#warrantyForm p {
     	text-transform: uppercase;
     	font-weight: 400;
     	font-size: 20px;
     	margin: 25px 0;
     }
     
     div#w_email_checker {
     	position: relative;
     	top: -20px;
     	height: 0px;
     	text-align: right;
     	width: 60%;
     	font-size: 12px;
     	color: #e11414;
     	margin: 0 auto;
     }
     
     form#warrantyForm label {
     	cursor: pointer;
     	font-size: 14px;
     }
     
     form#warrantyForm div.info {
     	width: 60%;
     	text-align: left;
     	background-color: #eee;
     	height: 49px;
     	line-height: 49px;
     	padding: 0 5px;
     	margin: 0 auto 20px auto;
     	box-sizing: border-box;
     	font-size: 18px;
     }
     
     form#warrantyForm div small {
	 	text-align: left;
	 	display: block;
	 	width: 60%;
	 	margin: auto auto;
	 }
     
      form#warrantyForm input[type="submit"] {
           width: 155px;
           height: 40px;
           background-color: #e11414;
           font-size: 15px;
           color: #fff;
           text-align: center;
           cursor: pointer;
           border: none;
           font-weight: 400;
           text-transform: uppercase;
           margin-top: 40px;
       }
       
       form#warrantyForm select {
       		border: 1px solid #afb0b1;
       		background-color: #eee;
       		padding: 3px 0;
       } 

        	form#warrantyForm input[type="submit"]:hover {
        		background-color: #b21f1f;
        	}
     
     
     	form#warrantyForm div.info select {
     		margin-left: 25px;
     	}
     	
     form#warrantyForm p#warrantyResult {
     	text-transform: none;
     	font-size: 14px;
     	color: #e11414;
     }	
}

@media all and (max-width: 800px) {
	 form#warrantyForm input[type="text"],
     form#warrantyForm textarea {
		width: 90%;     
     }
     
      form#warrantyForm div.info {
     	width: 90%;
      }
      
      form#warrantyForm div small {
      	width: 90%;
      }
}

@media all and (max-width: 600px) {
	form#warrantyForm div.info {
     	width: 90%;
     	height: 100px;
     }
	
	form#warrantyForm div.info select {
		font-size: 14px;
		overflow: hidden;
		display: block;
		margin-left: 0;
	}
}

@media all and (max-width: 400px) {
	form#warrantyForm input[type="text"],
    form#warrantyForm textarea {
		width: 100%;     
    }
    
    form#warrantyForm div.info {
    	width: 100%;
    }
    
    form#warrantyForm div.info select {
    	max-width: 250px;
    }
}