/* Font */
@import url('https://fonts.googleapis.com/css?family=Raleway:200,300,400,500,600,700,800,900');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans:400,700');


/* hide news section*/
/*
.menu #menu3 {
    display:none;
}

.ccMenu #ccMenu3 {
    display:none;
}
.ccMenu #newsSeparate {
    display:none;
}
#news {
    display:none;
}
/*hide news section*/

/*hide services list #3 */
/*
.services #service3 {
    display:none;
}

/*hide services list #3 */

/*Desktop*/
/* Homepage */
html, body{
    font-family: 'Raleway', simhei, sans-serif;
    width: 100%;
    height: auto;
    color: #003a75;
    font-weight: 600;
    text-align: center;
}

a, a:visited {
    text-decoration:none;
    color: #003a75;
}

.homepage #header {
    height:120px;
    background-color: rgba(255, 255, 255, 0.6);
}

#logo {
    margin: 30px 0px 30px 60px;
    display: inline-block;
    float: left;
    width: 170px;
    height: 55px;
}
.showMenu{
    float: right;
    display:inline-block;
    width:100%;
}
.menu {
    text-align:right;
    font-size: 18px;
    width: 810px;
    float: right;
    padding-right:60px;
}
.menuBtn {
    display:none;
}
.menu div {
    padding:50px 40px 50px 40px;
}
.menu li {
    display: inline-block;

}
.menu .lang {
    margin-left:60px;
}
.menu a:hover , .lang:hover {
    color: #6f6f6f;
}

.lang.active, #langSeparate1.active{
    color:#003a75;
}
.lang div {
    padding:0px;
    display:inline-block;
}
.lang, #langSeparate2, #langSeparate1{
    color: #7e7e7e;
}
.menu .lang{
    border: none;
    display: inline-block;
    padding: 0px;
    text-align:right;
    font-size:16px;
    margin: 0px 0px 0px 0px;
}
.menu #langSeparate1, #langSeparate2 {
    display: inline-block;
    padding: 0px;

}
/*Homepage Banner*/
.homepage #banner {
    background-image: url('../image/banner/Banner/ZD_home_1920-1080.jpg');
    background-position: center center;
    background-size: cover;
    height: 100vh;

}
.headerLayer {
    background-color: rgba(255, 255, 255, 0.3);
    width: 100%;
    height: 100%;
}
.homeHeading {
    position: absolute;
    top: 50%;
    right: 20%;
    left:20%;
}
#heading {
    font-size: 50px;
    font-weight: 800;
    padding-bottom: 40px;

}

#introduction{
    color: black;
    font-size: 20px;
    width: 760px;
    letter-spacing: 1px;
    margin: 0px auto;
    line-height: 30px;
}

/*Aboout Zhao Da (China) Investments Ltd*/
#aboutHeading{
    padding: 100px 0px 0px 0px;
    color:black;
    font-size: 30px;
    font-weight:700;
}
#aboutContent{

    color:black;
    font-size: 20px;
    font-weight:300;
    line-height:25px;
    width: 700px;
    margin: 0px auto;
}
.learnMore {
    padding: 15px 30px 15px 30px;
    border: 1px;
    border-style: solid;
    font-size: 20px;
    font-weight: 300;
    display: inline-block;
    /*margin:50px auto 75px;*/
    margin:50px auto 0px;

}
#about .learnMore{
    margin-bottom: 100px;
}
#about .learnMore:hover {
    cursor:pointer;
    background-color: #003a75;
}
#about #aboutLink:hover .learnMore{
    color: white;
}
#aboutLink {
    border-color: #003a75;
    color: #003a75;
    text-decoration: none;
}

/*Our Service*/
#service {
    background-image:url('../image/banner/ZD_homesectionimg_1920-1080.jpg');
    background-position: center center;
    background-size: cover;
    /*height: 770px;*/
    color: #FFFFFF;
}
.serviceLayer {
    background-color: rgba(16, 55, 96, 0.8);
    width: 100%;
    height: 100%;
    padding-bottom: 75px;
}
#serviceHeading{
    font-size: 30px;
    font-weight: 700;

    padding-top: 85px;
}
.s-line{
    width: 50px;
    height: 3px;
    display: block;
    margin: 35px auto 55px;
}
#aboutLine{
    background: #003a75;
}
#service .learnMore:hover {
    cursor: pointer;
    background-color: white;
    border-color: white;
}
#service #serviceLink:hover .learnMore {
    color: #003a75;
}
#serviceLink {
    text-decoration: none;
    color:#FFFFFF;
    border-color: #FFFFFF;
}
#serviceLine{
    background: white;
}
/*.block-wrapper{
    width: 810px;
    overflow: hidden;
    margin:0px auto;
}*/
.block-wrapper {
    overflow: hidden;
    display: flex;
    align-items: stretch;
    justify-content: center;
}
.serviceBlock {
    display: block;
    background-color: rgba(255,255,255,0.2);
    width: 385px;
    /*float: left;*/
    font-size: 20px;
    padding-top: 40px;
    margin: 0 20px;
}
/*.serviceBlock + .serviceBlock{
    float: right;
}*/

#consultHeading{
    padding: 25px 55px 0px 55px;
}
#consultIntro {
    font-weight:200;
    padding: 30px 50px 85px 50px;
    line-height: 25px;
}

#OEMHeading {
    padding: 30px 45px 0px 45px;
}
#OEMIntro{
    font-weight:200;
    padding: 30px 50px 30px 45px;
    line-height: 25px;
}
/*Latest News*/
#lateNewsHeading{
    color: black;
    font-size: 30px;
    font-weight: 700;
    padding-top: 85px;
    padding-bottom: 85px;
}
#news {
    background-color:#f3f3f3;
}
#news #newsLink {
    font-size: 20px;
    font-weight: 400;
}
#news .newsItem {
    background-image: url('../image/banner/Banner/ZD_servicedetails_1920-1080.jpg');
    background-size: 400px 270px;
    margin-bottom: 80px;
}
#news .newsDate{
    color: black;
}
#news .newsHeading {
    font-weight: 600;
    margin-top: 20px;
    color: #003a75;
    font-size: 20px;
    width: 400px;
    text-align:left;
}
#news .learnMore{
    padding: 15px 35px 15px 35px;
    border: 1px solid #003a75;
    font-size: 20px;
    font-weight: 400;
    display: inline-block;
    margin: 0px auto 85px;
}
#news .learnMore:hover {
    cursor:pointer;
    background-color: #003a75;
}
#news #newsLink:hover .learnMore{
    color: white;
}
#newsLink {
    border-color: #003a75;
    color: #003a75;
    text-decoration: none;

}
/*Latest News end*/

/*Contact us*/
#contactUs {
    height:400px;
    margin:95px 0px 0px 0px;
}
#contactLine{
    background: #000000;
}
#contactWrapper{
    width: 1280px;
    overflow: hidden;
    height: 495px;
    margin:0px auto;
}
#contactInfo {
    height: 400px;
    background-color: #e4e4e4;
    display: block;
}
#copyright{
    height: 75px;
    background-color: #797d80;
}

