/*
 1) Tablet and Desktop
 ----------------------------------------*/
@media only screen and (min-width: 767px) {
	.project-category {
  padding: 65px 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;
	}
}







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

	

	


	/*Service Info Section*/

	.project-container .detai-box h2 {
		font-size: 20px;
		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: -71px;
	}
	.project-container .odd .detai-box {
		padding-left: 18px;
	}
		.project-container .odd {
		margin-top: 45px;
	}
	    
.project-container .detai-box {
		padding-right: 14px;
	}

	/*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) {

.sp-page-builder .page-content #section-id-1504165457699 {
    padding: 40px 0px 0px 0px!important;
}
.sp-page-builder .page-content #section-id-1511542635718 {
    padding: 40px 0px 20px 0px!important;
}
.sppb-addon--awards .sppb-addon-content {
    padding: 40px 70px!important;
}
.sp-page-builder .page-content #section-id-1511667922943 {
    padding: 40px 0px 40px 0px!important;
}
.sp-page-builder .page-content #section-id-1511656285252 {
    padding: 40px 0px 10px 0px!important;
}

	/*Service Info Section*/
	.project-container {
		padding-bottom: 40px;
		    padding-top: 0px;
    margin-top: -28px;
	}

	.project-container .detai-box h2 {
		font-size: 17px;
		margin-bottom: 20px;
		line-height: 1;
	}
	.project-container .img-box {margin-top: 55px;}
	.project-container .odd .detai-box h2 {margin-left: 98px;margin-top: 15px;}
	.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: 50px;
	}
	.project-container .our-project {
		height: 104px;
		margin-top: -38px;
	}
	.project-container .odd .detai-box {
			padding: unset;
			padding-left: 15px;
			    margin-top: -3px;
	}
	.project-container .detai-box {
		padding: unset;
		padding-right: 15px;
		margin-top: 35px;
	}
		

	
	/*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;
	}

	
}

/*
 5) Mobile
 ----------------------------------------*/
@media only screen and (max-width: 767px) {

	/*.project-container .detai-box h2{
		font-size: 25px;
	}*/

	/*project Section*/
	.project-container {
		padding: 30px 0;
		padding-top: 0;
	}
	.project-container .our-project {
		display:none;
		position: static;
		margin: 0;
		width: 100%;
		height: auto;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.project-container .detai-box {
		width: 100%;
		padding-left:0px;
		padding-right: 0px;
	}
	.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;
	}

}

@media only screen and (max-width: 450px) {
	.project-container .detai-box h2 {
    font-size: 16px;
	line-height: 1.5;
	font-weight: 600;
    letter-spacing: 0px;
}
.project-container {
    margin-top: -10%;
}
}