@media only screen and (min-width: 320px) and (max-width: 480px) {
#particles-js {display: block;}
.page-id-5796 .banner__inner {background: none;padding: 60px 0;}
#hero-section .banner--image .page-title{color:#3f4244;font-size: 30px !important;}
.banner__inner h2.cd-headline.slide {color: #333;font-size: 25px !important;}
#banner h4 {color: #666;}
.announcement-new {top: 0px !important;}
.page-id-5796 .banner{background:none !important;}
.cd-headline.slide span{color:#3f4244;}
.cd-headline.slide span {text-align: center;width: 100% !important;}
#particles-js canvas {height:180px !important;}
.mobile-home-bg{height:180px;background: rgb(135,224,253);background: -moz-linear-gradient(top, rgba(135,224,253,1) 0%, rgba(242,143,46,1) 0%, rgba(249,191,44,1) 100%);background: -webkit-linear-gradient(top, rgba(135,224,253,1) 0%,rgba(242,143,46,1) 0%,rgba(249,191,44,1) 100%);background: linear-gradient(to bottom, rgba(135,224,253,1) 0%,rgba(242,143,46,1) 0%,rgba(249,191,44,1) 100%);	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87e0fd', endColorstr='#f9bf2c',GradientType=0 );}
.cd-intro {margin: 2em auto!important;}
.cd-headline.slide b {line-height: 34px;}

.single .banner__inner {padding: 100px 0 90px;}
.single-press-news h1.page-title {line-height: 46px;font-size: 34px;}
.single #banner h4 {line-height: 20px;margin: 0;}

.post-type-archive-press-news h1.page-title {font-size: 40px;}
}
@media only screen and (max-width: 360px) {
.top-hello-bar{font-size:12px;}
.zmdi.zmdi-info-outline {
	font-size: 20px;
	margin: -1px 3px 0px;
	vertical-align: middle;
}
.top-hello-bar a{margin:0px 50px;}
.banner--image .page-title {font-size: 27px !important;line-height: 36px;}
#banner h4 {font-size: 14px;line-height: 22px;margin: 0 0 20px;}
.announcement {padding: 3px 5px 5px 5px;line-height: 15px;}
.announcement .type {padding: 0 5px;font-size: 8px;}
.message {margin: 0 5px 0 10px;font-size: 10px;}
.section {padding-top: 70px!important;padding-bottom: 25px!important;}
.section__inner > h2, .headline-cta h2, .widget-title {font-size: 30px;line-height:30px;}
.member__filter.h2{font-size: 30px;line-height:30px;}
.tabs .tabs__inner .buttons a {
    display: inline-block;
    margin-right: 10px;
    width: auto;
    position: inherit;
    height: auto;
    left: inherit;
    right: inherit;
}
.section__inner.rdm {display: inline-block;}
.section__inner.rdm h2{margin-bottom:40px;}
.roadmap-cat-inner {clear: both;width: 100%;display: inline-block;margin: 0 0 20px;padding: 0;}
.roadmap-cat-sec {padding: 0 10px 0 0;font-size: 13px;}
.rdm .list-roadmap-img {width: 8px;padding-right: 0px;}
.bx-viewport{height:auto;}
.ad_review_sec {height: 100%;}

.brief iframe {
	width: 100% !important;
	height: 250px;
}
}
@media only screen and (min-width: 361px) and (max-width: 500px) {
.top-hello-bar{font-size:13px;}
.zmdi.zmdi-info-outline {
	font-size: 20px;
	margin: -1px 3px 0px;
	vertical-align: middle;
}
.top-hello-bar a{margin:0px 140px;}
}
@media only screen and (min-width: 361px) and (max-width: 480px) {

.banner--image .page-title {font-size: 30px !important;line-height: 36px;}
#banner h4 {font-size: 15px;line-height: 25px;margin: 0 0 20px;}
.announcement {padding: 3px 5px 5px 5px;line-height: 15px;}
.announcement .type {padding: 0 5px;font-size: 8px;}
.message {margin: 0 5px 0 10px;font-size: 10px;}
.section {padding-top: 70px!important;padding-bottom: 25px!important;}
.section__inner > h2, .headline-cta h2, .widget-title {font-size: 30px;line-height:30px;}
.member__filter.h2{font-size: 30px;line-height:30px;}
.tabs .tabs__inner .buttons a {
    display: inline-block;
    margin-right: 18px;
    width: auto;
    position: inherit;
    height: auto;
    left: inherit;
    right: inherit;
}
.section__inner.rdm {display: inline-block;}
.section__inner.rdm h2{margin-bottom:40px;}
.roadmap-cat-inner {clear: both;width: 100%;display: inline-block;margin: 0 0 20px;padding: 0;}
.roadmap-cat-sec {padding: 0 10px 0 0;font-size: 13px;}
.rdm .list-roadmap-img {width: 8px;padding-right: 0px;}
.bx-viewport{height:auto;}
.ad_review_sec {height: 100%;}

.brief iframe {
	width: 100% !important;
	height: 300px;
}
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
.section__inner.rdm {display: inline-block;}
.section__inner.rdm h2{margin-bottom:40px;}
.roadmap-cat-inner {clear: both;width: 100%;display: inline-block;margin: 0 0 20px;padding: 0;}
.roadmap-cat-sec {padding: 0 10px 0 0;font-size: 13px;}
.rdm .list-roadmap-img {width: 8px;padding-right: 0px;}
.bx-viewport{height:auto;}
.ad_review_sec {height: 100%;}

.brief iframe {
	width: 100% !important;
	height: 400px;
}
#particles-js {display: block;}
.page-id-5796 .banner__inner {background: none;padding: 60px 0;}
#hero-section .banner--image .page-title{color:#3f4244;font-size: 35px !important;}
.banner__inner h2.cd-headline.slide {color: #333;font-size: 30px !important;}
#banner h4 {color: #666;}
.announcement-new {top: 0px !important;}
.page-id-5796 .banner{background:none !important;}
.cd-headline.slide span{color:#3f4244;}
.cd-headline.slide span {text-align: center;width: 100% !important;}
#particles-js canvas {height:200px !important;}
.mobile-home-bg{height:200px;background: rgb(135,224,253);background: -moz-linear-gradient(top, rgba(135,224,253,1) 0%, rgba(242,143,46,1) 0%, rgba(249,191,44,1) 100%);background: -webkit-linear-gradient(top, rgba(135,224,253,1) 0%,rgba(242,143,46,1) 0%,rgba(249,191,44,1) 100%);background: linear-gradient(to bottom, rgba(135,224,253,1) 0%,rgba(242,143,46,1) 0%,rgba(249,191,44,1) 100%);	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87e0fd', endColorstr='#f9bf2c',GradientType=0 );}
.cd-intro {margin: 2em auto!important;}
.cd-headline.slide b {line-height: 36px;}

.single .banner__inner {padding: 100px 0 90px;}
.single-press-news h1.page-title {line-height: 46px;font-size: 34px;}
.single #banner h4 {line-height: 20px;margin: 0;}

.post-type-archive-press-news h1.page-title {font-size: 40px;}


}
@media only screen and (min-width: 990px) and (max-width: 1024px) {
footer .site-footer__footer-navigation li:not(:first-child) {
	margin-left: 1.100rem !important;
}

}