#contactWrapper{
    overflow:hidden;
    margin: 0px auto;
    width: 100%;
    max-width: 1280px;
    height: 275px;
}
#row-contact-first {
    width: 400px;
    height: 185px;
    display: inline-block;
    font-size: 20px;
    font-weight: 400;
    color: black;
    float: left;
    text-align: justify;
    line-height: 25px;
    margin-left: 60px;
}

#row-contact-second {
    display: inline-block;
    height: auto;
    width: 880px;
    color: #424242;
    border-color: #c6c6c6;
    float: left;
    position: relative;
}
#row-contact-second .btn-send:hover {
    background-color: #003a75;
    color: white;
    cursor: pointer;
}
#form-first, #form-second {
    height: 190px;
    width: 400px;
}
#form-first{
    margin: 0px 40px 0px 40px;
    float:left;

}
#form-second {
    float: right;
}

.form-control {
    display: block;
    border: 1px solid #c6c6c6;
    height: 50px;
    margin-bottom: 20px;
    width:400px;
    box-sizing: border-box;
    padding: 0px 20px 0px 20px;
    font-size:15px;
    font-family:Raleway;
    font-weight:300;
    outline:none;
}

#input-comment {
    height: 190px;
    resize: none;
    padding-top: 20px;

}
.btn-send {
    height: 50px;
    width: 400px;
    font-family: 'Raleway';
    font-weight: 400;
    font-size: 20px;
    color: #003a75;
    background-color: white;
    border: 1px solid #003a75;
    /*position: absolute;
    top:130px;
    left: 40px;*/
    outline: none;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}
/*Footer*/
/*Company Info*/
#ZD-Logo-Contact {
    text-align: left;
    max-width: 245px;
    max-height: 75px;
    width:100%;
    height:auto;
}
#contactHeading1, #contactHeading2, #contactHeading3 {
    font-size: 30px;
    font-weight: 700;
    text-align: left;
}

.heading-Line {
    background-color: #66819c;
    height: 3px;
    margin: 20px 0px 20px 0px;
}

.content-Line {
    background-color: #66819c;
    height: 1px;
    margin-top: 15px;
    margin-bottom: 15px;
    width: 370px;
}

#contactInfo {
    color: #66819c;
    overflow: hidden;
    height:400px;
    padding:0 5% 0 5%;
}
#contactWrapper{
    margin: 0px auto;
    width:100%;
    max-width: 1400px;
    height:auto;
}
.contact1, .contact2, .contact3 {
    display: inline-block;
    /*width: 400px;*/
    width:30%;
    float: left;

}

.contact2 {
    margin: 75px 20px 70px 20px;
}
.contact1 {
    margin: 75px 20px 70px 0px;
}
.contact3 {
    margin: 75px 0px 70px 20px;
}

#companyIntro, #serviceIntro, #contactDetail{
    font-size: 15px;
    font-family: 'Noto Sans', sans-serif;
    font-weight: 400;
}

#companyIntro, #serviceIntro  {
    text-align: left;
    line-height: 25px;
    margin-top: 20px;
}
#companyIntro{
    margin-top: 30px;
}

.contactText {
    max-width: 83%;
    display: block;
    float: left;
    display:inline-block;
}

#footer #telText, #footer #timeText, #footer #emailText {
    text-align:left;
    font-size: 16px;
}
#footer #telText {
    margin-top: 39px;
}
#footer #timeText {
    margin-top: 38px;
}
#footer #emailText {
    margin-top: 38px;
}
#footer #addrText {
    text-align:left;
    max-height: 35px;
    font-size: 16px;
}
#footer a, #footer a:visited{
    color: #66819c;
}
#addrImg img{
    margin-bottom: 50px;
    float: left;
    margin-right: 15px;
}
#telImg img, #timeImg img, #emailImg img {
    float: left;
    margin-bottom: 30px;
    margin-right: 15px;
}
#timeImg img {
    margin-bottom: 37px;
}
.image{
    float: left;
    display:inline-block;
}
#contactDetail{
    overflow:hidden;
}

/*Copyright*/
#copyright {
    overflow: hidden;
    height: 100px;
}
#ccStatement1 {
    text-align: left;
    float: left;
    margin: 30px 0px 30px 60px;
}
#ccStatement2 {
    text-align: left;
    float: left;
    margin: 12px 0px 25px 0px;
}
#copyright, #copyright a, #copyright a:visited {
    color: #f8f8f8;
}
.ccMenu {
    text-align:right;
    margin: 55px 60px 30px 0px;
    display: inline-block;
    float: right;
}

#ccMenu1, #ccMenu2, #ccMenu3, #ccMenu4, .separate, #ccStatement1, #ccStatement2 {
    display:inline-block;
    font-size: 14px;
    font-weight:400;
    font-family: 'Noto Sans', sans-serif;
}
.separate {
    padding: 0px 15px 0px 15px;
}
/*Homepage end*/


/*About Us page*/
.about-us #menu1  {
    border-bottom: 3px solid #003a75;
}
#page-heading {
    color: white;
    /*height:125px;*/
    font-size: 50px;
    font-weight: 800;
    /*padding: 180px 0px 40px 0px;*/
    display:table-cell;
    vertical-align: middle;
    top: 0px;
    position: relative;
}
#header {
    z-index:10;
    height:120px;
    background-color: rgba(201, 208, 214, 0.8);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}
/*
#header ul li {
    display: inline-block;
    padding: 50px 0px 50px 0px;
}
*/
/*About Us Banner*/

.about-us #content {
    min-height: 745px;
}
.about-us #banner {
    background-image: url('../image/banner/Banner/ZD_aboutus_1920-1080_NEW.jpg');
    background-position: center center;
    background-size: cover;
    height: 550px;
}
.about-us .contentLayer {
    background-color: rgba(50, 78, 110, 0.4);
    width: 100%;
   /* height: 430px;
	position:absolute;
    top: 120px;*/
    height:calc(100% - 120px);
    position: relative;
    top:120px;
    display:table;
}
#aboutUsContent {
    padding: 100px 0px 30px 0px;
    color:black;
    font-size: 17px;
    font-weight:400;
    line-height:22px;
    text-align: left;
    max-width: 840px;
    margin: 0px auto 25px auto;
    width:80%;
}

#dl-pdf-heading{
    text-align: left;
    color:black;
    font-weight:400;
    margin: 40px auto 15px 0px;
    padding:0px;
}

.dl-pdf-btn {
    padding: 15px 25px 15px 60px;
    border: 1px solid #003a75;
    font-size: 17px;
    font-weight: 300;
    display: inline-block;
    /*float:left;*/
    margin-left: 0px;
    background-image: url('../image/about us/PDFicon.svg');
    background-repeat: no-repeat;
    background-size: 65px 35px;
    background-position: left center;
}
.dl-pdf-btn:hover {
    background-color: #003a75;
    background-image: url('../image/about us/hover_PDFicon.svg');
    cursor: pointer;
}
#dl-pdf-link:hover .dl-pdf-btn{
    color: white;
}

#dl-pdf-link {
    border-color: #003a75;
    color: #003a75;
    text-decoration: none;
}

/*About Us page end*/


/*Contact Us page*/
.contact-us #menu4 {
    border-bottom: 3px solid #003a75;
}

