﻿/*LARGE WIDESCREEN MONITORS*/
@media (min-width: 1681px) and (max-width: 3000px) {

.container {
    width: 990px !important;
}
	.container1 {
		width: 1600px !important;
	}
	.footer-social {
		/* margin-top: 15px; */
		padding: 15px 0;
	}
	.AL-pad{
		padding: 0 85px;
	}
	.HR-img{
		width: 87%;height: auto;
	}
	.footer-hr1{
		width: 350px;
	}
	.footer-hr2{
		width: 430px;
	}
}


@media (min-width: 1441px) and (max-width: 1680px) {

.container {
    width: 990px !important;
}
	.container1 {
		width: 990px !important;
	}

	.footer-social {
		/* margin-top: 15px; */
		padding: 15px 0;
	}
	.HR-img{
		width: 87%;height: auto;
	}
	.footer-hr1{
		width: 280px;
	}
	.footer-hr2{
		width: 330px;
	}
}


@media (min-width: 1367px) and (max-width: 1440px) {

.container {
    width: 990px !important;
}
	.container1 {
		width: 990px !important;
	}

	.footer-social {
		/* margin-top: 15px; */
		padding: 15px 0;
	}
	.HR-img{
		width: 87%;height: auto;
	}
	.footer-hr1{
		width: 280px;
	}
	.footer-hr2{
		width: 330px;
	}
}


@media (min-width: 1281px) and (max-width: 1364px) {

.container {
    width: 990px !important;
}
	.container1 {
		width: 990px !important;
	}

	.footer-social {
		/* margin-top: 15px; */
		padding:15px 0;
	}
	.HR-img{
		width: 85%;height: auto;
	}
	.footer-hr1{
		width: 280px;
	}
	.footer-hr2{
		width: 330px;
	}
}


@media (min-width: 1215px) and (max-width: 1280px) {

.container {
    width: 100% !important;
}
	.container1 {
		width: 100% !important;
	}
	.HR-img{
		width: 65%;height: auto;
	}
	.footer-hr1{
		width: 320px;
	}
	.footer-hr2{
		width: 380px;
	}


	/*0105*/
	.postion-img-pic1{
		position: absolute;
		top: 31.5%;
		left: 46.5%;
		z-index: 1;
	}
	.postion-img-pic2{
		position: absolute;
		top: 36.6%;
		left: 57.5%;
		z-index: 2;
	}
	.postion-img-pic3{
		position: absolute;
		top: 32.4%;
		left: 72%;
	}
	.postion-img-pic4{
		position: absolute;
		top: 69.4%;
		left: 71.2%;
	}
	.postion-img-pic5{
		position: absolute;
		top: 63.4%;
		left: 14.4%;
	}
	.postion-img-pic6{
		position: absolute;
		top: 51%;
		left: 59.5%;
	}
	.postion-img-pic7{
		position: absolute;
		top:56.7%;
		left: 12.4%;
	}
	.postion-img-pic8{
		position: absolute;
		top: 62.2%;
		left: 72.3%;
	}
	.postion-img-pic9{
		position: absolute;
		top: 33.2%;
		left: 24.45%;
		z-index: 2;
	}
	.postion-img-pic10{
		position: absolute;
		top: 10.8%;
		left: 41.2%;
		z-index: 2;
	}
	.postion-img-pic11{
		position: absolute;
		top: 54.5%;
		right:9.2%;
	}
	.postion-img-pic12{
		position: absolute;
		top: 23.3%;
		right:10.7%;
		z-index: 2;
	}
	.postion-img-pic13{
		position: absolute;
		top: 30.6%;
		left: 16.5%;
		z-index: 1;
	}
	.postion-img-pic14{
		position: absolute;
		top: 7.8%;
		left: 56.6%;
		z-index: 1;
	}
	.postion-img-pic15{
		position: absolute;
		bottom: 7.7%;
		left: 26.5%;
		z-index: 2;
	}
	.postion-img-pic16{
		position: absolute;
		top: 21.1%;
		left: 34.6%;
		z-index: 1;
	}
	.postion-img-pic17{
		position: absolute;
		top:43.5%;
		left: 9.2%;
	}
	.postion-img-pic18{
		position: absolute;
		top: 53.2%;
		left: 32%;
		z-index: 1;
	}
	.postion-img-pic19{
		position: absolute;
		top: 9.7%;
		left: 33.8%;
		z-index: 1;
	}
	.postion-img-pic20{
		position: absolute;
		bottom: 22.2%;
		left: 57%;
		z-index: 2;
	}
	.postion-img-pic21{
		position: absolute;
		bottom: 25.1%;
		left: 44.5%;
		z-index: 2;
	}
	.postion-img-pic22{
		position: absolute;
		top: 41.3%;
		left: 42.8%;
		z-index: 2;
	}
	.postion-img-pic23{
		position: absolute;
		top: 14.9%;
		left: 18.5%;
		z-index: 2;
	}
	.postion-img-pic24{
		position: absolute;
		top: 15.8%;
		left: 66.2%;
		z-index: 1;
	}

	.postion-img-pic25{
		position: absolute;
		top: 23.8%;
		left: 63.3%;
		z-index: 2;
	}
	.postion-img-pic26{
		position: absolute;
		bottom: 10.5%;
		left: 41.2%;
		z-index: 1;
	}
}



/*VERY LARGE TABLETS AND MEDIUM LAPTOPS*/

@media (min-width: 1153px) and (max-width: 1214px) {

.container {
    width: 990px !important;
}
	.container1 {
		width: 990px !important;
	}

/*HOME*/
.home-owl-content .sub-heading span {
	font-size: 2.6rem;
	line-height: 31px;
}

.home-owl-content .heading h1 {
	font-size: 3.8rem;
	line-height: 77px;
}

.home-owl .owl-controls .owl-buttons .owl-prev {
	font-size: 8.0rem;
	margin:0;
	padding: 12px;
}

.home-owl .owl-controls .owl-buttons .owl-next {
	font-size: 8.0rem;
	margin:0;
	padding: 4px;
}

/*ABOUT*/
#article1 p {
	margin-right: auto;
}
	.HR-img{
		width: 80%;height: auto;
	}


	.footer-hr1{
		width: 280px;
	}
	.footer-hr2{
		width: 330px;
	}
}


