@media (min-width:768px) {
    .vc_col-sm-6 { width: 50%; }
    .mobile-only { display: none; }
    .navbar-default .navbar-header .navbar-brand:focus, .navbar-default .navbar-header .navbar-brand:hover { color: #fff; }
}

@media screen and (max-width:768px) {
    label { left: 8px; font-size: 16px; margin-top: -2px; }
    .login-popup-input, .login-popup-textarea { font-size: 18px !important; padding: 3px 6px !important; }
    .site-content { padding: 30px 0 10px !important; }
    .mo-openid-app-icons { border: none !important; }
}

@media only screen and (min-width:300px) and (max-width:1023px) {
    .mobileicon { display: block; margin-top: 11px; }
    .menuwrap nav { position: relative; }
        .menuwrap nav > ul { display: none; width: 100%; position: fixed; left: 0; top: 0; background: #222; z-index: 999; height: 100%; overflow: scroll; padding: 50px 0; box-sizing: border-box; }
            .menuwrap nav > ul li { width: 100%; float: left; box-sizing: border-box; text-align: center; border-bottom: 1px solid #444; line-height: 50px; }
        .menuwrap nav ul .submenu { position: relative; top: 0; padding: 0; background: #444; transition: all 0s ease-in-out; -webkit-transition: all 0s ease-in-out; }
        .menuwrap nav ul li:hover .submenu { display: none; }
    .menu-right > a, .social, li.menu-left > a { display: inline-block; }
    .menuwrap nav ul li:hover > a { color: #8c8c8c; }
    .menuwrap nav ul li > a.active { color: #FF9800; }
    .social { max-height: 50px; }
        .social > ul > li { border-bottom: none !important; }
    .logo-wrap { padding: 0; }
    .menu-right a { margin: 15px 5px !important; }
    .submenu li h2 { color: #ddd; font-size: 16px; font-weight: 300; }
    .menuwrap nav ul .submenu li { width: 100%; border-bottom: 1px dotted #888; }
    .menu-right > a { float: none !important; }
    li.menu-left :focus, li.menu-left :hover { color: #fff; }
    li.menu-left > a { z-index: 10; white-space: normal; font-size: 15px; line-height: 40px; font-weight: 700; color: #fff; font-family: Roboto; border-color: transparent; border-style: solid; border-width: 0 0 3px; letter-spacing: 2px; cursor: pointer; text-decoration: none; visibility: inherit; transition: none; text-align: inherit; margin: 0 5px; padding: 0 10px; min-height: 0; min-width: 0; max-height: none; max-width: none; opacity: 1; transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); transform-origin: 50% 50% 0; border-radius: 0; box-shadow: #999 0 0 0 0; }
    .thim-about-us-quote p { color: #ff3d00; font-size: 21px; font-weight: 400; line-height: 26px; }
    .tech-list li { width: 33.33%; }
        .tech-list li:nth-child(5n+1) { clear: none; }
        .tech-list li:nth-child(3n+1) { clear: both; }
}

@media only screen and (min-width:300px) and (max-width:767px) {
    body { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
    #sec_services { padding-top: 20px; }
        #sec_services .inner-wrap { max-width: 100%; }
    .service-list-wrap > .service-list { padding: 10px 0 30px; }
    #page-wrapper.home-page { margin-top: 30px; }
    .sc_heading .title { font-size: 28px; line-height: 32px; }
    #page-inner-wrapper { width: 100%; }
    #about-2, #about-3.career-page, #about-4, #contact-1 { display: block; }
    #about-1, #about-3 { margin-top: 0; }
    #contact-1 .col-sm-12, #geolocation .col-md-12 { padding-right: 5px; padding-left: 5px; }
    .img-banner { max-height: 628px; }
    .abt-img { background-image: url(/images/business-class-mobile.jpg); height: 628px; }
        .abt-img.career-page { background-image: url(/images/career-with-panthera-mobile.jpg); }
    .large-only { display: none; }
    .mobile-only { display: block; }
    .lato_bold { font-size: 34px; line-height: 40px; margin-top: 15px; }
    .h2_24 { font-size: 16px; line-height: 22px; }
    .mobile-apps-form { height: 110px; width: 100%; }
    .btn-request { margin-top: 10px; }
    .pad-top-150 { margin-top: 0; }
    .star-number { font-size: 38px; line-height: 42px; }
    .p-4 { padding: 10px !important; }
    .pad-top-150.pad-bottom-150 { margin-top: 30px; margin-bottom: 20px; }
    .maxer { margin-top: 20px; }
    .tech-list li { width: 50%; }
        .tech-list li:nth-child(3n+1) { clear: inherit; }
        .tech-list li:nth-child(2n+1) { clear: both; }
}