@media (max-width: 1680px) {
.container{width:100%}
.participation-info h2 {font-size:30px;}
.tracker h2 {font-size: 30px;}
.tier h2 {font-size: 30px;width:100%}
}
@media (max-width: 1200px) {
.roll-info ol li {width:33.33333333333%;}
.nab-buttons a {padding:0;width:50px;line-height:50px;}
.nab-buttons a i {display:block}
.nab-buttons a span {display:none}

#portfolio-grid .portolio-item{width:33.33333333333%!important}
}
@media (max-width: 991px) {
.container{width:100%}
.navbar-header{float:none}
.navbar-toggle{display:block}
.navbar-collapse{border-top:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,0.1)}
.navbar-collapse.collapse{display:none!important}
.navbar-nav{float:none!important;margin:7.5px -15px}
.navbar-nav>li{float:none}
.navbar-nav>li>a{padding-top:10px;padding-bottom:10px}
.header #logo{left:75px;}
.header .nav-menu{line-height:normal;padding:0;margin:80px 15px 0;position:absolute;left:0;top:100%;width:calc(100% - 30px);background:#fff;z-index:98;box-shadow:0 1px 1px rgba(0,0,0,0.12);background:#840028;border-radius:0 0 10px 10px}
.header .nav-menu > ul > li{width:100%}
.header .nav-menu ul > li a::before{left:0;margin:0;width:0;opacity:.4}
.header .nav-menu ul > li:hover > a::before,.header .nav-menu ul > li.active > a::before{display:none}
.header.light-header .nav-menu ul li a{color:#fff!important;}
.header .nav-menu ul li.active a{color:#fff!important;background:#c1a231;}
.header .nav-menu ul li:hover a{color:#fff!important;background:rgba(0,0,0,.33)}
.header .nav-menu ul li.active:hover a{color:#fff!important}
.header.header-bg .nav-menu ul > li > a{color:#fff!important}
.header .nav-menu > ul > li:first-child{margin-top:0}
.header .nav-menu > ul > li:last-child{margin-bottom:10px}
.header .nav-menu ul li a{padding:15px 30px;color:#fff;text-align:left}
.section{padding:60px 0}
.animated{-o-transition-property:none!important;-moz-transition-property:none!important;-ms-transition-property:none!important;-webkit-transition-property:none!important;transition-property:none!important;-o-transform:none!important;-moz-transform:none!important;-ms-transform:none!important;-webkit-transform:none!important;transform:none!important;-webkit-animation:none!important;-moz-animation:none!important;-o-animation:none!important;-ms-animation:none!important;animation:none!important}
h1{font-size:50px}
h2{font-size:40px}
h3{font-size:32px}
h4{font-size:24px}
h5{font-size:18px}
p{font-size:17px;}
body,p,ul li,ol li{font-size:17px;}
.section-home h1 br {display:none}
.model {position: relative;width: 100%;padding: 30px;bottom: 0;right:0;border-radius:0 0 15px 15px;}
.justify-content-between {display:block}
.valign {display:block}
.participation {display: block;border-radius:15px 15px 0 0}
.participation .pic {display:none}
.participation .pic img{width:100%;object-fit:cover;height:300px;}
.participation-info {padding: 30px;display:block;height: auto;}
.tracker {padding: 30px 30px 60px;height:auto;border-radius:0}
.tier {border-radius:0 0 15px 15px;height:auto;padding: 30px;}
.about-img {display:none}
#footer  p span {display:block;color:#fff}
#footer  p span:after{display:none}
.pt0 {padding-top:0}
.tracker .btn-sys {width:100%}
.participants-title {padding:0 15px}
.participants-title h3{text-align:center}
.participants-title .search-form{margin:0;float:none}
.roll-info {margin: 15px 0 0}
.roll-info ol {width:100%}
.contact-form {margin-top:30px}
.subscribe{width:66%}
#footer .logo-img {text-align:center;margin-bottom:30px}
.social-icons.pull-right {float:none!important;}
.social-icons ul{text-align:center;margin:15px 0 0}
.page-header {position: relative;padding: 145px 0 60px;}
.qa {padding: 30px;}
h1 br{display:none}
.macy-container{column-count:2;}
.register {margin:0 0 0;text-align:left}
.register img {margin-bottom:30px}
.qr {padding:30px;height: auto;}

}
@media (max-width: 768px) {
.header-title p br{display:none}
.header-title,.header-title-white,.header-title-cta{margin-bottom:30px}
.header-title br,.header-title-white br,.header-title-cta br{display:none}
.copyright-section{text-align:center}
.deadline {bottom:30px;letter-spacing:1px;}
.event {bottom:60px;}
.counter-event .counter-box { width: 90px;padding: 0 25px; }
.counter-event span { font-size: 12px;}
.subscribe button{width:50px;padding:0;}
.subscribe button i{display:block;line-height:50px}
.subscribe button span {display:none}
.roll-info ol li {width:50%;}

}
@media (max-width: 640px) {
.section-home img{display:none}
.section-home .btn-sys{margin:10px 0 0}
.quote {right:15px;}
.quote span {display:none}
.quote{padding:0;width:50px;line-height:50px;height:50px;text-align:center}
.quote i {margin:0;top:0;line-height:50px;font-size:16px}
.stats {margin:0; top: 0;}
.stats li{width:100%;}
.stats li:nth-child(2n+1){top:0}
h1{font-size:40px}
.btn-sys {letter-spacing:0}
.btn-sys.btn-large{font-size:16px;padding:15px 25px}
.quiestions {text-align:center}
.subscribe {width: 100%;}
.macy-container{column-count:1;}


}
@media only screen and (max-width: 520px) {

.participation .btn-sys {width:100%;text-align:center}
.roll-info ol li {width:100%;}
.header-title.contact .btn-sys {width:100%;margin:0}
.full-w {width:100%}
.contact-form  {padding:15px}

}