@media only screen and (min-width: 768px) and (max-width: 959px) {

.wrapper .header { padding: 25px 4% 0 !important; width: 92% !important; }
.wrapper #slider, .footer-wrapper .footer-end, .corporate-main.services .article1 { padding:0;  width: 100%; }

.get-a-quote { float: right;  }
.wrapper .top-nav { width: auto; }
.wrapper .top-nav ul li { margin: 0 0 0 22px; }
.wrapper .top-nav ul li:first-child { margin:0; }

#slider .bx-wrapper img { float: right; height: auto; width: 100%; }
.wrapper .slide-left, .wrapper .slide-right { width: 50%; }
.wrapper .bx-wrapper, .footer-wrapper .footer-wrap { width: 100% !important; }
.slide-left h4 { width:100% !important; }
.slide-left p { width:100% !important; }
.slide-right { padding-top: 60px; }

.section .about h2 { border-bottom:none; }

.wrapper .section { padding: 0 4%;  width: 92%;  }

.service-boxes { height:auto; margin:0; }
#latest-projects .image-wrap  { height:auto; }
#latest-projects .bx-wrapper img { height:auto; }

.footer-wrapper { padding-top:20px; }
.footer-wrapper .footer {  padding: 0 4%; width: 92%; }
.footer-contact-us { width:40%; margin-right:4%; }

.wpcf7-form-control-wrap.text-867 { width: 49%; margin-right:2% }
.wpcf7-form-control-wrap.text-297 { width: 49%; }
.footer-contact-us .input.s.a,.footer-contact-us .input.s.b { width: 86% !important; padding:0 4% 0 10%; margin:0; }
.footer-contact-us .input.l { width: 91% !important; padding:0 4% 0 5%; }
span textarea.wpcf7-form-control.wpcf7-textarea { width: 91% !important; padding:0 4% 0 5%; }

.links { margin-right: 4%; width: 22%; }
.address {  margin: 0;  width: 30%; }

.slide-left  { padding-top:0; }
#slider .bx-wrapper .bx-prev { top:344px !important;  }
#slider .bx-wrapper .bx-next { right: 87% !important; top: 344px !important; }
.footer-end { height:auto;  padding-bottom:20px !important;  }
.footer-wrap {  text-align:center; }
.footer-wrap ul { float:none; display:inline-block; margin:0; }
.menu-footer-navigation-container { display:inline-block;  }
.right-social { float:none; display:inline-block;  margin-top:20px; }

#sitemap {  width: 92% !important; }

.sitemap .main-site-map .services { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); padding-bottom:0; }
.sitemap .sec.first { margin-left: 0; }
.sitemap .main-site-map .sec {  display: inline-block;    float: none;    margin-left: 0 !important;    margin-right: 2%;    vertical-align: top;    width: 30%; }
.main-site-map { background-size:90% auto; background-position:center center; }

.wrapper  .top-heading { width:92%; padding: 0 4%; }
.top-heading .heading-mid { width:100%; }
.wrapper .section {  margin-top: 5%; }

.footer-wrap ul li:last-child { margin-right: 0; }
.ser ul li:last-child:after { height:1100px;  }
.section.services.ser { text-align:left; }
 
 .service-boxes li .frame { background: none repeat scroll 0 0 rgb(22, 190, 215) !important; border-color: rgb(22, 190, 215) !important; }
