
@media only screen and (min-width: 1000px) and (max-width: 1169px) {
.container {
	width: 1000px;
	margin: auto;
}
.container1 {
	width: 1000px;
	margin: auto;
}
.title1 h2 {
	font-size: 30px;
}
.title1 h2 em {
	margin-top: 0px;
}
.title2 h2 {
	font-size: 30px;
}
.title2 h2 em {
	margin-top: 0px;
}
.features_sec3 .box .right {
	width: 73%;
	margin-left: 7%;
}
.features_sec6 .rbox {
	width: 50%;
	padding: 75px 55px 0px 55px;
}
.features_sec8 .left {
	padding-top: 0px;
}
.features_sec8 .left h1 {
	font-size: 30px;
	margin-bottom: 10px;
}
.features_sec9 .tbox img {
	width: 100%;
}
.features_sec14 img {
	width: 100%;
}
.features_sec13 img {
	width: 100%;
}
.newsletter_two input.enter_email_input {
	width: 150px;
}
/*.newsletter_two .input_submit {
	padding: 16px 14px 15px 14px;
}*/
.features_sec33 .center img {
	width: 100%;
}
.features_sec38 p {
	width: 90%;
}
.features_sec39 .box1 .hovcont {
	padding: 10px 25px;
}
.features_sec39 .box1 .hovcont h2 {
	font-size: 25px;
	margin-bottom: 0px;
}
.features_sec39 .box1 .hovcont h5 {
	font-size: 14px;
	line-height: 16px;
}
.features_sec39 .box2 .hovcont, .features_sec39 .box3 .hovcont {
	padding: 8px 14px;
}
.features_sec39 .box2 .hovcont h3, .features_sec39 .box3 .hovcont h3 {
	font-size: 18px;
	margin-bottom: 3px;
	line-height: 23px;
}
.features_sec39 .box2 .hovcont h5, .features_sec39 .box3 .hovcont h5 {
	font-size: 12px;
	line-height: 14px;
}
.parallax_section6 .box {
	margin-left: 2%;
}
.features_sec45 .box {
	margin-left: 22%;
}
.clogo_small li h6 {
	margin-top: 12px;
}
.features_sec64 .flips1_front img {
	height: auto;
}
.blog_postcontent .video_frame iframe {
	height: 325px;
}
/* UPDATED VERSION 1.2 */
.slidercform2 {
	width: 380px;
	padding: 30px 35px 40px 35px;
	margin-right: 50px;
	margin-top: -410px;
}
.slidercform2 strong {
	font-size: 22px;
}
.slidercform2 strong em {
	font-size: 13px;
	margin-top: 5px;
}
.slidercform2 .sky-form .input input, .slidercform2 .sky-form .select select {
	width: 100%;
}
.headerport .boxsize1 {
	height: 250px;
}
.headerport .boxsize2 {
	height: 125px;
}
.headerport .boxsize3 {
	height: 125px;
}
.headerport .boxsize4 {
	height: 375px;
}
.headerport .boxsize1 img {
	height: 250px;
}
.headerport .boxsize2 img {
	height: 125px;
}
.headerport .boxsize3 img {
	height: 125px;
}
.headerport .boxsize4 img {
	height: 375px;
}
.headerport .boxsize2 .onlycolor {
	height: 125px;
}
.headerport .boxsize3 .onlycolor {
	height: 125px;
}
.headerport .boxsize1 h3 {
	font-size: 18px;
}
.headerport .boxsize2 h3 {
	font-size: 14px;
}
.headerport .boxsize3 h3 {
	font-size: 14px;
}
.headerport .boxsize4 h3 {
	font-size: 18px;
}
.stheader3 {
	height: 625px;
}
.textyslider {
	margin-bottom: 50px;
}
.textyslider p {
	width: 80%;
}
}

@media only screen and (max-width: 1199px) {
.newsletter_two input.enter_email_input {
	width: 150px;
}.features_sec3 .box .right {
	 width: 73%;
	 margin-left: 7%;
 }
}