/*NOTEBOOKS AND SMALL LAPTOPS*/

@media (min-width: 1025px) and (max-width: 1152px) {

.container {
    max-width: 990px !important;
}
	.container1 {
		max-width: 990px !important;
	}
/*HOME*/
.home-owl-content .sub-heading span {
	font-size: 2.6rem;
	line-height: 31px;
}

.home-owl-content .heading h1 {
	font-size: 3.8rem;
	line-height: 77px;
}

.home-owl .owl-controls .owl-buttons .owl-prev {
	font-size: 8.0rem;
	margin:0;
	padding: 12px;
}

.home-owl .owl-controls .owl-buttons .owl-next {
	font-size: 8.0rem;
	margin:0;
	padding: 4px;
}

/*ABOUT*/
#article1 p {
	margin-right: auto;
}
	.HR-img{
		width: 85%;height: auto;
	}

	.footer-hr1{
		width: 280px;
	}
	.footer-hr2{
		width: 330px;
	}
}


@media (min-width: 991px) and (max-width: 1024px) {

.container {
    width: 900px !important;
}
	.container1 {
		width: 900px !important;
	}
/*HOME*/
.home-owl-content .sub-heading span {
	font-size: 2.6rem;
	line-height: 31px;
}

.home-owl-content .heading h1 {
	font-size: 3.6rem;
	line-height: 67px;
}

.home-owl .owl-controls .owl-buttons .owl-prev {
	font-size: 7.0rem;
	margin:0;
	padding: 12px;
}

.home-owl .owl-controls .owl-buttons .owl-next {
	font-size: 7.0rem;
	margin:0;
	padding: 4px;
}

/*ABOUT*/
#article1 p {
	margin-right: auto;
}

/*ARTICLE3*/
.intermediate-container .subheading .divider {
	top: 14px;
	width: 80%;
	margin-left: 10%;
}

.intermediate-container .subheading h4 {
	font-size: 2.6rem;
	line-height: 33px;
}

.intermediate-container .heading h2 {
	font-size: 3.6rem;
	line-height: 43px;
}

.intermediate-container .intermediate-button-margin {
	margin-top: 20px;
}
	.HR-img{
		width: 89%;height: auto;
	}

	.footer-hr1{
		width: 280px;
	}
	.footer-hr2{
		width: 330px;
	}
}


/*IPAD LANDSCAPE MODE AND LARGE TABLETS*/

@media (min-width: 961px) and (max-width: 990px) {

.container {
    width: 900px !important;
}
.padclass{
	padding-left: 15px;
}
/*0106*/
	.aoy-lianxi{
		width: 290px;
		height: 217px;
		overflow: hidden;
		margin: 0 auto;
	}



/*ABOUT*/
.text-left {
text-align: left;
}

.bx-wrapper .bx-viewport {
padding-left: 130px;
}

#article1 p {
	margin-right: auto;
}

/*HOME*/
.home-owl-content .sub-heading span {
	font-size: 2.6rem;
	line-height: 31px;
}

.home-owl-content .heading h1 {
	font-size: 3.6rem;
	line-height: 67px;
}

.home-owl .owl-controls .owl-buttons .owl-prev {
	font-size: 7.0rem;
	margin:0;
	padding: 12px;
}

.home-owl .owl-controls .owl-buttons .owl-next {
	font-size: 7rem;
	margin:0;
	padding: 4px;
}

/*PORTFOLIO*/
.works-gallery .works-item a.more_info .hover-hidden-content h1 {
	font-size: 1.8rem;
	line-height: 25px;
	padding: 10px;
}

.works-gallery .works-item a.more_info .hover-hidden-content h2 {
	font-size: 1.6rem;
	line-height: 23px;
}

.works-gallery .works-item a.more_info .hover-hidden-content p {
	font-size: 1.4rem;
	line-height: 21px;
}

/*ARTICLE3*/
.intermediate-container .subheading .divider {
	top: 14px;
	width: 80%;
	margin-left: 10%;
}

.intermediate-container .subheading h4 {
	font-size: 2.6rem;
	line-height: 33px;
}

.intermediate-container .heading h2 {
	font-size: 3.6rem;
	line-height: 43px;
}

.intermediate-container .intermediate-button-margin {
	margin-top: 20px;
}

/*CONTACT*/
.contact-form-social {
	text-align: left;
	width: 100%;
}

.contact-form-address {
	text-align: left;
	padding-left: 0;
}
	.HR-img{
		width: 87%;height: auto;
	}


	.footer-hr1{
		width: 500px;
	}
	.footer-hr2{
		width: 230px;
	}
}


/*SMALL DESKTOP AND VERY SMALL NOTEBOOK*/

@media (min-width: 801px) and (max-width: 960px) {
.container {
    max-width: 760px !important;
}
	/*0106*/
	.aoy-lianxi{
		width: 290px;
		height: 217px;
		overflow: hidden;
		margin: 0 auto;
	}
	.padclass{
		padding-left: 15px;
	}
.padt60{
	padding-top: 50px;
}
.padb60{
	padding-bottom: 50px;
}

.padt30 {
	padding-top: 25px;
}

/*HOME*/
.home-owl-content .sub-heading span {
	font-size: 2.6rem;
	line-height: 31px;
}

.home-owl-content .heading h1 {
	/*font-size: 6.0rem;*/
	font-size:3.4rem;
	line-height: 67px;
}

.home-owl-content .motto span {
	font-size: 1.4rem;
	line-height: 21px;
}

.home-owl .owl-controls .owl-buttons .owl-prev {
	font-size: 7.0rem;
	margin:0;
	padding: 12px;
}

.home-owl .owl-controls .owl-buttons .owl-next {
	font-size: 7.0rem;
	margin:0;
	padding: 4px;
}
	.nature-text-pro{
		-webkit-line-clamp:2;
	}
/*ABOUT*/
.text-left {
text-align: left;
}

.bx-wrapper .bx-viewport {
padding-left: 70px;
}

#article1 p {
	margin-right: auto;
}

