@media only screen and (min-width:992px) and (max-width:1199px) {
    .navbar-header {
        float: none;
        text-align: center
    }
    .navbar-brand {
        float: none;
        font-size: 18px;
        line-height: 20px;
        padding: 15px
    }
    .navbar-collapse {
        text-align: center
    }
    .arvin-main-menu .navbar-nav {
        display: inline-block;
        float: none
    }
    .navbar-nav>li {
        display: inline-block;
        float: none;
        margin-bottom: 5px
    }
    .arvin-team-slides .arvin-member-img-wrapper {
        width: 35%;
        margin-right: 5%
    }
    .arvin-member-details {
        display: inline-block;
        float: left;
        width: 60%
    }
    .arvin-main-slides h1.arvin-slider-text-big {
        font-size: 38px;
        color: #fff;
        text-transform: uppercase;
        margin-top: 0;
        margin-bottom: 25px
    }
    .arvin-features-section {
        background-attachment: inherit;
        background-position: center
    }
    .arvin-contact-section {
        background-attachment: inherit;
        background-position: center
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .arvin-main-slides h1.arvin-slider-text-big {
        font-size: 38px;
        color: #fff;
        text-transform: uppercase;
        margin-top: 0;
        margin-bottom: 25px
    }
    .arvin-team-slides .arvin-member-img-wrapper {
        width: 35%;
        margin-right: 5%
    }
    .arvin-member-details {
        display: inline-block;
        float: left;
        width: 60%
    }
    .arvin-features-section {
        background-attachment: inherit;
        background-position: center
    }
    .arvin-contact-section {
        background-attachment: inherit;
        background-position: center
    }
}

@media only screen and (max-width:767px) {
    .arvin-section-header {
        margin-bottom: 60px;
        text-align: center
    }
    .navbar-toggle {
        border: 1px solid #000
    }
    .navbar-toggle .icon-bar {
        border-radius: 1px;
        display: block;
        height: 2px;
        width: 22px;
        background-color: #000
    }
    .navbar-collapse {
        border-top: 0 solid transparent;
        box-shadow: 0 0 0 transparent inset;
        max-height: auto
    }
    .arvin-main-menu .navbar-nav {
        float: none;
        background-color: #fff;
        padding: 10px 0
    }
    .arvin-main-menu .navbar-nav li {
        margin-bottom: 10px
    }
    .arvin-main-menu .navbar-nav li:last-child {
        margin-bottom: 0
    }
    .arvin-main-menu .navbar-nav li ul.sub-menu {
        display: block;
        float: none;
        padding-left: 30px;
        position: static;
        opacity: 1;
        visibility: visible
    }
    .arvin-main-menu .navbar-nav li ul.sub-menu li {
        display: block;
        clear: both;
        margin-top: 0;
        padding: 0
    }
    .arvin-main-menu .navbar-nav li ul.sub-menu li a {
        display: inline-block;
        white-space: pre-wrap;
        clear: both
    }
    .arvin-main-menu .navbar-nav li:hover ul.sub-menu {
        opacity: 1;
        visibility: visible
    }
    .arvin-main-menu .navbar-nav li:hover ul.sub-menu li {
        margin-top: 0;
        opacity: 1
    }
    .arvin-main-menu .navbar-nav li ul.sub-menu li ul.sub-menu,
    .arvin-main-menu .navbar-nav li ul.sub-menu li ul.sub-menu li ul.sub-menu {
        display: block;
        float: none;
        position: relative;
        padding-left: 30px;
        background: #28292e;
        min-width: 100px;
        opacity: 1;
        left: auto;
        visibility: visible
    }
    .arvin-main-menu .navbar-nav li ul.sub-menu li ul.sub-menu li {
        padding: 0
    }
    .arvin-main-menu .navbar-nav li ul.sub-menu li ul.sub-menu li:hover ul.sub-menu,
    .arvin-main-menu .navbar-nav li ul.sub-menu li:hover ul.sub-menu {
        left: auto
    }
    .arvin-blurb-icon-only {
        margin-bottom: 50px
    }
    .arvin-blurb-icon-only:last-child {
        margin-bottom: 0
    }
    .arvin-blurb-round-icon {
        margin-bottom: 50px
    }
    .arvin-blurb-round-icon:last-child {
        margin-bottom: 0
    }
    .arvin-process-item {
        text-align: center;
        margin-bottom: 50px
    }
    .arvin-process-item:last-child {
        margin-bottom: 0
    }
    .arvin-cta-1 h2 {
        text-align: center;
        margin-bottom: 30px
    }
    .arvin-cta-1 p {
        text-align: center;
        margin-bottom: 20px
    }
    .arvin-cta-1 .arvin-cta-btn {
        text-align: center
    }
    .arvin-cta-1 .arvin-cta-btn a {
        float: none
    }
    .arvin-main-slides h1.arvin-slider-text-big {
        color: #fff;
        font-size: 24px;
        margin-bottom: 25px;
        margin-top: 0;
        text-transform: uppercase;
        white-space: normal !important;
        text-align: center;
        width: 100% !important
    }
    .arvin-main-slides p {
        color: #fff;
        font-family: Raleway, sans-serif;
        font-size: 18px !important;
        font-weight: 400;
        margin-bottom: 0;
        white-space: normal !important;
        text-align: center;
        margin-top: 20px;
        width: 100% !important
    }
    .arvin-team-slides .arvin-member-img-wrapper {
        float: none;
        height: auto;
        width: 100%
    }
    .arvin-member-details {
        float: none;
        width: 100%;
        text-align: center
    }
    .arvin-member-details ul {
        display: inline-block
    }
    .arvin-service-wrapper>div {
        margin-bottom: 50px
    }
    .arvin-section-wrapper .arvin-custom-sec-img {
        margin-bottom: 20px
    }
    .arvin-features-section {
        background-attachment: inherit;
        background-position: center
    }
    .arvin-contact-section {
        background-attachment: inherit;
        background-position: center
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .navbar-collapse {
        max-height: 255px
    }
}