@media only screen and (min-width: 769px) and (max-width: 999px) {
.container {
	width: 747px;
	margin: auto;
}
.container1 {
	width: 747px;
	margin: auto;
}
.menu_main {
	width: 75%;
	margin-top: 5px;
}
.title1 h2 {
	font-size: 30px;
}
.title1 h2 em {
	margin-top: 0px;
}
.title1 .line {
	width: 47%;
	margin-left: 26.5%;
}
.title2 h2 {
	font-size: 30px;
}
.title2 h2 em {
	margin-top: 0px;
}
.title2 .line {
	width: 43%;
	margin-left: 28%;
}
.features_sec3 .box .right {
	width: 65%;
	margin-left: 9%;
}
.features_sec6 .fimg {
	width: 35%;
}
.features_sec6 .rbox {
	width: 65%;
	padding: 55px 30px 0px 30px;
}
.features_sec8 .left {
	padding-top: 0px;
	width: 80%;
	margin-left: 7%;
	margin-right: 8%;
	margin-bottom: 50px;
}
.features_sec8 .right {
	float: none;
	width: 40%;
	margin: 0 auto;
}
.features_sec9 .tbox img {
	width: 100%;
}
.features_sec14 img {
	width: 100%;
}
.features_sec13 img {
	width: 100%;
}
.footer .top_footer .colleft, .footer .top_footer .colright {
	width: 45%;
}
.footer .top_footer .colcenter {
	width: 10%;
}
.newsletter_two input.enter_email_input {
	width: 100px;
}
/*
.newsletter_two .input_submit {
	padding: 16px 10px 15px 10px;
}
*/

.features_sec30 .left {
	width: 20%;
}
.features_sec30 .right {
	width: 80%;
}
.features_sec33 .center img {
	width: 100%;
}
.features_sec38 p {
	width: 85%;
}
.features_sec39 .box1 .hovcont {
	padding: 10px 20px;
}
.features_sec39 .box1 .hovcont h2 {
	font-size: 23px;
	margin-bottom: 0px;
}
.features_sec39 .box1 .hovcont h5 {
	font-size: 13px;
	line-height: 16px;
}
.features_sec39 .box2 .hovcont, .features_sec39 .box3 .hovcont {
	padding: 8px 10px;
}
.features_sec39 .box2 .hovcont h3, .features_sec39 .box3 .hovcont h3 {
	font-size: 16px;
	margin-bottom: 3px;
	line-height: 21px;
}
.features_sec39 .box2 .hovcont h5, .features_sec39 .box3 .hovcont h5 {
	font-size: 10px;
	line-height: 14px;
}
.features_sec40 .rimg {
	width: 100%;
}
.parallax_section6 .box {
	margin-top: 75px;
	margin-left: 2%;
}
.hexagon {
	width: 130px;
	height: 85px;
	margin-right: 16px;
}
.hexagon.two {
	margin-left: 73px;
}
.hexagon.three, .hexagon.four, .hexagon.five {
	margin-left: 16px;
}
.hexagon:before {
	top: -35px;
	border-left: 65px solid transparent;
	border-right: 65px solid transparent;
	border-bottom: 35px solid rgba(255, 255, 255, 0.9);
}
.hexagon:after {
	bottom: -35px;
	border-left: 65px solid transparent;
	border-right: 65px solid transparent;
	border-top: 35px solid rgba(255, 255, 255, 0.9);
}
.haxmargin {
	margin-top: 50px;
}
.hexagon:hover:before {
	border-bottom: 35px solid rgba(0, 0, 0, 0.8);
}
.hexagon:hover:after {
	border-top: 35px solid rgba(0, 0, 0, 0.8);
}
.hexagon i {
	font-size: 20px;
	margin-bottom: 5px;
}
.hexagon h6 {
	font-size: 14px;
	margin-bottom: 4px;
}
.hexagon p {
	font-size: 12px;
	line-height: 14px;
}
.features_sec45 .box {
	margin-left: 13.5%;
}
.page_title3 {
	padding: 100px 0px 100px 0px;
}
.page_title3 h5 {
	width: 100%;
	font-size: 16px;
	line-height: 27px;
}
.clogo_small li h6 {
	font-size: 12px;
	margin-top: 5px;
}
.features_sec64 .flips1_front img {
	height: auto;
}
.blog_postcontent .video_frame iframe {
	height: 280px;
}
/* UPDATED VERSION 1.2 */
.slidercform2 {
	width: 340px;
	padding: 20px 25px 30px 25px;
	margin-right: 59px;
	margin-top: -280px;
}
.slidercform2 strong {
	font-size: 22px;
}
.slidercform2 strong em {
	font-size: 12px;
	margin-top: 5px;
}
.slidercform2 .sky-form .input input, .slidercform2 .sky-form .select select {
	width: 100%;
	padding: 5px 8px;
}
.slidercform2 .sky-form .textarea textarea {
	padding: 5px 8px;
}
.slidercform2 span {
	margin-top: 10px;
}
.headerport .boxsize1 {
	height: 200px;
}
.headerport .boxsize2 {
	height: 100px;
}
.headerport .boxsize3 {
	height: 100px;
}
.headerport .boxsize4 {
	height: 300px;
}
.headerport .boxsize1 img {
	height: 200px;
}
.headerport .boxsize2 img {
	height: 100px;
}
.headerport .boxsize3 img {
	height: 100px;
}
.headerport .boxsize4 img {
	height: 300px;
}
.headerport .boxsize2 .onlycolor {
	height: 100px;
}
.headerport .boxsize3 .onlycolor {
	height: 100px;
}
.headerport .boxsize1 h3 {
	font-size: 16px;
	font-weight: 500;
}
.headerport .boxsize2 h3 {
	font-size: 12px;
	font-weight: 500;
}
.headerport .boxsize3 h3 {
	font-size: 12px;
	font-weight: 500;
}
.headerport .boxsize4 h3 {
	font-size: 16px;
	font-weight: 500;
}
.stheader3 {
	height: 500px;
}
.textyslider {
	padding-top: 59px;
	margin-bottom: 45px;
}
.textyslider em {
	font-size: 30px;
}
.textyslider strong {
	font-size: 30px;
}
.textyslider p {
	font-size: 14px;
	line-height: 25px;
	width: 90%;
}
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
.one_fourth_2 {
	width: 42%;
	margin-bottom: 40px;
	padding: 10px;
}
#allmap {
	height: 300px;
}
ul.user_tabs {
	width: 18% !important;
}
}

@media only screen and (min-width: 768px) and (max-width: 769px) {
.one_third.main {
	width: 100%;
}
	.two_third.main {
		width: 100%;
	}

}

.one_third.main {
	margin-bottom: 0px;
}



@media only screen and (min-width: 640px) and (max-width: 767px) {
.container {
	width: 590px;
	margin: auto;
}
#allmap {
	height: 250px;
}
.container1 {
	width: 590px;
	margin: auto;
}
.content_left {
	float: left;
	width: 100%;
	padding: 0px 0px 50px 0px;
}
.right_sidebar {
	float: left;
	width: 100%;
	padding: 0px 0px 50px 0px;
}
.left_sidebar {
	float: left;
	width: 100%;
	padding: 0px 0px 50px 0px;
}
.content_right {
	float: left;
	width: 100%;
	padding: 0px 0px 50px 0px;
}
.one_half, .one_third, .one_fourth, .one_fourth_1, .one_fourth_2, .two_third, .three_fourth, .one_fifth, .onecol_forty, .onecol_sixty, .onecol_thirtyfive {
	margin-right: 0%;
}
.one_half {
	width: 100%;
	margin-bottom: 40px;
}
.one_third {
	width: 100%;
	margin-bottom: 40px;
}
.one_fourth {
	width: 100%;
	margin-bottom: 40px;
}
.one_fourth_1 {
	width: 50%;
	margin-bottom: 40px;
}
.one_fourth_2 {
	width: 50%;
	margin-bottom: 40px;
	padding: 10px;
}
.one_fifth {
	width: 100%;
	margin-bottom: 40px;
}
.two_third {
	width: 100%;
	margin-bottom: 40px;
}
.three_fourth {
	width: 100%;
	margin-bottom: 40px;
}
.onecol_forty {
	width: 100%;
	margin-bottom: 40px;
}
.onecol_sixty {
	width: 100%;
	margin-bottom: 40px;
}
.onecol_thirtyfive {
	width: 100%;
	margin-bottom: 40px;
}
.last {
	margin-right: 0 !important;
	margin-bottom: 0 !important;
}
/* bigger logo? remove below comment */
/*.header #logo{
	background-position: center top;
	background-size: 50%;
}*/

