/* mobile */
@media (min-width: 1101px){
.pageContent,.pageContent  p{font-size:18px;}
}
@media (max-width: 1100px){
.boxCountdown p {font-size: 50px;}
.topBanner .boxCountdown p {font-size: 20px;}
.topBanner .boxReserve .myMdr,.topBanner .boxReserve .myMdr i{font-size: 18px;}
.article .col-1,.article .col-11{width:100%;}
.article{min-height:0px;}
.topBanner .boxReserve {padding: 20px 56px 20px 30px;}
}
@media (min-width: 993px){
.pageContent,.pageContent  p{font-size:16px;}
}
@media (max-width: 992px){
.nav .col .lang span.mymdrlogin{display: none;}
.nav .col{width: 16.6666%;}
.nav .col.withShop{width: 12.49%;}
.nav .col.left{width: 25%;}
.nav .col.dx{width: 25%;}
.nav .col a{font-size: 13px;}
.nav .col .lang a{font-size: 17px;padding: 15px 0;}
.boxCountdown p{font-size: 38px;}
.boxCountdown .iconTime i{ font-size: 120px;}
.topBanner > .col-6{width: 100%;}
.topBanner .boxCountdown p {font-size: 28px;}
.article table{width:100%!important;}
.article table td{display: block;}
.article table img {vertical-align: text-top;}
.article .colSx .blk {padding: 20px 20px 20px 40px;}
.listModule.generic .widget .column{}

.boxCountdown .timerBg{width:100px;height:100px; }
.boxCountdown .timerCenter{animation-timing-function: linear!important;}
}

@media (min-width: 769px) and (max-width: 992px){
.ellipsis{display:none;}
h3, h4 {
    font-size: 14px;
}

}

@media (min-width: 769px){
#listMenu .mobileMenu{display: none;}
#navColMobile{display:block!important;}
.menuColSx{display:none;}

}