/*Contact Us Banner*/

.contact-us #banner {
    background-image: url('../image/banner/Banner/ZD_contactUs_1920-1080.jpg');
    background-position: center center;
    background-size: cover;
    height: 550px;
}
.contact-us .contentLayer {
    background-color: rgba(32, 60, 95, 0.4);
    width: 100%;
    /*height: 430px;
	position:absolute;
    top: 120px;*/
    height:calc(100% - 120px);
    position: relative;
    top:120px;
    display:table;
}
.contact-us #contactUs {
    height: auto;
    margin-bottom: 50px;
}

/*Google Map*/
#googleMap {
    margin: 100px auto;
    height: 560px;
    width: 1280px;
    position: relative;
}
#map {
    height: 100%;
    width:100%;
    position: absolute;
}

.locationInfo {
    width: 340px;
    height: auto;
    display:block;
    position: absolute;
    background-color: #003a75;
    color: white;
    text-align: left;
    padding: 65px 0px 65px 45px;
    top: 70px;
    left: 70px;
}
#infoHeading {
    font-size: 30px;
    font-weight: 700;
}
.locationInfo #line{
    width: 50px;
    height: 3px;
    background-color: white;
    margin: 30px auto 55px 0px;
}

.locationInfo #addrImg img {
    margin-bottom: 54px;
}
.locationInfo #emailImg img, #emailText {
    margin-bottom: 0px;
}
.locationInfo #timeImg img {
    margin-bottom: 26px;
}
.locationInfo #telText {
    margin-top: 20px;
}
.locationInfo #timeText {
    margin-top: 30px;
}
.locationInfo #emailText {
    margin-top: 26px;
}
.locationInfo #emailText a{
    color:white;
}
.locationInfo #addrText {
    text-align:left;
    max-height: 25px;
    font-size: 16px;
}
.locationInfo .contactText {
    font-size: 16px;
    font-family: Noto Sans;
    font-weight: 400;
    max-width: 270px;
    line-height: 19px;
}
.locationInfo #addrText {
    max-height: none;
}
/*
#addrText{
    width: 270px;
}
*/
/* Contact Us page end*/


/*Services page*/
.services #menu2 {
    border-bottom: 3px solid #003a75;
}

.services #content {
    min-height: 670px;
}

/*Services Banner*/
.services #banner {
    background-image: url('../image/banner/Banner/ZD_service.jpg');
    background-position: center center;
    background-size: cover;
    height: 550px;
    margin-bottom: 100px;
}
.services .contentLayer {
    background-color: rgba(32, 60, 95, 0.3);
    width: 100%;
    /*height: 430px;
	position:absolute;
    top: 120px;*/
    height:calc(100% - 120px);
    position: relative;
    top:120px;
    display:table;
}

/*Services List*/
.servicesWrapper{
    overflow:hidden;
    text-align:center;
}

.service {
    margin: 0px 20px 20px;
    background-image:url('../image/services/Services_section01.jpg');
    background-size: 400px 255px;
    background-repeat:no-repeat;
    display:inline-block;
}
.imgLayer {
    width: 400px;
    height: 255px;
}

.readMore{
    padding: 15px 25px 15px 25px;
    border: 1px solid #FFFFFF;
    font-size: 20px;
    font-weight: 300;
    margin: 100px 115px auto 115px;
    display:none;
}
.imgLayer:hover {
    background-color: rgba(3, 45, 89, 0.6);
}
.imgLayer:hover .readMore{
    display: inline-block;
}
.imgLayer:hover .readMore:hover{
    background-color:white;
    cursor: pointer;
}
.imgLayer:hover #serviceLink:hover .readMore{
    color: #003a75;
}
.service:hover .service-heading-line {
    opacity:1;
}
.serviceheading {
    margin-top: 35px;
    color: black;
    font-weight: 700;
    font-size: 20px;
    text-align: center;
    height: 25px;
}
.service-heading-line {
    background-color: #003a75;
    height: 3px;
    width: 50px;
    opacity:0;
    margin: 30px auto;
}

/*Services page end*/



/*ServicesDetail page*/
/*ServicesDetail Banner*/

.servicesDetail #banner {
    background-image: url('../image/banner/Banner/ZD_servicedetails_1920-1080.jpg');
    background-position: center center;
    background-size: cover;
    height: 550px;
}
.servicesDetail .contentLayer {
    background-color: rgba(7, 40, 68, 0.6);
    width: 100%;
    overflow: hidden;
    /*height: 430px;
    position:absolute;
    top: 120px;*/
    height:calc(100% - 120px);
    position: relative;
    top:120px;
    display:table;
}

#subheading {
    font-size: 20px;
    padding-bottom: 20px;

}
.servicesDetail #page-heading{
    text-align:left;
    /*padding: 0px; */
    /*margin: 178px auto;*/
    /*display: inline-block;*/
    padding-left: 35%;
    display: table-cell;
}
.servicesDetail #page-heading p{
    font-size: 35px;
    /*text-align: center;*/
}

.servicesDetail #content, .newsDetail #content {
    min-height: 500px;
}
#servicesContent{
    /*padding: 100px 280px 30px 280px;*/
    color:black;
    font-size: 17px;
    font-weight:400;
    line-height:22px;
    text-align: left;
    max-width: 840px;
    margin: 50px auto;
    width:80%;
}

.servicesDetail .dl-pdf-btn {
    margin: 0px;
    border: 1px solid #003a75;
    padding-top: 15px;
    padding-bottom: 15px;
}
.servicesDetail #dl-pdf-heading{
    margin: 30px auto 15px 0px;
    padding:0px;
}
/*ServicesDetail page end*/


/*News page*/
.news #menu3  {
    border-bottom: 3px solid #003a75;
}
.news #content {
    padding: 100px 0px 40px 0px;
}

/*News Banner*/
.news #banner {
    background-image: url('../image/banner/Banner/ZD_NewsList_1920-1080.jpg');
    background-position: center;
    background-size: cover;
    height: 550px;
}

.news .contentLayer {
    background-color: rgba(0, 58, 117, 0.2);
    width: 100%;
   /* height: 430px;
	position:absolute;
	top: 120px;*/
    height: calc(100% - 120px);
    position: relative;
    top:120px;
    display:table;
}

/*News List*/
.newsWrapper {
    overflow:hidden;
    text-align: center;
    width:1330px;
    margin: 0px auto;

}
.newsItem {
    display:inline-block;
    background-image:url('../image/banner/Banner/ZD_servicedetails_1920-1080.jpg');
    background-size: 400px 255px;
    background-repeat:no-repeat;
    margin: 0px 20px 80px;
}

.newsImg {
    height: 255px;
    width: 400px;
}
.newsDate {
    color: #b7b7b7;
    font-size: 14px;
    font-weight: 400;
    margin-top: 35px;
    text-align:left;
}
.news .newsHeading {
    margin-top: 10px;
    color: #003a75;
    font-weight: 700;
    font-size: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 400px;
    text-align:left;
}
.newsContent {
    font-weight: 400;
    color:black;
    font-size:17px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    margin: 20px 0px 50px 0px;
    width: 400px;
    text-align:left;
    line-height: 19px;
}