.header #logo2 {
	background-position: center top;
}
/* bigger logo? remove below comment */
/*.header #logo2{
	background-position: center top;
	background-size: 50%;
}*/

.mstslider {
	padding-top: 80px;
	background: #eee;
}
.mstslider.new {
	padding-top: 0
}
.mstslider.two {
	padding-top: 0px;
}
.top_nav .left {
	width: 100%;
}
.top_nav .right {
	width: 100%;
}
.top_nav.two {
	height: 75px;
}
.top_nav.two .left {
	text-align: right;
	padding-top: 5px;
}
.top_nav.three {
	height: 75px;
}
.top_nav.three .left {
	text-align: right;
	padding-top: 5px;
}
.top_nav.four {
	height: 75px;
}
.top_nav.four .left {
	text-align: right;
	padding-top: 5px;
}
.title1 h2 {
	font-size: 30px;
}
.title1 h2 em {
	margin-top: 0px;
}
.title1 .line {
	width: 57%;
	margin-left: 21%;
}
.title2 h2 {
	font-size: 30px;
}
.title2 h2 em {
	margin-top: 0px;
}
.title2 .line {
	width: 53%;
	margin-left: 23%;
}
.features_sec1 {
	padding-bottom: 300px;
}
.features_sec2 .box {
	margin-left: 20px;
}
.features_sec3 .box .right {
	width: 85%;
	margin-left: 4%;
}
.features_sec4:before {
	right: 0%;
}
.features_sec4 .peosays {
	width: 100%;
	margin-left: 0%;
}
.features_sec6 .fimg {
	width: 100%;
}
.features_sec6 .rbox {
	width: 100%;
	padding: 110px 50px 110px 50px;
}
.features_sec8 .left {
	padding-top: 0px;
	width: 80%;
	margin-left: 7%;
	margin-right: 8%;
	margin-bottom: 50px;
}
.features_sec8 .right {
	float: none;
	width: 40%;
	margin: 0 auto;
}
.features_sec9 .tbox img {
	width: 100%;
}
.features_sec13 img {
	width: 100%;
}
.footer .top_footer .colleft, .footer .top_footer .colright {
	width: 100%;
	margin-top: 30px;
}
.footer .top_footer .colcenter {
	width: 0%;
}
.copyright_info .one_half {
	margin-bottom: 20px;
}
ul.footer_social_links {
	float: left;
}
.footer_social_links li {
	margin: 0px 5px 0px 0px;
}
.page_title2 h1 {
	width: 100%;
	margin-top: 12px;
}
.page_title2 .pagenation {
	float: left;
	width: 100%;
	margin: 5px 0px 0px 0px;
}
.features_sec30 .left {
	width: 10%;
}
.features_sec30 .right {
	width: 90%;
}
.features_sec33 {
	padding-bottom: 120px;
}
.features_sec33 .left {
	padding-top: 0px;
	text-align: center;
}
.features_sec33 .right {
	padding-top: 30px;
	text-align: center;
}
.features_sec34 .box {
	width: 100%;
	margin-bottom: 80px;
}
.features_sec33 .left span, .features_sec33 .right span {
	float: left;
	margin-left: 45%;
}
.features_sec38 p {
	width: 90%;
}
.features_sec39 .box1, .features_sec39 .box2, .features_sec39 .box2.img2, .features_sec39 .box3 {
	width: 100%;
	background-size: 100%;
}
.features_sec44 .box {
	margin-bottom: 100px;
}
.parallax_section6 {
	padding-bottom: 70px;
}
.parallax_section6 .box {
	margin-top: 100px;
	margin-left: 0%;
}
.hexagon {
	margin-bottom: 110px;
}
.haxmargin {
	margin-top: 0px;
}
.hexagon.two {
	margin-left: 0px;
}
.parallax_section7 .left, .parallax_section7 .center, .parallax_section7 .right {
	width: 100%;
}
.features_sec45 .box {
	margin-left: 4%;
}
.page_title3 {
	padding: 100px 0px 100px 0px;
}
.page_title3 h5 {
	width: 100%;
	font-size: 14px;
	line-height: 23px;
}
.page_title3 i {
	font-size: 21px;
	width: 59px;
	height: 59px;
	line-height: 59px;
	margin: 50px 10px 0px 10px;
}
.clogo_small li h6 {
	margin-top: 20px;
	text-align: center;
}
.clogo_small li {
	width: 25%;
}
.features_sec64 .flips1_front img {
	width: 50%;
	height: auto;
}
.portfolio_area_left {
	width: 100%;
}
.portfolio_area_right {
	margin: 59px 0px 0px 0;
	width: 100%;
}
.post_meta_links li {
	width: 100%;
}
.post_meta_links li.post_by {
	width: 33.3%;
}
.post_meta_links li.post_categoty {
	width: 33.3%;
}
.post_meta_links li.post_comments {
	width: 33.3%;
}
.blog_postcontent .video_frame iframe {
	height: 250px;
}
/* UPDATED VERSION 1.2 */
.slidercform {
	float: left;
	width: 400px;
	padding: 37px 40px 40px 40px;
}
.slidercform .sky-form .button {
	width: 84.7%;
}
.slidercform2 {
	width: 270px;
	padding: 20px 25px 30px 25px;
	margin-right: 45px;
	margin-top: -280px;
}
.slidercform2 strong {
	font-size: 18px;
}
.slidercform2 strong em {
	font-size: 9px;
	margin-top: 0px;
}
.slidercform2 .sky-form .input input, .slidercform2 .sky-form .select select {
	width: 96.5%;
	padding: 3px 5px;
}
.slidercform2 .sky-form .textarea textarea {
	padding: 3px 5px;
}
.slidercform2 span {
	margin-top: 5px;
}
.headerport .left {
	width: 50%;
}
.headerport .center {
	width: 50%;
}
.headerport .right {
	width: 100%;
}
.headerport .boxsize1 {
	height: 250px;
}
.headerport .boxsize2 {
	height: 125px;
}
.headerport .boxsize3 {
	height: 125px;
}
.headerport .boxsize4 {
	height: 375px;
}
.headerport .boxsize1 img {
	height: 250px;
}
.headerport .boxsize2 img {
	height: 125px;
}
.headerport .boxsize3 img {
	height: 125px;
}
.headerport .boxsize4 img {
	height: 375px;
}
.headerport .boxsize2 .onlycolor {
	height: 125px;
}
.headerport .boxsize3 .onlycolor {
	height: 125px;
}
.headerport .boxsize1 h3 {
	font-size: 18px;
	margin-top: 37%;
}
.headerport .boxsize2 h3 {
	font-size: 14px;
	margin-top: 32.5%;
}
.headerport .boxsize3 h3 {
	font-size: 14px;
	margin-top: 16%;
}
.headerport .boxsize4 h3 {
	font-size: 18px;
	margin-top: 30%;
}
.stheader3 {
	height: 450px;
}
.textyslider {
	padding-top: 50px;
	margin-bottom: 40px;
}
.textyslider em {
	font-size: 30px;
}
.textyslider strong {
	font-size: 30px;
}
.textyslider p {
	font-size: 13px;
	line-height: 21px;
	width: 100%;
}
}