/*PORTFOLIO*/
.works-gallery #Grid .mix {
	width: 29.5%;
}

.works-gallery .works-item a.more_info .hover-hidden-content h1 {
	font-size: 1.8rem;
	line-height: 25px;
	padding: 10px;
}

.works-gallery .works-item a.more_info .hover-hidden-content h2 {
	font-size: 1.6rem;
	line-height: 23px;
}

.works-gallery .works-item a.more_info .hover-hidden-content p {
	font-size: 1.4rem;
	line-height: 21px;
}

/*ARTICLE3*/
.intermediate-container .subheading .divider {
	top: 14px;
	width: 90%;
	margin-left: 5%;
}

.intermediate-container .subheading h4 {
	font-size: 2.4rem;
	line-height: 31px;
}

.intermediate-container .heading h2 {
	font-size: 3.4rem;
	line-height: 41px;
}

.intermediate-container .intermediate-button-margin {
	margin-top: 20px;
}

/*CONTACT*/
.contact-form-social {
	text-align: left;
	width: 100%;
}

.contact-form-address {
	text-align: left;
	padding-left: 0;
}
	.HR-img{
		width: 100%;height: auto;
	}

	.footer-hr1{
		width: 500px;
	}
	.footer-hr2{
		width: 230px;
	}
}


/*WINDOWS MACHINE 782PX*/
@media (min-width: 768px) and (max-width: 800px) { 

.container {
    max-width: 720px !important;
}

	/*0106*/
	.aoy-lianxi{
		width: 290px;
		height: 217px;
		overflow: hidden;
		margin: 0 auto;
	}
	.nature-text-pro{
		-webkit-line-clamp:2;
	}
.padt60{
	padding-top: 50px;
}
.padb60{
	padding-bottom: 50px;
}

.padt30 {
	padding-top: 25px;
}

/*MAIN NAVIGATION*/
.navigation-section {
	display: none;
}

#sm.menu {
	display: block;
}

/*HOME*/
.home-owl-content .sub-heading span {
	font-size: 2.6rem;
	line-height: 31px;
}

.home-owl-content .heading h1 {
	/*font-size: 5.0rem;*/
	font-size:3.4rem;
	line-height: 57px;
}

.home-owl-content .motto span {
	font-size: 1.4rem;
	line-height: 21px;
}

.home-owl .owl-controls .owl-buttons .owl-prev {
	font-size: 7.0rem;
	margin:0;
	padding: 12px;
}

.home-owl .owl-controls .owl-buttons .owl-next {
	font-size: 7.0rem;
	margin:0;
	padding: 4px;
}

/*ABOUT*/
.text-left {
text-align: left;
}

.bx-wrapper .bx-viewport {
padding-left: 45px;
}

#article1 h3 {
	padding-left: 0;
	padding-right: auto;
}

#article1 p {
	padding-left: 0;
	margin-right: auto;
}

/*PORTFOLIO*/
.works-gallery #Grid .mix {
	width: 29.5%;
}

#control_buttons a {
	font-size: 3.0rem;
	line-height: 37px;
}

.works-gallery .works-item a.more_info .hover-hidden-content h1 {
	font-size: 1.6rem;
	line-height: 23px;
	padding: 10px;
}

.works-gallery .works-item a.more_info .hover-hidden-content h2 {
	font-size: 1.4rem;
	line-height: 21px;
}

.works-gallery .works-item a.more_info .hover-hidden-content p {
	font-size: 1.4rem;
	line-height: 21px;
}

/*ARTICLE3*/
.intermediate-container .subheading .divider {
	top: 14px;
	width: 90%;
	margin-left: 5%;
}

.intermediate-container .subheading h4 {
	font-size: 2.4rem;
	line-height: 31px;
}

.intermediate-container .heading h2 {
	font-size: 3.2rem;
	line-height: 39px;
	margin-top: 15px;
}

.intermediate-container .intermediate-button-margin {
	margin-top: 15px;
}

/*CONTACT*/
.contact-form-social {
	text-align: left;
	width: 100%;
}

.contact-form-address {
	text-align: left;
	padding-left: 0;
}
	.HR-img{
		width: 100%;height: auto;
	}


	.footer-hr1{
		width: 500px;
	}
	.footer-hr2{
		width: 200px;
	}
}


/*IPAD PORTRAIT MODE, IPAD MINI AND SMALL TABLETS*/

@media (min-width: 641px) and (max-width: 767px) {

.container {
    max-width: 600px !important;
}
.padclass{
	padding-left: 15px;
}
	/*0106*/
	.aoy-lianxi{
		width: 290px;
		height: 217px;
		overflow: hidden;
		margin: 0 auto;
	}
.padt60{
	padding-top: 50px;
}
.padb60{
	padding-bottom: 50px;
}

.padt30 {
	padding-top: 25px;
}

/*MAIN NAVIGATION*/
.navigation-section {
	display: none;
}

#sm.menu {
	display: block;
}

/*HOME*/
.home-owl-content .sub-heading span {
	font-size: 2.6rem;
	line-height: 31px;
}

.home-owl-content .heading h1 {
	font-size: 3.2rem;
	line-height: 53px;
}

.home-owl-content .motto span {
	font-size: 1.4rem;
	line-height: 21px;
}

.home-owl .owl-controls .owl-buttons .owl-prev {
	font-size: 6.0rem;
	margin:0;
	padding: 12px;
}

.home-owl .owl-controls .owl-buttons .owl-next {
	font-size: 6.0rem;
	margin:0;
	padding: 4px;
}

