@-ms-viewport{width:device-width;}
@media only screen and (min-width:992px) and (max-width:1199px){.container{width:940px;}
.row{margin-left:-10px;margin-right:-10px;}
.row > [class*="col-"]{padding-left:10px;padding-right:10px;}
#site-nav > ul > li > a{padding-left:18px;padding-right:18px;}
.site-title{margin-top:18px}
.is-sticky .site-title{margin-top:8px}
#footer-nav li{margin:0 5px}
}
@media only screen and (min-width:768px) and (max-width:991px){.container{width:720px;}
.row > [class*="col-"]{padding-left:10px;padding-right:10px;}
#logo{width:28% !important;}
#header-widgets{width:72% !important;}
#header-social{display:none;}
#site-nav > ul > li > a{padding-left:10px !important;padding-right:10px !important;}
#footer-nav li{margin:0 1px;}
.site-title{margin-top:20px}
.is-sticky .site-title{margin-top:12px}
}
@media only screen and (min-width:480px) and (max-width:767px){.container{width:460px;}
[class*="col-"]{width:100%;}
.section,
.section.pad50,
.section.pad40{padding-top:40px;}
.section .section-content,
.section.pad50 .section-content,
.section.pad40 .section-content{padding-bottom:20px;}
#logo{width:auto;float:left;}
#header-widgets{float:right;width:auto;}
#site-nav{display:none;}
#header-social{display:none;}
#mobile-menu-trigger,
#mobile-menu{display:block;}
#footer-bottom{text-align:center;}
#footer-nav{display:none;}
.callout{display:block;}
.callout > div{display:block;}
.callout-button{text-align:left;margin-bottom:10px;margin-top:20px;}
.project .project-header{text-align:center}
.client a .coloredlogo{display:block;margin:0 auto;}
.client a .bwlogo{display:none;}
.services-icon{text-align:center}
.services-icon img{max-width:100px;}
.template-v2 #get-in-touch-form .forms{width:100%!important;margin:43px auto 0px}
}
@media only screen and (min-width:320px) and (max-width:479px){.container{width:270px;}
[class*="col-"]{width:100%;}
.section,
.section.pad80,
.section.pad70,
.section.pad60,
.section.pad50,
.section.pad40{padding-top:40px;}
.section .section-content,
.section.pad80 .section-content,
.section.pad70 .section-content,
.section.pad60 .section-content,
.section.pad50 .section-content,
.section.pad40 .section-content{padding-bottom:20px;}
#logo{width:auto;float:left;}
#header-widgets{float:right;width:auto;}
#site-nav{display:none;}
#header-social{display:none;}
#mobile-menu-trigger,
#mobile-menu{display:block;}
#footer-bottom{text-align:center;}
#footer-nav{display:none;}
.callout{display:block;}
.callout > div{display:block;}
.callout-button{text-align:left;margin-bottom:10px;margin-top:20px;}
.project .project-header{text-align:center}
.client a .coloredlogo{display:block;margin:0 auto;}
.client a .bwlogo{display:none;}
.services-icon{text-align:center}
.services-icon img{max-width:100px;}
.template-v2 #get-in-touch-form .forms{width:100%!important;margin:43px auto 0px}
}
@media only screen and (max-width:767px){.retailHarmonyBannerContent .col-24{text-align:center;}
.retailHarmonyBanner img{width:215;}
.retailHarmonyBannerSubscribe .col-22{text-align:center;}
.retailHarmonyBannerSubscribe .col-22 h1{margin-bottom:20px;}
.retailHarmonyBanner{height:550px;}
.retailHarmonyBannerWrapper{height:550px;}
.system-error-message, .system-message{padding:10px;}
}
@media only screen and (max-width:991px){
  #site-nav li.button.orange {
    display: none;
  }
}