.service-boxes li .frame .text h2 { color:#fff; line-height:22px; margin-top:0; }
.service-boxes li .frame .text p { color:#fff; }
 
 
 
.section .left-blog  { width:60%; float:left; margin-right:5%;	}
.section.services  .left-form.c {  width:60%; float:left; margin-right:5%;	 }
.section .left-blog .article img { width:100%; height:auto; }
.section .left-blog .article {  width:100%;  float:left; }
.section .right-info {	width:35%;	}
 
 
 
 .wrapper .section.services .left-form input.wpcf7-form-control.wpcf7-submit.submit-button { width:110px !important; }
 .footer-contact-us .send { width:105px !important; padding:0 !important; }
 .wrapper .section.services.contact-page .left-form .wpcf7-form-control-wrap.your-message textarea.wpcf7-form-control.wpcf7-textarea { width:100% !important; }
.left-form label { width:100%; }
.left-form h2 { width:100%; }
.left-form p { float:left; width:100% !important; }
.right-info ul li {  height: auto !important;  padding-left: 20%; width: 80%; }
span.wpcf7-form-control-wrap { float:left; width:100%; }
.wpcf7-form input {  float: left;  width: 92% !important; padding:2% 2% 2% 6% ;}
 

.left-form { float: left; margin-right: 5%; width: 60%; } 
.left-form .border-b { width:100%; }
.left-input { width:100%; }


.detail {  height: auto;  margin:0 auto; width: 70%;  }
.detail ul { text-align:center; }
 
.section.services .detail ul li {  display: inline-block; float: none; margin:0 1.5% 5% 1.5%; }

.left-detail p { width:56%; margin-right:4%; }
.img-detail { width:40%; }
.red-btn { float:left; }

.service-footer { float:left; height:auto; }
.service-footer .service-mid { width:92%; text-align: center; margin-left: -2%; }
.service-footer .service-mid ul li:first-child { margin-left:52px; }
.service-footer .service-mid ul li { display:inline-block; float:none; }


.wrapper .corporate-main .development-bg, .wrapper .corporate-main .mobile-bg { height: auto; margin: 0 auto;    width: 100%; }
.wrapper .detail-menu5, .wrapper .detail-menu4, .wrapper .detail-menu6, .wrapper .detail-menu3 {  margin-top: 5%;  text-align: center; width: 100%;  }
.wrapper .corporate-main .development-bg ul li, .wrapper .detail-menu4 li, .wrapper .detail-menu6 li 
{ display: inline-block; float: left !important; margin:0 20px 20px !important; }
.wrapper .services {  padding: 0 4%;  width: 92%; }

.corporate-main .seo-bg { height:auto; }


}

@media only screen and (min-width: 668px) and (max-width: 959px) {
	
	
.nimble-portfolio-content { width:108.5% !important; text-align:center; }
.nimble-portfolio ul.nimble-portfolio-ul { width:100% !important; }
.nimble-portfolio-content div.three ul li:nth-child(2n+2) { margin-right:0 !important; }
.nimble-portfolio.three.group {  float: left; margin-left: -4%; width: 100%;  }
div.nimble-portfolio-filter ul li a, .nimble-portfolio-paging ul li a { float:left; margin-top:0 !important;}	
#post-8 { overflow:hidden; }
	
}

@media only screen and (min-width: 480px) and (max-width: 667px) { 

.wrapper .section { overflow:hidden; }
.nimble-portfolio-ul { width: 92%; text-align:center; }
div.nimble-portfolio-filter ul li, .nimble-portfolio-paging ul li { line-height:29px;  margin-bottom:20px !important; display:inline-block; float:none !important; }
div.nimble-portfolio-filter ul li:first-child, .nimble-portfolio-paging ul li:first-child { margin-left:8px; }
.nimble-portfolio-content { width:108.5% !important; text-align:center; }
.nimble-portfolio ul.nimble-portfolio-ul { width:100% !important; }
.nimble-portfolio-content div.three ul li { margin-right:0 !important; }
.nimble-portfolio.three.group {  float: left; margin-left: -4%; width: 100%;  }



  }



@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	
#sitemap { width:92% !important; }
.sitemap .main-site-map  { background:none; }
.sitemap .main-site-map .services  { background:none; }
.sitemap .main-site-map .sec {	  margin-right: 2%;    vertical-align: top;    width: 47%;	margin-left:0 !important;	  display: inline-block;	  float:none; }
	.section.services.contact-page .left-form label {	text-align:left; }
	
	.wrapper .corporate-main {	width:92%;	}

.wrapper .section.services.quote .left-form .border-b { }
	
.section.services.quote .right-info ul li.pak , .section.services.quote .right-info ul li.dubai { width:auto;	 }
	
.section.services.quote .left-form .border-b form input ,  .section.services.quote .left-form .border-b form textarea  { width:88%;	 padding:2% 6%; }
.wrapper .section.services.quote .left-form label { width:100%;	 text-align: left; }
 .wrapper .section.services.quote .left-input { width:100%;  }
  .section.services.quote .left-form .border-b form .wpcf7-submit {	  width:30%; }
  
  .section.services.quote .left-form .border-b form span.wpcf7-form-control-wrap {	width:100%;   }	
	
.wrapper .section.services	.caption   { width:100%; }
.wrapper .right-info ul  { width:100%;  }

.wrapper .right-info  ul  li    {   padding-left: 12%;  width: 88% ; float:left;	} 

.wrapper .section.services .left-form input.wpcf7-form-control.wpcf7-submit.submit-button { width:30%; 	 }
.wrapper .section.services .left-form , .wrapper .section.services .left-form p {width:100%; margin-right:0;	 }
.wrapper .section.services .left-form form span {	width:100%;  }
.wrapper .section.services .left-form form  input { padding: 2% 6%;    width: 88%; }
.wrapper .section.services .left-form form { width:100%;  }
.wrapper .section.services .left-form h2 { 	width:100%;  }
	
.wrapper .section.services .left-blog {	width:100%; margin-right:0;	 }
	
.wrapper .section.services .left-blog .article { width:100%; }
		
.wrapper .section.services .left-blog .article img {  width:100%; height:auto;		}
.wrapper .section.services .right-info { margin-top:5%;		width:100%;}
.wrapper .top-heading {    padding: 0 4%;    width: 92%;	clear:both; }

.wrapper { background:none !important;	}
.wrapper .header { background:url("../images/bg-top-heading.png") repeat scroll 0 0 rgba(0, 0, 0, 0) !important ;	float:left; height:auto !important; padding-bottom:20px !important; }

.wrapper .top-heading .heading-mid { width:100%; float:left;	 }
		
.footer-wrap ul li { margin-bottom:2%; }
.footer .links { width:48%;  margin:0 4% 0 0; }
.footer .address { margin:0; }

.header .top-nav { width:100%; float:left; padding:0; margin-top:10px; }
.header .top-nav ul { width:100%; float:left;	 }
.header .top-nav ul li {  float: left;    margin: 0; padding: 0;  width: 100%; border-bottom: 1px solid #e3e3e3; }
.header .toggle {  display: block;    float: right; margin-top: 20px; }

.header .get-a-quote {  float:left; }
.wrapper .header {  padding: 25px 4% 0; width: 92%; }

.wrapper #slider, .footer-wrapper .footer-end, .corporate-main.services .article1 {  padding:0 0 20px 0;  width: 92%;  height:auto; clear:both; }

.header div.top-nav { display: none; }

.image-wrap { height:auto; }

.wrapper #slider-box { background-repeat: repeat; }

#slider .bx-wrapper { width: 100%; margin: 0; padding-bottom: 10px; }

#slider .slide-left h4,#slider .slide-left p { width: 100% !important; text-align: center; }
#slider .slide-left h4 { font-size: 24px; }

#slider .slide-left {  padding-top: 40px;    margin-bottom: 10px;    text-align: center;    width: 100%; }

#slider .get { float: none; display: inline-block; }


.bx-wrapper .slide-right img {  display: inline-block !important;    height: auto;    width: 88%; }

.bx-wrapper .slide-right {  float: none;    height: auto;    padding-top: 20px;    text-align: center; }

#slider-box #slider .bx-wrapper .bx-prev {  top: 50% !important;  }

#slider-box #slider .bx-wrapper .bx-next { right: 0 !important; top: 50% !important; }


.wrapper .section {  padding: 0 4%;  width: 92%;  margin-top: 5%; }

.section .about h2 { border-bottom:none; }

.wrapper .bx-wrapper, .footer-wrapper .footer-wrap { width: 100%; }
#latest-projects .projects  { width: 100%; height: auto;}
#latest-projects .projects  img { width: 100%; height: auto;}

 .section .testimonials {  background-position: center 98%; background-size: 100% auto;  width: 100%; }

.testimonials .bx-wrapper { width: 100% !important ; }
.testimonials .testimonial-content { width: 92%; }

.footer {  padding: 25px 4% 0 !important;  width: 92% !important; }
.footer .footer-contact-us { width: 100%; margin-bottom:15px; }

.footer .footer-contact-us .input.s.a,.footer .footer-contact-us .input.s.b {    margin: 0;  padding: 0 2%;   width: 96% !important; }
 

 .wpcf7-form-control, .wpcf7-text, .wpcf7-validates-as-required, .wpcf7-form-control-wrap { width: 49%; }
.wpcf7-form-control-wrap.text-867 { margin-right: 2%;  }
.wpcf7-form-control-wrap.email-412 { width: 100% }
.wpcf7-form-control-wrap.email-412 input { width: 96% !important; padding:0 2%; }

.wpcf7-form-control-wrap.textarea-173 { width: 100%; }
.footer-wrapper .footer .footer-contact-us textarea.wpcf7-form-control.wpcf7-textarea {   padding: 2%;  width: 96% !important;  }

.footer-wrap ul { width: 100%; text-align: center; margin:0; }

.footer-wrap ul li { float: none !important; }


.right-social { width: 100% !important; }
.service-boxes li { width:48% !important; margin:0 !important; }
.service-boxes li:nth-child(2n+2) { margin:0 0 81px 4% !important; }
.section .service-boxes { height:auto; float:left; width:100%;}


textarea.wpcf7-form-control.wpcf7-textarea { padding: 2% 6%; width: 88% !important; }


.article1 .left-detail p img { width: 100%; height: auto; margin:0; }

.services .detail ul li,.services .development-bg ul li  {  margin:0 1.5% 5% 1.5% !important; }



.article1 .left-detail { float: none; }

.article1 .identity-dec2 { width: 100%; }

.identity-dec { width: 100% !important; }



.wrapper .corporate-main .mobile-bg { display: inline-block; height: auto !important;  width: 400px;  }

.wrapper .corporate-main .mobile-bg ul .fourth-m { margin-left: 0; } 

.wrapper .corporate-main .mobile-bg ul li {  margin-bottom: 20px !important; }


.wrapper .corporate-main .seo-bg {    display: inline-block;    height: auto !important;  width: 190px; }

.wrapper .corporate-main .seo-bg ul {   float: left; text-align: center;    width: 100%; }

.wrapper .corporate-main .seo-bg ul li {    display: inline-block;    float: none;    margin-bottom: 20px; margin-left: 0; }

.wrapper .corporate-main .social-bg { display: inline-block;  height: auto !important;  }

.wrapper .corporate-main .social-bg ul li { margin-bottom: 20px; }

.wrapper .corporate-main .social-bg ul .third-s { margin-right: 0; }

.wrapper .corporate-main .social-bg ul .fourth-s { margin-left: 0; }



.left-form .border-b { width: 100%; }

.wrapper .section.services.quote .left-input {	width:100%;  }

.section.services.quote .left-form .border-b form input ,  .section.services.quote .left-form .border-b form textarea  { padding: 2% 3% 2% 12%;    width: 85% !important; }

.wrapper .section.services .left-form , .wrapper .section.services .left-form p { width:100% !important	; margin-right:0;	 }



.wrapper .section .left-input .wpcf7-submit  { padding: 2% 3% !important; }  


.filter-list { text-align: center; }


.page-wraper #portfolio .filter-tabs { text-align: center; }

.page-wraper #portfolio .filter-tabs li { float: none !important; margin-bottom: 20px; display: inline-block; }

.ser ul li:last-child:after { height: 1392px; }

.footer-wrap ul li:last-child { margin-right: 0; }

.section.services.ser { text-align:left; }
.services { text-align: left; }
.services .detail, .services .development-bg {    display: inline-block;    height: auto !important;     }


.service-footer { float:left; height:auto; }
.service-footer .service-mid { width:92%; text-align: center; margin-left: -2%; }
.service-footer .service-mid ul li:first-child { margin-left:52px; }
.service-footer .service-mid ul li { display:inline-block; float:none; }
.services ul { text-align:center; }

.wrapper .corporate-main .social-bg ul li { display: inline-block;    float: none; }

.wrapper .services ul li span { display: block; }

.services ul li h3 { text-align:left;  }
.services ul li p { text-align:left; }


}


@media only screen and  (max-width: 480px) { 

.header .logo {

width:auto;	
	
}
.menu-footer-navigation-container #menu-footer-navigation li {

float:none;	
	
}
.wrapper .section.services.ser li {
background:none; padding:0;	
}
.wrapper .services ul li span {  display: inline-block !important;  position: static; }
.menu-footer-navigation-container #menu-footer-navigation {
	
	width:100%; 
	text-align:center;
	
}


