/* =============================================
----------------- Responsive  ------------------
==============================================*/

/* Large desktop */
@media (min-width: 1200px) {

    .title {
        font-size: 3.2rem;
    }

    #wrapper.boxed {
        width: 1170px;
        margin: 40px auto;
    }

    #footer #newsletter-container input[type="text"] {
        width: 360px;
    }

    .sort-box,
    .view-box {
        float: left;
    }

    .category-toolbar {
        border-bottom: 1px solid #eeeeee;
    }

    .filter-color-list li.last-md {
        margin-right: 10px;
    }

    .filter-color-list li.last-lg {
        margin-right: 0;
    }

    .article {
        padding-left: 100px;
    }

        .article .article-meta-date {
            width: 85px;
            padding: 22.5px 0;
        }

    .sidebar .widget.subscribe {
        padding: 25px;
    }

        .sidebar .widget.subscribe h3 {
            font-size: 28px;
            line-height: 35px;
        }

        .sidebar .widget.subscribe .form-group {
            padding: 0;
        }

    .sidebar h3 {
        font-size: 25px;
    }


    .cart-table .cart-product-name {
        width: 410px;
    }
}

@media (min-width: 980px) and (max-width: 1200px) {
    .logo {
        width: 200px;
    }

    #map_inner {
        top: -470px;
    }

    #provinces {
        top: 10px;
        left: 200px;
    }

    #new_way h3 {
        font-size: 3.5rem;
    }
}

@media (min-width: 481px) and (max-width: 990px) {

    .blog .sidebar {
        display: none;
    }
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {

    .title {
        font-size: 38px;
    }

    .logo {
        position: relative;
        margin-top: 0px;
        float: left;
        width: 100px;
    }

    section.sectors .no-content {
        display: none;
    }

    #map_inner {
        top: -360px;
    }

    span.icon-drop {
        font-size: 1.4rem;
        right: 0px;
        top: -2px;
    }

    #top-footer h3 {
        display: block;
        float: none;
    }

    #new_way {
        padding-top: 30px;
    }

        #new_way h1 {
            font-size: 6rem;
        }

        #new_way .contents p {
            line-height: 1.5;
        }

    #Canada-map .map-info {
        position: relative;
        width: 100%;
        padding-top: 40px;
        z-index: 10;
        margin-bottom: 30px;
        bottom: 0px;
    }

    #provinces {
        top: 0px;
        left: 150px;
    }

    #new_way h3 {
        font-size: 3.5rem;
    }
}

@media (min-width: 768px) and (max-width: 1024.2px) {

    #map {
        padding-top:400px;
    }
}


