.portfolio-menu {
	width: 100%;
	border-bottom: 1px solid #ccc;
}

.portfolio-menu-mobile {
	display: block;
	padding: 20px;
}

/* .portfolio-menu-mobile:after {
	content: "\f0c9";
	font-family: fontawesome;
	font-size: 2.5rem;
	padding: 0;
	float: right;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-25%);
			transform: translateY(-25%);
			color:#000;
  } */
.portfolio-menu-dropdown-icon {
	/* content: "\f067";
	font-family: 'FontAwesome'; */

	cursor: pointer;
	float: right;
	padding: 8.5px;
	background: #fff;
	color: #333;
}

.portfolio-menu>ul {
	margin: 0 auto;
	width: 100%;
	list-style: none;
	padding: 0;
	position: relative;
	/* IF .portfolio-menu position=relative -> ul = container width, ELSE ul = 100% width */
	box-sizing: border-box;
	clear: right;
}

.portfolio-menu>ul:before,
.portfolio-menu>ul:after {
	content: "";
	display: table;
}

.portfolio-menu>ul:after {
	clear: both;
}

.portfolio-menu>ul>li {
	float: left;

	padding: 0;
	margin: 0;
}

.portfolio-menu>ul>li a {
	text-decoration: none;
	color: #484848;
	display: block;
	font-size: 15px;
	font-weight: 300;
	margin: 0;
	padding: 10px 15px;
}

.portfolio-menu>ul>li:hover {
	background: #c62828;

}

.anchor-port-head {
	text-transform: uppercase;
}

.portfolio-menu>ul>.portfolio-head-list:hover .anchor-port-head {
	color: #fff;
	font-size: 15px;
	/* font-weight: 600; */
}

.portfolio-menu>ul>li>ul {
	display: none;
	width: 100%;
	background: #fff;
	padding: 20px;
	position: absolute;
	z-index: 99;
	left: 0;
	margin: 0;
	list-style: none;
	box-sizing: border-box;
	border: 1px solid #ccc;
}

.portfolio-menu>ul>li>ul:before,
.portfolio-menu>ul>li>ul:after {
	content: "";
	display: table;
}

.portfolio-menu>ul>li>ul:after {
	clear: both;
}

.portfolio-menu>ul>li>ul>li {
	margin: 0;
	padding-bottom: 0;
	list-style: none;
	width: 25%;
	background: none;
	float: left;
}

.portfolio-menu>ul>li>ul>li a {
	color: #777;
	padding: 10px 0px;
	width: 100%;
	display: block;
	font-size: 16px;
	font-weight: 400;
	text-decoration: none;
}

.portfolio-menu>ul>li>ul>li a:hover {
	color: #c62828;
}

.portfolio-menu>ul>li>ul>li>ul {
	display: block;
	padding: 0;
	margin: 10px 0 0;
	list-style: none;
	box-sizing: border-box;
}

.portfolio-menu>ul>li>ul>li>ul:before,
.portfolio-menu>ul>li>ul>li>ul:after {
	content: "";
	display: table;
}

.portfolio-menu>ul>li>ul>li>ul:after {
	clear: both;
}

.portfolio-menu>ul>li>ul>li>ul>li {
	float: left;
	width: 100%;
	padding: 10px 0;
	margin: 0;

}

.portfolio-menu>ul>li>ul>li>ul>li a {
	border: 0;
	font-size: 14px;
}

/* .portfolio-menu > ul > li > ul.normal-sub {
	width: 300px;
	left: auto;
	padding: 10px 20px;
  } */
/* .portfolio-menu > ul > li > ul.normal-sub > li {
	width: 100%;
  } */
.portfolio-menu>ul>li>ul.normal-sub>li a {
	border: 0;
	padding: 1em 0;
}

.anchor-port-head span {
	display: none;
}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
  Mobile style's
  –––––––––––––––––––––––––––––––––––––––––––––––––– */