/*ABOUT*/
.text-left {
	text-align: left;
}

.bx-wrapper .bx-viewport {
	padding-left: 20px;
}

#article1 h3 {
	padding-left: 0;
	padding-right: auto;
}

#article1 p {
	padding-left: 0;
	margin-right: auto;
}

/*PORTFOLIO*/
.works-gallery #Grid .mix {
	width: 45%;
}

#control_buttons a {
	font-size: 3.0rem;
	line-height: 37px;
}

.works-gallery .works-item a.more_info .hover-hidden-content h1 {
	font-size: 1.6rem;
	line-height: 23px;
	padding: 10px;
}

.works-gallery .works-item a.more_info .hover-hidden-content h2 {
	font-size: 1.4rem;
	line-height: 21px;
}

.works-gallery .works-item a.more_info .hover-hidden-content p {
	font-size: 1.4rem;
	line-height: 21px;
}

/*ARTICLE3*/
.intermediate-container .subheading .divider {
	top: 14px;
	width: 90%;
	margin-left: 5%;
}

.intermediate-container .subheading h4 {
	font-size: 2.4rem;
	line-height: 31px;
}

.intermediate-container .heading h2 {
	font-size: 3.2rem;
	line-height: 39px;
	margin-top: 15px;
}

.intermediate-container .intermediate-button-margin {
	margin-top: 15px;
}

/*CONTACT*/
.contact-form div {
	width: 100%;
	margin-right: 0;
	margin-top: 0;
}

.contact-form input {
	width: 100%;
	margin-right: 0;
	margin-top: 0;
}

.contact-form button {
	width: 100%;
	margin-right: 0;
}

.contact-form textarea {
	width: 100%;
	margin-right: 0;
	margin-top: 15px;
}

.col {
	float: center;
	min-height: 1px;
	padding: 0;
	position: relative;
}
	.HR-img{
		width: 100%;height: auto;
	}
	.nature-text-pro{
		-webkit-line-clamp:1;
	}
	.footer-hr1{
		width: 400px;
	}
	.footer-hr2{
		width: 200px;
	}
}


/*MEDIUM SMART PHONES V2*/

@media (min-width: 601px) and (max-width: 640px) {

.container {
    max-width: 560px !important;
}
.padclass{
	padding-left: 15px;
}
	/*0106*/
	.aoy-lianxi{
		width: 290px;
		height: 217px;
		overflow: hidden;
		margin: 0 auto;
	}
.padt60{
	padding-top: 50px;
}
.padb60{
	padding-bottom: 50px;
}

.padt30 {
	padding-top: 25px;
}

/*MAIN NAVIGATION*/
.navigation-section {
	display: none;
}

#sm.menu {
	display: block;
}

/*HOME*/
.home-owl-content .sub-heading span {
	font-size: 2.6rem;
	line-height: 31px;
}

.home-owl-content .heading h1 {
	font-size: 3rem;
	line-height: 47px;
}

.home-owl-content .motto span {
	font-size: 1.4rem;
	line-height: 21px;
}

.home-owl .owl-controls .owl-buttons .owl-prev {
	font-size: 6.0rem;
	margin:0;
	padding: 12px;
}

.home-owl .owl-controls .owl-buttons .owl-next {
	font-size: 6.0rem;
	margin:0;
	padding: 4px;
}

/*ABOUT*/
.text-left {
	text-align: left;
}

.bx-wrapper .bx-viewport {
	padding-left: 0;
}

#article1 h3 {
	padding-left: 0;
	padding-right: auto;
}

#article1 p {
	padding-left: 0;
	margin-right: auto;
}

/*PORTFOLIO*/
.works-gallery #Grid .mix {
	width: 45%;
}

#control_buttons a {
	font-size: 2.6rem;
	line-height: 33px;
}

.works-gallery .works-item a.more_info .hover-hidden-content h1 {
	font-size: 1.6rem;
	line-height: 23px;
	padding: 10px;
}

.works-gallery .works-item a.more_info .hover-hidden-content h2 {
	font-size: 1.4rem;
	line-height: 21px;
}

.works-gallery .works-item a.more_info .hover-hidden-content p {
	font-size: 1.4rem;
	line-height: 21px;
}

/*ARTICLE3*/
.intermediate-container .subheading .divider {
	top: 14px;
	width: 90%;
	margin-left: 5%;
}

.intermediate-container .subheading h4 {
	font-size: 2.2rem;
	line-height: 29px;
}

.intermediate-container .heading h2 {
	font-size: 2.8rem;
	line-height: 35px;
	margin-top: 15px;
}

.intermediate-container .intermediate-button-margin {
	margin-top: 15px;
}

/*CONTACT*/
.contact-form div {
	width: 100%;
	margin-right: 0;
	margin-top: 0;
}

.contact-form input {
	width: 100%;
	margin-right: 0;
	margin-top: 0;
}

.contact-form button {
	width: 100%;
	margin-right: 0;
}

.contact-form textarea {
	width: 100%;
	margin-right: 0;
	margin-top: 15px;
}
	.HR-img{
		width: 100%;height: auto;
	}
	.nature-text-pro{
		-webkit-line-clamp:1;
	}
	.footer-hr1{
		width: 400px;
	}
	.footer-hr2{
		width: 200px;
	}
}


/*GOOGLE NEXUS AND OTHER LARGE SMART PHONES V1*/

@media (min-width: 481px) and (max-width: 600px) {

.container {
    max-width: 440px !important;
}
.padclass{
	padding-left: 15px;
}

	/*0106*/
	.aoy-lianxi{
		width: 290px;
		height: 217px;
		overflow: hidden;
		margin: 0 auto;
	}
	.nature-text-pro{
		-webkit-line-clamp:1;
	}
.nature-text dt{
	font-size: 14px;
	margin-bottom: 5px;
}
.padt60{
	padding-top: 50px;
}
.padb60{
	padding-bottom: 50px;
}

.padt30 {
	padding-top: 25px;
}

/*MAIN NAVIGATION*/
.navigation-section {
	display: none;
}

#sm.menu {
	display: block;
}

