/* refer a friend */
	.refer-col .col-sm-6{
		padding: 6px;
	}
	.refer-col .col-sm-12{
		padding: 6px;
	}
	.refer-col .referError{
		border: 1px solid #D0021B !important;
	}
	 .refer-col .errref{
		color: #D0021B !important; 
	}
	#ref_but{
	margin: 0 !important; 
    height: 35px;
    line-height: 35px;
    width: 120px !important;
	font-size: 17px !important;
	}
	.refer-content p{
	 margin-bottom: 20px;
     font-size: 18px;
	 
	}
	.refer-a-friend {
		font-family: gibson-regular;
		padding: 15px;
	}
	.refer-a-friend li {
    font-size: 18px;
	}
	.refer-a-friend input.form-control{
	border: 1px solid #98a8b4;
	border-radius: 0px;
    color: #323e48;
    height: 42px !important;
	box-shadow: none;
    background: #ffffff;
    height: 38px;
    padding: 5px 12px;
	}
	.refer-col .col-sm-8 {
    padding: 4px 0px;
    }
    .refer-footer .content-footer-wrapper {
    padding-left: 0px !important;
  }
	/* refer a friend */
@media (max-width: 767px){
	.refer-content p {
        margin-bottom: 10px;
        font-size: 14px;
		line-height: 16px;
    }
    .ref-head h3 {
        font-size: 20px;
        margin: 0px 0px 10px 0px;
    }
    .refer-bag-image{
        margin-top: 0px;
    }
	.refer-a-friend .form-group {
		margin-bottom: 4px;
	}
	.refer-a-friend input.form-control{
		height: 24px !important;
	}
	form#referFriend {
		margin-bottom: 12px !important;
	}
	.rules {
		font-size: 12px;
	}
	.refer-a-friend{
		padding-top:3px;
	}
}