@media (min-width:1100px) and (max-width:2800px) {
header#header .container{width: 1170px;}`
nav#main_menu > ul > li ul.sub-menu{top: 58px;}

}
@media (min-width:760px) and (max-width:1100px) {
nav#main_menu > ul{margin:0;}
.iosSlider .item .caption {bottom:18%;}
.home #action_box {padding:2em 0;}
.features {padding:2em 0 0;}
.benefits-list li:last-child {padding-right:0;}
.ramp-sec {padding:1.5em 0;}
.ramp-sec .title-txt {font-size:1.8em;}
.ramp-req {margin-left:20px;}
.header-titles h1, .header_title h1 {font-size:3.5em;}
.header_title h2 {font-size:3em; margin: 0 0 0.8em;}
.header_title h3 {margin-bottom:0.8em;}
.header_title p {font-size: 1.8em; margin: 0 0 1em;}
#request-a-demo .row-fluid.contact-page {margin-bottom:2em;}
.header-titles {padding-top:12%;}
.header_title, #company .header_title {padding-top: 10%;}
#services .header_title {padding-top:14%;}
#contact-us .header-titles {padding-top:18%;}
#request-a-demo .header_title {padding-top:16%;}
#customer-engagement .header_title, #supply-chain-support .header_title, #employee-engagement .header_title {padding-top:14%;}
body.res1170 .row-fluid.contact-page {margin:0 auto 2em;}
.big-text {font-size: 3.5em; margin: 0.6em 0 0.2em;}
.about-text, .eBlog {margin-bottom:2em;}
.category .header-titles, .single-post .header-titles {padding-top: 20%;}
.itemBody p {font-size:15px; line-height:22px;}
.product-detail .left-side {width:50%; padding-left:90px;}
.product-detail h2 {font-size: 1.6em; line-height: 1.35em;}
.product-detail {margin-top: 2em;}
.product-detail .left-side > div {margin: 2em 0 0;}
.product-detail .left-side > div {margin: 1em 0 1em;}
.product-detail .right-side > div {margin: 2em 0 1.5em;}
.product-detail .right-side {width:50%; padding-right:90px;}
.product-detail .right-side div::after {right: -85px;}
.product-detail.last {padding:0;}
.short-wrap::before {left:0;}
.service .short-wrap::before {left:10px;}


}

@media (min-width:900px) and (max-width:1100px) {
header#header.style2 #logo a {padding-top:7px;}
nav#main_menu > ul{margin:8px 0 0;}
nav#main_menu > ul > li > a{font-size:18px; margin:14px 20px !important;}
nav#main_menu > ul > li:last-child a {margin:0 0 0 15px !important;}
nav#main_menu > ul > li ul.sub-menu{top:54px;}
#slideshow {margin-top:32px; padding-bottom:42%;}
.title-txt, .category .header-titles h1 {font-size:3.3em;}
.brands li {width:140px;}
.flexslider1 {width:960px;}
.director-position li.active {padding:1em 0; font-size:1.5em; width:84%;}
.benefits-list li {width:24%;}
.benefits-list li p {font-size:15px;}
#page_header {margin-top:32px;}
#page_header.zn_def_header_style, #slideshow.zn_def_header_style {height:442px !important; min-height:442px !important;}
.single-post .header-titles h1 {font-size:3.2em;}
.mac-img.right {width:370px;}
.mac-img.left {margin-left:4%;}
#footer .footer_menu li:last-child {margin-top:10px; display:block;}
.home #action_box .title-txt {font-size:2.4em;}
}

@media (max-width:1050px) {

#main_menu select {border-radius: 0;}
#about-us .mainbody .row, .single-post section#content .row-fluid .span12 {margin-bottom: 0;}
.single-post .disqusForm #respond .row-fluid:nth-child(2) .span12 {margin-bottom: 8px;}
section#content .mainbody .row{margin-bottom: 0;}
.services .zoomix {box-shadow: 0 -600px 0 0 rgba(202, 121, 122, 0.7) inset; height: 100%;}
.header_title a.read-more {font-size:1.1em; padding:10px 22px 10px;}
#page_header.zn_def_header_style .bgback {background-size:100%;}
.footer_menu {margin: 1em 0 1.2em;}

}

