@media screen and (min-width: 768px) {
	.portfolio-list {
		display: flex;
		align-items: stretch;
		flex-wrap: wrap;
	}

}

@media only screen and (min-width:577px) and (max-width:767px) {
	.portfolio-list .col-md-4 {
		width: 50%;
		float: left;
	}

	.project-img {
		max-height: 200px;
	}
}

@media screen and (min-width: 40em) {
	.vertical-tabs-container .vertical-tabs {
		background-color: white;
		display: inline;
		float: left;
		height: 35em;
		width: 30%;
		background: #ee8742;
		color: #fff;
		display: flex;
		padding-bottom: 5em;
		padding-top: 5em;
		align-items: flex-end;
		flex-direction: column;
		justify-content: center;

	}

	.vertical-tabs-container .vertical-tab {
		/*border-bottom: 1px solid gainsboro;*/
		display: flex;
		font-weight: bold;
		width: 70%;
		margin-right: -1px;
		align-items: flex-start;
		justify-content: flex-start;
		padding: 0.75em 0.809em;
		font-size: 18px;
	}

	.vertical-tabs-container .vertical-tab.is-active {
		background-color: #333;
		margin-right: -1px;
	}

	.vertical-tabs-container .vertical-tab-content {
		border: none;
		display: none;
	}

	.vertical-tabs-container .vertical-tab-accordion-heading {
		display: none;
	}

}

@media only screen and (min-width:1200px) and (max-width:1365px) {
	.right-bg-block.common-bg-block {
		background-size: 100%;
		background-position: center;
		height: auto;
		min-height: auto;
	}
}

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

	.card-height {
		height: 370px !important;
	}

	.card {
		height: 175px;
	}

	.portbox {
		min-height: 591px;
		background-size: 100%;
		padding: 4.5% 11.8%;
	}

	.wsmenu-list li.blue:hover>.megamenu .col-md-3 {
		width: 33.33%;
	}

	.megamenu .title,
	.link-list li a {
		font-size: 13px;
	}

	.all-technology .tech-link:first-child,
	.cloud-technology .tech-link:first-child {
		margin: 0 8.5px
	}

	.cloud-technology .tech-link {
		margin: 0 8.5px;
	}

	.all-technology .tech-link,
	.cloud-technology .tech-link {
		margin-bottom: 15px;
	}

	.social a {
		padding: 9px 5px;
	}

	.fsocial a {
		margin: 8px 2.5px;
	}

	.card__text {
		margin: 20px 0 15px;
	}

	.inner-card-logo {
		margin-right: 19px;
	}

	body .alliances-group>img {
		padding: 0 12px;
	}

	.wsmenu-list>li>a {
		font-size: 13px;
		padding: 0 13px 7px;
	}

	.mobile-app-dev-services-title {
		font-size: 18px;
	}

	.mobile-app-portfolio-wrap .device-frame {
		margin-right: 20px;
	}

	.service-portfolio-wrap .device-frame {
		margin-top: -105px;
	}

	.project-presentation {
		bottom: 15px;
	}

	.right-bg-block.common-bg-block {
		background-size: 100%;
		background-position: center;
		height: auto;
		min-height: auto;
	}

}

