/*
Theme Name: Impreza Child
Template: Impreza
Version: 1.0
Author:	UpSolution
Theme URI: http://impreza.us-themes.com/
Author URI: http://us-themes.com/
*/

/*Add your own styles here:*/

/** button **/
.error-msg{
	background: #fedee3;
    color: #a80004;
    text-align: center;
    font-size: 16px;
    line-height: 2.5;
}
.w-btn.color_green{
	background-color:#2b2c36;
	transition: background-color 0.3s ease 0s, box-shadow 0.3s ease 0s, opacity 0.3s ease 0s, color 0.3s ease 0s;
}
.no-touch .w-btn:hover{
	 background-color:rgba(98, 84, 168, 1);
}
.quote-forms .offset_small{
	margin:20px auto;
	
}
.user-info td{
	border-bottom:0px;
	padding:0.3em 0.3em;
}

.mesurements div{
	margin-bottom:10px;
}
.mesurements div input{
	width:10%;
}
.wt-advanced-quote-res, .wt-advanced-quote-res tr, .wt-advanced-quote-res tr td{
	border:1px solid #ccc;
}
.granite-type-container .offset_small img, .quartz-type-container .offset_small img, .marble-type-container .offset_small img {
	width:150px;
}
.granite-type-container .offset_small div, .quartz-type-container .offset_small div, .marble-type-container .offset_small div{
	width: 16%;
    margin: 0 0 10px 0;
    display: inline-block;
    float: none;
}
.granite-select-buttons{
 	width:35%;
 	display:inline-block;
}
.selected-material-detail  .selected-material, .select-msg, .selected-material-detail .granite-hidden-fields{
	width:47%;
	display:inline-block;
}
 .when-needed select{
 	width:46%;
}
.thickenss-container{
	width:100%;
	display:inline-block;
}
.thickenss-container .thickness-values, .thickenss-container .thickness-values select, .thickenss-container .thickness-err-msg{
	width:47%;
	display:inline-block;
}

/**Media Quries**/
@media only screen and (min-width:768px) and (max-width: 960px){
		ul.tabs li{
			display:block;
		}
		form#wt-advanced-online-quote div:not(.material-type){
		width:100%;
		}
		form#wt-advanced-online-quote .sink-models .one-quarter{
			width:30% !important;
		}
		 form#wt-advanced-online-quote .edge-styles div.one-sixth{
			width:20% !important;
		}
		form#wt-advanced-online-quote .material-type{
			display:inline-block;
			width:30% !important;	
		}
		form#wt-advanced-online-quote label{
			display:block;
		}
		.mesurements div input{
			width:15%;
		}
	}
@media only screen and (min-width:480px) and (max-width: 767px){
	ul.tabs li{
		font-size:1rem;
	}
	ul.tabs{
		text-align:center;
	}
	form#wt-advanced-online-quote div:not(.material-type){
		width:100%;
	}
	form#wt-advanced-online-quote .material-type{
		display:inline-block;
		width:47% !important;	
	}
	form#wt-advanced-online-quote label{
		display:block;
	}
}
@media only screen and (max-width: 480px){
	form#wt-advanced-online-quote div:not(.material-type){
		width:100%;
	}	
	ul.tabs{
		text-align:center;
	}
	form#wt-advanced-online-quote, ul.tabs li, ul.tabs strong{
		font-size:0.8rem;
	}
	ul.tabs strong{
		display:block;
	}
	form#wt-advanced-online-quote .material-type{
		display:inline-block;
		width:47% !important;	
	}
	form#wt-advanced-online-quote .selected-material-detail img
	{
		width:100px;
	}
	.wpcf7-form input[type="file"], .thickenss-container .thickness-values select, .when-needed select{
		width:100%;
	}
	.user-info td{
		padding: 0.3rem 0;
	}
	.user-info input[type="text"], .user-info textarea{
		width:100% !important;
	}
	.mesurements div input{
		width:20%;
	}
	form#wt-advanced-online-quote .material-type img{
		width:120px;
	}
	#tab-3 img{
		width:150px;
	}
	.sink-models .one-quarter span, .sink-models .one-quarter input{
		display:inline-block;
	}
	.sink-models .one-quarter label{
		display:block;
	}
	input[type="submit"].searchbutton:not(.w-btn){
		font-size:11px;
		width:100%;
		padding:10px;	
	}
	#ns-online-quote .quote-bg-img {
		width: 100% !important;
	    height: 300px !important;
	    background-size: contain !important;
	    background-repeat: no-repeat !important;
	}
	#ns-online-quote .first, #ns-online-quote .second, #ns-online-quote .third, #ns-online-quote .fourth, #ns-online-quote .fifth, #ns-online-quote .sixth,
	 #ns-online-quote .seventh, #ns-online-quote .eighth{
	    width: 40px !important;
    	height: 22px !important;
	 }
	#ns-online-quote .first {
	    top: 0% !important;
	    left: 43% !important
    }
    #ns-online-quote .second {
	    top: 13% !important;
	    left: 1% !important
    }
    #ns-online-quote .third {
	    top: 28% !important;
	    left: 85% !important;
    }
    #ns-online-quote .fourth {
	    top: 30% !important;
	    left: 13% !important
    }
    #ns-online-quote .fifth {
	    top: 41% !important;
	    left: 2% !important;
    }
    #ns-online-quote .seventh {
	   top: 56% !important;
	   left: 43% !important;
	}
	#ns-online-quote .eighth {
	    top: 56% !important;
	    left: 80% !important;
	}
	#ns-online-quote .sixth {
	    top: 71% !important;
	    left: 1% !important;
	}
}
@media only screen and (max-width: 320px)
{
	#ns-online-quote .quote-bg-img {
		width: 100% !important;
	    height: 240px !important;
	    background-size: contain !important;
	    background-repeat: no-repeat !important;
	}	
}