.page-header_list{
padding-bottom: 1px!important;
}
@media (min-width: 768px) and (max-width:990px){
	.team_area4 {
	margin-bottom: 45px!important;
	width: 50%!important;}
	.team_area4 .team_about4a, .team_area4 .team_about4b, .team_area4 .team_about4c, .team_area4 .team_about4d{
	margin-left:26%;
	}
}
@media (min-width: 990px) and (max-width:1349px){
	.team_area4 .team_about4a, .team_area4 .team_about4b, .team_area4 .team_about4c, .team_area4 .team_about4d{
	margin-left:22%!important;
	}
}

@media(min-width: 393px) and (max-width: 769px){
.team_area4 {width: 100%;margin-bottom:90px;}
.team_area4 .team_about4a, .team_area4 .team_about4b, .team_area4 .team_about4c, .team_area4 .team_about4d{margin-left:38%;}
.rel_about p {width: 100%;}
.details_testimonials .re-details-post iframe{width:100%;}
.tec_pack .populat_tag {margin: -3px 0px 0px 116px!important;}	
#products_example #products .next {left: 100%;}

}
@media(min-width: 100px) and (max-width: 393px){
.team_area4 {width: 100%;}
.team_area4 .team_about4a, .team_area4 .team_about4b, .team_area4 .team_about4c, .team_area4 .team_about4d{
	margin-left:28%;
	}
}

@media (max-width: 768px){
.rel-custom-service .offer_4 h3 a{
font-size: 21px;
padding: 15px 36px;}
.rel_office_location iframe{width:100%;}
.offer_details li {
float: left;
padding: 10px 44px 10px 10px!important;
border: 1px solid #535353!important;
list-style: none;}
.ecart_pd{margin-bottom:10px;}
.details_testimonials .re-details-post iframe{width:100%!important;}
}
@media (max-width: 769px) and (min-width: 393px){
#products_example #products .next {left: 95%!important;}
.tec_pack{margin-bottom:60px;}
.rel_recentpost .re-details-post iframe{width:100%;}
.rel_details_list .offer_details li{width: 50%;}
.rel_details_content .offer_details li{width:50%;}
.slider #myCarousel2 .home_right .glyphicon-chevron-right{left:44%!important;}
.rel_details_content img{height:200px!important;}
#htl-myCarousel5 .left{margin-left:-40px;}
#htl-myCarousel5 .right{margin-left:-20px;}
.carousel-inner .active .tpl-medium{margin-top:45px;}
}
@media (min-width: 768px) and (max-width: 1169px){
.rel_office_location iframe{width:100%;}
.rel_recentpost .re-details-post iframe{width:100%;}
}


									/* service-2 page */
.our-service{
text-align:center;
height: 100px;
width: 100px;
margin: 0 auto;
background:#2c3e50;
border-radius: 50px;
}
.our-service i{
line-height: 100px;
font-size: 31px;
font-weight: bold;
color: #fff;
}
.our-service:hover{
text-align:center;
height: 100px;
width: 100px;
margin: 0 auto;
background:#fa4248;
border-radius: 50px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.parent_service:hover .our-service{
background:#fa4248;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.rel_service{
text-align: center;
margin-bottom: 0px!important;
}
.rel_service h3{
font-size:27px;
font-weight:bold;
color:#2c3e50;
}
.rel_service .head_tittle{
font-size:18px;
color:#959595;
padding-bottom: 70px;
}
.buy-tittle h3{
text-align:center;
color:#fff;
font-size:30px;
}
.buy-this{
margin-top: 10px;
}
.buy-this button{
padding: 18px 18.5px;
font-size: 20px;
color: #fff;
background: #2c3e50;
}
.buy-this button:hover{
padding: 18px 18.5px;
font-size: 20px;
color: #fff;
background: #2c3e50;
}
.speciality_area{
margin-top: 25px;
}
.service_feature{
padding: 0px!important;
margin-top:20px;
}
.black_skill{
height: 13px;
position: relative;
background: #DEE3E4;
-moz-border-radius: 25px;
border-radius:0px!important;
margin-bottom: 20px!important;
}
.black_skill span{
background:#2c3e50;
border-radius:0px!important;
}
.skill-gress{
background: url(../assets/images/skill-box.png)no-repeat;
width: 29px;
padding: 10px;
float: left;
border-radius: 3px;
margin-top: -20px;
position: relative;
margin-left: -10px;
padding-bottom: 11px;
color: #fff;
font-size: 12px;
line-height: 1px;
}
.service-skill h3{
margin:0px!important;
}
.service-skill{
border-bottom: 0px solid #e2e2e2!important;
margin-bottom: 10px;
margin-top: 20px;
}
.service_feature .rel_feature{
text-align: center;
line-height: 85px;
height: 85px;
width: 85px;
border-radius: 50px;
font-size: 30px;
color: #404547;
border: 3px solid #d9d9d9;
margin-top: 7px;
}
#htl-myCarousel5 .left, #htl-myCarousel5 .right{
position:relative;
}
.service_2_header{
margin-top:0px!important;
}
.service2_re_more{
padding: 6px!important;
}
									/* service page */
