/***** Retina ****************************************/
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
	.headerTitle {background-image: url(../images/bealix_logo@2x.png);background-size: contain;}
	
	#btnBr {background-image: url(../images/imgBr@2x.png); background-size: 98px 129px;}
	
	#btnBr:hover {background-image: url(../images/imgBrHover@2x.png); background-size: 98px 129px;}
	
	#btnBv {background-image: url(../images/imgBv@2x.png); background-size: 115px 129px;}
	
	#btnBv:hover {background-image: url(../images/imgBvHover@2x.png);background-size: 115px 129px;}
	
	#btnBa {background-image: url(../images/imgBa@2x.png); background-size: 103px 129px;}

    #btnBa:hover {background-image: url(../images/imgBaHover@2x.png);background-size: 103px 129px;}

    #btnBi {background-image: url(../images/imgBi@2x.png); background-size: 153px 129px;}

    #btnBi:hover {background-image: url(../images/imgBiHover@2x.png);background-size: 153px 129px;}

    #btnBm {background-image: url(../images/imgBm@2x.png); background-size: 137px 129px;}

    #btnBm:hover {background-image: url(../images/imgBmHover@2x.png);background-size: 137px 129px;}

    #btnBc {background-image: url(../images/imgBc@2x.png); background-size: 155px 129px;}

    #btnBc:hover {background-image: url(../images/imgBcHover@2x.png);background-size: 155px 129px;}

    #btnBo {background-image: url(../images/imgBo@2x.png); background-size: 101px 129px;}

    #btnBo:hover {background-image: url(../images/imgBoHover@2x.png);background-size: 101px 129px;}

    #btnBs {background-image: url(../images/imgBs@2x.png); background-size: 147px 129px;}

    #btnBs:hover {background-image: url(../images/imgBsHover@2x.png);background-size: 147px 129px;}

    #btnBw {background-image: url(../images/imgBw@2x.png); background-size: 149px 129px;}

    #btnBw:hover {background-image: url(../images/imgBwHover@2x.png);background-size: 149px 129px;}
	
	/*.footer span {background-image: url(../images/bealix_logo_gray_sm@2x.png);background-size: 81px 21px;}*/
	
	#iconAgent {background-image: url(../images/imgBaLg@2x.png); background-size: contain;}

    #iconRetail {background-image: url(../images/imgBrLg@2x.png); background-size: contain;}

    #iconBi {background-image: url(../images/imgBiLg@2x.png); background-size: contain;}

    #iconBc {background-image: url(../images/imgBcLg@2x.png); background-size: contain;}

    #iconBm {background-image: url(../images/imgBmLg@2x.png); background-size: contain;}

    #iconBo {background-image: url(../images/imgBoLg@2x.png); background-size: contain;}

    #iconBs {background-image: url(../images/imgBsLg@2x.png); background-size: contain;}

    #iconBw {background-image: url(../images/imgBwLg@2x.png); background-size: contain;}

    .btnDownload .android:before {background-image: url(../images/Android@2x.png); background-size: 33px 34px;}

    .btnDownload:hover .android:before {background-image: url(../images/Android_press@2x.png); background-size: 33px 34px;}

    .btnDownload.btn_ba:hover .android:before {background-image: url(../images/Android_black_press@2x.png); background-size: 33px 34px;}

    .btnDownload .iphone:before {background-image: url(../images/App_Store@2x.png); background-size: 33px 34px;}

    .btnDownload:hover .iphone:before {background-image: url(../images/App_Store_press@2x.png); background-size: 33px 34px;}

    .btnDownload.btn_ba:hover .iphone:before {background-image: url(../images/App_Store_black_press@2x.png); background-size: 33px 34px;}
}

/***** Width: 0-1023 **********************************/
@media (max-width: 1023px) {

    .landingMain {
        margin-bottom: 80px;
    }

    .headerTitle {
        margin-top: 40px;
        margin-bottom: 36px;
    }

    .warp {
        width: 100%;
    }

    .warp div {
        width: 100%;
        height: 240px;
        float: none;
    }

    .warp .dividingLine {
        width: 100%;
        height: 3px;
        background-color: #FFFFFF;
        margin-top: 0px;
    }

    .dividingLine.next {
        display: block;
    }
}

/***** Width: 0-767 **********************************/
/*@media (max-width: 767px) {}*/


/***** Width: 0-599 **********************************/
@media only screen and (max-width: 599px) {
    .headerTitle {
        height: 48px;
    }

    .content {padding-top: 70px;}

    .footer {display: none;}

    .footer.show {display: block;}

    #iconAgent {
        width: 194px;
        height: 174px;
    }

    #iconBi {
        width: 291px;
        height: 174px;
    }

    #iconBm {
        width: 258px;
        height: 174px;
    }
}


/***** Width: 0-479 **********************************/
/*@media (max-width: 479px) {  }*/

/***** Height: 0-414 **********************************/
@media only screen and (max-height: 414px) {

    .content {padding-top: 50px;}

    .footer {display: none;}

    #bgAgent {
        overflow-y: auto;
    }
            
    #iconAgent {
        width: 120px;
        height: 108px;
    }

    #iconRetail {
        width: 118px;
        height: 108px;
    }

    #iconBi {
        width: 181px;
        height: 108px;
    }

    .btnDownload  {
        float: left;
        clear: none;
        margin-left: 5px;
        margin-right:5px;
    }

    .btn_group {
        overflow: hidden;
        width: 340px;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }
}