@media (max-width: 992px){
    .contact-card{
        margin-bottom: 30px;
    }
}

@media (max-width: 768px){
    .topbar{
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .topbar .list-unstyled>li:first-child{
        float: left;
    }
    .topbar .list-unstyled>li:last-child{
        float: right;
    }
    .navbar{
        background: #ffffff !important;
        padding: 15px;
        border-bottom: 1px solid #f5f5f5;
    }
    .navbar-brand>img{
        width: 102px;
    }
    .navbar-collapse{
        background: #4C2985;
        padding: 20px;
    }
    .navbar .navbar-nav .nav-link {
        color: #ffffff;
        font-size: 16px;
        padding: 10px 15px;
    }
    .navbar .navbar-nav .nav-link:hover, 
    .navbar .navbar-nav .nav-link:focus {
        color: #fff;
    }
}

@media (max-width: 576px){
    body{
        font-size: 14px;
    }
    #masterslider .btn{
        display: none;
    }
    .master-slider .ms-bullets.ms-dir-h{
        bottom: 20px;
    }
    .topbar .list-unstyled>li>a{
        font-size: 12px;
    }
    .navbar-brand{
        margin-left: 0;
        margin-right: 0;
    }
    .navbar .form-inline .form-control{
        max-width: 100%;
    }
    .section{
        padding: 50px 0;
    }
    .title{
        font-size: 26px;
        margin-bottom: 40px;
    }
    .title::after{
        width: 54px;
        height: 3px;
    }
    .btn-lg {
        font-size: 18px;
        padding: 10px 20px;
    }
    .master-slider .ms-bullet,
    .master-slider .ms-bullet-selected{
        width: 10px;
        height: 10px;
        margin: 3px !important;
    }
    .ms-skin-black-2 .ms-nav-next, 
    .ms-skin-black-2 .ms-nav-prev{
        display: none;
    }
    .owl-carousel .owl-nav {
        top: -81px;
    }
    .owl-carousel .owl-nav .owl-next, 
    .owl-carousel .owl-nav .owl-prev {
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 13px;
        margin-left: 5px;
    }
    .about p {
        font-size: 18px;
        line-height: 36px;
    }
    .about img{
        height: 250px;
        margin-bottom: 30px;
    }
    
    footer,
    .footer-left .list-unstyled>li,
    .contact-info>li{
        font-size: 14px;
    }
    .contact-card .card-body>h2{
        font-size: 25px;
    }
    .contact-info>li>i{
        margin-right: 0;
    }
    .form-wrapper .form-control, 
    .form-wrapper .custom-file-label{
        font-size: 12px !important;
    }
    
    .box .box-icon img{
        height: 60px !important;
    }
    .box h3{
        font-size: 15px !important;
        margin-top: 10px;
    }
    .list .item-body>.d-flex,
    .list .item-footer,
    .toolbox{
        display: block !important;
    }
    .list .item-footer{
        text-align: center;
    }
    .toolbox-filter-by{
        margin: 10px 0;
    }
    .list .item-body .btn{
        margin: 15px 0 0 !important;
    }
    .nav-pills .nav-item{
        width: 100%;
        margin-bottom: 3px;
    }
    .nav-pills .nav-item>a{
        margin: 0 !important;
    }
    .card-body {
        padding: 20px;
    }
    .worker-name{
        margin-top: 30px;
        text-align: center;
        font-size: 25px;
    }
    .worker-name>span{
        display: block !important;
        float: none !important;
        margin: 10px 0;
    }
    .timeline-item{
        margin-bottom: 30px;
    }
    .badge-lg {
        font-size: 12px;
        font-weight: 500;
        padding: 5px;
        border-radius: 3px;
    }
    .timeline-circle{
        width: 30px;
        height: 30px;
    }
    .timeline-bar{
        left: 15px;
    }
    .request-header{
        font-size: 15px;
        margin-top: 15px;
        text-align: center;
    }
    .request-header>span{
        display: block;
    }
    .request-header>.float-right{
        float: none !important;
    }
}