@media (max-width: 1199px) {
.login {
    font-size: 16px;
    margin-left: 9px;
}
.news .nav-pills .nav-link {
    padding: 8.5px 3.6px;
}

.logins li a {
    padding: 9px 17px !important;
}


}
 @media (max-width: 991px) 
 {
    .contact-box 
    {
        margin-bottom: 20px;
        min-height: auto;
    }
    .header-top, .header-top .text-right 
    {
        text-align: center !important;
    }
    .header-nav .navbar-nav li a 
    {
        font-size: 14px;
        padding-left: 7px !important;
    }
    .header-top .social, .header-top .login 
    {
        margin-top: 15px;
    }
    .news .nav-pills .nav-link 
    {
        padding: 8.5px 10px !important;
    }
    .copyright-text .col-lg-6, .copyright-text .text-right 
    {
        text-align: center !important;
    }
    .contact-box 
    {
        margin-bottom: 20px;
        min-height: auto;
    }

    .logins li a {
    padding: 9px 5px !important;
    font-size: 12px;
}

    .col-2.box-service
    {
        flex: 0 0 50%;
        max-width: 50%;
        margin-bottom: 20px;
    }
    .col-2.box-service.offset-1
    {
        margin-left: 0%;
    }

}

@media (max-width: 767px) 
{
    .ih-item .fundz
    {
        width: 100%;
    }
    header, .social 
    {
        text-align: center;
    }
    .header-nav .navbar-nav 
    {
        padding: 0px 0px 10px 0px;
        background: transparent;
    }
    .header-nav .navbar-nav li a 
    {
        text-align: center;
        color: white;
        padding: 6px 0px !important;
    }
    .navbar-nav li a:hover 
    {
        color: white !important;
    }
    .bannerslider 
    {
        margin-top: 0px;
    }
    .sec-heading h1 
    {
        font-size: 30px;
    }
    footer .container {
        width: 100%;
        max-width: 100%;
    }
    .portfolio-login-div
    {
        position: relative !important;
        top: 0px !important;
        right: 0 !important;
        margin: 0px auto;
    }

    ul.logins {
    float: none;
}

.header-top .top_menu {
    display: block;
}
.header-top .top_menu .navbar .navbar-toggler {
    display: block;
    width: 210px;
    color: #fff;
    background-color: #009474;
    margin: 10px auto;
    border-radius: 0;
    padding: 8px;
}
.portfolio-login {
    margin-bottom: 10px;
}
.logins li {
    width: 100%;
    margin: 0;
    line-height: auto;
}

}

@media (max-width: 575px) 
{
    .cont-form .w-50 
    {
        width: 100% !important;
    }
}

@media (max-width: 480px) 
{
    .col-2.box-service
    {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 20px;
    }
    .col-2.box-service.offset-1
    {
        margin-left: 0%;
    }
}

@media (max-width: 464px) 
{

.logins li {
    line-height: 50px;
}

}

.d-inline-block a {
    color: white;
    display: inline-block;
    background: #ffff;
    padding: 3px 3px 4px 3px !important;
    border-radius: 17px;
    width: 30px;
    height: 30px;
    text-align: center;
}


/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  /*background-color: #3070c4; */
  /*background-color: #3070c4;*/
}

/* Modal Content */
.modal-content {
  position: relative;
  /*background-color: #3070c4;*/
  margin: auto;
  padding: 0;
  border: 1px solid #3070c4;
  /*width: 50%;*/
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
  from {top:-300px; opacity:0} 
  to {top:0; opacity:1}
}

@keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}



@media only screen and (min-width: 768px){

.header-nav.menu-bar #collapsibleNavbar {
    display: block !important;
    width: 100%;
    text-align: center;
}
.header-nav.menu-bar .navbar-nav {
    display: block;
}
.header-nav.menu-bar .navbar-nav .nav-item {
    display: inline-block;
}
.header-nav.menu-bar .nav-link {
    font-size: 16px !important;
    padding: 10px 34px !important;
}
.header-nav.menu-bar .nav-link:hover {
    background-color: #009170;
}
.owl-text-overlay .owl-caption {
    width: 45%;
    margin: 0 auto;
}

.header-top .top_menu .navbar {
    padding: 0;
}
}