/**************************

Website Designed by CounterMind on Marketing-Rhino.com
https://www.marketing-rhino.com/
It is forbidden to re-sell this landing page without Author Permission.

**************************/
/*--------------------------------------------------------------
# Basics
--------------------------------------------------------------*/
body {
	overflow-x: hidden;
}
.bg {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	background: url('../img/bg.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	height: 100%;
}
html {
	overflow-y: scroll;
	overflow-x: hidden;
}
ul {
	list-style: none;
}
textarea, input, a, button { 
	outline: none;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body {
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	color: #333;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Roboto', sans-serif;
	font-weight: 900;
}
a {
	-webkit-transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	-ms-transition: all 0.2s ease-in-out 0s;
	-o-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;
}
a:hover, a:visited, a:focus, a:active, button:hover, button:visited, button:active, button:focus; {
	text-decoration: none !important;
	outline: none !important;
}
.section-title h2 {
	color: #333;
	font-size: 1.4em;
	font-weight: 700;
	margin: 0 0 15px 0;
	text-align: center;	
}
::selection {
	background: #b900b4;
	color: #fff;
	text-shadow: none;
}
::-moz-selection {
	background: #b900b4;
	color: #fff;
	text-shadow: none;
}

/*--------------------------------------------------------------
# Animations
--------------------------------------------------------------*/
.animation-delay-100 {
	-webkit-animation-delay: 0.1s;
	animation-delay: 0.1s;
}
.animation-delay-200 {
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
}
.animation-delay-300 {
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s;
}
.animation-delay-400 {
	-webkit-animation-delay: 0.4s;
	animation-delay: 0.4s;
}
.animation-delay-600 {
	-webkit-animation-delay: 0.6s;
	animation-delay: 0.6s;
}
.animation-delay-800 {
	-webkit-animation-delay: 0.8s;
	animation-delay: 0.8s;
}
.animation-delay-1000 {
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}
.animation-delay-2000 {
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
}

/*--------------------------------------------------------------
# Button
--------------------------------------------------------------*/
.styled-button {
	border-radius: 20px;
	background: #fe4a49;
	color: #fff;	
	padding: 25px 10px 22px 10px;
	width: 100%;
	margin: 0 auto;
	max-width: 300px;
	border: none;
	display: block;
	font-family: 'Roboto', cursive;
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: 4px;
	font-weight: 700;
	font-size: 1.6em;
    line-height: 1.8;
	cursor: pointer;
	text-decoration: none !important;
	text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.2);
	outline: none !important;
	-webkit-transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	-ms-transition: all 0.2s ease-in-out 0s;
	-o-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;
}
.styled-button.small {
	padding: 5px 14px;
	font-size: 0.9em;
}
.styled-button:visited, .styled-button:active, .styled-button:focus {
	color: #fff;	
}
.styled-button:hover {
	background: #fe4a49;
	color: #fff;
}
.styled-button:active {
	bottom: -2px;
	position: relative;
	opacity: 0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
}
div.styled-button::selection, div.styled-button::-moz-selection {
	background: #fff;
}
.error-popup-button-wrapper .styled-button, .verification-button-wrapper .styled-button {
	color: #fff !important;
}
/*--------------------------------------------------------------
# General Content
--------------------------------------------------------------*/
.container {
	max-width: 980px;
} 
.content-wrapper {
	position: relative;
}

/*--------------------------------------------------------------
# Branding
--------------------------------------------------------------*/
.branding {
	position: relative;
	padding: 40px 0 20px 0;
	z-index: 4;
}
.branding img {
	margin: 0 auto;
	display: table;
	max-width: 220px;
}
.sub-branding {
	position: relative;
	margin: 0 0 30px 0;
}
.sub-branding h1 {
	position: relative;
	text-align: center;
	margin: 0;
	font-size: 3em;
	color: #000;
	line-height: 1.2;
	font-weight: 300;
}
.sub-branding h1 span {
	display: block;
	font-size: 1.1em;
	font-weight: 700;
}

/*--------------------------------------------------------------
# Instructions
--------------------------------------------------------------*/
.instructions-wrapper {
	margin: 0 0 20px 0;
	padding-bottom: 20px;
	border-bottom: 2px solid rgba(0,0,0,0.07);
}
.instructions-col {
    border: 2px solid rgba(255,255,255,0.3);
    border-radius: 10px;
    padding: 0 15px 15px 60px;
	margin: 0 auto;
	position: relative;
}
.instructions-col:last-child {
	padding-bottom: 0;
}
.instructions-col span {
	display: block;
	position: absolute;
	width: 30px;
	height: 30px;
	background: #fe4a49;
	border-radius: 10px;
	left: 15px;
	top: 5px;
	text-align: center;
	font-weight: 700;
	font-size: 1em;
	color: #fff;
	padding-top: 4px;
}
.instructions-col p {
	margin: 0;
	font-size: 1em;
	text-align: justify;
	text-align-last: left;
	color: #333;
}

/*--------------------------------------------------------------
# Profile Form
--------------------------------------------------------------*/
.profile-form-outer-wrapper {
	max-width: 650px;
	margin: 0 auto;
	position: relative;
	width: 90%;
}
.profile-form-inner-wrapper {
	margin: 0 auto;
	position: relative;
	background: #fff;
	padding: 60px 70px 80px 70px;
	border-radius: 80px;
	color: #333;
	box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1);
}
.profile-form-content {
	position: relative;
}
.ig-username-wrapper {
	position: relative;
}
.ig-username-wrapper span.lnr {
	position: absolute;
	font-size: 2em;
    top: 40px;
    left: 28px;
	color: #fe4a49;
}
.username-form-group {
	margin-bottom: 30px;
	position: relative;
}
.label-style {
	display: block;
	text-align: center;
	margin: 0 0 3px 0;
	font-weight: 700;
	color: #333;
	font-size: 1.4em;
}
.input-style {
	border: none;
    border-radius: 100px;
	background: rgba(0,0,0,0.07);
	height: 110px;
	padding: 0 15px 0 80px;
	width: 100%;
	color: #000;
    font-size: 1.6em;
}
.input-style::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #000;
	opacity: 1; /* Firefox */
}
.input-style:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #000;
}
.input-style::-ms-input-placeholder { /* Microsoft Edge */
	color: #000;
}
.profile-form-outer-wrapper .help-block.with-errors {
	text-align: center;
	color: #fc4349;
	font-size: 0.8em;
	position: absolute;
	width: 100%;
	left: 0;
	font-weight: 700;
	bottom: 5px;
}

