#top                            { width: 100vw; overflow-x: hidden; }
h1.round                        { padding: 5px 30px; margin-top: 0; font-size: 20px; margin-bottom: 20px; }
.window                         { top: -100vh; left: 0; right: auto; transition: .5s ease; padding: 20px; text-align: center; width: calc(100vw - 58px); }
.window.show                    { height: auto; top: 50%; transform: translate(0, -50%); left: 9px; right: auto; }
.window input                   { max-width: 100%; }
.window .text                   { font-size: 18px; padding: 8px 0; text-align: center; line-height: normal; }
.window .submit                 { float: none; width: calc(100% - 40px); display: block; margin: 0 20px; min-width: auto; }
.window .bh                     { font-size: 28px; text-align: left; }
.window hr                      { display: none; }
.window .become                 { margin: 0 -20px -20px -20px; }
.account #container             { display: block; width: auto; }
.account #main .block           { background: #fff; padding: 20px; margin-bottom: 20px; }
.account #left .block           { background: #fff; padding: 20px; margin-bottom: 20px; }
#left                           { padding: 10px; }
div.table                       { overflow-x: auto; }
.home #visual                   { height: 145px; }
#cookieOptIn label              { padding-top: 0; }
.home #left                     { display: none; }
.home #main .inside             { padding-top: 0; }
#window                         { width: calc(100vw - 40px); }

#header .inside                 { width: auto; margin: 0 auto; position: relative; }
#header .logo                   { left: -15px; }
#header .service                { display: none; }
#header .login                  { width: 60px; display: none; }
#header .mobile_menu            { color: #343e5b; position: absolute; top: 0; right: 10px; z-index: 100; line-height: 105px; width: 60px; text-align: center; }
#header .mobile_menu:after      { content: '\f0c9'; font: 700 30px 'Font Awesome 5 Free'; }
#header .nav                    { position: fixed; left: 0; top: 115px; width: 100vw; height: 0; background: #fff; padding: 0; transition: all .2s; margin: 0; overflow: hidden; }
#header .nav                    { transition-delay: none; transition-timing-function: none; box-shadow: 0 5px 5px rgba(0,0,0,0.1); }
#header .nav.open               { left: 0; z-index: 5000; }
#header .nav ul                 { text-align: center; margin: 25px 0; }
#header .nav li                 { display: block; line-height: 1.2; margin-bottom: 5px; }
#header .nav li a               { color: #343e5b; font-size: 22px; display: block; padding: 5px 15px; font-size: 18px; }
#header .nav .cart              { display: block; position: relative; padding-top: 50px; }
#header .nav .cart:before       { content: ''; position: absolute; top: 25px; left: 50%; width: 20px; height: 1px; background: #e5e5e5; transform: translate(-50%, 0); }
#header .nav .cart a:after      { content: '\f07a'; display: inline-block; font-family: 'Font Awesome 5 Free'; margin-left: 5px; font-size: 16px; font-weight: 900; }
#header .nav .account           { position: relative; display: block; }
#header .nav .account a:after   { content: '\f007'; display: inline-block; font-family: 'Font Awesome 5 Free'; margin-left: 5px; font-size: 16px; font-weight: 900; }
#header .mobile_btn             { display: block; }
#header .mobile_cart            { position: absolute; position: absolute; top: 0; right: 60px; line-height: 95px; width: 60px; font-size: 26px; text-align: center; }
#header .nav .tv                { padding-left: 0; }
#header .nav .tv:before         { left: calc(50% - 50px); top: ; }
#header .mobile_btn .fa-lock    { display: none; }

#visual                         { height: 225px; min-height: auto; width: 100vw; overflow: hidden; margin-bottom: 0px; }
#visual .inside                 { width: 100vw; padding: 0; height: 145px; padding: 0; }
#visual img                     { width: auto; vertical-align: bottom; padding: 0; max-width: 100vw; display: block; margin-left: auto; margin-right: auto;}
#visual h1                      { font-size: 36px; padding-top: 20px; }

