/***CHANGES 25/9 ***/
.md-last-step select[name="md_how_heard"]{
	height:34px;
	padding: 6px 8px;
}





html {
  scroll-behavior: smooth;
}

.page-template-ppc-quote-template .entry-content-page {
    padding-top: 0!important;
}
.page-template-ppc-quote-template2020 .entry-content-page {
    padding-top: 0!important;
}

.md-radio-how {
    margin-bottom: 20px;
    margin-top: 10px;
}
.md-radio-how input {
    margin-right: 30px;
}
.md-radio-how p{
  font-size: 16px;
  margin-bottom: 15px;
}


/***MOBILE STYLE***/

@media screen and (max-width:991px){

	select.customForm-control{
		font-size: 14px;
		padding-right: 0;
	}

}

@media screen and ( max-width: 768px ){

  .md-radio-how {
    margin-bottom: 40px;
    margin-top: 25px;
  }
  .md-radio-how p{
    font-weight: 700;
  }
  .md-radio-how input[name="md_how_heard"]{
    height: unset!important;
  }
  .md-radio-how .col-sm-6{
    margin-top: 12px;
  }
  .md-readonly-calc{
      width: 100%!important;
  }
	.home .container-fluid{
		height: unset!important;
	}
	.barPos .bgWhite{
		background: 0;
	}
	.bgWhite form{
		padding: 0px 0 50px;
	    background: #fff;
	    width: 95%;
	    margin: 0 auto;
	}
	form .spcl-class-left:first-of-type{
		padding: 20px;
	    background: #232963;
	    text-align: center;
    	margin-bottom: 40px;
	}
	form .spcl-class-left h3{
		font-weight: bold;
	    color: #fff;
	    text-transform: uppercase;
	    padding: 0;
	    font-family: 'Roboto', sans-serif;
	    letter-spacing: 2px;
	    font-size: 26px;
	}
	form .col-md-2.spcl-class-left{
	    text-align: center;
	}
	form .spcl-class-half{
		padding: 0 40px;
	}
	.bgWhite form .btn-red, #quoteapp form #next_button, #quoteapp form button[type="submit"]{
		background-image: linear-gradient(90deg, #ff6111 0%, #ed1f23 100%);
	    letter-spacing: 1px;
	    font-weight: bold;
	    padding: 20px;
	    min-width: 240px;
    	border-radius: 35px;
    	cursor: pointer;
    	transition: all 0.3s ease-in-out;
    	margin-top: 10px;
    	height: unset;
    	line-height: unset;
    	border:0;
    	font-size: 18px;
    	background-color: 0 !important;
	}
	.bgWhite .btn-red:hover{
		background-image: linear-gradient(90deg, #ed1f23 0%, #ff6111 100%);
	}
	select.customForm-control, #quoteapp select{
		height: 55px;
		padding: 6px 20px;
		color:#141414;
		border:2px solid #e0dbd5;
		appearance:none;
		-moz-appearance:none;
		-webkit-appearance:none;
		-o-appearance:none;
		font-size:18px;
		background-image: url(/wp-content/uploads/2019/06/md-chevron-down.png);
	    background-position-x: 97%;
	    background-position-y: 20px;
	    background-repeat: no-repeat;
	    background-size: 17px;
	}
	select.customForm-control:after{
		content: '\f078';
		font-family: FontAwesome;
	}
	#quoteapp .panel-primary{
		border:1px solid #ccc4;
		border-top:0;
		border-radius: 0;
	}
	#quoteapp .panel-heading{
		background: #222a64;
		border-radius: 0;
		border: 0;
		padding: 20px 35px;
	}
	#quoteapp .panel-heading div{
		letter-spacing: 1px;
	}
	#quoteapp .row{
		display: block!important;
		float: left;
		width: 100%;
		margin:0;
	}
	#quoteapp input, #quoteapp form input[type="text"]{
		background: #fff;
		height: 55px;
		padding: 6px 20px;
		font-size:18px;
		border:2px solid #e0dbd5;
	}
	#quoteapp form{
		padding: 15px;
	}
	#quoteapp form .clearfix:first-of-type .clearfix .form-group:first-of-type .row .clearfix:last-of-type{
		text-align: center;
		padding: 15px 0;
		font-weight: bold;
	}
	#quoteapp form .clearfix:first-of-type .clearfix .form-group:first-of-type .row a{
		text-align: center !important;
	}
	#quoteapp form div[classname="clearfix"]{
		text-align: center !important;
		margin:15px 0;
	}
	#quoteapp form .btn-primary{
		background-image: linear-gradient(90deg, #ff6111 0%, #ed1f23 100%);
	}
	#quoteapp form label.btn{
		width: 100% !important;
		font-size: 16px;
		padding: 10px 0;
	}
	/*#quoteapp form .clearfix:first-of-type .clearfix .form-group:last-of-type div div:first-of-type{
		padding-left: 0;
	}
	#quoteapp form .clearfix:first-of-type .clearfix .form-group:last-of-type div div:last-of-type{
		padding-right: 0;
	}*/
	#quoteapp form .clearfix:first-of-type .clearfix .form-group:last-of-type{
		padding-top: 10px;
	}
	#quoteapp form .clearfix.control-label ~ .clearfix{
		margin: 0 0 10px 0 !important;
	}
	#quoteapp .col-xs-4{
		width: 100%;
		margin-bottom: 15px;
	}

}

@media screen and ( max-width: 550px ){

  .md-radio-how{
    float: left;
    width: 100%;
    padding-left: 20px;
  }
  .md-radio-how + .col-sm-6:first-of-type{
    width: 100%;
    margin-bottom: 15px;
    text-align: center;
  }
  .md-radio-how label{
    float: left;
    width: 100%;
  }
  .md-radio-how input{
    margin-right: 0;
  }
	#quoteapp input, #quoteapp form input[type="text"], select.customForm-control, #quoteapp select{
		height: 45px;
		font-size: 16px;
		background-position-y:14px;
		background-size:14px;
	}
	form .spcl-class-left h3{
		font-size: 23px;
	}
	.bgWhite form .btn-red, #quoteapp form #next_button, #quoteapp form button[type="submit"]{
		font-size: 16px;
		min-width: 180px;
		padding:15px 0;
	    background-position-y: 16px;
	    background-size: 14px;
	    background-color:#ff6111;
	    background-image:unset !important;
	}

}

@media screen and ( max-width: 420px ){
	form .spcl-class-left h3{
		font-size: 18px;
	}
	form .spcl-class-left:first-of-type{
		margin-bottom: 30px;
	}
	form .spcl-class-half {
    	padding: 0 20px;
	}
	#quoteapp input, #quoteapp form input[type="text"], select.customForm-control, #quoteapp select{
		height: 40px;
		font-size: 14px;
	}
	.bgWhite form .btn-red, #quoteapp form #next_button, #quoteapp form button[type="submit"]{
		font-size:15px;
	}
}