@media (max-width:768px){
    .above-nav-bar {
        padding-top: 16px;
        display: block;
    }
    .social {
        display: none;
    }
    .above-nav-bar .widget {
        float: right;
        margin-top: 3px;
    }
    body.home .logo, body.home #header.affix .logo, .logo {
        width: auto !important;
    }
    .above-nav-bar {
        padding-top: 8px;
        display: block;
    }
    .logo a {
        display: block;
        position: absolute;
        width: 33%;
    }
     header#header .container{
        padding: 0px;
    }
    .contact-info2{
        font-size: 10px;
    }
    header.tg-haslayout.affix  .above-nav-bar {
        display: none;
    }
    #bs-example-navbar-collapse-1 {
        z-index: 21 !important;
    }
    .affix .add-nav {
        display: none;
    }
    .affix .logo a {
        width: 21%;
    }
    .wel1 {
        padding-top: 0px;
    }
    .text-vertical {
        margin-left: -81px;
        top: 105px;
    }
    .tg-virtuallybuild .tg-description p {
        margin: 0;
        color: #000;
        margin-left: 20px;
    }
    .aboutus-box p {
        letter-spacing: 0px;
        line-height: 18px;
        width: 60%;
    }
    .aboutus-box {
        height: auto;
        padding: 8px 15px 0px;
    }
    .img-box-absolute {
        right: 24px;
        bottom: 1px;
        width: 36%;
        top: inherit;
    }
    .aboutus-box h3 {
        margin-bottom: 2px;
    }
    .text-cross {
        top: 53px;
    }
    .tg-virtual-img {
        margin-top: 33px;
    }
    .wel1 {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .padd-t-b-30 {
        padding-top: 0px;
        padding-bottom: 0px;
        display: block;
    }
    .big {
        font-size: 18px;
        padding: 5px 0px;
        margin: 0 auto;
        margin-bottom: 15px;
    }
    .padd-left {
        padding-left: 15px;
    }
    .padd-right {
        padding-right: 15px;
        margin-top: 15px;
    }
    .yellow p {
        font-size: 16PX;
        margin-bottom: 2px;
    }
    .padd-b-50 {
        padding-bottom: 5px;
    }
    .heading {
        font-size: 18px;
        line-height: 20px;
    }
    .head2 {
        font-size: 13px;
        width: 90%;
    }
    .products-mehto .nav {
        margin: 33px 0px 0px;
    }
   .nav>li>a {
        padding: 4px 11px;
        border-top-left-radius: 5px;
        border-bottom-right-radius: 5px;
        background: #eee;
        border-radius: 5px;
        margin-bottom: 5px;
        font-size: 12px;
    }
    .app {
        position: relative;
        overflow: hidden;
    }
    .blockquote-wrapper:before {
        left: 8px;
    }
    .gal {
        margin-top: 8px;
    }
    .face {
        position: relative;
    }
    .face.back {
        display: none;
    }
    .padt-50 {
        padding-bottom: 20px;
    }
    .one {
        padding: 8px 40px;
    }
    .one i {
        font-size: 35px;
        margin-bottom: 5px;
        margin-top: 8px;
    }
    .tg-theme-heading::after {
        left: -5px;
    }
    .blockquote-wrapper {
        padding: 22px 13px 22px 15px;
    }
    .blockquote {
        padding: 25px 20px;
    }
    .focus-person-img {
        bottom: -26px;
        right: -59%;
        width: 63%;
        left: inherit;
    }
    .app h3 span {
        font-size: 15px;
    }
    .app h5 {
        font-size: 15px;
    }
    .app ul li {
        font-size: 13px;
    }
    .tg-testimonials {
        padding: 0px 0px;
    }
    .tg-testi-slider .item blockquote {
        font-size: 13px;
        line-height: 20px;
    }
    .bor {
        padding: 20px 0px;
    }
    .no-pad-xs{
        padding: 0px;
    }
    .hhh img {
        margin-bottom: 15px;
    }
    .tg-cols .tg-col {
        padding: 20px 0 10px;
    }
    footer#footer{
        font-size: 13px;
        overflow: hidden;
        position: relative;
    }
    footer#footer p {
        font-size: 13px;
        line-height: 20px;
    }
    .tg-signup-modalbox, .tg-login-modalbox {
        width: auto;
        position: fixed;
        top: 5%;
        left: 10px;
        margin: 0 auto;
        right: 10px;
    }
    .login-form {
        padding: 15px;
        overflow: auto;    
        padding-top: 0px;
    }
    .tg-signup-modalbox form .form-control {
        height: 36px;
    }
    .tg-theme-btn {
        font-size: 13px;
        line-height: 35px;
    }
    button.close {
        position: absolute;
        right: 0;
        top: 13px;
        right: 14px;
        background: red;
        opacity: 1;
        padding: 0px 5px;
        color: #fff;
    }
    #f1_container:hover #f1_card {
        transform: none;
        box-shadow: none;
    }
    #about {
        color: white;
        font-size: 16px;
    }
    .list-inline {
        margin-left: 0;
        text-align: center;
    }
    .breadcrumbs.list-inline>li{
        padding-left: 20px;
    }
    .inner-intro {
        height: auto;
        padding-bottom: 22px;
    }
    #abouts {
        color: #fd7911;
        font-size: 18px;
    }
    #abouts::after {
        background-image: url(../images/lline.png);
        left: 18%;
        margin-top: 29px;
    }
    .a1 {
        margin-top: 40px;
        padding: 10px;
    }
    .pro-brd {
        margin-left: 0%;
    }
    .pro-brds{
        margin-left: 0%;
    }
    .breadcrumbs.pro-brds #ink:before {
        top: 40%;
    }
    .categories_title {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .mainNav ul li a {
        padding: 4px 15px;
    }
    div#outer-wrap {
        margin-bottom: 20px;
    }
    span.link-button {
        display: inherit;
    }
    #search {
        margin-top: 50px;
        margin-left: auto;
    }
    .pro-desc .read1 {
        margin: 13% 22%;
    }
    .meal-section {
        margin-bottom: 0px;
    }
    #abouts2 {
        font-size: 16px;
    }
    #abouts2::after {
        left: 16%;
        margin-top: 25px;
    }
    .quality-ttl {
        padding: 10px 0px;
    }
    .meal-contents {
        width: 100%;
        margin: auto;
        position: relative;
        height: auto;
        margin-left: 0;
        text-align: justify;
    }
    .q-mt {
        margin-top: 22px;
    }
    .breadcrumbs.applications .active:before {
        left: 41%;
        top: 60%;
    }
    .app-box {
        padding-top: 15px;
    }
   .app-box #features-section {
        margin-top: 35px;
    }
    .finely{
        padding-left: 0px;    
    }
    .casu {
        line-height: 18px;
        font: 14px;
        margin-top: -18px;
        font-size: 13px;
        font-weight: normal;
        color: #777;
    }
    .mainNav ul li a {
        padding: 5px 15px !important;
        line-height: 20px;
    }
    .categories_title {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }
    .breadcrumbs.clientele #pro:before {
        left: 48%;
    }
    .pad-first-li{
        padding-left: 0px !important;
    }
    .clientele-main #abouts1 {
        font-size: 16px;
    }
    .clientele-main #abouts1::after {
        left: 20%;
        margin-top: 25px;
    }
    .pad-client-pic {
        padding: 5px;
        border: 1px solid #ddd;
    }
    .breadcrumbs.contact #pro:before {
        left: 44%;
    }
    .contact_infor ul li label {
        width: 75px;
        margin-right: 35px;
        font-size: 13px;
    }
    .ml-mark{
        margin-left: 0px;
    }
    .form1 {
        padding: 10px;
    }
