@media only screen and (min-width:1920px) and (max-width:5000px) {
    .banner-vr{
        height: 25vh;
    }

    .main-con:before{
    background: url(../images/icon-banner2.png) center right no-repeat;
    position: absolute;
    content: '';
    top:-4em;
    right: 18px;
    width: 380px;
    height:451px;
    opacity:1;
}
}

@media only screen and (min-width:1024px) and (max-width:1199px) {
    #contact .row > [class*="col-"] figcaption {

    font-size: 15px;
}
#offer .row > [class*="col-"]:nth-of-type(2) {

    padding-left: 2em;

}
#offer .row > [class*="col-"]:nth-of-type(1) {

    padding-right: 2em;

}
}

@media only screen and (min-width:991px) and (max-width:1023px) {
    .navbar-nav > li > a {

    font-size: 16px;
}

.banner-vr article h1 {
    font-size: 40px;
}
#offer .row > [class*="col-"]:nth-of-type(2) {

    padding-left: 2em;

}
#offer .row > [class*="col-"]:nth-of-type(1) {

    padding-right: 2em;

}
.inner-wrapper figure h2 {
    font-size: 25px;
    margin: 24px 0 10px;

}
#contact .row > [class*="col-"] figcaption {

    font-size: 11px;
}
.top-info li {
    display: inline-flex;
    margin-left: 1em;
}
}

@media only screen and (min-width:768px) and (max-width:990px) {
    .navbar-nav > li > a {

    font-size: 16px;
}

.banner-vr article h1 {
    font-size: 40px;
}
#offer .row > [class*="col-"]:nth-of-type(2) {

    padding-left: 2em;

}
#offer .row > [class*="col-"]:nth-of-type(1) {

    padding-right: 2em;

}
.inner-wrapper figure h2 {
    font-size: 25px;
    margin: 24px 0 10px;

}
#contact .row > [class*="col-"] figcaption {

    font-size: 11px;
}

.wht-we-do-inner p{
    font-size: 14px;
}
.common-wrapper {

    padding: 30px 0 0;
}
.top-info li {
    display: inline-flex;
    margin-left: 1em;
}
}

@media only screen and (max-width:767px) {
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #f8b23a;
        -webkit-transition: all 0.2s;
        transition: all 0.2s;
    }

    .navbar-toggle {
        border-radius: 0;

        border: none;

        border-top-color: currentcolor;
        border-right-color: currentcolor;
        border-bottom-color: currentcolor;
        border-left-color: currentcolor;

        border-top-color: currentcolor;

        border-right-color: currentcolor;

        border-bottom-color: currentcolor;

        border-left-color: currentcolor;

        width: 37px;

        height: 38px;

        position: absolute;

        top: .5em;

        right: 0;
    }

    .navbar-nav {
        padding: 0;
        margin: 0;
        width: 100%;
        padding:0;
    }

    .navbar-nav>li>a {
        color: #fff !important;
    }

    .navbar-default .navbar-toggle:hover,
    .navbar-default .navbar-toggle:focus {
        background-color: transparent;
    }

    .navbar-toggle .icon-bar+.icon-bar {

        margin-top: 4px;

    }

    .navbar-nav>li:first-child {
        padding-left: 15px;
    }

    .navbar-nav>li {
        padding: 0 15px;
        text-align: left;
        margin: 0;
    }

    .navbar-nav>li>a {
        padding: 10px 0;
        font-size: 16px;
    }

    .navbar-brand h1 {
    margin-bottom: 0;
    margin-top: 0;
}
.navbar-brand{
        max-width: 42%;
}
.navbar-brand img {
    max-height: 50px;
    margin-top: 0;
}
.top-info{
    display: none;
}
.navbar-collapse {
    padding: 1em 0;
    position: absolute;
    width: 100%;
    background: rgba(0, 0, 0, 0.9);
    height: 100vh;
    border-top: 0;
    box-shadow: none;
}
.banner-vr {
    margin-top:65px;
    height: 260px;
    background: #000 url(../images/icon-banner.png) center right no-repeat;
        background-size: 50%;
        position: relative;
        display: flex;
}
.banner-vr article h1 {
    color: #efefef;
    font-size: 22px;
}

.banner-vr article {
    margin: auto;
}

.main-con:before{
    background: none;
}

.common-wrapper {
    padding: 20px 0 0;
    text-align: center;
}
#portfolio .row>[class*='col-'] {
    margin-top: 8px;
}
.mouse__scroll{
    bottom: 0;
}
body h1{
    margin-bottom: 1em;
        font-size: 19px;
}

.wht-we-do-inner{
    background: none;
}
#offer .row>[class*='col-']{
    padding: 0 15px !important;
}
.inner-wrapper figure h2 {
    font-family: 'SlimSansSerif';
    color: #efefef;
    font-size: 21px;
    text-transform: uppercase;
    margin: 24px 0 12px;
}
.icon-holder{
  width:100%;
    text-align: center;
    float: none;
}
.icon-holder img{
    max-width: 17%;
}
.icon-holder img{
    margin: auto;
}
#offer .row>[class*='col-']:nth-of-type(1) figure:nth-of-type(2) {
    margin-top: 1em;
}
#offer .row>[class*='col-']:nth-of-type(2) figure:nth-of-type(1) {
    margin-top: 1em;
}
#offer .row>[class*='col-']:nth-of-type(2) figure:nth-of-type(2) {
    margin-top: 1em;
}
#contact .row>[class*='col-']{
    width: 100% !important;
}
#contact .row>[class*='col-'] figure {
    position: relative;
    height: 100%;
    text-align: center;
}
.scroll-top {
    position: relative;
    left: inherit;
    bottom: 0;
    cursor: pointer;
    margin: 0 auto;
}
#contact .row>[class*='col-'] {
    border-right: 1px solid #262626;
    height: auto;
    margin-bottom: 1em;
}
#contact .row>[class*='col-'] figcaption {
    position: relative;
    margin-top: 1em;
}
footer {
    padding: 25px 0 22px;
}
footer .pull-left, footer .pull-right {
    float: none !important;
    text-align: center;
}
footer p{
    margin-bottom: 5px;
}
.logo-icon{
    max-width: 20%;
}
.wht-we-do-inner{
    margin-top: 1em;
}
#about .row>[class*='col-']:nth-of-type(1) {
    padding-right: 15px;
}
#about .row>[class*='col-']:nth-of-type(1) figure:nth-of-type(2) {
    margin-top: 1em;
}
#about .row>[class*='col-']:nth-of-type(2) figure:nth-of-type(1) {
    margin-top: 1em;
}
#about .row>[class*='col-']:nth-of-type(2) {
    padding-left: 15px;
}
#about .row>[class*='col-']:nth-of-type(2) figure:nth-of-type(2) {
    margin-top: 1em;
}
.navbar-nav>li:nth-child(5),
.navbar-nav>li:nth-child(6),
.navbar-nav>li:nth-child(7){
    display: inline-block;
        float: left;
}
body:before{
    display: none;
}
#contact i{
    font-size: 22px;
        margin-bottom: 0
}

}