@media only screen and (max-width: 1650px) {
  .nav.navbar-nav {
    padding-right: 15px;
  }

  .nav.navbar-nav.navbar-right {
    padding-left: 15px;
  }

  .navbar-default .navbar-nav > li > a {
    padding: 15px 15px;
  }

  .btn {
    white-space: pre-wrap;
  }
}

@media only screen and (max-width: 1497px) {
  .navbar-default .navbar-nav > li > a,
  .modes-navbar ul li a {
    font-size: 14px;
  }

  .navbar-brand {
    height: auto;
    max-width: 285px;
  }
}

@media (max-width: 1400px) {
  .fw-carousel-caption h2 {
    font-size: 2.5vw;
  }

  .fw-carousel-caption p {
    font-size: 1.125vw;
  }
}

@media only screen and (min-width: 1367px) {
  .container {
    width: 77%;
  }
}

@media only screen and (max-width: 1366px) {
  /*low res laptop - most common*/
  .container {
    width: 1170px;
  }

  .jumbotron {
    height: 85vh;
  }

  .jumbotron h1 br {
    display: none;
  }

  .jumbotron .container p {
    font-size: 24px;
  }

  .jumbotron .container img {
    margin-top: 0;
  }

  .campaign-item h2 {
    font-size: 28px;
  }

  .campaign-item h3 {
    font-size: 20px;
  }

  .services .owl-dots {
    width: 1170px;
    margin-left: -585px;
  }

  .news-item.quarter-item .date {
    display: none;
  }

  .news-item.half-item .date + p {
    display: none;
  }

  .news-item.half-item .date {
    margin-bottom: auto;
  }

  .news-homepage .owl-carousel .owl-item {
    padding: 0 2vw;
  }

  .signup-form h2 {
    font-size: 28px;
  }

  .footer-links a {
    font-size: 16px;
  }

  .mac-carousel .container {
    width: 1000px;
  }

  .next-page-tab {
    top: auto;
    bottom: 10%;
  }

  .jumbotron.event-introduction {
    height: 45vw;
  }

  .event-tabs .nav-tabs > li > a {
    font-size: 24px;
  }

  .navbar-brand {
    height: auto;
    max-width: 285px;
  }

  .search-text {
    letter-spacing: 0;
  }
}

@media only screen and (max-width: 1366px) and (max-height: 700px) {
  .jumbotron {
    height: 100vh;
  }
}

@media only screen and (max-width: 1365px) {
  /*changing breakpoint for menu collapse*/
  .navbar-header {
    float: none;
  }

  .navbar-left,
  .navbar-right {
    float: none !important;
  }

  .navbar-toggle {
    display: block;
  }

  .navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    overflow: auto !important;
  }

  .navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
  }

  .navbar-collapse.collapse {
    display: none !important;
    overflow: auto !important;
  }

  .navbar-nav {
    float: none !important;
    margin-top: 7.5px;
  }

  .navbar-nav > li {
    float: none;
  }

  .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .collapse.in {
    display: block !important;
  }

  .navbar-nav.navbar-right > li {
    float: left;
  }

  /*FTA styles*/

  .navbar-toggle {
    position: absolute;
    right: 375px;
    top: 14px;
    border: 0;
  }

  .navbar-default .navbar-toggle:hover,
  .navbar-default .navbar-toggle:focus {
    background: transparent;
  }

  .navbar-default .navbar-toggle .icon-bar {
    background: #fff;
    width: 25px;
    height: 3px;
  }

  .no-hero .navbar-default .navbar-toggle .icon-bar,
  .scrolled.navbar-default .navbar-toggle .icon-bar {
    background: #333;
  }

  .navbar-toggle:hover span.icon-bar {
    background: #dd201d;
  }

  .navbar-collapse,
  .navbar-collapse.collapse {
    position: absolute;
    background: #373736;
    width: 100%;
    right: -350px;
    max-width: 350px;
    top: 0;
    z-index: 9999;
    padding: 10px 15px;
    height: 100vh !important;
    max-height: 100vh !important;
    border: 0 none;
    -webkit-transition: right 0.2s linear;
    -moz-transition: right 0.2s linear;
    transition: right 0.2s linear;
  }

  .navbar-collapse.in {
    right: 0;
  }

  .navbar-default.scrolled .navbar-collapse.in .navbar-nav > li > a {
    color: #fff;
  }

  .nav-close {
    display: block;
    text-transform: uppercase;
    font-size: 14px;
    color: #aaa;
    padding: 10px 15px 15px;
    border-bottom: 1px solid #222;
  }

  .nav-close span {
    float: right;
  }

  .navbar-nav > li > .dropdown-menu {
    position: static;
    width: 100%;
    background: transparent;
    border: 0;
    box-shadow: none;
  }

  .dropdown-menu > li > a {
    padding: 10px 15px;
    color: #ccc;
    font-size: 14px;
  }

  .navbar-default .navbar-nav > .open > a,
  .navbar-default .navbar-nav > .open > a:hover,
  .navbar-default .navbar-nav > .open > a:focus {
    color: #dd201d;
  }

  .dropdown-menu > li > a:hover,
  .dropdown-menu > li > a:focus {
    background: transparent;
    color: #ccc;
  }

  .next-page-tab {
    display: none;
  }
}