.article1 .left-detail p img { width: 100%; height: auto; margin:0; }


.services  { text-align: left; }

.services .detail {    height: auto;   display: inline-block; }

.services .detail ul  { text-align: center; float: left; width: 100%; }

.services .detail ul li  {  display: inline-block; width:auto; margin-left: 0 !important; float: none; margin: 0 0 20px; }


.detail ul li a { float: none !important; display: inline-block;  } 


.article1 .left-detail { float: none; }

.article1 .identity-dec2 { width: 100%; }

.identity-dec { width: 100% !important; }


.services .corporate-main .corprate-bg { height: auto; }


.corporate-main .mobile-bg {   display: inline-block;    height: auto !important;   width: auto; }

.wrapper .corporate-main .seo-bg {    display: inline-block;    height: auto !important;  width: auto; }

.wrapper .corporate-main .seo-bg ul {   float: left; text-align: center;    width: 100%; }

.wrapper .corporate-main .seo-bg ul li {    display: inline-block;    float: none;    margin-bottom: 20px; margin-left: 0; }

.wrapper .article1  { margin-top: 0; }


.wrapper .top-heading .heading-mid .heading-main h2 {    float: none;    line-height: 30px;    padding: 0;    text-align: center; }


.wrapper .corporate-main .social-bg { display: inline-block;  height: auto !important;  }


