@media only screen and (max-width: 448px){
form div.form-label{width:20%;float:left;margin-left:5%;}
form div.form-menu{width:70%;}
#selectcolor label{font-size:12px;}
form div.form-flower1{width: 90px;float:left;}
form div.form-flower1 label{font-size:12px;}
form div.form-flower2{width:10px;text-align:center;float:left;}
form div.form-flower2 p{font-size:10px;padding-top:25px;}
form div.form-flower3{width: 90px;margin-top:21px;}

#search{width:100px;margin-left:auto;margin-right:auto;}
#form-label1{font-size:13px;padding-top:2px;}
#form-label2{font-size:13px;padding-top:50px;}
#form-label3{font-size:13px;padding-top:75px;}
#form-label4{font-size:13px;padding-top:44px;}


/*by Serena**/

}
@media only screen and (min-width: 448px) and (max-width:860px){
form div.form-label{width:20%;float:left;margin-left:5%;}
form div.form-menu{width:70%;}
#selectcolor label{font-size:12px;}
form div.form-flower1{width: 90px;float:left;}
form div.form-flower1 label{font-size:12px;}
form div.form-flower2{width:10px;text-align:center;float:left;}
form div.form-flower2 p{font-size:10px;padding-top:25px;}
form div.form-flower3{width: 90px;margin-top:21px;}

#search{width:100px;margin-left:auto;margin-right:auto;}
#form-label1{font-size:13px;padding-top:2px;}
#form-label2{font-size:13px;padding-top:50px;}
#form-label3{font-size:13px;padding-top:65px;}
#form-label4{font-size:13px;padding-top:35px;}

/*by Serena**/
.col_grid{
    display:inline-block;
    width: 40%;
    padding: 1em;
    margin-left:5%;
    vertical-align:top;
}

}




@media only screen and (min-width: 860px){

    /*by Serena**/
.col_grid{
    display:inline-block;
    /*width: 30%;*/
    padding: 1em;
    margin-left:20%;
    vertical-align:top;
}


form div.form-label{
	width:10%;
	float:left;
	margin-left:20%;

}
/*form-menu*/
form div.form-menu{  /*this is menu part, name flower and so on   */	width:50%; margin-right:20%;}
form div.form-menu #selectcolor{  /*this is the input and selector part   */float:left;}
/*form-flower*/
form div.form-flower{float:right;margin-top:3px;}
form div.form-flower1{width:100px; float:left;}
form div.form-flower2{width:20px;float:left;text-align:center;}
form div.form-flower3{width:100px; float:left; margin-top:20px;}

/*search button*/
#search{
	margin-right:20%;
	margin-left:70%;

}

/*form-label-P*/
#form-label1{
	font-size:15px;
	padding-top:5px;
}
#form-label2{
	font-size:15px;
	padding-top:12px;
}
#form-label3{
	font-size:15px;
	padding-top:21px;
}
#form-label4{
	font-size:15px;
	padding-top:16px;
}
/*form-flower-P*/
div.form-flower2 p{
	font-size:15px; 
	padding-top:30px;	
}


}