/* mobile devices */
@media all and (max-width: 700px) {
	
	/* desktop main ctn */
	#shortener-desktop {
		display:none !important;
	}
	/* mobile main ctn */
	#shortener-mobile {
		display:block !important;
	}
	
	/* contains links to other landing pages */
	#shortener-additional-tools-ctn  {
		justify-content:space-around !important;
	}
	
	/* warning alert message */
	#shortener-warning {
		margin-top:-15px;
	}
	

	.short-link-quick-stats {
		margin-top:5px;
	}
	#short-link-viewstats-btn {
		display:inline-block !important;
	}
	#ext-shortlink-middle-sharethis, #ext-shortlink-middle-viewstats {
		width:100% !important;
	}

	
	#shortlink-middle-btns {
		min-width:280px !important;
		width:100% !important;
		padding:5px !important;
		justify-content:space-evenly !important;
	}
	
	
	#main-ctn {
		margin-top:70px !important;
		width:100% !important;
	}
	
	.page-ctn  {
		width:100% !important;
		overflow-x:hidden;
		padding:15px !important;
	}

	
}/*end max 700px */


/*for extra small devices */
@media all and (max-width: 320px) {





}/*end max 320px */




/*------------------------------------------ Begin Styling ------------------------------------------------------*/


#shortener-mobile {
	/* initial state */
	display:none;
	
}

a {
	font-weight:500 !important;
	text-decoration:underline !important;
	
}


#short-links-topbar {
	display:flex;
	flex-flow:row-reverse wrap;
	width:100%;
	
}
#main-content-shortlinks {
	display:flex;
	flex-flow:row wrap;
	justify-content:center;
	padding:15px;
	width:100%;
}
#members-shortlinks-form {
	width:100%;
	display:flex;
	flex-flow:column;
	align-items:center;
}
.short-link {
	margin-top:35px;
	width:100%;
}
.short-link:hover {
	box-shadow:0px 0px 1px 1px #06c !important;
	transition:box-shadow 0.25s;
}
.short-link-ctn {
	width:100%;
	display:flex;
	flex-flow:row-reverse wrap;
	justify-content:center;
}

.short-link-sub-ctn {
		padding-left:5px;
		padding-top:5px;
		width:100%;
		overflow:hidden;
		display:flex;
		flex-flow:row wrap;
		justify-content:center;
}
.short-link-btns {
	width:100%;
	display:flex;
	flex-flow:row wrap;
	justify-content:center;
	padding-top:5px;
	padding-bottom:5px;
}
.short-link-btns button {
margin-left:5px !important;	
margin-top:4px;
}
.short-link-quick-stats {
	padding:5px;
	padding-right:20px;
	padding-left:20px;
	text-align:center;
	margin-left:20px;
	margin-right:10px;
	background-color:white;
	border-radius:10px;
}
.short-link-quick-stats h5 {
	margin-top:5px;
}
.short-link-viewstats-btn {
	margin-bottom:5px;
	margin-top:5px;
}
.shortlink {
	width:100%;
	text-align:center;
	font-size:19px;
	font-weight:bold;
	margin-top:5px;
}
.short-link-analytics {
	width:100%;
	display:none;
	border-left:1px solid #d3d3d3;
	border-right:1px solid #d3d3d3;
	border-bottom:1px solid #d3d3d3;
}
.shortlink-stats {
	width:100%;
	display:flex;
	flex-flow:row wrap;
	justify-content:space-between;
}
.shortlink-stats-ref, .shortlink-stats-country {
	width:35%;
	padding:15px;

}
.shortlink-stats-country  {
	width:60%;
	display:flex;
	flex-flow:row wrap;
	justify-content:space-evenly;
	border-left:1px solid #d3d3d3;
}
.shortlink-stats-ref h6, .shortlink-stats-country h6 {
	line-height:1.7 !important;

}
.short-link-stats-item {
	display:inline-block;
	padding:5px;
	margin-left:5px;
	
}
.shortlink-country-summary-stats {
	margin-top:5px;
	padding:10px;
	font-size:17px !important;
	font-weight:600;
	width:100%;
	text-align:center;
}
.short-link-quality-score {
	display:flex;
	flex-flow:column;
	align-items:center;
	width:100%;
	padding:15px;
}

.short-link-quality-score-txt {
	display:flex;
	flex-flow:column;
	align-items:center;
	border:7px solid #e8e8e8;
	width:100px;
	padding:15px;
	margin-top:5px;
}

