@media screen and (max-width: 567px) {
    .slider {
        height: 100px;
    }
}
@media (max-width: 600px) {
    .btn-no-bg {
        font-size: .8rem;
        padding: 12px 0;
    }
    .carousel-item img {
        height: auto;
    }
    .home-about-content {
        padding: 15px;
    }
}
@media screen and (max-width: 767px){ 
    .box-section .box-3 {
        height: auto;
    }
    .box-section .box-1 {
        height: auto;
    }
    .slider {
        height: 150px;
    }
    .logo img {
        width: 80%;
    }
}
@media (max-width: 991px) and (min-width: 320px){
    .mobile-menu {
        display: block;
        padding: 15px 0;
    }
    .menu-section {
        /*display: none;*/
    }
    #menu {
        display: none;
    }
    .mb-bar {
        position: absolute;
        right: 20px;
        top: 18px;
        font-size: 30px;
        color: #013975;
    }
    #menu {
        position: relative;
        left: 0;
        top: 20px;
        float: left;
        text-align: left;
        background: #fff;
        z-index: 1;
        width: 100%;
    }
    #menu ul {
        /*        display: block;*/
        list-style: none;
        padding: 0;
    }
    #menu ul li {
        width: 100%;
        padding: 5px 10px;
        margin-bottom: 5px;
    }
    #menu ul li a {
/*        color: #003f84;*/
        font-size: 18px;
        text-transform: uppercase;
    }
    #menu ul li:hover {
        /*background: #003f84;*/
    }
/*    #menu ul li:hover a {
        color: #fff;
    }*/
}
@media (max-width: 991px) and (min-width: 768px){
    .slider {
        height: 200px;
    }
}
@media (max-width: 767px) and (min-width: 320px){

}
@media (max-width: 575px) and (min-width: 320px){

}
@media (max-width: 1236px) and (min-width: 992px){

}