.readMoreLink, .readMoreLink a:visited {
    font-weight: 700;
    font-size: 17px;
    color: #003a75;
    text-decoration:underline;
    text-align:left;
}
.readMoreLink a:hover{
    color: #6f6f6f;
}
/*News page end*/


/*News Detail page*/
.newsdetail #content {
    padding: 100px 0px 120px 0px;
}

/*News Detail Banner*/
.newsDetail #banner {
    background-image: url('../image/banner/Banner/ZD_News_1920-1080.jpg');
    background-position: top center;
    background-size: cover;
    height: 550px;
}

.newsDetail .contentLayer {
    background-color: rgba(0, 58, 117, 0.2);
    width: 100%;
    /*height: 430px;
    position:absolute;
    top: 120px;*/
    height: calc(100% - 120px);
    top:120px;
    position: relative;
    display: table;
}

.breadCrumb {
    text-align: left;
    margin: 30px 0px 0px 60px;
    font-size: 15px;
}
#currentPage {
    color: #c0c0c0;
    font-weight:400;
	line-height: 19px;
}

#fullNews{
    margin: 30px auto;
    text-align: left;
    max-width: 840px;
    width:80%;
    min-height: 900px;
}
.fullNewsImg {
    text-align: center;
}
.fullNewsImg img{
    height: 500px;
    width: 840px;
}
.fullNewsDate {
    color: #a7a7a7;
    font-size: 14px;
    font-weight: 400;
    margin-top: 35px;
    text-align:left;
    margin-top: 55px;
}
.fullNewsHeading {
    color: #003a75;
    font-weight: 700;
    font-size: 20px;
    text-align:left;
    margin: 10px 0px 25px 0px;
	line-height: 22px;
}
.fullNewsContent {
    font-weight: 400;
    color:black;
    font-size:17px;
    line-height: 20px;
    margin: 30px 0px 0px 0px;
    text-align: justify;
}
/*News Detail page end*/
/*Desktop end*/

/*width < 1400 and > 769 */
@media only screen and (max-width: 1399px) and (min-width: 769px) {
    /*home banner*/
    .homeHeading {
        right: 10%;
        left: 10%;
    }
    #introduction {
        width: 648px;
    }

    /*contact us form*/
    #contactUs {
        height: auto;
		margin: 95px 0px 95px 0px;
    }
    #contactWrapper {
        max-width: 1400px;
        height: auto;
        text-align: center;
    }
    #row-contact-first{
        width: 600px;
        margin-left: 0px;
        float: none;
		margin-bottom: 20px;
		height: auto;
    }
    #row-contact-second {
        width:auto;
        float:none;
        vertical-align: top;
    }
    #form-first {
        float: left;
        vertical-align:top;
        width: 300px;
        display: inline-block;
        margin: 0px 20px 0px 20px;
    }
    #form-second {
        float: none;
        display: inline-block;
        width: 300px;
        vertical-align: top;
    }
    .form-control {
        width: 100%;
    }
    .btn-send {
        width: 300px;
        left:20px;
    }

    /*map*/
    #googleMap {
        width: 90%;

    }

    /*news page*/
    .newsWrapper {
        width: auto;
    }


}
@media only screen and (max-width: 1399px) {
    /*Contact Us page*/
    .contact-us #banner {
        background-image: url('../image/banner/Banner/ZD_contactus_2_1920-1080.jpg');
    }

    /*copyright*/
    #copyright {
    }
    #ccStatement1 {
        margin: 20px 0px 10px 30px;
    }
    /*
    #ccStatement1, #ccStatement2, #ccMenu1, #ccMenu2, #ccMenu3, #ccMenu4 {
        font-size: 10px;
    }*/
    .ccMenu {
        /*margin: 35px 60px 15px 0px;*/
        margin: 44px 60px 0 0;
    }
    .separate {
        padding: 0px 10px 0px 10px;
    }

    .about-us #menu1 , .services #menu2 , .news #menu3 , .contact-us #menu4 {
        /*border-bottom: 0px;*/
    }
}
@media only screen and (max-width:1150px){
    /*map*/
    #googleMap {
        width: 80%;
        height: 780px;
    }
    #map {
        display: block;
        position: absolute;
        top: 430px;
        width: 100%;
        height: 50%;
    }
    .locationInfo {
        width: 97%;
        padding: 45px 0px 45px 25px;
        position: absolute;
        top: 0px;
        left: 0px;
        display: block;
    }
}

@media only screen and (max-width:1115px){
    /*menu*/
    /*#header {*/
        /*position:relative;*/
    /*}*/
    .about-us #menu1 , .services #menu2 , .news #menu3 , .contact-us #menu4 {
        border-bottom: 0px;
    }
    .menu {
        opacity:0;
        padding-right:0px;
    }
    .showMenu.active {
        background:white;
        display:block;
        width:100%;
        height: 415px;
        position:fixed;
        z-index:1;
    }
    .menu li {
		max-height:0em;
		transition: all 2s ease-in;
		overflow:hidden;
	}
    .showMenu.active .menu li{
        display:block;
        float:none;
        text-align:center;
		max-height:40em;
    }
    .showMenu.active .menu div {
        padding: 23px 0px 23px 0px;
        font-size: 18px;
        width:100%;
        margin:0 auto;
        display: block;
    }
	.showMenu .menu li{
		padding: 0;
		border-bottom: 2px solid #f2f2f2;
	}
	.showMenu .menu li:last-child{
		border: none;
	}
	.showMenu .menu li a{

	}
	.showMenu .menu div{
		width: 100%;
		display: block;
	}
    .showMenu.active .lang {
        border-bottom: 0px;
        padding:0px;
        width:90%;
        text-align:center;
        margin:0;
    }
	.showMenu.active .lang div:hover{
		background: none;
	}
    .menuBtn{
        display:inline-block;
        float:right;
        /*padding:20px 0px 20px 0px; */
    }
    .menuBtn:hover{
        cursor:pointer;
    }
    .showMenu.active .menu {
        display:block;
        width: 100%;
        float: none;
        position: absolute;
        top: 90px;
		opacity:1;
    }
    .showMenu.active .lang div{
        text-align:center;
        border: none;
        display: inline-block;
        width: 30px;
        font-size: 16px;
    }

    .showMenu.active .lang .langSeparate{
        display: inline-block;
        width: 2px;
    }

    .menu div:hover{
        background:#003a75;
        cursor:pointer;
        color:white;
    }
    .menuBtn{
        position: absolute;
        right: 40px;
        top: 40px;
        width: 35px;
        height: 25px;

    }
    .menuBtn span{
        display: block;
        width: 100%;
        width: 35px;
        height: 2px;
        font-size: 0;
        background-color: #003a75;
        -webkit-transition: all 500ms linear;
        -moz-transition: all 500ms linear;
        -ms-transition: all 500ms linear;
        -o-transition: all 500ms linear;
        transition: all 500ms linear;
    }
    .menuBtn span.firstline{
        position: absolute;
        top: 0;
        left: 0;
    }
    .menuBtn span.secondline{
        position: absolute;
        top: 10px;
        left: 0;
    }
    .menuBtn span.thirdline{
        position: absolute;
        top: 20px;
        left: 0;
    }
    .showMenu.active .menuBtn span.firstline{
        -webkit-transform: translate(0, 10px) rotate(45deg);
        -moz-transform: translate(0, 10px) rotate(45deg);
        -ms-transform: translate(0, 10px) rotate(45deg);
        -o-transform: translate(0, 10px) rotate(45deg);
        transform: translate(0, 10px) rotate(45deg);
        border-radius: 40px;
    }
    .showMenu.active .menuBtn span.secondline{
        opacity: 0;
    }
    .showMenu.active .menuBtn span.thirdline{
        -webkit-transform: translate(0, -10px) rotate(-45deg);
        -moz-transform: translate(0, -10px) rotate(-45deg);
        -ms-transform: translate(0, -10px) rotate(-45deg);
        -o-transform: translate(0, -10px) rotate(-45deg);
        transform: translate(0, -10px) rotate(-45deg);
        border-radius: 40px;
    }
    .showMenu {
        transition:all 0.5s ease-in-out;
		height:120px;
    }
}

