@media screen and (max-width: 420px) {
	div.offset-custom { max-width: none !important; }

	#frm-Contact { width: 100% !important; }
	#frm-Contact > ul { margin: 0; padding: 0; }
}


ul.ul-Social-List { min-width: 300px; margin: 0; padding: 0; }
ul.ul-Social-List li { margin: 5px 4px !important; list-style: none; display: inline-block; vertical-align: top; }

ul.ul-Social-List li input.rb-Social { width: 15px !important; height: 15px; margin-right: 5px; display: inline-block; vertical-align: middle; }
ul.ul-Social-List li label { display: inline-block !important; vertical-align: middle; }

span.cls-Social-Icon { width: 35px; height: 35px; padding: 6px; text-align: center; cursor: pointer; border-radius: 50%; display: block; color: #FFF; }
span.cls-Social-Icon i { font-size: 20px; }

.cls-Facebook,
.cls-Facebook-Hover:hover {
	background-color: #375899 !important;
}

.cls-Twitter,
.cls-Twitter-Hover:hover {
	background-color: #28A9E2 !important;
}

.cls-Instagram,
.cls-Instagram-Hover:hover {
	background: #D6249F;
  background: radial-gradient(circle at 30% 107%, #FDF497 0%, #FDF497 5%, #FD5949 45%,#D6249F 60%,#285AEB 90%);
}

/*** BEGIN - MODAL ***/

.div-Modal-Instagram-Content,
.div-Modal-Twitter-Content {
	width: 40%;
	min-width: 300px;

	margin: 120px auto;
  padding: 10px 20px;

  background-color: #FFF;

  position: relative;
}

.div-Modal-Instagram-Content > a,
.div-Modal-Twitter-Content > a {
	font-size: 15px;
	font-weight: bold;

	color: #555;

	position: absolute;
	right: 15px;
}

.div-Modal-Instagram,
.div-Modal-Twitter {
  opacity: 0;
  pointer-events: none;

	background-color: rgba(0, 0, 0, .8);

	position:fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

	z-index: 1;
}

.div-Modal-Instagram-Content p a,
.div-Modal-Twitter-Content p a { color: #00F !important; }

#div-Modal-Instagram:target,
#div-Modal-Twitter:target {
  opacity: 1;
  pointer-events: auto;
}

/*** END - MODAL ***/