/**    Responsive Rules
*************************************************** **/

    /* Mega Menu */
    @media (min-width: 990px) {
        nav.mega-menu .nav,
        nav.mega-menu .dropup,
        nav.mega-menu .dropdown,
        nav.mega-menu .collapse {
            position: static;
        }
        header#topNav nav.mega-menu ul.nav-main .mega-menu-content {
            text-shadow: none;
        }

        header#topNav nav.mega-menu ul.nav-main li.mega-menu-item ul.dropdown-menu {
            color: #87919F;
            padding: 0;
            margin: 0 15px;
        }

        header#topNav nav.mega-menu ul.nav-main li.mega-menu-fullwidth ul.dropdown-menu {
            -moz-border-radius: 6px;
            -webkit-border-radius: 6px;
            border-radius: 6px;
        }

            /* two columns */
            header#topNav nav.mega-menu ul.nav-main li.mega-menu-two-columns ul.dropdown-menu {
                min-width:350px;
            }
            header#topNav nav.mega-menu ul.nav-main li.mega-menu-two-columns ul.dropdown-menu ul.dropdown-menu {
                top:4px;
                min-width:160px;
                padding:6px 2px;
                box-shadow:rgba(0,0,0,0.3) 0 0 6px;
            }
            header#topNav nav.mega-menu ul.nav-main li.mega-menu-two-columns ul.dropdown-menu ul.dropdown-menu li a {
                font-weight: normal;
                text-transform: none;
                position: relative;
                padding: 6px 20px;
                margin:0 -2px;

                background: none;
                font-style: normal;
                line-height: 20px;
                color: #9C9C9C;
                position: relative;

                -webkit-transition: all 0.2s;
                   -moz-transition: all 0.2s;
                     -o-transition: all 0.2s;
                        transition: all 0.2s;
            }

        header#topNav nav.mega-menu ul.nav-main li.mega-menu-item .mega-menu-sub-title {
            display: block;
            font-size: 1em;
            font-weight: 600;
            padding-bottom: 5px;
            text-transform: uppercase;
        }

        header#topNav nav.mega-menu ul.nav-main li.mega-menu-item ul.sub-menu {
            list-style: none;
            padding: 0;
            margin: 0;
        }

        header#topNav nav.mega-menu ul.nav-main li.mega-menu-item ul.sub-menu a {
            display: block;
            margin: 0 0 0 -8px;
            padding: 6px 8px;
            text-transform: none;
            font-size: 0.9em;
            font-weight: normal;
            text-shadow: none;

            -webkit-transition: all 0.2s;
               -moz-transition: all 0.2s;
                 -o-transition: all 0.2s;
                    transition: all 0.2s;
        }

        header#topNav nav.mega-menu ul.nav-main li.mega-menu-item:hover ul.sub-menu li:hover a:hover {
            text-decoration: none;
        }

        header#topNav nav.mega-menu .navbar-inner,
        header#topNav nav.mega-menu .container {
            position: relative;
        }

        header#topNav nav.mega-menu .dropdown-menu {
            left: auto;
        }

        header#topNav nav.mega-menu .dropdown-menu > li {
            display: block;
        }

        header#topNav nav.mega-menu .nav.pull-right .dropdown-menu {
            right: 0;
        }

        header#topNav nav.mega-menu .mega-menu-content {
            padding: 20px 8px;
        }

        header#topNav nav.mega-menu .mega-menu-content:before,
        header#topNav nav.mega-menu .mega-menu-content:after {
            display: table;
            content: "";
            line-height: 0;
        }

        header#topNav nav.mega-menu .mega-menu-content:after {
            clear: both;
        }

        header#topNav nav.mega-menu.navbar .nav > li > .dropdown-menu:after,
        header#topNav nav.mega-menu.navbar .nav > li > .dropdown-menu:before {
            display: none;
        }

        header#topNav nav.mega-menu .dropdown.mega-menu-fullwidth .dropdown-menu {
            left: 0;
            right: 0;
            width: auto;
        }

    }

    /* long menu buttons - fix */
    @media only screen and (max-width: 1200px) {
        header#topNav nav ul.nav-pills > li > a,
        header#topNav nav ul.nav-pills > li > a:hover {
            font-size: 14px;
            padding: 10px 8px;
        }
    }

    /* 
        BOOTSTRAP FIX
        Since Atropos v1.3 
    */
    @media (max-width: 1200px) {
        .container {
            width:100% !important;
        }
    }


