@media (max-width: 991px){
    header .navbar-brand{
        height: 35px;
        margin-top: 5px !important;
    }
    header .nav-menu {
        margin-left: 30px;
    }
    header #menu .navbar-nav {
        margin-top: 0px;
    }
    header .nav-menu > li > a{
        padding: 23px 20px;
    }
    
    .hidden-mobile{
        display: none;
    }
    .show-ipad{
        display: block;
    }

    .card{
        margin-top: 25px;
        padding: 20px;
        text-align: center;
    }
    .card .img{
        position: relative;
        top: 0px;
        left: 0;
        right: 0;
        margin: 0 auto 15px;
        -webkit-transform: translateY(0%);
        -moz-transform: translateY(0%);
        -ms-transform: translateY(0%);
        -o-transform: translateY(0%);
        transform: translateY(0%);
    }

    footer .col:not(:first-child){
        margin-top: 20px;
    }

    .contact-info {
        margin-top: 30px;
    }
    .contact-info h3{
        margin-bottom: 20px;
    }
}

@media (max-width: 767px){
    header .navbar{
        padding: 8px 15px;
        height: 56px;
    }
    header .navbar-brand {
        height: 40px;
        margin-top: 0px !important;
    }
    header .nav-menu{
        margin: 0px;
        padding-top: 0px !important;
    }
    header #menu{
        position: fixed;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        z-index: 2500;
        background: #fff;
        margin: 0px;
        opacity: 0;
        transition: .1s ease 0s;
        padding: 50px 0px;
        font-weight: 700;
        color: #141414;
    }
    header #menu.in{
        opacity: 1;
    }
    header .navbar-nav > li.active a:after{
        display: none;
    }
    header .navbar-nav > li > a {
        padding: 15px 20px;
    }
    header .navbar-lang label, header .navbar-info label{
        display: block;
        padding: 10px 20px;
    }
    header .navbar-lang label{
        margin-bottom: 0px;
    }
    header #menu .navbar-nav{
        margin: 0px;
    }
    header .navbar-info{
        display: block;
    }
    header .navbar-info li > a{
        padding: 15px 20px;
        color: #141414 !important;
        background: #fff !important;
    }
    header .navbar-lang{
        width: 100%;
        display: inline-block;
    }
    header .navbar-lang p{
        float: left;
        width: 50%;
        padding: 15px 20px;
        margin: 0px;
        display: block;
    }
    header .navbar-lang .dropdown{
        float: left;
        width: 50%;
    }
    header .navbar-lang .dropdown-toggle{
        padding: 15px;
        float: right;
    }
    header .navbar-lang .dropdown-toggle img{
        display: none;
    }
    header #menu ul{
        border-bottom: 1px solid #E3EBF3;
        padding: 20px 0px 15px;
    }
    header .navbar-lang .dropdown-toggle span{
        top: 4px;
        color: #0F6790;
        font-size: 14px;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }
    header .navbar-lang .dropdown.open .dropdown-menu{
        position: relative;
        display: block;
        top: 50px;
        left: 70px;
        right: 0px;
        -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
        box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
        width: 100px;
        background: #fff;
    }
    
    footer{
        font-size: 14px;
        line-height: 18px;
    }
    footer .col:not(:first-child){
        margin-top: 40px;
    }
    footer .social{
        column-count: 2;
    }
    footer .social li{
        margin-top: 5px;
        display: inline-block;
        margin-bottom: 20px;
    }

    .hidden-desktop{
        display: block;
    }
    .hidden-mobile{
        display: none;
    }

    h1{
        font-size: 48px;
        line-height: 55px;
    }
    h4{
        font-size: 20px;
        line-height: 28px;
    }

    #wrapper{
        padding-top: 56px;
    }
    section {
        padding: 45px 0px;
    }
    .cover{
        padding-top: 45px;
        padding-bottom: 50px;
    }

    .check-list li:before{
        top: 3px;
        -webkit-transform: translateY(0%);
        -moz-transform: translateY(0%);
        -ms-transform: translateY(0%);
        -o-transform: translateY(0%);
        transform: translateY(0%);
    }

    .download .item{
        margin: 22px 5px 0px;
    }
    .download{
        margin-bottom: 20px;
    }

    .ul li{
        padding-left: 30px;
    }
    .ul li::before {
        font-size: 24px;
    }

    .history .item:nth-child(odd) .text, .history .item:nth-child(even) .text{
        width: 100%;
        margin: 0px;
        text-align: left;
        padding-left: 30px;
        padding-right: 0px;
    }
    .history .line{
        left: 8px;
        top: 6px;
    }
    .history h3{
        font-size: 20px;
        line-height: 24px;
    }
    .history img{
        margin-top: 5px;
    }
    .history ul li{
        padding-left: 20px;
    }
    .history ul li::before{
        font-size: 20px;
    }

    .team-box{
        margin-top: 20px;
        margin-bottom: 10px;
        display: inline-block;
    }
    
    .totop{
        display: block;
    }

    .pdt-70{
        padding-top: 20px;
    }
}

@media (max-width: 520px){
    .download .item{
        margin: 22px 6px 0px;
        width: calc(50vw - 26px);
    }
    .download .item img{
        width: 100%;
        height: auto;
    }
    .download .item:nth-child(even){
        margin-left: 0px;
    }
    .download .item:nth-child(odd){
        margin-right: 0px;
    }
}