@media (min-width:1170px) and (max-width:1200px) {
 .auto-container {
max-width:1100px;
}
.newsroom-banner-main {
 padding: 180px 0 60px 0px;
}
.brand-assests-inner {
 padding: 60px 0 100px 0;
}
.download-assests li {
 width: 48.5%;
}
.brand-assests-left {
 width: 100%;
}
.assests-img li {
 width: 31%;
 margin: 0 27px 0 0;
}
.news-detail li .news-left {
 width: 11%;
}
.news-detail li .news-right {
 width: 86%;
 margin: 0;
}
.newsroom-banner-left {
 width: 100%;
}
}
 @media (min-width:1024px) and (max-width:1169px) {
.auto-container {
max-width:970px;
}
.newsroom-banner-main {
 padding: 180px 0 60px 0px;
}
.brand-assests-inner {
 padding: 60px 0 100px 0;
}
.download-assests li {
 width: 48.5%;
}
.brand-assests-left {
 width: 100%;
}
.assests-img li {
 width: 31%;
 margin: 0 27px 0 0;
}
.news-detail li .news-left {
 width: 11%;
}
.news-detail li .news-right {
 width: 86%;
 margin: 0;
}
.news-detail li {
 width: 100%;
 margin: 0 0 25px;
}
.newsroom-banner-left {
 width: 100%;
}
}
 @media (min-width:980px) and (max-width:1023px) {
.auto-container {
max-width:920px;
}
.newsroom-banner-main {
 padding: 180px 0 60px 0px;
}
.brand-assests-inner {
 padding: 60px 0 100px 0;
}
.download-assests li {
 width: 48.5%;
}
.brand-assests-left {
 width: 100%;
}
.assests-img li {
 width: 31%;
 margin: 0 27px 0 0;
}
.news-detail li .news-left {
 width: 11%;
}
.news-detail li .news-right {
 width: 86%;
 margin: 0;
}
.news-detail li {
 width: 100%;
 margin: 0 0 25px;
}
.newsroom-banner-left {
 width: 100%;
}
}
 @media (min-width:768px) and (max-width:979px) {
.auto-container {
max-width:730px;
}
.newsroom-banner-main {
 padding: 140px 0 60px 0px;
}
.brand-assests-inner {
 padding: 60px 0 60px 0;
}
.download-assests li {
 width: 48%;
}
.brand-assests-left {
 width: 100%;
}
.assests-img li {
 width: 31%;
 margin: 0 20px 0 0;
}
.news-detail li .news-left {
 width: 11%;
}
.news-detail li .news-right {
 width: 86%;
 margin: 0;
}
.news-detail li {
 width: 100%;
 margin: 0 0 25px;
}
.newsroom-banner-left {
 width: 100%;
}
.newsroom-banner-left strong {
 font-size: 16px;
 line-height: 40px;
}
.newsroom-banner-left h1 {
 font-size: 35px;
 line-height: 35px;
}
.brand-assests-left h2 {
 font-size: 30px;
 line-height: 30px;
}
.assests-img li h3 {
 font-size: 17px;
 line-height: 40px;
}
.news-inner {
 padding: 60px 0 20px;
}
.news-inner h4 {
 font-size: 24px;
 line-height: 20px;
 padding: 0;
}
.news-detail li .news-left span {
 font-size: 11px;
 line-height: 22px;
}
.news-detail li .news-right h5 {
 font-size: 22px;
 line-height: 20px;
}
.articles-button {
 font-size: 14px;
 line-height:18px;
 padding: 12px 10px;
 margin: 30px 0 0;
}
.header-right-buton {
    margin: 1px 0 0;
}

.topnav a {
    font-size: 13px;
    line-height: 19px;
    margin: 0 10px;
}
.logo-outer img {
    width: 70px;
}
.header-right-buton a {
    font-size: 12px;
    line-height: 18px;
    padding: 7px 15px;
}
.topnav {
    margin: 5px 0 0;
}
.header-right-buton a {
    font-size: 11px;
    line-height: 18px;
    padding: 5px 13px;
    margin: -5px 0 0;
}
}
 @media only screen and (max-width:992px) {
 .footer-social-media a {
 margin: 0 0 0 10px;
}
 .logo-outer img {
width:100px;
}
.topnav {
 margin: 9px 0 0;
}
.header-right-buton {
 margin: -5px 0 0;
}
header {
 padding: 15px 0;
}
.logo-outer {
 margin: 2px 0 0;
}
footer {
 padding: 60px 0 20px;
}
.footer-consumer h4 {
 font-size: 14px;
}
.footer-consumer li {
 font-size: 13px;
}
.footer-consumer {
 padding: 0 10px 0 0;
}
 .topnav a {
 font-size: 12px;
 margin: 0 10px;
}
.header-right-buton a {
 padding: 8px 17px;
 margin:0;
}
.logo-outer img
{
width:100px;
}
.topnav {
    margin: 9px 0 0;
}
.header-right-buton {
    margin: -5px 0 0;
}
header {
    padding: 15px 0;
}
.logo-outer {
    margin: 2px 0 0;
}

.topnav a {
    font-size: 12px;
    margin: 0 10px;
}
.header-right-buton a {
    padding: 8px 17px;
	margin:0;
}
}
 @media only screen and (max-width:768px) {
.footer-consumer.footer-social-media {
 padding: 0;
}
.header-right-buton {
 margin: 1px 0 0;
}
 .footer-consumer {
 padding: 0 20px 0 0;
}
.footer-consumer h4 {
 font-size: 13px;
 line-height: 14px;
}
.footer-consumer li {
 font-size: 12px;
 margin: 0 0 11px;
 line-height: 14px;
}
.footer-social-media a {
 margin: 0 0 0 5px;
}
footer {
 padding: 45px 0 10px;
}
.topnav a {
 font-size: 13px;
 line-height: 19px;
 margin: 0 10px;
}
.logo-outer img {
 width: 70px;
}
.header-right-buton a {
 font-size: 12px;
 line-height: 18px;
 padding: 7px 15px;
}
.topnav {
 margin: 5px 0 0;
}
.header-right-buton a {
 font-size: 11px;
 line-height: 18px;
 padding: 5px 13px;
 margin: -5px 0 0;
}
}
 @media only screen and (max-width:767px) {
 .auto-container {
 width:100% !important;
 padding:0 15px;
}
 .newsroom-banner-main {
 padding: 110px 0 40px 0px;
}
.brand-assests-inner {
 padding: 40px 0 40px 0;
}
.download-assests li {
 width: 48%;
}
.brand-assests-left {
 width: 100%;
}
.assests-img li {
 width: 31%;
 margin: 0 18px 0 0;
}
.download-assests {
 padding: 40px 0 0;
}
.assests-img {
 margin: 40px 0 0;
}
.news-detail li .news-left {
 width: 11%;
}
.news-detail li .news-right {
 width: 86%;
 margin: 0;
}
.news-detail li {
 width: 100%;
 margin: 0 0 25px;
}
.newsroom-banner-left {
 width: 100%;
}
.newsroom-banner-left strong {
 font-size: 14px;
 line-height: 20px;
}
.newsroom-banner-left h1 {
 font-size:27px;
 line-height: 30px;
}
.brand-assests-left h2 {
 font-size: 23px;
 line-height: 27px;
}
.assests-img li h3 {
 font-size: 15px;
 line-height: 20px;
}
.news-detail li .news-right p {
 font-size: 14px;
 line-height: 20px;
 padding: 6px 0 0;
}
.news-inner {
 padding: 40px 0 0;
}
.news-detail {
 padding: 40px 0 0;
}
.news-inner h4 {
 font-size: 18px;
 line-height: 20px;
 padding: 0;
}
.news-detail li .news-left span {
 font-size: 11px;
 line-height: 22px;
}
.news-detail li .news-right h5 {
 font-size: 18px;
 line-height: 20px;
}
.articles-button {
 font-size: 14px;
 line-height:18px;
 padding: 12px 10px;
 margin: 30px 0 0;
}
.newsroom-banner-left p {
 font-size: 14px;
 line-height: 16px;
}
.brand-assests-left p {
 font-size: 14px;
 line-height: 20px;
}
.brand-assests-left p br {
display:none;
}
}
 @media screen and (max-width: 600px) {
 .topnav a:not(:first-child) {
display: none;
}
.topnav a.icon {
 float: none;
 display: block;
 position: absolute;
 right: 20px;
 width: 100%;
 color: #fff;
 margin: 0;
 font-size: 20px;
 font-weight: 400;
 border-radius: 6px;
 top: 14px;
}
.topnav a.icon {
background: #333;
padding: 6px 10px;
width:auto;
}
.logo-outer {
position:relative;
}
.header-right-buton {
float:left;
}
.topnav ul {
display:none;
}
.topnav .header-right-buton {
display:none;
}
.topnav.responsive ul, .topnav.responsive .header-right-buton {
display:block;
}

.download-assests li {
 width: 100%;
 margin:0 0 25px 0;
}
.download-assests-btn {
 margin: 0;
}
.assests-img li {
 width: 100%;
 margin: 0 0 25px 0;
}
.assests-img li img {
 width: 100%;
 float:left;
}
.assests-img li h3 {
 margin-top: 20px;
 margin-bottom:20px;
}
.brand-assests-inner {
 padding: 40px 0 20px 0;
}
.news-detail li .news-left {
 width: 100%;
 margin-bottom:15px;
}
.news-detail li .news-right {
 width: 100%;
}
.articles-button {
 margin: 0;
}

 .topnav a:not(:first-child) {display: none;}
.topnav a.icon {
    float: none;
    display: block;
    position: absolute;
    right: 20px;
    width: 100%;
    color: #fff;
    margin: 0;
    font-size: 20px;
    font-weight: 400;
    border-radius: 6px;
    top: 14px;
}
.topnav a.icon
{
background: #333;
padding: 6px 10px;
width:auto; 
}
.logo-outer
{
position:relative;
}
.header-right-buton
{
float:left;
}
.topnav ul
{
display:none;
}
.topnav .header-right-buton
{
display:none;
}
.topnav.responsive ul, .topnav.responsive .header-right-buton
{
display:block;
}
.topnav.responsive ul {
    position: absolute;
    width: 100%;
    left: 0;
    top: 53px;
    padding:30px  20px;
    background: #fff;
    box-shadow: 0 7px 21px #e4e4e4;
}
.topnav.responsive ul li {
    float: left;
    width: 100%;
    margin: 0 0 21px;
}

}
 
 @media only screen and (max-width:639px) {
.header-right-buton {
 margin: -8px 0 0;
}
.topnav a {
 font-size: 12px;
 line-height: 19px;
 margin: 0 9px;
}
.auto-container {
width:90%;
}
 .footer-consumer {
 padding: 0;
 width: 100%;
 margin: 0 0 25px;
}
footer {
 padding: 35px 0 0;
}
.footer-social-media {
 text-align: left;
}
.footer-bottom {
 padding: 0 0 20px;
}
 .header-right-buton {
 margin: -5px 0 0;
}
}



