/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Nov 5, 2019, 4:13:24 PM
    Author     : ASUS
*/
html,body{
    background:#fff;
    padding:0;
    margin:0;
}
.clear{
    height: 0px;
    width: 100%;
    clear: both;
}
ul{
    list-style-type: none;
}
#divbgsearch{
    height: 30px;
}

.margin-top10{
    margin-top:10px;
}
.margin-top20{
    margin-top:20px;
}
.margin-top30{
    margin-top:30px;
}
.margin-top40{
    margin-top:40px;
}
.margin-top80{
    margin-top:80px;
}

/* header */
header{
    background-color: #fff; /* For browsers that do not support gradients */
    /*    background: url('img/header-bg.png') repeat-x;*/
}
header .rightlogo{
    width: 100%;
}
header .rightlogo li{
    line-height: 22px;
    font-weight: 500;
}
header .rightlogo li.company-name{
    font-size: 125%;
}
header .searchlogo{
    padding-bottom: 0px;
}
header #headermenum .support strong{
    font-weight: 700;
    text-transform: uppercase
}

header .menutopheader{
    height: 70px;
}

/* body content */
.banner_main{
    background: url('../../../img/appintro/banner-landing-page.png') 45% 0 no-repeat;
    background-size: 100% 300px;
    height: 300px;
    margin-top:35px;
}
body.home .banner_main h1{
    margin: 130px auto 0;
    font-weight: 500;
    text-shadow: 1px 1px 15px black;
    word-wrap: break-word;
    font-size: 32px;
    line-height: 38px;
    color:#fff;
    text-transform: uppercase;
}

h2.title{
    color:#6b6a6a;
    font-size: 28px;
}
.send-mail-success{}
form#form-phone{
    margin:0 auto;
    max-width:400px;
    float:unset;
}
form#form-phone input[name=email]{ 
    padding: 0 15px;
    height: 48px;
    width: 220px;
}
form#form-phone input.send{
    background-color:#a40043;
    border:none;
    height:40px;
    padding: 0 100px;
}
form#form-phone input.send:hover{
    background-color: #d80058
}
p.des{
    color:#96979a;
    font-size: 16px;
    line-height: 22px;
}
.app-store .float-right {
    margin-right:-13px;
}
.app-store .float-left {
    margin-left:-13px;
}

.app-screen img{
    width: 340px;
}

.feature{
    margin: 80px auto 0;
}
.feature ul li{
    list-style-type: none;  
}
/* footer */
footer{
    border:0;
    background-color:#201710;
    margin-bottom:0px;
    margin-top:80px;
    padding-bottom: 10px;
}
footer .infofooterunder{
    background-color: #2d2b29
}
footer .cssiframmap{
    height: 155px;
    max-width:100%;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
footer .cssbocongthuong{
    border-top:0px;
}
footer .cssicon{padding-top:0px;text-align:left}
footer .copyright{text-align:left;padding-left:0px;}

@media (max-width: 375px) {
    header .rightlogo ul{
        font-size: 12px;
        padding-left: 0px;
    }
    header .rightlogo li.company-name{
        font-size: 100%;
    }
}

@media only screen and (max-width: 480px) {
    header .menutopheader{height: 46px !important;}
    #menutop{
        height: 40px !important;
        width: auto; margin:2px 0 0 0; padding: 0;
    }
}

@media (max-width: 575.98px) {
    header .rightlogo{
        width: auto;
    }
    header .rightlogo img{
        width: auto;
        max-width: 100%;
        margin-top: 10px;
    }
    header .rightlogo li.company-name{
        font-size: 120%;
    }
    header #headermenum .support{
        width: 260px;
    }
    header .support p{
        margin-left: 70px;
        padding:15px 5px 28px 65px
    }
    header #headermenum .support{
        margin: 15px auto 0;
        float: none;
        clear: both;
    }
    section#body .banner_main{
        height: 220px;
        background-size: 200% auto;
    }
    section#body .banner_main h1{
        margin-top:50px;
        font-size: 28px;
    }
    footer section.sectionfooter, footer section .cssmapgoogle, footer .cssbocongthuong{
        padding-left: 10px;
        padding-right: 10px;
    }
    footer section .cssiframmap{
        width: 100%;
    }
    footer .cssicon,
    footer .copyright{text-align:center;padding-left:15px;}
}

@media (max-width: 991.98px) {
    .feature ul{
        margin-top: 40px
    }
}