#containerseiterand { text-align: center; } .btn btn-primary { color: #043381; background-color: #fff; } #tableSearch { width: 1300px; } .align-self-xl-start { width: 100%; } #normaltable { width: 1500px; } .carousel-inner { width: 1604px; } h1 { color: #043381; font-size: 32px; } #imgcar { width: 1200px; height: auto; } .carousel-inner { width: 1200px; height: 333px; } .carousel-item { width: 1200px; height: 333px; } .carousel-item active { width: 1200px; height: 333px; } .carousel slide { width: 1200px; height: 333px; } @media (max-width: 558.98px) { #conovertab { width: 350px; overflow-x: auto; } body { width: 400px; } h1 { color: #043381; font-size: 22px; } #tableSearch { max-width: 350px; } #containerseiterand { margin-left: 5px; margin-right: 5px; width: 350px; } #imgcar { width: 140%; height: auto; } .carousel-inner { width: 360px; height: 72px; } .carousel-item { width: 360px; height: 72px; } .carousel-item active { width: 360px; height: 72px; } #imgcar.d-block w-100 { width: 360px; height: 72px; } .carousel slide { width: 360px; height: 72px; } .carousel-caption d-block d-md-block { width: 320px; height: 62px; } .modal-content{ width:400px; } } @media (max-width: 322.98px) { #conovertab { width: 320px; overflow-x: auto; } body { width: 320px; } h1 { color: #043381; font-size: 21px; } #tableSearch { max-width: 315px; } #containerseiterand { margin-left: 5px; margin-right: 5px; width: 315px; } #imgcar { width: 310px; height: auto; } .carousel-inner { width: 320px; height: 72px; } .carousel-item { width: 320px; height: 72px; } }