@media screen and (max-width:992px) {
    .no-mobile {
        display: none
    }
    .mob-header {
        display: block!important
    }
    .nav-tabs>li>a,
    .vertical .nav-tabs>li>a {
        padding: 0 15px
    }
    .vertical .nav-tabs {
        width: inherit;
        float: inherit
    }
    .vertical .nav-tabs>li {
        float: left
    }
    .vertical .tab-content {
        margin-left: inherit
    }
}

@media screen and (min-width:500px) {
    .mob-menu,
    .mob-search {
        margin: 0;
        display: table;
        left: auto;
        right: 15px
    }
}

@media (max-width:992px) {
    .navbar-default {
        background-color: transparent
    }
    .navbar-header {
        float: none
    }
    .navbar-left,
    .navbar-right {
        float: none!important
    }
    .navbar-toggle {
        display: block
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4);
        -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4);
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4);
        float: none
    }
    .navbar-default .navbar-collapse,
    .navbar-default .navbar-form {
        border-color: #f1f2f7
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px
    }
    .navbar-collapse.collapse {
        display: none!important
    }
    .navbar-nav {
        background-color: #f9f9f9;
        float: none!important;
        margin: 0!important;
        padding: 2px 0
    }
    .navbar-nav>li {
        float: none;
        border-bottom: 1px solid #f1f2f7;
        border-top: 1px solid #fff;
        display: block;
        padding: 0
    }
    .navbar-nav>li:first-child {
        border-top: 0
    }
    .navbar-nav>li a:hover {
        background: #eee;
        color: #333
    }
    .navbar-nav>li.sub-menu {
        padding-left: 0
    }
    .navbar-nav>li:last-child {
        border-bottom: 0 solid transparent
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
        display: block
    }
    .navbar-nav>li>a:after {
        height: 0!important
    }
    .collapse.in {
        display: block!important
    }
    .navbar-toggle {
        margin-top: 0;
        margin-bottom: 0;
        padding: 0 10px
    }
    .container-fluid>.navbar-collapse,
    .container-fluid>.navbar-header,
    .container>.navbar-collapse,
    .container>.navbar-header {
        margin-left: auto;
        margin-right: auto;
        top: -5px
    }
    .navbar>.container .navbar-brand,
    .navbar>.container-fluid .navbar-brand {
        margin-left: 0
    }
    .navbar-default .navbar-toggle {
        -webkit-transition: all .25s ease;
        -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
        -o-transition: all .25s ease;
        transition: all .25s ease;
        border-color: transparent;
        font-size: 2em;
        line-height: 25px
    }
    .navbar-default .navbar-toggle:focus,
    .navbar-default .navbar-toggle:hover {
        background-color: transparent;
        color: #1fb5ac
    }
    .navbar-collapse.in {
        overflow-y: auto!important;
        background: #f9f9f9
    }
    .navbar-nav>li .sub-menu,
    .navbar-nav>li .sub-menu>li .sub-menu {
        overflow: visible;
        position: relative;
        display: none;
        padding-left: 20px;
        top: inherit;
        left: inherit;
        min-width: 100%;
        height: auto;
        opacity: 1;
        z-index: 1;
        box-shadow: none
    }
    .navbar-nav>li .sub-menu>li:hover .sub-menu,
    .navbar-nav>li:hover .sub-menu {
        width: 100%;
        left: inherit;
        top: inherit
    }
    .navbar-nav>li.menu-item-has-children:before,
    .sub-menu>li.menu-item-has-children:before {
        content: ""!important
    }
    .navbar-nav>li .sub-menu>li>a {
        line-height: 20px;
        padding: 10px 15px;
        background: inherit!important;
        border: 0;
        border-top: 1px solid #f1f2f7!important;
        border-bottom: 1px solid #fff!important;
        color: #262626
    }
    .navbar-nav>li .sub-menu>li>a:hover {
        color: #1fb5ac;
        background: inherit!important
    }
    .sub-menu .toggle_nav_button {
        right: 0
    }
}

@media (max-width:479px) {
    .head-tng2-left1,
    .head-tng2-left2,
    .head-tng2-left3,
    .head-tng2-right1,
    .head-tng2-right2,
    .head-tng2-right3 {
        display: none
    }
    .u-social ul {
        display: table;
        margin: 0 auto -10px;
        padding: 0 25px;
        width: 220px
    }
    .up2 .portfolioContainer .up-item,
    .up3 .portfolioContainer .up-item,
    .up4 .portfolioContainer .up-item,
    aside.sidebar {
        width: 100%;
        float: left
    }
    aside.sidebar {
        margin-top: 40px;
        padding: 0 20px
    }
    .product .wrapper .center_icon_border .icon_wrap {
        position: relative;
        top: -6px
    }
    #side-search em {
        cursor: pointer;
        line-height: 37px
    }
    #scrollbar2 .scrollbar {
        width: 280px!important
    }
    .up-detail {
        left: 0;
        position: relative
    }
    .portfolioContainer {
        width: 85%;
        margin: 0 auto
    }
    .portfolioContainer .up-item {
        margin: 0 0 30px;
        padding: 0
    }
    .portfolioContainer .up-item h5 {
        font-size: 16px;
        margin: 43px 0 6px;
        padding-top: 144px
    }
    .related_carousel .up-item {
        margin-top: 50px
    }
    #slider-range {
        display: inline-block;
        margin: 10px auto 0 -3px;
        position: relative;
        z-index: 9999
    }
    .team_members #ajax {
        max-height: 100%
    }
    #map.map-ajax {
        height: 165px
    }
    .team_members #project-show {
        max-width: 100%;
        width: 100%;
        padding: 0;
        margin-top: -46px
    }
    .u-social ul li:nth-child(7) {
        margin-left: 25px
    }
}