@media (max-width:900px) {
.show-on-dropdown{display:inline-block; background-color:#0A5492; color:#fff; padding:5px 13px; font-size:14px; line-height:22px;}
#main_menu select {width:100%;}
.about-text {width:auto;}
.top-header {float: right; background:transparent; width:auto;}
.top-header .container {width:auto;}
.show-on-desktop, #totop {display:none;}
.showon-phone {display:inline-block;}
.brands .logo_slider {margin:1em 0 0;}
}

@media (min-width:760px) and (max-width:860px) {
#logo{width:190px; height: auto; margin-top:8px;}
header#header.style2 #logo a {padding-top:0;}
#logo a img{width: 100%;}
nav#main_menu {float: none; margin: 0 auto; width:280px; margin:18px 0 0 40px; display: inline-block;}
.top-header {padding:20px 20px 0 0;}
#slideshow {padding-bottom:43%; margin-top: 15px;}
.selectorsBlock.bullets {bottom:5px;}
.title-txt {font-size:2.5em;}
.brands li {width:115px;}
.flexslider1 {width:740px;}
.director-position li.active {padding:1em 0; font-size:1.3em; width:86%;}
.benefits-list li {width:21%;}
.benefits-list li p {font-size:14px;}
#page_header {margin-top:15px;}
#page_header.zn_def_header_style, #slideshow.zn_def_header_style {height:332px !important; min-height:332px !important;}
.mainbody p.request-text {padding-left:20px;}
.header_title, #company .header_title {padding-top:6%;}
#services .header_title {padding-top:12%;}
#customer-engagement .header_title, #supply-chain-support .header_title, #employee-engagement .header_title {padding-top:12%;}
.header_title h2 {margin-bottom:0.5em;}
.header_title p, .light-txt {font-size: 1.6em;}
.single-post .header-titles h1, .category .header-titles h1 {font-size:2.7em;}
.professional .short-wrap, .service .short-wrap {padding: 2em 1em 2em 7em;}
.account .short-wrap, .partner .short-wrap {padding: 2em 7em 2em 1em;}
.short-wrap {width:630px;}
.short-wrap::after {right: 10px;}
.mac-img.right {width:265px;}
.mac-img.left {width: 240px; margin-left: 1%;}
.home #action_box .title-txt {font-size:2em;}
.logo_slider .owl-item {width:182px !important;}
#footer .widget:first-child {width:36%;}
#footer .widget:last-child {width:63%; float:right;}
#footer .footer_menu li a {margin:0 6px;}
#footer p.add {margin-right: 10px; padding: 0 8px 0 30px;}
.contact_no li {padding-left: 30px;}


}

@media (max-width:750px) {
header#header, .benefits-list {margin-bottom: 0;}
section#content {margin-top:35px; min-height:200px;}
.header-titles h1{font-size: 2.3em; line-height: 1.2em;}
.eBlog .itemContainer {padding: 0;}
.zn_full_image {margin-bottom: 10px;}
.single-post-wrap{width: 100%;}
.single-post .disqusForm{float: left;}
.container{overflow: hidden !important; width: auto !important;}
#slideshow{width: 100% !important; overflow: hidden !important;}
#page_header .header-titles {text-align:center; padding-top: 18%;}
.selectorsBlock.bullets .selectors .item {height: 8px; width: 8px;}
.title-txt {font-size: 2em; line-height: 1.2em;}
.home #action_box, .features {padding:1em 0 0;}
.benefits-list:first-child {margin:0.5em 0 0;}
.brands li {width: 50%; float: left; margin-bottom: 10px;}
.benefits-list li {padding: 0 5px 0 70px; width: 75%; margin-bottom: 5px;}
.brands {margin:1em 0 0;}
.ramp-sec .title-txt {font-size:1.3em; line-height: normal;}
.ramp-req {font-size: 14px; margin-left: 15px; padding: 9px 20px;}
.flexslider1 {width:auto; padding:0 10px;}
.solution-sec .title-txt, .team-sec .title-txt {margin-bottom:12px;}
.solution-sec {padding-top:1.5em;}
.director-position li.active {width:auto; padding:15px 10px 5px; font-size:1em;}
.director-position .short_detail {float:left; width: 72%;}
.director-position .right-icons {float:right; width:25%;}
.flex-control-thumbs img {max-width:55px; max-height: 40px;}
.flex-control-thumbs li {padding-bottom:60px;}
.flex-control-thumbs li.active::after {top:82px; border-width: 16px;}
.flex-control-nav li::before {bottom:30px; font-size:1em;}
#footer .row:nth-child(2), #footer .row:nth-child(3) {display:none;}
.header_title h1 {font-size:2.4em;}
.header_title h3 {font-size:2em; margin-bottom:0.2em;}
#services .header_title h2 {font-size:1.4em; margin-bottom:0.5em;}
.header_title p {font-size:1.5em; line-height:1.3em;}
.row-fluid .contact-us, .row-fluid .ask-question {margin-bottom:3em;}
#services .header_title {padding-top:4%;}
#services .header_title p {font-size:1.2em; margin:0 0 0.4em;}
#employee-engagement .header_title, #supply-chain-support .header_title, #customer-engagement .header_title {padding-top:6%;}
#employee-engagement .header_title h3, #supply-chain-support .header_title h3, #customer-engagement .header_title h3 {font-size:1.4em; margin:0 0 0.1em;}
#employee-engagement .header_title h2, #supply-chain-support .header_title h2, #customer-engagement .header_title h2 {font-size:1.6em; margin:0 0 0.3em;}
.light-txt {font-size:1.5em; line-height:1.3em;}
.light-txt br {display:none;}
.product-detail {margin-top:0;}
.product-detail .left-side > div {margin: 1em 0 0;}
.product-detail .right-side > div {margin:0.2em 0 0.5em;}
.product-detail .left-side {width:75%; padding-left:85px;}
.product-detail .left-side div:before {top:5px; left:-85px;}
.product-detail.last {padding:0;}
.product-detail .right-side {width:74%; padding-right:85px;}
.product-detail .right-side div:after {right:-85px;}
.product-detail h2 {font-size: 1.4em; line-height: 1.15em;}
.product-detail p {font-size:0.9em;}
.short-wrap {width:auto;}
.professional .short-wrap, .service .short-wrap {padding:1em 1em 1em 7.3em;}
.account .short-wrap, .partner .short-wrap {padding:1em 6.5em 1em 1em;}
.short-wrap::before {left:5px;}
.short-wrap::after {right:5px;}
.services-sec h2 {font-size:1.5em;}
.services-sec h3 {font-size:1.2em;}
.services-sec p {font-size:0.9em; line-height:1.4em;}
#company .header_title {padding-top:2%;}
#company .header_title p {font-size:1em; margin-bottom:0;}
#company .header_title h2 {font-size:1.5em; margin-bottom:0;}
.big-text {font-size:3em; margin:0.4em 0 0.1em;}
.team-sec {padding-top:1.5em;}
.team-sec .director-position .short_detail p {font-size:15px; line-height:22px;}
.owl-theme .owl-controls .owl-buttons .owl-prev {left:0;}
.owl-theme .owl-controls .owl-buttons .owl-next {right:0;}
.home .header_title {padding-top:2%;}
.home .header_title p {font-size:0.9em; margin-bottom:0.4em;}
.home .header_title h2 {font-size:1.6em; margin:0 0 0.3em; line-height:normal;}
.home .header_title p br {display:none;}
}

@media (min-width:520px) and (max-width:740px) {
#page_header {min-height: 268px;}
#page_header.zn_def_header_style, #slideshow.zn_def_header_style {height:268px !important; min-height:268px !important;}
.brands li {width:33%; margin-bottom:20px;}
.benefits-list li {padding: 0 5px 0 80px; width: 80%;}
#footer .span12 {margin-bottom:10px;} 
.director-position li.active {font-size:1.1em;}
.director-position .right-icons img{max-width:90px; max-height:68px;}
}

@media (min-width:480px) and (max-width:740px) {

#logo{float: left; width:150px; margin-left: 15px;}
.home header#header.style2 #logo a {padding-top:0;}
header#header.style2 #logo a {padding-top:8px;}
#logo a img{width:100%;}
nav#main_menu {display: inline-block; float:left; margin:10px 0 0 18px; width:205px;}
.home nav#main_menu {margin-top:10px;}
#main_menu select {width: 100%; margin-bottom: 0;}
.top-header {margin:6px 18px 0 0;}
#slideshow{padding-bottom: 43%; margin-top:-5px;}
.iosSlider .slider .item .caption {bottom:50px;}
.selectorsBlock.bullets {bottom:5px;}
section#content {margin-top:25px;}
#page_header.zn_def_header_style, #slideshow.zn_def_header_style {height:208px !important; min-height:208px !important;}
.ramp-sec {padding:1em 0;}
.footer_menu {margin:1.5em 0 0;}
#footer .footer_menu li a {margin:0 15px;}
.get-social {position:absolute; top:30px; right:15px;}
.get-social h3 {font-size:18px; margin-right:7px;}
#footer .widget:last-child {float:none; width:94%; margin:0 auto; overflow: hidden;}
#request-a-demo .header_title {padding-top: 12%;}
.contact-page input, .contact-page textarea, .contact-page .uneditable-input {width:97%;}
.contact-page select {width:99.5%;}
.contact-page .left-side input, .contact-page .right-side input {width: 94%;}
#services .header_title, .home .header_title  {padding-top:6%;}
#services .header_title h2 {font-size:1.8em;}
.home .header_title p {font-size:1.1em; margin-bottom:0.5em;}
.home .header_title h2 {font-size: 2em; margin: 0 0 10px;}
#employee-engagement .header_title h3, #supply-chain-support .header_title h3, #customer-engagement .header_title h3 {font-size:1.7em; margin:0 0 0.3em;}
#employee-engagement .header_title h2, #supply-chain-support .header_title h2, #customer-engagement .header_title h2 {font-size:2.2em; margin:0 0 0.4em;}
.light-txt {font-size:1.4em;}
.product-detail .left-side, .product-detail .right-side {width:85%;}
.product-detail {overflow:visible;}
.mac-img.left {width: 100px; padding-left: 5%;}
.mac-img.right {width: 45%; padding-right: 2%;}
#company .header_title {padding-top:3%;}
#company .header_title p {font-size:1.3em;}
#company .header_title h2 {font-size:1.7em; margin-bottom:5px;}
body .flexslider .flex-viewport{height: auto !important;}
.home #action_box .title-txt {font-size:1.8em;}

}

@media (min-width:565px) and (max-width:590px) {
nav#main_menu {width:175px;}
}

@media (min-width:690px) and (max-width:740px) {

}


@media (min-width:580px) and (max-width:640px) {
.iosSlider .slider .item img{min-width: 600px;}


}


@media (min-width:460px) and (max-width:480px) {
#logo {margin-left:5px; width:120px;}
header#header.style2 #logo a {padding-top:8px;}
.top-header {margin:5px 10px 0 0;}
.top-txt li:first-child {margin-right:7px;}
nav#main_menu {clear: none; margin:0 auto; width:150px; top:5px; position:absolute; left:136px;}
.home nav#main_menu {margin-top:0px;}
#main_menu select {margin-top:4px;}
#slideshow{margin-top:-6px;}
.iosSlider .slider .item .caption {bottom:32px;}
.benefits-list li {width:79%; padding:0 5px 0 78px;}
.footer-logo {width:200px;}
#footer .footer_menu li a {margin:0 5px;}
#footer p.add {float:none; font-size:15px;}
#footer p.add br {display:none;}
#footer .span12 {margin-bottom:20px;}
.header_title p {font-size:1.4em;}
.itemBody .zn_post_image {margin-right: 20px; width: 240px;}
.contact-page select {width:100%;}
.contact-page .left-side input, .contact-page .right-side input {width: 93.5%;}
#services .header_title {padding-top: 12%;}
#employee-engagement .header_title, #supply-chain-support .header_title, #customer-engagement .header_title {padding-top:10%;}
.product-detail .left-side, .product-detail .right-side {width:81%;}
.mac-img.right {width: 55%;}

}
@media (max-width:500px) {
.ramp-req {margin:12px 0 0;}
.ramp-sec {padding:1em 0 1.2em;}
#footer p.add {border-right:none; margin-right:0; padding-right:0;}
.header_title br {display:none;}

}

@media (max-width:450px) {
#page_header.zn_def_header_style, #slideshow.zn_def_header_style {height:156px !important; min-height:156px !important;}
.top-header {float: none;margin:0 auto; text-align:center; width: 96%;}
.top-txt {float:none;}
#logo{float:none;}
header#header.style2 #logo a {padding: 0 0 10px;}
nav#main_menu {margin:0 auto; width: 92%; float: none;}
.show-on-dropdown{margin: 2px 1px 0;}
#slideshow{padding-bottom: 44%;}
.iosSlider .slider .item .caption {bottom:22px;}
select.mobileMenu{margin:0;}
.address {padding-left: 85px;}
#footer .footer_menu li a{margin:0 15px;}
#footer .footer_menu li:last-child {margin-top:10px;}
.title-txt {font-size: 1.5em;}
.flexslider1 {overflow:auto;}
.flex-control-nav {width: 460px; overflow-x: auto; overflow-y: hidden; padding-right:20px;}
.team-sec .flex-control-nav {width:572px;}
.home #action_box .title-txt {font-size:1.4em;}
.contact-page .left-side, .contact-page .right-side{float: left; width: 100%;}
.contact-page .left-side input, .contact-page .right-side input, .contact-page input, .contact-page textarea {width: 94%;}
.contact-page select {width:98%;}
.form-part .form-right {width: 100%;}
.form-part .form-left p {margin-bottom: 0;}
.form-part input[type="submit"]{margin-left: 0;}
.single-post-wrap, .single-post .disqusForm{width: 100%;}
.category .pull-left {width: 99%;}
.selectorsBlock.bullets{bottom: 0px;}
.hoverBorder{width: 98%;}
}

@media (max-width:330px) {
nav#main_menu {margin-bottom:10px;}
.iosSlider .slider .item .caption {bottom:18px;}
.selectorsBlock.bullets {bottom: -2px;}
.ramp-sec .title-txt {font-size: 1.2em;}
#footer .footer_menu li a{margin:0 12px;}
#page_header.zn_def_header_style, #slideshow.zn_def_header_style {height:138px !important; min-height:138px !important;}
#services .header_title p, .services-sec h3 {font-size:1.1em;}
.light-txt, .services-sec h2 {font-size: 1.3em;}
.product-detail .left-side, .product-detail .right-side {width:72%;}
#employee-engagement .header_title h3, #supply-chain-support .header_title h3, #customer-engagement .header_title h3 {font-size:1.3em; margin:0 0 0;}
#employee-engagement .header_title h2, #supply-chain-support .header_title h2, #customer-engagement .header_title h2 {font-size:1.4em; margin:0 0 0.2em;}
#company .header_title {padding-top:0;}
#company .header_titl p {font-size:14px;}
#company .header_title h2 {font-size: 1.3em; margin-bottom: 5px; line-height: normal;}
.team-sec .flex-control-nav {width:510px;}
.home #action_box .title-txt {font-size:1.3em;}
#services .header_title h2 {font-size: 1.2em; margin-bottom: 2px;}
.home .header_title p {font-size: 13px; margin-bottom:3px;}
.home .header_title h2 {margin-bottom:3px;}
}