@media only screen and (max-width: 1200px) {
  .container {
    width: 970px;
  }

  .services .owl-dots {
    width: 970px;
    margin-left: -485px;
    font-size: 20px;
  }

  .col-xs-12.services-item {
    padding-bottom: 40px;
  }

  .mac-carousel .container {
    width: 900px;
  }

  .footer-links a.small {
    float: none !important;
    margin-bottom: 10px;
  }

  .social-media img {
    width: 50px;
  }

  .join-form-progress-bar {
    display: none;
  }

  .row.page-header {
    padding-top: 130px;
  }
}

@media only screen and (max-width: 1024px) {
  .container {
    width: 870px;
  }

  .services .owl-dots {
    width: 870px;
    margin-left: -435px;
    font-size: 18px;
  }

  .mac-carousel .container {
    width: 500px;
  }

  .mac-latest .owl-dots {
    font-size: 18px;
  }

  .news-item.full-item h3 {
    font-size: 18px;
  }

  .news-item.full-item h2 {
    font-size: 28px;
  }

  .news-item.quarter-item h2 a {
    font-size: 16px;
  }

  .news-homepage .owl-theme .owl-dots .owl-dot span {
    width: 50px;
    height: 4px;
  }

  .footer-links .row > div {
    width: 25%;
  }

  .footer-links a.small {
    float: right !important;
  }

  .tweet-body {
    font-size: 14px;
  }

  .timestamp {
    font-size: 13px;
  }

  .tweet-actions a {
    font-size: 13px;
  }

  .tweet-details h3 a {
    font-size: 20px;
  }

  .related-product img {
    width: 100%;
    margin: 0 0 20px 0;
  }

  .related-product-details {
    width: 100%;
  }

  .related-product {
    flex-wrap: wrap;
  }

  .content-links .row > div {
    width: 100%;
    margin-bottom: 30px;
  }

  .jumbotron.event-introduction .container h1 {
    font-size: 45px;
    padding-top: 30px;
  }

  .sidebar.event-prices .col-xs-12.col-sm-8 {
    width: 100%;
  }

  .sidebar.event-location .col-sm-6 {
    width: 100%;
    padding: 0 !important;
  }

  .sidebar.event-speakers .col-sm-3 {
    width: 50%;
    margin-bottom: 20px;
  }

  .event-tabs .nav-tabs > li > a {
    padding: 15px;
    font-size: 20px;
  }

  #itinerary table td:first-child {
    width: 33%;
  }

  .row.training-search-row + .row > div {
    width: 33%;
  }

  .multiple-grid-block .row > div {
    flex: 0 0 50%;
  }

  .promo-area .row > div.col-md-6 {
    width: 100%;
    margin-bottom: 20px;
  }

  .promo-area .row > div.col-md-3 {
    width: 49.9%;
    flex: 0 0 49.9%;
    margin-bottom: 20px;
  }

  .promo-area .row {
    margin-bottom: 0;
  }
}

