html, body {
    touch-action: manipulation;
}
div.cell {
    z-index: 2;
    /*border: none !important;
    border-width: thin !important;
    border-color: #000000 !important;
    border: solid !important;*/
}
.cell_number {
    z-index: 1;
}

.crossword-wrap.crossword_type_2 .cell_number,
.crossword-wrap.crossword_type_6 .cell_number{
    display: flex;
    justify-content: center;
    align-items: center;
    background: #3C3C3C !important;
    box-sizing: border-box;
}
input.inputcell {
    background: transparent;
}

.box{
  width:100%;
  position:relative;
  margin:10px 0;
  border-top:1px solid silver;
  border-right:1px solid silver;
  border-left:1px solid silver;
  border-radius:5px 5px 5px 5px;
  box-sizing:border-box;
  background:#fff;
  -webkit-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.5);
  -moz-box-shadow:    1px 1px 5px 0px rgba(50, 50, 50, 0.5);
  box-shadow:         1px 1px 5px 0px rgba(50, 50, 50, 0.5);
}
.box .box-head {
    background: none;
    height:auto;
    width: 100%;
    box-sizing: border-box;
    padding: 10px 20px 10px 50px;
    margin: 0px;
    font-size: 12px;
    line-height:20px;
    font-weight: 600;
    color: #535353;
    font-family: Arial, Tahoma /*, 'Droid Sans Mono', 'Molengo', 'Luckiest Guy', 'GFS Neohellenic', 'Cantarell'*/;
    border-bottom: 1px solid silver;
}
.box .box-content {
    width: 100%;
    background: none;
    display: flex;
    flex-direction: column;
}
.box .box-bottom {
    width: 100%;
    min-height: 20px;
    display: block;
    text-align: center;
    height:auto;
    background: none;
}
.box .slide-box{margin:0 auto;text-align:center;font-weight:600;padding:10px;display:inline-block;}
.box .box-bottom .slide-box{display: flex;justify-content: center;}
.box .slide-box svg{height: 20px;fill: silver;}
.box.collapsed .slide-box svg{
    -moz-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
    filter: FlipV;
    -ms-filter: "FlipV";
}

.box-list{}
.box-list .box-content{}

/* tab box */
.tab-box{
  background:none;
  width:100%;
  position:relative;
  margin:10px 0 0px 0;
  border-top:1px solid silver;
  border-right:1px solid silver;
  border-left:1px solid silver;
  border-radius:5px 5px 5px 5px;
  background:#fff;
  -webkit-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.5);
  -moz-box-shadow:    1px 1px 5px 0px rgba(50, 50, 50, 0.5);
  box-shadow:         1px 1px 5px 0px rgba(50, 50, 50, 0.5);
}

.tab-box-container{
    display: flex;
    justify-content: space-evenly;
    padding:10px;
    display: grid;
    width:100%;
    box-sizing: border-box;
    gap: 10px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    overflow-x: auto;
}

.tab-box-container.two-columns{grid-template-columns: repeat(2, minmax(0, 1fr));}
.tab-box-container .table-overflow{
  /*background: url(/images/layout/tabs/tab-box-middle-bg.png) repeat-y center;*/
  overflow-x:auto;
}
#articlesBody ul{
    padding-left:40px;
}
.frontwindowcontent{display: flex;flex-direction: row;}
.quiz_container .frontwindowcontent{justify-content: center;box-sizing: border-box;}
.crossword_list_container{display: flex;flex-direction: column;float:none;padding:0;}

.quiz_results_container{
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}
.quiz_results_container .quiz_results_timer,
.quiz_results_container .quiz_results{
    float:none;
    width:auto;
}
.quiz_results_container .quiz_results li{
    width:auto;
}

.puzzle-details-container{
    width:100%;
    height:100%;
    overflow: auto;
    position:relative;
}
#puzzle{
    transform: scale(1);
    transform-origin: center;
}

.puzzle-zoom-container{
    display: flex;
    width:100%;
    gap:10px;
    padding: 20px 0;
    justify-content: center;
}
.puzzle-zoom-container div{
    cursor: pointer;
    padding:5px;
    font-weight:bold;
    display: flex;
    align-items: center;
    -webkit-user-select:none;user-select:none;
}
.puzzle-zoom-container div .icon{
    width:24px;
    height:24px;
}
.puzzle-zoom-container div .icon svg{
    width:24px;
    height:24px;
}
.mobile-menu {
	height: 40px;
	font: 15px Myriad Pro, Arial, halvetica, Verdana, sans-serif;
	text-decoration: none;
    margin-top:0px;
    width:1000px;
}


