@media screen and (max-width:800px) {
    body {min-width: 100%;}
     #wrapper {background:#fff}
    .veidaWr {width: 100%;}
    .veidaWr:before, .veidaWr:after{display:none;}
    .header .logoGlobes {height: 25px; width: 25px; margin:-5px 0 0 0;background-size:contain;}
    .header .container { width: calc(100% - 36px); height:45px; background:#fff;padding:0 18px; display:flex;justify-content: space-between;}
    .header .hIconsWr{margin:0; display:flex;}
     header .social:before { margin: 0 20px 0 0; zoom: 100%; top:4px;}
    .header .container .nodeName.nodeName {display: none;}
    .header .container .register {padding: 0px 18px;line-height: 31px;}
    .header .container .sponser .hasut { font-size: 16px;display:inline-block; line-height:42px;}
    .header .container .sponser:after{display:none;}
    .header .container .sponser .hasut img{position: relative;top: 5px; height:auto;}
    .header .container .sponser {position: absolute;top: 45px;width: 100%; right: 0; background: #fff;box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.13), inset 0 2px 3px 0 rgba(0,0,0,0.13);
     height:42px; z-index:-1;margin:0;}
    .header.sticked .sponser{top:3px;}
   
    .hero {display:block; height:auto; width:100%; padding: 30px 0 240px 0; position: relative;}
    .heroWr{width: calc(100% - 36px);margin: 0 auto;position: relative;z-index: 1;}
    .hero .heroWr .register2 {float:none;display: inline-block;border: 2px solid var(--titleColor); font-size:20px;    padding: 8px 16px;}
    .hero .heroWr .subtitle {font-size:20px; margin-bottom:0;}
    .hero .heroWr h1 { font-size:45px; max-width:100%; margin:0;   font-family: 'almoniDL900';}
    .hero .heroWr h2 {font-size: 45px;margin: 0 0 20px 0;text-align: right;font-family: 'ultrabold';-webkit-text-stroke: 1px #000;color: #fff; text-shadow: 3px 3px 0 #000000;}
    .hero .heroWr .date{color:var(--titleColor); font-size:45px;}
    .hero .heroImg{width: 100%; height: auto; position: absolute;bottom: 0; left:0; z-index: 0;}

    #countdown {display: grid; grid-template-columns:repeat(4, 1fr); width:100%;z-index: 1;position: relative;padding:11px 0;}
    #countdown div {width: auto; border-left: 1px solid #fff; padding:0;}
    #countdown span:first-child{font-size:28px;width: auto; margin-left:10px; line-height:1;}
    #countdown span:last-child {font-size: 16px; margin-left:0;}
    #countdown div:after{display:none;}
    #countdown .c4{border-left:none;}

    .about p img{width:100%; height:auto;}
    .about h6{margin:0;}
    .veidaInner .veidaAbout {display:block}
    .veidaInner.book .veidaAbout {display: flex;flex-direction: row-reverse;overflow: hidden;justify-content: space-between;margin: 40px auto; max-width: 360px;}
    .veidaInner.book .veidaAboutTitle, .veidaInner.book .info img { box-shadow: -6px -6px 0 0 #000;}
    .veidaInner.book .veidaAboutTitle { padding: 10px 50px 10px 10px; float: none;  max-width: 152px; margin-left: 7px;}
    .veidaInner.book .info { float: none;bottom: 26%;margin-right: 0; right: 0;}
    .veidaInner .veidaAbout .veidaAboutTitle h3{font-size:20px;}
    .veidaInner.blackblock { padding:30px 18px; margin: 0 auto;}
    .veidaInner.blackblock h2.title:after { border-bottom-color: var(--veidaBgColor);}
    .veidaInner.blackblock h2.title {  margin-top: 0;}
    .veidaInner .veidaAbout, .veidaInner .veidaAbout p { font-size: 18px; color:#1a1a1a;}
    .veidaInner.blackblock iframe{margin-top:30px;}
    .veidaInner {width:calc(100% - 36px); margin:0 auto}
    .veidaInner h2.title { font-size:24px; line-height:34px;}
    .veidaInner.about .info h3 { font-size: 20px; font-family: 'almoniDL900';color: var(--veidaBgColor); }
    .veidaInner.about .info {padding: 10px 20px;display: grid;grid-template-columns: 1fr 1fr;  height: auto;width: calc(100% - 36px);margin:20px 0 60px;}
    .veidaInner.book .veidaAboutTitle h6{font-size:14px;}
    .info .pRight p, .info .pLeft p{margin:5px 0;}
    .veidaInner.about .info .pRight{border-left:none;padding-left: 0;width: 100%;}
    .info .pLeft{border-right:1px solid var(--veidaBgColor);padding-right:20px;}

    .tracks { flex-direction: column;}
    .veidaInner.registerHeader .veidaAboutTitle ul {flex-direction: column;margin-bottom:20px;}
    .veidaInner.registerHeader .veidaAboutTitle ul li{padding:10px 0;}
    .veidaInner.register .tracks .track{margin: 0 auto 20px; min-width: auto; min-height: auto;width: calc(100% - 40px); }
    .moreOption a {line-height: 28px; padding:20px 20px 20px 60px; width: calc(100% - 116px);text-align: right; display: block; margin: 0 auto;}
    .moreOption .title{text-align:right;width: calc(100% - 36px); margin: 10px auto 20px;font-family: 'ultrabold';}
    .footer {margin: 32px auto 0; padding: 18px;}
    .footer .contact, .footer .socialF{float: none; width: 100%; text-align: right; }
    .footer .contact{margin:20px 0 30px;}
    .footer .socialF{margin:20px 0;}
    .footer .contact a {color: #fd3a00; }
    .moreOption a:after { left: 18px; top: 40%;font: normal normal normal 22px/1 FontAwesome;}
    .footer .contact p {font-size: 18px;font-family: 'almoniDL400';}
    .footer .contact p strong{font-size:20px;font-family:almoniDL700;font-weight:normal;margin-bottom:10px;display: inline-block;line-height:19px;}
    .footer .socialF h5 { font-size: 20px; display:block;margin-bottom:10px;}
    .footer .socialF a{margin:0 0 0 10px;}
    .veidaInner .banners {display:block}
    .veidaInner .banners img {width:100%}
    .socialBlock {width: 100%; }
    .socialBlock h3{margin:20px 0 10px;}

    #SBTakanon { margin: 87px auto 50px;width: calc(100% - 36px);}
    #SBTakanon h1{font-size:45px; margin:20px 0;}
    #SBTakanon ol{padding-right:20px;}
}
@media screen and (max-width:450px) {
 .veidaInner.blackblock iframe{width:100%; height:200px;}
}
@media screen and (max-width:350px) {
    #countdown span:first-child {font-size: 25px;}
    #countdown span:last-child {font-size: 14px;}
    .veidaInner.book .veidaAboutTitle {padding: 10px 70px 10px 10px; max-width: 113px; }
}