@media only screen and (max-width: 1399px) and (min-width: 724px)  {
    /*footer*/
    #contactInfo {
        height: auto;
    }
    /*
    #contactWrapper {
        max-width: 768px;
    }
    .contact1, .contact2, .contact3 {
        width: 195px;
    }*/
    .contact1 {
        margin: 45px 20px 40px 0px;
    }
    .contact2 {
        margin: 45px 20px 40px 20px;
    }
    .contact3 {
        margin: 45px 0px 40px 20px;
    }
    #contactHeading1, #contactHeading2, #contactHeading3 {
        font-size: 27px;
    }
    .heading-Line {
        height: 2px;
        margin: 15px 0px 15px 0px;
    }
    /*
    #ZD-Logo-Contact {
        width: 135px;
        height: 45px;
    }*/
    .content-Line {
        width: 100%;
    }
   /* #companyIntro, #serviceIntro {
        font-size: 12px;
        margin-top: 15px;
        line-height: 15px;
    }
    #footer #addrText, #footer #telText, #footer #timeText, #footer #emailText {
        font-size: 12px;
    }

    #footer #addrText {
        width: 170px;
    }
    #footer .image img {
        width: 15px;
        height: 15px;
    }
    #footer #addrImg img {
        margin-bottom: 35px;
        margin-right: 10px;
    }
    #footer #telImg img {
        margin-bottom: 20px;
        margin-right: 10px;
    }
    #footer #telText {
        margin-top: 17px;
    }
    #footer #timeText {
        margin-top: 22px;
    }
    #footer #emailText {
        margin-top: 24px;
    }
    #footer #timeImg img {
        margin-bottom: 20px;
        margin-right: 10px;
    }
    #footer #emailImg img {
        margin-right: 10px;
    }*/
}
@media only screen and (max-width: 723px)  {
    /*footer
    #ZD-Logo-Contact {
        text-align: left;
        width: 245px;
        height: 75px;
    }
    #contactHeading1, #contactHeading2, #contactHeading3 {
        font-size: 30px;
        font-weight: 700;
        text-align: left;
    }

    #footer .heading-Line {
        background-color: #66819c;
        height: 3px;
        margin: 20px 0px 20px 0px;
        width: 335px;
    }

    #footer .content-Line {
        background-color: #66819c;
        height: 1px;
        margin-top: 15px;
        margin-bottom: 15px;
        width: 335px;
    }

    #footer #contactInfo {
        color: #66819c;
        overflow: hidden;
        height:935px;
    }
    #footer #contactWrapper{
        margin: 0px auto;
        width:100%;
        max-width: 1400px;
        height:100%;
    }
    #footer .contact1, #footer .contact2, #footer .contact3 {
        display: inline-block;
        width: 400px;
        float: none;
    }
    #footer .contact1 {
        margin: 65px auto 0px 20px;
    }
    #footer .contact2 {
        margin: 30px auto 0px 20px;
    }
    #footer .contact3 {
        margin: 35px auto 0px 20px;
    }

    #companyIntro, #serviceIntro, #contactDetail{
        font-size: 15px;
        font-family: 'Noto Sans', sans-serif;
        font-weight: 400;
    }

    #companyIntro, #serviceIntro  {
        text-align: left;
        line-height: 25px;
        margin-top: 20px;
        width: 400px;
    }

    #companyIntro{
        margin-top: 30px;
        width: 335px;
    }

    #footer .contactText {
        max-width: 360px;
        display: block;
        float: left;
        display:inline-block;
    }

    #footer #telText, #footer #timeText, #footer #emailText {
        text-align:left;
        font-size: 16px;
    }
    #footer #telText {
        margin-top: 35px;
    }
    #footer #timeText {
        margin-top: 38px;
    }
    #footer #emailText {
        margin-top: 38px;
    }
    #footer #addrText {
        text-align:left;
        max-height: 35px;
        font-size: 16px;
    }
    #footer a, #footer a:visited{
        color: #66819c;
    }
    #addrImg img{
        margin-bottom: 50px;
        float: left;
        margin-right: 15px;
    }
    #telImg img, #timeImg img, #emailImg img {
        float: left;
        margin-bottom: 30px;
        margin-right: 15px;
    }
    #timeImg img {
        margin-bottom: 37px;
    }
    #footer .image{
        float: left;
        display:inline-block;
    }
    #contactDetail{
        overflow:hidden;
    }
    */
    /*Copyright*/
    #copyright {
        overflow: hidden;
        height: 215px;
        position: relative;
    }
    #ccStatement1 {
        float: none;
        margin: 50px auto 0px auto;
        text-align: center;

    }
    #ccStatement2 {
        text-align: left;
        float: none;
        margin: 75px auto 40px auto;
        text-align: center;
        width: 285px;
    }
    #copyright, #copyright a, #copyright a:visited {
        color: #f8f8f8;
    }
    .ccMenu {
        text-align:center;
        margin: 0px;
        display: block;
        float: none;
        position: absolute;
        top: 90px;
        right: 5%;
        left: 5%;
    }

    #ccMenu1, #ccMenu2, #ccMenu3, #ccMenu4, .separate, #ccStatement1, #ccStatement2 {
        display:inline-block;
        font-size: 14px;
        font-weight:400;
        font-family: 'Noto Sans', sans-serif;
    }
    .separate {
        padding: 0px 7px 0px 7px;
    }
}
@media only screen and (max-width: 1150px)  {
}
/*Tablet*/
@media only screen and (max-width: 768px)  {
    .about-us .contentLayer, .services .contentLayer, .servicesDetail .contentLayer, .news .contentLayer, .newsDetail .contentLayer, .contact-us .contentLayer{
        height:calc(100% - 65px);
        top:65px;
    }
    #logo img {
        width: 140px;
        height: 55px;
    }
    #logo {
        margin: 0;
        float: none;
        width: auto;
        height: auto;
        position: absolute;
        left: 20px;
        top: 5px;
    }
    #logo > a{
        display: block;
    }
    .showMenu.active #logo {
        margin:5px 0px 0px 5px;

    }
    .menuBtn {
        top: 22px;
        width: 30px;
        height: 22px;
        right: 20px;
    }
    .showMenu.active .menu{
        top:60px;
    }
    .showMenu.active{
        height:390px;
    }
    .menuBtn span{
        height:2px;
        width:30px;
    }


    #contactHeading1, #contactHeading2, #contactHeading3 {
        font-size: 27px;
    }
    .content-Line {
        width: 100%;
    }
    .contact2 {
        margin: 45px 10px 40px 10px;
    }
    /*home banner section*/
    /*.contentLayer {
        top: 65px !important;
    }*/
    .homepage #header, #header, .showMenu{
        height: 65px;
    }

    .menu {
        font-size: 14px;
    }

    .homepage #banner {
        height: 720px;
    }
    .homeHeading {
        top:35%;
        right: 5%;
        left: 5%;
    }
    #heading{
        font-size: 43px;
        padding-bottom: 25px;
    }
    #introduction {
        font-size: 17px;
        width: 680px;
        line-height: 25px;
    }


    /*about section*/
    #aboutHeading {
        font-size: 27px;
    }
    #aboutContent {
        font-size:  15px;
    }
    .learnMore {
        font-size: 15px;
    }

    /*services section*/
    #service {
        /*height: 615px;*/

    }
    #serviceHeading {
        font-size: 27px;
        padding-top: 65px;
    }
    .s-line{
        margin: 30px auto 50px;
        height: 2px;
    }
    .block-wrapper{
        /*width: 650px;*/
    }
    .serviceBlock{
        width: 310px;
        font-size: 15px;
    }
    #s1Icon {
        height: 50px;
        width: 55px;
    }
    #s2Icon {
        height: 55px;
        width: 75px;
    }
    #consultHeading {
        padding: 20px 50px 0px 50px;
    }
    #OEMHeading {
        padding-top: 20px;
    }
    #consultIntro {
        line-height: 20px;
        padding: 20px 35px 100px 35px;
    }
    #OEMIntro {
        line-height: 20px;
        padding: 20px 35px 45px 35px;
    }
    #service .learnMore {
        margin-top: 40px;
    }

    /*latest news section*/
    #lateNewsHeading {
        font-size: 25px;
        padding-top: 70px;
        padding-bottom: 45px;
    }
    #news .newsItem {
        background-size: 335px 225px;
        margin-bottom: 50px;
    }
    #news .newsHeading {
        font-size: 18px;
        width: 335px;
        margin-top: 15px;
    }
	.newsImg {
		height:225px;
		width:335px;
	}
    #news .newsDate {
        font-size: 13px;
        margin-top: 35px;
    }
    /*latest news section*/

    /*contact us section*/
    #contactUs {
        height: 420px;
        margin-top: 60px;
    }
    #contactUs p {
        font-size: 27px;
    }
    #row-contact-first {
        font-size: 15px;
        width: 650px;
        /*height: 105px;*/
        height:auto;
        margin-bottom: 30px;
    }
    #row-contact-second {
        width: 710px;
        height: auto;
    }
    #row-contact-second form {
        position: relative;
		padding-bottom: 90px;
        /*height: 360px;*/
    }/*
    #row-contact-second .buttons {
        position: absolute;
        top:280px;
    }*/
    #form-first, #form-second {
        height: 145px;
        width: 310px;
    }
    #form-first {
        margin: 0px 30px 0px 60px;
    }
    .form-control {
        width: 310px;
        height: 40px;
        font-size: 10px;
        margin-bottom: 12px;
    }
    .btn-send {
        width: 310px;
        height: 40px;
        font-size: 15px;
    }
    #input-comment {
        height: 145px;
    }


    /*About Us page*/
    .about-us #content {
        height: 810px;
    }
    .about-us .contentLayer {
        height: 435px;
    }
    #aboutUsContent {
        width: 650px;
        font-size: 15px;
    }
    #dl-pdf-heading {
        margin-top: 50px;
    }
    .dl-pdf-btn {
        font-size: 15px;
    }

    /*Services page*/
    .services #banner {
        margin-bottom: 70px;
    }
    .services #content {
        height: auto;
    }
    .services .contentLayer {
        height: 435px;
    }
    .service {
        margin-left: 25px;
        margin-right: 15px;
        background-size: 310px 200px;
        height: 275px;
    }

    .imgLayer {
        width:310px;
        height: 200px;
    }
    .serviceheading {
        font-size: 15px;
        margin-top: 25px;
        width:335px;
    }
    .readMore {
        font-size: 16px;
        padding: 15px 20px 15px 20px;
        margin: 80px 90px 80px 90px;
    }
    .service-heading-line {
        margin: 20px auto 0px auto;
        height: 2px;
        width: 40px;
    }

    .contact-us .contentLayer{
        height: 435px;
    }

    /*Service Detail page*/
    .servicesDetail .contentLayer {
        height: 435px;
    }
    .servicesDetail #content{
        /*height: 670px;*/
    }
    #servicesContent {
        width: 650px;
        font-size: 15px;
    }
    /*contact us page*/
    /*map*/
    #googleMap {
        width: 80%;
        height: 780px;
    }
    #map {
        display: block;
        position: absolute;
        top: 430px;
        width: 100%;
        height: 50%;
    }
    .locationInfo {
        width: 97%;
        padding: 45px 0px 45px 25px;
        position: absolute;
        top: 0px;
        left: 0px;
        display: block;

    }

    /*News page*/
    .newsWrapper {
        width: auto;
    }

    /*News Detail page*/
    .about-us .contentLayer, .services .contentLayer, .servicesDetail .contentLayer, .news .contentLayer, .newsDetail .contentLayer, .contact-us .contentLayer{
        /*height: 435px;*/
        /*height: calc(100% - 65px);*/
        height:calc(100% - 65px);
        top:65px;
        position: relative;
        display:table;
    }
    #fullNews {
        width: 650px;
    }
    .breadCrumb{
        margin-left: 50px;
    }
    .fullNewsHeading{
        font-size: 15px;
    }
    .fullNewsImg img{
        height: 390px;
        width: 645px;
    }
    .fullNewsContent{
        font-size: 15px;
        margin-bottom: 80px;
    }
}
@media only screen and (max-width: 905px)  {
    .contact1 {
        margin: 45px 15px 70px 0px;
    }
    .contact2 {
        margin: 45px 15px 40px 15px;
    }
    .contact3 {
        margin: 45px 0px 40px 15px;
    }
     /*Copyright*/
    #copyright {
        overflow: hidden;
        height: 215px;
        position: relative;
    }
    #ccStatement1 {
        float: none;
        margin: 50px auto 0px auto;
        text-align: center;

    }
    #ccStatement2 {
        text-align: left;
        float: none;
        margin: 75px auto 40px auto;
        text-align: center;
        width: 285px;
    }
    #copyright, #copyright a, #copyright a:visited {
        color: #f8f8f8;
    }
    .ccMenu {
        text-align:center;
        margin: 0px;
        display: block;
        float: none;
        position: absolute;
        top: 90px;
        right: 5%;
        left: 5%;
    }

    #ccMenu1, #ccMenu2, #ccMenu3, #ccMenu4, .separate, #ccStatement1, #ccStatement2 {
        display:inline-block;
        font-size: 14px;
        font-weight:400;
        font-family: 'Noto Sans', sans-serif;
    }
    .separate {
        padding: 0px 7px 0px 7px;
    }
    #footer #addrText, #footer #telText, #footer #timeText, #footer #emailText {
        font-size: 12px;
    }
    #companyIntro, #serviceIntro {
        font-size: 12px;
        margin-top: 15px;
        line-height: 15px;
    }
    #footer #addrText {
        width: 170px;
    }
    #footer .image img {
        width: 15px;
        height: 15px;
    }
    #footer #addrImg img {
        margin-bottom: 35px;
        margin-right: 10px;
    }
    #footer #telImg img {
        margin-bottom: 20px;
        margin-right: 10px;
    }
    #footer #telText {
        margin-top: 17px;
    }
    #footer #timeText {
        margin-top: 22px;
    }
    #footer #emailText {
        margin-top: 24px;
    }
    #footer #timeImg img {
        margin-bottom: 20px;
        margin-right: 10px;
    }
    #footer #emailImg img {
        margin-right: 10px;
    }
    #ZD-Logo-Contact {
        max-width: 140px;
        max-height: none;
        width: 100%;
        height: auto;
    }
}
/*Tablet end*/

