* { box-sizing:border-box;}
#container, header, #main  {
    width:100%;
	min-width:100px;
    max-width: 965px;
}

.faq-desktop { display:block;}

.mobile, .timezone-mobile {display:none;}
.slicknav_menu {
	display:none;
}

#host-link { margin-top:0; }

#main {
	padding-left:190px;
}

#main_content {
	width:100%;
	max-width:775px;
}
#main_wrapper {
	float:left;
	width:100%;
}

.help-mobile {display:none;}
.help-desktop {display:block;}

aside {
	position:relative;
	width:190px;
	padding-right:25px;
	margin-left:-190px;
}

aside nav ul li a, #recent_articles {
	max-width:170px;
	width:100%;
}

aside nav ul li ul li a, #home_clocks, #host-link, .content, div#register-banner {
	width:100%;
	max-width:100%;
}

div#register-banner {
	background:#ff9021 url('../img/clocklink-clock.png') no-repeat 10px center;
	border-radius:5px;
	margin-top:5px;
	padding:20px;
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
}

div#register-banner h2 {
	color:#fff;
	font-weight:bold;
	font-size:1.7em;
	margin-bottom:5px;
}

div#register-banner p {
	margin:0;
	color:#000;
	font-style:italic;
}

div#register-banner a, #GoogleAd {
	width:auto;
	height:auto;
}

#GoogleAd {
	display:block!important;
}

#reg-btn, #reg-text{
	display:inline-block;
}

#reg-text {
	width:74%;
	padding-left:170px;
}
#reg-btn {
	vertical-align:middle;
	width:25%;
	margin-top:-2.3em;
	padding-left:5px;
}


div#register-banner a.register-btn {
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
	background:#db2b39;
	font-size:.9em;
	text-align:center;
	padding:5px;
	margin-top:0;
}

div#register-banner a.register-btn:hover {
	text-decoration:none;
	background:#ff3343;
}

.home_clock {
    width: 100%;
    height: 220px;
    float: none;
	display:inline-block;
}

.galleryShell div {
	text-align:center;
	display:inline-block;
	width:49.5%
	}
	
.twitter-follow-button {
	position: static!important;
	visibility: visible!important;
	width: 123px;
	height: 20px;
}

#twitter-widget-0 {
	position:relative;
}

#Bloguru-Standard .BloguruGroupRSS {
	width:100%!important;
	max-width:100%!important;
}

div#Bloguru-Standard .bullet {
	margin-right:5px;
}

.galleryTopTabs {
    float: left;
    width: 100%;
    padding: 0px 0px 20px;
    border-bottom: 1px solid #EAEAEA;
    font-size: .8em;
}

.galleryTopTabs li {
	display:inline;
	text-wrap:none;
	border-left:2px dotted #ccc;
}

.galleryTopTabs li:first-child {
	border-left:0;
}

.galleryTopTabs a {
	margin:0;
	padding:10px;
}

.htmltag {
    width: auto;
    height: auto;
    display: inline-block;
    margin: 0px auto;
    padding: 2px 12px;
    border-radius: 15px;
    background: #333;
	color:#fff;
	background-image:linear-gradient(#999, #333);
	font-size:.9em;
}
.htmltag:hover {
	background-image:linear-gradient(#FFC458, #FF7F00);
}

a.htmltag, a.htmltag:hover {	
	color:#fff;
}
a.htmltag:hover {
	text-decoration:none;
}

a.htmltag.htmltag_dark {
	border:2px solid #fff;
}

.browsehappy {
	background-color:#5a5a5a;
	color:#fff;
	text-align:center;
	padding:20px 0;margin:0
}

.browsehappy a {
	color:#ccc;
}

.txtWhite {
	background:#000;
}

#timezones select {
	width:308px;
}

.galleryTitle, #clockEmbed, .galleryContainer, .galleryColorSwatches {
	width:100%;
	float:none;
}

#timezones,
#countries,
#cities,
#countDown,
#countUp,
#sizes,
#date-format,
#time-format,
#timeInterval {
    margin: 5px auto;
    max-width: 644px;
    width:100%;
}

#timezones label,
#countries label,
#countDown label,
#countUp label,
#cities label,
#sizes label,
#date-format label,
#time-format label,
#timeInterval label{
	width:156px;
	display:inline-block;
	text-align:right;
	padding-right:0;
	margin-right:5px;
}
#sizes { margin-bottom:20px; }

	
.galleryColors {
	max-width:400px;
	width:100%;
	padding:10px;
}
	