@media only screen and (max-width: 959px) {
	.portfolio-heading h3 {

		font-size: 24px !important;
	}

	.anchor-port-head span {
		float: right;
		display: block;
	}

	.portfolio-menu-container {
		width: 100%;
	}

	.portfolio-menu-container .portfolio-menu {
		display: inline-block;
	}

	.portfolio-menu-mobile {
		display: block;
		float: right;
		padding: 10px 20px 0;
	}

	.portfolio-menu-dropdown-icon:before {
		display: block;
	}

	.portfolio-menu>ul {
		/* display: none; */
		width: 100%;
	}

	.portfolio-menu>ul>li {
		width: 100%;
		float: none;
		display: block;
	}

	.portfolio-menu>ul>li a {
		padding: 8px;
		width: 100%;
		display: block;
	}

	.portfolio-menu>ul>li>ul {
		position: relative;
		padding: 20px;

		min-height: 100px;

		max-height: 300px;

		overflow-y: auto;
	}

	.portfolio-menu>ul>li>ul.normal-sub {
		width: 100%;
	}

	.portfolio-menu>ul>li>ul>li {
		float: none;
		width: 100%;
		margin-top: 20px;
	}

	.portfolio-menu>ul>li>ul>li:first-child {
		margin: 0;
	}

	.portfolio-menu>ul>li>ul>li>ul {
		position: relative;
	}

	.portfolio-menu>ul>li>ul>li>ul>li {
		float: none;
	}

	.portfolio-menu .show-on-mobile {
		display: block;
	}
}

.port-sub-drop-list img {
	margin-right: 15px;
	width: 50px;
	height: 50px;
	vertical-align: middle;
	border-radius: 50px
}

.portfolio-heading {
	margin: 0;
	padding: 30px 0;
}

.portfolio-heading h3 {
	color: #000000;
	font-size: 40px;
	font-weight: 300;
	margin: 0 0 15px;
	padding: 0;
}

@media (max-width: 1023px) and (min-width: 280px) {
	.port-sub-drop-list img {

		width: 30px;
		height: auto;
	}

	.portfolio-menu>ul>li>ul>li {
		margin: 0px;
	}

	.portfolio-menu>ul>li>ul>li a {
		font-size: 13px;
	}
}

@media (min-width: 768px) and (max-width: 1024px) {
	.port-sub-drop-list li {
		margin: 0;
		padding-bottom: 0;
		list-style: none;
		width: 33% !important;
		background: none;
		float: left;
	}

}

.da-thumbs {
	margin: 0;
	padding: 0;
}

.da-thumbs li {
	float: left;
	margin: 0px 0px 10px 0px;
	background: #fff;
	padding: 8px !important;
	position: relative;

}

.da-thumbs li a,
.da-thumbs li a img {
	display: block;
	position: relative;
}

.da-thumbs li a {
	overflow: hidden;

	display: block;
}

.da-thumbs li a img {

	width: 100%;

}

.da-thumbs li a div {
	position: absolute;
	background: #333;
	background: #ff5e39cc;
	width: 100%;
	height: 100%;
}

.da-thumbs li a div span {
	display: block;
	padding: 10px 0;
	margin: 20px 20px 10px 20px;
	font-size: 18px;
	font-weight: 500 !important;
	font-weight: normal;
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);

}

.text-content {
	padding: 20px;
	margin: 0px;
	font-size: 15px;
	font-weight: 600;
	box-shadow: 0px 6px 12px 2px rgba(0, 0, 0, 0.07);
	color: #000;
}

.portfolio-para-desc {
	padding: 10px 20px;
	margin: 0px;
	font-size: 14px;
	font-weight: 300;
}

.portfolio-webiste-list {
	padding: 30px 0px;
	margin: 0px;
}

.ps-timeline-sec {
	position: relative;
	background: #fff;
}

.ps-timeline i {
	padding: 10px;
	margin: 0px;
}

.ps-timeline-sec .container {
	position: relative;
}

@media (min-width: 320px) and (max-width: 480px) {

	.ps-timeline-sec .container ol:before {

		top: 60px !important;

	}

	.ps-timeline-sec .container ol.ps-timeline li .img-handler-top {

		padding: 0px 0px 0px 15% !important;

	}

	.ps-timeline-sec .container ol.ps-timeline li .img-handler-bot {

		padding: 0px 0px 0px 15% !important;

	}
}