@media screen and (max-width: 1199px) {
	.vertical-tabs h4.tabtitle {
		font-size: 3em;
	}

	.vertical-tabs-container .vertical-tab,
	.vertical-tabs h4.tabtitle {
		width: 90%;
	}

	.vertical-tabs-container .vertical-tab {
		font-size: 16px;
	}

	.vertical-tabs-container .vertical-tab-content p {
		font-size: 20px;
	}

	.vertical-tabs-container .vertical-tab-content h4 {
		font-size: 26px;
	}
}

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

	.container {
		width: 100%;
	}

	#effect-5 .overlay p {
		max-height: 207px;
	}

	.card-height {
		height: 274px !important;
	}

	.card {
		height: 127px;
	}

	.swiper-slide {
		width: 500px !important;
		height: 350px !important;
	}

	.titlebg {
		height: 37px;
	}

	.thumbtltl {
		padding: 4px 10px;
		font-size: 10px;
		line-height: 14px;
	}

	.portbox {
		min-height: 450px;
		background-size: 100%;
		padding: 4.5% 12%;
	}

	.top-link li {
		padding: 10px 12px;
	}

	.inrtlt {
		font-size: 40px;
	}

	.inrtitlebox p {
		font-size: 15px;
		line-height: 25px;
	}

	.wsmenu-list>li>a {
		font-size: 11px;
		padding: 0 9px 7px;
	}

	.adit-video>iframe {
		max-width: 100%;
	}

	.all-technology .tech-link:first-child,
	.cloud-technology .tech-link:first-child {
		margin: 0 8.5px
	}

	.cloud-technology .tech-link {
		margin: 0 8.5px;
	}

	.all-technology .tech-link,
	.cloud-technology .tech-link {
		margin-bottom: 15px;
	}

	.easy-life img {
		max-width: 100%;
	}

	.link-list li a {
		font-size: 13px;
	}

	.social a {
		padding: 9px 5px;
	}

	.fsocial a {
		margin: 8px 2.5px;
	}

	.portfoli-tab .nav-tabs {
		width: auto;
	}

	.portfoli-tab .nav>li>a {
		padding: 10px 13px;
	}

	.portfoli-tab .nav-tabs>li {
		font-size: 11px;
		margin-right: 8px;
		margin-bottom: 10px;
	}

	.card__text {
		margin: 20px 0 15px;
	}

	.common-black-bg {
		background: rgba(0, 0, 0, 0) url("../images/main-bg.jpg") no-repeat scroll;
		background-position: top left;
		background-size: cover;
		padding: 35px 15px;
		min-height: 362px;
		background-attachment: fixed;
	}

	.common-black-bg .thrtlt,
	.common-black-bg p {
		color: #fff;
		line-height: 25px;
	}

	.inner-card-logo {
		margin-right: 19px;
	}

	body .alliances-group>img {
		padding: 0 10px;
	}

	.tp-caption.mediumlarge_light_white_center {
		top: 180px !important;
	}

	.tp-caption.mediumlarge_light_white_center {
		top: 210px !important;
	}

	.celebrations-img img {
		min-height: 180px;
	}

	.mobile-app-portfolio-wrap .device-frame {
		margin-right: 20px;
	}

	.mobile-app-dev-desc-1 {
		background: #e6efef;
	}

	.mobile-app-dev-desc-1 .col-sm-8 {
		width: 100%;
	}

	.web-app-dev-desc-1 {
		background: #eceeed;
	}

	.web-app-dev-desc-1 .col-sm-7 {
		width: 100%;
	}

	.mobile-app-dev-services-wrap .col-5 {
		margin: 8px;
		width: 28%;
		display: inline-block;
		vertical-align: top;
	}

	.common-mobile-app-dev img {
		width: 100%;
	}

	.mobile-app-dev-services-wrap {
		display: block;
		text-align: center;
	}

	.mobile-app-dev-services-title {
		font-size: 18px;
	}

	.web-app-portfolio-wrap .device-frame {
		width: 315px;
		height: auto;
		background-size: 100%;
		background-position: right top;
		margin: 0 auto;
		float: right;
		text-align: center;
	}

	.web-app-portfolio-wrap .service-portfolio-wrap .owl-carousel .owl-wrapper-outer {
		width: auto;
		height: auto;
		margin: 0px;
	}

	.web-app-portfolio-wrap .service-portfolio-wrap .owl-carousel .item {
		max-width: 267px;
		margin: 10px 21px;
	}

	.web-app-portfolio-wrap .service-pop-up {
		left: -400px;
		top: 0;
	}

	.mobile-app-dev-wrap .service-pop-up {
		top: 35%;
		bottom: auto;
	}

	.mobile-app-portfolio-wrap .device-frame {
		margin-top: 0px;
	}

	.project-presentation {
		position: absolute;
		right: 15px;
		bottom: 30px;
		left: auto;
	}

	.mobile-app-dev-wrap .inrtlt,
	.web-app-portfolio-wrap .inrtlt {
		font-size: 35px;
		margin-top: 0;
	}

	.mobile-app-dev-wrap .banner>img,
	.web-app-portfolio-wrap .banner>img {
		height: auto !important;
	}

	.web-app-portfolio-wrap .inrtlt,
	.web-app-portfolio-wrap .inrtitlebox p {
		text-align: left;
	}

	.web-app-portfolio-wrap .inrtitlebox p br {
		display: none;
	}

	.common-service-title,
	.business-analyst-title {
		padding: 25px;
	}

	.right-bg-block.common-bg-block {
		background-size: 100%;
		background-position: center;
		height: auto;
		min-height: auto;
	}

	.device-frame iframe {
		width: 100% !important;
		height: auto !important;
	}


}

