/*=======================media query for desktop======================*/



@media (min-width: 767px) {

    .hideDesktop {

        display: none !important;

    }

    .info {

        margin-left: 30% !important;

    }

    .our {

        background-color: #042e6f;

        width: 500px;

        padding: 10px;

    }

    .our li {

        margin: 10px;

    }

    .navbar img {

        width: 330px !important;

    }



    .logo {

        width: 200px;

    }

    .footer-links {

        margin-left: 25%;

    }

    .lie {

        padding-bottom: 15px;

    }

    .about {

        text-align: center;

    }

    .us {

        margin-left: -25%;

    }

    .for {

        width: 100%;

        text-align: center;

    }

    .table {

        box-shadow: 0px 0px 4px 1px #bbb5b5;

        padding: 10px;

        background-color: #fff;

        border-radius: 20px;

        width: 80%;

        text-align: center;

    }



}



/*/==================for mobile media query ================*/



@media (max-width: 767px) {

    .table {

        width: 100%;

        padding-top: 10px;



    }

h1{
    font-size:24px;
}
h2{
    font-size:20px;

    }

    .suits p {

        margin: 10px;

    }



    .hideMobile {

        display: none !important;

    }



    .navbar img {

        width: 224px;

    }



    .about .nav-item {

        width: 33.33% !important;

    }

    .box {

        text-align: center;

    }

    .pricelist {

        width: 100% !important;

    }

}