@media (max-width: 990px) {
    .table-responsive>.table>tbody>tr>td, .table-responsive>.table>tbody>tr>th,
    .table-responsive>.table>tfoot>tr>td, .table-responsive>.table>tfoot>tr>th,
    .table-responsive>.table>thead>tr>td, .table-responsive>.table>thead>tr>th {
        white-space: normal;
    }

    .inline-mob {display: inline;}
    .text-center-mob {text-align: center;}

    .nopadding {
        padding: 15px !important;
    }
    .nomargin-top-mobile {
        margin-top: 0 !important;
    }
    .margin-top-mobile-20 {
        margin-top: 20px;
    }
    .margin-top-mobile-10 {
         margin-top: 10px;
    }
    .margin-bottom-mobile-10 {
        margin-bottom: 10px;
    }
    .margin-bottom-mobile-20 {
        margin-bottom: 20px;
    }
    .nopadding-left, .nopadding-right {
        padding-left: 15px !important;
        padding-right: 15px !important
    }
    .padding-bottom80, .resources-arrow-down{
        padding-bottom: 20px !important;
    }
    .padding-top100, .padding-top80, .padding-top70, .padding-top60, .padding-top50, .padding-top40 {
        padding-top: 20px !important;
    }
    .padding-bottom70, .padding-bottom50, .padding-bottom100 {
        padding-bottom: 20px !important;
    }
    .padding60 {
        padding: 10px !important;
    }
    .margin-bottom100, .margin-bottom90, .margin-bottom50, .margin-bottom80,
    .margin-bottom60, .margin-bottom40, .margin-bottom30, .margin-bottom20, .margin-bottom70 {
        margin-bottom: 15px;
    }
    .margin-top80, .margin-top60, .margin-top100, .margin-top70, .margin-top40,
    .margin-top30, .margin-top50, .margin-top90, .margin-top20{
        margin-top: 10px;
    }
    .margin-right20, .margin-right50 {
        margin-right: 10px;
    }

    header#topHead{
        position: absolute;
        top: 30px;
        right: 10px;
    }

    header#topHead .signin-dd {
        border-left: none;
        margin-right: 65px;
        margin-top: -15px;
        font-size: 14px;
    }
    header#topHead .signin-dd .dropdown-menu {
        margin-right: 0;
        margin-top: 10px;
    }

    /* Navigation */
    header#topNav div.nav-main-collapse,
    header#topNav div.nav-main-collapse.in {
        width: 100%;
        overflow: hidden;
        overflow-y: hidden;
        overflow-x: hidden;
    }

    header#topNav div.nav-main-collapse {
        float: none;
    }

    header#topNav nav.nav-main ul.nav-main {
        float: none;
        position: static;
        margin: 8px 0;
        overflow-x:hidden;
    }

    header#topNav div.nav-main-collapse.collapse {
        display: none !important;
    }

    header#topNav div.nav-main-collapse {
        top: 8px;
        position: relative;
    }
    header#topNav div.nav-main-collapse.topFix {
        margin-top:-18px !important;
    }
    header#topNav div.nav-main-collapse.in {
        display: block !important;
    }

    header#topNav div.nav-collapse div.container nav.nav-main {
        float: left;
        width: 100%;
    }

    header#topNav div.nav-main-collapse {
        background: #2D343E;
        margin: -16px -15px 0 -15px !important;
        max-height: none;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
    }
    header#topNav div.nav-main-collapse.topFix {
        margin-top:-18px !important;
    }

    header > div.container {
        margin-bottom: 0;
    }

    header#topNav nav ul.nav-main {
        margin-right: -10px;
    }

    header#topNav div.nav-collapse {
        background: #2D343E;
        width: 100%;
        clear: both;
        width: 100%;
    }

    header#topNav nav.nav-main {
        padding: 0;
        clear: both;
        display: block;
        float: none;
        width: 100%;
    }

    header#topNav nav.nav-main ul,
    header#topNav nav.nav-main ul li {
        padding: 0;
        margin: 0;
    }

    header#topNav nav.nav-main ul li {
        clear: both;
        float: none;
        display: block;
        border-bottom: 1px solid #383F49;
    }

    header#topNav nav ul.nav-main > li + li {
        margin-left: 0;
    }

    header#topNav nav ul.nav-main li a,
    header#topNav nav ul.nav-main ul.dropdown-menu li > a {
        padding: 9px 8px;
        border: 0;
        border-top: 0;
        margin: 0;
    }

    header#topNav nav.nav-main ul li:last-child,
    header#topNav nav ul.nav-main ul.dropdown-menu li > a {
        border-bottom: none;
    }

    header#topNav nav ul.nav-main li.dropdown:hover > a {
        margin-bottom: -2px;
    }

    header#topNav nav ul.nav-main li a {
        color: #FFF;
        clear: both;
        float: none;
        display: block;
        padding-left: 0;
    }

    header#topNav nav ul.nav-main li a i.icon-angle-down {
        position: absolute;
        right: 5px;
        top: 10px;
    }

    header#topNav nav.nav-main ul ul {
        margin-left: 20px !important;
    }

    header#topNav nav.nav-main ul.dropdown-menu {
        position: static;
        clear: both;
        float: none;
        display: none !important;
    }

    header#topNav nav ul.nav-main ul.dropdown-menu {
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    header#topNav nav.nav-main li.resp-active > ul.dropdown-menu {
        display: block !important;
    }

    header#topNav nav ul.nav-main ul.dropdown-menu ul.dropdown-menu {
        border: 0;
        margin: 0 5px;
        padding-left: 35px;
    }

    header#topNav nav ul.nav-main .dropdown-submenu > a:after {
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid #FFF;
    }

    header#topNav nav ul.nav-main .dropdown-submenu:hover > a:after {
        border-left-color: transparent;
    }

    header#topNav nav ul.nav-pills > li > a:before,
    header#topNav nav ul.nav-main li.dropdown:hover > a:after {
        display: none;
    }

    header#topNav nav ul.nav-main i.icon-caret-down {
        float: right;
    }

    header#topNav nav ul.nav-pills > li > a:hover {
        background-color: #777 !important;
    }


    header#topNav nav ul.nav-main ul.dropdown-menu,
    header#topNav nav ul.nav-main li.dropdown.open a.dropdown-toggle,
    header#topNav nav ul.nav-main li a,
    header#topNav nav ul.nav-main li.active a,
    header#topNav nav ul.nav-main li.dropdown:hover a,
    header#topNav nav ul.nav-main ul.dropdown-menu li:hover > a,
    header#topNav nav ul.nav-main li.dropdown:hover ul.dropdown-menu li > a:hover {
        background: none !important;
        background-color: transparent !important;
        color: #FFF !important;
    }

    header.center nav ul.nav-main > li {
        display: block;
    }

    header#topNav nav ul.nav-main ul.sub-menu {
        padding: 0;
        margin: 0 0 10px 0;
    }

    header#topNav nav ul.nav-main ul.sub-menu ul.sub-menu {
        margin-top: 10px;
    }

    header#topNav nav ul.nav-main i.icon-caret-down {
        color: #ADB0AD !important;
    }

    header#topNav button.btn-mobile {
        display:block;
        float:right;
        z-index: 5;
        position: relative;
    }


    header#topNav ul.scroll-menu {
        position: relative;
        display: inherit !important;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -moz-overflow-scrolling: touch;
        -ms-overflow-scrolling: touch;
        -o-overflow-scrolling: touch;
        overflow-scrolling: touch;
        top: 0 !important;
        left: 0 !important;
        width: 100%;
        height: auto;
        max-height: 460px;
        margin: 0;
        border-left: none;
        border-right: none;
        -webkit-border-radius: 0 !important;
        -moz-border-radius: 0 !important;
        -ms-border-radius: 0 !important;
        -o-border-radius: 0 !important;
        border-radius: 0 !important;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -ms-box-shadow: none;
        -o-box-shadow: none;
        box-shadow: none;
    }
    header#topNav ul.scroll-menu-2x {
        max-height: 230px;
    }

    header#topNav nav.nav-main ul li.search {
        margin:0;
        padding:20px 10px 0 0;
        background-color:transparent !important;
        display:block;
        width:100%;
    }
    header#topNav li.search:before {
        display:none !important;
    }
    header#topNav li.search form {
        height:40px; padding:0;
        width:100% !important; 
        float:none !important;
        background-color:transparent !important;
        filter: alpha(opacity=100);
        opacity:1;
    }
    #wrapper {
        padding-top: 150px;
    }

    .featured-box.left-separator {
        border-left:0;
    }

    .bs-callout .btn {
        display:block;
        max-width:250px;
        margin:30px auto 0 auto;
    }

    footer .column.text-right{
        text-align: left;
    }
    footer .column.logo {
        display: none;
    }

    header#page-title {
        margin: 0;
        padding: 0;
    }

    .parallax {
        text-align: center;
    }

    .parallax h1{
        font-size: 40px;
        line-height: normal;
        margin-bottom: 20px;
        text-align: center;
    }
    .parallax a.margin-right60 {
        margin-right: 10px;
    }
    .parallax a.btn {
        margin-top: 20px;
    }
    .kpi-homepage-background {
        background: none;
    }

    /* login page */
    .sign-in-form h3 {
        line-height: 30px;
    }
    .sign-in-form {
        padding: 25px;
        margin-top: 20px;
    }

    /* resources */
    .articles-list p, .documentaries-list p, .movies-list p {
        margin-bottom: 30px;
    }
    .amazon-area p {
        position: relative;
        display: block;
        float: none;
        width: 100%;
        text-align: center;
        top: 30px;
        left: 0;
    }
    /* plans & pricing*/
    .pricing-background{
        background: none;
    }
    .improved-performance{
        border-top: 0;
        border-bottom: 0;
    }
    .green-banner{
        position: inherit;
        right: 0;
    }
    .membership-options{
        margin-right: -15px;
    }
    .frequently-questions-footer span{
        display: block;
    }
    .border-arrow-grey-bottom::after {
        display: none;
    }
    .bg-line-gradient {
        margin: 30px 0;
    }
    .subscription-background {
        min-height: 395px;
        height: auto;
    }
    a.subscription-btn {
        margin-top: 15px;
        position: absolute;
        bottom: 15px;
    }
    .training-courses-details .list-icon.fsize17 li:before {
        margin-right: 0;
    }
    .vertical-products img {
         margin: 20px auto 10px;
    }
    .vertical-products .col-sm-8 {
        text-align: center;
    }
    ul.contact-us-office {
        margin: 20px auto;
        width: 80%;
    }
    ul.contact-us-office .margin-bottom80 {
        margin-bottom: 80px !important;
    }
    ul.contact-us-office .margin-bottom100 {
        margin-bottom: 100px !important;
    }

    /* Advanced search */
    .margin-top115-neg{
        margin-top: 10px;
    }

    .advanced-search-context li{
        border: 1px solid #d5d5d5;
        padding: 10px 15px;
        margin-bottom: 10px;
    }

    ul.advanced-search-context{
        margin-bottom: -10px;
    }

    .kpi-advisory-border-left {
        height: auto;
    }
    .kpi-blur {
        height: 750px;
    }

    .key-benefits-text {
        top: -10px;
    }
    .key-benefits-border {
        padding: 0 5px;
        margin-top: 20px;
    }

    footer ul.footer-contact li img {
        width: 36px;
        height: 36px;
        margin-left: 0 !important;
        margin-bottom: 60px !important;
    }
    footer .column.col-md-6 h3 {
        margin-top: 20px;
    }
}

