/*

 * Theme v1.0.0

 * Copyright 2015-2016 Theemon.com

 */

/*

 Table Of Contents

 1) Tablet and Desktop

 2) Desktop

 3) Tablet

 4) Mobile and Tablet

 5) Mobile

 ===============================================*/



/*

 1) Tablet and Desktop

 ----------------------------------------*/

@media only screen and (min-width: 767px) {

	#wrapper.boxed, .boxed #header {

		margin: 0 auto;

		max-width: 768px;

		width: 100%;

	}

	.menu-wrapper {

		background: none !important;

	}

	.project-category {

	padding: 25px 0 128px;

}

.project-category-1 {

  padding: 65px 0 100px;

}

}

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



	.anim-section {



		-moz-transform: translateY(0px);

		-webkit-transform: translateY(0px);

		-o-transform: translateY(0px);

		-ms-transform: translateY(0px);

		transform: translateY(0px);

		visibility: visible;

		opacity: 1;

	}

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

	#wrapper.boxed, .boxed #header {

		margin: 0 auto;

		max-width: 970px;

		width: 100%;

	}

	.our-contact{

		width:60%;

	}

	.our-contact li{

		padding:36px 5% 42px 8%;

	}

	.our-contact li{

		 border-left:none;

	}

	.menu li{

	margin-right: 12px;

	}

	.navigation .btn{

		padding:11px 15px;

	}

}



@media (min-width: 1200px) {

	#wrapper.boxed, .boxed #header {

		max-width: 1170px;

		width: 100%;

	}

}



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



	#wrapper.boxed, .boxed #header {

		max-width: 750px;

		width: 100%;

	}

	.primary-header .logo{

		margin:32px 19px 37px 0;

	}

	.our-contact li{ padding: 36px 5px 42px;}

	.right-header ul li{padding:0 11px;}

	.our-contact li{

		 border-left:none;

	}

	.our-contact{

		width:57%;

	}

	.menu li{

		 margin-right:0;

	}

	.navigation .btn,.quote{

		padding:11px 10px;

		font-size:10px;

	}

	.navigation .btn{

		margin-left:10px;

	}

}



/*

 2) Desktop

 ----------------------------------------*/

@media only screen and (min-width: 992px) and (max-width: 1200px) {



	



	/*Slider*/

	#slider .detail {

		margin-left: -123px;

	}

	.info-container .our-images ul {

		width: 40%;

	}

	.service-container .right-detail strong {

		font-size: 62px;

	}



	/*Theme-b slider section*/

	/* .slide-detail{ top: 15%; left: 50px; }*/

	 .slide-detail .f-project {

		margin-bottom: 10px;

	}

	 .slide-detail h3 {

		padding-bottom: 5px;

	}

	 .slide-detail h4 {

		padding-bottom: 10px;

	}

	 .slide-detail p {

		line-height: 1.2;

		margin-bottom: 15px;

	}

	 .slide-detail .quote {

		padding: 5px 30px;

	}

	 #slider .bx-prev {

		left: 10px;

	}

	 #slider .bx-next {

		right: 10px;

	}



	



	/*Service Info Section*/

	.service-container .right-detail strong {

		font-size: 50px;

		display: inline-block;

	}

	.service-container .right-detail {

		padding-bottom: 40px;

	}

	.service-container .right-detail span {

		display: inline-block;

	}

	.service-container .right-detail h2 {

		font-size: 31px;

	}

	.service-container .our-service {

		margin-top: 0px;

	}

	.project-container .detai-box h2 {

		font-size: 22px;

		margin-bottom: 20px;

		line-height: 1.4;

	}

	.project-container .detai-box ul {

		padding-top: 22px;

		padding-left: 0;

	}

	.project-container .detai-box li {

		padding-right: 0;

	}

	.project-container li i {

		margin-right: -2px;

		transform: scale(0.7);

		-ms-transform: scale(0.7);

		-webkit-transform: scale(0.7);

	}

	.project-container .odd .img-box {

		margin-top: -26px;

	}

	.project-container .our-project {

		height: 104px;

		margin-top: -54px;

	}

	.project-container .odd .detai-box {

		padding-left: 18px;

	}



	.testimonial-box .thumb-box {

		bottom: -150px;

	}



	/*our-project-container section*/

	.our-project-container .bx-prev {

		left: 0;

	}

	.our-project-container .bx-next {

		right: 0;

	}



	/*projects-details content*/

	.project-detail-container .upper-box .right-detail {

		padding-left: 30px

	}

	.project-discription .feature-list li {

		font-size: 15px;

	}

	.project-discription .right-content {

		padding-left: 0;

	}

	.project-discription .right-content .bx-prev {

		font-size: 0;

		background-position: center center;

	}

	.project-discription .right-content .bx-next {

		font-size: 0;

		background-position: center center;

	}



}



/*

 3) Tablet

 ----------------------------------------*/

