@media screen and (min-width:1300px)
{
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1300px;
    }
}

@media screen and (min-width:991px)
{
    .dropdown-menu{
        transition: all .5 ease-in-out;
    }
    .nav-item:hover .dropdown-menu{
        display: block !important;
    }
    .dropdown-menu
    {
        border: none !important;
        box-shadow: 0px 0px 30px rgba(200,200,200,0.3);
        padding: 0px !important;
        border-radius: 7px !important;
        overflow: hidden !important;
    }
    .dropdown-item
    {
        padding: 12px 15px !important;
        transition: all .5s ease;
    }
    .dropdown-item:hover{
        background-color: #13a4b8;
        color: #FFF !important;
    }
    #mobileheader
    {
        display: none;
    }
    #header{
        display: block;
    }
}

@media screen and (max-width:1025px)
{
    .hero-heading {
        font-size: 2em;
    }
    .theme-button-bg, .theme-button-border {
        padding: 10px 30px;
    }
}

@media screen and (max-width:991px)
{
    .hide-tab
    {
        display: none !important;
    }
    #mobileheader{
        display: block;
    }
    #header{
        display: none;
    }
    .mobile-logo
    {
        width: 200px;
    }
    .navbar-collapse {
        position: fixed;
        top: 0px;
        left: 0;
        z-index: 9999;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 15px;
        width: 75%;
        height: 100%;
    }
    .navbar-collapse.collapsing {
        left: -75%;
        transition: height 0s ease;
    }
    .navbar-collapse.show {
        left: 0;
        transition: left 300ms ease-in-out;
    }
    .navbar-toggler.collapsed ~ .navbar-collapse {
        transition: left 500ms ease-in-out;
    }
    .navbar{
        justify-content: end !important;
    }
    .navbar-toggler {
        padding: 10px !important;
        background-color: #13a4b8;
        border-radius: 7px !important;
    }
    .navbar-toggler-icon
    {
        color: #FFF !important;
        height: auto !important;
        width: auto !important;
    }
    .mobile-navbar
    {
        justify-content: center;
        display: flex;
        flex-direction: column;
    }
    .mobile-logo-navbar{
        width: 200px;
    }
    .nav-item{
        background-color: #f7f8f9;
        border-radius: 7px;
        margin-bottom: 10px;
    }
    .nav-item >a{
        padding: 15px 15px !important;
    }
}

@media screen and (max-width:769px)
{
    .hero-heading {
        font-size: 1.5em;
    }
    .container, .container-md, .container-sm {
        max-width: 100%;
    }
    .heading {
        font-size: 1.5em;
    }
    .hero-img
    {
        width:100% !important;
    }
    .footer-logo
    {
        width:200px;
    }
    .blog-heading, .blog-heading-alt {
        font-size: 3em;
    }
}