/*--------------------------------------------------------------
# Loader
--------------------------------------------------------------*/
.loader {
	color: #fe4a49;
	font-size: 90px;
	text-indent: -9999em;
	overflow: hidden;
	width: 1em;
	height: 1em;
	border-radius: 50%;
	margin: 72px auto;
	position: relative;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation: load6 1.7s infinite ease, round 1.7s infinite ease;
	animation: load6 1.7s infinite ease, round 1.7s infinite ease;
}
.profile-form-content .loader {
	display: none;
}
@-webkit-keyframes load6 {
  0% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  5%,
  95% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  10%,
  59% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
  }
  20% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
  }
  38% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
  }
  100% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
}
@keyframes load6 {
  0% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  5%,
  95% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  10%,
  59% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
  }
  20% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
  }
  38% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
  }
  100% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
}
@-webkit-keyframes round {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes round {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}



/*--------------------------------------------------------------
#  Profile Info
--------------------------------------------------------------*/
.profile-info-wrapper {
	display: none;
	padding: 70px 0 40px 0;
}
.profile-info-header {    
	position: relative;
	text-align: center;
}
.profile-info-top {
	max-width: 550px;
	width: 90%;
	margin: 0 auto;
	position: relative;
	background: #fff;
	padding: 30px 70px 40px 70px;
	border-radius: 80px;
	color: #333;
	box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1);
}
.profile-info-content {
	position: relative;
	padding: 30px 70px 40px 70px;
	border-radius: 80px;
	color: #333;
	box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1);
	background: #fff;
	overflow: hidden;
	position: relative;
	max-width: 920px;
	width: 90%;
	margin: 25px auto 0 auto;
}
.profile-info-content .profile-stats-item-wrapper {
	margin-right: 0;
}
.profile-media-wrapper h2 {
	font-size: 2.2em;
	text-align: center;
	margin: 0 0 10px 0;
	color: #000;
}
.profile-media-wrapper h3 {
	font-size: 1.2em;
	text-align: center;
	margin: 0 0 30px 0;
	font-weight: 300;
	color: #999;
}
#profile-confirm {
	max-width: 400px;
}
.profile-image {
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	max-width: 120px;
	display: table;
	margin: 0 auto;
}
.profile-username-wrapper {
	margin-top: 20px;
}
#profile-username-val, .profile-username-val {
	font-size: 2em;
    line-height: 32px;
	font-weight: 300;
	color: #000;
}
#profile-username-val-m {
	display: none;
}
#profile-full-name-val {
	font-weight: 700;
	display: block;
	font-size: 1.2em;
	color: #000;
}
#profile-biography-val {
	font-size: 1.2em;
    line-height: 24px;
	color: #aaa;
    word-wrap: break-word;
}
.profile-description-wrapper {
	position: relative;
	font-size: 0.8em;
	margin-top: 10px;
	padding-top: 7px;
	border-top: 2px solid rgba(255,255,255,0.2);
}
.profile-stats-wrapper {
	position: relative;
	margin-top: 20px;
}
.profile-stats-item-wrapper {
	display: inline-block;
	margin-right: 15px;
}
.profile-stats-wrapper .profile-stats-val {
	font-weight: 700;
	font-size: 1.4em;
	line-height: 1;
	color: #000;
}
.profile-stats-wrapper .profile-stats-label {
	line-height: 1;
	color: #aaa;
	font-weight: 300;
	font-size: 1em;
}
.profile-media-wrapper {
	position: relative;
	margin-top: 10px;
	min-height: 230px;
}
.media-row-1 .col-3, .media-row-2 .col-3 {
	margin-bottom: 4px;
}
.profile-media-wrapper .row {
	margin: 0 -2px;
}
.profile-media-wrapper .col-3 {
	padding: 0 2px;
}
.profile-stats-posts-wrapper {
	position: relative;
	cursor: pointer;
	-webkit-transition: -webkit-transform 300ms cubic-bezier(0.225, 3, 0.485, 0.895);
	transition: -webkit-transform 300ms cubic-bezier(0.225, 3, 0.485, 0.895);
	transition: transform 300ms cubic-bezier(0.225, 3, 0.485, 0.895);
	transition: transform 300ms cubic-bezier(0.225, 3, 0.485, 0.895), -webkit-transform 300ms cubic-bezier(0.225, 3, 0.485, 0.895);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.profile-stats-posts-wrapper:hover {
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.87);
	transform: scale(1.1);
	border: 3px solid #fe4a49;
	z-index: 10;
}
.private-profile-notice {
	display: block;
	text-align: center;
	font-weight: 700;
	font-size: 0.9em;
	margin-top: 20px;
}
.confirm-profile-inner-wrapper {
	padding: 0 30px 0 30px;
	height: 100%;
	width: 100%;
	text-align: center;
}
.confirm-profile-inner-wrapper span {
	font-size: 3em;
	color: #fff;
	font-weight: 700;
}
.confirm-profile-inner-wrapper p {
	color: #ddd;
	font-size: 1.8em;
	font-weight: 300;
	margin: 0;
}
.confirm-button-wrapper {
	max-width: 500px;
	margin: 20px auto 0 auto;
}
/*--------------------------------------------------------------
# Likes Select
--------------------------------------------------------------*/
.modal-header {
	font-size: 2.2em;
	color: #000;
	font-weight: 700;
	display: block;
	text-align: center;
	border: none;
}
.followers-select-item-inner {
	position: relative;
	padding: 30px 30px 30px 30px;
	border-radius: 20px;
	background: #fe4a49;
	text-align: center;
	color: #fff;
	cursor: pointer;
	transform: scale(0.95);
	-webkit-transform: scale(0.95);
	-moz-transform: scale(0.95);
	-webkit-transition: -webkit-transform 300ms cubic-bezier(0.225, 3, 0.485, 0.895);
	transition: -webkit-transform 300ms cubic-bezier(0.225, 3, 0.485, 0.895);
	transition: transform 300ms cubic-bezier(0.225, 3, 0.485, 0.895);
	transition: transform 300ms cubic-bezier(0.225, 3, 0.485, 0.895), -webkit-transform 300ms cubic-bezier(0.225, 3, 0.485, 0.895);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.followers-select-item-inner:hover {
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
}
.value-select-img {
	max-width: 110px;
	margin: 0 0 10px 0;
}
.followers-amount-value {
	font-weight: 700;
	font-size: 3em;
	display: block;
	line-height: 1;
}
.followers-amount-label {
	font-weight: 300;
	font-size: 1.2em;
	display: block;
	line-height: 1;
}
.redestribution-note {
	color: #999;
	max-width: 400px;
	margin: 0 auto 30px auto;
	text-align: center;
}
.redestribution-select-item-inner {
	position: relative;
	padding: 30px 30px 30px 30px;
	border-radius: 20px;
	background: #fe4a49;
	text-align: center;
	color: #fff;
	cursor: pointer;
	transform: scale(0.95);
	-webkit-transform: scale(0.95);
	-moz-transform: scale(0.95);
	-webkit-transition: -webkit-transform 300ms cubic-bezier(0.225, 3, 0.485, 0.895);
	transition: -webkit-transform 300ms cubic-bezier(0.225, 3, 0.485, 0.895);
	transition: transform 300ms cubic-bezier(0.225, 3, 0.485, 0.895);
	transition: transform 300ms cubic-bezier(0.225, 3, 0.485, 0.895), -webkit-transform 300ms cubic-bezier(0.225, 3, 0.485, 0.895);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.redestribution-select-item-inner:hover {
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
}
.value-select-img {
	max-width: 110px;
	margin: 0 0 10px 0;
}
.redestribution-amount-value {
	font-weight: 700;
	font-size: 3em;
	display: block;
	line-height: 1;
}
.redestribution-amount-label {
	font-weight: 300;
	font-size: 1.2em;
	display: block;
	line-height: 1;
}
/*--------------------------------------------------------------
# Process
--------------------------------------------------------------*/
.console-wrapper {
	position: relative;
	padding: 0 15px;
	overflow: hidden;
}
.console-wrapper .loader {
	font-size: 70px;
}
.console-inner-wrapper {
	min-height: 180px;
	position: relative;
}
.console-loader span.lnr {
	font-size: 8em;
	display: block;
	text-align: center;
	color: #999;
	margin-top: 20px;
}
.console-message {
	text-align: center;
	margin-top: 50px;
	min-height: 100px;
	display: block;
	font-size: 2.4em;
	line-height: 1.6;
	color: #000;
	font-size: 700;
}
.console-message-bold {
	font-weight: 700;
	color: #000;
}
.console-message-success, .console-loader span.lnr.console-message-success {
	color: #81d626;
}
.console-message-error, .console-loader span.lnr.console-message-error {
	color: #fc4349;
}

.console-likes-wrapper {
	display: none;
	position: relative;
	max-width: 180px;
	margin: 20px auto 0 auto;
}
.console-profile-media-img {
	max-width: 100%;
	margin: 0 auto;
}
.likes-count {
	position: relative;
	background: #fe4a49;
	margin: 30px auto;
	height: 80px;
	padding-top: 12px;
	width: 120px;
	border-radius: 15px;
}
.likes-count-amount {
	font-size: 2.2em;
	color: #fff;
	font-weight: 700;
	display: block;
	line-height: 1;
}
.likes-count-label {
	font-size: 1.2em;
	color: #fff;
	font-weight: 300;
	display: block;
	line-height: 1;
}
.stats-loadbar {
	width: 90%;
	max-width: 640px;
	padding: 10px 15px;
	display: table;
	margin: 50px auto 0 auto;
	border: 2px solid rgba(0,0,0,0.15);
	border-radius: 10px;
	-webkit-transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	-ms-transition: all 0.2s ease-in-out 0s;
	-o-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;
	display: none;
}
.stats-loadbar div {
	font-size: 15px;
	text-indent: 9999px;
	overflow: hidden;
	background: #fe4a49;
	border-radius: 10px;
}

/*--------------------------------------------------------------
# Verification
--------------------------------------------------------------*/
.verification-popup-wrapper {
	background-color: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 2px;
    padding: 80px 90px 80px 90px;
	max-width: 650px;
	width: 90%;
	margin: 0 auto;
	position: relative;
	border-radius: 10px;
	text-align: center;
}
.verification-popup-wrapper h3 {
	color: #333;
	margin-top: 15px;
	margin-bottom: 15px;
	font-size: 2em;
}
.verification-popup-wrapper p {
	color: #999;
    font-size: 1.2em;
    text-align: justify;
	font-weight: 700;
    text-align-last: center;
}
.verification-popup-wrapper i {
	font-size: 32px;
	display: block;
	color: #ccc;
	text-align: center;
	margin: 35px auto;
}
.u-w-w {
	color: #000;
}
.verification-likes-wrapper {
	display: table;
	margin: 15px auto;
}
/*--------------------------------------------------------------
# Error Popup
--------------------------------------------------------------*/
.error-popup {
	background-color: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 2px;
    padding: 40px 80px 50px 80px;
	max-width: 550px;
	border-radius: 30px;
	width: 90%;
	margin: 0 auto;
	position: relative;
	text-align: center;
}
.error-popup span.lnr {
	font-size: 7em;
	color: #fe4a49;
}
.error-popup h2 {
	color: #333;
	margin-top: 15px;
	margin-bottom: 15px;
	font-size: 2em;
}
.error-popup-content-wrapper p {
	color: #999;
    font-size: 1em;
    text-align: justify;
	font-weight: 300;
    text-align-last: center;
}
.error-popup-button-wrapper {
	margin-top: 30px;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
footer {
	margin-top: 200px;
	text-align: center;
	padding: 5px 0;
	color: rgba(255, 255, 255, 0.8);
	font-size: 0.7em;
	position: relative;
	z-index: 10;
}
footer .copyright-notice  {
	margin-top: 3px;
}
footer .copyright-notice span {
	display: block;
	margin-top: 3px;
}
footer a {
	color: rgba(255, 255, 255, 0.5);
}
footer a:hover {
	color:  rgba(255, 255, 255, 1);
}
.f-n-l:after {
	display: inline-block;
	content: '|';
	margin: 0 3px;
	position: relative;
	color: rgba(0,0,0,0.2);
}
.f-n-l:last-child:after {
	display: none;
}
.help-block.with-errors ul {
	margin: 0;
}

/*--------------------------------------------------------------
# Responsive Design
--------------------------------------------------------------*/
@media screen and (max-width: 993px) {
	.branding img {
		max-width: 180px;
	}	
	.instructions-col span {
		top: 10px;
	}
}
@media screen and (max-width: 650px) {
	.branding img {
		max-width: 150px;
	}
	.container {
		max-width: 100%;
		padding: 0;
	}
	.profile-form-inner-wrapper {
		padding: 40px 30px 50px 30px;
	}
	.profile-info-header {
		padding: 0 15px;
	}
}
@media screen and (max-width: 575px) {
	.branding h1 {
		font-size: 2.2em;
	}
	#profile-username-val-m {
		display: block;
	}
	#profile-username-val {
		display: none;
	}
	.profile-image {
		max-width: 100%;
	}
	.profile-stats-item-wrapper {
		margin-right: 15px;
	}
	.profile-info-content {
		margin-top: 25px;
		padding-top: 20px;
	}
	.profile-media-wrapper .col-4 {
		padding: 0;
	}
	.media-row-1 .col-4 {
		margin-bottom: 0;
	}
	.console-message {
		font-size: 26px;
	}
	.verification-popup-wrapper {
		padding: 50px 50px 50px 50px;
	}
	.verification-popup-wrapper h3 {
		color: #333;
		margin-top: 15px;
		margin-bottom: 15px;
		font-size: 2em;
	}
	.verification-popup-wrapper p {
		color: #999;
		font-size: 1.2em;
		text-align: justify;
		font-weight: 700;
		text-align-last: center;
	}
	footer {
		margin-top: 30px;
	}
	.error-popup {
		padding: 30px 30px 30px 30px;
	}
	.styled-button {
		font-size: 1.4em;
	}
}
@media screen and (max-width: 490px) {
	.ig-username-wrapper span.lnr {
		font-size: 1.6em;
		top: 38px;
		left: 12px;
	}
	.input-style {
		padding-left: 48px;
	}
	#profile-username-val, .profile-username-val {
		font-size: 1.8em;
	}
	.profile-stats-wrapper .profile-stats-val {
		font-size: 1.3em;
	}
	.profile-stats-wrapper .profile-stats-label {
		font-size: 1em;
	}
	#profile-biography-val {
		font-size: 1.2em;
	}
	.confirm-profile-inner-wrapper span, .modal-header {
		font-size: 2em;
	}
	.confirm-profile-inner-wrapper p {
		font-size: 1.2em;
	}
	.profile-media-wrapper {
		min-height: 356px;
	}
}
@media screen and (max-width: 450px) {
	.branding img {
		max-width: 100px;
	}
	.sub-branding {
		margin-bottom: 15px;
	}
	.sub-branding h1 {
		font-size: 2.2em;
	}
	.instructions-col {
		padding-bottom: 10px;
	}
	.instructions-col span {
		top: 5px;
	}
	.instructions-col p {
		font-size: 0.9em;
	}
	.input-style {
		height: 100px;
		font-size: 1.6em;
	}
	.console-message {
		font-size: 24px;
	}
	.verification-popup-wrapper {
		padding: 30px 20px 50px 20px;
	}
	.error-popup h2 {
		font-size: 1.6em;
	}
	.error-popup-content-wrapper p {
		font-size: 1em;
	}
	.console-wrapper {
		padding: 0;
	}
	.stats-loadbar {
		margin-top: 25px;
	}
	.verification-popup-wrapper p {
		font-size: 1em;
	}
	.profile-info-top {
		padding: 30px 10px 30px 10px;
	}
	.profile-info-header {
		padding: 0;
		width: 95%;
	}
	.profile-info-content, .confirm-profile-inner-wrapper {
		padding: 0 5px;
	}
	.followers-select-item-inner, .redestribution-select-item-inner  {
		padding: 10px 15px 10px 15px;
	}
	.value-select-img {
		max-width: 60px;
	}
	.followers-amount-value, .redestribution-amount-value {
		font-size: 2.6em;
	}
	.profile-image {
		max-width: 85px;
	}
}
@media screen and (max-width: 400px) {
	.sub-branding h1 {
		font-size: 1.8em;
	}
	.instructions-col p {
		font-size: 0.8em;
	}
	.profile-form-inner-wrapper {
		padding: 25px 20px 40px 20px;
	}
	.branding img {
		max-width: 70px;
	}
	.branding h1 {
		font-size: 1.8em;
	}
	.profile-info-content, .confirm-profile-inner-wrapper {
		padding: 5px 10px 20px 10px;
	}
	.profile-info-content {
		margin-top: 12px;
	}
	.profile-info-top {
		padding: 20px 15px;
	}
	.profile-stats-item-wrapper {
		margin-right: 5px;
	}
	#profile-username-val, .profile-username-val {
		font-size: 1.7em;
	}
	.profile-stats-wrapper .profile-stats-val {
		font-size: 1em;
	}
	.profile-info-top, .profile-info-content {
		border-radius: 30px;
	}
	.profile-media-wrapper h2 {
		font-size: 1.8em;
	}
	.profile-media-wrapper h3 {
		font-size: 1em;
	}
	.profile-stats-wrapper .profile-stats-label {
		font-size: 0.8em;
	}
	#profile-biography-val {
		font-size: 1em;
	}
	.confirm-profile-inner-wrapper span, .modal-header {
		font-size: 1.5em;
	}
	.confirm-profile-inner-wrapper p {
		font-size: 1.1em;
	}
	.console-message {
		font-size: 22px;
	}
	.styled-button {
		padding: 20px 10px 18px 10px;
	}
}
@media screen and (max-width: 365px) {
	.instructions-wrapper {
		margin: 0 0 10px 0;
		padding-bottom: 10px;
	}
	.username-form-group {
		margin-bottom: 15px;
	}
	#profile-username-val, .profile-username-val {
		font-size: 1.6em;
	}
	.profile-stats-wrapper .profile-stats-val {
		font-size: 1em;
	}
	.profile-stats-wrapper .profile-stats-label {
		font-size: 0.75em;
	}
	#profile-biography-val {
		font-size: 1em;
	}
	.confirm-profile-inner-wrapper span, .modal-header {
		font-size: 1.3em;
	}
	.confirm-profile-inner-wrapper p {
		font-size: 1em;
	}
	.styled-button {
		font-size: 1.2em;
	}
	.input-style {
		font-size: 1.4em;
	}
}
@media screen and (max-width: 350px) {
	.profile-stats-item-wrapper {
		margin-right: 10px;
	}
	.error-popup h2 {
		font-size: 1.4em;
	}
	#profile-username-val, .profile-username-val {
		font-size: 1.5em;
	}
	.profile-stats-wrapper .profile-stats-val {
		font-size: 0.9em;
	}
	.profile-stats-wrapper .profile-stats-label {
		font-size: 0.7em;
	}
	#profile-biography-val {
		font-size: 1em;
	}
}
@media screen and (max-width: 340px) {
	.branding h1 {
		font-size: 1.6em;
	}
	.input-style {
		font-size: 1.4em;
	}
}
@media screen and (max-width: 320px) {
	.branding {
		padding: 25px 0 15px 0;
	}
	.sub-branding h1 {
		font-size: 1.6em;
	}
	.branding img {
		max-width: 50px;
	}
	.input-style {
		height: 70px;
		font-size: 1.2em;
	}
	.console-likes-wrapper {
		max-width: 150px;
	}
	.ig-username-wrapper span.lnr {
		top: 24px;
	}
	.instructions-col p {
		font-size: 0.65em;
	}
	.label-style {
		font-size: 1.2em;
	}
	.verification-popup-wrapper h3 {
		font-size: 1.6em;
	}
}
/**************************

Website Designed by CounterMind on Marketing-Rhino.com
https://www.marketing-rhino.com/
It is forbidden to re-sell this landing page without Author Permission.

**************************/