.pb-container {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 100px;
}


.pb-scatter,
.pb-three {
    width: 100%;
    max-width: 1000px !important;
    margin: 0 auto !important;
    clear: both !important;
}

.pb-scatter:after {
    clear:both;
    *zoom:1;
    height:0;
    visibility: hidden;
    display:block;
}

.pb-container .pb-feature {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    position: relative;
}

.pb-scatter > .pb-layout-item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
}

.pb-container > .pb-full {
    max-width: none;
    clear: both;
    /*border: 2px solid red;*/
}

.pb-container > .pb-three {
    width: 100%;
    /*border: 2px solid orange;*/
}

.pb-scatter > .pb-two {
    width: 66%;
    /*border: 2px solid green;*/
}

.pb-scatter > .pb-one {
    width: 33%;
    /*border: 2px solid blue;*/
}

.pb-container .clear {
    clear: both;
}

@media only screen and (max-width:768px) {
    .pb-scatter > .pb-two {
        width: 100%;
    }

    .pb-scatter > .pb-one {
        width: 100%;
    }
}


/*
@media only screen and (max-width:768px) {
	.pb-scatter > .pb-feature.pb-two {
		width: 49.5%;
	}

	.pb-scatter > .pb-feature {
		width: 49.5%;
	}
}
*/
@media only screen and (max-width:480px) {
    .pb-scatter > .pb-two {
        width: 100%;
    }

    .pb-scatter > .pb-one {
        width: 100%;
    }

}
