/*-------------------------
   FLIP BOX ICONS
--------------------------*/
.flip-box-style-001{
    padding: 0px 30px; position:relative;
}

.flip-box-style-002{
    padding: 0px 30px;  position:relative;
}

.flip-box-style-001 .sppb-flipbox-front.flip-box .flip-box-inner .fa-signal:before {
    position: absolute;
    content:'';
    width: 500px;
    height: 500px;
    background: url(/images/001-AsiaStreet/about/target.svg);
    top: 0px;
    /* z-index: 999; */
    left: 0;
    right: 0;
    margin: auto;
    transform: matrix(0.1,0,0,0.1,-30,-165);
}

.flip-box-style-002 .sppb-flipbox-front.flip-box .flip-box-inner .fa-signal:before{
    position: absolute;
    content:'';
    width: 500px;
    height: 500px;
    background: url(/images/001-AsiaStreet/about/goal.svg);
    top: 0px;
    /* z-index: 999; */
    left: 0;
    right: 0;
    margin: auto;
    transform: matrix(0.1,0,0,0.1,-30,-165);
}

/*-----------------------------------------------------------------------
                                350 px
-------------------------------------------------------------------------*/
@media screen and (max-width:351px){
.flip-box-style-001 .sppb-flipbox-front.flip-box .flip-box-inner .fa-signal:before {transform: matrix(0.1,0,0,0.1,-140,-160);}
.flip-box-style-002 .sppb-flipbox-front.flip-box .flip-box-inner .fa-signal:before{transform: matrix(0.1,0,0,0.1,-140,-160);}
}

/*-----------------------------------------------------------------------
                                360 px
-------------------------------------------------------------------------*/
@media screen and (min-width:351px) and (max-width:360px){
.flip-box-style-001 .sppb-flipbox-front.flip-box .flip-box-inner .fa-signal:before {transform: matrix(0.1,0,0,0.1,-135,-160);}
.flip-box-style-002 .sppb-flipbox-front.flip-box .flip-box-inner .fa-signal:before{transform: matrix(0.1,0,0,0.1,-135,-160);}
}

/*-----------------------------------------------------------------------
                                412 px
-------------------------------------------------------------------------*/
@media screen and (min-width:361px) and (max-width:412px){
.flip-box-style-001 .sppb-flipbox-front.flip-box .flip-box-inner .fa-signal:before {transform: matrix(0.1,0,0,0.1,-109,-160);}
.flip-box-style-002 .sppb-flipbox-front.flip-box .flip-box-inner .fa-signal:before{transform: matrix(0.1,0,0,0.1,-109,-160);}
}

/*-----------------------------------------------------------------------
                                428 px
-------------------------------------------------------------------------*/
@media screen and (min-width:413px) and (max-width:428px){
.flip-box-style-001 .sppb-flipbox-front.flip-box .flip-box-inner .fa-signal:before {transform: matrix(0.1,0,0,0.1,-101,-159);}
.flip-box-style-002 .sppb-flipbox-front.flip-box .flip-box-inner .fa-signal:before{transform: matrix(0.1,0,0,0.1,-101,-159);}
}

/*-----------------------------------------------------------------------
                                480 px
-------------------------------------------------------------------------*/
@media screen and (min-width:429px) and (max-width:480px){
.flip-box-style-001 .sppb-flipbox-front.flip-box .flip-box-inner .fa-signal:before {transform: matrix(0.1,0,0,0.1,-75,-159);}
.flip-box-style-002 .sppb-flipbox-front.flip-box .flip-box-inner .fa-signal:before{transform: matrix(0.1,0,0,0.1,-75,-159);}
}

/*-----------------------------------------------------------------------
                                768 px
-------------------------------------------------------------------------*/
@media screen and (min-width:481px) and (max-width:768px){
.flip-box-style-001 .sppb-flipbox-front.flip-box .flip-box-inner .fa-signal:before {transform: matrix(0.1,0,0,0.1,-1,-159);}
.flip-box-style-002 .sppb-flipbox-front.flip-box .flip-box-inner .fa-signal:before{transform: matrix(0.1,0,0,0.1,-1,-159);}
}

/*-----------------------------------------------------------------------
                                768 px
-------------------------------------------------------------------------*/
@media screen and (min-width:769px) and (max-width:864px){
.flip-box-style-001 .sppb-flipbox-front.flip-box .flip-box-inner .fa-signal:before {transform: matrix(0.1,0,0,0.1,0,-165);}
.flip-box-style-002 .sppb-flipbox-front.flip-box .flip-box-inner .fa-signal:before{transform: matrix(0.1,0,0,0.1,0,-165);}
}

/*-----------------------------------------------------------------------
                                992 px
-------------------------------------------------------------------------*/
@media screen and (min-width:768px) and (max-width:992px){
.flip-box-style-001 .sppb-flipbox-front.flip-box .flip-box-inner .fa-signal:before {transform: matrix(0.1,0,0,0.1,-75,-166);}
.flip-box-style-002 .sppb-flipbox-front.flip-box .flip-box-inner .fa-signal:before{transform: matrix(0.1,0,0,0.1,-75,-166);}
}