#shortlink-middle-ctn {
	min-height:30px;
	display:flex;
	flex-flow:row wrap;
	justify-content:space-between;
	width:100%;
}

#shortener-additional-tools-ctn {
border:1px solid #d3d3d3;
width:100%;
min-height:40px;
padding:5px;
display:flex;
flex-flow:row wrap;
}

#ext-shortlink-middle-sharethis {
	display:inline-flex;
	min-width:280px;
	width:60%;
	flex-flow:row wrap;
	justify-content:space-evenly;
	padding:15px;
}
#shortlink-middle-btns {
	display:inline-flex;
	flex-flow:row wrap;
	justify-content:space-evenly;
	padding:15px;
	min-width:320px;
}

#shortlink-get-stats-form {
	width:100%;
	display:flex;
	flex-flow:column;
	align-items:center;
	min-height:100px;
	padding:15px;
}
#shortlinks-top-logo {
	margin-top:15px;
}
.short-link-edit-ctn {
	padding:15px;
	min-height:100px;
	width:100%;
	display:flex;
	flex-flow:column;
	align-items:center;

}
.edit-name {
	width:200px;
}
.shortlink-change-btns {
	margin-top:7px;
}
#shortlink-public-edit-ctn {
	width:100%;
	display:flex;
	flex-flow:row wrap;
	justify-content:center;
	padding:5px;
}

#benefits {
	min-height:100px;
	width:100%;
	display:flex;
	flex-flow:row wrap;
	justify-content:space-evenly;
	padding-bottom:50px;
}

.benefit {
	display:inline-flex;
	width:300px;
	height:92px;
	margin-top:10px;
	cursor:pointer;
}
.benefit:hover {
	box-shadow: 0px 0px 1.3px 2px #06c;
}
.benefit-content {
	display:inline-flex;
	width:225px;
	height:90px;
	flex-flow:column;
	align-items:center;
}

.benefit-image {
	display:inline-block;
	width:100px;
	height:100px;
	margin-top:10px;
}
.benefits-title {
	width:100%;
	text-align:center;
	padding:5px;
}
.benefits-desc {
	width:100%;
	min-height:50px;
	margin-top:-10px;
	padding:5px;
	padding-left:10px;
}

#top-ctn {
	margin-top:30px;
	display:flex;
	flex-flow:row wrap;
	justify-content:space-evenly;
	
}

.page-ctn {
	width:49%;
	min-height:200px;
	padding:20px;
	margin-bottom:5px;
}




#analytics-ico {
	background: url('../images/urlshortener-sprite.png?a') no-repeat  -11px -4px;
	height:70px;
	width:84px;
	
}

#ssl-ico {
	background: url('../images/urlshortener-sprite.png?a') no-repeat -16px -83px;
	height:71px;
	width:76px;
}

#free-ico {
	margin-top:2px;
	background: url('../images/urlshortener-sprite.png?a') no-repeat -13px -495px;
	height:88px;
	width:83px;
}
#unlimited-ico {
	background: url('../images/urlshortener-sprite.png?a') no-repeat -21px -415px;
	height:74px;
	width:71px;
}
#cookies-ico {
	background: url('../images/urlshortener-sprite.png?a') no-repeat -9px -584px;
	height:72px;
	width:83px;
}

#shortlink_example_txt {
	padding:15px;
	overflow-x:hidden;
}

/*--------------------------------- Stats ------------------------------------------------------*/
#short-links-topbar {
	display:flex;
	flex-flow:row-reverse wrap;
	width:100%;
	
}
#main-content-shortlinks {
	display:flex;
	flex-flow:row wrap;
	justify-content:center;
	padding:15px;
	width:100%;
}
#members-shortlinks-form {
	width:100%;
	display:flex;
	flex-flow:column;
	align-items:center;
}
.short-link {
	margin-top:55px;
	width:100%;

}
.short-link:hover {
	box-shadow:0px 0px 1px 1px #06c !important;
	transition:box-shadow 0.25s;
}
.short-link-ctn {
	width:100%;
	display:flex;
	flex-flow:row-reverse wrap;
	justify-content:center;
	padding:5px;
	background-color:#f8f9fa;
}