.tec-feature-img img{
margin-top:0px!important;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
top: 10%!important;
left:44%!important;
}
.section_under_slider{
background-color: #fa4248;
padding-top: 30px;
padding-bottom: 10px!important;
border-bottom: 1px solid #ff6a6f;
}
.section_under_slider .buy-tittle{
text-align:center;
}

.section_under_slider .buy-tittle h3 {
text-align: center;
color: #fff;
font-size: 48px;
margin: 0px;
line-height: 48px;
margin-bottom: 6px;
}
.section_under_slider .buy-tittle h4 {
text-align: center;
color: #fff;
font-size: 30px;
margin: 0px;
}
.section_under_slider .buy-tittle p {
text-align: center;
color: #fff;
font-size: 18px;
line-height: 21px;
}
.service_slide_images .active img{
padding-bottom:0px!important;
}
.service_repost{
margin-top:0px!important;
}
		/*******Price Table 3 Col Page********/
.price_table_3_col{
margin-top:135px;
margin-bottom:75px;
background: #fff;
}
.rel_ser_head_p{
width: 70%;
text-align: center;
margin: 0 auto;
padding-bottom: 60px;
}
		/*******service Page********/
.tec-feature-p{
margin-bottom:0px!important;
}
.service_top_area{
margin-bottom:0px!important;
}
.service_top_area .theme-showcase, .tec_section_our_service{
margin-bottom:0px!important;
margin-top:0px!important;
}
.tec_section_our_service{
background: #d7dadb!important;
}
.pack_fix{
background:#fff!important;
margin-bottom: 3px;
border-radius: 3px;
}
.fix_tool{
margin-top: 5px;
}
.service_left{
left: 67%!important;
background: none!important;
}
.service_right{
left: 72.5%!important;
background: none!important;
}
.service_left span, .service_right span{
margin-top: -15px;
}
.rel_sl_right span{
left:25%!important;
}
						/* Start of progress-bar */
							
	@media (max-width: 900px) and (min-width: 500px){
	.meter {width:300px;}
	}

	
	.progress {
	overflow: visible!important;
	}
