/* 
    Navigation Panal
------------------------------------------------------------------------ */

@media only screen and (max-width:874px) {
    .nav-item .nav-link{
        font-size: 15.8px;
    }
    .collapse i{
        font-size: 13px;
    }
  
}
@media only screen and (max-width: 767px) {
    
    .nav-item:after {
        display: none;
    }
    .nav-link:not(.dropdown-toggle)::before {
        position: absolute;
        display: block;
        top: 15px;
        left: 0;
        width: 11px;
        height: 1px;
        content: "";
        border: none;
        background-color: transparent;
        vertical-align: 0;
    }
    .plus::before {
        position: absolute;
        display: block;
        top: 21px;
        left: 150px;
        width: 11px;
        height: 1px;
        content: "";
        border: none;
        background-color: #fff;
        font-weight: bold;
        vertical-align: 0;
    }
    .dropdown-toggle::after {
        position: absolute;
        display: block;
        top: 16px;
        left: 126px;
        width: 1px;
        height: 11px;
        content: "";
        border: none;
        background-color: #fff;
        vertical-align: 0;
        -webkit-transition: all 200ms linear;
        transition: all 200ms linear;
    }
    .dropdown-toggle[aria-expanded="true"]::after {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
    .dropdown-menu {
        padding: 0 !important;
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-transition: all 200ms linear;
        transition: all 200ms linear;
    }
    
   
}



/*-------------About us-------*/
@media screen and (max-width:992px) {
    .card-body a{
        margin-top:10%;
    }
}

@media screen and (max-width:1200px) {
    .sm-box{
        height:304px;
    }
    .card .icon {
        top: 40%;
        left: 35%;
    }
}

@media screen and (max-width:768px) {
    .sm-box {
        margin-top: 10%;
    }
    .card .icon {
        top: 50%;
        left: 40%;
        
    }
    .card .icon1{
        top:46%;
        left:40%;
    }
    .card .icon2{
        top:53%;
        left:40%;
    }
}
@media screen and (max-width:576px) {
    .card .icon {
       
        left: 38%;
        
    }
}
/*-------footer-----------*/
@media screen and (max-width:576px) {
    
    .footer-col{
        margin-left:3%;
    }
    .navbar-brand{
        margin-bottom:2%;
    }

}