@charset "utf-8";
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 767px) {
h1 {font-size:3em;}
header {height:auto;}
a.logo {display:none;}
a#pull b { display:none;}
a#pull {}
a#pull img {max-width:220px; padding:10px; margin:0; display:block;}
nav { height: auto; background:#FFFFFF; left:0;}
nav ul {width: 100%; display: none; height: auto;}
nav li {width: 100%; float: left; position: relative; margin:0; border-bottom:1px solid #ffffff;}
nav li a {border-bottom: none; border-right: none; padding:10px 0 10px 10px !important; background:#000; color:#fff}
nav a { text-align: left; width: 100%;}
nav li a:hover {border-bottom:none; background:#000; }
nav li.active a {border-bottom:none; background:#fff; color:#ec3347; }
nav li.active a:hover { color:#ec3347; }
nav a#pull { display: block; background-color: #fff; width: 100%; position: relative; }
nav a#pull:after { content:""; background: url(../images/nav-icon-black.png) no-repeat center center; width: 20px; height: 100%; display: inline-block; position: absolute; right: 10px; top: 0px;}
#section0 {background-position: 216% 12%; background-size: calc(150%) auto; height: auto !important; padding-bottom:0!important;}
#section0.section {padding-top:5px!important;}
#section0 b, #section0 p {font-size:1.2em; width:100%!important; padding:5px 0!important;}
#section0 .intro p {font-size:1.1em; text-align:left;}
#section0 .intro b {font-size: 1.5em; margin: 20px 0 0; text-align: left;}
#section0 .intro img {width:50px;}
#section0 .intro img.logo {display: block; margin: 0; width: 90%;}
#section0 .content {width:90%!important; padding:20px 0; }
#section0 .enter {background:none; border: none; padding:0; width:100%; margin:0 auto;}
#section0 .enter h3 {position:relative; background:none; top:0; padding:0; width:100%; font-size:1.9em;}
#section0 .enter p {width:87%!important;}
#section0 .intro {margin: 0;}
#section0 .intro h1 {width:90%; padding:5px; font-size:1.4em;}
#section0 .coming-soon {margin-top:10px; opacity:0.5;}
#section0 .coming-soon p{padding:0!important;}
#section0 .coming-soon b{text-align:center}
#section0 .coming-soon i.fa-info-circle {border-right: none; display: inline-block; float: left; font-size: 2em; margin: auto; padding: 0;}
.links {margin-top:10px!important;}
.links a {
    font-size: 1.6em;
    margin: 10px 5px;
    padding: 10px;
}
.links a.help {font-size:0.9em; margin:0;}
.intro h2 {width:90%; color:#666; font-size:1.2em!important; padding:15px 0 0!important;}
.categories {width:100%; font-size: 1.2em;}
#section4 .winner p {margin-bottom: 0; width: 85%; font-size:1.2em; }
.third .right, .third .left {float: left; margin-top: 5px; width:100%; text-align:center;}
.third {margin: 0 10px 30px; padding: 0; width: 90%; text-align:center;}
.third p, .third h2 {text-align:center;}
.info {width:90%;}
.four h2 {margin: 40px auto 10px; padding: 0 0 5px; width: 70%; }
.four { margin: 0 10px; padding: 0; width: 90%;}
.image { height: 15%;}
#googleMap {height:250px;}
.intro {margin:20px 0;}
#section4 h2 {font-size:4em;}
ul.projects-listing li span {top:0px}
ul.projects-listing li b, ul.products-listing li b {padding:5px; font-size:1.1em; margin:0;}
ul.projects-listing li, ul.products-listing li {margin: 2px 1px;}

.owl-carousel .owl-item .item {padding:10px 10px 0!important; min-height:300px !important}
.categories h3, .categories h4 {font-size:1em!important;}
.categories p {font-size:0.8em; line-height:130%; margin:10px auto;}
.categories .nb {font-size:0.8em; font-style:normal; padding:10px; width:80%;}
.categories .nb i.fa {font-size:1.2em;}
.categories .item ul.sub-cat li {width:100%; margin:2px 0;}
.categories .item ul.sub-cat li b, .categories span {font-size:0.7em;}
.categories img {border: 5px solid #fff; border-radius: 50%; margin: 0 auto 10px; width: 50%;}
.categories .item:hover img { border: 5px inset #ea7602;}
.categories .item:hover a {font-size:1.2em;}
.section-categories .info {width:100%; padding:0;}
.section-categories .info p {padding:10px; font-size:0.7em; width:94%;}
.section-categories .info p i.fa {display:none;}
.section-categories .info .content b {width:100%; font-size:1.3em; text-align:center;}
.section-categories .info .content p {font-size:1em; width:90%; text-align:center; padding:0 10px; }
.section-categories .info .content p span {text-align:center; font-size:0.7em; width:100%; display:block; margin-top:10px;}
.section-categories .info .content {width:90%; padding:10px 15px 20px;}


.section-nominate .content div {padding:0 0 15px; width:100%; min-height:1px;}
.section-nominate .content div img {display:block; margin:15px auto; max-height:100px;}
.section-nominate .content div b {margin:0 auto;}
.section-nominate .content div h3 {font-size:2.5em; margin:0 auto;}
.section-nominate h2 {font-size:1.2em; width:90%;}
.section-nominate .awards .winners .content { width: 100%;padding: 0;margin: 15px auto;}

.section-event .intro h2 {width:90%;}
.section-event .content p {padding: 0 0 20px; width: 90%;}

.section-contact .bg {display:none;}

.section-contact .content .left, .section-contact .content .right, .section-contact .content ul.left {border:none; margin:0 0 15px; padding:0; width:100%;}
.section-contact .content h2, .section-contact .content p, .section-contact .content ul li, .section-contact .content ul b {text-align:center;}
.section-contact .content .right {border-top:1px dotted #ccc; padding-top:5px;}

.section-judges ul li b {font-size:1.1em;}
.section-judges ul li img {width:100%; min-height:188px;}
.section-judges ul li {width:40%;}
.section-judges ul li span {width:90%; font-size:0.9em; margin:0 auto}
.section-judges ul {padding-top:0;}
.section-judges p {margin-top:20px; width:81%;}
.section-judges .intro {margin:20px 0;}


.section-sponsors .intro p {padding:0; width:90%;}
.section-sponsors .intro p b{display:block; margin:5px 0;}
.section-sponsors .intro h2 strong {display:block; margin-top:10px;}
.section-sponsors .sponsor {width:80%; padding:10px; margin:0;}
.section-sponsors .content {width:100%; display:inline-table; margin-top:0;}
.section-sponsors .sponsor b {margin: -11px -11px 10px; padding: 5px 20px;}
.section-sponsors .sponsor img {margin:15px auto 0!important; max-width:200px!important; display:inline-table;}
.section-sponsors .sponsor a {margin:0px auto; font-size:1.1em;}
.section-sponsors .sponsor p {display:none;}
.section-sponsors .sponsor h3, .section-sponsors .headline.sponsor h3 {border-bottom:none; margin:10px auto 0; font-size:1.2em; padding-bottom:5px; display:block; color:#999;}

.section-pastawards .top-winners div, .section-pastawards .winners div {display:block; margin:25px auto; width:100%; padding:0;}
.section-pastawards .top-winners div h4, .section-pastawards .winners div h4 {font-size:1.4em;}
.section-pastawards .top-winners div p, .section-pastawards .winners div p {color:#999; padding:0;}
.section-pastawards .winners div b {display: block; font-size: 1.1em; margin: 20px auto 10px; padding: 0 0 5px; width: 100%;}
.section-pastawards .winners div em {font-style:normal; font-size:1em;}
.section-pastawards h3 {width:80%; font-size:1.1em; padding:10px;}

.tickets h4, .tickets h3 {font-size:1.6em; width:75%;}
.tickets h4 {color:#2f5a8c; background:none; margin-bottom:15px;}
.tickets h4 i.fa {color: #2f5a8c;}
.tickets i.fa {background: none; display: block; font-size: 2.5em!important; padding: 5px;}

.section {padding: 60px 0 20px!important;}
p{font-size:1.2em;}
#section1 h1 b {
    display: block;
    position: relative;
    top: 10px;
}
.nominate_link {width:75%;}
.section-pastawards .top-winners div, .section-pastawards .winners div, .section-winners .top-winners div, .section-winners .winners div {display:block; margin:10px 0; padding:0; width:
100%;}
.section-pastawards .awards, .section-winners .awards {width:90%;}
.section-pastawards .top-winners div h4, .section-winners .top-winners div h4, .section-pastawards .winners div h4, .section-winners .winners div h4 {font-size:1.4em; padding-top:10px; border-top:1px solid #eee;}
.section-pastawards .winners div em, .section-winners .winners div em, .section-pastawards .winners div b, .section-winners .winners div b {font-size:0.9em;}
.section-pastawards .top-winners div p, .section-pastawards .winners div p, .section-winners .top-winners div p, .section-winners .winners div p {font-size:1em;}
.early-bird a {display: block; margin: 5px auto; width: 75%;}
}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 979px) {
header {height:55px;}
header a.logo {display:none;}
header a.logo.tablet {/*background:#000;*/ display:block!important; width:100%; padding:10px; margin:0; top:0;}
header a.logo.tablet img {max-width:200px!important;}
nav {border-bottom:2px solid #004282; left:0!important; top:50px!important; width:100%!important; background:#fff;}
nav li a, nav li.active a {height:15px!important; padding:15px 11px!important;}
.section {padding-top: 130px!important;}
.tickets h4, .tickets h3 {font-size:1.6em; width:50%;}
.tickets h4 {color:#2f5a8c; background:none; margin-bottom:15px;}
.tickets h4 i.fa {color: #ec3347;}
.tickets i.fa {background: none; color: #ec3347; display: block; font-size: 3em; padding: 5px;}
.section-nominate .awards .winners .content { width: 100%;padding: 0;margin: 15px auto;}
a.logo img {display:inline-block;}
.section-pastawards .awards, .section-winners .awards {width:90%;}
.section-pastawards .top-winners div h4, .section-pastawards .winners div h4, .section-winners .top-winners div h4, .section-winners .winners div h4 {font-size:1.4em;}
.section-pastawards .top-winners div, .section-winners .top-winners div {width:31%!important; padding:10px 0; margin:10px 5px;}
.section-pastawards .winners div, .section-winners .winners div {width:42.6%!important; padding:10px 0; margin:10px 5px;}
.section-pastawards .winners div em, .section-winners .winners div em, .section-pastawards .winners div b, .section-winners .winners div b {font-size:0.9em;}
.section-pastawards .top-winners div p, .section-pastawards .winners div p, .section-winners .top-winners div p, .section-winners .winners div p {font-size:1em;}
nav ul.clearfix {display:block;}
.early-bird a {display: block; margin: 5px auto; width: 25%;}
}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1440px) {
.section {padding-top:100px;}
header {height:55px;}
header a.logo.tablet {display:none;}
header a.logo {border-bottom: 4px solid #004282; margin: 10px 10px 0 0; padding: 0 0 12px 10px; top: -35px; width: 140px;}
header a.logo img {/*max-width:230px;*/
    /*max-width: 183px;*/
    height: 33px;
    }
nav {width:86%; left:140px; top:0;}
nav li a, nav li.active a {display: block; font-size: 0.8em; height: 25px; padding: 20px 15px 10px;}


#section0 {background-size:calc(150%); padding-top:50px!important;}
#section0 .intro h1, #section0 .intro p, #section0 .intro b, #section0 .content, #section0 .enter, .categories .nb {width:80%; margin-left:auto; margin-right:auto;}
#section0 .enter h3 {width:90%; padding:10px;}
#section0 .intro img {margin:15px auto 0px}
h2, p {width:90%!important;}

.categories h3, .categories .item h4 {font-size:1.4em;}

.categories p {line-height:130%}
.section-categories .info p {font-size:1em; font-weight:400; font-style:normal; width:100%!important;}
.section-categories .info .content {width:90%;}
.section-categories .info .content b, .section-categories .info .content p, .section-categories .info .content p span {display:block; float:none; text-align:center; width:100%;}
.section-categories .info .content p span {margin-top:5px;}

.section-nominate .content div {width:33%; padding:0;}
.section-nominate .content div h3 {font-size:2em;}
.section-nominate .top-winners div, .section-nominate .winners div {padding:10px;}
.section-nominate .awards {width:100%;}

.section-contact .content .left, .section-contact .content .right {float:none; width:100%; margin:0 auto 25px; padding:0; text-align:center; display:block; border:none; }
.section-contact .content h2, .section-contact .content p, .section-contact .content ul b, .section-contact .content ul li {text-align:center;}
.section-contact .content p {width:80%;}
.section-contact .content ul b {margin-top:10px;}
.section-contact .content ul.left {width:100%;}
.section-contact .content ul li {padding:5px 0;}

.section-sponsors .content {width:100%;}
.section-sponsors .intro p b {display:block; padding:5px 0;}
.section-sponsors .sponsor {margin:15px auto; width:90%; display:block; border-bottom:1px dotted #eee; padding:0 0 15px 0;}
.section-sponsors .headline.sponsor img {margin:40px auto 5px;}
.section-sponsors .sponsors .sponsor img {margin:15px auto 5px;}
.section-pastawards .awards {width:100%;}
.section-pastawards .top-winners div, .section-pastawards .winners div {margin:25px 10px; width:29%; padding:0;}
.section-pastawards .top-winners div h4, .section-pastawards .winners div h4 {font-size:1.1em;}
.section-pastawards .winners div em {font-size:1.1em; font-style:normal;}

.tickets h4 {margin-bottom:15px; width:auto; display:inline-block;}
.section-pastawards .awards, .section-winners .awards {width:90%;}
.section-pastawards .top-winners div h4, .section-pastawards .winners div h4, .section-winners .top-winners div h4, .section-winners .winners div h4 {font-size:1.4em; min-height:48px;}
.section-pastawards .top-winners div, .section-pastawards .winners div, .section-winners .top-winners div, .section-winners .winners div {width:28%; padding:10px 0; margin:10px 5px;}
.section-pastawards .winners div em, .section-winners .winners div em, .section-pastawards .winners div b, .section-winners .winners div b {font-size:0.9em;}
.section-pastawards .top-winners div p, .section-pastawards .winners div p, .section-winners .top-winners div p, .section-winners .winners div p {font-size:1em;}


}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 767px) {
footer a {right:10px!important; bottom:10px!important; padding:7px 10px!important;}
}
@media only screen 
and (min-device-width : 767px) 
and (max-device-width : 979px) {
nav li a, nav li.active a {font-size:0.8em;}
.tickets h4 {margin-bottom:15px; width:50%;}

}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 360px) {
.tickets i.fa {
    background: none;
    color: #ec3347;
    display: block;
    font-size: 1.8em;
    padding: 5px;
}
}