@media only screen and (max-width: 991px) {
  .news-homepage .owl-nav div.owl-next {
    bottom: 140px;
  }

  .news-homepage .owl-nav div.owl-prev {
    bottom: auto;
    top: 100px;
  }

  h1 {
    font-size: 36px;
  }

  h2 {
    font-size: 28px;
  }

  h3 {
    font-size: 20px;
  }

  .services .owl-nav div,
  .campaigns .owl-nav div,
  .news-homepage .owl-nav div {
    padding: 12px;
  }

  .fw-carousel-caption h2 {
    font-size: 2.5vw;
  }

  .fw-carousel-caption p {
    font-size: 1.5vw;
  }

  .fw-carousel-caption .btn {
    padding: 10px 25px;
  }
}

@media only screen and (max-width: 850px) {
  .navbar-toggle {
    right: 150px;
    top: 18px;
  }

  .navbar-nav.navbar-right {
    display: none;
  }

  #main-nav .navbar-nav.navbar-right {
    display: block;
  }

  #main-nav .nav.navbar-nav.navbar-right::before {
    content: none;
    display: none;
  }

  #main-nav .nav.navbar-nav.navbar-right {
    border-top: 1px solid #222;
    margin-right: 0;
    padding: 10px 0;
    margin-top: 10px;
  }

  #main-nav .navbar-nav.navbar-right > li {
    float: none;
  }
}

@media (min-width: 769px) {
  /*.container {
        width: 750px;
    }*/
}

