﻿@media only screen and (max-width: 768px) {
    .body {
        width: 100%;
    }

        .body > .pad, .body > .txtBody {
            padding: 7px;
        }

    .bottom .R {
        float: initial;
        width: auto;
        padding: 10px;
    }

    .bottom .L {
        float: initial;
        width: auto;
        margin: 10px;
    }

    .bottom .R:after {
        display: block;
        clear: both;
        content: '';
    }

    .moreBtn {
        margin-bottom: 10px;
    }

    .Stat {
        overflow: scroll;
    }

    .ServiceItem {
        width: 49%;
        margin: 4px .1%;
        transition: none;
    }

    .CustomersSlide .citem {
        background-size: auto 80%;
    }

    .bottomBar .copyRight {
        float: none;
    }

    .bottomBar .designer {
        float: none;
        text-align: center;
        display: block;
        border-top: 1px solid rgba(255, 255, 255, 0.06);
        padding: 5px;
    }

    .menu {
        position: fixed;
        top: 0px;
        left: -110%;
        bottom: 0;
        top: 0;
        width: 74%;
        height: initial;
        box-shadow: 85px 0px 101px #fff;
        overflow: scroll;
        transition: all ease .4s;
        background: #3a7c83;
    }

        .menu .search input {
            width: 86% !important;
            position: absolute;
            top: 124px;
            left: 5%;
            padding: 2%;
            margin: 0;
        }

    .logo .menu .body {
        padding-top: 120px;
        border-top: 2px solid #2e5458;
        background: url(/images/leftLogoIco.png) no-repeat 50% 20px/auto 86px;
    }

    .menu.Open {
        left: 0;
    }

    .menu ul li {
        float: none;
    }

    .menu .body > ul {
        margin: 63px 10px;
    }

    .menu ul li {
        display: block;
        width: 100%;
    }

    .menu .body > ul > li:nth-child(1) {
        padding-right: 0;
        background: none;
    }

    .menu .menitem {
        display: block;
    }

    .menu .submenu {
        position: static;
        padding-right: 25px;
        background: rgba(255, 255, 255, 0);
        visibility: hidden;
        opacity: 0;
        box-shadow: none;
        height: 0px;
        display: none;
        transition: all ease .4s;
    }

    .menu li:hover > .submenu {
        visibility: visible;
        opacity: 1;
        display: block;
        height: auto;
    }

    .menu .submenu li {
        float: none;
        color: #ffffff;
    }

        .menu .submenu li a {
            min-width: 100%;
        }

    .menu .submenu span {
        display: block;
        padding: 3px 6px;
    }

    .menu li {
        background-color: rgba(255, 255, 255, 0) !important;
    }

        .menu li:hover a {
            color: #fff;
        }

        .menu li:hover {
            background: rgba(51, 51, 51, 0.25) !important;
        }


    .logo {
        width: 100%;
        height: 73px;
        overflow: hidden;
    }

        .logo .R {
            height: 65px;
            background-size: auto 86px;
            margin-top: 5px;
            background-position: 96% 0;
        }

        .logo .body {
            background: none;
        }

        .logo .T {
            font-size: 13px;
            padding: 1px 5px;
            background: none;
            display: none;
        }

    .CmsItemHome.Inner {
        width: 99%;
        float: right;
        margin: 10px 0.5%;
    }

    .CmsItemHome {
        margin: 25px;
    }

    .CmsItemRel {
        width: 94%;
        margin: 4px 3%;
    }

    .CustomerItem {
        width: 48%;
        margin: 5px .6%;
        transition: none;
    }

    .PhotoItem {
        width: 48%;
        margin: 5px .6%;
        transition: none;
    }

    input[type=submit], input[type=reset], input[type=button] {
        min-width: initial;
        padding: 4px 10px;
    }

    #btnCloseMenu, #btnMenu {
        display: block;
        z-index: 10000;
    }

    #btnCloseMenu {
        display: block;
        position: absolute;
        top: 0px;
        right: 1px;
        width: 50px;
        height: 50px;
        background: #0c535a url(images/mobBack.png) no-repeat 50% 50%/85% auto;
    }

    #btnMenu {
        display: block;
        position: absolute;
        top: 16px;
        left: 12px;
        width: 40px;
        height: 40px;
        background: url(images/mobMenu.png) no-repeat 0 0/100% auto;
    }

    .owl-nav {
        display: none;
    }

    #sslider .owl-dots {
        bottom: -36px;
    }

    #sslider {
        margin-bottom: 24px;
    }

        #sslider div .text h4, #sslider div .text h5 {
            font-size: 13px;
            padding: 3px;
            line-height: 20px;
        }

    .imgResp {
        display: block;
        margin: 0 auto;
        width: 90% !important;
        height: auto !important;
        text-align: left;
    }

    .tblContactus {
        background: none;
    }

        .tblContactus td:nth-child(1) {
            display: none;
        }

    .tblResp td {
        display: block;
    }

    .tblMembers td:nth-child(1), .tblMembers td:nth-child(4), .tblMembers td:nth-child(6) {
        display: none;
    }

    .txtFastSearch {
        margin: 7px auto;
        display: block;
    }

    .tblMemInfo {
        width: 100%;
    }

        .tblMemInfo td {
            display: block;
            float: right;
            width: 47%;
        }

            .tblMemInfo td:nth-child(1), .tblMemInfo td:nth-child(4) {
                display: none;
            }

            .tblMemInfo td.header, .tblMemInfo td.wide {
                display: block;
                width: 95%;
            }

    .mapMember {
        width: 100%;
    }

    .SlideItem {
        height: 200px;
        overflow: hidden;
        width: 100%;
        position: relative;
    }

        .SlideItem img {
            position: absolute;
            left: 50%;
            display: block;
            height: 100%;
            width: auto !important;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%)
        }

    .contScroll {
        width: 100%;
        overflow: scroll;
    }

        .contScroll .contScrollCont, .Directorate, .org-chart {
            width: 1200px;
        }

    .logo .flag {
        display: none;
    }
}