@media only screen and (min-width: 480px) and (max-width: 639px) {
.error_pagenotfound {
	width: 100%;
	padding-left: 0px;
	padding-right: 0px;
}
#allmap {
	height: 200px;
}
.container1 {
	width: 620px;
	margin: auto;
}
.container {
	width: 440px;
	margin: auto;
}
.content_left {
	float: left;
	width: 100%;
	padding: 0px 0px 50px 0px;
}
.right_sidebar {
	float: left;
	width: 100%;
	padding: 0px 0px 50px 0px;
}
.left_sidebar {
	float: left;
	width: 100%;
	padding: 0px 0px 50px 0px;
}
.content_right {
	float: left;
	width: 100%;
	padding: 0px 0px 50px 0px;
}
.one_half, .one_third, .one_fourth, .one_fourth_1, .one_fourth_2, .two_third, .three_fourth, .one_fifth, .onecol_forty, .onecol_sixty, .onecol_thirtyfive {
	margin-right: 0%;
}
.one_half {
	width: 100%;
	margin-bottom: 40px;
}
.one_third {
	width: 100%;
	margin-bottom: 40px;
}
.one_fourth {
	width: 100%;
	margin-bottom: 40px;
}
.one_fourth_1 {
	width: 50%;
	margin-bottom: 40px;
	padding: 10px;
}
.one_fourth_2 {
	width: 50%;
	margin-bottom: 40px;
	padding: 10px;
}
.one_fifth {
	width: 100%;
	margin-bottom: 40px;
}
.two_third {
	width: 100%;
	margin-bottom: 40px;
}
.three_fourth {
	width: 100%;
	margin-bottom: 40px;
}
.onecol_forty {
	width: 100%;
	margin-bottom: 40px;
}
.onecol_sixty {
	width: 100%;
	margin-bottom: 40px;
}
.onecol_thirtyfive {
	width: 100%;
	margin-bottom: 40px;
}
.last {
	margin-right: 0 !important;
	margin-bottom: 0 !important;
}
/* bigger logo? remove below comment */
/*.header #logo{
	background-position: center top;
	background-size: 50%;
}*/

.header #logo2 {
	background-position: center top;
}
/* bigger logo? remove below comment */
/*.header #logo2{
	background-position: center top;
	background-size: 50%;
}*/

.mstslider {
	padding-top: 90px;
	background: #eee;
}
.mstslider.two {
	padding-top: 0px;
}
.mstslider.new {
	padding-top: 0
}
.top_nav .left {
	width: 100%;
}
.top_nav .right {
	width: 100%;
}
.top_nav.two {
	height: 75px;
}
.top_nav.two .left {
	text-align: right;
	padding-top: 0px;
}
.top_nav.two .right {
	padding-top: 0px;
}
.top_nav.three {
	height: 75px;
}
.top_nav.three .left {
	text-align: right;
	padding-top: 0px;
}
.top_nav.three .right {
	padding-top: 0px;
}
.top_nav.four {
	height: 58px;
}
.top_nav.four .left {
	text-align: right;
	padding-top: 0px;
}
.top_nav.four .right {
	padding-top: 0px;
}
.title1 h2 {
	font-size: 30px;
}
.title1 h2 em {
	margin-top: 0px;
}
.title1 .line {
	width: 77%;
	margin-left: 11.2%;
}
.title2 h2 {
	font-size: 30px;
}
.title2 h2 em {
	margin-top: 0px;
}
.title2 .line {
	width: 70%;
	margin-left: 14.3%;
}
.features_sec1 {
	padding-bottom: 300px;
}
.features_sec2 .box {
	margin-left: 18px;
}
.features_sec3 .box .right {
	width: 80%;
	margin-left: 6%;
}
.features_sec4 .lblogs {
	width: 100%;
	margin-right: 4%;
}
.features_sec4:before {
	right: 0%;
}
.features_sec4 .peosays {
	width: 100%;
	margin-left: 0%;
}
.features_sec6 .fimg {
	width: 100%;
}
.features_sec6 .rbox {
	width: 100%;
	padding: 110px 20px 110px 20px;
}
.features_sec8 .left {
	padding-top: 0px;
	width: 80%;
	margin-left: 7%;
	margin-right: 8%;
	margin-bottom: 50px;
}
.features_sec8 .right {
	float: none;
	width: 40%;
	margin: 0 auto;
}
.features_sec9 .tbox img {
	width: 100%;
}
.features_sec13 img {
	width: 100%;
}
.newsletter_two input.enter_email_input {
	width: 210px;
}
/*
.newsletter_two .input_submit {
	padding: 16px 20px 15px 20px;
}
*/

