/* Tablet css */


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


	/* Staart toggle */

    .mob-btn i {
        color: #f47920;
        font-size: 20px;
        padding-right: 20px;
        border-right: 1px solid #000;
        margin-right: 10px;
    }

    .mob-btn {
        display: flex;
        align-items: center;
    }

    .mob-tel {
        position: absolute;
        left: 15px;
        transform: translateY(-50%);
        top: 50%;
        font-size: 20px;
        color: #f47920;
    }

    .toggle-menu {
        background-color: transparent;
        border: none;
        cursor: pointer;
        display: inline-block;
        outline: none;
        padding: 0;
        pointer-events: initial;
        position: relative;
        vertical-align: middle;
        width: 30px;
        z-index: 10;
      }
    .toggle-menu span {
        background-color: #000;
        content: "";
        display: block;
        height: 2px;
        left: calc(50% - 13px );
        position: absolute;
        top: calc(50% - 1px );
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        transition: background-color 0.2s ease-in-out, top 0.2s 0.2s ease-out,  -webkit-transform 0.2s linear;
        transition: background-color 0.2s ease-in-out, top 0.2s 0.2s ease-out,  transform 0.2s linear;
        transition: background-color 0.2s ease-in-out, top 0.2s 0.2s ease-out,  transform 0.2s linear, -webkit-transform 0.2s linear;
        width: 26px;
      }
    .toggle-menu span:before, .toggle-menu span:after {
        background-color: #000;
        content: "";
        display: block;
        height: 2px;
        position: absolute;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        transition: background-color 0.2s ease-in-out, top 0.2s 0.2s ease-out,  -webkit-transform 0.2s linear;
        transition: background-color 0.2s ease-in-out, top 0.2s 0.2s ease-out,  transform 0.2s linear;
        transition: background-color 0.2s ease-in-out, top 0.2s 0.2s ease-out,  transform 0.2s linear, -webkit-transform 0.2s linear;
        width: 26px;
    }
    .toggle-menu span:before {
        top: 7px;
    }
    .toggle-menu span:after {
        top: -7px;
    }
   .toggle-menu.active span {
        background-color: transparent;
        transition: background 0.2s ease-out;
    }
    .toggle-menu.active span:before, .toggle-menu.active span:after {
        transition: top 0.2s ease-out, -webkit-transform 0.2s 0.2s ease-out;
        transition: top 0.2s ease-out, transform 0.2s 0.2s ease-out;
        transition: top 0.2s ease-out, transform 0.2s 0.2s ease-out, -webkit-transform 0.2s 0.2s ease-out;
        background: #112020;
    }
    .toggle-menu.active span:before {
        top: 0;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
    }
    .toggle-menu.active span:after {
        top: 0;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
    }

    /**/

    header {
    	padding: 23px 0;
    }

	.header-wrap {
	    padding: 0 42px;
	}

	.nav {
		top: 81px;
	    position: absolute;
	    background: #fff;
	    left: 0;
	    right: 0;
	    width: 100%;
	    padding: 80px 0;
	    display: none;
	}

	#menu-menu-1 {
		flex-wrap: wrap;
	}

	#menu-menu-1 li {
		width: 100%;
		text-align: center;
	}

	#menu-menu-1 li a {
		font-size: 26px;
		line-height: 21px;
		padding: 15px 0;
		display: inline-block;
	}

	.mob-tel-info {
		display: flex;
	}

	.call-us {
		font-size: 17px;
		margin-right: 45px;
	}
	.call-us::after {
		display: none;
	}


	.slider {
		height: 855px;
		padding: 65px 45px 85px;
		background-position: right;
		height: auto;
	}
	.slider-content, .slider-img {
		width: 100%;
	}
	.slider-img {
		order: 1;
		padding: 0;
		height: 410px;
		text-align: center;
	}
	.slider-img img {
		height: 100%;
	}
	.slider-content {
		order: 2;
		padding: 0;
		text-align: center;
	}
	.slider-content h1 {
		font-size: 38px;
		line-height: 44px;
		width: 75%;
		margin: 5% auto 3%;
	}
	.slider-content p {
		width: 70%;
		margin: auto;
		font-size: 14px;
		line-height: 23px;
	}
	.btn {
	    width: 160px;
	    font-size: 14px;
	    margin: 32px auto 0;
	    padding: 17px 0 15px;
	}

	/**/

	.homepage-about-us {
		padding: 9% 45px;
	}

	.a-left, .a-right {
	    width: 100%;
	    text-align: center;
	}
	.a-left img {
		width: 352px;
	}
	.a-right {
		padding: 30px 2% 0;
	}
	.homepage-about-us .a-right h1 {
		font-size: 28px;
	}
	.a-right p {
		font-size: 14px;
		line-height: 23px;
	}
	.a-right .btn {
		margin-top: 32px;
	}

	/**/

	.our_services {
		padding: 60px 75px 50px;
	}
	.our_services .heading {
		justify-content: center;
	}
	.our_services .heading a {
		display: none;
	}
	.more-mob {
		position: relative;
		color: #262262;
	    font-size: 16px;
	    font-family: 'SweetSansProBold';
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    padding-top: 50px;
	}
	.btn i {
		bottom: 1px;
	}
	.more-mob i {
		font-size: 1.2vw;
	    margin-left: 8px;
	    position: relative;
	    bottom: 1px;
	}
	.services-bgd {
		width: 100%;
	}
	.our_services .mg-left {
	    margin-left: -22px;
	}
	.our-services-box {
		width: 50%;
		padding-left: 22px;
    	margin-top: 22px;
	}
	.main-servise-image {
		height: 200px;
	}
	.our-services-box h1 {
		font-size: 20px;
		line-height: 25px;
		left: 50px;
	}
	.heading h1 {
		font-size: 28px;
	}

	/**/

	.motto-box {
		width: 50%;
	}

	.motto-box h1 br {
		display: none;
	}
	.motto-box h1 {
		font-size: 20px;
	}
	.motto-box p {
		font-size: 14px;
		line-height: 22px;
	}
	.our-motto {
	    padding: 8% 50px;
	    background: #FCFCFC;
	}
	.our-motto .btn {
	    margin: 50px auto 0;
	}

	/**/

	.commercial_and_residential {
	    padding: 0 42px;
	}
	.com-res {
		height: 340px;
	}
	.com-res-box h1 {
		font-size: 22px;
	}
	.com-res-box p {
		font-size: 14px;
		line-height: 22px;
	}
	.commercial_and_residential .com-res-box:first-child .com-res-desc {
	    padding-right: 8%;
	}
	.com-res-desc {
	    bottom: auto;
	    left: 43px;
	    top: 100px;
	}
	.commercial_and_residential .mg-left {
		margin-left: -16px;
	}
	.com-res-box {
		padding-left: 16px;
	}
	.com-res-box .com-res-icon {
	    left: 45px;
	    height: 45px;
	    top: 10%;
	}
	.commercial_and_residential .com-res-box:last-child .com-res-desc {
	    padding-right: 7%;
	}

	/**/

	.reference .r-left,
	.reference .r-right {
	    width: 100%;
	    padding: 0;
	}
	.r-right .owl-stage-outer {
	    padding: 0;
	    padding-bottom: 20px;
	}
	#ref-slider {
	    padding-top: 2%;
	}
	.r-right .owl-item {
	    padding: 0 3px;
	    padding-bottom: 7px;
	}
	.reference .r-left {
	    width: 100%;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	}
	.reference .r-left h1 {
		font-size: 25px;
		position: relative;
	}
	.reference .r-left img {
	    width: auto;
	    height: 50px;
	    position: relative;
	    bottom: -15px;
	    left: 10px;
	}
	.reference {
	  padding: 0 0 0 42px;
	}
	.r-right h1 {
		font-size: 16px;
	}
	.r-right p {
		font-size: 14px;
		line-height: 21px;
	}
	.r-right .ref-desc {
	    max-height: inherit;
	    overflow: visible;
	}
	.r-right .owl-item .reference-desc {
		min-height: 310px;
	}

	#ref-slider .owl-nav {
		position: static;
		padding-right: 42px;
	}

	#ref-slider .owl-next span::before, 
	#ref-slider .owl-prev span::before {
		width: 50px;
		height: 50px;
		line-height: 50px;
		font-size: 13px;
	}

	/**/

	.call-us-f {
    	padding: 100px 75px 0;
	}
	.call-us-wrap h1 {
		font-size: 22px;
	}
	.call-us-wrap p {
		font-size: 13px;
	}
	.call-us-wrap {
		padding: 35px 5%;
		border-radius: 10px;
		background-position: 90% 100%;
	}	

	/**/

	footer {
	    margin-top: -8.5%;
	    padding: 15% 0 5%;
	}	

	.footer-wrap {
		padding: 0 75px;
	}
	.footer-wrap .f-logo {
		order: 1;
		width: 20%;
	}
	.footer-wrap .f-links {
		order: 2;
		width: 80%;
    	margin: 0;
    	display: flex;
    	flex-wrap: wrap;
    	align-items: center;
	}
	.footer-wrap .f-links li {
		margin-bottom: 10px;
		padding-left: 13%;
		width: 33.33%;
		white-space: nowrap;
	}
	.footer-wrap .f-links li:first-child {
		order: 1;
	}
	.footer-wrap .f-links li:nth-child(3) {
		order: 2;
	}
	.footer-wrap .f-links li:nth-child(5) {
		order: 3;
	}
	.footer-wrap .f-links li:nth-child(2) {
		order: 4;
	}
	.footer-wrap .f-links li:nth-child(4) {
		order: 5;
	}
	.footer-wrap .f-links li a {
		font-size: 2.08vw !important;
	}
	.footer-wrap .f-desc {
		order: 3;
		width: 50%;
		padding-right: 6%;
		padding-top: 7%;
	}
	.footer-wrap .f-contact {
		order: 4;
		width: 50%;
		padding-left: 2%;
		padding-top: 7%;
	}
	.footer-wrap .f-desc p:last-child {
		margin-top: 40px;
	}
	.footer-wrap .f-desc p:first-child,
	.footer-wrap .f-desc p:last-child {
		font-size: 14px;
		line-height: 22px;
	}
	.footer-wrap .f-contact h3 {
		font-size: 14px;
	}
	.footer-wrap .f-contact li a {
		font-size: 16px;
		line-height: 21px;
	}

	/* Services */

	.main-services-1 {
	    background-position: 34%;
	}

	.main-services-1 .main-a-left {
	    padding-left: 42px;
	    padding-top: 45px;
	    padding-bottom: 30px;
	}

	.main-services-1 .main-a-left h1 {
		font-size: 28px;
		line-height: 34px;
	}
	.main-services-1 .main-a-left span {
		display: none;
	}

	.main-services-1 .main-a-left p {
		font-size: 14px;
		line-height: 22px;
		width: 97%;
	}

	.our-services-box-page {
	    padding: 0 42px;
	}

	.our-services-box-page h1 {
		font-size: 20px;
		margin-top: 0;
	}

	.our-services-box-page h1 br {
		display: none;
	}

	.our-services-box-page p {
		font-size: 14px;
		line-height: 20px;
	}

	.o-s-right {
	    padding-left: 6%;
	}

	.bulet-box {
		margin-top: 0 !important;
	}

	.bulet-box p {
		font-size: 12px;
	}

	/* About us */

	.main-about-1 {
	    background-position: 55%;
	}

	.main-about-1 .main-a-right {
	    padding-left: 4%;
	    padding-right: 3%;
	    padding-top: 40px;
	    padding-bottom: 37px;
	}

	.main-about-1 .main-a-right span {
		display: none;
	}

	.main-about-1 .main-a-right h1 {
		font-size: 28px;
		line-height: 34px;
	}

	.main-about-1 .main-a-right p {
		font-size: 14px;
	    line-height: 22px;
	    width: 97%;
	}

	.main-about-2 {
	    padding: 11.7% 42px 0;
	}

	.main-about-2 .main-a-right-1 h1 {
		font-size: 20px;
    	margin-top: 0;
    	padding-top: 7px;
	}

	.main-about-2 .main-a-right-1 h1 br {
		display: none;
	}

	.main-about-2 .main-a-right-1 span {
		font-size: 12px;
	}

	.main-about-2 .main-a-right-1 p {
		font-size: 14px;
    	line-height: 20px;
	}

	.main-about-2 .main-a-right-1 p {
		width: 100%;
	}

	.main-about-2 .main-a-left-1 {
		padding-left: 5%;
	}

	.main-about-3 {
	    padding: 7% 42px;
	}

	.main-a-left-2 h1 {
	  display: block;
	  font-family: 'SweetSansProHeavy';
	  color: #DB462C;
	  font-size: 32px;
	  line-height: 34px;
	  margin: 0;
	}

	.main-about-3 .main-a-right-2 h1 {
		display: none;
	}

	.main-about-3 .main-a-right-2 h2 {
		font-size: 16px;
		margin-top: 25px;
	}

	.main-about-3 .main-a-right-2 p {
		font-size: 14px;
		line-height: 22px;
	}

	.main-about-3 .main-a-right-2 {
	    padding: 3% 0 5%;
	    padding-left: 1%;
	}

	.main-a-left-2 img {
		margin-top: 10%;
	}

	.main-ab-wrap {
		padding: 0;
	}

	.main-about-3 .main-a-right-2 p {
		width: 87%;
	}

	.motto-about-page {
		padding-top: 34%;
		padding-bottom: 30%;
		background: #F4F4F7 !important;
	}

	.motto-about-page {
		margin-top: -34%;
	}

	.motto-about-page .motto-box {
		width: 50%;
	}

	.motto-about-page .motto-box p {
		font-size: 14px;
		line-height: 22px;
		padding: 0 6px;
	}

	.commercial_and_residential_about {
	    margin-top: -23%;
	}

	/* Gallery */

	.gallery-page {
	    padding: 34px 75px 0;
	}

	.gallery-page h1 {
		font-size: 25px;
		line-height: 30px;
	}

	.gallery-page p {
	    font-size: 14px;
	    line-height: 23px;
	    width: 75%;
	    margin: auto;
	}

	.gallery-page p br {
		display: none;
	}

	.main-gallery {
	    margin-top: 4%;
	}

	.gallery-wrap {
	    margin-left: -18px;
	}

	.gallery-wrap li {
		width: 50%;
		height: 255px;
		padding-left: 18px;
    	padding-top: 18px;
	}

	/* Contact */

	.contact-bgd {
		display: none;
	}

	.contact-page .con-left, .contact-page .con-right {
		width: 100%;
		padding: 0;
	}

	.contact-page {
	    padding: 6.5% 75px;
	}

	.contact-page .con-left h1 br {
		display: none;
	}

	.contact-page .con-left h1 {
		text-align: center;
		font-size: 25px;
		line-height: 30px;
		width: 84%;
    	margin: auto;
	}

	.contact-page .con-left p {
		font-size: 14px;
		line-height: 23px;
		width: 80%;
    	margin: 20px auto 0;
    	text-align: center;
	}

	.contact-info {
		margin-top: 7%;
	}

	.contact-info ul {
		display: flex;
		flex-wrap: wrap;
	}

	.contact-info ul li {
		width: 50%;
		margin: 0;
	}

	.contact-info ul li img {
		width: 36px;
		height: 36px;
	}

	.contact-info ul li span {
		font-size: 10px;
	}

	.contact-info ul li:first-child {
		order: 1;
	}

	.contact-info ul li:last-child {
		order: 2;
	}

	.contact-info ul li:nth-child(2) {
		order: 3;
	}

	.contact-info {
		margin-right: 0;
		padding: 5%;
	}

	.contact-info ul li a, .contact-info ul li p {
		font-size: 16px;
		line-height: 20px;
	}

	.contact-page .con-right {
		margin-top: 5%;
	}

	.contact-page #gform_wrapper_1 input, .contact-page #gform_wrapper_1 select {
		height: 55px;
		font-size: 16px;
		line-height: 1;
	}

	.contact-page #gform_wrapper_1 textarea {
		height: 183px;
	}

	.contact-page #gform_wrapper_1 input::-webkit-input-placeholder,
	.contact-page #gform_wrapper_1 select::-webkit-input-placeholder,
	.contact-page #gform_wrapper_1 textarea::-webkit-input-placeholder  { /* Chrome/Opera/Safari */
	 font-size: 16px;
	 line-height: 1;
	}
	.contact-page #gform_wrapper_1 input::-moz-placeholder,
	.contact-page #gform_wrapper_1 select::-moz-placeholder,
	.contact-page #gform_wrapper_1 textarea::-moz-placeholder  { /* Firefox 19+ */
	  font-size: 16px;
	  line-height: 1;
	}
	.contact-page #gform_wrapper_1 input:-ms-input-placeholder,
	.contact-page #gform_wrapper_1 select:-ms-input-placeholder,
	.contact-page #gform_wrapper_1 textarea:-ms-input-placeholder  { /* IE 10+ */
	  font-size: 16px;
	  line-height: 1;
	}
	.contact-page #gform_wrapper_1 input:-moz-placeholder,
	.contact-page #gform_wrapper_1 select:-moz-placeholder,
	.contact-page #gform_wrapper_1 textarea:-moz-placeholder  { /* Firefox 18- */
	  font-size: 16px;
	  line-height: 1;
	}

	.page-template-template-contact .call-us-f {
	    padding: 25px 75px 0;
	}





}