/*Mobile*/
@media only screen and (max-width: 735px)  {
    /*home banner*/

    .homeHeading {
        top:45%;
    }
    .homepage #header {
        height: 65px;
    }

    #heading {
        font-size: 35px;
        padding-bottom: 20px;
    }
    #introduction {
        font-size: 16px;
        width: 90%;
    }
    #header {
        height: 65px;
    }
}
@media only screen and (max-width: 465px)  {
    /*hide menu*/
    .menu {
        display:none;
    }
    /*hide menu*/
    /*home banner section*/
    #logo img {
        width: 140px;
        height: 55px;
    }
    #logo {
    }
    .homepage #header {
        height: 65px;
    }
    .homeHeading {
        top:37%;
    }
    #heading {
        font-size: 28px;
        padding-bottom: 10px;
    }
    #introduction {
        font-size: 16px;
        width: 335px;

    }
    .homepage #banner {
        height: 540px;
    }

    /*about section*/
    #aboutHeading{
        padding-top: 60px;
    }
    #about .learnMore {
        margin: 40px auto 55px;
    }

    /*about us page*/
    .about-us #banner{
        height: 450px;
    }
    #aboutUsContent {
        padding-top: 60px;
    }
    /*about us page end*/
    /*services detail page*/
    .servicesDetail #currentPage {
        /*width: 210px;*/
        width:75%;
    }
    /*services detail page end*/
}
@media only screen and (max-width: 705px)  {
    .about-us #content {
        height: auto;
    }
    #aboutUsContent {
        width: 90%;
        margin-bottom: 105px;
    }
    .dl-pdf-btn {
        font-size: 17px;
    }

}
@media only screen and (max-width: 767px)  {

    /*about us section*/
    #aboutContent {
        width: 335px;
    }

    /*services section*/
    #service {
        /*height: 678px;*/
    }
    #serviceHeading {
        font-size: 25px;
    }
    .s-line {
        height: 3px;
        margin-bottom: 30px;
    }
    .block-wrapper {
        width: auto;
    }
    .serviceBlock {
        float:none;
        width: 335px;
        margin: 0px auto 35px auto;

    }
    .serviceBlock + .serviceBlock {
        float: none;
    }
    #consultIntro {
        padding-top: 25px;
    }
    #OEMIntro {
        padding-bottom: 55px;
    }
    .learnMore {
        font-size: 20px;
    }
    /*contact us section*/
    #contactUs {
        height: 610px;
    }
    #contactUs p {
        font-size: 25px;
    }
    #contactWrapper{
        width: auto;
    }
    #row-contact-first {
        width: 335px;
        height: 80px;
        margin: 0px auto;
        float: none;
        line-height: 20px;
        display:block;
    }
    #row-contact-second{
        width: 335px;
        margin: 0px auto;
        float: none;
    }
    #form-first {
        margin: 25px 0px 20px 0px;
        float: none;
        height: 120px;
    }
    #form-second {
        float: none;
        margin: 0px;
    }
    .form-control, .btn-send {
        width: 335px;
        height: 50px;
        font-size: 15px;
    }
    .form-group {
        margin-bottom: 15px;
    }
    .btn-send {
        /*margin-top: 30px;*/
        font-size: 20px;
        /*top: 0px;*/
        left: 0px;
        top:300px;
        position: absolute;
    }

    #page-heading {
        font-size: 30px;
        /*padding-top: 165px;*/
    }

    /*About us page*/
    .about-us #banner {
        height:450px;

    }

    .about-us .contentLayer {
        /*height:335px;*/
    }

    /*About us page end*/

    /*Services page*/
    .services #banner {
        height:450px;
        margin-bottom: 65px;
    }
    .services .contentLayer {
        /*height: 335px;*/
    }
    .serviceheading {
        font-size: 20px;
        margin-top: 25px;
		line-height: 24px;
    }
    .service{
        margin-bottom: 65px;
        background-size: 335px 215px;
    }
    .imgLayer {
        width: 335px;
        height: 215px;
    }
    .service-heading-line {
        margin-top: 35px;
    }

    /*Services page end*/

    /*Services Detail page*/
    .servicesDetail #banner {
        height:450px;
    }
    .servicesDetail .contentLayer {
        /*height: 335px;*/
    }
    .servicesDetail #content{
        /*height: 1000px;*/
    }
    .servicesDetail #page-heading {
        /*margin-top: 120px;
        margin-left: 40px;*/
        margin: 0;
        padding-left: 30%;
    }
    .servicesDetail #page-heading p{
        font-size: 30px;
        text-align: left;
    }
    .servicesDetail #logo {
        margin-bottom: 0px;
    }
    .breadCrumb {
        margin-left: 20px;
    }
    #currentPage {
        display: inline-block;
        width: 270px;
        vertical-align: top;
    }
    #servicesContent {
        width: 335px;
        margin-top: 65px;
    }
    /*Services Detail page end*/

    /*News page*/
    .news #content {
        padding: 65px 0px 20px 0px;
    }
    .news #banner {
        height:450px;
    }
    .news .contentLayer {
        height: 335px;
    }
    .newsImg {
        width: 335px;
        height: 215px;
    }
    .newsItem {
        background-size: 335px 215px;
        margin-bottom: 95px;
    }
    .newsDate {
        margin-top: 25px;
    }
    .news .newsHeading {
        font-size: 18px;
        width: 335px;
    }
    .newsContent {
        font-size: 15px;
        width: 335px;
        height: 100px;
        -webkit-line-clamp:5;
        margin: 15px 0px 30px 0px;
        line-height: 20px;
    }

    /*News page end*/

    /*News Detail page*/
    .newsDetail #banner {
        height:450px;
    }
    .newsDetail .contentLayer {
        /*height: 335px;*/
    }
    #fullNews {
        margin-top: 0px;
        width: 335px;;
    }
    .fullNewsDate {
        margin-top: 30px;
    }
    .fullNewsHeading {
        font-size: 18px;
        width: 335px;
    }
    .fullNewsImg img {
        height: 215px;
        width: 335px;
    }
    .fullNewsContent {
        margin-bottom: 60px;
    }
    /*News Detail page end*/

    /*Contact Us page*/
    .contact-us #banner {
        height:450px;
    }
    .contact-us .contentLayer {
        /*height: 335px;*/
    }
    /*map*/
    #googleMap {
        width: 90%;
        height: 950px;
        margin: 60px auto 0px auto;
    }
    #map {
        display: block;
        position: absolute;
        top: 455px;
        width: 100%;
        height: 50%;
    }
    .locationInfo {
        width: 93%;
        padding: 65px 0px 65px 25px;
        position: absolute;
        top: 0px;
        left: 0px;
        display: block;
    }
    #infoHeading {
        font-size:25px;
    }
    .locationInfo .contactText{
        font-size: 15px;
    }
    /*Contact us page end*/
}
@media only screen and (max-width: 735px){

    .about-us .contentLayer, .services .contentLayer, .servicesDetail .contentLayer, .news .contentLayer, .newsDetail .contentLayer, .contact-us .contentLayer{
        /*height: 385px;*/
        height:calc(100% - 65px);
        top:65px;
    }
}

