.mz-tool {
    background: #2196f3;
    color: #eee
}

.ip-address-list {
    background-color: #107bcf;
    border: 1px solid #006dc3;
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 6px
}

.ip-title {
    font-family: monospace;
    font-size: 20px
}

.ip-address-list p {
    margin-bottom: 10px
}

.ip-address-list p:last-child {
    margin-bottom: 0
}

.ip-title.ipv6 {
    border-bottom: 1px solid #3f94d7;
    padding-bottom: 10px
}

.hide-my-ip {
    padding: 20px
}

.hide-my-ip a {
    background-color: red;
    margin: 20px 0;
    color: #fff
}

.ip-info-container {
    margin-bottom: 30px
}

.ip-info-map img {
    margin-bottom: 20px;
    overflow: hidden;
    border-radius: 20px
}

.mz-tool a {
    color: #fff
}

table,td,th,tr {
    background: 0 0!important;
    padding: 2px 5px;
    border: 0
}

.ip-columns {
    display: flex;
	flex-wrap: wrap;
    gap: 30px
}

.ip-column-left {
    width: 60%
}

.ip-column-right {
    width: 35%
}

.ip-info-title {
    font-size: 20px
}

.breadcrumb {
	width:100%
}

table tbody {
	display: block;
	padding: 20px;
	border: 1px solid #ddd
}

@media (min-width:761px) {
    .ip-title {
        font-size: 20px
    }

    .ip-info-map img {
        margin-bottom: 0
    }

    .ip-map-text {
        padding: 20px
    }

    .ip-info-table,.ip-map-text {
        margin-bottom: 0
    }
}

@media (max-width:761px) {
    .ip-columns {
        flex-direction: column;
        gap: 20px
    }

    .ip-column-left,.ip-column-right {
        width: 100%
    }
	
	.ip-main-title, .ip-info-title {
		text-align: center
	}
}