@media only screen and (max-width: 768px) {
    .padding-left20-mobile{
        padding-left: 20px !important;
    }
    .col-20-percent {
        width: 100%
    }

    #wrapper {
        padding-top: 130px;
    }

    a.btn {
        margin: 5px 0;
        display: block;
    }
    a.btn.pull-left, a.btn.pull-right {
        width: 100%;
    }
    hr {margin: 30px 0;}

    .banner-standard {
        min-height: 0;
    }
    .banner-research h3 {
        margin: 0 !important;
        padding: 0 !important;
    }

    /* slider */
    .noimg-slider h1 {
        font-size:80px !important;
        line-height:80px !important;
    }

    .item-box {
        max-width:300px;
    }

    header#topNav .toTop {
        right: 20px;
        bottom: 45px;
    }
    header#topNav .kpi-viewed {
        margin-left: 10px !important;
    }

    .padding-left40 {
        padding-left: 15px !important;
    }


    /* portfolio filter */
    ul.nav-pills>li {
        margin-top:3px;
    }
    ul.nav-pills>li,
    ul.nav-pills>li>a {
        display:block;
        width:100%;
        float:none;
    }
    ul.nav-pills {
        display:block;
        float:none;
        width:100%;
    }

    header#page-title .submenu ul li {
        display: block;
    }

    /* Count To */
    div.countTo label {
        margin-bottom:10px;
    }

    h1 {
        font-size: 24px;
    }
    h2 {
        font-size: 22px;
        line-height: 24px;
        margin-bottom: 10px;
    }
    h3 {
        font-size: 18px;
        margin-bottom: 5px;
    }
    h5 {
        font-size: 16px;
        margin-top: 5px;
    }

    ul.list-unstyled i.featured-icon.half {
        margin: 0 20px 10px 10px;
    }

    .border-arrow-right {
        padding: 20px;
        text-align: center;
        line-height: 22px;
        border-right: 0;
        border-bottom: 3px solid #00a82d;
    }
    .border-arrow-right::after {
        width: 0;
        height: 0;
        content: ' ';
        border-left: 12px solid transparent;
        border-right: 12px solid transparent;
        border-top: 12px solid #23b150;
        position: absolute;
        right: 47%;
        top: 100%;
        z-index: 5;
    }

    /* Homepage */
    .logo img{
        margin-top: 15px;
        height: 30px;
    }
    header.top-header {
        overflow: visible;
        height: auto;
        min-height: 70px;
    }
    header.top-header .logo img {
        height: 40px;
    }
    header.top-header .nav-top-collapse {
        background: #000;
        min-height: 340px;
        width: 100%;
        padding-left: 20px;
        margin-top: 10px;
    }
    header.top-header .btn-mobile {
        margin-top: 10px;
        padding-right: 0;
    }
    header.top-header-green {
        padding-bottom: 20px;
    }
    header.top-header .close-websites-menu {
        top: 0;
        left: 0;
    }
    header.top-header .close-websites-menu img {
        float: right;
    }
    header.top-header .close-websites-menu .top-header-close-btn {
        float: right;
    }
    .gsc-search-box-tools .gsc-search-box .gsc-input {
        width: 140px !important;
    }

    .nav-top-collapse {
        display: none;
    }

    header#topHead{
        position: absolute;
        top: 20px;
        right: 0;
    }
    header#topNav div.nav-main-collapse{
        position: relative;
        left: 0;
    }
    header#topNav{
        height: 70px !important;
    }
    header#topNav a.logo {
        margin-top: 0;
    }
    header#topHead .signin-dd {
        margin-top: -10px;
    }
    .owl-carousel {
     margin-bottom: 10px;
    }
    .parallax {
        padding: 15px 0;
        background-size: cover;
        text-align: center;
    }
    .parallax h1{
        font-size: 28px;
        line-height: normal;
        margin-bottom: 0;
        text-align: center;
    }
    .parallax a.margin-right60 {
        margin-right: 10px;
    }

    div.countTo strong{
        font-size: 30px;
    }

    .border-arrow-right{
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .bs-callout{
        margin: 0 0 15px 0;
        padding: 20px 0;
    }

    .bs-callout h3, div.price-table h3{
        font-size: 20px;
        line-height: 30px;
        padding: 10px 0;
    }

    div.price-table h3 {
        font-size: 24px;
    }

    .bs-callout h2 {
        font-weight: 700;
    }

    div.row.pricetable-container{
        background: none;
    }
    div.price-table{
        margin: 0;
    }
    .price-table i.featured-icon{
        height: 28px;
        width: 28px;
    }
    .bs-callout.styleBackground .container::after{
        left: 45%;
    }
    div.price-table .price{
        font-size: 20px;
    }

    /* KPI database homepage */
    .kpi-homepage-background{
        background: none;
        padding-top: 10px;
    }
    header#page-title h1{
        margin-top: 0;
        margin-bottom: 10px;
        font-size: 22px;
    }
    .fsize20 {
        font-size: 18px !important;
    }
    .fsize24 {
        font-size: 20px !important;
        line-height: 22px !important;
    }
    .fsize30 {
        font-size: 24px !important;
    }
    .fsize34 {
        font-size: 28px !important;
    }
    .fsize17, .fsize18 {
        font-size: 15px !important;
    }
    ul.database-icons > li{
        margin-bottom: 10px;
    }

    /* KPI list page */
    .btn-default.grey {
        min-width: 46%;
    }
    .pagination>li>a, .pagination>li>span {
        padding: 4px 3px;
    }
    .kpi-listing {
        padding-top: 10px;
        margin-top: 20px;
    }
    .kpi-bar-height {
        height: 100px;
        border-bottom: 1px solid #ddd;
        margin: 0 -15px;
    }
    .kpi-bar-height .col-xs-6.text-right {
        text-align: center;
    }

    /* KPI advisory homepage and form */
    .kpi-advisory-border-left{
        height: auto;
        margin-top: 10px;
    }
    .key-benefits-text {
        top: -10px;
    }
    .key-benefits-border {
        padding: 0 5px;
        margin-top: 20px;
    }
    ul.key-benefits-icons li {
        font-size: 15px;
        line-height: 17px;
    }
    ul.key-benefits-icons li > i{
        margin: 0 10px 10px 5px;
    }
    .advisory-icons i{
        margin: 0 10px;
    }
    .advisory-icons i.margin-top10-neg {
        margin-top: 0 !important;
    }
    .database-icons i {
        margin-bottom: 10px;
    }
    .wizardForm {
        margin: 10px 0 0 0;
    }
    .nav-pills.nav-wizard > li {
        width: 100%;
    }
    .nav-pills.nav-wizard > li a {
        border-radius: 0 !important;
        margin: 0;
        padding: 10px 15px;
    }
    .nav-pills.nav-wizard > li .nav-arrow,
    .nav-pills.nav-wizard > li .nav-wedge {
        display: none;
    }

    /* KPI training */
    .training-banner-top {
        padding-top: 0;
        min-height: 0;
    }
    .training-benefits h2 {
        padding: 20px 0;
        margin-bottom: 0;
    }
    .training-details img {
        max-width: 130px;
        float: left;
    }
    .kpi-sidebar-help a{
        margin: auto 10%; !important;
    }
    .padding-text-about-us{
        padding-top: 10px;
        display: block;
    }
    .research-library-img-mobile{
        float: none !important;
        display: block;
        margin-right: auto;
        margin-left: auto;
    }

    footer .base-nav {
        display: block;
        text-align: center;
        float: none !important;
    }
    footer .column {
        text-align: center;
    }

    footer .footer-content h3 {
        margin-top: 20px;
    }
    footer .footer-bar img {
        margin: 0 auto;
    }
    footer .footer-bar ul.base-nav a {
        padding-right: 0;
        font-size: 12px !important;
    }
    footer .footer-bar .col-md-9 {
        text-align: center;
    }

    /* footer contact */
    footer ul.footer-contact li {
        display: block;
        width: 90%;
        line-height: 16px;
        padding-bottom: 20px;
        text-align: left;
        margin-left: auto;
    }
    footer ul.footer-contact li img {
        width: 36px;
        height: 36px;
        margin-left: 0 !important;
        margin-bottom: 60px !important;
    }

    a.toggle-trigger {
        float: none;
        display: block;
        text-align: center;
    }
}