@media only screen and (min-width: 768px) and (max-width: 992px) {





	#slider .detail {

		width: 545px;

	}



	/*Theme-b Header*/

	

	

	.banner-container {

		padding: 70px 0 70px;

		min-height: 161px;

	}

	#slider .bottom-sec {

		padding: 7px 39px;

	}

	#slider .bottom-sec h2, #slider .bottom-sec p {

		padding-bottom: 0;

	}



	/*Theme-b slider section*/

	 .slide-detail .f-project {

		margin-bottom: 10px;

	}

	 .slide-detail h3 {

		font-size: 20px;

		line-height: 22px;

		padding-bottom: 5px;

	}

	 .slide-detail h4 {

		font-size: 18px;

		padding-bottom: 10px;

	}

	 .slide-detail p {

		font-size: 14px;

		line-height: 1.2;

		margin-bottom: 15px;

	}

	 .slide-detail .quote {

		padding: 5px 30px;

	}



	



	/*Info-container*/

	.info-container .our-quality li {

		font-size: 14px;

	}

	.info-container .our-images ul {

		width: 40%;

	}



	/*Service Info Section*/

	.project-container {

		padding-bottom: 100px;

	}

	.service-container .right-detail strong {

		font-size: 50px;

		display: inline-block;

	}

	.service-container .right-detail {

		padding-bottom: 40px;

	}

	.service-container .right-detail span {

		display: inline-block;

	}

	.service-container .right-detail h2 {

		font-size: 31px;

	}

	.service-container .our-service {

		margin-top: 25px;

	}

	.project-container .detai-box h2 {

		font-size: 22px;

		margin-bottom: 20px;

		line-height: 1.4;

	}

	.project-container .detai-box ul {

		padding-top: 22px;

		padding-left: 0;

	}

	.project-container .detai-box li {

		padding-right: 0;

	}

	.project-container li i {

		margin-right: -2px;

		transform: scale(0.7);

		-ms-transform: scale(0.7);

		-webkit-transform: scale(0.7);

	}

	.project-container .odd .img-box {

		margin-top: -26px;

	}

	.project-container .our-project {

		height: 104px;

		margin-top: -54px;

	}

	.project-container .odd .detai-box {

		padding-left: 18px;

	}



	/*Testimonial Container Section*/

	#testimonial-carousel.flexsilder {

		margin-right: 82px;

	}

	#testimonial-carousel .flex-direction-nav {

		top: 100%;

	}

	.our-partners {

		padding-bottom: 100px;

	}

	.our-partners ul li {

		height: auto;

	}

	.our-partners ul a {

		height: 87px;

	}

	.contact-us-container .box {

		width: 30%;

	}

	.contact-us-container .box em {

		margin-right: 12px;

	}

	.contact-us-container .box.last {

		width: 16%;

	}

	.contact-us-container .contact-us, .contact-us-container .box.last ul {

		float: left;

	}

	.contact-us-container {

		padding: 40px 0 20px;

	}

	.contact-us-container .box {

		padding: 0 0 20px;

	}

	.contact-us-container .box li {

		padding: 0 20px 0 0;

	}

	.contact-us-container .box .contact-us {

		margin-left: 7px;

	}

	.quote-container .right-banner {

		background-size: cover;

	}

	#slider .detail {

		margin-left: -233px;

		height: auto;

	}

	.service-container .right-detail {

		padding-left: 15px;

	}

	.service-container .quote {

		float: none;

	}

	.service-container .right-detail {

		padding-bottom: 0;

	}



	/*our-project-container section*/

	.project-slider li .project-detail::before {

		display: none;

	}

	.project-slider li .project-detail::after {

		display: none;

	}

	.project-slider li .project-detail {

		top: 10%;

		right: 0;

	}

	.our-project-container .bx-prev {

		left: 0;

		top: 35px;

	}

	.our-project-container .bx-next {

		right: 0;

		top: 35px;

	}



	/*our-info section*/

	.our-info .our-quality strong {

		font-size: 12px;

	}

	.our-info .img-list{

		margin-left:-15px;

	}

	.our-info .img-list li {

		margin-bottom: 15px;

		padding-left:15px;

	}

	



	/*our-quote-container section*/

	.our-quote-container .quote-box {

		padding: 20px 0;

	}



	/*about-us content*/

	.video-container {

		padding: 30px 0;

	}

	.video-container .video-box {

		width: 50%;

	}

	.video-container .our-detail {

		width: 50%;

		padding: 0 20px;

	}

	.video-container .box {

		margin: 0 0 15px;

	}

	.video-container .box i {

		margin: 0 0 5px 0;

	}

	.video-container .box strong {

		margin-bottom: 0;

	}

	.video-container .box p {

		line-height: 20px;

		margin-bottom: 0;

	}



	/*our-team-container*/

	.our-team-container {

		padding: 30px 0;

	}

	.our-team-container .bx-prev {

		left: -15px;

		top: 50%;

		margin: 0;

	}

	.our-team-container .bx-next {

		right: -15px;

		top: 50%;

		margin: 0;

	}



	/*our_contact content*/

	.our_contact .right-detail {

		padding-left: 15px;

		margin-top: 99px;

	}

	.our_contact .right-detail .social-icons {

		padding: 0 30px;

	}

	.our_contact .right-detail address {

		padding: 30px;

		margin-top: 20px;

	}

	.our_contact .right-detail address strong {

		font-size: 22px;

	}

	.our_contact .right-detail address li {

		margin-bottom: 35px;

	}



	/*about-us-1 content*/

	.info-aboutus {

		margin: 30px 0;

	}

	.info-aboutus .left-banner {

		position: static;

		width: 100%;

		left: 0;

		margin-bottom: 20px;

		text-align: center;

		margin-left: 0;

	}

	.info-aboutus .msg-slider {

		width: 50%;

	}

	.info-aboutus .msg-slider .msg-box, .info-aboutus .msg-slider .award-box {

		padding: 20px 40px;

	}

	.info-aboutus .our-detail {

		width: 50%;

		padding-right: 75px;

	}

	.our-team-container .our-team-detail li .box .img-box {

		width: 100%;

		text-align: center;

	}

	.our-team-container .our-team-detail li .box .detail-box {

		width: 100%;

	}



	/*blog-1 content*/

	.blog-container-1 .blog-list .post-detail li {

		font-size: 14px;

		padding: 0 10px;

	}

	.blog-container-1 .blog-list .cat-list li {

		font-size: 14px;

	}

	.pagination-box {

		margin: 50px 0;

	}

	.blog-container-1 .blog-list h3, .blog-container-2 .left-body h3, .blog-container-2 .left-body .half-box h3 {

		font-size: 24px;

	}



	/*blog-post content*/

	.comment-box {

		padding: 40px 0 20px 25px

	}

	.comment-box li .msg-detail {

		width: 72%;

	}



	/*clients content*/

	.our-clients .box, .our-clients .box.last {

		width: 25%;

	}

	.our-clients .box strong {

		font-size: 13px;

	}

	.our-clients .box li a {

		font-size: 14px;

	}



	/*FAQ Content*/

	.faq-container h3 {

		display: block;

	}

	.faq-container h3 span {

		display: inline-block;

	}

	.faq-detail li {

		padding: 28px 20px 28px 65px

	}



	/*project-1 content*/



	.project-category {

		padding-top: 40px;

	}

	.project-category-1 {

		padding: 30px 0;

	}

	.project-list-1 .detail {

		padding: 20px;

	}

	.project-list-1 .detail h4 {

		margin-bottom: 10px;

	}

	.project-list-1 .detail h4 span {

		display: inline-block;

	}

	.project-list-1 .detail p {

		line-height: 20px;

	}

	.project-list-1 .view {

		margin-top: 10px;

	}

	#gallery-content-center {

		overflow: visible !important;

	}

	.other-project {

		overflow: hidden;

		padding-top: 50px;

	}

	/*projects-details content*/

	.project-detail-container .upper-box .right-detail {

		padding-left: 10px

	}

	.project-detail-container .upper-box .right-detail li a i {

		margin-right: 6px;

	}

	.project-detail-container .upper-box .right-detail li a span {

		font-size: 12px;

	}

	.project-discription .right-content {

		padding-left: 0;

	}

	.project-discription .right-content .bx-prev {

		font-size: 0;

		background-position: center center;

	}

	.project-discription .right-content .bx-next {

		font-size: 0;

		background-position: center center;

	}

	.contact-us-container .box.call {

		padding-left: 15px;

	}

	.project-discription .bx-prev::before, .project-discription .bx-next::before {

		font-size: 20px;

	}

	.project-discription .bx-prev::before {

		left: 45%;

	}

	.project-discription .bx-next::before {

		right: 45%;

	}

	.project-detail-container .upper-box .right-detail li {

		padding-bottom: 12px

	}

	.bx-viewport {

		padding-left: 3px;

	}

	.project-discription .feature-list li {

		line-height: 1.4;

	}

	.project-discription {

		padding-bottom: 50px;

	}

}



