@media  screen and (max-width: 1370px) {

/*
#logo {width:210px;}
*/
#logo span {font-weight:bold;}

#content{padding-left:18vw;padding-right:17vw;}
#side_container{right:10px;}

.footer-section{padding:0 10px;width:22%;}

}


@media  screen and (max-width: 1300px) {

#side_container{width:180px;font-size:15px;right:5px;}
#share{width:180px;font-size:15px;left:5px;}
.tarot{padding:3px;}
.tarot div {padding:5px;}

/*
#clock_wrap{display:none;}
#date{text-align:right;}
*/
#moon_age,#minia{right:60px;}
#content{padding-left:190px;padding-right:200px;}
}


@media  screen and (max-width: 1240px) {

#share{
left:0px;

}
.logo_footer{display:none;}

#nav a{font-size:16px;padding-left:9px;padding-right:9px;}

.footer-section{width:30vw;}
#youtube_latest{border-left:none;}
}


@media  screen and (max-width: 1160px) {
#nav a{padding-left:5px;padding-right:5px;}
}


@media screen and (max-width: 1100px) {
#logo{display:none;}
#logo{position:absolute;width:300px;font-size:20px;}
#logo p{font-size:30px;margin-top:6px;}
#logo span{display:inline;}
#other-logo{display:inline;opacity:1;}
#nav>ul{margin-left:9vw;}
#header{height:500px;}
#nav{text-align:left;}

}


@media screen and (max-width: 1000px) {
/*
#date{position:absolute;font-size:16px;width:300px;text-align:right;margin-top:-2px;right:20px;}
*/
#logo{color:#ddd;}
/*
#nav a{font-size:16px;padding-left:12px;padding-right:12px;}
*/

}


@media screen and (max-width: 940px) {

#nav a{padding-left:9px;padding-right:9px;}

/*
#minia,#moon_age  {top:-35px;right:15px;}

#date{width:auto;}
*/

}


@media screen and (max-width: 900px) {
#nav a{padding-left:5px;padding-right:5px;}
#date{right:20px;}
#header{height:420px;}
#header span{margin-top:0;}
#side_container{
box-sizing:border-box;
top:50px;
width:100vw;
font-size:16px;
  left: 0; 
  right: 0; 
  margin-left: auto; 
  margin-right: auto;
  text-align:center;
}
#content{padding-left:30px}

#share{box-sizing:border-box;
top:50px;
width:180px;
font-size:16px;
  left: 0; 
  right: 0; 
  margin-left: auto; 
  margin-right: auto;
  display:block;
  padding:10px 0;
}
.tarot div{opacity:1;float:right;margin-right:20px;margin-top:20px;width:150px;}


.tarot p a:after{
content:none;
}

.offer div{margin-top:20px;opacity:1;float:none;margin-right:10px;width:150px;}

.offer p,.offer.featured p,.tarot p{
width:100vw;position:fixed;
bottom:0;
box-sizing:border-box;
right:0;
left:0;
margin-left:0;
margin-right:0;
top:0px;
max-height:initial;
overflow-y:scroll;
margin:0;
}

.offer p a:after{
content:none;
}

.offer.support div{opacity:0.9}
.offer.support a{opacity:1;text-decoration:underline;}
.offer.support > span {font-weight:bold;position:absolute;top:285px;left:25px;background:rgba(0,0,0,0.8);padding:10px;}
.offer span.hotlink_footer{color:white;background:rgba(0,0,0,0.5);}
.featured div img{display:none;}

#nav>ul{margin-left:10vw;}

#content{padding-right:30px;line-height:22px;}

#privacy{box-sizing:border-box;display:block;width:100%;text-align:center;border-top:1px solid grey;}
#copyright > span{display:inline!important;}
.footer-section{width:35vw;border-left:none;border-right:none;}
#youtube_latest{border-right:1px solid #303030;margin-right:30px;}
}


@media screen and (max-width: 830px) {
#nav a{font-size:15px;}

}



@media screen and (max-width: 780px) {


#date{display:none;}
#header span{
margin-top:1vw;font-size:calc( 100vw / 18 );
text-shadow:0 0 5px aqua,  0 0 10px #e60073;
}
#nav a:not(.clicked){opacity:0.6;}
#nav li a span{display:none;}
#nav li a img{display:inline;vertical-align:bottom;}
#nav ul li.icon_only a img{max-width:40px;opacity:1;}
#nav ul li.icon_only a.clicked img{box-shadow:0px 0px 1px white;}
#nav{text-align:center;height:auto;padding-bottom:0px;}
#nav>ul>li>ul{display:none;visibility:hidden;}
#other-logo{display:none;}
#nav ul{margin:auto;width:100%;text-align:center;position:relative;top:4px;display:table;}
#nav li{width:10%;margin:auto;padding-left:2px;padding-right:2px;}
#calendar_wrap{width:100%;}