/*HOME*/
.home-owl-content .sub-heading span {
	font-size: 2.6rem;
	line-height: 31px;
}

.home-owl-content .heading h1 {
	font-size: 2.8rem;
	line-height: 47px;
}

.home-owl-content .motto span {
	font-size: 1.4rem;
	line-height: 21px;
}

.home-owl .owl-controls .owl-buttons .owl-prev {
	font-size: 5.0rem;
	margin:0;
	padding: 4px;
}

.home-owl .owl-controls .owl-buttons .owl-next {
	font-size: 5.0rem;
	margin:0;
	padding: 4px;
}

/*ABOUT*/
.text-left {
	text-align: left;
}

.bx-wrapper .bx-viewport {
	padding-left: 0;
}

/*ARTICLE1*/

#article1 p {
	padding-left: 0;
	margin-right: auto;
}

#article1 h3 {
	padding-left: 0;
	padding-right: auto;
}

.article1-button-margin {
	margin-right: 40px;
}

/*ARTICLE2*/
#article2 h1 {
	margin-top: 0;
	margin-bottom: 30px;
}

.margint60 {
margin-top: 35px !important;
}

/*PORTFOLIO*/
.works-gallery .category div.filter {
	margin-right: 5px;
	padding: 2px;
	font-size: 1.2rem;
	line-height: 19px;
}

.works-gallery #Grid .mix {
	width: 45%;
}

.works-gallery .works-item a.more_info .hover-hidden-content h1 {
	font-size: 1.6rem;
	line-height: 23px;
	padding: 10px;
}

.works-gallery .works-item a.more_info .hover-hidden-content h2 {
	font-size: 1.4rem;
	line-height: 21px;
}

.works-gallery .works-item a.more_info .hover-hidden-content p {
	font-size: 1.4rem;
	line-height: 21px;
}

/*ARTICLE3*/
.intermediate-container .subheading .divider {
	top: 11px;
	width: 90%;
	margin-left: 5%;
}

.intermediate-container .subheading h4 {
	font-size: 1.8rem;
	line-height: 25px;
}

.intermediate-container .heading h2 {
	font-size: 2.2rem;
	line-height: 29px;
	margin-top: 15px;
}

.intermediate-container .intermediate-button-margin {
	margin-top: 15px;
}

/*CONTACT*/
.contact-form div {
	width: 100%;
	margin-right: 0;
	margin-top: 0;
}

.contact-form input {
	width: 100%;
	margin-right: 0;
	margin-top: 0;
}

.contact-form button {
	width: 100%;
	margin-right: 0;
}

.contact-form textarea {
	width: 100%;
	margin-right: 0;
	margin-top: 15px;
}
	.HR-img{
		width: 100%;height: auto;
	}
	.footer-hr1{
		width: 400px;
	}
	.footer-hr2{
		width: 200px;
	}
}


/*IPHONE LANDSCAPE MODE AND MEDIUM SMART PHONES*/

@media (min-width: 361px) and (max-width: 480px) {
.ingoing-btn{display:none;}
.container {
    width: 320px !important;
	text-align: center;
}
	.container1 {
		width: 320px !important;
		text-align: center;
	}
.padt60{
	padding-top: 50px;
}
.padb60{
	padding-bottom: 50px;
}

.padt30 {
	padding-top: 25px;
}

.section-heading h2 {
	font-size: 2.0rem;
	line-height: 27px;
}

.section-heading h3 {
	font-size: 1.4rem;
	line-height: 21px;
}

/*MAIN NAVIGATION*/
.navigation-section {
	display: none;
}

#sm.menu {
	display: block;
}

/*HOME*/
.home-owl-content .sub-heading span {
	font-size: 2.2rem;
	line-height: 29px;
}

.home-owl-content .heading h1 {
	font-size:2.6rem;
	line-height: 37px;
}

.home-owl-content .motto span {
	font-size: 1.4rem;
	line-height: 21px;
}

.home-owl .owl-controls .owl-buttons .owl-prev {
	font-size: 5.0rem;
	margin:0;
	padding: 4px;
}

.home-owl .owl-controls .owl-buttons .owl-next {
	font-size: 5.0rem;
	margin:0;
	padding: 4px;
}

/*ABOUT*/
.text-left {
	text-align: left;
}

.bx-wrapper .bx-viewport {
	padding-left: 0;
}

/*ARTICLE1*/
#article1 p {
	padding-left: 0;
	margin-right: auto;	
}

#article1 h3 {
	padding-left: 0;
	padding-right: auto;
}

.article1-button-margin {
	margin-right: 40px;
}

/*ARTICLE2*/
#article2 h1 {
	margin-top: 0;
	margin-bottom: 30px;
}

.margint60 {
margin-top: 20px !important;
}

/*PORTFOLIO*/
.works-gallery .category div.filter {
	margin-right: 5px;
	padding: 2px;
	font-size: 1.2rem;
	line-height: 19px;
}

.works-gallery #Grid .mix {
	width: 80%;
}

.works-gallery .works-item a.more_info .hover-hidden-content h1 {
	font-size: 1.6rem;
	line-height: 23px;
	padding: 10px;
}

.works-gallery .works-item a.more_info .hover-hidden-content h2 {
	font-size: 1.4rem;
	line-height: 21px;
}

.works-gallery .works-item a.more_info .hover-hidden-content p {
	font-size: 1.4rem;
	line-height: 21px;
}

/*ARTICLE3*/
.intermediate-container .subheading .divider {
	top: 11px;
	width: 90%;
	margin-left: 5%;
}

.intermediate-container .subheading h4 {
	font-size: 1.6rem;
	line-height: 23px;
}

.intermediate-container .heading h2 {
	font-size: 2.2rem;
	line-height: 29px;
	margin-top: 15px;
}