.left-form .border-b { width: 100%; }

.wrapper .section.services.quote .left-input {	width:100%;  }

.section.services.quote .left-form .border-b form input ,  .section.services.quote .left-form .border-b form textarea  {
	padding: 2% 3% 2% 12%;
    width: 85%;
  }

.wrapper .section.services .left-form , .wrapper .section.services .left-form p { width:100% !important	; margin-right:0;	 }



.wrapper .section .left-input .wpcf7-submit  { padding: 2% 3% !important; }  


.filter-list { text-align: center; }

.wrapper .corporate-main .identity-dec li { float:left !important; }


.corporate-main .corprate-bg ul .third-c {
    margin-left: 0 !important;
    margin-top: 20px;
 
}

.mobile-bg li { margin-left: 0 !important;
    margin-top: 20px !important; }
	
.detail-menu3 li { margin-left: 0 !important;
    margin-top: 20px !important; }

#portfolio .filter-tabs li { padding: 2% 4% !important; width: 90%; margin-right:0 !important; margin-bottom:10px !important; }

.left-blog .article h2 a { line-height:24px; }


.right-social ul li { width: auto !important; }

.footer-wrap ul li { margin-bottom: 4%; width: 100%; }

.ser ul li:last-child:after { background:none; }

}


@media only screen and (min-width: 320px) and (max-width: 767px) { 
.call-desktop {
    display: none;
}
.wrapper .left-detail li {
text-align:left !important;

}

.top-nav ul a, .top-nav ul a:visited {
    color: #818181 !important;
    padding: 15px;
    text-align: center;
}


.top-nav ul li.current-menu-item a {
    color: #fff !important;
}

.top-nav ul li:hover, .top-nav ul li.sfHover, .top-nav ul a:focus, .top-nav ul a:hover, .top-nav ul a:active {
    color: #FF99FF !important;
    transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}

.header .top-nav { margin-top:20px; }

.header .top-nav ul { padding:0; }


.service-boxes li .frame { background: none repeat scroll 0 0 rgb(22, 190, 215) !important; border-color: rgb(22, 190, 215) !important; }
.service-boxes li .frame .text h2 { color:#fff; line-height:22px; margin-top:0; }
.service-boxes li .frame .text p { color:#fff; }
.service-boxes .icon-list { display:block; line }
.service-boxes .rel { display:none; }
.service-boxes .holder { margin:0; }

.top-heading .heading-mid img { display:none; }
.projects:hover img { transform:none; }
.section .about h2 { border-bottom:none; }
.top-heading .heading-mid .heading-main { display: table-cell;vertical-align: middle; padding:0; height:118px; float:none;  }
.left-blog .pager { width:100%; text-align:center; }
.wp-pagenavi { display: inline-block; }


.caption p { text-align:left; }
.left-form label { text-align:left; width:100%; }
.wrapper .section.services .left-form h2 { text-align:left; }
textarea.wpcf7-form-control.wpcf7-textarea { padding: 3% 6% 3% 15%;  width: 78.4% !important; }
.wrapper .section.services .left-form input.wpcf7-form-control.wpcf7-submit.submit-button { -webkit-appearance: none;  -moz-appearance: none; appearance: none; }
.wrapper .right-info ul li { text-align:left; }
span.wpcf7-not-valid-tip { padding:3% 3% !important; width:94% !important; }

.left-input { width:100%; }
.img-detail {  width: 70%; position:static;  display:inline-block; }
.detail-img { width:100%; text-align:center; }
.detail-img img { width: 70%; position:static;  display:inline-block; height:auto; display:inline-block; float:none; }
.left-detail p { width:100%; text-align:left; float:left; }



.service-footer { float:left; height:auto; }
.service-footer .service-mid { width:92%; text-align: center; margin-left: -2%; }
.service-footer .service-mid ul li:first-child { margin-left:52px; }
.service-footer .service-mid ul li { display:inline-block; float:none; }

.para { text-align:left;   }
.para h3 { float: left;    text-align: left;    width: 100%; }
.para li { background-position: 10% 0 !important;  padding-left: 20% !important;  text-align: left; width: 80%; }
}

@media only screen and (min-width: 480px) and (max-width: 736px) { 

.top-nav ul a { font-size:16px !important; }
.wrapper #slider-box { background-repeat: repeat; display: none; }

#mobile-projects { display:block !important; }
#latest-projects { display:none !important; } 
#mobile-projects li {  float: left;   width: 48%; margin-bottom:30px; }
#mobile-projects li:nth-child(2n+1) { margin-right: 4%; }
#mobile-projects li img { width:100%; height:auto; }
.get-a-quote { display:none;  }
.quote-sec { display:block !important;  float: left !important; width: 100%;   }
.get-a-quote a { float:left; }
.header .toggle { clear:none; margin-top:20px;}

.heading { float:left; width:100%; text-align:left !important; width:100%;  }
.heading span {  font-size:22px; line-height:22px; margin:30px 0 20px; float:left; width:100%; }

.ser ul li:last-child:after { height:2500px; }

.section .about h2 { font-size:26px !important; padding-bottom:0; line-height:20px; }
.section .about p { font-size:10px !important; line-height:14px !important; margin-bottom:20px !important; }

}

@media only screen and (min-width: 320px) and (max-width: 480px) {	
.corporate-main .corprate-bg ul .third-c {
    margin-left: 27px !important;}
.wrapper .social-bg ul li {
    margin: 0 20px 20px !important;}
.wrapper .social-bg ul li {
    margin: 0 22px 20px !important;}
.wrapper .seo-bg ul li {
    margin: 0 10px 20px !important;}
.corporate-main .mobile-bg ul li {
	margin: 0 18px 20px !important;}
.corporate-main .corprate-bg ul .third-c {
    margin-top: 0px !important;}
.corporate-main .development-bg ul li {
    margin: 0 20px 20px !important;}
.services .detail ul li {
margin: 0 17px 20px !important;}
}

@media only screen and (min-width: 320px) and (max-width: 479px) {	
.section .heading { float:left; width:100%; }
		
#sitemap {
width:92% !important;
	
}
.sitemap .main-site-map  {
	background:none;
}
.sitemap .main-site-map .services  {
	background:none;
}
.sitemap h2 .find-text {
font-size:27px !important;	
}
.sitemap .main-site-map .sec {
	  margin-right: 2%; text-align:center;
    vertical-align: top;
    width: 90%;
	margin-left:0 !important;
	  display: inline-block;
	  float:none;
}
	
	.section.services.contact-page .left-form label {
	text-align:left;	
	}
	.section.services.contact-page .left-form  textarea.wpcf7-form-control.wpcf7-textarea {
	padding: 3% 6% 3% 15%;
    width: 78% !important;
		}
	
.wrapper .corporate-main {  margin-top: 5%;  padding: 0 4%;   width: 92%; }

.page-wraper #portfolio .filter-tabs { text-align: center; }

.page-wraper #portfolio .filter-tabs li { float: none !important; margin-bottom: 20px; display: inline-block; }


.wrapper .corporate-main .corprate-bg { display: inline-block;  height: auto; width: auto; }

.wrapper .corporate-main ul li   { display: inline-block;  float: none !important;   margin: 0 10 20px 0 !important; }

.corporate-main .corprate-bg ul .fourth-c { display: none; }

.wrapper .corporate-main .development-bg {  display: inline-block;  height: auto;  text-align: center;  width: auto; }

.wrapper services .development-bg ul {   display: inline-block;  float: none;  text-align: center;  width: 20%; }

.wrapper .corporate-main .development-bg ul li {
    display: inline-block;  float: none;   text-align: center;  margin:0; margin-bottom:20px; }
	

.wrapper .heading-mid  img {
		display:none; 
	}
	.wrapper .top-heading .heading-mid .heading-main h2  {
	
	float:none; text-align:left;
		
	}
	.wrapper .top-heading .heading-mid .heading-main {
	float:none;	
	}
	.section.services.quote .right-info ul li.pak , .section.services.quote .right-info ul li.dubai {
	width:auto;	
	
}
	
	

.wrapper .section.services.quote .left-form label {
width:100%;	
text-align: left;

}
 
  .section.services.quote .left-form .border-b form .wpcf7-submit {
	  
	  width:30%;
	  
  }
  .section.services.quote .left-form .border-b form span.wpcf7-form-control-wrap {
	
	width:100%;  
	  
  }	


	
	
.wrapper .ser ul li:last-child:after {
		background:#fff;
		
	}
	
	
	
.section .service-boxes {
height:auto;	
}
.header .top-nav {
	
width:100%; float:left; padding:0;
	
}
.header .top-nav ul {

width:100%; float:left;	
border-top: 1px solid #e3e3e3;
	
}
.header .top-nav ul li {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
    border-bottom: 1px solid #e3e3e3;
	
}
.header .toggle {  display: block; float: right; margin-top: 30px; text-align: center; }

.header .logo {
       float: none;
    height: auto;
    text-align: center;
    width: 100%;
}
.header .get-a-quote a {

float:left;	
	
}
.header .get-a-quote {
	float: left;

}
.wrapper .header {
    padding: 0 4% 0;
    width: 92%;
    
    
}

.wrapper #slider, .corporate-main.services .article1 {
    clear: both;
    height: auto;
    padding: 0;
    width: 100%;
}
.footer-wrapper .footer-end  {  padding: 0 4% 0;  width: 92%;  height:auto; clear:both; }


.header div.top-nav { display: none; }

.footer {  padding: 25px 4% 0 !important;  width: 92% !important; }

.footer .footer-contact-us { width: 100%; margin-bottom:15px; }

.footer .footer-contact-us .input.s.a,.footer .footer-contact-us .input.s.b {    margin: 0;  padding: 0 2%;   width: 96% !important;  }
 .wpcf7-form-control, .wpcf7-text, .wpcf7-validates-as-required, .wpcf7-form-control-wrap { width: 100%; }
.wpcf7-form-control-wrap.text-867 { margin-right: 0; margin-bottom: 12px;  }
.wpcf7-form-control-wrap.email-412 { width: 100% }
.wpcf7-form-control-wrap.email-412 input {width: 96% !important; padding:0 2%; }

.wpcf7-form-control-wrap.textarea-173 { width: 100%; }
.footer-wrapper .footer .footer-contact-us textarea.wpcf7-form-control.wpcf7-textarea {
    padding: 2%;
    width: 96% !important;
}



.wrapper #slider-box { background-repeat: repeat; display:none; }

#slider .bx-wrapper { width: 100%; margin: 0; padding-bottom: 10px; }

#slider .slide-left h4,#slider .slide-left p { width: 100% !important; text-align: center; }
#slider .slide-left h4 { font-size: 24px; }

#slider .slide-left {
    padding-top: 40px;
    margin-bottom: 10px;
    text-align: center;
    width: 100%;
}

