/* Laptop 1440 - 14, 15 inch i veci */
@media screen and (min-width: 1281px) and (max-width: 1620px) {}

/* Laptop 1280 - 13 inch */
@media screen and (min-width: 1024px) and (max-width: 1280px) {}


/* Tablet landscape 1024 - 10 inch */
@media screen and (min-width: 768px) and (max-width: 1360px) and (orientation: landscape) {}


/* Tablet portrait 768 - 7 inch */
@media screen and (min-width: 768px) and (max-width: 1023px) {}


/* Mobile landscape 480 - 5 inch */
@media screen and (min-width: 480px) and (max-width: 768px) and (orientation: landscape) {}


/* Mobile portrait 280 - 3 inch */
@media screen and (max-width: 767px) {

    .navbar-light .navbar-toggler {
        color: #fff;
        border-color: #fff;
    }

    .navbar-light .navbar-toggler-icon {}

    #breadcrumb-section h1,
    #pricing h2,
    #leave-a-message h2,
    #get-in-touch h2,
    #hero h1 {
        font-size: 40px;
    }

    #breadcrumb-section .breadcrumb .breadcrumb-item::before,
    #breadcrumb-section .breadcrumb .breadcrumb-item.active,
    #breadcrumb-section .breadcrumb li a {
        font-size: 16px;
    }

    .carousel {
        margin-bottom: 24px;
    }

    #get-in-touch .text-right {
        text-align: left !important;
        margin-top: 16px;
    }

    #hero p {
        font-size: 17px;
    }

    .btn {
        padding: 10px 28px;
        font-size: 14px;
    }

    #testimonials .testimonials-content {
        margin: 30px 8px;
    }

    #testimonials .testimonials-content .icon {
        left: -20px;
        top: -45px;
    }

    #contact-info .col-lg-4,
    #steps .steps-content,
    #pricing .pricing-content,
    #counter .col-lg-3,
    #about-intro .about-intro-content {
        margin: 24px 0;
    }

    footer h3 {
        margin-top: 32px;
    }

    #steps .steps-content {
        justify-content: center;
    }

    #our-team .our-team-section .our-team-content,
    #technologies .technologies-content .technologies-info .technologies-skill {
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
    }

    #our-team .our-team-section {
        flex-direction: column;
    }

    #service-intro .service-intro-image h2 {
        font-size: 35px;
    }

    #service-intro .service-intro-image {
        height: 500px;
    }

    #service-intro .service-intro-image img {
        height: 100%;
    }

    #service-intro .service-intro-image .text1,
    #service-intro .service-intro-image .text2 {
        width: 80%;
    }

    #projects p,
    #projects .pagination {
        text-align: center;
        justify-content: center !important;
        margin: 10px 0 !important;
    }

    .navbar-light .navbar-toggler img {
        width: 28px;
        filter: brightness(0) invert(1);
    }

    .scroll-menu .navbar-toggler img {
        filter: brightness(0%);
    }

    .scroll-menu .navbar-toggler {
        border-color: #000;
    }
}