.intermediate-container .intermediate-button-margin {
	margin-top: 15px;
}

/*CLIENTS*/
.clients-header h2 {
	font-size: 2.0rem;
	line-height: 27px;
}

.clients-wrapper h3 {
	font-size: 2.2rem;
	line-height: 27px;
}

.clients-wrapper p {
	font-size: 1.6rem;
	line-height: 25px;
}

.clients-logo-owl .logo img {
	margin: 0 auto;
}

/*CONTACT*/
.contact-form-social {
	text-align: left;
	width: 100%;
}

.contact-form-address {
	text-align: left;
}

.contact-form div {
	width: 100%;
	margin-left: 0;
	margin-top: 0;
}

.contact-form input {
	width: 100%;
	margin-right: 0;
	margin-top: 0;
}

.contact-form button {
	width: 100%;
	margin-right: 0;
}

.contact-form textarea {
	width: 100%;
	margin-right: 0;
	margin-top: 15px;
}
	.HR-img{
		width: 100%;height: auto;
	}
	.footer-hr1{
		width: 180px;
	}
	.footer-hr2{
		width: 200px;
	}
}


/*OTHER MAJOR SMALL SMART PHONES*/

@media (min-width: 321px) and (max-width: 360px) {
.ingoing-btn{display:none;}
.container {
    max-width: 300px !important;
    text-align: center;
}
	.container1 {
		max-width: 300px !important;
		text-align: center;
	}
.padt60{
	padding-top: 50px;
}
.padb60{
	padding-bottom: 50px;
}

.padt30 {
	padding-top: 25px;
}

.section-heading h2 {
	font-size: 1.8rem;
	line-height: 25px;
}

.section-heading h3 {
	font-size: 1.4rem;
	line-height: 21px;
}

/*MAIN NAVIGATION*/
.navigation-section {
	display: none;
}

#sm.menu {
	display: block;
}

/*HOME*/
.home-owl-content .sub-heading span {
	font-size: 1.8rem;
	line-height: 25px;
}

.home-owl-content .heading h1 {
	font-size: 2.2rem;
	line-height: 29px;
}
 
.home-owl-content .motto span {
	font-size: 1.2rem;
	line-height: 19px;
}

.home-owl .owl-controls .owl-buttons .owl-prev {
	font-size: 4.0rem;
	margin:0;
	padding: 4px;
}

.home-owl .owl-controls .owl-buttons .owl-next {
	font-size: 4.0rem;
	margin:0;
	padding: 4px;
}

/*ABOUT*/
.text-left {
	text-align: left;
}

.bx-wrapper .bx-viewport {
	padding-left: 0;
}

/*ARTICLE1*/
#article1 p {
	padding-left: 0;
	margin-right: auto;
}

.article1-button-margin {
	margin-right: 60px;
}

#article1 h3 {
	padding-left: 0;
	padding-right: auto;
}

/*ARTICLE2*/
#article2 h1 {
	margin-top: 0;
	margin-bottom: 30px;
}

.margint60 {
margin-top: 20px !important;
}

/*PORTFOLIO*/
.works-gallery .category div.filter {
	margin-right: 5px;
	padding: 2px;
	font-size: 1.2rem;
	line-height: 19px;
}

.works-gallery #Grid .mix {
	width: 80%;
}

.works-gallery .works-item a.more_info .hover-hidden-content h1 {
	font-size: 1.6rem;
	line-height: 23px;
	padding: 10px;
}

.works-gallery .works-item a.more_info .hover-hidden-content h2 {
	font-size: 1.4rem;
	line-height: 21px;
}

.works-gallery .works-item a.more_info .hover-hidden-content p {
	font-size: 1.4rem;
	line-height: 21px;
}

/*ARTICLE3*/
.intermediate-container .subheading .divider {
	display: none;
}

.intermediate-container .subheading {
	position: static;
	text-align: center;
}

.intermediate-container .subheading h4 {
	font-size: 1.6rem;
	line-height: 23px;
	padding: 0;
	position: static;
	display: inline;
}

.intermediate-container .heading h2 {
	font-size: 2.2rem;
	line-height: 29px;
	margin-top: 15px;
}

.intermediate-container .intermediate-button-margin {
	margin-top: 15px;
}

/*CLIENTS*/
.clients-header h2 {
	font-size: 2.0rem;
	line-height: 27px;
}

.clients-wrapper h3 {
	font-size: 2.0rem;
	line-height: 27px;
}

.clients-wrapper p {
	font-size: 1.6rem;
	line-height: 23px;
}

.clients-logo-owl .logo img {
	margin: 0 auto;
}

/*CONTACT*/
.offset1-form {
	margin-left: 0;
}

.contact-form-social {
	text-align: left;
	width: 100%;
}

.contact-form-address {
	text-align: left;
	padding-left: 0;
}
.contact-form div {
	width: 100%;
	margin-right: 0;
	margin-top: 0;
}

.contact-form input {
	width: 100%;
	margin-right: 0;
	margin-top: 0;
}

.contact-form button {
	width: 100%;
	margin-right: 0;
}

.contact-form textarea {
	width: 100%;
	margin-right: 0;
	margin-top: 15px;
}
	.HR-img{
		width: 100%;height: auto;
	}
	.footer-hr1{
		width: 180px;
	}
	.footer-hr2{
		width: 200px;
	}
}


/*IPHONE PORTRAIT MODE AND VERY SMALL MOBILE PHONES*/

@media (min-width: 261px) and (max-width: 360px) {
.ingoing-btn{display:none;}
.container {
    width: 100% !important;
    text-align: center;
}
	.container1 {
		width: 100% !important;
		text-align: center;
	}
.padt60{
	padding-top: 50px;
}
.padb60{
	padding-bottom: 10px;
}

.padt30 {
	padding-top: 25px;
}

.section-heading h2 {
	margin-top: 20px;
	font-size: 1.8rem;
	line-height: 25px;
}

.section-heading h3 {
	font-size: 1.4rem;
	line-height: 21px;
}

/*MAIN NAVIGATION*/
.navigation-section {
	display: none;
}

#sm.menu {
	display: block;
}

