﻿/*--------large mobile phone----------*/
/*@media (max-width:425px)*/
/*@media (min-width: 768px)*/

/*@media only screen and (max-width: 600px)*/
/*@media (max-width:425px)*/
/*@media only screen and (max-width:480px)*/
/*@media (max-width:767px)*/
/*@media only screen (max-width: 768px) and (min-width: 320px) {*/
@media only screen and (min-device-width : 320px) and (max-device-width : 768px) {
    /* Styles */
    .txtheight {
        height: 80px !important;
        font-size: 35px !important;
    }

    .label-size {
        font-size: 15px;
    }

    img {
        height: 373px;
    }

    .footerlogo {
        width: 12% !important;
        height:auto;
    }


    fieldset {
        padding: 60px;
    }

    .btn {
        font-size: 15px !important;
        padding: 20px,30px !important;
    }

    img.img-fluid-1{
        /*height:200px !important;*/
        height:150px !important;
    }

    .mgb-40{
        margin-bottom:40px;
    }

    .mgb-60 {
        margin-bottom: 60px;
    }

    ul.nav.navbar-nav{
        display:flex;
    }
    /*ulalign {
        margin-left: -49px !important;
    }*/

    footer {
        bottom: 0;
        position: fixed;
        width:100%;
    }

    .navbar-inverse .navbar-nav > .active > a
    {
        text-align:center;
    }
}

.navbar-inverse {
    /*background-color: white !important;
    border-color: white !important;*/
    background-color: #272829 !important;
    border-color: #272829 !important;
}

    .navbar-inverse .navbar-nav > li > a {
        /*color: #2a2661 !important;*/
        color: white !important;
        text-align: center;
    }

    .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
        color: #fff !important;
        /*background-color: #f39a30 !important;*/
        background-color: #265960 !important;
    }

    .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {
        /*color: #292561 !important;*/
        color: white !important;
        background-color: transparent !important;
    }

    .navbar-inverse .navbar-toggle .icon-bar {
        /*background-color: black !important;*/
        background-color: white !important;
    }

/*@media (max-width: 320px){
    .label-size {
        font-size: 40px;
    }
}*/

.mb-0 {
    margin-bottom: 0px !important;
}

footer {
    /*background-color: #f2f2f2;*/
    background-color: black !important;
    color: white !important;
    padding: 25px !important;
}

.footerlogo {
    width: 12% !important;
}
