@media screen and (max-width:1880px){
 .buyer-product-list > li { margin-right: 30px; margin-bottom: 30px; }
 .buyer-product-list > li:nth-child(4n) { margin-right:30px; }
 /* .buyer-product-list > li:nth-child(3n) { margin-right:0; } */
 }

@media screen and (max-width:1440px){
 .inner-container { width: 100%; margin: 0; max-width: 1500px; padding: 0 20px; }
 }

 @media screen and (min-width:1101px) and (max-width:1300px){
 .leftside-content { width: calc(100% - 380px); margin-right: 20px }
 .rightside-content { width: 360px; }
 .signup-button { height: 40px; margin-bottom: 20px; padding: 0; }
 .signup-button img { height: 16px; margin-top: -4px; }
 .signup-button span { position: relative; top: -3px; font-size: 20px; }
 .webpart-title { padding: 15px; }
 .webpart-title span, .webpart-title span img { width: 40px; height: 40px; }
 .webpart-title b { font-size: 24px; padding: 5px 0 0; letter-spacing: 1px; }
 .sal-image-box { width: 90px; margin-right: 10px; height: 90px; }
 .sal-content-box { width: calc(100% - 100px); }
 .sal-name { font-size: 18px; margin: 0; }
 .sal-department { font-size: 14px; margin-bottom: 0; }
 .sal-email, .sal-number { font-size: 13px; }
 .hp-slider-list li { height: 550px; }
 .Upcoming_Events_table thead th { font-size: 16px; }
 .Upcoming_Events_table tbody td { font-size: 14px; }
 }

 @media screen and (max-width:1100px){
 .leftside-content { width: 100%; margin-bottom: 20px; }
 .rightside-content { width: 100% }
 .staff-announcements-listing li { width: 50% }
 .staff-announcements-listing { max-height: 400px; height: auto }
 .Upcoming_Events_table thead th { font-size: 16px; height: auto; padding-top:10px; padding-bottom:10px; width: auto !important }
 .Upcoming_Events_table tbody td { font-size: 14px; }
 }

 @media screen and (max-width:800px){
 .hp-slider-box .webpart-title { width: 100%; position: relative; background: transparent; padding: 15px; }
.hp-slider-list li { height: auto }
.hp-slider-list li img { width: 100%; }
.hp-slider-content-box { position: relative; top: 0; float: left; width: 100%; left: 0; padding:15px; background: #ccc; }
.hps-title { width: 100%; float: left; position: relative; top: 0; }
.hps-title span { font-size: 20px; background: transparent; letter-spacing: 1px; padding: 0; color: #f3ad1c; margin-bottom: 10px; }
.hps-content { font-size: 16px; color: #111; }
.hp-slider-bullet-list { bottom: auto; top: 20px; }
.signup-button { height: 40px; margin-bottom: 20px; padding: 0; }
.signup-button img { height: 16px; margin-top: -4px; }
.signup-button span { position: relative; top: -3px; font-size: 20px; }
.webpart-title { padding: 15px; }
.webpart-title span, .webpart-title span img { width: 40px; height: 40px; }
.webpart-title b { font-size: 24px; padding: 5px 0 0; letter-spacing: 1px; }
.sal-image-box { width: 90px; margin-right: 10px; height: 90px; }
.sal-content-box { width: calc(100% - 100px); }
.sal-name { font-size: 18px; margin: 0; }
.sal-department { font-size: 14px; margin-bottom: 0; }
.sal-email, .sal-number { font-size: 13px; }
.staff-announcements-listing li { width: 100%; }
.Upcoming_Events_table { min-width: 1000px; }
.navigation-row { width: 280px; height: 100%; position: fixed; right: 0; top: 0; background: #fff; z-index: 100; transform: translate3d(300px, 0px, 0px); -ms-transform: translate3d(300px, 0px, 0px); -webkit-transform: translate3d(300px, 0px, 0px); -moz-transform: translate3d(300px, 0px, 0px); -o-transform: translate3d(300px, 0px, 0px); box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); -ms-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); -o-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); -moz-transition: all 0.3s cubic-bezier(0.5, 0.3, 0.47, 0.81); -o-transition: all 0.3s cubic-bezier(0.5, 0.3, 0.47, 0.81); -webkit-transition: all 0.3s cubic-bezier(0.5, 0.3, 0.47, 0.81); transition: all 0.3s cubic-bezier(0.5, 0.3, 0.47, 0.81); margin: 0 }
.navigation-row.open { transform: translate3d(0px, 0px, 0px); -ms-transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -moz-transform: translate3d(0px, 0px, 0px); -o-transform: translate3d(0px, 0px, 0px); }
.navigation-row .inner-container { padding:0 !important }
.responsive-menu, .side_box_close_btn { display: block }
.Upcoming_Events_scroll_box { width:100%; float:left; overflow: auto }
 }
 @media screen and (max-width:550px){
 .left-logo-box img, .right-logo-box img { height: 40px; }
header .inner-container { padding: 0 10px }
.logo-search-row { padding: 10px 0 }
.responsive-menu { margin-top: 0; height: 40px; width: 40px; }
.responsive-menu span { margin-top: 6px; height: 2px; }
 }
 @media screen and (max-width:420px){
 .webpart-title b { font-size: 21px; }
 }