/*HOME*/
.home-owl-content .sub-heading span {
	font-size: 1.8rem;
	line-height: 25px;
}

.home-owl-content .heading h1 {
	font-size: 2.0rem;
	line-height: 29px;
}
 
.home-owl-content .motto span {
	font-size: 1.2rem;
	line-height: 19px;
}

.home-owl .owl-controls .owl-buttons .owl-prev {
	font-size: 4.0rem;
	margin:0;
	padding: 4px;
}

.home-owl .owl-controls .owl-buttons .owl-next {
	font-size: 4.0rem;
	margin:0;
	padding: 4px;
}

/*ABOUT*/
.text-left {
	text-align: left;
}

.bx-wrapper .bx-viewport {
	padding-left: 0;
}
/*SERVICES*/
.services-box-small h4 {
	text-align: center;
}

.text-content-services p {
	margin-left: 0;
	margin-right: 0;
}

/*ARTICLE1*/
#article1 p {
	padding-left: 0;
	margin-right: auto;
}

.article1-button-margin {
	margin-left: -50px;
}

#article1 h3 {
	padding-left: 0;
	padding-right: auto;
}

/*ARTICLE2*/
#article2 {
	padding-top: 70px;
}

#article2 h1 {
	margin-top: 0;
	margin-bottom: 30px;
}

.margint60 {
margin-top: 0 !important;
}

/*PORTFOLIO*/
.works-gallery .category div.filter {
	margin-right: 5px;
	padding: 2px;
	font-size: 1.2rem;
	line-height: 19px;
}

.works-gallery #Grid .mix {
	width: 80%;
}

.works-gallery .works-item a.more_info .hover-hidden-content h1 {
	font-size: 1.6rem;
	line-height: 23px;
	padding: 10px;
}

.works-gallery .works-item a.more_info .hover-hidden-content h2 {
	font-size: 1.4rem;
	line-height: 21px;
}

.works-gallery .works-item a.more_info .hover-hidden-content p {
	font-size: 1.4rem;
	line-height: 21px;
}

/*ARTICLE3*/
.intermediate-container .subheading .divider {
	display: none;
}

.intermediate-container .subheading {
	position: static;
	text-align: center;
}

.intermediate-container .subheading h4 {
	font-size: 1.4rem;
	line-height: 21px;
	padding: 0;
	position: static;
	display: inline;
}

.intermediate-container .heading h2 {
	font-size: 2.2rem;
	line-height: 29px;
	margin-top: 15px;
}

.intermediate-container .intermediate-button-margin {
	margin-top: 15px;
}

/*PRICING SECTION*/
.pricing-container .pricing-header h2 {
	font-size: 1.6rem;
	line-height: 23px;
}

.pricing-container .pricing-header .pricing p {
	font-size: 3.0rem;
	line-height: 37px;
}

.pricing-container .pricing-header .pricing p span {
	font-size: 1.8rem;
	line-height: 25px;
	margin-right: 5px;
}

/*CLIENTS*/
.clients-header h2 {
	font-size: 2.0rem;
	line-height: 27px;
}

.clients-wrapper h3 {
	font-size: 1.8rem;
	line-height: 25px;
}

.clients-wrapper p {
	font-size: 1.6rem;
	line-height: 23px;
}

.clients-logo-owl .logo img {
	margin: 0 auto;
}

/*CONTACT*/

.contact-form-social {
	text-align: left;
	width: 100%;
}

.contact-form-address {
	text-align: left;
	padding-left: 0;
}
.contact-form div {
	width: 100%;
	margin-right: 0;
	margin-top: 0;
}

.contact-form input {
	width: 100%;
	margin-right: 0;
	margin-top: 0;
}

.contact-form button {
	width: 100%;
	margin-right: 0;
}

.contact-form textarea {
	width: 100%;
	margin-right: 0;
	margin-top: 15px;
}
	.HR-img{
		width: 100%;height: auto;
	}
	.footer-hr1{
		width: 160px;
	}
	.footer-hr2{
		width: 180px;
	}
}

@media screen and (max-width: 260px) {
.ingoing-btn{display:none;}
.container {
    width: 100% !important;
    text-align: center;
}
	.container1 {
		width: 100% !important;
		text-align: center;
	}
.padt60{
	padding-top: 10px;
}
.padb60{
	padding-bottom: 10px;
}

.padt30 {
	padding-top: 25px;
}

.btn-get-btn1 {
	padding: 15px 35px;
	font-size: 1.3rem;
}	

.btn-get-btn2 {
	padding: 15px 35px;
	font-size: 1.3rem;
}	

.btn-get-btn3 {
	padding: 15px 35px;
	font-size: 1.3rem;
}

.btn-get-btn4 {
	width: 100%;
	padding: 15px 35px;
	font-size: 1.3rem;
	text-align: center;
}		

.section-heading h2 {
	margin-top: 20px;
	font-size: 1.8rem;
	line-height: 25px;
}

.section-heading h3 {
	font-size: 1.4rem;
	line-height: 21px;
}

/*MAIN NAVIGATION*/
.navigation-section {
	display: none;
}

#sm.menu {
	display: block;
}

/*HOME*/
.home-owl-content .sub-heading span {
	font-size: 1.8rem;
	line-height: 25px;
}

.home-owl-content .heading h1 {
	font-size: 2.0rem;
	line-height: 29px;
}
 
.home-owl-content .motto span {
	font-size: 1.2rem;
	line-height: 19px;
}

.home-owl .owl-controls .owl-buttons .owl-prev {
	font-size: 4.0rem;
	margin:0;
	padding: 4px;
}

.home-owl .owl-controls .owl-buttons .owl-next {
	font-size: 4.0rem;
	margin:0;
	padding: 4px;
}

/*ABOUT*/
.text-left {
	text-align: left;
}