.galleryColorOption {
    float: none;
    width: 32.5%;
    padding: 0px 0px 5px;
    display: inline-block;
}

.galleryColorOption input {
	display:inline-block
}

.galleryOptionTitle {
	float:none;
	display:inline-block;
	text-align:right;
}
.galleryOptionInput {
	width:auto;
	float:none;
	display:inline-block;
}
.galleryOptionInput span{
	display:inline-block;
}
.galleryOptionInput select{
	display:inline-block;
	width:60px;
}
.galleryColorOption p {
	min-width:95px;
	padding:2px;
	padding-left:10px;
	margin:0 auto;
	border-radius:8px;
	display:inline-block;
	font-size:.9em;
	color:#fff;
	text-transform:capitalize;
}

.date-format-msg {
    margin-left:163px;
}

input[name="target-year"] { width:50px; }

#embedMarkup {margin-top:20px;}

p.select-boar,
p.select-rat,
p.select-ox,
p.select-tiger,
p.select-rabbit,
p.select-dragon,
p.select-snake,
p.select-horse,
p.select-sheep,
p.select-monkey,
p.select-rooster,
p.select-dog,
p.select-beagle,
p.select-8,
p.select-black {
	background:#000;
	background-image:linear-gradient(#333, #000);
}
p.select-white {
	color:#000;
	background:#fff;
	border:1px solid #ccc;
	background-image:linear-gradient(#fff, #eaeaea);
}
p.select-gray, p.select-silver {
	background:#666;
	background-image:linear-gradient(#c0c0c0, #626262);
}
p.select-15, p.select-11, p.select-7, p.select-3, p.select-red {
	background:red;
	background-image:linear-gradient(#f83c3c, #e40202);
}
p.select-13, p.select-9, p.select-5, p.select-orange, p.select-1 {
	background:orange;
	background-image:linear-gradient(#f8ba3c, #f18813);
}
p.select-yellow {
	color:#000;
	background:yellow;
	background-image:linear-gradient(#f8eb3c, #e5bd03);
}
p.select-gold {
	color:#000;
	background:yellow;
	background-image:linear-gradient(#f0dc94, #f7f6d4, #9a7a35, #e4d68c);
}
p.select-14, p.select-6, p.select-green {
	background:green;
	background-image:linear-gradient(#2cc94e, #026a05);
}
p.select-10, p.select-blue, p.select-2, p.select-navy {
	background:blue;
	background-image:linear-gradient(#2b96c8, #043174);
}
p.select-12, p.select-4, p.select-purple, p.select-purple2, p.select-purple1 {
	background:purple;
	background-image:linear-gradient(#c62ab2, #780558);
}

p.select-rust {
	background:#a76c4c;
	background-image:linear-gradient(#a76c4c,#553321);
}

p.select-ltpurple {
	background:#b18cdf;
	background-image:linear-gradient(#b18cdf, #946eb1);
} 
p.select-pink, p.select-pink1, p.select-pink2 {
	background:#ff8dba;
	background-image:linear-gradient(#ff8dba, #ff2456);
}
p.select-ltgreen {
	color:#000;
	background:#4bff4c;
	background-image:linear-gradient(#a8ffa9, #4bff4c);
}
p.select-ltblue {
	color:#000;
	background:#c0d7ff;
	background-image:linear-gradient(#c0d7ff, #6a96ff);
}
p.select-brown, p.select-brown1, p.select-brown2 {
	background:#97612f;
	background-image:linear-gradient(#97612f, #3c1205);
}

span.update, form#tos a, input[value=Update], input[name=clockUpdate] {
	display:inline-block;
	border-radius:5px;
	color:#fff;
	background:#305b82;
	background-image:linear-gradient(#4879a7,#305b82);
	padding:0 5px;
	font-size:.9em;
	font-weight:bold;
	cursor:pointer;
	border:0;
}

a[value=Accept] { margin-right:5px; margin-top:5px; }

form#tos a[value=Disagree] {
	background:#333;
	background-image:linear-gradient(#999, #333);
}

form#tos a:hover { text-decoration:none;}

.questionTitle, .faqResult {
    width: 100%;
	float:none;
	display:block;
}

.adCenterImage {
    float:none;
	display:block;
    width: 100%!important;
}

.adDisclaimer {
	width:100%;
    max-width: 615px;
	float:none;
}

.elementLeft, .elementLeft, .dailyDesc, .dailyNumbers {
	float:none;
}

.right p.galleryButton { margin-bottom:0;}

.bottomButtons {
    float: none;
    margin: 10px auto;
    width: 100%;
}

.dailyDesc { 
	background-image:none;
	display:inline-block;
	vertical-align:top;
	font-size:1em;
	line-height:1.5;
}

.bottomButtons .elementLeft {
	display:inline-block;
	width:100%;
	max-width:358px;
}

.bottomButtons {
	background:#f7f7f7;
	background-image:linear-gradient(#d1d1d1, #f7f7f7);
}

#stylized {
    width:100%;
    max-width: 646px;
}

.rankingsContainer, .rankingsItemContent, .rankedWebsiteObject, .rankedWebsiteInfo, .rankedClockObject {
	width:100%;
}

.rankingsContainer { margin-bottom:0; margin-top:10px; }

.rankedWebsiteObject, .rankedWebsiteInfo {
	display:inline-block;
}

.rankedWebsiteObject, .rankedClockObject { 
	max-width:500px;
}

.rankedWebsiteInfo {
	max-width:150px; 
}

#addTitle { 
	display:inline-block;
}

input#clockTitle {
	display:inline-block;
	width:20px;
}

textarea#jsMarkup { margin-top:20px; }

.contactForm label {
    width: 240px;
}

.contactForm .errorText {
    width:110px;
}

.galleryClock iframe { max-width:100%; }

#home_clocks {
	background:url('/img/home-page-ipad.jpg') top right no-repeat;
	min-height:520px;
	background-size:cover;
}

.home-info {
	width:300px;
	background:rgba(255,255,255,0.8);
	padding:50px 25px;
	min-height:520px;
	text-align:center;
}

.home-info p {
	font-size:1.5em;
	font-weight:bold;
}

a.btn, a.btn:hover, a.btn:active, a.btn:focus {
    padding: 12px 15px;
    clear: both;
    background: #FF7F00;
    background-image:linear-gradient(#ff9700, #ff6c00);
    border: 0;
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
    text-shadow: 0px -1px 1px #7c3500;
}

a.btn:hover{
    background-image:linear-gradient(#FFC458, #FF7F00);
    text-decoration:none;
}

@media screen and (max-width: 980px) {
	.clock_caption {
    width: 80%;
	font-size:1em;
	margin:0 auto;
	}
	footer #address {
	width: 35%;
	}
	.galleryOptionTitle {
	text-align:left;
	display:block;
	}
	.galleryOptionInput {
	width:auto;
	float:none;
	display:inline-block;
	}
	.galleryOptionInput span{
	display:block;
	}

	#countries label,
	#countDown label,
	#countUp label,
	#cities label,
	#sizes label,
	#date-format label,
	#time-format label,
	#timeInterval label,
	#timezones label, 
	#timezones, 
	#sizes label, 
	#target label,  
	#message label,
	.clock-input-options label, 
	#clockTitle label {
	width:100%;
	text-align:left;
	}

	.date-format-msg {
    margin-left:0;
	}
	.dailyDesc, .elementLeft { 
	width:100%;
	margin:0 auto;
	}
	
	.dailyDesc { padding:0px 20px; }

	 .bottomButtons .elementLeft, .dailyContainer {
	max-width:100%;
	width:100%;
	text-align:center;
	}
	input.line {
    width: 100%;
	}
	.rankedWebsiteObject, .rankedClockObject { 
	max-width:50%;
	}

.rankedWebsiteInfo {
	max-width:50%; 
	margin:0;
	padding:0 20px;
	}
	.contactForm label {
    width: 240px;
	}
	
	.contactForm, .contactForm label, .contactForm select {
    width: 100%;
	float:none;
	text-align:left;
	display:block;
	margin-top:30px;
	}
	.contactForm .errorText {
    width:100%;
	float:none;
	font-size:1em;
	display:block;
	margin-bottom:-30px;
	}
	.contactForm input.line, .contactTextArea, .contactForm select { 
	width:100%;
	margin:5px 0;
	display:block;
	float:none;
	}
	.contactForm button { margin-left: 0; margin-top:30px; }
	
	input.line[name=anti_spam_code] { width:150px}
	
	.contactForm img { float:none; display:block; }
	
	.contactForm select {
	width:50%;
	}
	.faq-desktop { display:none;}

	.galleryShell div {
	text-align:center;
	display:block;
	width:100%
	}
	a.htmltag.htmltag_dark {
	border:2px solid #fff;
	margin-bottom:25px;
	}
	.fallback-container img {
	width: 75px!important;
	}
}

@media screen and (max-width:1010px) {
	#container {	
		padding:0 20px;
	}
}
@media screen and (max-width: 965px) {
	div#register-banner {
	background:#ff9021 url('../img/clocklink-clock.png') no-repeat 10px center;
	background-size: 110px;
	}
	#reg-text {
	width:74%;
	padding-left:120px;
	}
	div#register-banner h2 {
	color:#fff;
	font-weight:bold;
	font-size:1.3em;
	margin-bottom:5px;
	}
	#reg-btn {
	vertical-align:middle;
	width:25%;
	margin-top:-1.6em;
	padding-left:5px;
	}
	div#register-banner a.register-btn {
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
	background:#db2b39;
	font-size:.7em;
	text-align:center;
	padding:5px;
	margin-top:0;
	}
	div#register-banner p {
	font-size:.92em;
	}
	form#tos a {margin-bottom:20px; }

	.help-mobile {display:block;}
	.help-desktop {display:none;}
	
}


@media screen and (max-width: 860px) {
	select, .selectby {
	text-align:left;
	}
	.galleryTopTabs a {
	margin:0;
	padding:10px 6px;
	}
}

@media screen and (max-width: 840px) {
div#register-banner {
	background:#ff9021 url('../img/clocklink-clock.png') no-repeat -60px center;
	background-size:165px;
}

div#register-banner h2 {
	color:#fff;
	font-weight:bold;
	font-size:1.5em;
	margin-bottom:5px;
	}

div#register-banner p {
	margin:0;
	color:#000;
	font-size:1em;
	font-style:italic;
	}

div#register-banner a, #GoogleAd {
	width:auto;
	height:auto;
	}

#reg-btn, #reg-text{
	display:inline-block;
	}

#reg-text {
	width:100%;
	padding-left:100px;
	}
#reg-btn {
	padding-left:100px;
	vertical-align:middle;
	width:100%;
	margin-top:5px;
	}
	.rankedWebsiteObject, .rankedClockObject, .rankedWebsiteInfo {
	max-width:100%;
	padding:0 20px;
	}