@media screen and (max-width: 991px) {
	.vertical-tabs h4.tabtitle {
		font-size: 2.5em;
	}

	.vertical-tabs-container .vertical-tab {
		font-size: 14px;
	}

	.vertical-tabs-container .vertical-tab-content p {
		font-size: 18px;
	}

	.vertical-tabs-container .vertical-tab-content {
		margin-left: 7.5rem;
		width: 75%;
	}

	.vertical-tabs-container .vertical-tab-content h4 {
		font-size: 26px;
	}

	.benifits-text p {
		padding-top: 1rem;
		font-size: 1.3rem;
	}

	.benifits-text h4 {
		padding-top: 1.5rem;
		font-size: 1.5rem;
	}

	.potfolio-text h3.project0title a {
		font-size: 18px;
	}

	a.viewportfolio,
	.reqbtn {
		font-size: 1.5rem;
	}

	.focus-area-verti {
		display: block;
		padding: 6% 0px 2% 6%;
	}

	.focus-area-verti p {
		margin-bottom: 20px;
	}

	.focus-area-verti h4 {
		margin-bottom: 20px;
	}

}


@media only screen and (max-width:767px) {
	.top-header {
		display: none;
	}

	.header {
		min-height: 52px;
	}

	.header.stickytop {
		position: inherit;
	}

	.logo {
		display: none;
	}

	.rline {
		border: solid #fff 1px;
		border-left: none;
		border-right: none;
	}

	.probox {
		width: 50%;
		float: left;
	}

	.fsocial {
		display: inline-block;
		width: 100%;
		text-align: center;
	}

	.flink ul li {
		padding: 6px 10px;
	}

	.swiper-slide {
		width: 500px !important;
		height: 350px !important;
	}

	.portbox {
		min-height: 357px;
		background-size: 100%;
		padding: 4.5% 12%;
	}

	.subtlt2 {
		font-size: 22px;
	}

	.ftform {
		background-size: cover;
	}

	.ftformin {
		margin: 0 auto;
		width: 90%;
	}

	.fttlt {
		font-size: 30px;
	}

	.ftformbox .padd0 {
		padding: 0 15px;
	}

	.contactdtl .form-inner {
		margin-bottom: 15px;
	}

	.contact-us-main .tel {
		padding-bottom: 5px;
	}

	.contactdtl .col-md-10.col-sm-9.col-xs-12 {
		padding-left: 40px;
	}

	.contact-us-main .inq {
		margin-bottom: 12px;
	}

	.contactdtl .col-md-9.col-sm-8.col-xs-12 {
		padding-left: 40px;
	}

	.sales-person {
		max-width: 285px;
		text-align: center;
	}

	.sales-person .sales-inq {
		padding: 15px;
		display: block;
	}

	.sales-number {
		padding: 10px;
		margin: 0px;
	}

	.sales-number a {
		font-size: 25px;
	}

	.sales-person {
		margin: 0 auto 25px;
	}

	.quick-Inquiry-bottom {
		right: 15px;
	}

	.imgbox {
		margin: 10px 0;
	}

	.all-technology .tech-link:first-child,
	.cloud-technology .tech-link:first-child {
		margin-left: 8.5px;
	}

	.all-technology .tech-link {
		margin-bottom: 15px;
	}

	.cloud-technology .tech-link {
		margin: 0 8.5px;
		margin-bottom: 13px;
	}

	.easy-life img {
		width: 100%;
		max-width: 210px;
	}

	.try-buy-btn .try-now,
	.try-buy-btn .buy-now {
		min-width: 90px;
	}

	.wsmenu-submenu li {
		display: block;
		width: 100%;
	}

	.wsmenu-list li:last-child a {
		border-radius: 25px;
	}

	.adit-video,
	.wsmenu-submenu li a span.celebrations-img {
		display: none;
	}

	.all-technology,
	.cloud-technology,
	.easy-life-inner {
		display: none;
	}

	.wsmenu-list li:last-child a {
		border-radius: 0;
	}

	.inrtitlebox {
		top: 20%;
	}

	.inrtlt {
		font-size: 45px;
	}

	.inrtitlebox p {
		font-size: 14px;
		line-height: 22px;
	}

	.stickytop .wsmain {
		margin: 0 auto;
	}

	.portfoli-tab .nav-tabs {
		margin: 0px;
		width: auto;
	}

	.portfoli-tab .nav-tabs>li {
		font-size: 13px;
		margin-right: 11px;
		margin-bottom: 11px;
	}

	.colorbg {
		background: none !important;
		padding: 10px 0;
		border-top: 0px;
		border-bottom: 1px solid #e7e7e7;
	}

	.h2,
	h2 {
		font-size: 22px;
	}

	.content-bg {
		padding: 20px;
	}

	.common-black-bg {
		background: rgba(0, 0, 0, 0) url("../images/main-bg.jpg") no-repeat scroll;
		background-position: top left;
		background-size: cover;
		padding: 25px 10px;
		background-attachment: fixed;
		-webkit-background-attachment: fixed;
	}

	.common-black-bg .thrtlt,
	.common-black-bg p {
		color: #fff;
		line-height: 25px;
	}

	.banner .fullwidthbanner ul li:nth-child(3) .tp-caption.large_bold_white {
		top: 61px !important;
	}

	.banner .fullwidthbanner ul li:nth-child(5) .tp-caption.large_bold_white {
		top: 61px !important;
	}

	.breadcrumb>li {
		letter-spacing: 0px;
	}

	.titletxt {
		font-size: 25px;
	}

	.tltbox img {
		max-width: 40px !important;
	}

	.inner-card-logo {
		margin-right: 13px;
	}

	.tltbox h2 {
		margin: 6px 0;
	}

	.featurebox-inner-pages {
		padding: 60px 0;
	}

	.may-i-help-you.modal.fade.in {
		left: 0;
		width: 100%;
	}

	.adit-au-link-main {
		margin: 40px 0 0;
		padding-bottom: 30px;
	}

	.quick-Inquiry-bottom {
		display: none;
	}

	.main-home-slider .big-text {
		font-size: 3em;
	}

	.main-home-slider .small-text {
		font-size: 1.3em;
	}

	.main-home-slider .big-text {
		font-size: 1.8em;
	}

	.main-home-slider .small-text {
		font-size: 1em;
	}

	.may-i-help-you .modal-body {
		right: auto;
		width: 100%;
	}

	.footer-social-media .social a {
		margin: 0 2px;
	}

	.it-infrastructure-page .a-logo img {
		padding: 8px 0;
		margin: 0 auto;
		text-align: center;
		display: block;
	}

	.common-top-contact {
		margin: 0 auto;
		text-align: center;
		display: block;
		float: none;
		padding: 2px 0 6px;
	}

	.it-infrastructure-page .banner-text {
		font-size: 1.8em;
	}

	body .logo-and-contact .col-sm-6 .pull-right {
		float: none !important;
	}

	.it-infrastructure-page .tltbox h2 {
		font-size: 14px;
		line-height: 16px;
	}

	.megamenu>ul>li>a {
		display: -webkit-inline-flex;
		display: inline-flex;
		word-wrap: break-word;
		white-space: normal;
	}

	.common-service-desc {
		display: block;
		text-align: center;
		margin-bottom: 30px;
		min-height: auto;
	}

	.service-content-left {
		margin-left: 0px;
		margin-top: 15px;
	}

	/* Web app dev */
	.web-app-portfolio-wrap .device-frame {
		width: 229px;
		height: auto;
		background-size: 100%;
		background-position: right top;
		margin: 0 auto;
		float: none;
		text-align: center;
	}

	.web-app-portfolio-wrap .service-portfolio-wrap .owl-carousel .item {
		max-width: 187px;
		margin: 10px 21px;
	}

	.service-portfolio-wrap .owl-carousel .owl-wrapper-outer {
		width: auto;
		height: auto;
		margin: 0px;
	}

	#web-app-service .owl-pagination {
		margin-left: -35px;
	}

	.web-app-portfolio-wrap .banner>img {
		height: auto !important;
	}

	.web-app-portfolio-wrap .inrtlt {
		font-size: 40px;
		text-align: left;
	}

	.web-app-portfolio-wrap .inrtitlebox p {
		font-size: 14px;
		max-width: 100%;
		text-align: left;
	}

	.web-app-portfolio-wrap .inrtitlebox p br {
		display: none;
	}

	.web-app-dev-desc-1 {
		background: #eceeed !important;
		text-align: center;
	}

	.web-app-dev-desc-1 .col-sm-7 {
		width: 100%;
	}

	/* mobile app dev */
	.mobile-app-portfolio-wrap .device-frame {
		width: 170px;
		height: auto;
		background-size: 100%;
		background-position: right top;
		margin: 0 auto;
		float: none;
		text-align: center;
	}

	.mobile-app-portfolio-wrap .owl-carousel .owl-wrapper-outer {
		width: 100%;
		padding: 0;
		width: auto;
		height: auto;
		margin: 0;
	}

	.mobile-app-portfolio-wrap .owl-carousel .owl-wrapper-outer img {
		width: 100%;
		margin: 8px 11px;
	}

	.service-portfolio-wrap .owl-carousel .item {
		max-width: 148px;
	}

	.web-app-service-con {
		display: none;
	}

	.mobile-app-dev-services-wrap {
		display: block;
		margin-top: 25px;
	}

	.common-mobile-app-dev img {
		width: 100%;
	}

	.mobile-app-dev-services-wrap .col-5 {
		margin: 8px;
		width: 45%;
		display: inline-block;
		vertical-align: top;
	}

	.service-center-title {
		font-size: 22px;
	}

	.service-portfolio-wrap .owl-buttons .owl-prev:before,
	.service-portfolio-wrap .owl-buttons .owl-next:after {
		display: none;
	}

	.project-presentation {
		position: absolute;
		right: 10px;
		bottom: 50px;
		left: auto;
	}

	.project-presentation a {
		font-size: 0px;
		padding: 5px 8px;
	}

	.project-presentation a span {
		margin-right: 0px;
	}

	.project-presentation a span img {
		width: 20px;
		height: auto;
	}

	.mobile-app-dev-wrap .banner>img {
		height: auto !important;
	}

	.mobile-app-dev-desc-1 {
		background: #e6efef !important;
		text-align: center;
	}

	.mobile-app-dev-desc-1 .col-sm-8 {
		width: 100%;
	}

	.mobile-app-dev-wrap .inrtlt {
		font-size: 28px;
		margin: 0 0 8px;
	}

	.mobile-app-dev-wrap .inrtitlebox p br,
	.web-app-portfolio-wrap .inrtitlebox p br {
		display: none;
	}

	.common-service-title {
		min-height: auto;
		padding: 15px;
		text-align: center;
	}

	.row-flex {
		display: block;
	}

	.right-bg-block.common-bg-block {
		height: auto;
		min-height: auto;
		padding: 85px 0;
		display: block;
	}

	.re-design .breadcrumb {
		padding: 0 0 25px;
	}

	.right-bg-block.common-bg-block {
		display: none;
	}

	.right-bg-block.common-bg-block.e-commerce-right-block {
		display: block;
		padding: 15px 30px 30px;
	}

	.device-frame iframe {
		width: 100% !important;
		height: auto !important;
	}

	.php-development-inner-page-form {
		padding: 0rem 0rem;
	}

	.php-development-inner-page-form .res-text-left {
		text-align: left;
	}

	.benfitslist ul {
		flex-direction: column;
	}

	.project-img {
		max-height: 100%;
	}

	.vertical-tabs-container .vertical-tab-content p {
		font-size: 1.7rem;
	}

	.vertical-tabs-container .vertical-tab-content h4 {
		font-size: 2.2rem;
	}

	.portfo-pro-name,
	.portfo-pro-sub-title,
	.portleft {
		text-align: center;
	}

	.visitbtn {
		float: none;
		display: inline-block;
	}

	.focus-area-verti {
		padding: 6%;
	}

}

