/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 28 Apr, 2016, 2:32:13 PM
    Author     : lin0003
*/



.feature_img_section222 {align-items: center; display: flex; height: 600px; justify-content: center; }
.newheader {align-items: center; background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0; border: 4px solid rgba(0, 0, 0, 0.5); border-radius: 3px; content: ""; display: flex; min-height: 160px; justify-content: center; margin: 0 auto; text-align: center; width: 600px; }
.entry-title {color: #ffffff; font-size: 48px;font-weight: 600; position: relative; text-shadow: 3px 2px 5px #666666; text-transform: uppercase; }
.newheader {position: relative;}
.vc_row.about-first-row {padding-top: 0 !important; padding-bottom: 0 !important; }
.about-content p {  font-size: 19px;}
.about-first-row .wpb_text_column.wpb_content_element {margin-bottom: 0 !important; }
.right-side-about-content .vc_column-inner, .left-side-content-about .vc_column-inner {padding: 0 !important; }
.left-side-content-about .wpb_wrapper {padding: 0 15px; }
.about-first-row img {display: block; }
.second-img .right-side-about-content img {filter: grayscale(100%); }
.about-first-row.second-img:hover .right-side-about-content border-image: {filter: grayscale(0%);}
.about-first-row:hover .right-side-about-content img{filter: grayscale(100%);}
.margin-top-inner { margin-top: 45px;}
.vc_row.wpb_row.vc_row-fluid.faq-page {margin: 40px auto 0; width: 72%; }
.faq-page .vc_toggle {background: #f5f5f5 none repeat scroll 0 0; border-radius: 3px; }
.faq-page .vc_toggle_title > h4 {font-size: 26px; }
.faq-page .vc_toggle_size_md.vc_toggle .vc_toggle_title{ padding: 25px 97px !important;}
.faq-page .vc_toggle_title > h4 {color: #888888; font-size: 26px; }
.faq-page .vc_toggle_size_md .vc_toggle_icon::before {height: 5px; width: 40px; }
.faq-page .vc_toggle_size_md .vc_toggle_icon::after {height: 40px; width: 5px; }
.faq-page .vc_toggle_size_md .vc_toggle_icon {background: #444444 none repeat scroll 0 0; height: 81px;border-radius: 3px 0 0 3px; width: 82px; }
.faq-page .vc_toggle_content {background: #f1f1f1 none repeat scroll 0 0; border: 1px solid #e8e8e8; border-radius: 0 0 3px 3px; margin-top: 0 !important;	padding-left: 87px !important; padding-top: 20px !important;padding-right: 20px; }
.pro-list-content {
  float: left;
  margin-top: 38px;margin-bottom: 25px;
  width: 100%;
}
.project-list-area, .more_work_area .work_sec li {
  float: left;
  margin-right: 35px;margin-bottom: 35px;
  position: relative;
  width: calc(33.33% - 26px);
    overflow: hidden;list-style: none;
}
.pro-image img, .portfolio-image img {
  width: 100%;display: block;transition: all 0.3s linear 0s;
}
.pro-title, .portfolio-title {
  background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
  bottom: 0;
  padding: 14px;
  position: absolute;
  width: 100%;
}
.pro-title a, .portfolio-title { 
  color: #ffffff;
  display: block;
  font-size: 24px;
  font-weight: 500;
}
.project-list-area:hover .pro-image img, .more_work_area .work_sec li:hover .portfolio-image img{ transform: scale(1.2);filter: grayscale(100%); }
.pagination {
  float: left;
  width: 100%;
  text-align: center;
}
.pagination span, .pagination a {
  background: #f5f5f5 none repeat scroll 0 0;
  font-size: 20px;
  padding: 10px 19px;color: #373737;
}
.pagination span.current, .pagination a:hover {
  background: #373737 none repeat scroll 0 0;
  color: #ffffff;
}

.single-projects .containt_news {
  border-bottom: 1px solid #eeeeee;
  float: left;
  margin-bottom: 30px;
  padding-bottom: 30px;
  width: 100%;margin-top: 30px;
}
.single-projects .single-post-title {
  float: left;
  font-size: 26px;
  width: 38%;padding-right: 25px;
}
.single-projects.full-width-content .containt_news .content {
  float: right;
  width: 62%;
}
.more_work_area {
  float: left;
  width: 100%;margin-bottom: 35px;
}
.portfolio_title {
  color: #393939;
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 25px;
}
.single-projects .main_content_area .feature-image {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 760px;
}
.project-slider-area .slick-prev.slick-arrow {
  background: url("images/project-left-arrow.png");
  background-repeat: no-repeat;
  border: medium none !important;
    height: 32px;
  opacity: 1;left: -50px;
  width: 32px;
  background-position: center center;
}
.project-slider-area .slick-next.slick-arrow {
  background: rgba(0, 0, 0, 0) url("images/project-right-arrow.png") no-repeat scroll center center;
  border: medium none !important;
  height: 32px;
  opacity: 1;right: -50px;
  width: 32px;
}
.project-slider-area .slick-prev::before, .project-slider-area .slick-next::before{color: transparent;}
.project-slider-area .slick-next.slick-arrow:hover, .project-slider-area .slick-prev.slick-arrow:hover{opacity: 0.7;}
.project-slider-area .slick-list .slick-track {
  transition: all 0.7s linear 0s;
}
.product-slider .vc_column-inner {
  padding: 0 !important;
}
.project-slider-area.slick-initialized .slick-slide{ transform: none !important;}
.project-list-area:nth-child(3n) {
  margin-right: 0;
}
.auther-img {
  text-align: right;
}

.auther-img img {
  border: 5px solid #bebdbd;
  border-radius: 100%;
}
.auther-name {
  color: #393939;
  font-size: 28px;
  font-weight: 500;
  margin-bottom: 15px;
}
.team-list-row {
  margin-top: 35px;
}
.team-list-row .wpb_column.vc_column_container:first-child {
  width: 15%;
}
.team-list-row .wpb_column.vc_column_container:last-child {
  background: #f6f6f6 none repeat scroll 0 0;
  border-radius: 3px;
  box-shadow: 0 0 9px 1px rgba(0, 0, 0, 0.2);
  float: right;
  margin-bottom: 37px;
  min-height: 200px;
  padding: 21px;
  position: relative;
  width: 100%;
}
.team-list-row {
  border-bottom: 1px solid #f5f5f5;
  margin-bottom: 30px;
}
.team-list-row:last-child{border-bottom: 0;}
.team-list-row .wpb_column.vc_column_container:last-child::after {
  border-color: rgba(0, 0, 0, 0) #f5f5f5 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
  border-style: solid;
  border-width: 24px 44px 24px 0;
  content: "";
  height: 0;
  /*left: -44px;*/
  /*position: absolute;*/
  top: 70px;
  width: 0;
}
.contact-treep {
    margin-top: 45px;
}

.contact-form input, .contact-form textarea, .contact-form select {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-bottom: 2px solid #ddd;
    padding: 15px;color: #999;
}
.contact-form input:focus, .contact-form textarea:focus, .contact-form select:focus {
    border-color: currentcolor currentcolor #000;
    border-style: none none solid;
    border-width: 0 0 2px;
    color: #000;
}
.contact-form .wpcf7-form-control-wrap:hover::before{right: 0;}
.contact-form .wpcf7-form-control-wrap::before {
    background: #000 none repeat scroll 0 0;
    bottom: -16px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    right: 100%;
    transition-duration: 0.3s;
    transition-property: right;
    transition-timing-function: ease-out;
    z-index: 1;
}

.contact-form .wpcf7 {
    background: #fff none repeat scroll 0 0;
    box-shadow: 6px 5px 12px rgba(0, 0, 0, 0.2);
    float: left;
    padding: 30px;
    position: relative;
    z-index: 100;
    margin-left: -190px;
    margin-top: -41px;width: 120%;
}
.page-id-111 .site-container {
    background: #f5f5f5;
}
.contact-form .first_col p:last-child {  margin-right: 0;}	
.contact-form .first_col p {  float: left;  margin-right: 35px;  width: calc(50% - 18px);}

.contact-form textarea {
    height: 160px;
}
.contact-form .wpcf7-form-control.wpcf7-submit {
    background: none;
    color: #393939;
    display: block;
    font-size: 14px;
    font-weight: bold;
    float: left;
    margin-top: 45px;
    padding: 12px 25px;
    border: 2px solid #393939;
    text-align: center;
    width: 150px;
}
.contact-form .wpcf7-form-control.wpcf7-submit:hover {
    background: #393939 none repeat scroll 0 0;color: #fff;
}
.vc_custom_heading.contact-head {
    color: #fff;
    margin-bottom: 45px;
}
.conatct-details {
    text-align: center;
    color: #fff;
}
.conatct-details a{color: #fff;}






@media only screen and (min-width:1281px) and (max-width:1480px)
{
	h1, h2, h3, h4, h5, h6 {  font-size: 41px;  }
p {    font-size: 15px; margin: 0 0 6px !important;}
		.header-image .site-title > a {    margin: 12px -21px; }
		
/*slider*/
.rev_slider.fullwidthabanner.revslider-initialised.tp-simpleresponsive {  height: 524px !important;}
.rev_slider_wrapper.fullwidthbanner-container {  height: 524px !important;}	
.tp-parallax-wrap {  left: 157px !important;  top: 201px !important;}
	.slider-section .slider-cont {  font-size: 40px !important;  line-height: .9 !important;}
	.service-box > .vc_column-inner {  height: 252px;}
	.service-box .more-icn {    height: 56px;  width: 56px;  background-size: 99%; top: 2px; right: -12px;}
	.product-slider .h-heading-block {  margin-bottom: 39px !important;}
	.product-slider {  margin-top: 16px;}
	.slider-section .slider-cont span {  font-size: 30px !important;}
	
.slider-section .tp-leftarrow.tparrows {  right: 62px !important;}
#rev_slider_1_1 .metis.tparrows {  height: 62px !important;  padding: 3px !important;  width: 62px !important;}
.slider-section .tparrows::before {   font-size: 35px !important;  line-height: 59px !important;}

	
/*galery sec*/
/*.slick-initialized .slick-slide {  margin: 0 10px;  transform: none;  width: 5.6%;}*/
	.product-slider .arrow-area .arrow-inner {  top: -52px;}
	.home-pro-slider.slick-initialized .slick-slide{width: 980px !important;}
  .arrow-area{width: 946px;}
	/*our story sec*/
	.our-story-row {  padding: 0px 15px 0px;}
	.our-story-row .h-heading-block {  margin-bottom: 20px !important;}
	.read-more-btn-block a {    padding: 13px;  width: 184px;}
	.our-story-img-part {  min-height: 667px !important;}
	.our-story-row .our-story-img-part .vc_custom_1506589128219 {  background-size: 100% auto !important;}
/*footer*/
.footer-area {  padding: 37px 0;}
	
/*about us*/
.feature_img_section222 {  height: 401px;  background-size: cover!important;  background-repeat: no-repeat;}
.newheader {  min-height: 90px;  width: 360px;}
.entry-title {  font-size: 39px;}
	.full-width-content .content {  margin: 0 auto;  width: 98%;}
	.about-content p {  font-size: 15px;}
		.left-side-content-about .wpb_wrapper {  padding: 0 9px !important;}
	
	/*service page*/
 .services-box-title a::before {  height: 234px;}
 /*the team*/
 .team-list-row {  margin-bottom: 0px;}
/*faq*/
.faq-page .vc_toggle_size_md.vc_toggle .vc_toggle_title {  padding: 15px 87px !important;}
.faq-page .vc_toggle_title > h4 {  font-size: 24px;}
.faq-page .vc_toggle_size_md .vc_toggle_icon {  height: 61px;  width: 64px;}
.faq-page {  width: 100% !important;}
/*contact us*/
.contact-form .wpcf7 {  margin-left: -93px;  margin-top: -59px;  padding: 23px;}
.contact-text p {  font-size: 22px;  margin-top: 12px!important;  line-height: 28px!important;}
.contact-treep {  margin-top: 36px;}

.site-header .wrap {
  padding: 0 43px;
}
.site-inner, .wrap { max-width: 87%;}

}
@media only screen and (min-width:1201px) and (max-width:1280px)
{
	h1, h2, h3, h4, h5, h6 {  font-size: 41px;  }
p {    font-size: 15px; margin: 0 0 6px !important;}
		
		.site-header .wrap {  width: 85%!important;}

/*slider*/
.rev_slider.fullwidthabanner.revslider-initialised.tp-simpleresponsive {  height: 524px !important;}
.rev_slider_wrapper.fullwidthbanner-container {  height: 524px !important;}	
.tp-parallax-wrap {  left: 157px !important;  top: 201px !important;}		.header-image .site-title > a {    margin: 12px 0px; }

	.slider-section .slider-cont {  font-size: 40px !important;  line-height: .9 !important;}
	.service-box > .vc_column-inner {  height: 252px !important;}
	.service-box .more-icn {    height: 56px;  width: 56px;  background-size: 99%; top: 2px; right: -12px;}
	.product-slider .h-heading-block {  margin-bottom: 39px !important;}
	.product-slider {  margin-top: 16px;}
	.slider-section .slider-cont span {  font-size: 30px !important;}
	
.slider-section .tp-leftarrow.tparrows {  right: 62px !important;}
#rev_slider_1_1 .metis.tparrows {  height: 62px !important;  padding: 3px !important;  width: 62px !important;}
.slider-section .tparrows::before {   font-size: 35px !important;  line-height: 59px !important;}

	
/*galery sec*/
/*.slick-initialized .slick-slide {  margin: 0 10px;  transform: none;  width: 5.6%;}*/
.home-pro-slider.slick-initialized .slick-slide{width: 980px !important;}
	.product-slider .arrow-area .arrow-inner {  top: -52px;}
	.arrow-area {  width: 946px;}
	/*our story sec*/
	.our-story-row {  padding: 0px 15px 0px;}
	.our-story-row .h-heading-block {  margin-bottom: 20px !important;}
	.read-more-btn-block a {    padding: 13px;  width: 184px;}
.our-story-img-part {  min-height: 667px !important;height: 667px;}
.our-story-row .our-story-img-part .vc_custom_1506589128219 {  background-size: 100% auto !important;}
	.our-story-img-part > .vc_column-inner {  height: 81%;}
/*footer*/
.footer-area {  padding: 37px 0;}
	
/*about us*/
.feature_img_section222 {  height: 401px;  background-size: cover !important;  background-repeat: no-repeat;}
.newheader {  min-height: 90px;  width: 360px;}
.entry-title {  font-size: 39px;}
	.full-width-content .content {  margin: 0 auto;  width: 98%; float: none;}
	.about-content p {  font-size: 15px;}
		.left-side-content-about .wpb_wrapper {  padding: 0 9px !important;}
	
	/*service page*/
 .services-box-title a::before {  height: 234px;}
 /*the team*/
 .team-list-row {  margin-bottom: 0px;}
/*faq*/
.faq-page .vc_toggle_size_md.vc_toggle .vc_toggle_title {  padding: 15px 87px !important;}
.faq-page .vc_toggle_title > h4 {  font-size: 24px;}
.faq-page .vc_toggle_size_md .vc_toggle_icon {  height: 61px;  width: 64px;}
.faq-page {  width: 100% !important;}
/*contact us*/
.contact-form .wpcf7 {  margin-left: -93px;  margin-top: -59px;  padding: 23px;}
.contact-text p {  font-size: 22px;  margin-top: 12px!important;  line-height: 28px!important;}
.contact-treep {  margin-top: 36px;}
.site-inner, .wrap { max-width: 87%;}

	
}
@media only screen and (min-width: 1024px) and (max-width: 1200px)
{
	body {    font-size: 15px;}
	h1, h2, h3, h4, h5, h6 {  font-size: 39px;  }
		p {    font-size: 14px; margin: 0 0 6px !important;}
		.about-content p {  font-size: 14px;}

/*header*/
.sticky-header.site-header {  position: absolute;}
.site-header .top_right_menu a {  font-size: 24px;}
.site-header .wrap {  width: 85%;}
.full-width-content .content {  padding: 0 43px;}
.site-header .widget-area {  width: 100%!important;}
.nav-primary ul li a {  font-size: 25px;  line-height: 1;  margin-right: 0px;}

/*slider*/
.rev_slider.fullwidthabanner.revslider-initialised.tp-simpleresponsive {  height: 512px !important;}
.rev_slider_wrapper.fullwidthbanner-container {  height: 512px !important;}	
	.tp-parallax-wrap {  left: 119px !important;  top: 186px !important;}
	.service-box > .vc_column-inner {  height: 187px;}
	.service-box .more-icn {  background-size: 99% auto;  height: 42px;  right: -12px;  top: 2px;  width: 41px;}
	.service-title .service-heading {  font-size: 27px;}
		
	.product-slider .h-heading-block {  margin-bottom: 39px !important;}
	.product-slider {  margin-top: 16px;}

.slider-section .tp-leftarrow.tparrows {  right: 62px !important;}
#rev_slider_1_1 .metis.tparrows {  height: 62px !important;  padding: 3px !important;  width: 62px !important;}
.slider-section .tparrows::before {   font-size: 35px !important;  line-height: 59px !important;}
/*slider text*/
.bold-font {  font-size: 35px!important;}
.slider-section .slider-cont {  font-size: 35px !important;  line-height: 0.9 !important;}
.slider-section .slider-cont span {  font-size: 28px !important;}

/*galery sec*/
.slick-initialized .slick-slide { margin: 0 13px; transform: none !important; width: 2%; margin-bottom: 40px;}
	.product-slider {  left: -60px!important;}
	.arrow-area {  width: 806px;}
	.product-slider .arrow-area .arrow-inner {  top: -45px;}
	/*.our-story-img-part {  -webkit- min-height: auto !important;  height: 650px;}*/
	.our-story-img-part { -webkit- min-height: 600px !important;}
.our-story-cont-part {  padding-right: 42px !important;}

.product-slider .slick-prev {    height: 60px;  width: 60px;   right: 63px;}
.product-slider .slick-next {    height: 60px;  width: 60px;}
.product-slider .arrow-area .arrow-inner {  top: -70px;}

	/*our story sec*/
	.our-story-row {  padding: 0px 15px 0px;}
	.our-story-row .h-heading-block {  margin-bottom: 20px !important;}
	.our-story-img-part {min-height: 559px !important;height: 555px;}
	.read-more-btn-block a { padding: 10px; width: 164px;}
	.our-story-row .our-story-img-part .vc_custom_1506589128219 {  background-size: 100% auto !important;}

	.project-slider-title {  font-size: 30px;  line-height: 1.2;  padding: 3px 22px;}
/*footer*/
.footer-area {  padding: 37px 0;}
.footer-area .footer-left { width: 52%;}
.footer-area .footer-right { width: 48%;}
/*about us*/
.feature_img_section222 {  height: 322px;  background-size: cover!important;  background-repeat: no-repeat;}
.newheader {  min-height: 70px;  width: 260px;}
.entry-title {  font-size: 36px;}
.about-content p {  font-size: 14px;}
		.left-side-content-about .wpb_wrapper {  padding: 0 9px !important;}
/*service page*/
 .services-box-title a::before {  height: 182px;top: 0;}
 .services-box-title a::after {height: 25px;top: 23%;width: 25px; background-size: 25px;}
 /*the team*/
 .team-list-row .wpb_column.vc_column_container:last-child::after {  left: -31px;  top: 30px;}
 .team-list-row {  margin-bottom: 0px;}
 /*faq*/
.faq-page .vc_toggle_size_md.vc_toggle .vc_toggle_title {  padding: 15px 81px !important;}
.faq-page .vc_toggle_title > h4 {  font-size: 20px;}
.faq-page .vc_toggle_size_md .vc_toggle_icon {  height: 44px;  width: 52px;}
.faq-page .vc_toggle_size_md .vc_toggle_icon::before {  height: 3px;  width: 30px;}
.faq-page .vc_toggle_size_md .vc_toggle_icon::after {  height: 30px;  width: 3px;}
.faq-page {  width: 100% !important;}
/*contact us*/
.contact-form .wpcf7 {  margin-left: -82px;  margin-top: -57px;  padding: 23px;}
.contact-form .first_col p {  width: 100%;}
.contact-form .wpcf7-form-control.wpcf7-submit {  padding: 8px 20px; margin-top: 19px;  width: 126px;}
.conatct-info-sec {  padding: 4px 0!important;}
.conatct-info-sec.vc_custom_1506684957026 {  background-size: cover;}
 .conatct-info-sec {  background-attachment: scroll;}
 
 .contact-text p {  font-size: 19px;  margin-top: 21px!important;}
 .contact-treep {  margin-top: 36px !important;}
 .contact-form textarea {  height: 116px;}
 .contact-form input, .contact-form textarea, .contact-form select { padding: 9px;}
 
 div.wpcf7-response-output {  margin: 1em 0 0;} 
 .footer-detail .footer-dtl-div { margin-bottom: 15px;}
 /*project*/
 .footer-left .footer-detail {padding-right: 10px; width: 50%;  }
 .page-id-22 .content .vc_row.vc_row-flex > .vc_column_container {display: block;}
 .service-title-text {font-size: 24px;}
 .footer-area .wrap{max-width: 84%;}
 .wpb_text_column.wpb_content_element.team-content { margin-bottom: auto;}
 .team-list-row .wpb_column.vc_column_container:last-child {margin-bottom: 15px; min-height: inherit;}
 .team-list-row .wpb_column.vc_column_container:first-child {width: 14%;}
 .project-list-area, .more_work_area .work_sec li {margin-right: 29px;}

}

@media only screen and (min-width: 800px) and (max-width: 1023px)
{
	
	h1, h2, h3, h4, h5, h6 {  font-size: 38px;  line-height: 1;}
  p {    font-size: 14px; margin: 0 0 6px !important;}
.site-header .top_right_menu a { font-size: 22px;}

/*header*/
.header-image .site-title > a {  height: 50px; width: 90px;}
.site-inner {  margin-top: 0px;}
.nav-primary ul li a {  font-size: 25px;  line-height: 1;  margin-right: 0px;}
/*slider text*/
.slider-section .slider-cont {  font-size: 30px !important;  line-height: 1 !important;}
.bold-font {  font-size: 30px !important;}
.tp-parallax-wrap {  left: 56px!important;  top: 150px!important;}
.slider-section .slider-cont span {  font-size: 25px !important;}

/*slider*/
.rev_slider.fullwidthabanner.revslider-initialised.tp-simpleresponsive {  height: 414px !important;}
.rev_slider_wrapper.fullwidthbanner-container {  height: 414px !important;} 
/*slider buton*/
.slider-section .tp-leftarrow.tparrows {  right: 62px !important;}
#rev_slider_1_1 .metis.tparrows {  height: 62px !important;  padding: 3px !important;  width: 62px !important;}
.slider-section .tparrows::before {   font-size: 35px !important;  line-height: 59px !important;}
/*servic section*/
.service-main-row .service-title {left: 10px;}
.service-main-row .service-box:nth-child(1){margin-left: 0 !important;}
.service-box:last-child {margin-right: 0 !important;}
.service-title .service-heading {  font-size: 24px;  line-height: 1;}
.service-box .more-icn {  height: 42px;  right: -11px;  top: 10px;  width: 42px; background-size: 100%;}
.service-box > .vc_column-inner {  height: 243px;}
/*product slider*/
.product-slider .h-heading-block {  margin-bottom: 25px !important;}
.product-slider {  margin-top: 9px;}
.slick-initialized .slick-slide {  transform: none;  width: 1.6%;  margin: 0 10px;}
.project-slider-title {  font-size: 26px;  line-height: 1;  padding: 7px 22px;}
.project-slider-title span {  font-size: 23px;}

.our-story-cont-part .h-heading-block {  margin-bottom: 27px !important;}
.our-story-row { display: block!important;}
.our-story-row .our-story-cont-part {  padding-right: 0 !important;  width: 100%;}
.our-story-row {  padding: 29px 15px;}
.read-more-btn-block a {    font-size: 20px;  line-height: 23px;  padding: 9px;  width: 161px;}
.our-story-row .our-story-img-part {  width: 100% !important;  min-height: auto!important; height: 697px;}
.arrow-area {  width: 645px;}
  .our-story-row .our-story-img-part .vc_custom_1506589128219 {  background-size: 100% auto !important;padding-top: 10px !important;}

.product-slider .slick-prev {    height: 55px;  width: 55px;   right: 58px;}
.product-slider .slick-next {    height: 55px;  width: 55px;}
.product-slider .arrow-area .arrow-inner {  top: -27px;}

.footer-area .footer-left {  float: left;  width: 100%;}
.footer-area {  padding: 43px 0;}
.footer-menu {  width: 13% !important;padding-right: 0 !important;}
.footer-left .footer-detail {  width: 60%;}
.footer-area .footer-right {  float: none;  width: 100%;margin: 0 auto!important;  padding-top: 30px!important;  clear: both;}
/*about us*/
.feature_img_section222 {  height: 300px;  background-size: cover!important;  background-repeat: no-repeat;}
.newheader {  min-height: 90px;  width: 360px;}
.entry-title {  font-size: 30px;}

/*about us*/
.feature_img_section222 {  height: 241px;  background-size: cover!important;  background-repeat: no-repeat;}
.newheader {  min-height: 70px;  width: 260px;}
.entry-title {  font-size: 36px;}
.about-content p {  font-size: 14px;}
    .left-side-content-about .wpb_wrapper {  padding: 0 0px !important;}
    .about-content p {  font-size: 14px;}
.about-first-row .left-side-content-about {  padding:14px 0;  width: 100%;}
 .about-first-row .right-side-about-content { width: 100%;}
/*service page*/
 .services-box-title a::before { height: 120px; top: 0;}
 .services-box-title a::after { height: 15px; top: 17%; width: 15px; background-size: 20px;}
/*the team*/
 .team-list-row .wpb_column.vc_column_container:last-child::after {  left: -30px;  top: 16px;} 
  .team-list-row {  margin-bottom: 0px;}
  
   /*faq*/
.faq-page .vc_toggle_size_md.vc_toggle .vc_toggle_title {  padding: 15px 81px !important;}
.faq-page .vc_toggle_title > h4 {  font-size: 18px;}
.faq-page .vc_toggle_size_md .vc_toggle_icon {  height: 40px;  width: 46px;}
.faq-page .vc_toggle_size_md .vc_toggle_icon::before {  height: 3px;  width: 30px;}
.faq-page .vc_toggle_size_md .vc_toggle_icon::after {  height: 30px;  width: 3px;}
.faq-page {  width: 100% !important;}
/*contact us*/
.contact-form .wpcf7 {  margin-left: 0px;  margin-top: 0px;  padding: 23px;}
.contact-form .first_col p {  width: 100%;}
.contact-form .wpcf7-form-control.wpcf7-submit {  padding: 8px 20px; margin-top: 19px;  width: 126px;}
.conatct-info-sec {  padding: 4px 0!important;}

.contact-treep {  display: block!important;}
.contact-treep .map-area {  width: 100%;margin-bottom: 10px;}
.contact-treep .contact-form {  width: 100%;    margin-bottom: 35px;}
.conatct-info-sec.vc_custom_1506684957026 {  background-size: cover;}
 .conatct-info-sec {  background-attachment: scroll;}   
 .contact-form .wpcf7 {  width: 100%;}
 .contact-text p {  font-size: 17px;  margin-top: 21px !important;}  
 .contact-text {  margin-bottom: 27px !important;}
 .contact-treep {  margin-top: 29px;}
 /*renovation page*/
 .renovation_sec .vc_col-sm-6 {  width: 100% !important;}
 .renovation_sec .wpb_text_column.wpb_content_element {  margin-bottom: 17px!important;}
 /*project page*/
.project-list-area, .more_work_area .work_sec li {width: 47.4%;}
.project-list-area:nth-child(2n), .more_work_area .work_sec li:nth-child(2n) {margin-right: 0;float: right;}
 /*development_sec*/
.development_sec .vc_col-sm-6 {  width: 100% !important;}
 .development_sec .wpb_text_column.wpb_content_element {  margin-bottom: 17px!important;}
/*new_build*/
.new_build .vc_col-sm-6 {  width: 100% !important;}
 .new_build .wpb_text_column.wpb_content_element {  margin-bottom: 17px!important;}
 /*project inner page*/
.single-projects .site-inner { padding: 0 10%!important;}
.single-projects.full-width-content .containt_news .content {  float: left;  width: 100%;}
.footer-detail .footer-dtl-div { margin-bottom: 15px;}
.footer-area .footer-right iframe { height: 200px;}
 /*4-10*/
 .service-title-text {font-size: 22px;}
 /*contact*/
 .map-area iframe{height: 300px;}
 .contact-form input, .contact-form textarea, .contact-form select { border-bottom: 2px solid #ddd; padding: 12px 15px; color: #999;}
 div.wpcf7-response-output {margin: 2em 0em 1em; padding: 8px !important;
 font-size: 15px;}
 .site-inner, .wrap { padding: 0 5%;}
/* .service-inner-row:nth-child(2n+1) .service-box:nth-child(2n) { margin-right: 0 !important;}*/
 .our-story-cont-part .wpb_text_column.wpb_content_element:nth-child(2){margin-bottom: 5px;}
 .range-text p {font-size: 19px;}
 .services-box-title {margin-bottom: 10px !important;}
 .wpb_text_column.wpb_content_element.team-content { margin-bottom: auto;}
 .team-list-row .wpb_column.vc_column_container:last-child {margin-bottom: 15px; min-height: inherit;}
 .team-list-row .wpb_column.vc_column_container:first-child {width: 14%;}
 .contact-form textarea {height: 120px;}
 .pro-title a, .portfolio-title {font-size: 19px;}
 .pro-list-content {margin-bottom: 5px;}
  .service-title .service-heading span.light-font {padding-left: 0;padding-top: 7px;}

}

@media only screen and (min-width: 768px) and (max-width: 799px)
{
h1, h2, h3, h4, h5, h6 {  font-size: 38px;  line-height: 1;}
	p {    font-size: 14px; margin: 0 0 6px !important;}
.site-header .top_right_menu a { font-size: 22px;}

/*header*/
.header-image .site-title > a {  height: 50px; width: 90px;}
.site-inner {  margin-top: 0px;}
.nav-primary ul li a {  font-size: 25px;  line-height: 1;  margin-right: 0px;}
/*slider text*/
.slider-section .slider-cont {  font-size: 30px !important;  line-height: 1 !important;}
.bold-font {  font-size: 30px !important;}
.tp-parallax-wrap {  left: 56px!important;  top: 150px!important;}
.slider-section .slider-cont span {  font-size: 25px !important;}

/*slider*/
.rev_slider.fullwidthabanner.revslider-initialised.tp-simpleresponsive {  height: 414px !important;}
.rev_slider_wrapper.fullwidthbanner-container {  height: 414px !important;}	
/*slider buton*/
.slider-section .tp-leftarrow.tparrows {  right: 62px !important;}
#rev_slider_1_1 .metis.tparrows {  height: 62px !important;  padding: 3px !important;  width: 62px !important;}
.slider-section .tparrows::before {   font-size: 35px !important;  line-height: 59px !important;}
/*servic section*/
.service-main-row .service-title {left: 10px;}
.service-main-row .service-box:nth-child(1){margin-left: 0 !important;}
.service-box:last-child {margin-right: 0 !important;}
.service-title .service-heading {  font-size: 24px;  line-height: 1;}
.service-box .more-icn {  height: 42px;  right: -11px;  top: 10px;  width: 42px; background-size: 100%;}
.service-box > .vc_column-inner {  height: 243px;}
/*product slider*/
.product-slider .h-heading-block {  margin-bottom: 25px !important;}
.product-slider {  margin-top: 9px;}
.slick-initialized .slick-slide {  transform: none;  width: 1.6%;  margin: 0 10px;}
.project-slider-title {  font-size: 26px;  line-height: 1;  padding: 7px 22px;}
.project-slider-title span {  font-size: 23px;}

.our-story-cont-part .h-heading-block {  margin-bottom: 27px !important;}
.our-story-row { display: block!important;}
.our-story-row .our-story-cont-part {  padding-right: 0 !important;  width: 100%;}
.our-story-row {  padding: 29px 15px;}
.read-more-btn-block a {    font-size: 20px;  line-height: 23px;  padding: 9px;  width: 161px;}
.our-story-row .our-story-img-part {  width: 100% !important;  min-height: auto!important; height: 673px;}
.arrow-area {  width: 645px;}
	.our-story-row .our-story-img-part .vc_custom_1506589128219 {  background-size: 100% auto !important;padding-top: 10px !important;}

.product-slider .slick-prev {    height: 55px;  width: 55px;   right: 58px;}
.product-slider .slick-next {    height: 55px;  width: 55px;}
.product-slider .arrow-area .arrow-inner {  top: -27px;}

.footer-area .footer-left {  float: left;  width: 100%;}
.footer-area {  padding: 43px 0;}
.footer-menu {  width: 13% !important;padding-right: 0 !important;}
.footer-left .footer-detail {  width: 60%;}
.footer-area .footer-right {  float: none;  width: 100%;margin: 0 auto!important;  padding-top: 30px!important;  clear: both;}
/*about us*/
.feature_img_section222 {  height: 300px;  background-size: cover!important;  background-repeat: no-repeat;}
.newheader {  min-height: 90px;  width: 360px;}
.entry-title {  font-size: 30px;}

/*about us*/
.feature_img_section222 {  height: 241px;  background-size: cover!important;  background-repeat: no-repeat;}
.newheader {  min-height: 70px;  width: 260px;}
.entry-title {  font-size: 36px;}
.about-content p {  font-size: 14px;}
		.left-side-content-about .wpb_wrapper {  padding: 0 0px !important;}
		.about-content p {  font-size: 14px;}
.about-first-row .left-side-content-about {  padding:14px 0;  width: 100%;}
 .about-first-row .right-side-about-content { width: 100%;}
/*service page*/
 .services-box-title a::before { height: 120px; top: 0;}
 .services-box-title a::after { height: 15px; top: 17%; width: 15px; background-size: 20px;}
/*the team*/
 .team-list-row .wpb_column.vc_column_container:last-child::after {  left: -30px;  top: 16px;} 
  .team-list-row {  margin-bottom: 0px;}
  
   /*faq*/
.faq-page .vc_toggle_size_md.vc_toggle .vc_toggle_title {  padding: 15px 81px !important;}
.faq-page .vc_toggle_title > h4 {  font-size: 18px;}
.faq-page .vc_toggle_size_md .vc_toggle_icon {  height: 40px;  width: 46px;}
.faq-page .vc_toggle_size_md .vc_toggle_icon::before {  height: 3px;  width: 30px;}
.faq-page .vc_toggle_size_md .vc_toggle_icon::after {  height: 30px;  width: 3px;}
.faq-page {  width: 100% !important;}
/*contact us*/
.contact-form .wpcf7 {  margin-left: 0px;  margin-top: 0px;  padding: 23px;}
.contact-form .first_col p {  width: 100%;}
.contact-form .wpcf7-form-control.wpcf7-submit {  padding: 8px 20px; margin-top: 19px;  width: 126px;}
.conatct-info-sec {  padding: 4px 0!important;}

.contact-treep {  display: block!important;}
.contact-treep .map-area {  width: 100%;margin-bottom: 10px;}
.contact-treep .contact-form {  width: 100%;    margin-bottom: 35px;}
.conatct-info-sec.vc_custom_1506684957026 {  background-size: cover;}
 .conatct-info-sec {  background-attachment: scroll;} 	
 .contact-form .wpcf7 {  width: 100%;}
 .contact-text p {  font-size: 17px;  margin-top: 21px !important;}  
 .contact-text {  margin-bottom: 27px !important;}
 .contact-treep {  margin-top: 29px;}
 /*renovation page*/
 .renovation_sec .vc_col-sm-6 {  width: 100% !important;}
 .renovation_sec .wpb_text_column.wpb_content_element {  margin-bottom: 17px!important;}
 /*project page*/
.project-list-area, .more_work_area .work_sec li {width: 47.4%;}
.project-list-area:nth-child(2n), .more_work_area .work_sec li:nth-child(2n) {margin-right: 0;float: right;}
 /*development_sec*/
.development_sec .vc_col-sm-6 {  width: 100% !important;}
 .development_sec .wpb_text_column.wpb_content_element {  margin-bottom: 17px!important;}
/*new_build*/
.new_build .vc_col-sm-6 {  width: 100% !important;}
 .new_build .wpb_text_column.wpb_content_element {  margin-bottom: 17px!important;}
 /*project inner page*/
.single-projects .site-inner { padding: 0 10%!important;}
.single-projects.full-width-content .containt_news .content {  float: left;  width: 100%;}
.footer-detail .footer-dtl-div { margin-bottom: 15px;}
.footer-area .footer-right iframe { height: 200px;}
 /*4-10*/
 .service-title-text {font-size: 22px;}
 /*contact*/
 .map-area iframe{height: 300px;}
 .contact-form input, .contact-form textarea, .contact-form select { border-bottom: 2px solid #ddd; padding: 12px 15px; color: #999;}
 div.wpcf7-response-output {margin: 2em 0em 1em; padding: 8px !important;
 font-size: 15px;}
 .site-inner, .wrap { padding: 0 5%;}
/* .service-inner-row:nth-child(2n+1) .service-box:nth-child(2n) { margin-right: 0 !important;}*/
 .our-story-cont-part .wpb_text_column.wpb_content_element:nth-child(2){margin-bottom: 5px;}
 .range-text p {font-size: 19px;}
 .services-box-title {margin-bottom: 10px !important;}
 .wpb_text_column.wpb_content_element.team-content { margin-bottom: auto;}
 .team-list-row .wpb_column.vc_column_container:last-child {margin-bottom: 15px; min-height: inherit;}
 .team-list-row .wpb_column.vc_column_container:first-child {width: 14%;}
 .contact-form textarea {height: 120px;}
 .pro-title a, .portfolio-title {font-size: 19px;}
 .pro-list-content {margin-bottom: 5px;}
  .service-title .service-heading span.light-font {padding-left: 0;padding-top: 7px;}
 }

@media (max-width:1280px) {
html, body{position: relative !important; overflow-x:hidden !important; }

}
@media (max-width:1024px){


.range-text {  text-align: center;}
}
/*9-10 (Mobile)*/
@media only screen and (max-width: 767px){
p{font-size: 14px;line-height: 24px;margin-bottom: 10px;}
body {font-size: 14px;line-height: 24px;}
h1,h2,h3,h4,h5,h6{font-size: 22px;margin-bottom: 15px;}
/*header*/
 .site-inner {margin-top: 0;}
.header-image .site-title > a {height: 45px;width: 80px; margin: 0;}
.site-header .top_right_menu a {padding-left: 40px;font-size: 20px; background-size: 26px;}
.nav-menu #main_navigation {display: block !important;}
.nav-primary ul li a {font-size: 22px;}
.nav-menu ul li {margin: 5px 0;}
.nav-primary .menu-item-has-children:hover ul {min-height: 101px;}
/*slider*/
.home .slider-section .slider-cont {font-size: 30px !important;line-height: 1 !important;margin-left: 10px !important;}
.slider-section .tparrows::before {font-size: 27px;line-height: 27px;}
.slider-section .tp-leftarrow.tparrows {right: 40px;}
.slider-section .tparrows {height: 40px !important;width: 40px !important;}
.slider-section .slider-cont .bold-font { font-size: 24px !important;}
/*below slider*/
.service-box > .vc_column-inner { height: 210px;}
.service-main-row .service-box {margin: 0 auto 10px; width: 100%; float: left;}

.service-title .service-heading { font-size: 25px;}
.service-box .more-icn { height: 46px; top: 7px; width: 60px; background-size: 75%;}
/*our gallery*/
.h-heading-block {margin-bottom: 30px !important;}
.product-slider { margin-top: 12px; }
.project-slider-title {font-size: 20px;line-height: 24px;}
.project-slider-title span {font-size: 17px;}
.slick-initialized .slick-slide {transform: none;width: 1.5%;}
.service-title .service-heading span.light-font {padding-left: 0;}
/*our story*/
.our-story-cont-part { padding-right: 0 !important;}
.our-story-cont-part p {  margin-bottom: 10px;text-align: left;}
.read-more-btn-block a {font-size: 14px;padding: 8px; width: 120px;}
.our-story-img-part { min-height: 564px !important;}
.our-story-row {padding: 60px 15px 20px;}
/*footer*/
.footer-area {padding: 20px 0;font-size: 14px;}
.footer-area .footer-left {width: 100%;margin-bottom: 15px;}
.footer-detail .footer-dtl-div {margin-bottom: 10px;}
.footer-left .footer-detail {padding-right: 10px; width: 57%;}
.footer-menu.fl {padding-right: 0;width: 18%;}
.footer-area .footer-right { width: 100%;}
.footer-area .footer-right iframe {height: 200px;}
/*inner pages*/
/*about us*/
.feature_img_section222 {height: 220px; background-position: center center;background-size: 100% 100%;}
.newheader {min-height: 60px; width: auto;padding: 5px;}
.entry-title {font-size: 30px;}
.about-content p {font-size: 14px;}
.left-side-content-about.wpb_column.vc_column_container.vc_col-sm-6 { margin-bottom: 15px;}
.right-side-about-content.wpb_column.vc_column_container.vc_col-sm-6 { margin-bottom: 15px;}
.about-first-row img {width: 92%;margin: auto;}
.left-side-content-about .wpb_wrapper {padding: 0 10px;}
/*contact us*/
.contact-text p {font-size: 16px; margin-top: 20px;}
.wpb_text_column.wpb_content_element.contact-text {margin-bottom: 20px;}
.contact-treep {margin-top: 15px;}
.map-area iframe { height: 200px;}
.contact-form .wpcf7 {padding: 15px; margin-left: auto;margin-top: auto;width: 100%;}
.wpb_text_column.wpb_content_element.map-area {margin-bottom: 20px;}
.contact-form textarea { height: 120px;}
.contact-form input, .contact-form textarea, .contact-form select {padding: 10px; font-size: 14px;}
.contact-form .wpcf7-form-control.wpcf7-submit {font-size: 14px;float: none;margin-top: 15px !important;padding: 7px 15px; width: 120px;margin: auto;}
div.wpcf7-response-output {margin: 2em 0em 1em; padding: 10px !important;}
.contact-form div.wpcf7-response-output {margin: 0em 0em 1em; padding: 10px !important;}
.contact-form.wpb_column.vc_column_container.vc_col-sm-6 {margin-bottom: 20px;}
.conatct-info-sec {padding: 0px 0;background-attachment: scroll;background-size: cover;background-position: center;}
.vc_custom_heading.contact-head { margin-bottom: 25px;}
/*renovation_sec*/
.renovation_sec .wpb_content_element{margin-bottom: 15px;}
.new_build .wpb_content_element{margin-bottom: 15px;}
.development_sec .wpb_content_element{margin-bottom: 15px;}
.inner-to-padding { padding-top: 25px;}
/*faq*/
.vc_row.wpb_row.vc_row-fluid.faq-page {margin: 25px auto 0;width: 100%;}
.vc_toggle {margin: 0 0 20px;}
.faq-page .vc_toggle_size_md .vc_toggle_icon::after {height: 25px; width: 4px;}
.faq-page .vc_toggle_size_md .vc_toggle_icon::before {height: 4px;width: 25px;}
.faq-page .vc_toggle_title > h4 {font-size: 18px;}
.faq-page .vc_toggle_size_md.vc_toggle .vc_toggle_title {padding: 15px 55px !important;}
.faq-page .vc_toggle_content {padding-left: 57px !important;padding-top: 10px !important;}
.faq-page .vc_toggle_size_md .vc_toggle_icon {height: 40px;width: 40px;}
/*team*/
.team-list-row {margin-bottom: 0;margin-top: 20px; margin-left: 15px !important; margin-right: 15px !important;}
.team-list-row .wpb_column.vc_column_container:last-child {padding: 15px 5px;float: left;margin-bottom: 0px;min-height: inherit;width: 100%;}
.team-list-row .wpb_column.vc_column_container:first-child {width: 0; display: none;}
.team-list-row .wpb_column.vc_column_container:last-child::after {content: none;}
.auther-name {font-size: 22px; margin-bottom: 7px;}
.wpb_text_column.wpb_content_element.team-content {margin-bottom: 0;}
.project-list-area, .more_work_area .work_sec li{float: left;margin-right: 15px;margin-bottom: 15px;width: 48.5%;}
.project-list-area:nth-child(2n) ,.more_work_area .work_sec li:nth-child(2n){margin-right: 0; float: right;}
.pro-title, .portfolio-title {padding: 8px;}
.pro-title a, .portfolio-title {font-size: 17px;}
.pro-list-content { margin-top: 25px;margin-bottom: 10px;}
/*project inner*/
.project-slider-area .slick-prev.slick-arrow {left: -25px;width: 22px;background-size: 100%;}
.project-slider-area .slick-next.slick-arrow {right: -25px;width: 22px;background-size: 100%;}
.slick-dots li {margin: 0 0px !important;}
.slick-dots {bottom: -40px !important;}
.single-projects .single-post-title {font-size: 22px;width: 100%;padding-right: 0;}
.single-projects.full-width-content .containt_news .content {width: 100%;}
.single-projects .containt_news {margin-bottom: 20px;padding-bottom: 10px;width: 100%;margin-top: 20px;}
.portfolio_title {font-size: 22px; margin-bottom: 15px;}
}
@media only screen and (min-width: 568px) and (max-width: 620px){
  #rev_slider_1_1{height: 320px !important;}
  #rev_slider_1_1_wrapper{height: 320px !important;}
   .slick-initialized .slick-slide {width: 568px;}
   .our-story-img-part {
  min-height: 496px !important;
}
}
@media only screen and (max-width: 486px){
  .footer-left .footer-logo, .footer-left .footer-detail, .footer-left .footer-menu {
  width: 100%;text-align: center;padding: 0 0 10px;}
  .our-story-img-part { min-height: 280px !important;}
  .our-story-row .read-more-btn-block {padding-top: 0;padding-bottom: 10px;}
  .our-story-row {padding: 40px 15px 20px;}
  .about-us-head-home {top: 5px;margin-bottom: 16px !important;}
  .slick-initialized .slick-slide {width: 320px;}
  .project-slider-title {font-size: 18px;line-height: 20px;padding: 10px 10px 5px;}
  .project-slider-title span {font-size: 15px;}
  .service-main-row .service-box { margin: 0 auto 10px; width: 100%;}
  .slider-section .slider-cont .bold-font {font-size: 22px !important;}
  #nav-icon3 {width: 32px; margin-left: 10px;}
  .site-header .top_right_menu a {padding-left: 35px;font-size: 18px;background-size: 24px;}
  .about-first-row img {width: 89%;margin: auto;}
  .entry-title {font-size: 26px;}
  .newheader {min-height: 50px;}
  .feature_img_section222 {height: 160px;}
  .vc_empty_space {height: 20px !important;}
  .contact-form .first_col p {width: 100%;margin-right: auto !important;}
  .faq-page .vc_toggle_size_md.vc_toggle .vc_toggle_title {padding: 15px 5px 15px 53px !important;}
  .faq-page .vc_toggle_title > h4 {font-size: 16px;}
  .faq-page .vc_toggle_content {padding-left: 15px !important;}
  /*project*/
  .project-list-area, .more_work_area .work_sec li {width: 100%;}
  .slick-prev.slick-arrow {display: none !important;}
  .project-slider-area .slick-next.slick-arrow {display: none !important;}
  .slick-dots li {width: 13px !important;}
  .slick-dots {bottom: -30px !important;}
  .single-projects .containt_news {margin-top: 5px;}
  .contact-form .wpcf7-form-control-wrap::before {bottom: -13px;}
  .service-box .more-icn {top: -5px;}
}
@media only screen and (min-width: 360px) and (max-width: 370px){
  .slick-initialized .slick-slide {width: 360px;}
  .our-story-img-part {min-height: 315px !important;}
}
@media only screen and (min-width: 371px) and (max-width: 400px){
  .slick-initialized .slick-slide {width: 375px;}
}
@media only screen and (min-width: 401px) and (max-width: 415px){
  .slick-initialized .slick-slide {width: 412px;}
  .our-story-img-part { min-height: 360px !important;}
}
@media only screen and (min-width: 730px) and (max-width: 767px){
  .slick-initialized .slick-slide {width: 732px;}
  .our-story-img-part {min-height: 644px !important;}
}