@media (max-width:600px) {
    #bg-sans .block .flip {
        padding: 4px 18px;
        background: #383838;
        border-radius: 5px;
        position: relative;
        line-height: 50px;
        border-bottom: 5px solid #282828;
        font-size: 45px;
        width: 150px!important;
        text-align: center;
        display: table;
        margin: 0 auto 30px
    }
    #bg-sans .block .flip:after,
    #bg-sans .block .flip:before {
        content: "";
        position: absolute;
        top: 75px
    }
    #bg-sans .block .flip:before {
        right: 0;
        left: 53px
    }
    #bg-sans .block .flip:after {
        right: 55px
    }
}

@media (max-width:767px) {
	.side_image{width:100%}

    .product .wrapper .center_icon_border .icon_wrap {
        position: relative;
        top: -2px
    }
    .navbar-side li {
        margin: 0 0 -12px;
        padding: 0
    }
    .bt-menu-trigger2:before,
    .bt-menu-trigger3:before,
    .bt-menu-trigger:before {
        height: 40px;
        font-size: 25px;
        line-height: 40px
    }
    .u-social ul {
        padding: 0!important
    }
    .side-small-menu {
        position: absolute;
        left: -152px;
        top: 0
    }
    .bt-menu .side-small-menu li {
        height: 52px;
        border-top: 1px solid #4D4D4D!important;
        border-bottom: medium none!important;
        position: relative
    }
    .side-small-menu li a i {
        font-size: 20px;
        line-height: 39px
    }
    .side-small-menu li a,
    .side-small-menu li em,
    .side-small-menu li span,
    .side-small-share li a,
    .side-small-share li em,
    .side-small-share li span {
        height: 40px;
        font-size: 20px;
        text-align: center;
        line-height: 40px
    }
    .side-search {
        width: 200px
    }
    .ss-inner input {
        width: 170px
    }
    .ss-inner {
        width: 217px
    }
    .fullwidth .author_info .detail {
        position: relative;
        margin-left: 0
    }
    .fullwidth .author_info img {
        width: 80px;
        border: 5px solid #DEDEDE;
        border-radius: 5px;
        float: none
    }
    .enlarge-social a {
        padding-right: 10px;
        overflow: hidden;
        height: 40px;
        transition: all .4s ease 0;
        float: left;
        width: 40px!important;
        margin: 0 5px
    }
    .pagenav-single .btn-regular {
        font-size: 10px
    }
    .bt-menu .side-small-menu li:before {
        content: "";
        bottom: 12px;
        position: absolute;
        z-index: 9999
    }
    .side-small-menu li a {
        font-size: 14px;
        line-height: 40px;
        height: 40px
    }
    .page-header {
        padding: 35px 0 32px;
        z-index: 99
    }
    .widget.search button {
        right: 6px
    }
    #bg_color {
        background-repeat: no-repeat;
        background-size: auto 150%!important;
        background-position: 50% auto!important
    }
    .content-sub {
        font-size: 14px;
        color: #8A8A8A;
        text-align: center;
        margin: 0 0 25px;
        line-height: 24px;
        padding: 0 15px
    }
    .footer_bottom p {
        font-size: 13px;
        font-weight: 500;
        color: #CCC
    }
    .footer_menu {
        display: none
    }
    footer .container {
        padding: 0 40px
    }
    footer .col-md-3 {
        padding-left: 0;
        padding-right: 0;
        border-bottom: 1px solid #606060;
        padding-bottom: 35px;
        display: table;
        width: 100%;
        margin-bottom: 20px
    }
    footer .col-md-3:nth-child(4) {
        padding-bottom: 0;
        border-bottom: none;
        margin-bottom: -10px
    }
    .footer_bottom .container {
        padding: 0 15px
    }
    .u-social ul {
        display: table;
        margin: 0 auto -10px
    }
    .content-head h3 {
        color: #383838;
        font-size: 22px;
        font-weight: 800;
        margin-top: 5px
    }
    .content-head em {
        font-style: normal;
        background: #F9F9F9;
        padding: 0 49px;
        position: relative;
        display: table
    }
    .head-tngl-left1,
    .head-tngl-left2,
    .head-tngl-left3,
    .head-tngl-right1,
    .head-tngl-right2,
    .head-tngl-right3 {
        margin-top: -3px
    }
    .owl-buttons {
        display: block!important;
        position: relative;
        width: 70px;
        margin: 0 auto;
        top: 100px
    }
    #owl_test .owl-item {
        margin-top: 80px
    }
    .owl_single1 .owl-next,
    .owl_single1 .owl-prev {
        display: none!important
    }
    #ajax {
        height: 20px;
        padding: 0 15px
    }
    .close-it {
        position: absolute;
        right: -17px;
        top: 3px
    }
    .service_with_icon .small {
        display: table;
        margin: 0 auto 11px
    }
    .upi-inner {
        padding: 20px 15px 10px;
        display: table;
        width: 100%
    }
    .laptop_slider {
        display: none!important
    }
    .right_arrow.less-margin10 .owl-buttons {
        display: block!important;
        position: relative;
        width: 70px;
        margin: 0 auto;
        top: 6px
    }
    .calltoaction.black_bg.fullwidth {
        border-radius: 0;
        padding: 22px 15px 40px;
        margin-top: -85px
    }
    .cta.black_bg {
        margin-bottom: -19px
    }
    .calltoaction.black_bg {
        background: #383838;
        display: block;
        float: left;
        width: 100%;
        border-radius: 0;
        padding: 25px 0 40px
    }
    .iphone-slider {
        position: absolute;
        top: 58px;
        left: 63px;
        right: 0;
        z-index: 999;
        width: 156px
    }
    .is-img1,
    .is-img2,
    .is-img3,
    .is-img4,
    .is-img5,
    .is-img6 {
        height: 278px
    }
    .shots-wrap {
        padding: 80px 0!important
    }
    .btn-android,
    .btn-apple {
        border: 1px solid #1E94D0;
        background: #1E94D0;
        border-radius: 4px;
        padding: 10px 15px;
        font-size: 13px;
        color: #E4E4E4;
        text-transform: uppercase;
        font-weight: 800;
        margin: 0 auto 10px;
        transition: all .3s ease 0;
        width: 193px;
        text-align: center;
        display: table;
        float: none
    }
    .u-cta .bg_overlay_image.app+h3 {
        float: left;
        font-size: 26px;
        margin: 6px 0 0
    }
    .social_icon_alt2 li {
        display: inline-block;
        margin: 0 1px 2px
    }
    div.plus {
        margin: 0 auto
    }
    .contact_form2 {
        left: 0;
        width: 86%!important;
        right: 0;
        margin: 0 auto
    }
    #carousel,
    .widget.search {
        position: relative
    }
    .header_sidemenu .col-md-6 {
        width: 50%;
        float: left
    }
    .bt-menu3 {
        display: none
    }
    .cd-timeline-block:after,
    .cd-timeline-block:before {
        right: auto;
        left: 8px
    }
    .inner_content p {
        margin: 10px 0;
        line-height: 15px;
        font-size: 11px
    }
    .inner_content h5 {
        font-size: 13px
    }
    .upi_team_position {
        border: 1px solid #e4e4e4;
        border-width: 0 1px
    }
    .content-head.center {
        text-align: center;
        display: table;
        width: 100%;
        float: none;
        margin: 0 auto 20px
    }
    .aside-content-left,
    .aside-content-right {
        padding: 0 15px
    }
    .flex-direction-nav {
        display: none
    }
    div#carousel.flexslider li {
        margin-right: 10px;
        width: 1%!important
    }
    #carousel li.flex-active-slide:before {
        line-height: 53px
    }
    .product_slider_3col,
    .recent_product_slider {
        margin-top: 55px
    }
    .product_single2 #carousel.flexslider li {
        margin-right: 10px;
        width: 3%!important
    }
    button.btn-number {
        padding: 10px 5px 6px
    }
    div#carousel.flexslider {
        border: none
    }
    .faq-info h4 {
        font-size: 21px
    }
    .faq-page #owl_test .owl-item {
        margin-top: 50px
    }
    .single_portfolio .portfolio_title h3 {
        font-size: 26px;
        margin-top: 8px;
        text-align: center
    }
    .portfolio_navigation {
        float: none;
        display: table;
        margin: 5px auto 0
    }
    .post-share_single .enlarge-social a {
        float: left;
        padding-right: 0;
        margin-right: 5px
    }
    .dtable {
        margin-bottom: 50px;
        display: table;
        width: 100%
    }
    .widget.search {
        float: left;
        width: 100%;
        margin-bottom: -33px
    }
    .head-tng2-line1,
    .head-tng2-line1:before,
    .head-tng2-line2,
    .head-tng2-line2:before,
    .head-tng2-line3,
    .head-tng2-line3:before,
    .head-tng2-line4,
    .head-tng2-line4:before {
        display: none
    }
}