@media only screen and (max-width: 768px) {
  .checksize {
    float: none;
  }

  .container {
    width: 87%;
  }

  .services .owl-dots {
    width: 100%;
    padding-left: 0;
    font-size: 16px;
    margin-left: 0;
    left: 0;
    text-align: center;
  }

  .mac-latest img.mac-icon {
    max-width: 80px;
  }

  .mac-latest > div {
    padding: 60px 0 50px;
  }

  .mac-latest a.btn {
    margin-top: 25px;
    padding: 15px 30px;
  }

  .mac-latest p {
    font-size: 16px;
  }

  .campaign-item .row > div.pull-right {
    float: none !important;
  }

  .campaign-item .row > div {
    width: 100%;
  }

  .campaigns .owl-nav div {
    top: 45%;
  }

  .services-item {
    margin-bottom: 0;
  }

  .news-item.half-item .news-item-caption,
  .news-item.half-item .news-item-image {
    width: auto;
  }

  .news-item.half-item .news-item-image img {
    margin: 0;
  }

  .row.news-carousel-button-row {
    position: static;
    top: 0;
    text-align: center;
  }

  .news-homepage .owl-theme .owl-dots {
    position: relative;
    top: -40px;
  }

  /* .column-nav ul {
        display: none;
    } */

  .column-nav-tabs2 div div ul {
    display: block;
  }

  /* .resp-accordions {
    display: none;
  } */

  .column-nav-tabs2 h2 {
    font-size: 24px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
    margin-bottom: 0;
  }

  .column-nav-tabs2 h2:after {
    content: '\e114';
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    font-size: 20px;
    color: #9d9d9c;
    float: right;
    position: relative;
    top: 5px;
  }

  .column-nav-tabs2 h2.open:after,
  .column-nav-tabs2 h2.ui-state-active:after {
    content: '\e113';
  }

  .resp-accordions h2 {
    color: #dd201d;
    border-bottom-color: #eee;
  }

  .resp-accordions:last-child h2 {
    color: #222;
  }

  .resp-accordions:last-child h2:after {
    display: none;
  }

  .resp-accordions p {
    margin-top: 15px;
  }

  .tweet {
    margin-bottom: 36px;
  }

  .footer-links .row > div {
    width: 50%;
  }

  .media-list-item img {
    margin-bottom: 30px;
  }

  .related-product img {
    margin: 0 10px 0 0;
    height: auto;
    width: 150px;
  }

  .related-product-details {
    width: calc(100% - 160px);
  }

  .events-grid .col-sm-6 {
    width: 100%;
  }

  .event-categories .col-md-3 {
    width: 50%;
    margin-bottom: 15px;
  }

  .event-categories .col-md-6 {
    margin-bottom: 15px;
  }

  .event-categories .row {
    margin-bottom: 0;
  }

  .jumbotron.event-introduction {
    height: 60vh;
  }

  .sidebar.event-sponsors .col-xs-6 {
    width: auto;
  }

  .sidebar.event-speakers .col-sm-3 {
    width: 25%;
  }

  .row.training-search-row + .row > div {
    width: 50%;
  }

  .row.training-search-row + .row > div:last-child {
    width: 100%;
  }

  .training-listing {
    padding-right: 0;
  }

  .media-contacts .contact > div:first-child {
    width: 25%;
  }

  .media-contacts .contact > div:last-child {
    width: 70%;
  }

  .jumbotron {
    height: auto;
  }

  .jumbotron .container {
    flex-wrap: nowrap;
    padding-top: 160px;
  }

  .jumbotron .container h2 {
    font-size: 20px;
  }

  .jumbotron .container h1 {
    font-size: 45px;
    padding-top: 0;
    margin-top: 100px;
  }

  .jumbotron .container h1 + h2 {
    margin-top: 0;
    font-size: 16px;
  }

  .feature-tabs > div {
    width: 100%;
  }

  .feature-block .feature-tabs {
    flex-wrap: wrap;
  }

  .feature-block .nav-tabs > li {
    float: left;
    width: 33.33%;
    height: 100px;
  }

  .feature-block .nav-tabs > li > a {
    font-size: 20px;
  }

  .feature-block .tab-pane .row {
    flex-wrap: wrap;
  }

  /* >>> blogs >>> */
  .grayBox + .body-content h1 {
    padding: 0;
  }

  .BlogPTitle {
    font-size: 24px;
    color: #333;
    padding: 0;
  }

  .BlogPBody.TextContent {
    padding: 0px;
    font-size: 14px;
  }

  .BlogPDateWhole {
    padding: 30px 0;
    box-shadow: none;
    border-bottom: 1px solid #ccc;
    margin-bottom: 0;
  }

  .CommentText {
    font-size: 14px;
  }

  .blog-leave-comment {
    font-size: 24px;
  }

  .comments .form-horizontal .form-group:first-child {
    border: 0 none;
  }

  .comments .form-horizontal .form-group {
    border: 0 none;
    box-shadow: none;
    padding: 0;
  }

  .comments img {
    height: auto;
  }

  .modes-navbar .container {
    width: 100%;
  }

  .row.services-carousel {
    margin-bottom: 0;
  }

  .services-carousel .owl-stage::before {
    content: none;
  }

  .row.services-carousel::after {
    content: none;
  }

  .promo-area .row > div.col-md-3 {
    width: 100%;
    margin-bottom: 20px;
  }

  .news-homepage .owl-carousel .owl-stage {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .feature-block .tab-content {
    padding: 20px;
  }

  .feature-block .nav-tabs > li {
    height: auto;
  }

  .feature-block .nav-tabs > li a {
    font-size: 14px;
  }

  /* <<< blogs <<< */
}

@media only screen and (max-width: 767px) {
  .media-contacts .contact img {
    display: none;
  }

  #breadcrumb {
    letter-spacing: 20px;
  }

  .fw-carousel-caption h2 {
    font-size: 2.5vw;
    text-align: center;
  }

  .fw-carousel-caption p {
    display: none;
  }

  .fw-carousel-caption .btn {
    padding: 10px 25px;
  }

  .fw-carousel-caption {
    padding: 40px 80px;
    align-items: center;
  }

  .services-item img {
    position: static;
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 600px) {
  .navbar-toggle {
    right: 75px;
  }

  .search-text {
    display: none;
  }

  .navbar-form .btn-white-trans,
  .navbar-form .btn-white-trans:active {
    border: 0 none;
  }

  .navbar-form .btn-white-trans:hover {
    background-color: transparent !important;
    color: red;
  }

  .navbar-form .btn-white-trans:hover span {
    color: red !important;
  }

  .navbar-form .btn-white-trans:hover::after,
  .navbar-form .btn-white-trans:active::after {
    width: 0;
  }

  .modes-navbar ul li {
    width: auto;
  }

  .content-linkbox-caption p {
    display: none;
  }

  .event-linkbox-image {
    width: 100%;
    position: static;
    height: auto;
  }

  .event-linkbox {
    flex-wrap: wrap;
  }

  .event-linkbox-caption {
    width: 100%;
  }

  .event-categories .col-md-3 {
    width: 100%;
  }

  .event-categories .col-md-3 img {
    display: none;
  }

  .event-categories .col-md-3 .promo-linkbox {
    height: auto;
    min-height: 0;
    padding: 15px 0px;
    background: #fff;
  }

  .event-categories .col-md-3 .promo-linkbox.red-linkbox {
    background: #dd201d;
  }

  .jumbotron.event-introduction {
    height: 75vh;
  }

  .jumbotron.event-introduction > .container {
    flex-wrap: nowrap;
  }

  .jumbotron.event-introduction .container h1 {
    font-size: 36px;
    padding-top: 50px;
  }

  .jumbotron.event-introduction .container .event-timer p {
    font-size: 20px;
  }

  .jumbotron.event-introduction .col-xs-12.col-md-8 {
    width: 100%;
    float: none;
    display: block;
  }

  .event-timer {
    width: 100%;
    display: block;
  }

  .event-introduction .row {
    width: 100%;
  }

  .jumbotron.event-introduction a.btn {
    padding: 10px 30px;
  }

  .sidebar.event-speakers .col-sm-3 {
    width: 50%;
  }

  .body-content img.float-right,
  .training-categories img.float-right,
  .services-categories img.float-right {
    max-width: 100%;
    margin-left: 0;
  }

  .body-content img.float-left,
  .training-categories img.float-left,
  .services-categories img.float-left {
    max-width: 100%;
    margin-right: 0;
  }

  .training-promo-item img {
    position: static;
    margin-bottom: 30px;
  }

  .row.training-promo-block {
    margin-bottom: 40px;
  }

  .row.training-search-row + .row > div {
    width: 100%;
  }

  .media-news-grid .main-linkbox p {
    display: none;
  }

  .media-news-promo-area .media-linkbox-image {
    display: none;
  }

  .media-news-promo-area .media-linkbox-caption {
    width: 100%;
  }

  .media-contacts .contact > div:last-child {
    width: 100%;
  }

  .multiple-grid-block .row > div {
    flex: 0 0 100%;
  }

  .campaign-news .news-item.half-item .news-item-image img {
    display: none;
  }

  .news-item.full-item h2 {
    font-size: 24px;
  }

  .news-item.full-item h2,
  .news-item.full-item h2 a {
    font-size: 24px;
  }

  .jumbotron .container p {
    font-size: 18px;
  }

  .jumbotron .container h2 {
    display: none;
  }

  .modes-navbar .container {
    padding: 0;
    width: 100%;
  }

  .modes-navbar ul {
    padding: 0 5px;
  }

  .modes-navbar ul li a {
    padding: 8px;
    font-size: 13px;
  }

  .modes-navbar ul li:last-child::before {
    top: 10px;
  }

  .jumbotron .container a {
    margin-bottom: 0;
    padding: 10px 30px;
    margin-right: 10px;
  }

  .jumbotron .container h2 {
    display: block;
    margin-bottom: 15px;
    margin-top: 80px;
  }

  .jumbotron .container h2 img {
    display: none;
  }

  .jumbotron .container p {
    font-size: 14px;
  }

  .jumbotron .container h2 br {
    display: none;
  }

  .container {
    width: 100%;
  }

  .campaigns .owl-nav div {
    top: auto;
    bottom: 50px;
  }

  .campaign-carousel .owl-stage {
    padding-bottom: 35px;
  }

  .jumbotron .container {
    padding: 120px 30px 0;
  }

  h1 small,
  .h1 small,
  h2 small,
  .h2 small,
  h3 small,
  .h3 small,
  h1 .small,
  .h1 .small,
  h2 .small,
  .h2 .small,
  h3 .small,
  .h3 .small {
    display: block;
  }

  .services h1 small a,
  .campaigns h1 small a,
  .mac-latest h1 small a {
    padding-left: 0;
  }

  .services-item img {
    position: static;
    margin-bottom: 20px;
  }

  .row.services-carousel {
    padding-top: 30px;
    margin-bottom: 0;
    padding-bottom: 105px;
  }

  .services .owl-nav div {
    bottom: 30px;
  }

  .col-xs-12.services-item {
    padding-bottom: 0;
  }

  .services-item a.arrow-icon-link img {
    margin-bottom: 4px;
  }

  .row.services-carousel::after {
    content: none;
  }

  .services-carousel .owl-stage::before {
    content: none;
  }

  .row.services-carousel a.btn {
    margin-bottom: 20px;
  }

  .news-item.half-item {
    flex-direction: column;
  }

  .news-item.half-item .news-item-image {
    width: 100%;
  }

  .news-item.half-item .news-item-image img {
    max-height: none;
    width: 100%;
    height: auto;
  }

  .mac-latest .owl-dots {
    position: absolute;
  }

  .mac-latest .owl-stage-outer {
    padding-top: 200px;
  }

  .mac-carousel {
    margin: 0;
  }

  .mac-carousel .container {
    width: 100%;
  }

  .footer-links .container {
    padding: 0 15px;
  }

  .fw-carousel-caption h2 {
    font-size: 18px;
  }

  .fw-carousel-caption {
    padding: 20px;
    position: relative;
    background: #373736;
  }

  .owl-nav {
    display: none;
  }

  .services .owl-dots {
    top: 20px;
  }

  .row.services-carousel {
    padding-top: 90px;
  }
}

@media only screen and (max-width: 500px) {
  .navbar-default > .container-fluid {
    padding: 0 10px;
  }

  .navbar-form.navbar-right {
    margin-right: -5px;
  }

  .navbar-form .btn-white-trans {
    padding: 10px;
  }

  .navbar-brand {
    max-width: 210px;
    padding-top: 18px;
  }

  .navbar-toggle {
    right: 75px;
    margin: 0;
  }

  .footer-links .row > div {
    width: 100%;
  }

  .footer-links ul {
    padding: 0;
  }

  .row.services-carousel {
    padding-top: 140px;
  }
}

@media only screen and (max-width: 350px) {
  .navbar-toggle {
    position: relative;
    float: right;
    margin: 0;
    right: -30px;
  }
}

@media only screen and (max-width: 320px) {
  .navbar-toggle {
    right: -10px;
  }
}

@media (min-width: 1400px) {
  .news-item.full-item {
    min-height: 750px;
  }
}

@media (max-width: 767px) {
  .news-item.quarter-item,
  .news-item.half-item {
    height: auto !important;
  }
}

@media (min-width: 1024px) {
  .fta-shop .productInfo a.btn {
    margin-right: 15px !important;
  }

  .fta-shop .productInfo a.btn:last-of-type {
    margin-right: 0;
  }
}

@media (min-width: 992px) and (max-width: 1024px) {
  .product-actions {
    flex-wrap: wrap;
  }

  .fta-shop .productInfo a.btn {
    margin-right: 0;
    margin-bottom: 15px;
    flex: 0 0 100%;
  }

  .fta-shop .productInfo a.btn:last-of-type {
    margin-bottom: 0;
  }
}

@media (max-width: 414px) {
  .product-actions {
    flex-wrap: wrap;
  }

  .fta-shop .productInfo a.btn {
    margin-right: 0;
    margin-bottom: 15px;
    flex: 0 0 100%;
  }

  .fta-shop .productInfo a.btn:last-of-type {
    margin-bottom: 0;
  }
}