/**************/
/* media css */
@media only screen 
and (min-width:1200px) and (max-width:1324px){
.line{
	margin-left:0px;
	}
.line1{
	margin-right:0px;
	}
}
@media only screen 
and (min-width:991px) and (max-width:1200px){
		.navbar-brand {
			padding: 0px 30px 0px 0px!important;
		}
		.sf-menu a{padding:1em 1.6em!important;}
	}
@media only screen 
and (min-width:1024px) and (max-width:1199px){
.upper-menu-tab ul li a{
	padding:10px 15px;
	}
.custom-button-4{
	margin-top:10px;
	}
.menu-bottom-content .col-md-3{
	width:50%!important;
	float:left;
	}
.client-image:after{
	display:none;
	}
.client-image{
	float:none;
	text-align:center;
	margin-bottom:25px;
	}
.our-tem-content{
	margin-left:50px;
	}

.client-image1:after{
	display:none;
	}
.client-image1{
	float:none;
	text-align:center;
	margin-bottom:20px;
	}
.client-image1 img{
	margin-top:15px;
	}
}
@media only screen 
and (min-width:940px) and (max-width:1023px){
.upper-menu-tab ul li a{
	padding:10px 15px;
	}
.upper-menu-tab{
	margin-left:40%;
	}
.capability-bar-concept .col-md-2{
	float:left;
	}
.menu-bottom-content .col-md-3{
	width:50%!important;
	float:left;
	}
.social-icons ul li {
	padding: 15px 15px;
	}
.team-meet-part{
	margin:0 auto;
	}
.detail-part-image img{
	margin:0 auto;
	}
.detail-part-content{
	text-align:center;
	}
.client-image1:after{
	display:none;
	}
.client-image1{
	float:none;
	text-align:center;
	margin-bottom:20px;
	}
.client-image1 img{
	margin-top:15px;
	}
}
@media only screen 
and (min-width:994px) and (max-width:1023px){
.client-image:after{
	display:none;
	}
.client-image{
	float:none;
	text-align:center;
	margin-bottom:25px;
	}
.our-tem-content{
	margin-left:16%;
	}
}
@media only screen 
and (min-width:768px) and (max-width:990px){
		.navbar-header{
			margin-left:40%!important;
		}
		.sf-menu a{
			font-size:13px;
			padding:1em 1.6em;
			}
	}
@media only screen 
and (min-width:768px) and (max-width:939px){
.upper-menu-tab{
	margin-left:35%;
	}
.upper-menu-tab ul li a{
	padding: 10px 15px;
	}
.read-more-option a{
	margin-left:9px;
	}
.line{
	margin-left:100px;
	}
.line1{
	margin-right:100px;
	}
.meet-us{
	margin-left:10%;
	}
.tab-four{
	display:none;
	}
.client-image1:after{
	display:none;
	}
.client-image1{
	float:none;
	text-align:center;
	margin-bottom:20px;
	}
.client-image1 img{
	margin-top:15px;
	}
	
}
@media only screen 
and (min-width:640px) and (max-width:767px){
		.navbar-default .navbar-toggle{margin-right:-150%!important;}
		.navbar-collapse ul li {
			width: 100%;
			margin-right: 0px;
			margin-left: 0px;
			padding-left: 0px;
			padding-right: 0px;
		}
		.sf-menu a{border-left:none;}
	
	}
@media only screen 
and (min-width:600px) and (max-width:767px){
.upper-menu-tab{
	display:none;
	}
.client-image1:after{
	display:none;
	}
.client-image1{
	float:none;
	text-align:center;
	margin-bottom:20px;
	}
.client-image1 img{
	margin-top:15px;
	}
.line{
	margin-left:100px;
	}
.line1{
	margin-right:100px;
	}
.bar-style{
	margin:0px;
	width:100%;
	}
.bar-icon i{
	float:none;
	}
.bar-icon{
	text-align:center;
	}
}
@media only screen 
and (min-width:480px) and (max-width:639px){
		.navbar-default .navbar-toggle{margin-right:-100%!important;}
		.navbar-collapse ul li {
			width: 100%;
			margin-right: 0px;
			margin-left: 0px;
			padding-left: 0px;
			padding-right: 0px;
		}
		.sf-menu a{border-left:none;}
	
	}
@media only screen 
and (min-width:440px) and (max-width:599px){
.upper-menu-tab{
	display:none;
	}
.upper-logo{
	display:none;
	}
.client-image:after{
	display:none;
	}
.client-image{
	float:none;
	text-align:center;
	margin-bottom:25px;
	}
.our-tem-content{
	margin-left:65px;
	}
.social-icons ul li {
	padding: 17px 15px;
	}
.client-image1:after{
	display:none;
	}
.client-image1{
	float:none;
	text-align:center;
	margin-bottom:20px;
	}
.client-image1 img{
	margin-top:15px;
	}
button.close1{
	top: -9px;
	right: 15px;
	}	
.bar-style{
	margin:0px;
	width:100%;
	}
.bar-icon i{
	float:none;
	}
.capability-content{
	text-align:center;
	}
.skills-progress{
	float:none;
	text-align:center;
	}
}
@media only screen 
and (min-width:280px) and (max-width:479px){
		.navbar-default .navbar-toggle{margin-right:-70%!important;}
		.navbar-collapse ul li {
			width: 100%;
			margin-right: 0px;
			margin-left: 0px;
			padding-left: 0px;
			padding-right: 0px;
		}
		.sf-menu a{border-left:none;}
	
	}
@media only screen 
and (min-width:280px) and (max-width:439px){
.upper-menu-tab{
	display:none;
	}
.upper-logo{
	display:none;
	}
.line{
	width:65px;
	}
.line1{
	width:65px;
	}
.client-image{
	float:none;
	text-align:center;
	margin-bottom:25px;
	}
.client-image:after{
	display:none;
	}
.social-icons ul li {
	list-style: none;
	padding: 17px 15px;
	}
.our-tem-content{
	width:100%;
	}
.social-icons ul .corner-round1{
	border-bottom-left-radius:0px;
	border-top-right-radius:5px;
	}
.tab-four{
	display:none;
	}
.tab-three{
	left:35px;
	}
.client-image1:after{
	display:none;
	}
.client-image1{
	float:none;
	text-align:center;
	margin-bottom:20px;
	}
.client-image1 img{
	margin-top:15px;
	}
#portfolio-wrap {
	margin-left:0%!important;
	width:100%!important;
	}
.view-back a{
	right:40px!important;
	}
.view-back span{
	padding:5px 33px 5px!important;
	}
.bar-style{
	margin:0px;
	width:100%;
	}
.bar-icon i{
	float:none;
	}

.capability-content{
	text-align:center;
	}
.skills-progress{
	float:none;
	text-align:center;
	}
.read-more-option a{margin-left:-5px;}
}

@media only screen 
and (min-device-width : 300px) 
and (max-device-width : 767px) {
	.upper-menu-tab{display:none;}
	.upper-logo{display:none;}
	}