/*

 5) Mobile

 ----------------------------------------*/

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



	.info-container .about-us h2, .service-container .left-detail h2, .project-container .detai-box h2, .customer-says h2,.banner-container h3 ,.our-clients h3,.our-team-container h3{

		font-size: 25px;

	}

	.customer-says h2 span {

		font-size: 28px;

	}

	

	#slider.top{

		  margin-top: 174px;

	}

	.service-container .right-detail strong {

		font-size: 30px;

		display: inline-block;

	}

	.service-container .right-detail span, .service-container .right-detail h2 {

		font-size: 22px;

	}

	/*Header Section*/

	

	.secondry-header .col-xs-12 {

		position: static;

	}

	.secondry-header .container {

		position: relative;

	}

	

	#header .quote {

		position: absolute;

		right: 15px;

		top: 0;

	}

	

	#header .quote {

		top: 43px;

	}

	#slider .detail {

		margin-left: 0;

		left: 0;

		width: 320px;

		height: 150px;

		border: none;

	}

	.button-wrapper {

		display: block;

	}

	#slider .top-row > strong {

		padding: 10px 14px 0;

		font-size: 18px;

		display: block;

		text-indent: 0;

	}

	#slider .top-row .direction-arrrow {

		border: none;

		width: 74px;

		padding: 14px 0;

		text-align: center;

		position: absolute;

		right: 0;

		bottom: -20px;

		transform: scale(0.8);

		-webkit-transform: scale(0.8);

		-o-transform: scale(0.8);

		-ms-transform: scale(0.8);

	}

	#slider .top-row .direction-arrrow .next, #slider .top-row .direction-arrrow .prv {

		margin: 0 4px;

	}

	#slider .top-row {

		border: none;

		min-height: 33px;

	}

	#slider .bottom-sec {

		padding: 2px 14px;

	}

	#slider .bottom-sec h2 {

		font-size: 14px;

		padding-bottom: 0;

		padding-left: 14px;

	}

	#slider .bottom-sec p {

		font-size: 12px;

		line-height: 14px;

		padding-bottom: 0;

		padding-left: 14px;

	}

	#slider .bottom-sec a {

		width: 127px;

		font-size: 12px;

		line-height: 17px;

		padding: 8px 0;

		margin-left: 14px;

	}

	



	/*Theme-b header*/

	 .menu-wrapper {

		margin-top: 0

	}

	 .navigation {

		display: none;

	}

	 .our-contact,  .right-header {

		display: none;

	}

	 #header .quote {

		display: none;

	}

	 .secondry-header .menu {

		margin-left: 0;

		width: 100%;

		padding-bottom: 10px;

	}

	 .secondry-header .menu li {

		display: block;

		margin-right: 0;

		margin-top: 10px;

	}

	 .secondry-header .menu li a {

		padding: 0;

	}



	 .menu li .submenu {

		position: static;

		width: 100%;

		display: none;

		background: none;

		padding: 0 10px;

	}

	 .menu li .submenu li a {

		border: none !important;

	}

	 .menu li .submenu li a:hover {

		color: #575757;

	}

	 .menu li:hover .submenu {

		display: block;

	}



	

	.menu-wrapper {

		background: #d51f1b;

		margin-top:0;

	}

	

	/*theme-b slider content*/



	 .main-slider img {

		height: 300px;

	}

	 .slide-detail {

		top: 0;

		left: 0

	}

	 .slide-detail h3 {

		font-size: 13px;

		line-height: 17px;

	}

	 .slide-detail h4 {

		font-size: 14px;

		line-height: 20px;

		padding-bottom: 10px;

	}

	 .slide-detail p {

		font-size: 13px;

		line-height: 1.2;

		margin-bottom: 20px;

	}

	 .layer4 p {

		width: 90%;

	}

	 .layer1 {

		top: 10% !important;

		left: 15px !important;

	}

	 .layer2 {

		top: 30% !important;

		left: 15px !important

	}

	 .layer3 {

		top: 40% !important;

		left: 15px !important

	}

	 .layer4 {

		top: 50% !important;

		left: 15px !important

	}

	 .layer5 {

		top: 78% !important;

		left: 15px !important

	}

	 .slide-info {

		position: static !important;

	}

	 .item-1 .slide-info,  .item-2 .slide-info,  .item-3 .slide-info {

		left: 0;

		top: 15px;

		width: 100%;

	}

	.tp-caption {

		position: absolute !important

	}

	 .slide-detail .f-project {

		margin-bottom: 5px

	}

	 .slide-detail h3 {

		padding-bottom: 0px;

	}

	 .slide-detail h4 {

		padding-bottom: 0px;

	}

	 .slide-detail p {

		margin-bottom: 5px;

	}

	 .quote {

		padding: 5px 15px;

	}

	 .tp-leftarrow.default {

		transform: scale(0.5);

		-webkit-transform: scale(0.5);

		-ms-transform: scale(0.5);

		left: 0;

		top: 50% !important;

	}

	 .tp-rightarrow.default {

		transform: scale(0.5);

		-webkit-transform: scale(0.5);

		-ms-transform: scale(0.5);

		right: 0;

		top: 50% !important;

	}



	



	/*Info Section*/

	.info-container {

		padding-top: 40px;

	}

	.info-container .about-us, .info-container .our-images ul {

		padding-top: 0px;

	}

	.info-container .about-us {

		padding-bottom: 20px;

	}

	.info-container .our-images ul {

		display: block;

		width: 50%;

		float: left;

	}

	.info-container .our-images ul li {

		padding-left: 0;

	}

	.info-container .our-quality li {

		font-size: 12px;

		line-height: 1.3;

	}

	.info-container .our-quality strong {

		margin-top: 6px;

	}

	.our-images ul li img {

		display: block;

		margin: 0 auto;

		width: 100%;

	}

	.info-container .our-images ul:first-child {

		padding-right: 10px;

	}

	.info-container .our-images ul:last-child {

		padding-left: 10px;

	}



	/*Info-container-1 content*/

	.info-container-1 {

		padding: 40px 0;

	}

	.info-container-1 .about-us {

		padding: 0 15px

	}

	.info-container-1 .our-quality {

		margin-top: 25px;

	}

	.info-container-1 .our-quality li {

		width: 100%;

	}

	.info-container-1 .our-quality figure {

		margin-bottom: 25px;

	}



	/*Service Section*/

	.service-container {

		padding: 40px 0;

	}

	.service-container .our-service {

		margin-top: 0;

	}

	.service-container .left-detail {

		width: 100%;

	}

	.service-container .right-detail {

		padding: 20px 15px;

		width: 100%;

	}

	.service-container .right-detail strong {

		font-size: 22px;

		line-height: 1.5;

	}

	.our-testimonial-1 .heading-row h2 {

		font-size: 25px;

	}



	/*Service-Info-2 Section*/

	.service-container-2 {

		padding: 25px 0;

	}

	.service-container-2 .quote {

		position: static;

		float: right;

		margin-top: 20px;

	}

	.service-container-2 .our-service {

		margin-top: 20px;

	}



	/*Service-Info-3 Section*/

	.service-container-3 {

		padding: 25px 0;

	}

	.service-container-3 .quote {

		position: static;

		margin-bottom: 20px;

	}

	.service-container-3 .office-list, .service-container-3 .office-list li {

		margin-left: 0;

	}

	.service-container-3 .office-list li {

		width: 100%;

		text-align: center;

		padding-bottom: 20px;

	}



	/*project Section*/

	.project-container {

		padding: 30px 0;

	}

	.project-container .our-project {

		position: static;

		margin: 0;

		width: 100%;

		height: auto;

		padding-top: 20px;

		padding-bottom: 20px;

	}

	.project-container .detai-box {

		width: 100%;

	}

	.project-container .img-box {

		width: 100%;

		margin-bottom: 20px;

	}

	.project-container .odd .detai-box {

		padding: 0;

	}

	.project-container .detai-box li {

		padding-bottom: 10px;

	}

	.project-container .detai-box h2 {

		margin-bottom: 25px;

	}

	.project-container .detai-box ul {

		padding: 20px 0 10px 5px;

	}

	.project-container .odd .img-box {

		margin-top: 0;

	}

	.project-container .img-box img {

		width: 100%;

	}

	.project-container li i {

		font-size: 24px;

		margin-right: 0;

	}

	.project-container .our-project strong {

		font-size: 22px;

	}



	/*testimonial Section*/

	.customer-says {

		border: none;

		margin: 100px 0 0 0;

		padding-bottom: 10px;

	}

	.testimonial-box {

		margin-top: 10px;

	}

	.testimonial-container::before {

		display: none

	}

	.testimonial-box .view-list {

		padding: 0

	}

	.testimonial-box blockquote i {

		padding-bottom: 10px;

	}

	#testimonial-carousel.flexsilder {

		margin-right: 0;

		float: left;

	}

	.testimonial-box .thumb-box {

		position: static;

		float: left;

		padding: 20px 0 10px;

	}

	#testimonial-carousel .flex-direction-nav {

		top: auto;

		bottom: 5px;

		margin-top: 0;

	}

	#testimonial-silder .flex-direction-nav {

		left: 0;

		top: 95%;

	}



	/*our-testimonial-1*/

	.our-testimonial-1 {

		padding: 25px 0;

	}

	.our-testimonial-1 .heading-row h2 {

		font-size: 26px;

	}

	.our-testimonial-1 blockquote {

		margin-top: 25px;

		padding-left: 45px;

	}



	/*partners Section*/

	.our-partners {

		padding: 50px 0;

	}

	.our-partners ul {

		margin-top: 20px;

	}

	.our-partners ul li {

		width: 33.33%;

		height: auto;

	}

	.our-partners ul li a {

		height: auto;

	}



	/*quote Section*/

	.quote-box {

		width: 100%;

		padding: 50px 0;

	}

	.quote-container .right-banner {

		display: none;

	}



	/*contact-us Section*/

	.contact-us-container {

		padding-bottom: 20px

	}

	.contact-us-container .box {

		width: 100%;

		padding: 20px 0 0 0;

		font-size: 14px;

  line-height: 20px;

	}

	.contact-us-container .box.call {

		padding-left: 0;

		width:169px;

		float:left;

		border:none;

	}

	.contact-us-container .box.last{

		float:left;

		width:40%;

	}

	.contact-us-container .box.last + .box.last{

		width:100%;

	}

	.contact-us-container .contact-us {

		float: left;

	}

	.contact-us-container .location-svg svg {

		margin-left: -13px;

	}

	.contact-us-container .box ul {

		text-align:left;

	}

	.contact-us-container .box li {

		padding: 0 10px 0 0

	}

	.contact-us-container .box em{

		font-size:32px;

	}

	

	.contact-us-container .box em{

		margin-right:2px;

	}

	

	.contact-us-container .box.call em{

		margin-right:8px;

	}



	/*footer section*/

	.primary-footer {

		padding-top: 20px;

	}

	#footer .copyright {

		margin-top: 20px;

		padding-top: 20px;

		padding-bottom: 20px

	}

	.primary-footer .list li {

		width: 100%;

		float: none;

	}



	/*our-work section*/

	.our-work {

		padding: 25px 0;

	}

	.our-work .box {

		margin-top: 20px;

	}

	.heading-row h2 {

		font-size:25px;

		padding-right: 15px;

	}

	.our-work .box .detail, .our-work .box .img-box {

		width: 100%;

	}

	.our-work .box .detail{

		margin:0;

		padding-left:15px;

		padding-right:15px;

	}

	.our-work .box .img-box img{

		width:100%;

	}

	.our-work .box .tag {

		display: none;

	}

	.our-work .bottom-row, .our-work .bottom-row-2 {

		height: auto;

		margin-bottom: 20px;

	}

	.our-work .bottom-row strong {

		padding: 25px 10px;

		font-size: 14px;

	}

	.our-work .bottom-row a {

		padding: 25px 10px;

	}

	.our-work .bottom-row-2 a {

		

		border: none;

		

	}



	/*our-project-container section*/

	.our-project-container {

		padding: 12px 0;

	}

	.project-slider li .project-detail {

		position: static;

		width: 100%;

	}

	.project-detail .top-detail {

		padding: 25px 15px 5px;

	}

	.project-detail .top-detail h3 {

	

		line-height: 20px;

		margin-bottom: 10px;

	}

	.project-detail .top-detail h4 {

		line-height: 20px;

		margin-bottom: 10px;

	}

	.project-detail .top-detail p {

		

		line-height: 20px;

		margin-bottom: 10px;

	}

	.our-project-container  .bx-controls-direction{

		 top: 22%;

	}

	.our-project-container .bx-prev {

		transform: scale(0.5);

		-webkit-transform: scale(0.5);

		-ms-transform: scale(0.5);

		left: 0;

		top: 25px;

	}

	.our-project-container .bx-next {

		transform: scale(0.5);

		-webkit-transform: scale(0.5);

		-ms-transform: scale(0.5);

		right: 0;

		top: 25px;

	}



	/*our-info section*/

	.our-info {

		padding: 20px 0;

	}

	.our-info .our-quality strong {

		font-size: 10px;

	}

	.our-info .img-list {

		margin-top: 25px;

	}

	.our-info .img-list{

		margin-left:-15px;

	}

	.our-info .img-list li{

		width:50%;

		padding-left:15px;

	}

	.our-info .our-quality li{

		line-height:1.5;

	}



	/*our-testimonial section*/

	.our-testimonial {

		padding: 20px 0;

		margin-top: 20px;

	}

	.our-testimonial .heading-row h2 {

		font-size: 13px;

		padding-right: 10px;

	}

	.our-testimonial blockquote {

		margin: 25px 0 0 0;

		padding-left: 40px;

	}

	.our-testimonial blockquote p {

		line-height: 1.3;

	}

	.our-testimonial blockquote footer {

		margin-top: 15px;

	}

	.our-testimonial .bx-pager.bx-default-pager {

		margin-top: 20px;

	}



	/*our-partner section*/

	.our-partner {

		padding: 20px 0;

	}

	.our-partner ul {

		margin-top: 20px;

	}

	.our-partner ul li {

		width: 50%;

	}



	/*our-quote-container section*/

	.our-quote-container {

	}

	.our-quote-container .quote-box {

		padding: 25px 0;

		width: 100%;

	}

	.our-quote-container .right-banner {

		width: 100%;

	}



	/*about-us content*/

	.banner-container {

		padding: 25px 0;

		min-height: 0;

	}

	.about-img {

		float: none;

		padding-left: 0;

	}

	.about-img img {

		margin-left: 0;

	}

	.about-detail {

		padding-top: 25px;

	}

	.video-container {

		padding: 25px 0;

	}

	.video-container .video-box {

		width: 100%;

	}

	.video-container .box {

		margin: 20px 0;

	}

	.video-container .our-detail {

		width: 100%;

		padding: 0;

	}

	.our-team-container {

		padding: 25px 0;

	}

	.our-team-container .bx-prev {

		left: 0;

		top: -50px;

		margin-top: 0;

		transform: scale(0.7);

		-webkit-transform: scale(0.7);

		-ms-transform: scale(0.7);

	}

	.our-team-container .bx-next {

		right: 0;

		top: -50px;

		margin-top: 0;

		transform: scale(0.7);

		-webkit-transform: scale(0.7);

		-ms-transform: scale(0.7);

	}



	/*about-us-1 content*/

	.info-aboutus {

		margin: 30px 0 0;

	}

	.info-aboutus .left-banner {

		width: 100%;

		left: 0;

		position: static;

		margin-bottom: 20px;

		margin-left: 0;

	}

	.info-aboutus .msg-slider {

		width: 100%;

	}

	.info-aboutus .our-detail {

		width: 100%;

		padding: 20px 0;

	}

	.info-aboutus .box {

		margin-bottom: 20px;

	}

	.info-aboutus .msg-slider .msg-box, .info-aboutus .msg-slider .award-box {

		padding: 20px;

	}

	.info-aboutus .msg-slider .bx-prev {

		bottom: 125px;

		right: 65px

	}

	.info-aboutus .msg-slider .bx-next {

		bottom: 125px;

		right: 40px

	}

	.our-team-container .our-team-detail li {

		width: 100%;

	}

	.our-team-container .our-team-detail li figure a{

		display:block;

	}

	.our-team-container .our-team-detail li figure img{

		width:100%;

	}

	.our-team-container .our-team-detail li .box .img-box {

		width: 100%;

		text-align: center;

	}

	.our-team-container .our-team-detail li .box .detail-box {

		width: 100%;

		padding-left:15px;

		padding-right:15px;

	}



	/*blog-1 content*/

	.blog-container-1 .blog-list article {

		padding: 20px 15px;

		margin-bottom: 10px;

	}

	.blog-container-1 .blog-list .img-box {

		width: 100%;

	}

	.blog-container-1 .blog-list .detail {

		width: 100%;

		padding: 20px 0 0;

	}

	.blog-container-1 .blog-list .post-detail {

		margin-bottom: 10px;

	}

	.blog-container-1 .blog-list .post-detail li {

		font-size: 10px;

		padding: 0 10px;

	}

	.blog-container-1 .blog-list h3 {

		font-size: 18px;

		line-height: 22px;

		margin-bottom: 10px;

	}

	.blog-container-1 .blog-list h3 i {

		margin-top: 10px;

	}

	.blog-container-1 .blog-list .cat-list {

		margin-bottom: 10px;

	}

	.blog-container-1 .blog-list .cat-list li {

		font-size: 11px;

		padding: 0 5px 0 25px;

	}

	.pagination-box {

		margin: 30px 0;

	}



	/*blog-2 content*/

	.blog-container-2 .right-body .inner-content {

		padding-left: 0;

	}

	.blog-container-2 .right-body .meta-list li a {

		margin-right: 4px;

	}

	.blog-container-2 .left-body .detail {

		padding: 20px 15px;

	}

	.blog-container-2 .left-body .post-detail {

		margin-bottom: 10px;

	}

	.blog-container-2 .left-body .post-detail li {

		font-size: 10px;

		padding: 0 9px;

	}

	.blog-container-2 .left-body h3 {

		font-size: 18px;

		line-height: 22px;

		margin-bottom: 10px;

	}

	.blog-container-2 .left-body .cat-list {

		margin-bottom: 10px;

	}

	.blog-container-2 .left-body .cat-list li {

		font-size: 11px;

		padding: 0 5px 0 25px;

	}

	.blog-container-2 .left-body .half-box {

		width: 100%;

	}

	.blog-container-2 .left-body figure img {

		width: 100%;

	}

	.blog-container-2 .left-body .half-box .detail {

		padding: 20px 15px;

	}

	.blog-container-2 .left-body .half-box h3 {

		font-size: 18px;

		line-height: 22px;

		margin-bottom: 10px;

	}



	/*blog-post content*/

	.author-detail {

		padding: 0 15px;

	}

	.comment-box {

		padding: 20px 0;

	}

	.comment-box li .msg-detail em{

		display:none;

	}

	.comment-box li .msg-detail {

		width: 100%;

		margin-top: 10px;

		padding-left:15px;

		padding-right:15px;

	}

	.leavecomment-box {

		padding: 0;

		margin-bottom: 20px;

	}

	.leavecomment-box input[type="text"] {

		width: 100%;

		  padding: 17px 10px

	}

	.leavecomment-box .email {

		margin-left: 0;

	}



	/*clients content*/

	.our-clients .clients-logo {

		margin: 20px 0;

	}

	.our-clients .clients-logo li {

		width: 33.33%;

		height: auto;

	}

	.our-clients .clients-logo li a {

		height: auto;

	}

	.our-clients {

		padding: 25px 0;

	}

	.our-clients .box, .our-clients .box.last {

		width: 50%;

	}



	/*our_contact content*/

	.our_contact {

		padding: 25px 0;

	}

	.our_contact h3 {

		font-size: 25px;

	}

	.our_contact .right-detail address strong{

		font-size:22px;

	}

	.our_contact .left-detail {

		width: 100%;

	}

	.our_contact .right-detail {

		width: 100%;

		padding-left: 0;

	}

	.our_contact .right-detail .social-icons {

		text-align: center;

	}

	.our_contact .right-detail address {

		margin-top: 0;

	}

	.our_contact .right-detail address {

		padding: 49px 20px 20px

	}

	.our_contact .left-detail form .coll-1{

		width:100%;

		float:none;

	}

	.our_contact .left-detail form .coll-1.last{

		  margin-left:0;

	}

	.our_contact .left-detail input[type=text]{

		padding:10px;

	}



	/*FAQ Content*/

	.faq-container {

		padding: 25px 0;

	}

	.faq-container h3 {

		font-size: 20px;

		line-height: 30px;

	}

	.faq-container h3 span {

		display: inline-block;

	}

	.faq-container .search-box {

		max-width: 290px;

	}

	.faq-detail li {

		padding: 20px 0 20px 55px;

	}

	.faq-detail a {

		display: block;

		margin-left: 0;

		margin-top: 15px;

	}



	/*project content*/

	.project-category {

		padding: 25px 0;

	}

	.project-category h3 {

		font-size: 20px;

		line-height: 26px;

	}

	.category-box strong {

		margin-bottom: 20px;

	}

	.category-box {

		padding-bottom: 10px;

	}

	.category-box li {

		margin-bottom: 10px;

	}

	.project-list {

		padding: 0;

	}

	.project-list .detail {

		width: 100%;

		padding: 20px;

	}

	.project-list .detail h4 {

		font-size: 16px;

		line-height: 20px;

	}

	.project-list .detail ul {

		padding: 20px 0 10px 0;

	}

	.project-list .detail ul li {

		margin-bottom: 10px;

	}

	.project-list .detail::before {

		display: none;

	}

	.project-list figure {

		width: 100%;

	}

	.icon-design, .icon-manegement, .icon-delivery{

		height: auto;

   		width: 23px;

	}

	.project-list .detail ul li a i{

		font-size:20px;

	}



	/*project-1 content*/

	.project-category-1 {

		padding: 25px 0;

	}

	.project-category-1 h3 {

		font-size: 20px;

		line-height: 26px;

	}

	.project-category-1 h3 span {

		display: inline-block;

	}

	.category-box-1 li {

		margin-bottom: 10px;

	}

	.project-list-1 figure {

		width: 100%;

	}

	.project-list-1 .detail {

		width: 100%;

		padding: 20px 15px;

	}

	#gallery-content-center{

		overflow:visibility !important;

	}



	/*projects-details content*/

	.project-detail-container .upper-box .left-detail {

		width: 100%;

		padding-top: 25px;

	}

	.project-detail-container h3 {

		font-size: 20px;

		line-height: 26px;

	}

	.project-detail-container h3 span {

		display: inline-block;

	}

	.project-detail-container .upper-box .right-detail {

		width: 100%;

		padding: 20px 0 0 0;

	}

	.project-detail-container .upper-box .right-detail li {

		padding-bottom: 15px;

	}

	.project-detail-container .upper-box .right-detail li a i{

		font-size:24px;

	}

	.project-detail-container .upper-box .right-detail li a span {

		font-size: 12px;

	}

	.about-project {

		margin: 25px 0 0;

	}

	.about-project .detail {

		position: static;

		width: 100%;

		padding: 20px 0 0;

	}

	.about-project .detail:before {

		display: none;

	}

	.about-project .detail li strong {

		font-size: 13px;

	}

	.about-project .detail li span {

		font-size: 14px;

	}

	.project-discription {

		padding-bottom: 25px;

	}

	.project-discription .feature-list li {

		width: 100%;

		margin-bottom: 15px;

	}

	.project-discription .right-content {

		padding-left: 0;

	}

	.project-discription .right-content .img-box li img,.project-discription .box,.project-discription .box.odd {

		width: 100%;

	}

	.project-discription .box,.project-discription .box.odd{

		margin-left:0;

		margin-right:0;

	}

	.project-discription .box {

		margin-top: 20px;

		margin-bottom: 20px;

	}

	.project-discription .right-content .bx-prev {

		font-size: 0;

		background-position: center center;

	}

	.project-discription .right-content .bx-next {

		font-size: 0;

		background-position: center center;

	}

	.pro-slider li {

		text-align: center;

	}

	.project-discription .bx-prev::before, .project-discription .bx-next::before {

		font-size: 20px;

	}

	.project-discription .bx-prev::before {

		left: 45%;

	}

	.project-discription .bx-next::before {

		right: 45%;

	}

	.project-discription .box strong{

		text-align:center;

	}

	.icon-goal,.icon-eco{

		display:block;

		margin-left:auto;

		margin-right:auto;

	}



	/*projects-2 content*/

	.project-list-2 {

		margin-left: 0;

		padding: 0;

	}

	.project-list-2 li {

		width: 100%;

		margin-left: 0;

		margin-bottom: 25px;

	}

	.our-team-container .bx-prev {

		left: -15px;

		top: 50%;

		margin: 0;

	}

	.our-team-container .bx-next {

		right: -15px;

		top: 50%;

		margin: 0;

	}

	.video-container .box strong,.info-aboutus .box strong{

		text-align:center;

	}

	.video-container .box i,.info-aboutus .box i{

		display:block;

		margin-left:auto;

		margin-right:auto;

	}

	#gallery-content-center {

    overflow: visible !important;

}