.short-link-sub-ctn {
		padding-left:5px;
		padding-top:5px;
		width:100%;
		overflow:hidden;
		display:flex;
		flex-flow:row wrap;
		justify-content:center;
}
.short-link-btns {
	width:100%;
	display:flex;
	flex-flow:row wrap;
	justify-content:center;
	margin-top:10px;
}
.short-link-btns button {
margin-left:5px !important;	
margin-top:4px;
}
.short-link-quick-stats {
	padding:7px;
	padding-right:20px;
	padding-left:20px;
	text-align:center;
	margin-left:20px;

}
.short-link-viewstats-btn {
	margin-bottom:5px;
	margin-top:5px;
}
.shortlink {
	width:100%;
	text-align:center;
	font-size:19px;
	font-weight:bold;
}
.short-link-analytics {
	width:100%;
	display:none;
	border-left:1px solid #d3d3d3;
	border-right:1px solid #d3d3d3;
	border-bottom:1px solid #d3d3d3;
}
.shortlink-stats {
	width:100%;
	display:flex;
	flex-flow:row wrap;
	justify-content:space-between;
}
.shortlink-stats-ref, .shortlink-stats-country {
	width:35%;
	padding:15px;

}
.shortlink-stats-country  {
	width:60%;
	display:flex;
	flex-flow:row wrap;
	justify-content:space-evenly;
	border-left:1px solid #d3d3d3;
}
.shortlink-stats-ref h6, .shortlink-stats-country h6 {
	line-height:1.7 !important;

}
.short-link-stats-item {
	display:inline-block;
	padding:5px;
	margin-left:5px;
	
}
.shortlink-country-summary-stats {
	margin-top:5px;
	padding:10px;
	font-size:17px !important;
	font-weight:600;
	width:100%;
	text-align:center;
}
.short-link-quality-score {
	display:flex;
	flex-flow:column;
	align-items:center;
	width:100%;
	padding:15px;
}

.short-link-quality-score-txt {
	display:flex;
	flex-flow:column;
	align-items:center;
	border:7px solid #e8e8e8;
	width:100px;
	padding:15px;
	margin-top:5px;
}

#ext-shortlink-middle-ctn {
	min-height:30px;
	display:flex;
	flex-flow:row wrap;
	justify-content:space-between;
	width:100%;
}
#ext-shortlink-middle-sharethis {
	display:inline-flex;
	min-width:280px;
	width:60%;
	flex-flow:row wrap;
	justify-content:space-evenly;
	padding:15px;
}
#ext-shortlink-middle-viewstats {
	display:inline-flex;
	flex-flow:column;
	align-items:center;
	min-width:200px;
	padding:15px;
}

#shortlink-get-stats-form {
	width:100%;
	display:flex;
	flex-flow:column;
	align-items:center;
	min-height:100px;
	padding:15px;
}
#shortlinks-top-logo {
	margin-top:15px;
}
.short-link-edit-ctn {
	padding:15px;
	min-height:100px;
	width:100%;
	display:flex;
	flex-flow:column;
	align-items:center;

}
.edit-name {
	width:200px;
}
.shortlink-change-btns {
	margin-top:7px;
}
#shortlink-public-edit-ctn {
	width:100%;
	display:flex;
	flex-flow:row wrap;
	justify-content:center;
	padding:5px;
}
#top-referrers {
	display:flex;
	flex-flow:row wrap;
	justify-content:space-evenly;
}

#shortlink-summery {
	display:flex;
	flex-flow:row wrap;
	justify-content:space-evenly;
	width:100%;
	padding:5px;
}
#shortlink-summery h5 {
	margin-top:5px;
}
#total-affiliate-cookies {
	
}
#graph {
	width:60% !important;
}
#geo_ctn {
	margin-top:30px;
}

.traffic-quality-ctn {
	display:flex;
	flex-flow:row wrap;
	justify-content:space-evenly;
	width:100%;
	border:1px solid #d3d3d3;
}

#score-chart-ctn {
width: 40%; 
height: 120px; 
margin-top:25px;
margin-left:100px;
}
/*----------------------------------------- End Stats --------------------------------------------------*/

#powered-by {
	width:100%;
	text-align:center;
	padding-top:7px;
	
}

#powered-by h6 {
	width:100%;
	text-align:center;
	position:relative;
	top:-15px;
	font-size:14px;
	font-family:arial;
	left:5px;
	display:inline !important;

}
#power-link {
	color:blue;
}
#flipmsg-logo {
	width:40px;
	border-radius:100%;
}