label {
	display:block; 
	padding-bottom:5px; 
	
}




#mrova-contactform ul {
	margin: 0;
	padding: 0;
	
}




/*mobile portrait*/
@media (max-width: 320px) { /*if the viewport is 320 or LESS - If "min-width" specified then it would be 600 or WIDER */
    
    
    .mrova-feedback{
	display: hidden;
	width: 280px;
	position: fixed;
	right: -280px;
	border: 1px solid #6bc048;
	padding: 4px 10px;
	background-color: #F5F5F5;
	opacity: 0.97;
        filter: alpha(opacity=97); /*for IE8 and earlier*/
	z-index:9999;
	font-size:10px;
	height:190px;
	padding-top:10px;
	
    }
    
    #mrova-contactform input, 
    #mrova-contactform textarea{
    width: 190px; 
    padding: 10px;
    border: 1px solid #ccc;
    margin-bottom: 8px;
    }
    
    
    #mrova-contactform ul li {
	    list-style:none; 
	    padding-bottom:5px;
    }
    
    
    #mrova-img-control{
	cursor:pointer;
    position: absolute;
    left: -30px;
    width: 30px;
    background: transparent url('https://www.dmjbuildingandroofing.co.uk/files/contact_form/images/contact_form_tiny.png');
    height: 105px;
    }
    
    
    
    /*height of text area*/
    #mrova-contactform input 
    {
        height:15px;
    }
    
    
    /*height of text area*/
    #mrova-contactform #mrova-message 
    {
        height:50px;
    }
    
    #label_width
    {
        width:100px;
        
    }
    
}
    
    
/*mobile landscape*/
@media (min-width: 321px) and (max-width: 650px) { /*if the viewport is 650 or LESS but more than 320 - If "min-width" specified then it would be 321 or WIDER */
    
    
    
    
    .mrova-feedback{
	display: hidden;
	width: 280px;
	position: fixed;
	right: -280px;
	border: 1px solid #6bc048;
	padding: 4px 10px;
	background-color: #F5F5F5;
	opacity: 0.97;
        filter: alpha(opacity=97); /*for IE8 and earlier*/
	z-index:9999;
	font-size:10px;
	height:190px;
	padding-top:10px;
	
    }
    
    #mrova-contactform input, 
    #mrova-contactform textarea{
    width: 190px; 
    padding: 10px;
    border: 1px solid #ccc;
    margin-bottom: 8px;
    }
    
    
    #mrova-contactform ul li {
	    list-style:none; 
	    padding-bottom:5px;
    }
    
    
    #mrova-img-control{
	cursor:pointer;
    position: absolute;
    left: -30px;
    width: 30px;
    background: transparent url('https://www.dmjbuildingandroofing.co.uk/files/contact_form/images/contact_form_tiny.png');
    height: 105px;
    }
    
    
    
    /*height of text area*/
    #mrova-contactform input 
    {
        height:15px;
    }
    
    
    /*height of text area*/
    #mrova-contactform #mrova-message 
    {
        height:50px;
    }
    
    #label_width
    {
        width:100px;
        
    }
    
}



/*tablet or normal computer monitor*/
@media (min-width: 651px) { /* if viewport is 650 or wider */
    
    .mrova-feedback{
	display: hidden;
	width: 590px;
	position: fixed;
	right: -590px;
	border: 1px solid #6bc048;
	padding: 8px 20px;
	background-color: #F5F5F5;
	opacity: 0.97;
        filter: alpha(opacity=97); /*for IE8 and earlier*/
	z-index:9999;
	font-size:12px;
	height:530px;
	padding-top:25px;
    }
       
    #mrova-contactform input, #mrova-contactform textarea{
    width: 460px;
    padding: 10px;
    border: 1px solid #ccc;
    margin-bottom: 10px;
    }

    #mrova-contactform ul li {
	    list-style:none; 
	    padding-bottom:10px;
    }
    
    #mrova-img-control{
	cursor:pointer;
    position: absolute;
    left: -52px;
    width: 52px;
    background: transparent url('https://www.dmjbuildingandroofing.co.uk/files/contact_form/images/contact_form.png');
    height: 168px;
    }
    
    /*height of text area*/
    #mrova-contactform #mrova-message 
    {
        height:300px;
      
    }
    
    #label_width
    {
        width:100px;
        
    }

}                            





/*safari only css*/
/*
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
     ::i-block-chrome, .spam_check_text {
        margin-top:-10px;
    }
}




@media screen and (-webkit-min-device-pixel-ratio:0) { 
    /* Safari and Chrome */
/*
    .spam_check_text {
     color:red;
    }
*/
    /* Safari only override */
/*
    ::i-block-chrome,.spam_check_text {
     color:blue;
    }
}
*/




#mrova-contactform #mrova-sendbutton {
	width:60px;
	background:#6bc048; color:#fff; 
	cursor:pointer;
	padding:4px 9px; 
	border: none;
	margin-top:-8px;
	height:26px;
	text-align:center;
	vertical-align:middle;
	
}





/*top right bottom left*/

/* THIS WORKS AND MOVES THE SELECTED INPUT FIELDS INTO VIEW BUT THE BACKGROUND IS STILL LEFT IN ORIGINAL POSITION
.fixfixed .mrova-feedback { 
    position: absolute;
    padding: 120px 0 0 5px; 
    border: 1px solid red;
    margin-top:120px;
    margin-right:2px;
} 
*/
/*THIS ONLY GETS CALLED WHEN WE ARE IN MOBILE VIEW AND EDITING INPUT FIELD IN THE CONTACT FORM SO THE FIELD APPEARS IN VIEW AND IS NOT HIDDEN BY SOFT KEYBOARD*/

.fixfixed body { 
    height:1000px;
}

.fixfixed .contact-wrapper { 
    position:absolute;
    /*border: 0px solid yellow;*/
    right:0;
    top:0;
    height:250px;
    padding: 120px 0 0 5px;
} 

.fixfixed .mrova-feedback { 
    position: relative;
    top: 0;
    right: 2;
    left:5px;
    /*border: 0px solid red;*/
}