div#register-banner a.register-btn {
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
	background:#db2b39;
	font-size:.9em;
	text-align:center;
	padding:5px;
	margin-top:0;
	max-width:150px;
	}
	footer #address {
	width: 43%;
	margin-right:2%;
	}
	footer #copyright {
	width:50%;
	text-align:left;
	}
}

@media screen and (max-width:768px) {
	footer #address {
	width: 43%;
	margin-right:2%;
	}
	footer #copyright {
	width:45%;
	}
}

@media screen and (max-width:768px) {
	.timezone-desktop {
		display:none;
	}
	.timezone-mobile { display:block; }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {
	.timezone-desktop {
		display:none;
	}
	.timezone-mobile { display:block; }
}


@media screen and (max-width: 686px) {
    .home_clock {
    width: 100%;
	}
	footer #address {
	width: 100%;
	margin-right:2%;
	float:none;
	}
	footer #copyright {
	width:100%;
	text-align:left;
	float:none;
	}
	.galleryColorOption { width:49% }
	
	.galleryColorOption p {
    min-width: 80%;
	}
}

@media screen and (max-width: 615px) {
    .home_clock {
    width: 100%;
	}
	footer #address {
	width: 100%;
	margin-right:0;
	float:none;
	text-align:left;
	}
	footer #copyright {
	width:100%;
	text-align:left;
	float:none;
	}
	#social, header nav, aside {
	display:none;
	}
	#header h1 { 
	display:block;
	position: static;
	width:100%;
	float:none;
	text-align:center;
	float:none;
	}
	header h1#logo {
    position: static;
	width: 100%;
	text-align: center;
	float:none;
	}
	#main, #main_content, .content, header {
	float:none;
	}
	#main {
	padding-left:0;
	}
	div#register-banner { padding:10px; margin-top:20px; }
	
	.mobile {
	display:block;
	float:none;
	width:100%;
	}
	
	.js #menu {
		display:none;
	}
	
	.js .slicknav_menu {
		display:block;
	}
	.desktop {display:none;}
	
	h1#logo img.mobile {
	padding:20px 40px;
	}
	h1#logo {
		float:none;
		margin-bottom:0;
	}

	.menuetc {
		background:#fff;
	}
	footer .mobile nav ul li img {
	max-width:40px;
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
	}
	footer .mobile nav ul li {
	margin:0;
	padding:0;
	padding-right:20px;
	display:inline-block;
	}
	footer .mobile nav ul li:last-child {
	padding-right:0;
	}
	footer .mobile { text-align:center;}
	footer .mobile p { margin-bottom:10px;}
	
	.socialmedia {
		display:block;
		margin:20px 0;
	}
	
	.fb, .tw {
		display:inline-block;
		width:135px;
		font-size:1rem;
		padding:5px 0;
		border-radius:4px;
		font-weight:bold;
		height:36px;
	}
	a.fb, a.fb:hover { color:#fff; }
	a.tw  { color:#000; }
	.fb {
	margin-right:10px;
	background:blue;
	color:#fff;
	background-image:linear-gradient(#4c69ba, #3b55a0);
	position:relative;
	padding-left:22px;
	}
	
	.fb img {
	width:18px;
	height:19px;
	position:absolute;
	top:8px;
	left:30px;
	}
	.tw {
	background:#ccc;
	color:#000;
	background-image:linear-gradient(#fafafa, #dfdfdf);
	border:1px solid #ccc;
	position:relative;
	padding-left:22px;
	}
	.tw img {
	width:24px;
	height:19px;
	top:8px;
	left:10px;
	position:absolute;
	}
	.aboutLogo {
	float:none;
	margin:0 auto;
	}
	nav.mobile select {
	width:100%;
	}
	.gallery-legend {
	float:none;
	font-size:1em;
	}
	
	.galleryColors {
	max-width:100%;
	width:100%;
	padding:20px;
	}
	
	.galleryColorOption {
    float: none;
    width: auto;
    padding: 0px 0px 5px;
    display: inline-block;
	}
	
	.galleryTitle, #clockEmbed, .galleryContainer, .galleryColorSwatches, #timezones select, select, .selectby {
	width:100%;
	float:none;
	}

	#clockEmbed {
		padding:10px 0;
	}
	
	#jsMarkup, #embedMarkup {
    margin: 1em 0;
	}
	.galleryColorOption { width:49% }
	
	.galleryColorOption p {
    min-width: 80%;
	}
	.galleryOptionTitle {
	float:none;
	display:block;
	width:100%;
	text-align:left;
	}
.galleryOptionInput span{
	display:block;
	width:100%;
	}
.galleryOptionInput select{
	display:inline-block;
	width:60px;
	}
	span.update, input[value=Update], form#tos a {
	font-size:1em;
	padding:8px 10px;
	}
	#clockTitle input, #message input, #target input, input[name=clockTitle] {
	height:40px;
	padding-left:6px;
	}
	.helpQuestions ol, .blogDescription ul  { margin-left:0; }
	
	.blogTitle { font-size:1.1em; }
	
	.adult-content {
	float: none;
	display: inline;
	}
	.errorText { float:none; }
	.date-format-msg { font-size:1em; }
	.timezoneFootnote {
    margin: 0;
    float: left;
	}
	#addTitle label { display:block; width:100%; text-align:left; }
	
	.contactForm p { font-size: 1em; }
}