#container                      { padding-top: 0; margin-top: 65px; }
#main                           { padding: 0 0 30px 0; }
#main .select                   { box-sizing: border-box; }
#main img                       { max-width: 100%; }
#main .box                      { margin-bottom: 20px; padding: 20px; }
#main .inside                   { width: auto; display: block; padding: 10px; }
#main .agentlist                { display: block; }
#main .profile                  { margin-bottom: 20px; }
#main .profile .paylines        { padding: 5px; }
#main .profile .phone           { font-size: 12px; }
#main .profile .paylines .tariff{ font-size: 12px; }
#main .block                    { margin-bottom: 20px; }
#main .news                     { margin-bottom: 20px; }
#main .news p                   { padding: 20px; }
#main .events                   { grid-template-columns: 1fr;   text-align: center; }
#main .grid3                    { grid-template-columns: 1fr; }
.account #main .select          { max-width: 100%; }
#main .formbox                  { padding: 10px; }
#main .payment                  { padding-bottom: 40px; margin-bottom: 30px; }
#main .payment .select          { width: 100%; }
#main .payment .text            { width: 100%; }
#main table                     { margin-bottom: 0; }
#main .table                    { margin-bottom: 30px; }
#main .shop_cart .submit        { min-width: auto; margin-right: 10px; }
#main .mod_phone .create        { position: relative; top: auto; right: auto; margin-bottom: 30px; }
#main .choose .txt              { text-align: center; margin: -10px 0; left: auto; bottom: auto; display: block; text-align: center; width: 100%; }
#main .payment .submit          { display: block; width: 100%; }


#main .hero                     { margin: 0 -10px 10px -10px; border-radius: 0; text-align: right; padding: 20px 20px 20px 30%; font-size: 18px; height: 350px; }
#main .hero h2                  { display: inline; width: auto; font-size: 26px; }
#main .hero img                 { left: 0; width: 160px; top: auto; bottom: 25%; }
#main .hero img:nth-child(2)    { display: none; }
#main .hero .button             { margin: 0; }

#main .duobox,
#main .smsad .grid              { grid-template-columns: 1fr; }

#main .duobox > div             { height: 160px; background-size: cover; }
#main .duobox div span          { font-size: 1rem; right: 0; line-height: normal; }
#main .duobox .link             { bottom: 10px; right: 0; }
#main .duobox .button           { font-size: 0.6rem; padding: 0 15px; }

#main iframe                    { max-width: 100%; }
#main .frame-wrapper            { background: none; padding: 0; width: auto; height: auto; }
#main .frame-wrapper .frame     { position: relative; top: auto; left: auto; width: 100%; height: auto;}
#main .live-stream-logo         { position: relative; right: auto; top: auto; margin-top: 20px; }

#main .mod_register             { padding: 20px; }
#main .mod_register form        { display: block; }
#main .detail .profile          { position: relative; top: -10px; right: auto; width: 100%; }
#main .detail h1                { padding: 20px 20px 0 20px; font-size: 20px; color: #192446; font-weight: 700; }
#main .detail .top .number      { padding: 0 20px; }
#main .detail .teaser           { padding: 5px 20px 0px; width: 150px; }
#main .detail .top              { max-height: 100vh; }
#main .detail .cats             { display: block; }
#main .detail .cats li          { margin-bottom: 20px; }
#main .detail .split            { display: block; }
#main .longtext                 { padding: 20px; }
#main .detail .ratings ul       { display: block; }
#main .detail .ratings li       { margin-bottom: 20px; }
#main .form_1 form              { display: block; }
.text, .select, .textarea       { width: calc(100% - 30px); }
#main .box.bundle               { padding: 80px 0 80px; margin: 0 10px 80px; }
#main .box.bundle .submit       { height: 60px; line-height: 1; font-size: 16px; bottom: -30px; }
#main .minicart .back           { display: block; text-align: center; }
#main .minicart .submit         { display: block; text-align: center; float: none; }
#main .comments                 { display: block; }