@media screen and (max-width: 767px) {
	.ps-timeline-sec .container ol:before {
		background: #2a9af3;
		content: "";
		width: 10px;
		height: 10px;
		border-radius: 100%;
		position: absolute;
		top: 90px;

		left: 19px !important;
	}

	.ps-timeline-sec .container ol:after {
		background: #2a9af3;
		content: "";
		width: 10px;
		height: 10px;
		border-radius: 100%;
		position: absolute;
		top: inherit !important;
		left: 19px;
	}

	.ps-timeline-sec .container ol.ps-timeline {
		margin: 10% 0 !important;
		border-left: 2px solid #fd0909;
		padding-left: 0 !important;
		padding-top: 60px !important;
		border-top: 0 !important;
		margin-left: 25px !important;
	}

	.ps-timeline-sec .container ol.ps-timeline li {
		height: 100px;
		float: none !important;
		width: inherit !important;
	}

	.ps-timeline-sec .container ol.ps-timeline li:nth-child(2) .img-handler-bot img {
		width: 70px;
	}

	.ps-timeline-sec .container ol.ps-timeline li:last-child {
		margin: 0;
		bottom: 0 !important;
		height: 60px;
	}

	.ps-timeline-sec .container ol.ps-timeline li:last-child .img-handler-bot {

		margin-top: 29px !important;
	}

	.ps-timeline-sec .container ol.ps-timeline li:last-child .img-handler-bot img {
		width: 100%;
	}

	.ps-timeline-sec .container ol.ps-timeline li:last-child .ps-top {
		margin-bottom: 0 !important;
		top: 20px;
		width: 50% !important;
	}

	.ps-timeline-sec .container ol.ps-timeline li span {
		left: 0 !important;
	}

	.ps-timeline-sec .container ol.ps-timeline li span.ps-sp-top:before {
		content: none !important;
	}

	.ps-timeline-sec .container ol.ps-timeline li span.ps-sp-top:after {
		content: none !important;
	}

	.ps-timeline-sec .container ol.ps-timeline li span.ps-sp-bot:before {
		content: none !important;
	}

	.ps-timeline-sec .container ol.ps-timeline li span.ps-sp-bot:after {
		content: none !important;
	}

	.ps-timeline-sec .container ol.ps-timeline li .img-handler-top {
		position: absolute !important;
		top: -6% !important;
		width: 100% !important;
		float: left !important;
		padding: 0px 0px 0px 10%;
		margin-bottom: 0 !important;
	}

	.ps-timeline-sec .container ol.ps-timeline li .img-handler-top img {
		margin: 0 auto !important;
		width: 80% !important;
	}

	.ps-timeline-sec .container ol.ps-timeline li .img-handler-bot {
		position: absolute !important;
		bottom: 90% !important;
		width: 100% !important;
		float: left !important;
		padding: 0px 0px 0px 10%;
		margin-bottom: 0 !important;
	}

	.ps-timeline-sec .container ol.ps-timeline li p {
		text-align: left !important;
		width: 100% !important;
		margin: 0 auto !important;
		margin-top: 0px !important;
	}

	.ps-timeline-sec .container ol.ps-timeline li .ps-top {
		width: 60% !important;
		float: right !important;
		right: 0;
		top: -40px;
	}

	.ps-timeline-sec .container ol.ps-timeline li .ps-bot {
		width: 60% !important;
		float: right !important;
		right: 0;
		top: -40px;
	}
}

.ps-timeline-sec .container ol:before {
	background: #fd0909;
	content: "";
	width: 13px;
	height: 13px;
	border-radius: 100%;
	position: absolute;
	left: 0px;
	bottom: -5px;
}

.ps-timeline-sec .container ol:after {
	background: #fd0909;
	content: "";
	width: 13px;
	height: 13px;
	border-radius: 100%;
	position: absolute;
	right: 0px;
	bottom: -5px;
}

.ps-timeline-sec .container ol.ps-timeline li {
	float: left;
	width: 16.6%;
	padding-top: 30px;
	position: relative;
}

.ps-timeline-sec .container ol.ps-timeline li span.circle {
	width: 60px;
	height: 60px;
	margin-left: -32px;
	background: #fff;
	border: 4px solid #ef6c00;
	border-radius: 50%;
	box-shadow: 0 0 0 0px #fff;
	text-align: center;
	line-height: 50px -10;
	color: #df8625;
	font-size: 2em;
	font-style: normal;
	position: absolute;
	top: -30px;
	left: 50%;
}