@media (max-width: 768px){
#selectLangChangeDiv{display: none!important;}
#selectLangChange{display: block;}
#selectLangBtn{display: block;}
#selectLangBtnDiv{display: none;}
#selectLoginBtn{width: 55%;}
#selectLangBtn,#selectLangBtnDiv,.nav .col .lang #selectLang{width: 45%;}
#selectLang:hover #selectLangChangeDiv{display: none;}
.nav .col .lang #selectLang {height: 100%;}    
img.overBoxImg.w25,img.overBoxImg.w50{width: 100%;}
    
.menuColSx{display:block;    z-index: 1;}
.boxMenu{margin-top:40px;}
.article .colSx .blk .logoInternal{margin-bottom:40px;}
.article .colSx .blk .boxMenu{margin-top:0px;}
.colSx .listInfo{display:none;}
.padding{padding: 10px;}
.searchField form input[type="text"]{max-width:200px;}
.nav .col .lang #loginMymdr{max-width:200px;right:0px;}
#listMenu .mobileMenu{display: block;}
#listMenu .blk{padding: 100px 30px 30px 30px;}
#listMenu a.titleMenu{font-size: 15px;}
#listMenu ul li a{font-size: 14px;}
#listMenu .menuClose{right: 30px;}
#listMenu .menuClose i{font-size: 110px;}
.nav .col.left,.nav .col.dx{width: 50%;display: block;}
.nav .col{display: none;}
.nav .col .logo{min-height: 100%;background: #fff;}
.timex_logo{top: -15px;}
.banner{height: auto;}
.banner .bannerUl,.banner .bannerUl ul{height: 500px;}
.banner .bannerUl .bannerOver{width: 100%;background:rgba(0,0,0,0.5);}
.banner .bannerUl .bannerOver .text-image{margin-top:0px;}
.banner .bannerUl .bannerOver .text-image-center{text-align: center;}
.banner .bannerUl ul li{/*background-image: none!important;height: auto;*/}
.banner .bannerUl ul li img{display: block;}
.banner ul li .text-image-center p{margin-bottom: 0px;}
.bannerOver .text-image{margin-top: -30px}
.bannerOver .text-image-center{}
.bannerOver .text-image-center p{font-size: 15px;}
.bannerOver .text-image-center h3{ font-size: 18px;}
.bannerOver .text-image-center h2{font-size: 30px;}
.bannerOver .text-image-center span.yellow{font-size: 14px;}
.bannerOver .allroads-logo{margin: 0 auto 10px;}
.bannerOver .icon-social{margin: 30px auto;}
.boxCountdown p{font-size: 36px;}
.row.boxBanner{position: relative;bottom: auto;}
.row.boxBanner .col-8,.row.boxBanner .col-4{width: 100%;}
.article{padding: 0 30px;}
.paddingContent{padding:0px;}
.titlePage{padding:20px 30px;}
.topBanner{padding-top:86px;}
.article .colSx .blk .logoInternal{max-width: 100px;}
.article.minisite.paddingContent{padding: 0 20px;}
.article .colSx,.article .colDx{width: 100%;}
.article .blk{padding: 20px 0px!important;}
.topBanner .blk{padding: 20px;}
.topBanner .boxCountdown{padding: 20px;}
.topBanner .boxCountdown p {font-size: 22px;}
.topBanner .boxReserve {padding: 20px 58px 20px 20px;}
.boxReserve .myMdr, .boxReserve .myMdr i {font-size: 18px;}
.boxReserve p{line-height: 15px;}
.widget .col-6.column{width: 100%;}
.widget .boxText{padding: 20px;}
footer .padding{padding: 20px 10px;}
footer .infoCopy{text-align: center;padding-bottom: 20px;}
footer .col-6{width:100%;margin-bottom: 20px;}
footer .logoSmall{text-align:center;}
.btnTopPage{position: absolute;bottom: 80px;opacity:1;right:20px}
.clearMobile{clear: both;float: none;display: block;width: auto;}
.widget .row > .column:hover .boxPhoto {background-size: auto 100%;}
.boxPopUp{}
.boxCountdown{    padding-top: 40px;}
}
@media (max-width: 580px){
    .banner .bannerUl,.banner .bannerUl ul{height: 450px;}
    
}
@media (max-width: 480px){
    header{}
    .boxCountdown{    padding-top: 50px;}
    .boxCountdown span.label{font-size: 9px;}
    .boxCountdown p{font-size: 26px;}
    .boxCountdown h3{margin-bottom: 10px;}
    .boxCountdown span.yellow{max-width: 40px;}
.boxCountdown .timerBg{width:60px;height:60px;     display: none;}
.maincontent{margin-top:50px;}
.topBanner{padding-top:40px;}
#listMenu .col-4{width: 100%;}
#listMenu .menuClose i{font-size: 60px;}
#listMenu .mobileMenu{border-radius: 0px;}
#listMenu .mobileMenu a{border-right: none;border-bottom: 2px solid #19A7DB;}
#listMenu .blk{padding: 100px 20px 20px 20px;}
#listMenu .menuClose{right: 20px;}
.widget img.overBoxImg{display:none;}
.widgetBox .widget img.overBoxImg{display:none;width: 100%;}
.widgetBox .widget img.overBoxImg.w25{width: 25%;}
.widgetBox .widget img.overBoxImg.w50{width: 50%;}
.widgetBox .widget .overBox{position: absolute;top:0px;left:0px;height: 100%;width: 100%;}
.widget .overBox{position:relative;height:auto;top:auto;left:auto;}
.widgetBox .widget .overBox{display:block;min-height: 10px;height: auto;    position: relative;}
.widgetBox .widget .overBox.imageContainAdv,
.widgetBox .widget .overBox.imageContain,
.widgetBox .widget .overBox.noresize{    min-height: 300px;background-size: contain!important;}
.headerScroll .btnTopPage{bottom:100px;}
.boxPopUp table td{display: table-cell;}
.widget .boxPhoto{height:auto;}
.widget .boxInfo h1 { font-size: 18px;}
.boxBanner .col-9,.boxBanner .col-3{width:100%;}
.bannerScroll{display: none;}
.boxCountdown, .boxReserve{height: auto;}
.boxCountdown .iconTime i{font-size: 70px;}
.boxCountdown p {font-size: 24px;}
.boxCountdown .col-3{width: 25%;}
.boxCountdown .col-9{width: 100%;}
.widget .col-6.column .col-6{width: 100%;}
.widget .boxText{padding:10px;}
.widget .boxText.custom .padding30{padding:10px;}
.widget.gallery .col-3{width:100%;}
.article{padding: 0 20px;}
.titlePage{padding:20px;}
.topBanner .boxReserve, .topBanner .boxCountdown{height: auto;}
.topBanner .col-6{width: 100%;}
footer ul{margin:10px 0;}
footer p{font-size:13px;line-height:18px;}
.listForm .col-2,.listForm .col-10{width:100%;}
.listForm .label{margin-bottom: 5px;}
.boxJsOn ul{height:auto;}
.boxJsOn ul li.imgDon{ width: 100%;text-align: center;margin: 0 0 10px 0;padding: 10px 0;height:auto;}
.listRecordView .widget .col-12.column{margin-top:20px;}
.module_customList_customList li{width:auto!important;float: none!important;clear: both!important;}
.pageContent table td,.pageContent table tr,.pageContent table,.pageContent table tbody{display: block!important;width: auto!important;height: auto!important;}
.bigSearchForm #pwaformSearch input,.bigSearchForm #pwaformSearch select{margin: 0; width: 100%;margin-bottom: 10px;}
}