.mobile-menu ul li{
  border-right:1px solid #096e8e;
  border-left:1px solid #05b0e7;
  float:left;
  display: inline;
  list-style-type:none;
  position:relative;
}
.mobile-menu ul li{display:block;float:none;border:none;border-bottom:1px solid #05b0e7;margin:0 20px;}

.mobile-menu .hide_on_mobile{display:none;}
.mobile-menu ul li a {
  text-decoration: none;
  color: #fff;
  float:left;
}
.mobile-menu ul li a{display:block;float:none;}
.mobile-menu ul li span{
  padding-right: 8px;
  padding-left: 33px;
  display: block;
  padding-top: 10px;
  height: 29px;
}
.mobile-menu ul li div.menu-bg-icon{
  position:absolute;
  left:3px;top:0px;
  width:24px;
  height:38px;
  background-position: left center;
}
/*//for mobile*/

.boxed{display:none;}
.mobile-menu{
    display: none;
    overflow-y: auto;
    /*position: fixed;*/
    right: 0;
    top: 215px;
    width: 100%;
    background: #129ac6;
    /*max-width: 860px;*/
    height: calc(100vh - 150px);
    z-index: 20;
}
.mobile-menu-opened {
    position: fixed;
    overflow: hidden;
    width: 100%;
}
.mobile-menu-opened .mobile-menu{display:block;}
#menu-icon {
  width: 30px;
  height: 20px;
  position: relative;
  margin: 10px auto;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}
#menu-icon span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  background: #fff;
  border-radius: 0px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#menu-icon span:nth-child(1) {
  top: 0px;
}

#menu-icon span:nth-child(2),#menu-icon span:nth-child(3) {
  top: 9px;
}

#menu-icon span:nth-child(4) {
  top: 18px;
}

#menu-icon.open span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%;
}

#menu-icon.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#menu-icon.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#menu-icon.open span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}

.box.collapsing-box.collapsed .box-content{
    display: none;
}

.crossword-cotrols {
    border-bottom: 1px solid #CCC;
    border-top: 1px solid #CCC;
    margin-top:5px;
    padding: 5px 0px 5px 0px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
#crosswordnav {
    border:none;
    padding:0;
}
.crossword-level-stats{
    display: flex;
}

.crossword-wrap{display: flex;flex-direction: row;width:100%;gap:10px;}

.crossword-wrap #crosswordcontainer{
    /*flex: 1 1 70%;*/
    /*background:#fff;*/
}
.crossword-wrap #crosswordtext{
    flex: 1;
    float:none;
    position: relative;
}
#crosswordtext .clues-heading {
    border: 1px solid #CCCCCC;
    width: 100%;
    overflow: hidden;
    padding: 5px;
    background-color: #F4F4F4;
    font-weight: bold;
    box-sizing: border-box;
}
#crosswordtext .clues {
    margin-bottom: 10px;
}

.registerform #registerform-message{
    display: none;
}

.crossword-wrap.crossword_type_10 .cell_bg{background-size: cover !important;z-index:2;}