@media only screen and (max-width: 360px)  {


}
@media only screen and (max-width: 360px)  {
	#aboutContent,#heading {
	width: 95%;
	}
	.serviceBlock {
	width:85%;
	}
	#service .learnMore {
		margin-bottom:0;
	}
	.newsWrapper,#news .newsItem,#introduction, #row-contact-first, #row-contact-second,
	#companyIntro, #footer .contact1, #footer .contact2, #footer .contact3,.servicesWrapper,.newsItem,.breadCrumb{
		width: 90%
	}
	#news .newsHeading{
		width:95%;
		height:auto;
	}
	#form-first, #form-second,.form-control, .btn-send,#row-contact-second .buttons,#companyIntro, #serviceIntro,
	.service,.news .newsHeading,.newsContent,.fullNewsHeading,#addrText,.imgLayer{
		width:100%;
	}
	#footer .contactText,.serviceheading,#fullNews,.locationInfo .contactText,#servicesContent{
		width:80%
	}
	#footer #contactInfo{
		height:auto;
	}
	#currentPage,.servicesDetail #currentPage{
		width:65%;
	}
	.fullNewsImg {
		overflow:hidden;
	}
	.servicesDetail #content{
		height:100%;
	}
	.pdfBtn{
	height:42px;
	}
}
/*Mobile end*/