/* Landscape phone to portrait tablet */
@media (max-width: 767px) {

    html {
        overflow-y: auto;
    }

    .page-intro .info {
        border-left: 0px solid #f36f23;
        margin-left: -10px;
    }

    .header-top-right {
        float: none;
        clear: both;
        text-align: center;
    }

    .header-text-container.pull-right {
        float: none !important;
        display: inline-block;
        margin: 0px auto;
    }

    .nav-tabs > li {
        width: 100%;
        margin: 0 0 10px 0;
    }

    .btn-shop .form-control {
        width: 100%;
        text-align: center
    }

    button.buy-now.pull-right.add-to-cart {
        WIDTH: 100%;
        margin: 20px 0 20px 0
    }

    .home-banners a {
        margin-right: auto;
        margin-left: auto;
    }

    .title {
        font-size: 30px;
    }


    .title-desc {
        font-size: 14px;
    }

    #wrapper.boxed {
        width: 100%;
        margin: 0;
    }

    /* helper classes */
    .hide-for-xs {
        display: none;
    }

    .hide-for-lg {
        display: inline;
    }

    .flag-container {
        margin-right: 0;
    }

    .header-top-dropdowns .btn {
        min-width: 45px;
    }

    #top-links li {
        margin: 0;
    }

        #top-links li a {
            height: auto;
        }

        #top-links li:first-child a .top-icon {
            left: 15px;
        }

        #top-links li:first-child a {
        }

    #header .dropdown-menu > li > a {
        text-align: center;
    }

    #inner-header {
        padding-top: 0px;
    }

        #inner-header .logo-container {
            margin-bottom: 26px;
        }

        #inner-header .header-inner-right {
            margin: 0px;
        }

    .header-inner-right-wrapper {
        top: 10px;
        right: 15px;
        z-index: 1000;
    }

    .col-2 {
        padding-left: 15px;
    }

    .logo {
        display: inline-block;
        margin: 15px;
        float: left !important;
        width: 50%;
        line-height: 1;
    }

        .logo > a {
            margin-left: 0;
            display: inline-block;
        }

    .md-margin {
        margin-bottom: 0px !important;
    }

    .sort-box {
        position: absolute;
        top: -20px;
        right: 0;
    }

        .sort-box .select-dropdown {
            margin-right: 0;
        }

    .view-box {
        float: right;
    }

    .sidebar .widget.subscribe {
        padding: 25px;
    }

        .sidebar .widget.subscribe h3 {
            font-size: 30px;
            line-height: 35px;
        }

        .sidebar .widget.subscribe .form-group {
            padding: 0;
        }

    .article {
        padding-left: 75px;
    }

        .article .article-meta-date {
            width: 65px;
            padding: 12.5px 0;
        }

        .article .article-meta-more,
        .article .article-meta-view {
            float: none;
            margin-top: 10px;
        }

        .article .article-meta-container .article-meta-more a,
        .article .article-meta-container .article-meta-view a {
            margin-left: 0;
            margin-right: 20px;
        }

    .product-extra-box-container {
        float: none;
    }

    .product-extra-box,
    .product-extra-box {
        float: left;
        margin-right: 30px;
    }

        .product-extra-box span,
        .product-extra-box span {
            display: inline-block;
            margin-left: 6px;
        }

    .product .share-button-group {
        float: none;
        width: 100%;
        margin-left: 0;
    }

    .tab-container .nav-tabs {
        border-right: 1px solid transparent;
    }

    .tab-container.left .nav-tabs,
    .tab-container.right .nav-tabs {
        float: none;
    }

    .tab-container .tab-content {
        padding: 0 30px 0;
    }

        .tab-container .tab-content .tab-pane {
            padding: 30px 0;
        }

    #footer-bottom p {
        margin: 0 0 6px;
        text-align: center;
    }

    .cart-table .close-button {
        margin-top: 10px;
    }

    .table-responsive {
        border: none;
    }

    .cart-table .item-name-col figure {
        margin-bottom: 20px;
    }

    .single-portfolio-btn-container {
        top: -57px
    }

    .portfolio-btn {
        width: 41px;
        height: 30px;
    }

        .portfolio-btn.portfolio-btn-prev {
            background-position: -108px -200px;
        }

        .portfolio-btn.portfolio-btn-next {
            background-position: -147px -200px;
        }

        .portfolio-btn.portfolio-btn-prev:hover {
            background-position: -108px -228px;
        }

        .portfolio-btn.portfolio-btn-next:hover {
            background-position: -147px -228px;
        }

    .team-member-header figure {
        margin-left: auto;
        margin-right: auto;
    }

    .menu-wrapper {
        display: inline-block;
        float: right;
    }

    .toolbar .row > div {
        clear: both;
        text-align: center;
    }

    #investment .investment-item {
        margin-bottom: 20px;
    }

        #investment .investment-item .caption_type p {
            min-height: 0px;
        }

    #member a {
        display: block;
        clear: both;
        margin-top: 20px;
    }

    #top-footer .image {
        text-align: center;
        margin-top: 0px;
    }

    .copyright-menu {
        text-align: center;
    }

    #footer-bottom {
        text-align: center;
    }

    .footer-menu.pull-right {
        float: none !important;
        display: inline-block;
    }

    .icons.pull-right {
        float: none !important;
    }

    #page-title .title,
    #page-sub_title .title {
        border: none;
        margin-bottom: 20px;
    }

    section.sectors .no-content {
        display: none;
    }

    #map_inner {
        top: -120px;
    }

    h1,
    section.toolbar .title {
        font-size: 3.5rem
    }

    #toolbar-1 .step {
        font-size: 42px;
        height: 42px;
        padding-top: 0px;
    }

        #toolbar-1 .step:after {
            font-size: 50px;
        }

    #toolbar-1 .contents {
        color: #e9f2d1;
    }

    #new_way .contents {
        padding: 0px 30px;
    }

    div.menus {
        display: none;
    }

    span.icon-drop {
        display: none;
    }

    #top-footer h3 {
        display: block;
        float: none;
    }


    #new_way {
        padding-top: 30px;
    }

        #new_way h1 {
            font-size: 4rem;
        }

        #new_way .contents p {
            font-size: 2rem;
            line-height: 1.5;
        }

    #Canada-map .map-info {
        position: absolute;
        width: 100%;
        padding-top: 40px;
        z-index: 10;
        margin-bottom: 30px;
        bottom: 0px;
    }

    #provinces {
        top: 15px;
        left: 150px;
    }

        #provinces a {
            font-size: 12px;
        }

    h1.logo.clearfix {
        margin: 5px 15px;
    }

    .form-group > div {
        display: inline-block;
    }

    #inner-page ul.proflie-tab li {
        margin-bottom: 0px;
    }

        #inner-page ul.proflie-tab li.active a {
            border-left: 1px #f36f23 solid;
            border-top: 1px solid #ddd;
        }

    #footer .widget {
        margin-bottom: 20px;
    }

    #investment .investment-item .caption_type {
        min-height: inherit;
    }

    #new_way h3 {
        font-size: 3rem;
    }
}