.other-project {

    overflow: hidden;

    padding-top: 50px;

}

#pageloader{

	display:none;

}

.breadcrumbs-box ul li:first-child{ margin-left:0;}

}



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

	.our-info .img-list {

		margin-left: 0;

	}

	.our-info .img-list{

		margin-left:0;

	}

	.our-info .img-list li {

		width: 100%;

		text-align: center;

		margin: 0 0 15px 0;

		padding:0;

	

	}



	/*project-1 content*/

	.other-project li {

		width: 100%;

		margin-bottom: 20px;

	}

	.other-project li > img {

		width: 100%;

	}

	#slider .img-slider .bx-viewport, #slider .img-slider .bx-viewport li, #slider .img-slider .bx-viewport img {

		height: 180px !important

	}



}



@media only screen and (min-width: 768px) and (max-width: 1200px) {



	.num {

		position: absolute;

		right: -48%;

		top: -76px;

	}

	.submenu {

		min-width: 140px;

	}

	 .our-contact li:first-child {

		border: none;

		padding-left: 0;

	}

	

	 .layer1 {

		top: 28.4% !important;

		left: 12% !important;

	}

	 .layer2 {

		top: 36% !important;

		left: 12% !important;

	}

	 .layer3 {

		top: 43% !important;

		left: 12% !important;

	}

	 .layer4 {

		top: 51% !important;

		left: 12% !important;

	}

	 .layer4 p {

		width: 85%;

	}

	 .layer5 {

		top: 64% !important;

		left: 12% !important;

	}



	



	/*blog-1 content*/

	.blog-container-1 .blog-list article {

		padding: 40px;

	}

	.blog-container-1 .blog-list .detail {

		padding: 20px 20px 0 0;

	}



	/*blog-2 content*/

	.blog-container-2 .right-body .inner-content {

		padding-left: 0;

	}

	.blog-container-2 .right-body .post-list a {

		line-height: 16px;

	}

	.blog-container-2 .right-body .meta-list li a {

		margin-right: 4px;

	}

	.blog-container-2 .left-body .detail {

		padding: 20px;

	}



	/*blog-post content*/

	.comment-box li .msg-detail {

		width: 78%;

	}



	/*clients content*/

	.our-clients .box strong em {

		width: 80%;

	}



	/*project content*/

	.project-list .detail {

		padding: 20px;

	}

	.project-list .detail ul {

		padding: 10px 0;

	}

	.project-list .detail ul li {

		margin-right: 10px;

	}

	.project-list .detail ul li a i {

		margin-right: 5px;

	}

	.project-list .detail ul li a span {

		font-size: 11px;

	}

	.project-list p {

		line-height: 20px;

	}

	.project-list .view {

		margin-top: 10px;

	}

	.project-list .detail ul li a i{

		font-size:24px;

	}



	/*Service-Info-3 Section*/

	.service-container-3 {

		padding: 100px 0;

	}

	.service-container-3 .office-list {

		margin-left: -1%;

	}

	.service-container-3 .office-list li {

		width: 32%;

		margin-left: 1%;

	}



	/*projects-2 content*/

	.project-list-2 {

		margin-left: -2%;

	}

	.project-list-2 li {

		width: 48%;

		margin-left: 2%;

		margin-bottom: 25px;

	}



}



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



	/*clients content*/

	.our-clients .box, .our-clients .box.last {

		width: 100%;

	}

	/*Info Container*/

	.info-container .our-images ul {

		width: 100%;

		float: none;

	}

	.info-container .our-images ul:first-child {

		padding-right: 0;

	}

	.info-container .our-images ul:last-child {

		padding-left: 0;

	}

	.our-partners ul li {

		width: 50%;

	}

	.our-work .bottom-row-2 a{

		width:100%;

	}



}