.ps-timeline-sec .container ol.ps-timeline li span.square {
	width: 60px;
	height: 60px;
	margin-left: -32px;
	background: #fff;
	border: 4px solid #ffcc80;

	box-shadow: 0 0 0 0px #fff;
	text-align: center;
	line-height: 50px -10;
	color: #df8625;
	font-size: 2em;
	font-style: normal;
	position: absolute;
	top: -30px;
	left: 50%;
}

.ps-timeline-sec .container ol.ps-timeline li span.ps-sp-top:before {
	content: '';
	color: #ef6c00;
	width: 2px;
	height: 50px;
	background: #ef6c00;
	position: absolute;
	top: -50px;
	left: 50%;
}

.ps-timeline-sec .container ol.ps-timeline li span.ps-sp-top:after {
	content: '';
	color: #fd0909;
	width: 13px;
	height: 13px;
	background: #fd0909;
	position: absolute;
	bottom: 100px;
	left: 39%;
	border-radius: 100%;
}

.ps-timeline-sec .container ol.ps-timeline li span.ps-sp-bot:before {
	content: '';
	color: #ffcc80;
	width: 2px;
	height: 50px;
	background: #ffcc80;
	position: absolute;
	bottom: -50px;
	left: 50%;
}

.ps-timeline-sec .container ol.ps-timeline li span.ps-sp-bot:after {
	content: '';
	color: #fd0909;
	width: 13px;
	height: 13px;
	background: #fd0909;
	position: absolute;
	top: 100px;
	left: 39%;
	border-radius: 100%;
}

.ps-timeline-sec .container ol.ps-timeline li .img-handler-top {
	position: absolute;
	bottom: 0;
	margin-bottom: 130px;
	width: 100%;
}

.ps-timeline-sec .container ol.ps-timeline li .img-handler-top img {
	display: table;
	margin: 0 auto;
}

.ps-timeline-sec .container ol.ps-timeline li .img-handler-bot {
	position: absolute;
	margin-top: 60px;
	width: 100%;
}

.ps-timeline-sec .container ol.ps-timeline li .img-handler-bot img {
	display: table;
	margin: 0 auto;
}

.ps-timeline-sec .container ol.ps-timeline li p {
	text-align: center;
	width: 80%;
	margin: 0 auto;
	font-size: 16px;
	font-weight: 700;
}

.ps-timeline-sec .container ol.ps-timeline li .ps-top {
	position: absolute;
	bottom: 0;
	margin-bottom: 100px;
}

.ps-timeline-sec .container ol.ps-timeline li .ps-bot {
	position: absolute;
	margin-top: 35px;
}

.ps-timeline-sec .container ol.ps-timeline {
	margin: 15% 0;
	padding: 0;
	border-top: 2px solid #ff4b0b;
	list-style: none;
}

@media (min-width: 767px) and (max-width: 1024px) and (orientation: landscape),
(min-width: 768px) and (max-width: 1024px) {
	.ps-timeline-sec .container ol.ps-timeline {
		margin: 25% 0;

	}

}

/** end of timeline **/

/** start portfolio banner **/
.comp-banner-portfolio {
	padding: 0px;

	margin: 0px auto;
	width: 75%;
}

.comp-portfolio-button {
	padding: 0px;
	margin: 0px;
}

.com-port-web-title {
	margin: 0px 0px 15px 0px;
}

.com-port-web-title h4 {
	padding: 0px 0px 20px 0px;
	margin: 0px;
	font-size: 38px;
}

.com-port-web-title p {
	font-size: 18px;
	font-weight: 500;
	padding: 0px 0px 15px 0px;
	margin: 0px;
}

.com-port-web-image {
	padding: 0px;
	margin: 0px;
}

.com-port-web-image {
	padding: 0px;
	margin: 0px 0px 10px 0px;
	width: 100%;
}

.com-port-web-image img {
	padding: 0px;
	margin: 0px;
	width: 100%;
}

.comp-banner-title-img {
	padding: 0px 40px;
}

.overlay {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 99%;
	width: 100%;
	opacity: 0;
	transition: .3s ease;
	background-color: #1f1f1f8f;
}

.com-port-web-image:hover .overlay {
	opacity: 1;
}

.icon {
	color: white;
	font-size: 100px;
	position: absolute;
	top: 40%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	text-align: center;
	right: -23%;
}

.website-screenshot i {
	padding: 0px;
	margin: 0px;
	font-size: 40px;
}

.fa-user:hover {
	color: #eee;
}