@media screen and (max-width: 600px) {
  .topnav a:not(:first-child) {display: none;}
.topnav a.icon {
    float: none;
    display: block;
    position: absolute;
    right: 20px;
    width: 100%;
    color: #fff;
    margin: 0;
    font-size: 20px;
    font-weight: 400;
    border-radius: 6px;
    top: 14px;
}
.topnav a.icon
{
background: #333;
padding: 6px 10px;
width:auto; 
}
.logo-outer
{
position:relative;
}
.header-right-buton
{
float:left;
}
.topnav ul
{
display:none;
}
.topnav .header-right-buton
{
display:none;
}
.topnav.responsive ul, .topnav.responsive .header-right-buton
{
display:block;
}
.topnav.responsive ul {
    position: absolute;
    width: 100%;
    left: 0;
    top: 53px;
    padding:30px  20px;
    background: #fff;
    box-shadow: 0 7px 21px #e4e4e4;
}
.topnav.responsive ul li {
    float: left;
    width: 100%;
    margin: 0 0 21px;
}


}



@media only screen and (max-width:639px)
{
.header-right-buton {
    margin: -8px 0 0;
}
.topnav a {
    font-size: 12px;
    line-height: 19px;
    margin: 0 9px;
}
}

















media screen and (max-width: 600px) {
  .topnav.responsive {
    position: relative;
    width: 100%;
    right: 0;
}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
.topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
    margin: 0 0 18px;
}


}

@media only screen and (max-width:639px)
{
.header-right-buton {
    margin: -8px 0 0;
}
.topnav a {
    font-size: 12px;
    line-height: 19px;
    margin: 0 9px;
}

.auto-container
{
width:90%;
}
.header-right-buton {
    margin: -5px 0 0;
}

}