.footer .top_footer .colleft, .footer .top_footer .colright {
	width: 100%;
	margin-top: 30px;
}
.footer .top_footer .colcenter {
	width: 0%;
}
.copyright_info .one_half {
	margin-bottom: 20px;
}
ul.footer_social_links {
	float: left;
}
.footer_social_links li {
	margin: 0px 5px 0px 0px;
}
.page_title2 h1 {
	width: 100%;
	margin-top: 12px;
}
.page_title2 .pagenation {
	float: left;
	width: 100%;
	margin: 5px 0px 0px 0px;
}
.features_sec33 {
	padding-bottom: 120px;
}
.features_sec33 .left {
	padding-top: 0px;
	text-align: center;
}
.features_sec33 .right {
	padding-top: 30px;
	text-align: center;
}
.features_sec34 .box {
	width: 100%;
	margin-bottom: 80px;
}
.features_sec33 .left span, .features_sec33 .right span {
	float: left;
	margin-left: 44%;
}
.features_sec38 p {
	width: 90%;
}
.features_sec39 .box1 {
	width: 100%;
}
.features_sec39 .box2, .features_sec39 .box2.img2 {
	width: 100%;
	background-size: 100%;
}
.features_sec39 .box3 {
	width: 100%;
}
.features_sec44 .box {
	margin-bottom: 100px;
}
.parallax_section6 {
	padding-bottom: 70px;
}
.parallax_section6 .box {
	margin-top: 100px;
	margin-left: 0%;
}
.hexagon {
	margin-bottom: 110px;
}
.haxmargin {
	margin-top: 0px;
}
.hexagon.two {
	margin-left: 0px;
}
.parallax_section7 .left, .parallax_section7 .center, .parallax_section7 .right {
	width: 100%;
}
.features_sec45 .box {
	margin-left: 30%;
}
.features_sec49 em {
	display: block;
	margin-top: 30px;
}
.page_title3 {
	padding: 100px 0px 100px 0px;
}
.page_title3 h5 {
	width: 100%;
	font-size: 14px;
	line-height: 23px;
}
.page_title3 i {
	font-size: 21px;
	width: 59px;
	height: 59px;
	line-height: 59px;
	margin: 50px 10px 0px 10px;
}
.clogo_small li h6 {
	margin-top: 18px;
	text-align: center;
}
.clogo_small li {
	width: 30%;
}
.features_sec64 .flips1_front img {
	width: 50%;
	height: auto;
}
.portfolio_area_left {
	width: 100%;
}
.portfolio_area_right {
	margin: 59px 0px 0px 0;
	width: 100%;
}
.post_meta_links li {
	width: 100%;
}
.post_meta_links li.post_by {
	width: 33.3%;
}
.post_meta_links li.post_categoty {
	width: 33.3%;
}
.post_meta_links li.post_comments {
	width: 33.3%;
}
.blog_postcontent .video_frame iframe {
	height: 250px;
}
/* UPDATED VERSION 1.2 */
.slidercform {
	float: left;
	width: 440px;
	padding: 37px 40px 40px 40px;
}
.slidercform .sky-form .button {
	width: 85.8%;
}
.slidercform2 {
	width: 440px;
	padding: 40px 35px 50px 35px;
	margin-top: 0px;
	border-radius: 0px;
}
.slidercform2 strong {
	font-size: 27px;
}
.slidercform2 strong em {
	font-size: 12px;
	margin-top: 5px;
}
.slidercform2 .sky-form .input input, .slidercform2 .sky-form .select select {
	width: 98.8%;
}
.slidercform2 span {
	margin-top: 10px;
}
.headerport .left {
	width: 100%;
}
.headerport .center {
	width: 100%;
}
.headerport .right {
	width: 100%;
}
.stheader3 {
	height: 450px;
}
.textyslider {
	padding-top: 50px;
	margin-bottom: 40px;
}
.textyslider span.text {
	margin-bottom: 30px;
}
.textyslider em {
	font-size: 30px;
	display: block;
	margin-bottom: 20px;
	padding-bottom: 20px;
}
.textyslider strong {
	font-size: 30px;
	display: block;
}
.textyslider p {
	font-size: 13px;
	line-height: 21px;
	width: 100%;
}
}

@media only screen and (max-width: 999px) {
.logo {
	width: 30%;
}
.navbar-toggle {
	background: #272727 !important;
	margin-top: -3px !important
}
.new .navbar-toggle {
	background: #272727 !important;
	margin-top: 10px !important
}
.menu_main {
	width: 51%;
}
.error_pagenotfound {
	width: 80%
}
}

@media only screen and (max-width: 960px) {
#cd-timeline:after {
	left: 20px !important
}
}

@media only screen and (max-width: 767px) {
.navbar-toggle {
	margin-top: 8px !important
}
.error_pagenotfound {
	width: 100%
}
#map {
	display: none;
}
}

@media only screen and (max-width: 600px) {
.menu_main {
	width: 100%
}
.logo {
	width: 100%;
	background-position: center
}
.logo #logo {
	width: 100%;
	background-position: center
}
.navbar-toggle {
	background: #0CB4CE !important
}
#pianoshow {
	display: none;
}
.error_pagenotfound {
	width: 80%
}
.content_halfsite {
	float: left;
	width: 100%;
	margin-right: 5%;
	padding: 0px 0px 0px 0px;
}
.content_halfsite.last {
	margin-top: 100px;
	margin-right: 0;
}
}