.meter { 
	height: 12px;  /* Can be anything */
	position: relative;
			
	background: #DEE3E4;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	border-radius: 25px;		
	-webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
	-moz-box-shadow   : inset 0 -1px 1px rgba(255,255,255,0.3);
	box-shadow        : inset 0 -1px 1px rgba(255,255,255,0.3);
	margin-bottom:10px;
	margin:0px;
		}
	.progress_line .orange{
	margin-bottom:15px!important;
	}
		.meter > span {
			display: block;
			height: 100%;
			  
			background-color: #1ABC9C;
			
			background-image: -moz-linear-gradient(
			  center bottom,
			  rgb(43,194,83) 37%,
			  rgb(84,240,84) 69%
			 );
			-webkit-box-shadow: 
			  inset 0 2px 9px  rgba(255,255,255,0.3),
			  inset 0 -2px 6px rgba(0,0,0,0.4);
			-moz-box-shadow: 
			  inset 0 2px 9px  rgba(255,255,255,0.3),
			  inset 0 -2px 6px rgba(0,0,0,0.4);
			box-shadow: 
			  inset 0 2px 9px  rgba(255,255,255,0.3),
			  inset 0 -2px 6px rgba(0,0,0,0.4);
			position: relative;
			overflow: hidden;
		}
		.meter > span:after, .animate > span > span {
			content: "";
			position: absolute;
			top: 0; left: 0; bottom: 0; right: 0;
			background-image: 
			   -webkit-gradient(linear, 0 0, 100% 100%, 
			      color-stop(.25, rgba(255, 255, 255, .2)), 
			      color-stop(.25, transparent), color-stop(.5, transparent), 
			      color-stop(.5, rgba(255, 255, 255, .2)), 
			      color-stop(.75, rgba(255, 255, 255, .2)), 
			      color-stop(.75, transparent), to(transparent)
			   );
			background-image: 
				-moz-linear-gradient(
				  -45deg, 
			      rgba(255, 255, 255, .2) 25%, 
			      transparent 25%, 
			      transparent 50%, 
			      rgba(255, 255, 255, .2) 50%, 
			      rgba(255, 255, 255, .2) 75%, 
			      transparent 75%, 
			      transparent
			   );
			z-index: 1;
			-webkit-background-size: 50px 50px;
			-moz-background-size: 50px 50px;
			-webkit-animation: move 2s linear infinite;
			   -webkit-border-top-right-radius: 8px;
			-webkit-border-bottom-right-radius: 8px;
			       -moz-border-radius-topright: 8px;
			    -moz-border-radius-bottomright: 8px;
			           border-top-right-radius: 8px;
			        border-bottom-right-radius: 8px;
			    -webkit-border-top-left-radius: 20px;
			 -webkit-border-bottom-left-radius: 20px;
			        -moz-border-radius-topleft: 20px;
			     -moz-border-radius-bottomleft: 20px;
			            border-top-left-radius: 20px;
			         border-bottom-left-radius: 20px;
			overflow: hidden;
		}
		
		.animate > span:after {
			display: none;
		}
		
		@-webkit-keyframes move {
		    0% {
		       background-position: 0 0;
		    }
		    100% {
		       background-position: 50px 50px;
		    }
		}
		
		.orange > span {
			background-color: #1abc9c;
			border-radius:10px;
			color: transparent;
			float:left;
		}
		
		
		
		
		.nostripes > span > span, .nostripes > span:after {
			-webkit-animation: none;
			background-image: none;
		}
		.progress_line{margin:0px;}
		.progress_line h3{padding-bottom: 24px;}
		.p_img{margin:0px;}
		.p_bar p{font-family: 'Open Sans', sans-serif;font-size: 10pt;}
		
		span.cir_pro{background:red; padding:20px;}
		
		p.pro_cer{background: #17A187;
width: 0px;
padding: 10px;
float: left;
border-radius: 10px;
margin-top: -4px;
position: relative;
z-index: 2200000000000000;
margin-left: -10px;}
.meter{
max-width:500px;
}							
.about2-gress .Pro_1{
width: 80%!important;
}
.about2-gress .Pro_2{
width: 70%!important;
}
.about2-gress .Pro_3{
width: 90%!important;
}
.about2-gress .Pro_4{
width: 75%!important;
}
			/* end of progress-bar */
			
/*recent post*/

p.htl-readmore{
	width: 61%;
	float: left;
	margin-top: -10px!important;
}
.htl-recentpost p.htl-dwn-top{margin-top:-12px;}

.col-sm-11{z-index:9999;}


