body {
    height: auto;
    position: relative;
    background: url(./background_web.jpg) no-repeat top center;
    background-color: #FFF;

}
@font-face {
    font-family: Montserrat-Black;
    src: url(./Montserrat_Black.otf);
}

@font-face {
    font-family: Montserrat-Bold;
    src: url(./Montserrat_Bold.otf);
}

@font-face {
    font-family: Montserrat-Medium;
    src: url(./Montserrat_Medium.otf);
}

@font-face {
    font-family: Montserrat-Light;
    src: url(./Montserrat_Light.otf);
}

@font-face {
    font-family: Montserrat-Regular;
    src: url(./Montserrat_Regular.otf);
}

@font-face {
    font-family: Montserrat-ExtraBold;
    src: url(./Montserrat_ExtraBold.otf);
}

@font-face {
    font-family: Montserrat-SemiBold;
    src: url(./Montserrat_SemiBold.otf);
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: Montserrat-Regular;
}
/*//------- Download app--*/
.center-respon {
    width: 1145px;
    margin: auto;
}
.block-down {
    width: 487px;
    height: 318px;
    float: left;
    background: url(./bg_boxdownload.png) no-repeat;
    background-size: 100% 100%;
    margin-top: 60px;
    margin-bottom: 20px;
    position: relative;
    margin-left: 30px;
    margin-right: 30px;
}
.img-appgame{
    position:absolute;
    left:0;
    right:0;
    bottom:-10px;
    margin:auto;
}
.img-appotp {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -15px;
    margin: auto;
}
.box-header {
    width: 487px;
    height: 70px;
    position: relative;
    float:left;
    
}

.box-content {
    padding-left: 40px;
    padding-right: 40px;
    width: 487px;
    height: 240px;
    float: left;
    padding-top:10px;
    position:relative;
}
    .box-content .title {
        color: #ffca7c;
        height: 54px;
        line-height: 54px;
        font-family: Montserrat-Black;
        font-size: 17px;
        float: left;
    }
.title .icon-android {
    width: 54px;
    height: 64px;
    display: block;
    float: left;
    background: url(./android.png) no-repeat;
    margin-right: 15px;
    margin-left: 15px;
}
.title .icon-ios {
    width: 54px;
    height: 64px;
    display: block;
    float: left;
    background: url(./ios.png) no-repeat;
    margin-right: 15px;
    margin-left: 15px;
}
.box-content ul {
    height:150px;
    float:left;
    padding-top:15px;
}
.box-content ul li {
	list-style: none;
	display: block;
	padding-left: 84px;
	color: #FFF;
	min-height: 36px;
	padding-top: 8px;
	line-height: 20px;
	font-size: 13px;
	margin-top: 0px;
}
.box-content ul li:nth-child(1) {
    background: url(./buoc1.png)no-repeat;
}
.box-content ul li:nth-child(2) {
    background: url(./buoc2.png)no-repeat;
}
.btn-downloadApp {
    width: 198px;
    height: 76px;
    //border-radius: 35px;
    background: url(./download.png)no-repeat;
    text-indent: -999em;
    display: block;
    position: absolute;
    bottom: -23px;
    left: 0px;
    right: 0px;
    margin: auto;
   // box-shadow: 5px 5px 27px #FFF;
    cursor:pointer;
}
.btn-downloadApp:hover {
    -webkit-filter: brightness(120%);
}
@media(max-width:768px){
    body {
        width:100%;
        height: auto;
        position: relative;
        background: url(./bg_mobile.jpg) no-repeat top center;
        background-size: 100% 100%;
        background-color: #FFF;
    }
    .center-respon {
        width: auto;
        margin: auto;
    }
    .block-down {
        margin-left: auto;
        margin-right: auto;
        padding-top: 10px;
        position: relative;
        float:none;
    }
    .MainDownload {
        padding-bottom: 100px;
        display: table;
        margin: auto;
    }
}