/*
    .dir{
        margin-left: 21px;
    }
*/
    
    .contact_infor ul li .des {
        width: calc(100% - 168px);
        
    }
    
}

@media (min-width:375px) and (max-width:380px){
    strong.logo {
        margin: 0px;
    }
    body.home .navigation-area {
        padding: 5px 0 0px;
        width: 100%;
    }
    #nav {
        float: right;
    }
    .aboutus-box {
        width: auto;
    }
    .img-box-absolute {
        right: 15px;
    }
    .tg-virtual-img {
        margin-top: -5px;
    }
    .text-cross {
        font-size: 14px;
    }
    #abouts2::after {
        left: 24%;
    }
}
@media (min-width:376px) and (max-width:425px){
    .logo{
        margin: 0px;
    }
    .logo a {
        width: 22%;
    }
    .above-nav-bar .contact-info2 li {
        margin-left: -8px;
    }
    .contact-info2 li {
        padding: 0px 12px 0px 34px;
    }
    body.home .affix .add-nav, .add-nav, body.home .affix-top .add-nav {
        margin: 0px 10px;
    }
    .img-box-absolute {
        width: 44%;
    }
    .text-cross {
        top: 74px;
    }
    #abouts2::after {
        left: 28%;
    }
}
@media (min-width:768px) and (max-width:769px){
  body.home .navigation-area {
        padding: 0px 0;
  }
  .logo a {
        width: 55%;
        margin-top: -15px;
    }
    body.home .affix .add-nav, .add-nav, body.home .affix-top .add-nav {
        margin-right: 15px;
    }
    .tabs-kit{
        padding: 0% 20%;
    }
    .text-cross {
        left: 80px;
    }
    .text-cross {
        top: 128px;
    }
    .app .col-sm-offset-2{
        margin-left: 0 !important;
    }
    .focus-person-img {
        right: -29%;
        width: 41%;
    }
    marquee.hh {
        padding-right: 25%;
    }
    .tg-testimonials-img {
        margin: -70px 0 -150px;
        width: 85%;
    }
    .footer-nav {
        float: left;
    }
    .affix .logo a {
        width: 35%;
    }
    #abouts::after {
        left: 37%;
     }
    .breadcrumbs.pro-brds #ink:before {
        top: 52%;
    }
    span.link-button {
        display: inherit;
    }
    #search {
        margin-top: 50px;
        margin-left: auto;
    }
    .pro-desc .read1 {
        margin: 75% 0% 5%;
    }
    #abouts2::after {
        left: 37%;
    }
    .breadcrumbs.sevicess .active:before {
        left: 50%;
        top: 70%;
    }
    .breadcrumbs.clientele #pro:before {
        left: 49.5%;
        top: 70%;
    }
    .clientele-main #abouts1::after {
        left: 37%;
        margin-top: 25px;
    }
    
    
}

