/* pages */
.p-bx {
    display: inline-block;
    margin: 0;
    padding: 0 0 3.0% 0;
    width: 50.0%;
    overflow: hidden;
    font-family: 'NoSpace';
    vertical-align: top;
}
.p-bx-t {
    display: inline-block;
    margin: 0;
    padding: 0 10%;
    width: 80.0%;
    overflow: hidden;
    font-family: 'NoSpace';
    vertical-align: middle;
}
.p-bx-t h1 {
    display: block;
    padding: 0 0 1.2% 0;
    font-size: 2.6em;
    font-weight: 500;
    color: rgba(255,255,255,1.00);
}
.p-bx-t h3 {
    display: block;
    padding: 0 0 0.8% 0;
    font-size: 1.4em;
    font-weight: 400;
    line-height: 1.42em;
    width: 90%;
    color: rgba(223,223,223,1.00);
}
.pg-bx-txt {
    display: inline-block;
    margin: 0;
    padding: 0 10%;
    width: 80.0%;
    overflow: hidden;
    font-family: 'NoSpace';
    vertical-align: middle;
}
.pg-bx-txt p {
    font-size: 1.2em;
    font-weight: 400;
    color: rgba(255,255,255,1.00);
}
.pg-bx-txt h2 {
    font-size: 1.6em;
    font-weight: 500;
    color: rgba(255,255,255,1.00);
}
.p-bx-l {
    margin: 0;
    padding: 0 0 2.0% 0;
    width: 50.0%;
    font-family: 'NoSpace';
    z-index: 15;
}
.p-bx-l-img {
	border-radius: 50%;
    border-style: solid;
    border-width: 0.9em;
    border-color: rgba(255,255,255,1.00);
    overflow: hidden;
    width: 110%;
    top: 0;
}
.p-bx-l-img:before,
.p-bx-l:before {
    content: "";
    display: block;
}
.p-bx-l-img:before, 
.p-bx-l:before {
    padding-top: 100%;
}


@media (min-width:1152px) and (max-width:1279px)  {

}
@media (min-width:1280px) and (max-width:1367px){

}
@media (min-width:1368px) and (max-width:1489px){

}
@media (min-width:1490px) and (max-width:1689px){

}
@media (min-width:1600px){

}
@media (min-width:1920px){

}
@media (min-width:360px) and (max-width:567px) {
/* pages */
.p-bx {
    width: 62.0%;
}
.p-bx-t,
.pg-bx-txt {
    padding: 0 0% 0 8%;
    width: 92.0%;
}
.p-bx-t h1 {
    font-size: 1.6em;
}
.p-bx-t h3,
.pg-bx-txt h2,
.pg-bx-txt p {
    font-size: 100%!important;
}
.p-bx-l {
    right: 0%;
    width: 38.0%;
    overflow: hidden;
}
.p-bx-l-img {
    top: 10%;
    width: 230%;
}
.p-bx-l:before {
    padding-top: 400%;
}

}
@media (min-width:568px) and (max-width:639px) {

/* pages */
.p-bx {
    width: 62.0%;
}
.p-bx-t,
.pg-bx-txt {
    padding: 0 0% 0 8%;
    width: 92.0%;
}
.p-bx-t h1 {
    font-size: 1.7em;
}
.p-bx-t h3,
.pg-bx-txt h2,
.pg-bx-txt p {
    font-size: 100%!important;
}
.p-bx-l {
    right: 0%;
    width: 38.0%;
    overflow: hidden;
}
.p-bx-l-img {
    top: 10%;
    width: 160%;
}
.p-bx-l:before {
    padding-top: 300%;
}


}
@media (min-width:640px) and (max-width:735px) {



}
@media (min-width:736px) and (max-width:979px) {

}
@media (min-width:980px) and (max-width:1151px) {

}
@media (max-width:359px) {

/* pages */
.p-bx {
    width: 62.0%;
}
.p-bx-t,
.pg-bx-txt {
    padding: 0 0% 0 8%;
    width: 92.0%;
}
.p-bx-t h1 {
    font-size: 1.4em;
}
.p-bx-t h3,
.pg-bx-txt h2,
.pg-bx-txt p {
    font-size: 90%!important;
}
.p-bx-l {
    right: 0%;
    width: 38.0%;
    overflow: hidden;
}
.p-bx-l-img {
    top: 10%;
    width: 230%;
}
.p-bx-l:before {
    padding-top: 400%;
}

}