@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 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;
        }
}