@media only screen and (max-width: 479px) {
#allmap {
	height: 200px;
}
.container {
	width: 300px;
	margin: auto;
}
.container1 {
	width: 470px;
	margin: auto;
}
.content_left {
	float: left;
	width: 100%;
	padding: 0px 0px 50px 0px;
}
.right_sidebar {
	float: left;
	width: 100%;
	padding: 0px 0px 50px 0px;
}
.left_sidebar {
	float: left;
	width: 100%;
	padding: 0px 0px 50px 0px;
}
.content_right {
	float: left;
	width: 100%;
	padding: 0px 0px 50px 0px;
}
.one_half, .one_third, .one_fourth, .one_fourth_1, .one_fourth_2, .two_third, .three_fourth, .one_fifth, .onecol_forty, .onecol_sixty, .onecol_thirtyfive {
	margin-right: 0%;
}
.one_third_1 {
	margin-right: 0%;
	width: 100%;
	margin-bottom: 40px;
}
.two_third_1 {
	width: 100%;
	margin-bottom: 40px;
}
.one_half {
	width: 100%;
	margin-bottom: 40px;
}
.one_third {
	width: 100%;
	margin-bottom: 40px;
}
.one_fourth {
	width: 100%;
	margin-bottom: 40px;
}
.one_fourth_1 {
	width: 100%;
	margin-bottom: 40px;
}
.one_fourth_2 {
	width: 100%;
	margin-bottom: 40px;
}
.one_fifth {
	width: 100%;
	margin-bottom: 40px;
}
.two_third {
	width: 100%;
	margin-bottom: 40px;
}
.three_fourth {
	width: 100%;
	margin-bottom: 40px;
}
.onecol_forty {
	width: 100%;
	margin-bottom: 40px;
}
.onecol_sixty {
	width: 100%;
	margin-bottom: 40px;
}
.onecol_thirtyfive {
	width: 100%;
	margin-bottom: 40px;
}
.last {
	margin-right: 0 !important;
	margin-bottom: 0 !important;
}
.anim_last {
	margin-bottom: 40px !important;
}
/* bigger logo? remove below comment */
/*.header #logo{
	background-position: center top;
	background-size: 50%;
}*/

.header #logo2 {
	background-position: center top;
}
/* bigger logo? remove below comment */
/*.header #logo2{
	background-position: center top;
	background-size: 50%;
}*/

.mstslider {
	padding-top: 80px;
	background: #eee;
}
.mstslider.new {
	padding-top: 0
}
.mstslider.two {
	padding-top: 0px;
}
.top_nav .left {
	width: 100%;
}
.top_nav .right {
	width: 100%;
}
.top_nav.two {
	height: 75px;
}
.top_nav.two .left {
	text-align: right;
	padding-top: 0px;
}
.top_nav.two .right {
	padding-top: 0px;
}
.top_nav.three {
	height: 75px;
}
.top_nav.three .left {
	text-align: right;
	padding-top: 0px;
}
.top_nav.three .right {
	padding-top: 0px;
}
.top_nav.four {
	height: 75px;
}
.top_nav.four .left {
	text-align: right;
	padding-top: 0px;
}
.top_nav.four .right {
	padding-top: 0px;
}
.title1 h2 {
	font-size: 25px;
}
.title1 h2 em {
	margin-top: 0px;
}
.title1 .line {
	width: 90%;
	margin-left: 5%;
}
.title2 h2 {
	font-size: 25px;
}
.title2 h2 em {
	margin-top: 0px;
}
.title2 .line {
	width: 90%;
	margin-left: 5%;
}
.features_sec1 {
	padding-bottom: 300px;
}
.features_sec2 .box {
	margin-left: 14px;
}
.features_sec3 .box .left {
	margin-left: 121px;
}
.features_sec3 .box .right {
	width: 100%;
	margin-left: 0%;
	text-align: center;
}
.parallax_section1 h2 {
	width: 100%;
}
.parallax_section1 p {
	width: 100%;
}
.features_sec4 .lblogs {
	width: 100%;
	margin-right: 0%;
	margin-bottom: 40px;
}
.features_sec4:before {
	right: 0%;
}
.features_sec4 .peosays {
	width: 100%;
	margin-left: 0%;
}
.features_sec6 .fimg {
	width: 100%;
}
.features_sec6 .rbox {
	width: 100%;
	padding: 110px 20px 110px 20px;
}
.features_sec6 .ibox {
	width: 100%;
	margin-right: 0%;
	margin-bottom: 40px;
}
.features_sec6 .ibox.last {
	margin-bottom: 0px;
}
.features_sec8 .left {
	padding-top: 0px;
	width: 80%;
	margin-left: 7%;
	margin-right: 8%;
	margin-bottom: 50px;
}
.features_sec8 .right {
	float: none;
	width: 40%;
	margin: 0 auto;
}
.features_sec9 .tbox img {
	width: 100%;
}
.features_sec13 img {
	width: 100%;
}
.newsletter_two input.enter_email_input {
	width: 150px;
}
/*
.newsletter_two .input_submit {
	padding: 16px 5px 15px 5px;
}
*/