@media (min-width:1000px) and (max-width:1024px){
    .navigation-area {
        width: 100%;
    }
    body.home .affix-top #nav ul {
        padding: 0px 0 0;
    }
    #nav ul li a {
        padding: 5px 5px 5px;
        font-size: 11px;
    }
    .logo a {
        width: 50%;
    }
    body.home .affix-top .add-nav {
        padding: 5px 0 0;
    }
    .navigation-area {
        padding: 0px 0 0;
        margin: 0px;
    }
    .logo a {
        width: 47%;
        margin: -18px 0px;
    }
    body.home #header {
        z-index: 21;
    }
    .aboutus-box {
        width: 100%;
        height: 235px;
    }
    .img-box-absolute {
        right: 15px;
        top: 140px;
    }
    .text-cross {
        top: 130px;
    }
    .tg-virtual-img {
        margin-top: 99px;
    }
    .big {
        font-size: 22px;
        margin: 10px 137px 21px;
    }
    .tg-testimonials-img {
        margin: -94px 0 -150px;
    }
    .categories_title {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .mainNav ul li a {
        padding: 4px 15px;
    }
    .pro-desc .read1 {
        margin: 73% 35%;
        margin-bottom: 4%;
    }
    .meal-contents {
        height: auto;
    }
    .breadcrumbs .active:before {
        left: 50%;
        top: 55%;
    }
    .breadcrumbs #ink:before {
        left: 50.5%;
        top: 59%;
    }
    .breadcrumbs #pro:before {
        left: 50%;
        top: 55%;
    }
    .pad-first-li{
        padding-left: 0px !important;
    }
    .breadcrumbs #pro:before {
        left: 47.6%;
        top: 55%;
    }
}