/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    .section-2 h5 {
        max-width: 80%;
    }

    .carousel-homepage .img-fluid {
        height: 40vw !important;
    }

    .responsive-right-center-header {
        text-align: right;
    }

    .product-1,
    .product-3 {
        padding-bottom: 6rem !important;
        margin: 0;
    }

    .product-2 {
        padding-top: 6rem !important;
        margin: 0 auto;
    }

}

@media (min-width: 700px) {

    .section-testimonials-img {
        margin: 0;
        width: 100%;
        background: url('../images/Older_gentleman_Hero.png') no-repeat center;
        background-size: cover;
        padding: 5rem !important;
    }

    .section-contactus-img {
        margin: 0;
        width: 100%;
        background: url('../images/contactus.jpg') no-repeat center;
        background-size: cover;
        padding: 5rem !important;
    }

    .section-faqs-img {
        margin: 0;
        width: 100%;
        background: url('../images/FAQs.jpg') no-repeat center;
        background-size: cover;
        padding: 5rem !important;
    }

    .section-products-img {
        margin: 0;
        width: 100%;
        background: url('../images/money\ tree\ hero.png') no-repeat center;
        background-size: cover;
        padding: 5rem !important;
    }
    
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .col-footer-SocialLinks {
        text-align: right !important;
    }

    .col-footer-logo {
        text-align: left !important;
    }

    .footer-menu {
        text-align: left !important;
    }

    .carousel-homepage .img-fluid {
        height: 14.5vw !important;
    }

    .section-ApplyNow .table-ApplyNow {
        display: block;
    }

    .section-ApplyNow .contact-ApplyNow {
        display: none;
    }

    .footer-legend {
        text-align: left;
    }

    .section-ApplyNow .responsive-left-center-header,
    .section-whoweare .responsive-left-center-header,
    .section-newpress-1 .responsive-left-center-header {
        text-align: left;
    }

    .can-video {
        height: 200px;
        width: 360px;
        margin: 2rem 0;
    }

    /******* Timeline **********/
    .container-timeline {
        padding: 7rem 0;
    }

    .timeline-horizontal {
        display: block;
    }

    .timeline-vertical,
    .div-testimonial,
    .blog-header {
        display: none;
    }

    .table-blog-header,
    .div-table-testimonial {
        display: table;
    }

    .section-our-offices .info {
        height: 270px;
        padding: 2rem 2rem !important;
    }

    .icon-bar {
        position: absolute;
        top: 30%;
        right: 5%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .icon-bar a {
        display: block;
        text-align: center;
        color: #00AEEC;
    }
    
    .blog-card .card-header {
        background-size: cover;
        height: 12vw !important;
    }

    /******* Careers Pages **********/
    .tb-careers-autohide {
        display: table-row;
    }
    .tb-careers-autoshow {
        display: none;
    }

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .div-bb {
        text-align: right;
    }

    .can-video {
        height: 316px;
        width: 560px;
        margin: 0;
    }

    .section-whoweare .responsive-left-center-header {
        padding: 3em 0;
    }

    .section-blog-2 .float-center-right {
        float: right;
    }

    .section-our-offices .info {
        padding: 4rem 4rem !important;
    }
    
    .carousel-homepage {
        width: 80%;
    }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    header .navbar-nav {
        display: flex !important;
    }

    .toggle-menu {
        display: none !important;
    }

}