.book_form .column, .login_forms form, .login_forms div{box-sizing:border-box;width:90%;margin:0px 5%;text-align:left;}
.login_forms .media-spaced{margin-top:50px;}
.book_form{text-align:center;}

.user_html img:not(.media_exclude){box-sizing:border-box;
width:100%!important;height:auto!important;margin:10px auto!important;float:none!important;}
.youtube_link{width:100%;}

.media_hide{display:none;}

.account_buttons {border-left:none;border-top:1px solid grey;padding:0;}
.content_header img{box-sizing:border-box;width:100%!important;height:auto!important;margin:10px auto auto 0px!important;float:none!important;}

textarea{width:100%;}
form input[type="text"]{width:100%;}


.footer-section{display:block;box-sizing:border-box;margin:auto;border:none;border-top:1px solid grey;width:100%;padding:5px 10px;text-align:center;}
#youtube_latest{border:none;}
.youtuber {width:65vw;height:38vw;}
#subscriber_form{left:0;width:300px;margin:auto;}
}


@media screen and (max-width: 740px) {
/*
#header img{width:780px;}
*/
}


@media screen and (max-width: 625px) {
.item_small_images{position:static;}

}


@media screen and (max-width: 570px) {

#date{display:none;}
/*
#side_container{margin-top:-40px;}
.offer p{top:-25px;}
.tarot p{top:-25px;}*/
.tarot div{margin-right:10px;}

/*
#header{height:380px;}
*/
#logo{margin-top:5px;text-align:right;}
.featured div{width:140px;}
}

@media screen and (max-width: 540px) {
#share{
height:25px;width:100%;
}

.offer.featured div{box-sizing:border-box;position:absolute;display:block;height:40px;top:-25px;float:none;left:10px;right:10px;width:auto;}
#side_container{margin-top:10px;}
}

@media screen and (max-width: 520px) {
#logo p{font-size:24px;}
#logo{width:220px;font-size:18px;margin-top:0;left:10px;}
}


@media screen and (max-width: 430px) {
#logo p{font-size:30px;}
#logo{width:94%;padding:0;text-align:center;box-sizing:border-box;margin:auto;}
#logo span{display:none;}
#side_container{
margin-top:30px;
 
  left: 0; 
  right: 0; 
  margin-left: auto; 
  margin-right: auto; 
}
.tarot{position:relative;}
.tarot div{position:absolute;left:0;right:0;margin-left:auto;margin-right:auto;width:150px;margin-top:0;}
.tarot p{font-size:17px!important;z-index:10000;}
.tarot div img{width:70%;}
.offer:not(.featured){position:relative;display:block;margin:30px 0 60px 0;}
.offer div{box-sizing:border-box;position:absolute;top:260px;left:0;right:0;margin-left:auto;margin-right:auto;width:90%;display:block;}
.hotlink {margin-top:60px;}
.offer p{font-size:17px!important;}

.offer span.hotlink_footer {left:0;right:0;width:90%;top:300px;display:block;margin:auto;float:none;}
.offer.support>span {left:0;right:0;width:90%;top:300px;display:block;margin:auto;}
.offer.support img{top:-20px;right:0;width:100px!important;}
.offer.hotlink img{top:-20px;right:0;width:80px!important;}
.offer span.hotlink_footer{display:none;}

#header{height:620px;}

.offer{font-size:14px;}
.offer p>img{width:60%;float:none;margin-left:20%;margin-right:20%;}
body{font-size:17px;}

/*
.user_html{text-align:left;font-size:18px;}
*/
/*
.title{font-size:18px;}
*/
#content{padding-left:10px;padding-right:10px;}

#nav{box-sizing:border-box;}
#nav ul {width:100vw;text-align:justify;}
#nav a{padding-left:2px;padding-right:2px;}
#nav a.clicked > img{border:none}

.news_image{width:50vw;}
.news_desc{clear:both;padding-top:15px;}

#footer{font-size:16px;}

.item_buttons,.item_images{width:100%;text-align:center;margin:0;}
}



@media screen and (max-width: 376px) {

#logo span{position:relative;top:-10px;}

}


@media screen and (max-width: 370px) {
.offer.support span{text-align:left;margin-left:5px;}
#subscriber_form{width:90%;}
#subscriber_form form{min-width:auto!important;}

}



@media screen and (max-width: 315px) {
#logo p{font-size:25px;}

#logo {margin-top:5px;}


}