.bx-wrapper .bx-viewport {
	padding-left: 0;
}
/*SERVICES*/
.services-box-small h4 {
	text-align: center;
}

.text-content-services p {
	margin-left: 0;
	margin-right: 0;
}

/*ARTICLE1*/
#article1 p {
	padding-left: 0;
	margin-right: auto;
}

.article1-button-margin {
	margin-left: -50px;
}

#article1 h3 {
	padding-left: 0;
	padding-right: auto;
}

/*ARTICLE2*/
#article2 {
	padding-top: 40px;
}

#article2 h1 {
	margin-top: 0;
	margin-bottom: 30px;
}

.margint60 {
margin-top: 0 !important;
}

/*PORTFOLIO*/
.works-gallery .category div.filter {
	margin-right: 5px;
	padding: 2px;
	font-size: 1.2rem;
	line-height: 19px;
}

.works-gallery #Grid .mix {
	width: 80%;
}

.works-gallery .works-item a.more_info .hover-hidden-content h1 {
	font-size: 1.6rem;
	line-height: 23px;
	padding: 10px;
}

.works-gallery .works-item a.more_info .hover-hidden-content h2 {
	font-size: 1.4rem;
	line-height: 21px;
}

.works-gallery .works-item a.more_info .hover-hidden-content p {
	font-size: 1.4rem;
	line-height: 21px;
}

/*ARTICLE3*/
.intermediate-container .subheading .divider {
	display: none;
}

.intermediate-container .subheading {
	position: static;
	text-align: center;
}

.intermediate-container .subheading h4 {
	font-size: 1.4rem;
	line-height: 21px;
	padding: 0;
	position: static;
	display: inline;
}

.intermediate-container .heading h2 {
	font-size: 2.2rem;
	line-height: 29px;
	margin-top: 15px;
}

.intermediate-container .intermediate-button-margin {
	margin-top: 15px;
}

/*PRICING SECTION*/
.pricing-container .pricing-header h2 {
	font-size: 1.6rem;
	line-height: 23px;
}

.pricing-container .pricing-header .pricing p {
	font-size: 3.0rem;
	line-height: 37px;
}

.pricing-container .pricing-header .pricing p span {
	font-size: 1.8rem;
	line-height: 25px;
	margin-right: 5px;
}

.pricing-container .pricing-features .custom-pricing-btn-style {
padding: 12px 20px !important;
font-size: 1.2rem !important;
}

/*CLIENTS*/
.clients-header h2 {
	font-size: 2.0rem;
	line-height: 27px;
}

.clients-wrapper h3 {
	font-size: 1.8rem;
	line-height: 25px;
}

.clients-wrapper p {
	font-size: 1.6rem;
	line-height: 23px;
}

.clients-logo-owl .logo img {
	margin: 0 auto;
}

/*CONTACT*/

.contact-form-social {
	text-align: left;
	width: 100%;
}

.contact-form-address {
	text-align: left;
	padding-left: 0;
}
.contact-form div {
	width: 100%;
	margin-right: 0;
	margin-top: 0;
	line-height: 13px;
}

.contact-form input {
	width: 100%;
	margin-right: 0;
	margin-top: 0;
}

.contact-form button {
	width: 100%;
	margin-right: 0;
}

.contact-form textarea {
	width: 100%;
	margin-right: 0;
	margin-top: 15px;
}
	.HR-img{
		width: 100%;height: auto;
	}
}

/*0109*/
.fuwu-guanli>img{
	width: 100%;
}
.fuwu-guanli{
	width: 260px;
	height: 232px;/*
	border: 1px solid #d7d7d7;
	position: relative;*/
	margin: 0 auto;
	position: relative;
	left: 50%;
	margin-left: -130px;
}

@media screen and (max-width: 480px){
	.ingoing-ul{
		width: 100%;
		height: auto;
		position: relative;
		text-align: center;
		display:table;
		content:'';
		clear:both;
	}
	.ingoing-ul>a{
		display: inline-block;
		margin-right: 15px;
		margin-bottom: 15px;
	}
	.ingoing-ul li{
		position: inherit;
		display: inline-block;
	}
	.parallax-bg1{
		width: 100%;
		height: auto;
		text-align: center;
		background: url("../images/201605261537_02.jpg") no-repeat;

	}
	#article2 {
		padding: 20px 0;
	}
	.padclass{
	padding-left: 15px;
}

.backgroundimg1{
		background-color: #000;
		background-image: url('../images/01131147_02.jpg');
		background-position-x: 0;
		background-position-y:40px;
		background-size: 100%;
		background-repeat: no-repeat;
	}
	.backgroundpad1{
		padding: 20px 0 20px 0;
	}
	.backgroundimg2{
		background-color: #fff;
		background-image: url('../images/201606071149_07.png');
		background-position: center;
		background-size: 100%;
		background-repeat: no-repeat;
		background-position-y: 90px;
	}
	.backgroundimg3{
		background-color: #000;
		background-image: url('../images/01131415_02.jpg');
		background-position: center;
		background-size: 100%;
		background-repeat: no-repeat;
		background-position-y: 90px;
	}
	.backgroundimg4{
	background-color: #fff;
	background-image: url('../images/201606061654_03.png');
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position-y: 50px;
}
.backgroundimg5{
	background-color: #fff;
	background-image: url('../images/201606061740_15.png');
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position-y: 50px;
}
.backgroundimg6{
	background-size: 100%;
	background-repeat: no-repeat;
	background-position-y: 100px;
}
.backgroundimg7{
	background-color: #f5f5f5;
	background-image: url('../images/01131447_02.jpg');
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position-y: 50px;
}
}

@media (max-width: 830px){
	.container2{
		width: 100% !important;
		padding-right: 0;
		padding-left: 0;
	}
	.container3{
		width: 320px !important;
		padding-right: 15px;
		padding-left: 15px;
		margin-right: auto;
		margin-left: auto;
	}
}