#slider .get { float: none; display: inline-block; }


.bx-wrapper .slide-right img {
    display: inline-block !important;
    height: auto;
    width: 80%;
}

.bx-wrapper .slide-right {
    float: none;
    height: auto;
    padding-top: 20px;
    text-align: center;
}

#slider-box #slider .bx-wrapper .bx-prev {  top: 50% !important;  }

#slider-box #slider .bx-wrapper .bx-next { right: 0 !important; top: 50% !important; }




.wrapper .slide-left h4 {
    float: left;
    font-size: 1.8em;
    line-height: 30px;
    width: auto !important;
}

.service-boxes li {

width:100% !important;
margin-right:0 !important;	
	
}
.wrapper .slide-left p {
    float: left;
    font-size: 1.2em;
    line-height: 20px;
    margin-bottom: 4%;
    width: auto !important;
}
.wrapper .section {   width: 90%;  }

.wrapper .bx-wrapper, .footer-wrapper .footer-wrap {
    width: 100%;
}
#latest-projects .bxslider li {
	

	
}
#slider .bx-controls-direction {
display:none;	
}
.footer-end .right-social {
width:100%; float:left;	
}
#slider {
padding-top:0 !important;
	
}
.footer-end .right-social ul {
 text-align: center;
    width: 100%;
}
 
