@media only screen and (max-width:1290px) {
    #header #head-top .wap-head .lang,
    #header #head-top .wap-head .tel {
        /*float:left*/
    }
    #header #head-top .wap-head {
        background: #000;
        padding-bottom: 0
    }
    body {
        background: #000
    }
}

@media only screen and (max-width:1025px) {
    #header #head-top .wap-head .tel {
        background: 0 0
    }
    body {
        background-color: #000
    }
    #header #head-top .wap-head .lang,
    #header #head-top .wap-head .tel {
        float: left;
        font-size: 20px
    }
}

@media only screen and (max-width:991px) {
    #banner #amazingslider-1,
    #banner .amazingslider-space-1 {
        width: 100% !important
    }
    #nav-menu-page {
        position: fixed;
        right: 30px;
        margin-top: 15px
    }
    #news .container .row-news .wap-news-event {
        margin-bottom: 60px
    }
    #about,
    #page-about {
        margin-top: 10px
    }
    #banner {
        top: 0;
        position: inherit
    }
    #about-detail h3.title,
    #page-contact h3.title,
    #page-news h3.title,
    #page-recruitment h3.title,
    #page-service h3.title {
        margin-top: 70px;
        font-size: 24px
    }
    #page-contact .info {
        width: 40%
    }
    #page-contact .info.mid {
        margin-top: 0
    }
    #page-contact form {
        width: 60%;
        margin: auto
    }
}

@media only screen and (max-width:767px) {
    #banner {
        margin-top: 20% !important;
    }
    #header #head-top .wap-head .lang,
    #header #head-top .wap-head .tel {
        margin-top: -25px
    }
    #news .container .row-news .wap-news-event {
        margin-bottom: 10px
    }
    #footer #info .container .row.footer h4.title,
    #footer #info p {
        line-height: 20px
    }
    #about .container h3.title {
        font-size: 20px
    }
    #about .container .row.about span.title {
        font-size: 16px
    }
    #page-about .content,
    #page-news .content,
    #page-recruitment .content {
        display: inline-block
    }
    #page-about .content .img,
    #page-about .content .intro,
    #page-news .content .img,
    #page-news .content .intro,
    #page-recruitment .content .img,
    #page-recruitment .content .intro {
        width: 100%
    }
    #about .container .service .content .intro,
    #page-about .content .intro,
    #page-news .content .intro,
    #page-recruitment .content .intro {
        margin-left: 0;
        margin-top: 10px
    }
    #page-contact .maps iframe {
        height: 300px
    }
    #about-detail .content,
    #about-detail .content h5 {
        padding: 0
    }
    #about-detail .othernews ul {
        margin-left: 0
    }
}

@media only screen and (max-width:500px) {
    #about-detail,
    #page-recruitment,
    #page-news,
    #page-contact {
        margin-top: 30px
    }
    #about .container .service .content .img,
    #about .container .service .content .intro,
    #page-contact .info,
    #page-contact form,
    #page-service .content .img,
    #page-service .content .intro {
        width: 100%
    }
    #about .container .service .content,
    #page-service .content {
        display: inline-block
    }
    #page-service .content .intro {
        margin-left: 0;
        margin-top: 10px
    }
    #menu {
        margin-top: -60px
    }
    #page-contact form {
        margin: auto
    }
    #news .container .row-news .img-news .img,
    #news .container .row-news .wap-news-event .intro .news_img {
        width: 100%;
        margin-bottom: 10px;
        background: 0 0
    }
    #news .container .row-news .img-news .img img,
    #news .container .row-news .wap-news-event .intro .news_img img {
        max-width: 100%;
        width: auto;
        margin: auto
    }
    #news .container .row-news .img-news .img img {
        border: 2px solid #fff
    }
}

@media only screen and (max-width:400px) {
    #header #head-top .wap-head .name-company {
        display: none
    }
    #header #head-top .wap-head .lang,
    #header #head-top .wap-head .tel {
        margin-top: 0
    }
    #footer #info .container .row.footer .cop {
        font-size: 12px
    }
    #menu {
        margin-top: -70px
    }
    #page-news .pagging a {
        padding: 3px 6px
    }
}

@media only screen and (min-width:1200px) and (max-width:1340px) {
    .container {
        width: 1000px !important
    }
}

@media only screen and (max-width:1340px) {
    body {
        background: #000
    }
}
@media all and (min-width: 994px) and (max-width: 1198px){
	#Logo{
		width: 9.6666667%;
		margin-left: 7.33333%;
	}
	#max-menu-page{
		top: 100%;
		left: 10%;
	}
}
@media all and (min-width: 1199px) and (max-width: 1290px){
	#max-menu-page{
		top: 100%;
		left: 15%;
	}
}
@media only screen and (min-width: 1200px) and (max-width: 1340px) {
	#head-top .container {
	    width: 100%!important;
	}
    #Logo{
        margin-left: 6.33333%;
    }
}
@media all and (min-width: 1341px){
#head-top > .container {
   /*width: 100%;*/
}
}
@media all and (max-width: 1290px){
    h3.title, .title-h1{
        margin-top: 88px;
    }
}