@media screen and (max-width:550px) {
.galleryShell div, .contactForm select {
	display:block;
	width:100%;
	}
	input.line {
    height:40px;
	font-size:1em;
	}
	#rank-links span {
	max-width:48%;
    padding: 10px;
	}

	.home-info, #home_clocks {
	width:100%;
	min-height:0;
	}
}

@media screen and (max-width:500px) {
	.gallery-legend ul li { 
	    display: block;
		text-align: left;
	}
}

@media screen and (max-width: 415px) {
	footer {
	font-size:1em;
	}
	#main_content {
	padding:5px;
	}
	#container {
	padding:0 10px;
	}
	.rankedClockName, .rankedClockNameLabel { display:inline-block; }
	.faqQuestion img { width:100%; }
	.dailyDesc { padding:0px 10px; }

	.help-table {
		font-size:85%;
		max-width:100%;
	}
}

@media screen and (max-width: 374px) {
	div#register-banner h2 {
	font-size:1.2em;
	}

	div#register-banner p {
	font-size:.9em;
	}
	div#register-banner {
	background:#ff9021 url('../img/clocklink-clock.png') no-repeat 5px 5px;
	background:#ff9021 url('../img/clocklink-clock.png') no-repeat 5px 5px;
	background-size:95px;
	}
	#reg-btn {
	padding-left:0;
	width:100%;
	}
	div#register-banner a.register-btn {
	max-width:100%;
	}
	#host-link a { font-size:11px; }
	.galleryColorOption { width:100% }
	
	.galleryColorOption p {
    min-width: 90%;
	}

	/* dania added */
	/*#clockEmbed iframe, .galleryClock iframe { 
	    position: absolute;
	    top:0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	}*/

}

#embed-fallback embed {
	height:175px!important;
	width:175px!important;
	margin:0 auto;
}

_:-ms-input-placeholder, :root .galleryShell div {
    min-width: 175px;
}