#latest-projects .bx-controls-direction {
    width:100%;
}

.right-social ul li {
		
		float:none;	
	
}
.footer .links { clear: both; margin-right: 20px; width: 100%; }
.footer-wrap .right-social ul li { float:none;display:inline-block;	 }
.footer-wrap ul li { margin-bottom: 4%;  margin-right: 3%; width:auto !important; }
.wrapper .top-heading {  padding: 0 4%;  width: 92%; clear:both; }

.wrapper {  background:none !important; }
.wrapper .header {
background:#63002E !important;float:left; height:auto !important; padding-bottom:20px !important;
}
.wrapper .header .logo { float:left; margin-top:20px; height:auto; width:auto; }
.wrapper .top-heading .heading-mid { width:100%; float:left;	 }
.wrapper .ser ul li:last-child:after { background:#fff;	}	
.wrapper .section.services .left-blog {	width:100%; margin-right:0;	 }
.wrapper .section.services .left-blog .article { width:100%;  }
		
.wrapper .section.services .left-blog .article img { width:100%;  height:auto; }
.wrapper .section.services .right-info { margin-top:5%;	width:100%; }
.wrapper .section.services	.caption  { width:100%;	 }
.wrapper .right-info ul  { width:100%;  }
.wrapper .right-info ul  li    {   padding-left: 15%;  width: 85% ; float:left;	} 

.wrapper .right-info ul  li.pak , .wrapper .right-info ul  li.dubai { width:auto;	 }
.wrapper .section.services	.left-form input.wpcf7-form-control.wpcf7-submit.submit-button {  }

 .wrapper .section.services .left-form form span {	width:100%;  }
 .wrapper .section.services .left-form form span input { padding: 3% 6% 3% 15%; width: 78.4%; }
 .wrapper .section.services .left-form form {	width:100%; }
 .wrapper .section.services .left-form h2 {	width:100%;  }
 .span.wpcf7-not-valid-tip {padding: 2% 1.8% !important; width: 97% !important; }	   
.footer-contact-us h3 { text-align:center; }

#mobile-projects { display:block !important; }
#latest-projects { display:none !important; } 
#mobile-projects ul li { margin-bottom:20px; float:left; width:100%; }
.footer-wrap ul li:last-child { margin-right: 0; }

.projects { float:left; padding-bottom:30px; }
.section .projects img { height: auto; width: 100%; }

.get-a-quote { display:none; }
.quote-sec { display:block !important; width: 100%; }

.heading span {  font-size:22px; line-height:22px; margin:30px 0 20px; float:left; width:100%; }
.heading { text-align:left; }
.heading span { text-align:center; }
.footer-contact-us h3 { text-align:left;  }


.service-boxes li { margin-left:0; }
.projects:hover img { transform:none; }
.section .about h2 { padding-bottom:0; }
.service-boxes { float:left; }


.wrapper .section { overflow:hidden; }
.nimble-portfolio-ul { width: 92%; text-align:center; }
div.nimble-portfolio-filter ul li, .nimble-portfolio-paging ul li { line-height:29px;  margin-bottom:20px !important; display:inline-block; float:none !important; }
div.nimble-portfolio-filter ul li:first-child, .nimble-portfolio-paging ul li:first-child { margin-left:8px; }
.nimble-portfolio-content { width:108.5% !important; text-align:center; }
.nimble-portfolio ul.nimble-portfolio-ul { width:100% !important; }
.nimble-portfolio-content div.three ul li { margin-right:0 !important; }
.nimble-portfolio.three.group {  float: left; margin-left: -4%; width: 100%;  }

.left-blog .article { text-align:center; }
.sm1 { display:inline-block; }
.left-blog .article .readmore { text-align:center; }
.left-blog .article p a { float:none !important; display:inline-block; }
#right-blog { margin-top:30px; }
.wrapper .right-info ul li { width:100%; }

}



