@media (max-width: 576px) { .carousel-inner { height: 500px; } .carousel-inner img { width: auto; } .carousel-inner > .carousel-item { height: 100%; } .navbar-collapse { display: block; flex-basis: auto; flex-grow: 0; min-width: 40px; } .navbar-collapse .collapsing { transition: none !important; } .navbar-collapse .collapse { width: 0; position: fixed; top: 0; bottom: 0; left: 0; /* transition: width 2s; */ background-color: #fff; z-index: 10; } .navbar-collapse .collapse .nav-link { color: #222a41 !important; } .navbar-collapse .collapse.show { width: 90%; } .m-nav .navbar-collapse header { display: block; } .navbar-collapse .search-box { margin: 0 auto; /* margin-right: 10px; */ } .carousel-description > .container > * { width: 100% !important; text-align: center; } .m-module1 .border { border: 0 !important; } .m-product .pc-more { display: none; } .m-product .mobile-more { display: block !important; } .m-product { text-align: center; } .m-product h2 { width: 100%; } .m-aboutme { text-align: center; } .footer-flex { flex-wrap: wrap; } .footer-flex .footer-main { flex-basis: 100%; } .footer-flex .text-center { text-align: left !important; } .honor { text-align: center; } .u-development-details { flex-wrap: wrap; flex-direction: column; } .u-development-details .border-title { border-left: 0.5rem solid #fff !important; } .u-development-details .border { border: 0 !important; border-left: 0.5rem solid #fff !important; position: relative; box-sizing: border-box; } .u-development-details .border:last-child { border: 0 !important; } .u-development-details .border:last-child:before { left: -0.25rem; } .u-development-details .border:before { content: ""; width: 1rem; height: 1rem; background-color: #fff; border-radius: 0.5rem; position: absolute; top: -0.1rem; left: -0.75rem; } .u-development-details>div:first-child .border { border-left: 0.5rem solid #fff !important; margin-bottom: 0; } .u-development-details>div:first-child .border::after{ content: ""; display: none; /* border-bottom: 0 !important; border-left: 0.5rem border #fff !important; position: absolute; bottom: -0.5rem; height: 100%; width: auto; left: 0; */ /* z-index: 50; */ } .u-development-details>div:last-child .border{ border-left: 0.5rem solid #fff !important; margin-bottom: 0; } .u-development-details>div:last-child .border::after{ content: ""; display: none; border-bottom: 0.5rem solid #FFF !important; position: absolute; bottom: -0.5rem; width: 50%; left: 0; /* z-index: 50; */ } .u-development-details .text-center { text-align: left !important; } .m-team > section { text-align: center; } .m-common-content { flex-wrap: wrap; } .m-common-content > * { flex-basis: 100%; width: 100%; } .m-common-content .blog-item { width: 100% !important; } .m-contact { text-align: center; } .m-contact .d-flex { justify-content: center; } .m-job-description { padding: 0; } .overflow-list> section { flex-wrap: wrap !important; } } @media (min-width: 992px) { .navbar-collapse .collapse { display: block; flex: 1; } .navbar-collapse .collapse ul { float: right; } }