/*@media (min-width: 1400px) {*/
/*.container {*/
/*max-width: 1320px;*/
/*}*/
/*}*/

/*@media (min-width: 1600px) {*/
/*.container {*/
/*max-width: 1580px;*/
/*}*/
/*}*/

@media (max-width: 1200px) {
    .custom-nav-item .nav-link {
        width: 120px;
    }

    .lava-wave a, .lava-wave a xmp {
        font-size: 54px;
    }

    .collapsed-individual .btn {
        font-size: 24px;
    }

    .web-ring {
        width: 76%;
        height: 76%;
        right: 0;
        bottom: 0;
    }

    .ring-content img {
        height: 100px;
    }
}

@media (max-width: 992px) {
    ul.navbar.custom-navbar {
        display: none;
    }

    .full-menu-button {
        display: block;
    }

    header.navbar-fixed {
        padding: 10px 0;
    }

    .full-menu-overlay nav {
        font-size: 24px;
        line-height: 24px;
    }

    .full-menu-overlay ul li a {
        padding: 5px 0;
    }

    .full-menu-overlay .dropdown-item {
        font-size: 18px;
        line-height: 28px;
    }

    .full-menu-overlay {
        padding-top: 100px;
    }

    .stripes-wrap .stripe:nth-child(7), .stripes-wrap .stripe:nth-child(8) {
        display: none;
    }

    .lava-wave a, .lava-wave a xmp {
        height: 90px;
        font-size: 48px;
        line-height: 48px;
        padding: 0 20px;
    }

    .lava-wave-panel .wave {
        height: 100px;
    }

    .testimonial-content h4 {
        font-size: 24px;
        line-height: 34px;
    }

    .section-content {
        font-size: 16px;
        line-height: 26px;
    }

    .section-title, .web-page-title-content h1 {
        font-size: 36px;
        line-height: 36px;
    }

    .banner-content .section-title, .file-path .page-title {
        font-size: 42px;
        line-height: 42px;
    }

    br {
        display: none;
    }

    .number-panel h3 {
        font-size: 48px;
        line-height: 58px;
    }

    .web-page-title-content p, .number-panel h4, .section-subtitle {
        font-size: 18px;
        line-height: 28px;
    }

    .tablet-panel {
        height: 450px;
    }

    .blog-panel {
        margin-bottom: 40px;
    }
}

@media (max-width: 768px) {
    .footer-contact-info a {
        height: auto;
    }

    .section-space {
        padding: 40px 0;
    }

    .web-page-title-content {
        margin: 40px 0;
    }

    .banner-design .embed-responsive, .portfolio-panel .embed-responsive, .leaflet-panel .embed-responsive {
        margin: 0;
        width: 100%;
    }

    .service-tech li {
        font-size: 14px;
        line-height: 24px;
        padding: 10px;
    }

    .leaflet-panel {
        margin: 30px 0 0 0;
    }

    .individual-blog-detail {
        margin-top: 40px;
    }

    .lava-wave {
        border-radius: 50px;
    }
}

@media (max-width: 576px) {
    .stripes-wrap .stripe:nth-child(5), .stripes-wrap .stripe:nth-child(6) {
        display: none;
    }

    .social-item {
        font-size: 24px;
    }

    .social-icon li ~ li {
        margin-left: 20px;
    }

    .footer-logo img {
        width: 200px;
    }

    .footer-logo {
        display: flex;
        justify-content: center;
    }

    .footer-bottom-right-side {
        justify-content: center;
        margin: 30px 0 10px 0;
    }

    .slick-arrow {
        display: none !important;
    }

    .banner-content .banner-call-action {
        font-size: 30px;
        letter-spacing: 0;
    }

    .form-submit {
        padding: 30px 70px;
        background-size: 50px;
    }

    .web-page-title-content p, .number-panel h4, .section-subtitle {
        font-size: 16px;
        line-height: 26px;
    }

    .accordion-panel > button::after {
        right: 10px;
    }

    .accordion-panel button {
        padding-right: 40px;
        font-size: 24px;
    }

    .blog-panel .blog-title {
        font-size: 22px;
    }
}

@media (max-width: 480px) {
    .soften-header-logo {
        height: 60px;
    }

    .lava-wave a, .lava-wave a xmp {
        font-size: 36px;
        line-height: 36px;
    }

    .banner-content .banner-call-action {
        font-size: 30px;
        letter-spacing: 0;
        line-height: 40px;
    }

    .banner-content .section-title, .file-path .page-title {
        font-size: 36px;
        line-height: 46px;
    }

    .banner-content .banner-call-action {
        font-size: 24px;
        line-height: 34px;
    }

    .banner-content .section-content {
        font-size: 18px;
        line-height: 28px;
    }

    .primary-btn {
        padding: 15px 30px;
        margin: 5px 0;
    }

    .section-space {
        padding: 30px 0;
    }

    .web-page-title-content {
        margin: 30px 0;
    }

    .section-title, .web-page-title-content h1 {
        font-size: 30px;
        line-height: 40px;
    }

    .section-content {
        font-size: 14px;
        line-height: 24px;
    }

    .collapsed-individual .btn {
        font-size: 20px;
        line-height: 30px;
    }

    .slick-slide {
        margin: 0;
        padding: 0;
    }

    .testimonial-content h4 {
        font-size: 18px;
        line-height: 28px;
    }

    .testimonial-content img {
        width: 40px;
    }

    .testimonial-content .testimonial-name {
        font-size: 14px;
        line-height: 24px;
    }

    .web-ring {
        width: 64%;
        height: 64%;
    }

    .ring-content img {
        height: 80px;
    }

    .ring-animation {
        height: 300px;
    }

}