@media only screen and (min-width: 965px) and (max-width: 1024px) { 
	




 }







#mobile-projects { display:none; }
.toggle button { float: right; margin-bottom: 0; padding:8px; border-radius: 5px; position: relative; border:2px solid #e3e3e3; background:none; cursor:pointer; }
.icon-bar {    background: none repeat scroll 0 0 #fff;    border-radius: 25px;    display: block;    height: 3px;    width: 20px; margin-bottom:5px; }
.icon-bar:last-child { margin: 0;}
.quote-sec { display:none; }
.footer-contact-us .send  { -webkit-appearance: none;  -moz-appearance: none; appearance: none; }
.footer .footer-contact-us input { -webkit-appearance: none;  -moz-appearance: none; appearance: none; }
.toggle { display:none; }
.nav-res { display:none; }
.identity-dec2 { width: 66%; }
.footer-wrapper, .push { float:left; }
.footer-contact-us .input.s.a { float:left; }
.wpcf7-form-control-wrap.text-867 { float:left; width:48%; margin-right:2%; }
.wpcf7-form-control-wrap.text-297 { float:left; width:48%;  }
.footer-contact-us .input.s.a { width:95% !important; padding:0.5% 1% 0.5% 2%; margin:0; }
.footer-contact-us .input.s.b { width:92% !important; padding:0.5% 1% 0.5% 2%; }
.wpcf7-form-control-wrap.email-412 { width: 100% !important; }
.footer-contact-us .input.l { width:93.6% !important; padding: 0.5% 1% 0.5% 1% !important; }
.footer-contact-us textarea.wpcf7-form-control.wpcf7-textarea {
    padding-left: 1%;}

.wpcf7-form-control-wrap.textarea-173 { width:100% !important; }
textarea.wpcf7-form-control.wpcf7-textarea {
  }
.wpcf7-form-control-wrap.your-message { float: left;  width: 100%; }
input.wpcf7-form-control.wpcf7-submit.submit-button { -webkit-appearance: none;  -moz-appearance: none; appearance: none; }

.call-now { display: none;}
.call-now span { color: #CC0000;}


@media only screen and (min-width: 320px) and (max-width: 667px) { 
	.footer .address { display: block !important; width: 100%;}
	.section .heading { width: 100% !important;}
	#mobile-projects, .footer-contact-us, .links, .menu-footer-navigation-container, .sec-heading { display: none !important;}
	.section .caption, #right-blog { display: block;}
	.section .caption, .right-info { display: none;}
	textarea.wpcf7-form-control.wpcf7-textarea {
    padding: 3% 6% 3% 15%;
    width: 78.4% !important;}

    .call-now {
	  background: #f2f2f2;
    border-radius: 5px;
    color: #990033;
    display: inline-block;
    font-family: 'Open Sans';
    font-size: 14px;
    outline: medium none;
    border:1px solid #e3e3e3; 
    padding: 10px 0;
    width: 100%;
    text-align: center;
    text-decoration: none;
	-webkit-transition:border-radius 0.3s,color 0.3s,background-color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);-moz-transition:border-radius 0.3s,color 0.3s,background-color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);-o-transition:border-radius 0.3s,color 0.3s,background-color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);transition:border-radius 0.3s,color 0.3s,background-color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
	 }
	 .call-now:hover {
text-decoration:none;
-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-transition:border-radius 0.3s,color 0.3s,background-color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);-moz-transition:border-radius 0.3s,color 0.3s,background-color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);-o-transition:border-radius 0.3s,color 0.3s,background-color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);transition:border-radius 0.3s,color 0.3s,background-color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
     }
     .width-f { width: 100%; float: left; margin-top: 20px;}

     .quote-sec a { font-size: 14px; border-radius: 5px;  border: 1px solid #8E0039;
  background: #C20047;margin-bottom: 10px; padding: 10px 0; width: 100%; text-align: center;   }
     .quote-sec a:hover { border:1px solid #A1E800; background:#A1E800 !important;}
     .left-form h2 { display: none;}
     .left-form input[type="submit"] { background: #16bed7 !important; }
     .header .top-nav ul {

border-top: 1px solid #e3e3e3;
margin-top: 20px;
	
}
	.wrapper .header .logo { width: 210px;}
	.logo img { width: 100%;}
	.services .detail ul li { margin: 0 10px 30px; }
	.img-detail { display: none;}
	.article1 { margin-top: 20px;}
	.service-footer { display: none;}

  }
  .wrapper .corporate-main ul li { padding-left: 0px; text-align: center;}

 @media only screen and (min-width: 667px) and (max-width: 767px) {

 	.call-now {
	  background: #f2f2f2;
    border-radius: 5px;
    color: #818181;
    float: right;
    display: block;
    font-family: 'Open Sans';
    font-size: 14px;
    outline: medium none;
    border:2px solid #e3e3e3; 
    padding: 10px 0;
    width: 100%;
    text-align: center;
    text-decoration: none;
	-webkit-transition:border-radius 0.3s,color 0.3s,background-color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);-moz-transition:border-radius 0.3s,color 0.3s,background-color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);-o-transition:border-radius 0.3s,color 0.3s,background-color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);transition:border-radius 0.3s,color 0.3s,background-color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
	 }
	 .call-now:hover {
	background:transparent;
	color:#16bed7;
text-decoration:none;
-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-transition:border-radius 0.3s,color 0.3s,background-color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);-moz-transition:border-radius 0.3s,color 0.3s,background-color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);-o-transition:border-radius 0.3s,color 0.3s,background-color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);transition:border-radius 0.3s,color 0.3s,background-color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
     }
     .width-f { width: 100%; float: left; margin-top: 20px;}

     .quote-sec a { font-size: 14px; border-radius: 5px; border:2px solid #16bed7; background:#16bed7; margin-bottom: 10px; padding: 10px 0; width: 100%; text-align: center;   }
     .quote-sec a:hover { border:2px solid #434854; background:#434854 !important;}
     .left-form h2 { display: none;}
     .left-form input[type="submit"] { background: #16bed7 !important; }
     .header .top-nav ul {

border-top: 1px solid #e3e3e3;
margin-top: 20px;
	
}
.header .quote-sec { width: 100%; display: block !important;}
.header .get-a-quote { display: none;}
	.wrapper .header .logo { width: 210px;}
	.logo img { width: 100%;}
	.img-detail { display: none;}
	.article1 { margin-top: 20px;}
	.service-footer { display: none;}
	.wrapper .corporate-main ul li { margin: 0 10px 20px 10px !important; text-align: center;}
  }
@media only screen and (min-width: 767px) {	
.call-desktop {
    float: right;
    margin-right: 15px;
    margin-top: 5px;}
.lets-talk {
    background-color: #C20047;
    border-bottom-right-radius: 9px;
    border-top-right-radius: 9px;
    color: #fff;
    float: right;
    font-size: 13px;
    margin-left: 3px;
    padding: 5px 18px 5px 5px;
    text-decoration: none;}	 
}
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  