#main .advent                   { background-size: 300%; padding: 20px 10px; margin: -10px -10px 10px -10px; border-radius: 0; }
#main .advent .bh               { font-size: 30px; }
#main .advent br                { display: none; }
#main .advent:after             { position: relative; left: auto; top: auto; width: 60%; display: block; margin: -37px auto; }
#main .advent:before            { display: none; }

#main .cte_advent               { padding: 20px; }
#main .cte_advent li            { margin: 10px; }
#main .cte_advent li a          { width: 45px !important; height: 45px !important; line-height: 45px; font-size: 22px; }

#main .blog                     { padding: 230px 20px 20px 20px; }
#main .article_detail           { padding-top: 220px; }
#main .blog                     { padding-top: 20px; }
#main .blog img                 { position: static; width: 100%; height: auto; }
#main .article_detail           { padding-top: 20px; }
#main .article_detail img       { position: static; }

.profile.live:before            { top: -10px; right: -5px; }

#main .profile .audio           { top: 130px; }

#main .infobox                  { padding: 15px; text-align: center; }
#main .infobox .inside          { display: block; }
#main .infobox .inside div:first-of-type { max-width: none; }


.seminar #main .news            { display: block; padding: 0; margin: 0 0 30px 0; font-size: 0; }
.seminar #main .article_detail img,
.seminar #main .news img        { width: 100%; float: none; margin: 0; }
.seminar #main .news h2         { font-size: 1rem; }
.seminar #main .news .b2        { font-size: 0.8rem; }
.seminar #main .news .b2        { padding: 25px; padding-top: 30px;  }
.seminar #main .news .b2 p:last-of-type { margin: 0; }
.seminar #main .news .submit    { font-size: 0.8rem; top: -12px; right: 15px; padding: 5px 10px; border-radius: 0px 0px 12px 12px; }

#main table					{ font-size: 10px; }
#top #main table th			{ padding: 0; }
#top #main table td			{ padding: 0; }
p.brand						{ width: auto; }

#main .shop_article             { display: block; background: #fff; text-align: center; }
#main .shop_article .image      { height: 300px; }
#main .shop_item .sub + a       { display: block; }
#main .mod_register .addr       { display: block; }
#main .paysec                   { display: block; }
#main .paysec .pay              { margin-top: 20px; }
#main .paysec .pay img          { display: none; position: relative; top: 30px; right: auto; }

#main .tutorial                 { grid-column: 1; }
#main .tutorial ul              { background: transparent !important; border: none!important; height: auto !important; box-shadow: none !important; }
#main .tutorial li              { display: block; background: #f52477; border: 3px solid #fff; border-radius: 9px; height: 55px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.35); margin: 5px 0 !important; }
#main .tutorial li              { text-align: left; padding: 0 10px;  width: calc(100% - 26px); }
#main .tutorial li:before       { text-align: center; }

#main .horoscope .choosebar .inner  { grid-template-columns: 1fr; border: none; }
#main .horoscope .choosebar .inner div { border: 1px solid #F52477; margin-bottom: 5px; border-width: 1px!important; border-radius: 10px; }
#main .horoscope .choosebar .inner div { line-height: 40px; }
#main .horoscope .cards         { grid-template-columns: 1fr 1fr; }
#main .mod_register .steps      { display: block;  }
#main .mod_register .steps  li  { margin-bottom: 5px; display: block; border: none;  }
.areg #main .steps li:after     { display: none; }

#main .horoscope .modal         { max-height: calc(100vh - 80px); overflow-Y: scroll; }

#main .mod_recharge div.img     { margin: 0; }
#main .mod_recharge div.img img { margin: 0; }

#footer > .inside               { width: auto; display: block; text-align: center; padding: 10px; position: relative; }
#footer ul                      { margin-bottom: 30px; }
#footer li                      { display: block; text-align: center; margin: 0; line-height: 30px; }
#footer li a                    { text-align: center; }
#footer .social                 { position: absolute; left: 10px; bottom: 20px; margin: 0; }
#footer .social li              { display: inline-block; }

.ajaxCalendar                   { transform: translate(calc(-50% - 5px), -135%); }

@media only screen and (width <= 405px) {
    #topline { font-size: 12px; }
}