.page-header-testi {border-bottom: 2px solid #e2e2e2; margin-bottom:26px; padding-bottom:0px;}
.page-header-testi span{
border-bottom: 2px solid #ff3333;
padding-bottom: 15px;
font-weight: bold;
}
.profile_fix .profile_img{
padding:0px!important;
}
.mem_comments{
padding:0px!important;
margin-top:15px;
}
.fix-border{
border-left:1px solid #d7dadb;
}
.mem_comments p{
padding: 22px;
background: #e2e2e2;
border-radius: 7px;
font-size: 18px;
padding-bottom: 30px;
padding-top: 30px;
}
.rel_recentpost .col-sm-6, .rel_recentpost .col-sm-5 {
padding:0px;
}
.re-post-post{
padding-left:15px!important;
}
.rel_recentpost img{
height:223px;
border-radius: 5px;
}

.profile_fix li{
float:left;
list-style:none;
margin-right: 5px;
}
.profile_fix h5{
margin: 5px 0 5px 0px;
}
.profile_fix .img-responsive{
height:100px;
}
.profile_fix .member_pic{
margin-top:0px!important;
margin-bottom:0px!important;
}
.re-post-post h3{
margin:0px;
margin-bottom:3px;
}
.re-post-post li{
float:left;
list-style:none;
}
.re-post-post .edu-btn-read-more, .edu-btn-read-more{
background:#2c3e50!important;
margin-top:0px!important;
padding: 5px!important;
}
.re-post-post .edu-btn-read-more:hover, .edu-btn-read-more:hover{
background:#6e92b7!important;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.post-content{
margin-top: 25px;
}
.edu-custom-service{
float:left!important;
}
.edu-read-more{
padding:0px!important;
}
.edu-btn-read-more{
margin-top:15px!important;
font-size: 21px!important;
}
.edu-read-more a{
width: 100%;
padding: 14px;
}

.next{
float: right;
margin-top: -40px;
padding-right: 44px;
}
.first{
padding-right:5px;
}
.member_pic a{
text-decoration:none!important;
}
.sale{
width: 30%;
position: absolute;
background: url(../assets/images/rent.png)no-repeat 0% 0%;
height: 90px;
}
.sale2{
width: 30%;
position: absolute;
background: url(../assets/images/sale2.png)no-repeat 0% 0%;
height: 90px;
}
.sale3{
width: 30%;
position: absolute;
height: 90px;
background: url(../assets/images/sale.png)no-repeat 0% 0%;
}

									/* service-2 page */
.our-service{
text-align:center;
height: 100px;
width: 100px;
margin: 0 auto;
background:#2c3e50;
border-radius: 50px;
}
.our-service i{
line-height: 100px;
font-size: 31px;
font-weight: bold;
color: #fff;
}
.our-service:hover{
text-align:center;
height: 100px;
width: 100px;
margin: 0 auto;
background:#fa4248;
border-radius: 50px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.parent_service:hover .our-service{
background:#fa4248;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.rel_service{
text-align: center;
}
.rel_service h3{
font-size:27px;
font-weight:bold;
color:#2c3e50;
margin-top: 40px;
}
.rel_service .head_tittle{
font-size:18px;
color:#959595;
padding-bottom: 40px;
}
.buy-tittle h3{
text-align:center;
color:#fff;
font-size:30px;
}
.buy-this{
margin-top: 10px;
}




.buy-this button{
padding: 12px 30px;
margin-top: 10px;
color:#fff;
background: #2c3e50!important;
font-size:20px;
border:1px solid #fff;
border-radius: 8px;
}
.buy-this button:hover{
padding: 12px 30px;
margin-top: 10px;
color:#fff;
background: #6e92b7!important;
font-size:20px;
border:1px solid #fff;
border-radius: 8px;
}
.speciality_area{
margin-top: 25px;
}
.service_feature{
padding: 0px!important;
margin-top:20px;
}
.black_skill{
height: 25px;
position: relative;
background: #DEE3E4;
-moz-border-radius: 25px;
border-radius:0px!important;
margin-bottom: 20px!important;
}
.black_skill span{
background:#2c3e50;
border-radius:0px!important;
height: 25px;
}
.skill-gress{
background: url(../assets/images/skill-box.png)no-repeat;
width: 29px;
padding: 10px;
float: left;
border-radius: 3px;
margin-top: -20px;
position: relative;
margin-left: -10px;
padding-bottom: 11px;
color: #fff;
font-size: 12px;
line-height: 1px;
}
.service-skill h3{
margin:0px!important;
}
.service-skill{
border-bottom: 0px solid #e2e2e2!important;
margin-bottom: 10px;
margin-top: 20px;
}
.service_feature .rel_feature{
text-align: center;
line-height: 85px;
height: 85px;
width: 85px;
border-radius: 50px;
font-size: 30px;
color: #404547;
border: 3px solid #d9d9d9;
margin-top: 7px;
}
#htl-myCarousel5 .left, #htl-myCarousel5 .right{
position:relative;
}
.service_2_header{
margin-top:0px!important;
}
.service2_re_more{
padding: 6px!important;
}
.servicetwo_head{
width: 100%;
background: url(../assets/images/about-bg.png);
height: 180px;
}
.page-header-testi {
border-bottom: 2px solid #e2e2e2;
margin-bottom: 26px;
padding-bottom: 0px;
}

/* portf-one-our-project start */
.portf-one-our-project{
	height:180px;
	background-color:#2c3e50;
	margin-top: 17px;
}
.portf-one-our-project{
	background-image: url("../../../portfolio/assets/images/portfolio/port_one_hdbg.png");
	background-repeat: no-repeat;
	background-position-x: right;
}
.portf-one-our-project .left-part h2{
	font-size:36px;
	font-weight:bold;
	color:white;
	padding-top:15px;
}
.portf-one-our-project .left-part p{
	font-size:16px;	
	color:white;
	line-height: 20px;
}
.portf-one-our-project .right-part img{
	height: 180px;
}

/* portf-one-our-project end */

.bg-clr{
	background-color: #6e92b7!important;
}
.bg-clr:hover{
	background-color: #2c3e50!important;
}
.btm-clr .page-header .feature-title {
border-bottom: 2px solid #2c3e50!important;
}

.btm-clr .service_2_header h2 {
text-align:left!important;
}
.mgn-btm{
	margin-bottom:30px!important;
}