.crossword-wrap.crossword_type_10 .cell_question {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.crossword-wrap.crossword_type_10 .cell_divider_line{width:90%;}
.crossword-wrap.crossword_type_10 .cell_first_question,
.crossword-wrap.crossword_type_10 .cell_second_question {
    padding: 0px 0px;
}
.crossword-wrap.crossword_type_5 #crosswordcontainer .cell_number{background:none !important;z-index:4;}
.crossword-wrap.crossword_type_5 #crosswordcontainer .cell_image{z-index:3;}
.crossword-wrap.crossword_type_5 #crosswordcontainer .cell_image img,
.crossword-wrap.crossword_type_2 #crosswordcontainer .cell_image img,
.crossword-wrap.crossword_type_6 #crosswordcontainer .cell_image img{border:none !important;}
.crossword-wrap.crossword_type_5 #crosswordcontainer .cell_v.cellline{height:2px !important;line-height:2px !important;}
.crossword-wrap.crossword_type_5 #crosswordcontainer .cell_h.cellline{width:2px !important;}
.crossword-wrap.crossword_type_5 #crosswordcontainer .cell{z-index:5;}

.message-form {
    width: 100% !important;
    margin: 0 !important;
    padding: 0px 0px 0px 0px;
    border: 0px solid #000;
    position: relative;
}
.message-form.report-form .input{
    width:100%;
    box-sizing:border-box;
    float:none;
}
.message-form.report-form .label{
    float: none;
}
.message-form.report-form .input textarea{
    width:100%;
    min-height:120px;
    box-sizing: border-box;
}
.message-form.report-form .send-button{
    display: flex;
    padding:10px;
    box-sizing:border-box;
    align-items: center;
    justify-content: center;
}
.message-form.report-form .send-button .button-linkO{width:100px;}

.login-overlay-content div.container{display: flex;}
.registerform{display: flex;flex-direction: column;}
.registerform .input{display: flex;flex-direction: row;width:100%;padding: 4px 0;}
.registerform .input label{flex: 1 1 40%;}
.registerform .input .input-box {flex: 1 1 60%;}
.registerform .input .input-box input{width:100%;box-sizing:border-box;}
.login-overlay-soc-info{padding: 12px 0;}

.registerform .loginmenu-options{display: flex;padding:12px 0;justify-content: space-between;}
.registerform .loginmenu-options label{display: flex;}
.registerform .loginmenu-options .rememberme{top:auto;margin-left:0;}
.registerform h1{display: flex;padding:20px 0;justify-content: center;}
.registerform h2{margin:0;}
.registerform .button-linkO{margin-top:8px;}

#submenu .usertopmenupoints{/*margin:0;*/}

.crosswordtitle{display:flex;float:none;width:100%;justify-content: space-between;align-items: center;}

.ui-dialog .ui-widget-header{
    background: #129ac6;
    border: 1px solid #129ac6;
    color:#fff;
}

.tab-box.payment-options{width:780px;max-width:780px;}
.tab-box.payment-options .tab-data,
.tab-box.payment-options .tab-box-container-border{
    width:100%;
}

.crossword_list .solved-label{
    left:0;
}

.tab-box .tab-box-middle .post-content img{max-width:24px;}

.ui-widget-overlay{
    background:#000 !important;
    opacity: 0.7621;
}

.quiz-play-button{float:none;display: flex;margin-left:10px;}
.quiz-play-button .button-linkO, .quiz-play-button .button-link{border:none;}

.crosswordhelp-wrap{
    display: flex;
    justify-content: flex-end;
    padding: 0 0 10px 0;
}
.crosswordhelp-wrap .crosswordhelp{
    margin: 5px 0 0 20px;
}
.quiz-details .quiz_answer_list{
    width:100%;
    max-width: 680px;
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.quiz-details .quizansweropt{
    width:100%;
    margin:0;
    float:none;
    display: flex;
    box-sizing:border-box;
    height:auto;
    padding:0;
}
.quiz-details .quizansweroptquiz{
    float:none;
    display: flex;
    width:100%;
}
.quiz-details .quizansweroptquiz a{
    width:100%;
    box-sizing:border-box;
    padding:0px;
    height:35px;
    border-radius:6px;
    display: flex;
    align-items: center;
    background: #F2F2F2;
    background-size: cover;
}
.quiz-details .quizansweroptquiz a.active_answer,
.quiz-details .quizansweroptquiz a.correct_answer{
    background: #F2F2F2;
}
.quiz-details .quizansweroptquiz a span{
    display: flex;
    height: 100%;
    padding:0;
    box-sizing: border-box;
    margin: 0 10px 0 0;
    flex: 0 0 40px;
    justify-content: center;
    align-items: center;
    background: url(/images/layout/quiz/answer.png) no-repeat left center;
}

.quiz-details .quizansweroptquiz a.correct_answer span,
.quiz-details .quizansweroptquiz a.active_answer span{
    background: url(/images/layout/quiz/answer-active.png) no-repeat left center;
}
.quiz-details .quizansweroptquiz a.an:hover,
.quiz-details .quizansweroptquiz a.active_answer,
.quiz-details .quizansweroptquiz a.correct_answer{
    background-size: cover;
}
.quiz-details .quiz_question_container .quiz_question{
    display: flex;
    height:auto;
    padding: 10px 10px 10px 50px;
    max-width:680px;
    margin: 20px auto 20px auto;
    box-sizing: border-box;
}

.quiz-details .next-button{
    max-width:680px;
    margin:0 auto;
}
.quiz-details .info-text{
    padding:10px;
    box-sizing:border-box;
}

.quiz-details .quiz-options{
    display: flex;
    padding: 10px;
    box-sizing: border-box;
    gap:10px;
}
.quiz-details .quiz-options > div{
    flex: 1 1;
    flex: 0 0 auto;
}
.quiz-details .tip{padding:10px 20px;}
.quiz-details .bonus-window{padding: 20px 0 0 0;}
.quiz-details .quiz-details-header{
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 680px;
    position: relative;
    margin: 0 auto;
}
.quiz-details .quiz-details-header .quiz_timer{
    right:0;
    top:10px;
}
.quiz-details .quiz-details-header .quiz_timer .quiz_timer_clock{
    margin:0;
}
.quiz-details .quiz-details-header #quiz_count_progress{
    padding: 0 0 20px 0;
}
.quiz-details .quiz-details-header .quiz_progress{
    width:100%;
    max-width:420px;
}

.quiz-details .quiz_question_results{
    display: flex;
    flex-wrap: wrap;
}
.quiz-details .quiz_question_results .question_answer_time{
    width:auto;
}
.profile-image-dialog{
    display: inline-block;
    width: auto;
}
.profile-image-dialog img{max-width:100%;max-height:100%;height:auto;}

.dialog-iframe iframe{height: 100%;}

.tab-box-wrap{padding:10px 5px;box-sizing:border-box;width:100%;}
.popup-msg{padding: 0 5px;}
.payment-options-tabs{
    display: flex;
    width:100%;
}
.slider-wrap{max-width:738px;margin: 20px auto;}
.tab-box .tab-large{float:none;}

.tab-box .tab-box-top-large{
    display: flex;
    align-items: center;
    padding: 10px 10px 10px 50px;
    justify-content: space-between;
}
.tab-box .tab-box-top-large a.back{
    padding: 0px 0px 0px 22px;
}

#homebigright{padding-top:0;}



.editform{padding:0 10px;box-sizing:border-box;width:100%;}

.editform .info{display: flex;align-items: center;padding:10px 0;}
.editform .editform_row{
    display: flex;
    justify-content: center;
    padding:5px;
}
.editform .editform_row .label{flex: 0 0 30%;display: flex;
    text-align: right;
    justify-content: flex-end;padding: 5px 10px 0 0;box-sizing:border-box;
    align-items: flex-start;}
.editform .editform_row .input {flex: 1 1;;}
.editform .editform_row .input input[type=text],
.editform .editform_row .input input[type=password],
.editform .editform_row .input textarea{width:100%;box-sizing:border-box;}
.editform .editform_row .input .block input{position:relative;top:2px;}
.editform .buttonplace{display: flex;align-items: center;
    justify-content: center;padding:20px 0;}
.editform .register-button{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.editform .register-button a{min-width:240px;}
.editform .label span {
    color: red;
}
.editform .input:not(.select) span,
.editform .input .span-select {
    color: #006699;
    margin: 5px 0 0 0;
    padding: 0px 0 0 0;
    line-height: 14px;
    font-size: 12px;
    font-style: italic;
    display: block;
    border: 0px solid #000;
}
.editform .input #inboxusers{display: none;padding-top:5px;}

.editform .input span.warning-info.span-select,
.editform .input span.warning-info,
.editform .input span.warning-color {
    color: #FF0000;
}

.changeprofileimage{display: flex;flex-direction: column;
    align-items: center;
    gap: 20px;}

.changeprofileimage .input-upload{width:60%;display: flex;justify-content: center;}
.changeprofileimage .input-upload form{width:100%;text-align:center;}
.changeprofileimage .info{text-align:center;}
.editform .profileimage{
  width:220px;
  text-align: center;
  position: relative;
  float: left;
  border: 0px solid #000;
  padding-top:10px;
  background: url(/images/profile/polaroid-top.png) no-repeat top center;
}
.editform .profileimage img{
  padding:5px;
  border: 0px solid silver;
}
.editform .profileimage span{
  padding:10px 0 40px 0;
  width:220px;
  display: block;
  background: url(/images/profile/polaroid.png) no-repeat bottom center;
}
.editform .profileimage .profileimage-delete{
  position:absolute;
  bottom:8px;
  right:15px
}
.editform .profileimage .profileimage-delete a{
  background: url(/images/layout/icons/delete_16px.png) no-repeat left center;
  padding-left: 22px;
}
.editform .loadingprofileimage{
  padding:28px 4px;
  width:220px;
  text-align: center;
  background: url(/images/loading.gif) no-repeat center;
}
#loadingprofileimage{
  opacity:.60;
  filter:alpha(opacity=60);
  background: #F0F0F0 url(/images/loading.gif) no-repeat center;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  display:none;
}
.tableOverflow{z-index:2;}
.tableOverflow > div{position:absolute;left:0;top:0;width:100%;height:100%;z-index:99;background-color:#fff;background-color: rgba(0,0,0,0.6);background-image:url(/images/layout/icons/hand-swipe.svg?v=1);background-position: 80px 80px;background-repeat: no-repeat; background-size: 60px;}
.tableOverflow, .contact-details .tableOverflow{position:relative;}
.tableOverflow table tbody tr:nth-child(2n+1) td{background:none;}
.tableOverflow table tr td{border:none;}

.tab-box div.list-user-compiled{
    width:100%;
    box-sizing:border-box;
    padding: 0px;
}
.tab-box div.list-user-compiled ul{display: flex;}

input.inputcell{
    display: flex;
    height: 100% !important;
    width: 100% !important;
    margin-top:0 !important;
    padding:0;
    box-sizing:border-box;
}
.cell{z-index:2;}
.cell.cellline{
  z-index:1;
}

input.inputcell::-webkit-outer-spin-button,
input.inputcell::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input.inputcell[type=number] {
    -moz-appearance:textfield; /* Firefox */
}

.message{
    color:#09ade2;
    border:1px solid #09ade2;
    border-radius:6px;
    display: flex;
    padding: 10px;
    font-size:16px;
    box-sizing: border-box;
    margin: 5px 0;
    text-align:left;
}
.message.message_info{
    background: #FFFFFF url(/images/layout/icons/info_32px.png) no-repeat 10px center;
    padding-left:50px;
    font-weight:bold;
}

@media (max-width : 980px) {

    #header{height:auto;}

    #header-wrap, #content, #navigation, #menus, #mainmenu, #mainmenu ul,.profile-information,.profile-menu{box-sizing:border-box;overflow:hidden;width:100%;}
    #menus{height:auto;background:#129ac6;}
    #wrap #main #content{box-sizing:border-box;padding:10px;}
    #homeleft, #homebigright, #homecenter, #homeright{width:100%;float:none;box-sizing:border-box;padding:0;}
    .folow-box, .name-day, .current-date, #mainmenu ul li.left-first, #mainmenu ul li.last, .users-online{display:none;}

    #submenu .usertopmenupoints{padding: 10px 0;display: flex;float:none;height:auto;justify-content: space-between;
        background: #FFD800;
        background: linear-gradient(0deg,rgba(255, 216, 0, 1) 0%, rgba(252, 178, 1, 1) 50%, rgba(251, 173, 1, 1) 100%);
    }
    #submenu .usertopmenupoints div{display: none;}
    #submenu .usertopmenupoints a{flex: 1 1 50%;color:#fff;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        font-size:14px;
    }
    #wrap #header #logo, #wrap #header #sitecption{float:none;width:100%;text-align:center;}
    #wrap #header #logo img{width:100%;}
    #wrap #header #sitecption {
        max-height:68px;
        height:auto;
    }

    .boxed{display:block;}

    #mainmenu{height:auto;box-sizing:border-box;display:none;}
    #mainmenu ul li{width:100%;border:none;}
    #mainmenu ul li a{display:block;width:100%;float:none;padding:0 10px;}
    #mainmenu ul li div.menu-bg-icon{left:13px;}

    #homebigright .crossword_list_container{}
    .crossword_list_container{}
    .crossword_list{width:100%;box-sizing:border-box;}
    .crossword_list .descr{padding:0 15px;box-sizing:border-box;}
    .crossword_list .descr, .crossword_list .image, .crossword_list .image img{}
    .crossword_list .descr .level{font-size:13px;}
    .flash-games{display:none;}

    .tab-full{float:none;width:100%;}

    .box-560, .tab-box, .tab-full-container{margin:0px 0 10px 0;width:100%;}
    .box{  width: calc(100% - 5px);margin:5px 5px 5px 0px;float:none;box-sizing:border-box;}

    .box .box-content {
        flex-direction: row;
    }
    .box .box-content .profile-front-menu{
      padding:10px;
      width:100%;
      box-sizing:border-box;
    }

    .login-overlay-content{width:90%;margin:0;left:5%;}
    .login-overlay-content div.container{width:100%;box-sizing:border-box;}
    .login-overlay-soc, .login-overlay-input{margin:0;padding:0;width:100%;}
    .login-overlay-soc a.button{background:none;padding:0;display:block;}

    #homeleft .large-button{display:none;}
    /*#homeleft .box-content{display:none;}*/

    #footer-wrap #footer {
        width: 100%;
        margin: 0 auto;
        height:auto;
        padding-top: 15px;
        padding-bottom:60px;
        position: relative;
    }
    #footer-wrap #footer:after{content:"";clear:both;float:none;display:block;}
    #footer-wrap #footer .footer-help-menu {
        color: #fff;
        position: relative;
        left: auto;
        top: auto;
        width: 50%;
        float:left;
        height: auto;
        border-right: 1px solid #151515;
        box-sizing:border-box;
    }
    #footer-wrap #footer .footer-shop-menu{display:none;}
    #footer-wrap #footer .pay-options {
        color: #fff;
        position: relative;
        left: auto;
        top: auto;
        float:left;;
        width: 50%;
    }
    #footer-wrap #footer .pay-options:after{content:"";clear:both;float:none;display:block;}

    .crosswordtitle{margin:0;}
    .button-link.fr, .button-link.fl{float:none;display:block;clear:both;margin: 4px 0;}
    .button-link{border:none;}
    #dir_button, #puzzle-sound-button{
        display: flex;
        height: auto;
        margin: 4px 0;
    }
    #dir_button a{background-repeat: no-repeat !important;background-position:center;}
    .timer{float:none;text-align:left;}
    #crosswordnav{
        padding:0;
        width:100%;
        display: grid;
        gap: 0px;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .crossword-level-stats{display:flex;width: 100%;justify-content: space-between;}
    .crossword-level-stats span{margin-left: 0 !important;}
    .cell_number{font-size:7px;padding:1px 0 0 2px !important;bpx-sizing:border-box;}

    input.inputcell{font-size:14px !important;}
    div.cellletter{font-size:12px !important;;}
    .crossword-wrap.crossword_type_9 div.cellletter{font-size:16px !important;;}

    .crossword-wrap.crossword_type_5 input.inputcell{font-size:16px !important;}

    .cellline{background-repeat: no-repeat;}


    .profile-menu-wrap{display: flex;}
    .profile-menu-wrap .profile-menu-left,
    .profile-menu-wrap .profile-menu-right{display: none;}
    .profile-menu-wrap .profile-menu{display: grid;gap:10px;grid-template-columns: repeat(2, minmax(0, 1fr));height:auto; background:none;padding: 0px 5px 5px 0; }
    .profile-menu-wrap .profile-menu a{
        text-align:center;
        position:relative;
        margin:0;
        padding:10px;
        border-top:1px solid silver;
        border-right:1px solid silver;
        border-left:1px solid silver;
        border-radius:5px 5px 5px 5px;
        box-sizing:border-box;
        background:#fff;
        -webkit-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.5);
        -moz-box-shadow:    1px 1px 5px 0px rgba(50, 50, 50, 0.5);
        box-shadow:         1px 1px 5px 0px rgba(50, 50, 50, 0.5);
    }
    /* for sweden */
    .crossword-wrap.crossword_type_10 .cell_question{display: flex;flex-direction: column;}
    .crossword-wrap.crossword_type_10 .cell_question div{display: flex;width:100%;padding:1px;box-sizing:border-box;font-size:6px;line-height:8px;justify-content: center;}
    .crossword-wrap.crossword_type_10 .cell_question .cell_divider_line{padding:0;}
    .crossword-wrap.crossword_type_10 input.inputcell{}
     /* for cryptic */
    .crossword-wrap.crossword_type_11{
        flex-direction: column-reverse;
        gap:0;
    }
    .crossword-wrap.crossword_type_11 .cryptic-given-letters form{
        /*display: grid;gap:10px;grid-template-columns: repeat(2, minmax(0, 1fr));*/
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap:2px;
    }
    .crossword-wrap.crossword_type_11 .cryptic-given-letters form .cryptic-fields{
        width:24px;
        margin: 0px 0px 5px 0px;
    }

    .crossword-wrap.crossword_type_11 .cryptic-given-letters form .cryptic-fields input{
        width:100%;
        font-size:12px;
        box-sizing: border-box;
        padding: 4px 0;
        display: flex;
        border-radius: 0;
    }
    .tab-box.payment-options{width:100%;max-width:100%;box-sizing: border-box;margin:0;}
    .tab-box .tab-large-divider{display: none;}
    .payment-options-tabs img{max-width:100%;}


    .tab-box .tab-large a span.relative{
        display: flex;
        justify-content: center;
        background-size: cover;
    }

    .payment-options-content{border:none !important;}
    .payment-options-content .no-advert-info{padding: 10px 0;}
    .payment-options-content .ui-slider{margin:30px 0;}

    .tab-box .tab-box-top-large{
        font-size:14px;
    }
}
@media (max-width : 780px) {

    .tab-full-container{
      display: grid;
      gap: 5px;
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    #content #crosswordtext{padding-left:0;}

    .crossword-wrap{flex-direction: column;}
    .crossword-wrap #crosswordcontainer{
        flex: none;
    }
    .crossword-wrap #crosswordtext{
        flex: none;
    }


    .login-overlay-content div.container{flex-direction:column;}
    .login-overlay-soc{display: flex;flex-direction: column;padding: 20px 0 0 0;}
    .login-overlay-soc a img{width:100%;}

    .login-overlay-soc .login-overlay-soc-buttons{
        display: flex;flex-direction: row;
        gap:10px;
    }
    .login-overlay-soc a.button{
        margin:0;
    }

    .slider-measure{display: none;}

    .payment-options-tabs{display: flex;display: grid;gap:0px;grid-template-columns: repeat(2, minmax(0, 1fr));}


    .quiz-details .quiz_answer_list{
        width:100%;
        display: grid;
        gap: 10px;
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .quiz-details .quiz-options{
        display: grid;
        gap: 10px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width : 640px) {

    #homebigright .crossword_list_container{width:100%;box-sizing:border-box;}

    #wrap #header #logo {padding:20px 20px;box-sizing:border-box;width:100%;}
    #wrap #header #logo img{width:100%;}

    .crossword_list_container{width:100%;box-sizing:border-box;}

    #footer-wrap #footer .bottom-logo {
        display:none;
    }
    #footer-wrap #footer .copy {
        position: absolute;
        bottom: 20px;
        left: 20px;
        color: #777777;
    }
    .box, .list-filter{width:100%;margin:10px 0;box-sizing:border-box;
        max-width: 100%;
    }
    .list-filter{margin-top:0;}
    .crossword_top_types{width:100%;}
    .crossword_top_types a{width:98%;box-sizing:border-box;padding:25px 10px 25px 70px;margin:5px 1%;height:auto;}

    table.usertop tbody td a{padding:8px 4px;}


    .tab-box-container{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .tab-box-container.box-table-2{
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    #filter form, #filter-bottom form {
        display: flex;
        align-items: center;
        flex-direction: column;
    }
    #filter .filter, #filter-bottom .filter{
        flex-direction: column;
        width: 100%;
    }
    .list-filter{padding: 10px 5px;}
    .list-filter label{
        padding:0 !important;
    }


    .filter-col{
        width: 100%;
        gap:10px;
    }

    .crosswordtitle{
        border-bottom: 1px solid #CCC;
        padding-bottom:5px;
        margin-bottom:5px;
    }
    .crossword-cotrols{
        flex-direction: column;
        margin-top:5px;
    }


    .quiz-details .quiz-details-header .quiz_progress{
        max-width: 100%;
        padding-right: 80px;
        box-sizing:border-box;
        margin:0;
        display: flex;
        gap: 2px;
        justify-content: space-around;
    }
    .quiz-details .quiz-details-header .quiz_progress div{
        background-size: cover;
        flex: 1 1;
        width:auto;
    }

    .editform .editform_row .input.select >div{
        /*display: flex;
        flex-direction: column;
        gap: 10px;*/
        display: block;
        margin: 0 0 10px 0;
    }

    .add-puzzle-container{
        flex-direction: column;
    }
    .flow-menu a span.first,
    .flow-menu span{
        line-height:12px;
        font-size:10px;
    }

}
@media (max-width : 480px) {
    #footer-wrap #footer .footer-help-menu,
    #footer-wrap #footer .pay-options{margin-top:40px;width:100%;}
    .box .box-content {
        flex-direction: column;
    }
    .tab-box-container, .tab-box-container.two-columns{
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  select,
  textarea,
  input {
    font-size: 16px;
  }
}