@media only screen and (max-width: 479px) {
    /* slider */
    .noimg-slider h1 {
        font-size:60px !important;
        line-height:60px !important;
    }

    .slides-navigation a { 
        top:auto !important;
        bottom:30px !important;
    }
    .slides-pagination {
        bottom:30px !important;
    }

    #slider .image-caption .inner h1 {
        font-size:40px; 
        line-height:40px;
    }
    body.boxed #slider .image-caption {
        left:50% !important;
    }

    #wrapper {

    }

    header#topNav div.nav-main-collapse {
        margin: -25px -15px 0 -15px !important;
    }

    /* image no float */
    a.inner.pull-left,
    a.inner.pull-right,
    img.inner.pull-left,
    img.inner.pull-right {
        float:none !important;
        margin:20px 0 !important;
    }

    /* tabs */
    div.tabs ul.nav-tabs li,
    div.tabs ul.nav-tabs li a {
        display:block !important;
        float:none !important;

        -webkit-border-radius: 0;
           -moz-border-radius: 0;
                border-radius: 0;
    }

    .responsive-text-center {
        text-align:center !important;
    }

    header#topNav{
        /*height: auto !important;*/
    }
    header#topNav a.logo {
        width: 120px;
        margin-top: 12px;
        text-align: center;
        margin-left: -10px;
    }
    header#topNav a.logo img {
        height: auto;
        margin: 0 auto;
    }
    header#topHead .signin-dd {
        margin-right: 48px;
    }
    header#topHead .signin-dd .dropdown-menu {
        margin-right: 0;
        margin-top: -15px;
    }
    header#topHead .logged-user {
        margin-right: 40px;
    }
    header#topHead a {
        margin: 0;
        padding-left: 4px;

    }
    header#topNav button.btn-mobile {
        margin-right: -10px;
        padding: 4px 6px 3px 6px;
    }
    header#topNav .kpi-viewed {
        margin-left: 2px !important;
        position: relative;
        top: 12px;
        padding: 6px !important;
    }
    header#topNav #user-menu {
        position: absolute;
        top: -18px;
    }

    header.top-header .btn-mobile {
        margin-right: -10px;
    }


    /* item box */
    .item-box {
        width:100%;
        max-width:100%;
        text-align:center;
    }
    .item-box figure {
        text-align:center;
        width:100%;
        max-height:100% !important;
    }
    .item-box figure img {
        margin:auto;
        height:auto !important;
        width:auto !important;
    }

    .subscription-background {
        min-height: 450px;
        height: auto;
    }
    .training-benefits ul.list-unstyled i.featured-icon.half {
        margin-bottom: 60px;
    }
    .courses-benefits i.fa-check-circle.red,
    .courses-benefits i.fa-check-circle.blue,
    .courses-benefits i.fa-check-circle.purple-red,
    .courses-benefits i.fa-check-circle.purple-navy {
        margin-bottom: 20px;
        float: left;
    }

    ul.contact-us-office {
        margin: 20px auto;
        width: 100%;
        text-align: center;
    }
    ul.contact-us-office img {
        float: none !important;
        margin: 0 auto;
    }
    ul.contact-us-office .margin-bottom80 {
        margin-bottom: 10px !important;
    }
    ul.contact-us-office .margin-bottom100 {
        margin-bottom: 10px !important;
    }

    ul.key-benefits-icons li {
        font-size: 14px;
        line-height: 16px;
    }
    ul.key-benefits-icons li > i{
        margin: -2px 10px 26px 5px;
    }

    /* 404 */
    div.e404 {
        font-size:1150%;
        text-align:center;
    }

    .parallax a.btn {
        width: 100%;
        margin-right: 0;
    }

    .hidden-extra-small{
        display: none;
    }
    /*About us overview*/
    .mobile-margin-bottom50{
        margin-bottom: 50px !important;
    }
    .mobile-margin-bottom40{
        margin-bottom: 40px !important;
    }
    .padding-text-about-us{
        padding-top: 0;
    }

    footer ul.footer-contact li {
        width: 100%;
    }
}

@media only screen
and (max-device-width : 767px)
and (orientation : landscape) {

    header#topNav div.nav-main-collapse.in {
        max-height: 168px;
        overflow: scroll;
    }

    header.top-header div.nav-top-collapse.in {
        max-height: 250px;
        min-height: auto;
        overflow: scroll;
    }
}