.footer .top_footer .colleft, .footer .top_footer .colright {
	width: 100%;
	margin-top: 30px;
}
.footer .top_footer .colcenter {
	width: 0%;
}
.copyright_info .one_half {
	margin-bottom: 20px;
}
ul.footer_social_links {
	float: left;
}
.footer_social_links li {
	margin: 0px 5px 0px 0px;
}
.page_title2 h1 {
	width: 100%;
	margin-top: 12px;
}
.page_title2 .pagenation {
	float: left;
	width: 100%;
	margin: 5px 0px 0px 0px;
}
.features_sec30 .left {
	width: 20%;
}
.features_sec30 .right {
	width: 80%;
}
.features_sec33 {
	padding-bottom: 120px;
}
.features_sec33 .left {
	padding-top: 0px;
	text-align: center;
}
.features_sec33 .right {
	padding-top: 30px;
	text-align: center;
}
.features_sec34 .box {
	width: 100%;
	margin-bottom: 80px;
}
.features_sec33 .left span, .features_sec33 .right span {
	float: left;
	margin-left: 41%;
}
.features_sec38 p {
	width: 95%;
}
.features_sec39 .box1 {
	width: 100%;
}
.features_sec39 .box2, .features_sec39 .box2.img2 {
	width: 100%;
	background-size: 100%;
}
.features_sec39 .box3 {
	width: 100%;
}
.features_sec44 .box {
	margin-bottom: 100px;
}
.parallax_section6 {
	padding-bottom: 70px;
}
.parallax_section6 .box {
	margin-top: 100px;
	margin-left: 21%;
}
.hexagon {
	margin-bottom: 110px;
}
.haxmargin {
	margin-top: 0px;
}
.hexagon.two, .hexagon.three, .hexagon.four, .hexagon.five {
	margin-left: 0px;
}
.parallax_section7 .left, .parallax_section7 .center, .parallax_section7 .right {
	width: 100%;
}
.features_sec45 .box {
	margin-left: 20%;
}
.features_sec49 strong {
	font-size: 27px;
	padding: 5px 12px;
}
.features_sec49 em {
	display: block;
	margin-top: 30px;
}
.page_title .title h1 {
	font-size: 40px;
}
.page_title h3 {
	font-size: 18px;
	line-height: 21px;
}
.page_title h5 {
	font-size: 14px;
	line-height: 18px;
}
.page_title3 {
	padding: 70px 0px 70px 0px;
}
.page_title3 .title h1 {
	font-size: 40px;
}
.page_title3 h5 {
	width: 100%;
	font-size: 14px;
	line-height: 21px;
}
.page_title3 i {
	font-size: 18px;
	width: 50px;
	height: 50px;
	line-height: 50px;
	margin: 40px 10px 0px 10px;
}
.clogo_small li h6 {
	margin-top: 14px;
	text-align: center;
}
.clogo_small li {
	width: 33.3%;
}
.features_sec64 .flips1_front img {
	width: 100%;
	height: auto;
}
.portfolio_area_left {
	width: 100%;
}
.portfolio_area_right {
	margin: 59px 0px 0px 0;
	width: 100%;
}
.post_meta_links li {
	width: 100%;
}
.post_meta_links li.post_by {
	width: 50%;
}
.post_meta_links li.post_categoty {
	width: 50%;
}
.post_meta_links li.post_comments {
	width: 50%;
}
.blog_postcontent .video_frame iframe {
	height: 180px;
}
/* UPDATED VERSION 1.2 */
.slidercform {
	float: left;
	width: 300px;
	padding: 37px 20px 40px 20px;
}
.slidercform .sky-form .button {
	width: 85.8%;
}
.slidercform strong {
	font-size: 18px;
}
.slidercform strong em {
	font-size: 10px;
	font-weight: 400;
	margin-top: 3px;
}
.slidercform2 {
	width: 300px;
	padding: 40px 25px 50px 25px;
	margin-top: 0px;
	border-radius: 0px;
}
.slidercform2 strong {
	font-size: 18px;
}
.slidercform2 strong em {
	font-size: 10px;
	margin-top: 5px;
}
.slidercform2 .sky-form .input input, .slidercform2 .sky-form .select select {
	width: 97.4%;
}
.slidercform2 span {
	margin-top: 10px;
}
.headerport .left {
	width: 100%;
}
.headerport .center {
	width: 100%;
}
.headerport .right {
	width: 100%;
}
.headerport .boxsize1 h3 {
	font-size: 16px;
	font-weight: 500;
	margin-top: 45%;
}
.headerport .boxsize2 h3 {
	font-size: 14px;
	font-weight: 500;
	margin-top: 35%;
}
.headerport .boxsize3 h3 {
	font-size: 14px;
	font-weight: 500;
	margin-top: 20%;
}
.headerport .boxsize4 h3 {
	font-size: 16px;
	font-weight: 500;
	margin-top: 67%;
}
.stheader3 {
	height: 400px;
}
.textyslider {
	padding-top: 40px;
	margin-bottom: 30px;
}
.textyslider span.text {
	margin-bottom: 25px;
}
.textyslider em {
	font-size: 25px;
	display: block;
	margin-bottom: 16px;
	padding-bottom: 16px;
}
.textyslider strong {
	font-size: 25px;
	display: block;
}
.textyslider p {
	font-size: 13px;
	line-height: 21px;
	width: 100%;
}
.btn_resp_first {
	margin-left: 0px !important;
	width: 200px !important;
}
.btn_resp_middle {
	margin-left: 0px !important;
	margin-top: 0px !important;
	width: 200px !important;
}
.btn_resp_last {
	margin-left: 0px !important;
	margin-top: 20px !important;
	width: 200px !important;
}
.btn_resp1_first {
	margin: auto !important;
	width: 218px !important;
}
.btn_resp1_last {
	margin: auto !important;
	margin-top: 20px !important;
	width: 218px !important;
}
#resp_pc{
	display: none;
}
#resp_phone{
	display: block;
}
}

@media only screen and (max-width: 769px) {

	#tabResp1{
		display: none;
	}

	.tabResp2{
		display: block;
		text-align: center;
		margin-bottom: 15px;
	}
	#right_1{
		display: block;
		text-align: center;
	}

}

@media only screen and (min-width: 770px) {

	#tabResp1{
		display: block;
	}

	.tabResp2{
		display: none;
		text-align: center;
	}
	#right_1{
		display: none;
		text-align: center;
	}

}

@media only screen and (min-width: 768px) and (max-width: 769px) {
.container {
	width: 700px;
	margin: auto;
}
.features_sec6 .fimg {
	width: 35%;
}
.features_sec6 .rbox {
	width: 65%;
	padding: 55px 30px 0px 30px;
}
}

/*WECHAT HOVER EFFECT*/	


@media only screen and (max-width: 767px) {
.footer_social_links li a .wechat {
	display: none;
	position: absolute;
	padding: 15px;
	bottom: 170%;
	left: 0;
	width: 210px;
	border: 1px solid #fff;
	font-size: 12px;
	background-color: #fff;
	text-align: center;
	line-height: 24px;
	box-shadow: 0 0 5px #0cb4ce;
	z-index: 999;
}
.footer_social_links li a .wechat:before, .footer_social_links li a .wechat:after {
	position: absolute;
	height: 0;
	border-style: solid;
	border-width: 8px 0px 8px 10px;
	bottom: 52px;
	content: '';
}
.footer_social_links li a .wechat:before {
	border-color: transparent transparent transparent transparent;
	right: -10px;
}
.footer_social_links li a .wechat:after {
	border-color: transparent transparent transparent transparent;
	right: -8px;
}
.footer_social_links li a .wechat .t1, .footer_social_links li a .wechat .t2 {
	display: block;
	white-space: nowrap;
}
.footer_social_links li a .wechat .t1 {
	color: #333;
	font-size: 14px;
}
.footer_social_links li a .wechat .t2 {
	color: #1698ad;
}
.footer_social_links li a:hover {
	color: #1698ad;
}
.footer_social_links li a:hover .wechat {
	display: block;
}
.footer_social_links .footer-wechat {
	display: block;
	width: 80px;
	margin-top: -5px;
}
}

