@media all and (max-width:767px) {
    body{
        font-size: 15px;
    }
    .g-header {
        position: fixed;
        animation: none !important;
        height: 60px;
        padding: 4px 0;
        background: #fff;
    }

    .auth-btn {
        padding: 0;
        color: #000;
        background: transparent !important;
        font-weight: 700 !important;
    }
    .g-logo img, .g-header.isFixed .g-logo img {
        height: 52px;
    }
    .support-link {
        margin-right: 20px;
    }
    .g-banner video{
        position:relative;    
        width: 100%;
    height: auto;
    min-height: initial;
        display: block;
    }
    .g-banner{
        padding-top: 60px;
        background: none;
    }
    .g-banner-slider {
        display: none;
    }
    .g-slider-item p {
        display: none;
    }

    .g-banner--title {
        font-size: 24px;
    }
    .g-banner-btn {
        padding: 8px 20px;
    }
    .g-slider-flex{
        height: 250px;
    }
    .aboutus-section-row {
        display: block;
    }
    .g-section {
        padding: 40px 0;
    }
    .aboutus-section-row-media {
        width: 100%;
    }
    .aboutus-section-row-content {
        width: 100%;
        padding: 0;
        padding-top: 30px;
    }
    .heading1, .heading {
        font-size: 28px;
    }
    .about-section-btn{
        padding: 8px 20px;
    }
    .g-services-item-box p{
        font-size: 15px;
    }
    .services-row {
        display: block;
    }
    .services-col{
        width: 100%;
    }
    .news-row{
        display: block;
        margin-top: 30px;
    }
    .news-col {
        width: 100%;
        padding: 16px 0;
    }
    .clientSliderBox{
        display: block;
        padding: 20px;
    }
    .clientSliderMedia {
        width: 200px;
        height: 200px;
        min-width: 200px;
    }
    .mediabox {
        width: 200px;
        height: 200px;
        margin: 0 auto;
    }
    .clientSliderMediaBg {
        width: 100px;
        height: 140px;
        border-radius: 18px;
    }
    .clientSliderContent {
        padding-left: 0;
        padding-top: 40px;
    }
    .clientSliderContent p {
        padding-right: 0;
        font-size: 18px;
    }
    .testiImage:before , .testiImage:after{
        display: none;
    }
    .footer-row {
        padding: 30px 0;
        display: block;
    }
    .footer-title{
        font-size: 20px;
    }
    .footer-box {
        width: 100% !important;
        flex: 1;
        padding-bottom: 30px;
    }
    .footer-bottom .g-container-flex {
        display: block;
        text-align: center;
        font-size: 14px;
    }
    .copyright {
        padding-bottom: 10px;
    }
    .aboutus-row {
        display: block;
    }
    .aboutus-image, .aboutus-content {
        min-width: 100%;
        width: 100%;
    }
    .aboutus-content {
        margin: 30px 0 0 0;
    }

    .visionrow {
        display: block;
    }

    .vision-box{
        width: 100%;
    }

    .mision-head--mob{
        display: block;
    }

    .mision-head--desk{
        display: none;
    }

    .visionbg, .misionbgbg{
        display: none;
    }

    .vision-list-title {
        margin-top: 30px;
    }

    .teamrow{
        display: block;
    }

    .team-col {
        max-width: 400px;
        margin: 0 ;
        width: 100%;
    }

    /*********Service Page CSS***********/

    .service-row {
        padding: 15px;
    }
    .service-row .service-rowinner {
       flex-wrap: wrap;
    }
    .service-image {
        width:100%;
        margin-bottom: 10px;
    }
    .service-image  img{
        width: 100%;
        border-radius: 5px;
    }
    .service-content {
        width: 100%;
    }
    .service_title {
        font-size: 20px;
        line-height: 32px;
    }
    .service-row:nth-child(odd) .service-image{
        order:initial
    }
    /*********Product Page CSS***********/
    .product-page{
        flex-wrap: wrap;
    }
    .product-page .sidebar {
        width:100%;
    }
    .product-page .product-info{
        width: 100%;
    }
    .product-image {
        width: 50%;
        margin: 15px 0;
        padding: 10px;
        border-radius: 5px;
        border: 1px solid #ff9b33;
    }
    .sub_title {
        font-size: 20px;
        color: #ff9b33;
        font-weight: normal;
    }
    .product-page .product-info ul {
        padding-left: 20px;
    }
    .sustainability{
        display: flex;
        flex-wrap: wrap;
    }
    .sustainability .one-half{
        width: 100%;
    }
    .service-wrapper .g-services-item {
        width: 100%;
    }
    .service-wrapper .service-image {
        height: 300px;
    }


    /****contact us page****/
    .flex-row {
        flex-wrap: wrap;
    }

    .map{
        width: 100%;
        padding: 0;
        margin:10px 0;
    }

    .map iframe{
        height: 300px;
    }


    .InTouch-item{
        width: 100%;
        margin: 20px 0;
    }

    .getinTouch-inner {
        padding: 0;
    }

    .InTouch-item {
        padding: 0;
    }

    /****product page****/
    .products-image {
        width: 100%;
        max-width: 100%;
        order: 1;
        margin: 5px 0;
    }
    .product-content {
        width: 100%;
        order:0;
    }

    .products-sec {
        padding: 20px 0;
    }

    .product-row .section__heading {
        margin-bottom: 10px;
        margin-top: 5px;
    }

    .image-container{
        column-count: 1;
        margin-bottom: 0;
    }

    .about-description {
        padding: 0;
    }

    .about-us{
        flex-wrap: wrap;
    }

    .about-content{
        max-width: 100%;
        padding-right: 0;
    }
    
    .about-img{
        max-width: 100%;
        margin-bottom: 20px;
    }

}