/* Edward */
.bx-wrapper .bx-pager{
    display: none;
}
@media only screen and (max-width: 1024px) and (min-width: 768px) {
    .homepage #about{
        padding: 0 60px;
    }
    .homepage #aboutContent{
        width: 100%;

    }
    .homepage #contactWrapper{
        max-width: none;
        width: 100%;
        /*padding: 0 60px;*/
        box-sizing: border-box;
    }
    .homepage #row-contact-first{
        /*width: 100%;*/
        width:600px;
        margin-bottom: 20px;
        height: auto;
    }
}


/*#service .serviceLayer .block-wrapper {
   display: none; 
}*/
.services_description {
        display: none;
    }
@media screen and (min-width: 414px){

    #service .serviceLayer .block-wrapper {
        /*display: block*/
    }

}
@media screen and (max-width: 414px){
    .servicesDetail #page-heading {
        padding-left: 17%;
    }
    #news {
        display:none;
    }
    .homepage #contactUs {
        display:none;
    }
    .services_description {
        font-size:15px;
        font-weight: 400;
        width: 90%;
        margin: 0 auto;
        line-height: 20px;
        display:block;
    }
    #service {
        height: auto;
    }

    #footer #contactInfo {
        display:none;
    }
    #contactUs {
        margin-top: 20px;
    }
    .locationInfo #addrText {
        max-height:none;
    }
    .locationInfo #telText {
        margin-top: 23px;
        line-height: 19px;
    }
    #ccMenu1, #ccMenu2, #ccMenu3, #ccMenu4, .separate, #ccStatement1, #ccStatement2 {
        line-height: 17px;
    }
    #form-first {
        height: 380px;
    }
    #form-second {
        top: 130px;
        position: absolute;
    }
    .contact-us #contactUs {
        margin-bottom: 0px;
    }
    .locationInfo #addrImg img {
        margin-bottom: 59px;
    }
    .servicesDetail #content, .newsDetail #content {
        min-height: 500px;
    }
    #fullNews {
        min-height: 800px;
    }
}
.menu li {
    display: inline-block;
    padding: 0px 40px 0px 40px;
}
.menu div {
    padding: 50px 0px 50px 0px;
}


@media screen and (max-width: 320px){
    #service .serviceLayer #serviceLink .learnMore {
        margin-top: 50px;
        /*margin-bottom: 70px;*/
    }
}

.thank_you_container {
    height: 50px;
}

.thank_you {
    padding: 20px;
    display: none;
}
.menu .lang div {
    color: #6f6f6f;
}
.menu .lang div.active {
    color: #003a75;
}
.locationInfo #telText a, .locationInfo #telText a:visited{
    color:white;
    text-decoration: none;
}

/* Edward */
.servicesDetail #dl-pdf-link{
	/*margin-top: 40px;
	display: block;*/
}
@media screen and (max-width: 767px){
	#contactInfo{
		display: none;
	}
    .services_description {
        display: block;
        width: 90%;
        margin: 0 auto;
        font-weight: 400;
    }
        #service .serviceLayer .block-wrapper {
        display: none;
    }
}
@media screen and (max-width: 1040px) and (min-width: 767px){
	#ccStatement1{
		width: 300px;
	}
}
@media only screen and (max-width: 735px){
	.contact-us .contentLayer {
		/*top: 65px !important;*/
	}
}
.servicesDetail .dl-pdf-btn {
    margin-top:15px;
}

/*contact us page amendment*/
.contactText img {
    position: absolute;
}
.contactText img, .contactText div, .contactText a {
    display: inline-block;
    vertical-align: middle;
    color:white;
}
.contactText div {
    padding-left:30px;
}
.locationInfo #addrText {
    max-height: none;
}
.contactText li:nth-child(2) {
    margin: 25px 0 25px 0;
}
.contactText li:nth-child(3) {
    margin: 0px 0 25px 0;
}
.locationInfo #timeText, .locationInfo #telText, .locationInfo #emailText {
    margin:0;
}
#footer .contactText li {
    position: relative;
    padding: 3px 0;
    overflow: visible;
}
#footer .contactText img{
    top:1px;
}
#footer #telText, #footer #timeText, #footer #emailText {
    margin-top:0;
    line-height: 16px;
}
#footer #addrText{
    max-height: none;
    line-height: 16px;
}
#footer .contactText div {
    color:#66819c;
}
#footer .contactText div, #footer .contactText img, #footer .contactText a{
    display:block;
}
#ZD-Logo-Contact img, #logo img {
    height:100%;
    width:100%;
}