@media only screen and (max-width:600px) {
	ul.frameworklist {
		padding: 0px;
		margin-top: 2.5rem;
	}

	ul.frameworklist li::before,
	ul.frameworklist li.colorstyle-2::before {
		transform: skew(0deg);
		margin-left: 0px;
	}

	ul.frameworklist li h4 {
		text-align: center;
		margin-top: 40px;
	}

	ul.frameworklist li {
		text-align: center;
		padding: 30px 15px !important;
		margin-left: 0px;
	}

	ul.frameworklist li::after {
		top: 15px;
		right: 0px;
		left: 0px;
		margin: 0 auto;
		opacity: 0.5;
	}

	ul.frameworklist li span {
		line-height: 22px;
		font-size: 1.2rem;
	}

	ul.frameworklist li h4 {
		font-size: 1em;
		font-weight: 700;
	}
}

@media only screen and (min-width:480px) and (max-width:639px) {
	.tltbox h2 {
		font-size: 14px;
	}

	#effect-5 .overlay p {
		max-height: 200px;
		font-size: 13px;
	}

	.swiper-slide {
		width: 400px !important;
		height: 250px !important;
	}

	.inrtitlebox {
		top: 13%;
	}

	.inrtlt {
		font-size: 35px;
	}

	.mobile-app-dev-wrap .inrtlt {
		margin-top: 0;
	}

	.inrtitlebox p {
		font-size: 13px;
		line-height: 20px;
	}

	body .alliances-group>img {
		padding: 0 10px;
	}

	.web-app-portfolio-wrap .inrtlt {
		font-size: 28px;
		margin: 10px 0;
	}

	.vertical-tabs-container .vertical-tab-content {
		margin-top: 5em;
		padding-bottom: 5em;
	}

	.vertical-tabs-container .vertical-tab-content h4 {
		font-size: 24px;
	}

	.vertical-tabs-container .vertical-tab-content p {
		font-size: 16px;
		min-height: 10rem;
	}

}