@media only screen and (max-width: 1169px) {
.content_fullwidth.less2 {
	padding: 40px 0 0 0
}
}

@media only screen and (max-width: 960px) {
.terms_container {
	padding: 20px 50px;
	margin: 0px auto;
	border: none;
	box-shadow: none;
}
}

@media only screen and (max-width: 999px) {
.resp_dropdown {
	display: block !important;
}
}

@media only screen and (min-width: 480px) and (max-width: 639px) {
.detail_1_3 {
	width: 40% !important;
}
.detail_2_3 {
	width: 55% !important;
}
}

@media only screen and (max-width: 999px) {
.menu_right {
	display: none;
}
.menu_right2 {
	display: none;
}
}

@media only screen and (max-width: 639px) {
p {
	line-height: 1.75;
}
.highcharts-legend {
	transform: translate(0, 0) !important;
}
.highcharts-container {
	margin-left: 10px !important;
}
.highcharts-series {
	margin-left: 10px !important;
	padding-left: 10px;
}
.highcharts-grid {
	margin-left: 10px;
	padding-left: 10px;
}
.highcharts-axis {
	margin-left: 10px;
	padding-left: 10px;
}
}

@media only screen and (min-width: 1200px) {
.user_padding {
	padding: 0 50px !important;
}
}

@media only screen and (max-width: 991px) {
.user_padding {
	padding: 0 10px !important;
}
}

@media only screen and (max-width: 479px) {
.user_padding {
	padding: 20px 40px 0px 40px !important;
}
.copyright_info .footer_logo{
    margin-right: 150px;
}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
.intro_title{
    padding-top: 0px;
}

.intro_content_left{
    padding-top: 40px;
}
    
.intro_content_right{
    padding-top: 40px;
}
}

@media only screen and (max-width: 991px) {
.intro_title{
    padding-top: 0px;
    margin-top: 0px;
}

.intro_content_left{
    padding-top: 40px;
}
    
.intro_content_right{
    padding-top: 40px;
}
}
@media only screen and (max-width: 478px) {
	.course_intro_title{

		font-size: 22px;
		color: #fff;
		margin: 10px 0;

	}

	.course_intro_content{

		font-size: 12px;
		color: #fff;

	}
}
@media only screen and (max-width: 480px) {
	.compact .drum_header {
		top: 55px;
	}
}
@media only screen and (max-width: 600px) and (min-width: 481px){
	.compact .drum_header {
		top: 0px;
		z-index: 9001!important;
	}
}
@media only screen and (max-width: 639px) and (min-width: 479px){
	.leshi{
		height:300px !important;
	}
}
@media only screen and (max-width: 478px){
	.leshi{
		height:200px !important;
	}
}
@media only screen and (max-width: 639px) {
	.cbp-l-filters-list .cbp-filter-item {
		width: 50%;
	}
}
@media only screen and (max-width: 639px) {
	.cbp-l-filters-list .cbp-filter-item {
		width: 48%;
		text-align: center;
	}
}
@media only screen and (max-width: 479px) {
	.sy{
		display: none;
	}
	.pagination.center p{
		display: block;
		margin-top: 10px;
	}
}

@media only screen and (max-width: 767px) {
	.mobIm {
		position: fixed;
		bottom: 0;
		left: 0;
		background: #0CB4CE url(../images/mobim.png) no-repeat 15% 20%;
		background-size: auto 80%;
		border-radius: 0px;
		border-right: 1px solid #fff;
		-webkit-border-radius: 0px !important;
		box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
		width: 50%;
		z-index: 10;
	}
	.mobImpc {
		display: none;
	}
	.mobIm .imMob, .mobIp .ipMob {
		color: #fff;
		padding: 20px 0 20px 40px;
		font-size: 16px;
		display: block !important;
		font-weight: bold;
	}
	.mobIp {
		position: fixed;
		bottom: 0;
		right: 0;
		background: #0CB4CE url(../images/mobip.png) no-repeat 15% 45%;
		background-size: auto 80%;
		box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
		border-left: 1px solid #5BB1FF;
		width: 50%;
		z-index: 10;
	}
	.scrollup {
		bottom:82px;
	}
}
@media only screen and (min-width: 1199px) {
	#music_power{
		width:70%;
	}
}

@media only screen and (max-width: 478px) {
	#ipad-app-qr{
		width:50%;
		margin: 0 auto;
	}
}
@media only screen and (max-width: 992px) {
	.blog_postcontent img{
		width: 100% !important;
	}
}
@media only screen and (max-width: 640px) {
	.tencent-video{
		height:300px;
	}
}
@media only screen and (max-width: 480px) {
	.tencent-video{
		height:200px;
	}
}


@media only screen and (min-width: 992px) and (max-width: 1199px){

	#erweima{

		left: 10%;

	}

}

@media only screen and (min-width: 768px) and (max-width: 991px){

	#erweima{

		left: -2%;
		top: -30px;

	}
	#qr_button {
		top: 30px;
		position: relative;
	}

}

@media only screen and (min-width: 640px) and (max-width: 767px){

	#erweima{

		left: 30.5%;
		top:-30px;
		height:232px;

	}

}
@media only screen and (min-width: 480px) and (max-width: 639px){

	#erweima{

		left: 24.5%;
		top:-30px;
		height:232px;

	}

}
@media only screen and (max-width: 479px){

	#erweima{

		left: 11%;
		top:-30px;
		height:232px;

	}

}