.com-port-web-image {
	position: relative;
}

.model-website-screenshot {
	padding: 0px;
	margin: 0px;
	width: 100%;
}

.model-website-screenshot img {
	padding: 0px;
	margin: 0px;
	width: 100%;

}

.model-portfolio-head {
	border-top: 15px solid #f44336;
}

.portfolio-model-close {
	padding: 0px;
	margin: 0px;

}

.modal-header h4 {
	margin: 10px 0px 0px 0px !important;
	padding: 0px;
}

.modal-header {
	padding: 10px 10px;
	margin: 0px;
	border-top: 15px solid #fd0909;
}

.portfolio-model-close i {
	font-size: 20px;
	padding: 15px;
	border-radius: 50px;
	position: absolute;
	top: -2%;
	right: 45%;
	width: 45px;
	height: 45px;

}

.comp-portfolio-button {
	padding: 0px;
	margin: 0px 0px 20px 0px;
}

.comp-portfolio-button a {
	padding: 8px 25px;
	margin: 0px 25px 15px 0px;
	font-size: 18px;
	font-weight: 600;
	border: 2px solid #fff;
	display: inline-block;

	border-radius: 3px;
}

/** end of start portfolio banner **/
/** technology section**/
.com-portfolio-web-tech {
	padding: 0px;
	margin: 0px;
}

.com-dev-technology {
	padding: 0px;
	margin: 50px 0px;

}

.com-dev-technology li {
	padding: 0px;
	margin: 10px 0px;
	width: 20%;

}

.com-dev-technology li img {
	padding: 0px;
	margin: 0px;
	width: 150px;
}

/** end of technology section**/
/* realted project*/

content {
	position: relative;
	width: 90%;
	max-width: 400px;
	margin: auto;
	overflow: hidden;
}

.content .content-overlay {
	background: rgba(0, 0, 0, 0.7);
	position: absolute;
	height: 99%;
	width: 100%;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	opacity: 0;
	-webkit-transition: all 0.4s ease-in-out 0s;
	-moz-transition: all 0.4s ease-in-out 0s;
	transition: all 0.4s ease-in-out 0s;
}

.content:hover .content-overlay {
	opacity: 1;
}

.content-image {
	width: 100%;
}

.content-details {
	position: absolute;
	text-align: center;
	padding-left: 1em;
	padding-right: 1em;
	width: 100%;
	top: 50%;
	left: 50%;
	opacity: 0;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}

.content:hover .content-details {
	top: 50%;
	left: 50%;
	opacity: 1;
}

.content-details h3 {
	color: #fff;
	font-weight: 500;
	letter-spacing: 0.15em;
	margin-bottom: 0.5em;
	text-transform: uppercase;
}

.fadeIn-top {
	top: 20%;
}

.portfolio-related-project {
	padding: 0px;
	margin: 0px;
}

#related-project-slider {
	padding: 0px;
	margin: 50px 0px;
}

#brand-slider {
	padding: 0px;
	margin: 0px auto;
}

#brand-slider .owl-item {
	padding: 0px;
	margin: 0px auto;
	display: inline-flex;
}

#brand-slider .item {
	padding: 0px;
	margin: 0px auto;
	width: 80%;
	display: block;
}

#brand-slider img {
	padding: 15px;
	margin: 0px auto;
	width: 100%;
}

@media (min-width: 320px) and (max-width: 480px),
(min-width: 768px) and (max-width: 1024px) {
	#related-project-slider .owl-nav .owl-prev {

		bottom: 125px !important;
	}

	#related-project-slider .owl-nav .owl-next {

		bottom: 125px !important;
	}
}

@media (min-width: 481px) and (max-width: 767px) {
	#related-project-slider .owl-nav .owl-prev {

		bottom: 105px !important;
	}

	#related-project-slider .owl-nav .owl-next {

		bottom: 105px !important;
	}
}

/* fix blank or flashing items on carousel */

/* end fix */
#related-project-slider .carousel-wrap {
	margin: 0px auto;
	padding: 0px;
	width: 100%;
	position: relative;
}

#related-project-slider .owl-nav {
	padding: 0px;
	margin: 0px;
	width: 100%;
	position: relative;
	display: block;
}

#related-project-slider .owl-nav .owl-prev {
	padding: 4px 9px;
	margin-left: 0;
	color: #fff;
	font-size: 18px;
	position: absolute;
	bottom: 150px;
	background: #efeeee82;
	left: 0px;
	display: none;

}