@media only screen and (min-width:620px) and (max-width:640px) {
	.tltbox h2 {
		font-size: 14px;
	}

	#effect-5 .overlay p {
		max-height: 162px;
		font-size: 13px;
	}

	#effect-5 .img.hover .overlay a.expand {
		top: 75%;
	}

	.portbox {
		min-height: 382px;
		background-size: 100%;
		padding: 4.5% 12%;
	}
}


@media screen and (max-height:575px) {
	.g-recaptcha {
		transform: scale(0.77);
		-webkit-transform: scale(0.77);
		transform-origin: 0 0;
		-webkit-transform-origin: 0 0;
	}

}


@media only screen and (max-width:479px) {
	.tltbox h2 {
		font-size: 12px;
	}

	.tltbox img {
		max-width: 30px !important;
	}

	.inner-card-logo {
		margin-right: 10px;
	}

	#effect-5 .overlay p {
		max-height: 134px;
		font-size: 12px;
	}

	#effect-5 .img.hover .overlay a.expand {
		top: 72%;
	}

	.swiper-slide {
		width: 300px !important;
		height: 150px !important;
	}

	.inrtitlebox {
		top: 10%;
	}

	.inrtlt {
		margin: 10px 0;
		font-size: 20px;
	}

	.inrtitlebox p {
		font-size: 10px;
		line-height: 13px;
		max-width: 100%;
	}

	body .alliances-group>img {
		padding: 0 10px;
	}


}