@media (max-width: 580px) {
    #new_way {
        padding-top: 10px;
    }


    #Canada-map {
        min-height: 280px;
    }

    ul#top-links.clearfix li a.ns {
        display: none;
    }

    #top-links li a {
        font-size: 2em;
        padding-top: 10px;
        margin-bottom: 10px;
    }

    .logo {
        padding: 10px 0 10px 0;
    }

    #new_way .contents p {
        font-size: 2rem;
        line-height: 1.5;
        padding: 0px;
        margin: 0px;
    }

    #new_way h3 {
        font-size: 1.8rem;
        margin-top: 10px;
    }

    .social_media a {
        float: none;
        margin-top: 0px;
        margin-bottom: 10px;
    }
}

/* Landscape phones and down */
@media (max-width: 480px) {

    .team-member {
        width: 100%;
        float: none;
    }

    #content.no-content {
        min-height: 600px;
    }

    h1.e404 {
        color: #9dcb47;
        font-size: 4em;
    }

    .widget_pages ul li a:after, .widget_archive ul li a:after, .widget_meta ul li a:after, .widget_categories ul li a:after {
        right: -11px;
    }

    #sign_up .row > div {
        padding-left: 0px;
        padding-right: 0px;
    }

    #sign_up .image {
        margin-top: 0px;
    }

    .how-it-works .sign_up {
        font-size: 14px;
        display: block;
    }

        .how-it-works .sign_up span {
            background-size: 20px 20px;
            width: 20px;
            height: 20px;
            vertical-align: -5px;
        }

    #page-title h2,
    #page-sub_title h2 {
        font-size: 2.4rem;
    }

    .investor .info a.btn {
        width: 100%;
    }



    #top-links li {
        font-size: 1rem;
        padding: 0px 10px;
    }

    #new_way {
        padding-top: 30px;
    }

        #new_way h1 {
            font-size: 2rem;
        }

        #new_way .contents,
        #new_way .contents p {
            font-size: 1.4rem;
            padding: 0px;
        }

    #provinces {
        top: 20px;
        left: 90px;
    }

        #provinces a {
            font-size: 8px;
            line-height: 1.2;
            margin-right: 5px;
        }

    section#toolbar-1.toolbar .title h2 {
        font-size: 2.4rem;
    }

    #custom-header .cta .cta-holder {
        height: 300px;
    }

    #custom-header .cta h2 {
        padding-top: 10%;
        font-size: 2.4rem;
    }

    #custom-header .cta .cta-text {
        padding: 20px;
    }

    #custom-header .cta-link {
        position: static;
        margin: 0px;
        clear: both;
    }


    #custom-header .cta a {
        font-size: 2rem;
        padding: 10px 60px;
    }

    #footer .widget {
        margin-bottom: 20px;
    }

    #footer-bottom ul li a {
        font-size: 1.2rem;
    }

    #investment .investment-item .caption_type {
        min-height: inherit;
    }

    #page-title .line-2 h2 {
        font-size: 2rem;
    }

    #page-sub_title h3 {
        font-size: 2.4rem;
    }


    #inner-page ul.proflie-tab li a {
        padding: 10px 20px;
    }

    #inner-page .tab-content {
        margin-bottom: 20px;
    }

    .entrepreneur #investor .row > div .button-light,
    .entrepreneur #documents .row > div .button-light,
    .entrepreneur #financias .row > div .button-light {
        margin-bottom: 20px;
    }

    #inner-page ul.proflie-tab li {
        margin-bottom: 0px;
    }

        #inner-page ul.proflie-tab li.active a {
            border-left: 1px #f36f23 solid;
            border-top: 1px solid #ddd;
        }

    .social_media.share {
        float: none;
        text-align: center;
        margin-top: 0px;
        margin-bottom: 20px;
    }

    .blog .sidebar {
        display: none;
    }

    #responsive-nav-button #responsive-nav-button-icon {
        margin-top: 10px;
    }
}

@media (max-width: 498px) {


    #loginForm.login-panel {
        padding: 10px 50px 0;
    }

    .cta-text {
        display: block;
        margin: 0px 0 30px 0;
    }

    #custom-header .cta a {
        padding: 6px 10px;
        clear: both;
    }

    div.validation-summary-errors ul li {
        color: red;
    }
}

@media (max-width: 300px) {


    .logo {
        margin: -15px 0;
    }

    h1.e404 {
        color: #9dcb47;
        font-size: 4em;
    }
}