#related-project-slider .owl-nav .owl-next {
	padding: 4px 9px;
	margin-left: 0;
	color: #fff;
	font-size: 18px;
	position: absolute;
	bottom: 150px;
	background: #efeeee82;
	right: 0px;
	display: none;

}

#related-project-slider:hover .owl-nav .owl-prev,
#related-project-slider:hover .owl-nav .owl-next {
	display: block;
}



/* end of related project*/
/* style of service offered */
.portfolio-services-sec {
	padding: 0px;
	margin: 0px;
}

.portfolio-services-sec ul {
	padding: 0px;
	margin: 50px 0px;
}

.portfolio-services-sec ul li {
	padding: 0px;
	margin: 0px 0px 10px 0px;

}

.portfolio-services-sec ul li i {
	padding: 0px;
	margin: 0px 10px 0px 0px;

}

.portfolio-services-sec ul li p {
	padding: 20px;
	margin: 0px;
	font-weight: 700;
	border-radius: 10px;

}

/* end  style of service offered */
.hvrbox,
.hvrbox * {
	box-sizing: border-box;
}

.hvrbox {
	margin:10px;
	position: relative;
	display: inline-block;
	overflow: hidden;
	max-width: 100%;
	height: auto;
}

.hvrbox img {
	max-width: 100%;
}

.hvrbox .hvrbox-layer_bottom {
	display: block;
}

.hvrbox .hvrbox-layer_top {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
	color: #fff;
	padding: 15px;
	-moz-transition: all 0.4s ease-in-out 0s;
	-webkit-transition: all 0.4s ease-in-out 0s;
	-ms-transition: all 0.4s ease-in-out 0s;
	transition: all 0.4s ease-in-out 0s;
}

.hvrbox:hover .hvrbox-layer_top,
.hvrbox.active .hvrbox-layer_top {
	opacity: 1;
}

.hvrbox .hvrbox-text {
	text-align: center;
	font-size: 18px;
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.hvrbox .hvrbox-text_mobile {
	font-size: 15px;
	border-top: 1px solid rgb(179, 179, 179);
	/* for old browsers */
	border-top: 1px solid rgba(179, 179, 179, 0.7);
	margin-top: 5px;
	padding-top: 2px;
	display: none;
}

.hvrbox.active .hvrbox-text_mobile {
	display: block;
}

.hvrbox .hvrbox-layer_scale {
	border-radius: 50%;
	-moz-transform: scale(0);
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
}

.hvrbox:hover .hvrbox-layer_scale,
.hvrbox.active .hvrbox-layer_scale {
	border-radius: 0%;
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

/* media query */
@media (min-width: 320px) and (max-width: 480px) {

	.comp-banner-title-img {
		padding: 0px 20px;
	}

	.com-port-web-title h4 {
		padding: 0px 0px 10px 0px;
		font-size: 20px;
	}

	.com-port-web-title p {
		font-size: 13px;
	}

	.comp-portfolio-button a {
		padding: 4px 10px;
		margin: 0px 0px 7px 0px;
	}

	.com-dev-technology li img {

		margin: 0px auto;
		width: 50%;
		display: table;
	}
}

@media (min-width: 481px) and (max-width: 767px) {
	.com-port-web-title p {
		font-size: 14px;
	}

	.com-port-web-title h4 {

		font-size: 21px;
	}

	.comp-portfolio-button a {
		padding: 5px 10px;
		margin: 0px 5px 12px 0px;
	}

	.com-dev-technology li img {

		margin: 0px auto;
		width: 60%;
		display: table;
	}
}

.portfolio-model.modal.modal-fixed-footer .modal-content {

	position: absolute;
	height: calc(97% - 56px) !important;

}

.portfolio-model.modal {
	overflow-y: hidden !important;
}
.portfolio-long-desc p{
	padding:0px;
	margin:0px;
	font-size:18px;
	font-weight:500;
}
#related-project-slider .owl-pagination {
  margin: 0px auto 0px !important;
   }

   #related-project-slider  .owl-pagination .owl-page {

    background: #ffcc80 !important;

}
#related-project-slider  .owl-pagination .active {
    background: #000 !important;
    border: 1px solid #ffcc80;
}
/* media query */