@media only screen and (max-width:480px) {
	.probox {
		width: 100%;
		float: left;
	}

	.swiper-slide {
		width: 400px !important;
		height: 250px !important;
	}

	.imgHolder h3 {
		font-size: 16px;
	}

	.portbox {
		min-height: 282px;
		background-size: 100%;
		padding: 4.5% 12%;
	}

	.tlttxt {
		font-size: 25px;
	}

	.gettxt {
		font-size: 15px;
	}
}

@media (max-width:599px) {
	.stepbox {
		display: none;
	}

	.vertical-tabs-container a {
		font-size: 14px;
	}
}

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

	.main-home-slider .big-text,
	.it-infrastructure-page .banner-text {
		font-size: 1.5em;
	}

	.main-home-slider .small-text {
		display: none;
	}

	.mobile-app-dev-services-wrap .col-5 {
		margin: 5px;
		width: 45%;
		display: inline-block;
		vertical-align: top;
	}

	.mobile-app-dev-services-title {
		padding: 10px;
		min-height: 85px;
		font-size: 14px;
	}

	.web-app-portfolio-wrap .banner>img {
		height: 115px !important;
	}

	.mobile-app-dev-wrap .banner>img {
		height: 115px !important;
	}

	.web-app-portfolio-wrap .inrtlt {
		margin: 10px 0 5px;
	}

	.mobile-app-dev-wrap .inrtitlebox p,
	.web-app-portfolio-wrap .inrtitlebox p {
		font-size: 10px;
	}

	.mobile-app-dev-wrap .inrtlt,
	.web-app-portfolio-wrap .inrtlt {
		margin: 10px 0 5px;
		font-size: 20px;
	}

	.vertical-tabs-container .vertical-tab-content {
		margin-left: 2.5rem;
		width: 87%;
		margin-top: 5rem;
		padding-bottom: 5rem;
	}

	.vertical-tabs-container .vertical-tab-content h4 {
		font-size: 22px;
		line-height: 32px;
	}

	.vertical-tabs-container .vertical-tab-content p {
		font-size: 15px;
		min-height: 8rem;
	}
}

@media only screen and (max-width:360px) {
	.probox {
		width: 100%;
		float: left;
	}

	.swiper-slide {
		width: 300px !important;
		height: 150px !important;
	}

	.imgHolder h3 {
		font-size: 13px;
	}

	.titlebg {
		height: 37px;
	}

	.thumbtltl {
		padding: 4px 10px;
		font-size: 10px;
		line-height: 14px;
	}

	.breadbox .breadcrumb {
		font-size: 13px;
	}

	.portbox {
		min-height: 200px;
		background-size: 100%;
		padding: 4.5% 12%;
	}
}

@media only screen and (max-width:320px) {
	.tltbox h2 {
		font-size: 10px;
	}

	.tltbox img {
		max-width: 25px !important;
	}

	.inner-card-logo {
		margin-right: 10px;
	}

	#effect-5 .overlay p {
		max-height: 118px;
		font-size: 12px;
	}

	.portbox {
		min-height: 180px;
		background-size: 100%;
		padding: 4.5% 12%;
	}

	.reserved {
		display: block;
	}

}