/*************** Home Page **********/

.home-page .grid-filter-menu {
	padding-bottom: 7rem;
	padding-top: 10rem !important;
}

.heading_design {
	font-size: 4.2rem;
	font-weight: 500;
}

.masonry-set-dimensions.full-width>.row>.column {
	padding-left: 0;
	padding-right: 0;
}

.home-page .call-to-action-content-inner *:last-child {
	margin-bottom: 3rem;
}

.home-page .call-to-action-2 {
	padding-top: 8rem !important;
	padding-bottom: 2rem !important;
}

.home-page [class*="stats-"] .counter {
	margin-bottom: 1rem;
	font-size: 6rem;
	font-weight: 500;
}

.home-page [class*="stats-"] .description {
	font-size: 1.2rem;
	text-transform: uppercase;
	font-weight: 700;
}

.home-page .stats-1-homepage {
	padding-top: 4rem;
	padding-bottom: 4rem;
}

.home-page .stats-1-title {
	vertical-align: middle;
	margin-top: 3rem;
	margin-bottom: 3rem;
	font-weight: 700;
	font-size: 2.7rem;
}

.home-page .services-card .overlay-info.left {
	text-align: left;
	padding: 5rem 4rem;
}

.home-page .services-card .overlay-info .description {
	font-family: Lato;
	line-height: 3.5rem;
	font-size: 1.6rem;
}

.home-page .services-card .overlay-info>span>span {
	display: block;
	vertical-align: initial;
}

.home-page .services-card .overlay-info .project-title {
	display: block;
	font-family: Lato;
	text-transform: none;
	font-weight: 700;
	font-size: 1.8rem;
	position: absolute;
	bottom: 20px;
}

.home-page .services-card .overlay-info>span {
	padding: 0;
}

.rotate {
	position: absolute;
	font-size: 26px;
	right: auto;
	/* Safari */
	-webkit-transform: rotate(-90deg);
	/* Firefox */
	-moz-transform: rotate(-90deg);
	/* IE */
	-ms-transform: rotate(-90deg);
	/* Opera */
	-o-transform: rotate(-90deg);
	/* Internet Explorer */
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.rotate h3 {
	font-size: 3.3rem;
	font-weight: 400;
}

.brand-rotate {
	left: -3rem;
	top: 57%;
}

.web-rotate {
	left: -5rem;
	top: 53%;
}

.mobile-rotate {
	left: -6rem;
	top: 51%;
}

.digital-rotate {
	left: -5rem;
	top: 52%;
}

.demo figcaption h3 {
	color: #ffb238;
	font-size: 25px;
	margin: 0.5em 0;
}

.team-content h3 {
	color: #ffb238;
	font-size: 25px;
	margin: 0.5em 0;
}

.small-border {
	width: 50px;
	height: 4px;
	background: #ef2d36;
}


/* Client Logos */


/* Client Logo */

.client-grayscale {
	display: block;
	width: 100%;
	height: auto;
}

.client-overlay {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
	opacity: 0;
	transition: .5s ease;
	/*background-color: #fff;*/
}

.home-page .hover-client:hover .client-overlay {
	opacity: 1;
}

.home-page .hover-client {
	position: relative;
}

.client-original {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	background: white;
}

@media only screen and (max-width: 977px) {
	.no-padding-left {
		padding-left: 1.5rem !important;
	}
	.no-padding-right {
		padding-right: 1.5rem !important;
	}
}


/************ Contact Page **************/

.contact-form-container .form-element,
.contact-form-container textarea,
.signup-form-container .form-element,
.signup-form-container textarea,
.search-form-container .form-element,
.comment-form .form-element,
.comment-form textarea {
	border: 1px solid #c0c0c0;
}

.contact-form-container .teamup-form .form-element,
.contact-form-container .teamup-form textarea {
	margin-bottom: 1.5rem;
}

.teamup-form textarea {
	min-height: 9rem;
}

.contact-form-container .teamup-form .form-element.large {
	padding: 1.1rem 3rem;
	font-size: 1.1rem;
}

.teamup-form-container {
	margin-bottom: 0px;
}


/***** Footer *****************/

.footer .row {
	max-width: 100%;
}

.footer .footer-top {
	padding-top: 4rem;
	padding-bottom: 0rem;
}

.footer .widget {
	margin-bottom: 0;
}

.footer .social-list.quick-link-list a {
	font-family: 'Lato';
	font-weight: 500;
	font-size: 1.6rem;
	border-right: 1px solid #666;
	padding-right: 7px;
	margin-right: 0px;
	text-transform: none;
	letter-spacing: 0;
	line-height: 3rem;
}

.footer ul.social-list.quick-link-list li a.last-child {
	border: none;
}

.footer .social .social-list a {
	border-radius: 50%;
	display: inline-block;
	height: 30px;
	line-height: 30px;
	text-align: center;
	text-decoration: none;
	width: 30px;
	font-size: 14px;
	border: 1px solid;
	border-color: #666;
}


/* Theme Reset */

button.large,
.button.large {
	padding: 1.4rem 3rem;
	font-size: 1.8rem !important;
}

#tml-content.scrollable-content:not(.modal-dialog) {
	background: #fff;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}


/*.tms-caption {
    font-weight: 400;
}*/

.custom-pink {
	color: #b08e91;
}


/*.services-card.grid-container.full-width.no-margins {
    padding-top: 11rem !important;
    padding-bottom: 11rem !important;
}*/


/***************** About Page *****************/

.about-page .services-card .overlay-info.left {
	text-align: left;
	padding: 5rem 4rem;
}

.about-page .services-card .overlay-info .project-title {
	display: block;
	font-family: Lato;
	text-transform: none;
	font-weight: 700;
	font-size: 1.8rem;
	position: absolute;
	bottom: 20px;
}

.about-page .about-intro .text-line-vertical:after {
	margin-top: 4rem;
}

.about-page [class*="hero-"] .column:first-child .split-hero-content .hero-content-inner {
	padding-right: 7.5rem;
	text-align: justify;
	font-size: 1.6rem;
}

.about-page .our-thinking {
	color: #dedede;
}

.about-page .our-thinking.call-to-action-2 {
	padding-top: 11rem !important;
	padding-bottom: 5rem !important;
}

.title-mlarge {
	font-size: 7rem;
}

.about-page .rotate h3 {
	font-size: 3.5rem;
	font-weight: 300;
}

.about-page .services-card .overlay-info .description {
	line-height: 3.5rem;
	font-size: 1.6rem;
}

.about-page .process-desc {
	font-size: 2.6rem;
	color: black !important;
}

.about-page .hero-5-about-conceps .media-column {
	background-image: url(../images/about/about-conceps.jpg);
}


/****** WORKS IMAGES ***/

.work-page .bkg-expertise {
	background-image: url(../images/assets/banners/work_banner.jpg);
}


/************* Expertise Page ****************/

.services-page .bkg-expertise {
	background-image: url(../images/assets/banners/services_banner.jpg);
}

.services-page .text-line-vertical:after {
	margin-top: 4.3rem;
}

.services-page .hero-5 {
	margin-bottom: 3rem;
}

.services-page .hero-5-expertise-1 .media-column {
	background-image: url(../images/services/brand-design.png);
}

.services-page .hero-5-expertise-2 .media-column {
	background-image: url(../images/services/web-engineering.png);
}

.services-page .hero-5-expertise-3 .media-column {
	background-image: url(../images/services/mobile-applications.png);
}

.services-page .hero-5-expertise-4 .media-column {
	background-image: url(../images/services/digital-marketing.png);
}

.services-page .expertise-desc {
	list-style: disc;
	font-size: 2.5rem;
	font-weight: 300;
	margin: 0;
	padding: 0;
	margin-left: 2.5rem;
}

.services-page .expertise-desc.category-service {
	list-style: disc;
	font-size: 2.2rem;
	font-weight: 300;
	margin: 0;
	padding: 0;
	margin-left: 2.5rem;
}

.services-page [class*="hero-"] .column+.column .split-hero-content .hero-content-inner,
.services-page [class*="hero-"] .column[class*="push-"] .split-hero-content .hero-content-inner {
	padding-left: 5.5rem;
	padding-right: 0rem;
}

@media only screen and (max-width: 768px) {
	.services-page [class*="hero-"] .column+.column .split-hero-content .hero-content-inner,
	.services-page [class*="hero-"] .column[class*="push-"] .split-hero-content .hero-content-inner {
		padding-left: 0;
	}
}


/* Pagination 3 Customized */

.pagination-3 .pagination {
	width: 5.2rem;
	height: 5.2rem;
	padding: 0;
	line-height: 5.2rem;
	border: none;
	border-radius: 0;
}

.pagination-3 li {
	margin-left: -0.4rem;
}

.pagination-3 .pagination.current,
.pagination-3 .pagination:hover {
	background: #232323;
}

.pagination-3 .pagination.pagination-previous,
.pagination-3 .pagination.pagination-next {
	width: 5.2rem;
	height: 5.2rem;
	max-width: 16rem;
	border-width: 2px;
	border-style: solid;
	border-radius: 0;
	line-height: 4.8rem;
	position: relative;
}

.pagination-3 .pagination-previous:after,
.pagination-3 .pagination-next:after {
	width: 6.5rem;
	height: 0.1rem;
	background-color: #000;
	content: "";
	position: absolute;
	top: 50%;
	-webkit-transition-property: background-color, transform;
	-moz-transition-property: background-color, transform;
	-o-transition-property: background-color, transform;
	transition-property: background-color, transform;
	-webkit-transition-duration: 400ms;
	-moz-transition-duration: 400ms;
	-o-transition-duration: 400ms;
	-ms-transition-duration: 400ms;
	transition-duration: 400ms;
}

.pagination-3 .pagination-previous:after {
	right: -4rem;
}

.pagination-3 .pagination-next:after {
	left: -4rem;
}

.pagination-3 .pagination.pagination-previous:hover:after {
	background-color: #ddd;
	-webkit-transform: translate3d(4rem, 0, 0);
	-moz-transform: translate3d(4rem, 0, 0);
	-o-transform: translate3d(4rem, 0, 0);
	transform: translate3d(4rem, 0, 0);
}

.pagination-3 .pagination.pagination-next:hover:after {
	background-color: #ddd;
	-webkit-transform: translate3d(-4rem, 0, 0);
	-moz-transform: translate3d(-4rem, 0, 0);
	-o-transform: translate3d(-4rem, 0, 0);
	transform: translate3d(-4rem, 0, 0);
}

.pagination-3 .pagination:hover {
	background-color: #000;
}

.pagination-3 [class*="icon-"] {
	margin: 0;
	font-size: 2.2rem;
	line-height: 4.8rem;
	position: relative;
}

.pagination-3 .pagination.disabled:after {
	background-color: #ddd;
}


/* header */

.header {
	width: auto !important;
}

.header .logo-inner {
	padding: 0 3rem;
}

.toggle-menu .aux-navigation {
	display: block !important;
}

.toggle-menu-fixed {
	right: 6rem;
	position: fixed;
	top: 5rem;
	z-index: 100;
	width: 4.5rem;
}

.toggle-menu .navigation {
	float: right
}

.toggle-menu .secondary-navigation.nav-left:not(.with-division)>ul {
	margin-left: -1.5rem
}

.toggle-menu .secondary-navigation.nav-right:not(.with-division)>ul {
	margin-right: -1.5rem
}


/*.toggle-menu .navigation .nav-icon,
.toggle-menu .navigation .v-align-middle,
.toggle-menu .navigation.nav-left:first-child > .nav-icon,
.toggle-menu .navigation.nav-right:last-child > .nav-icon {
    padding: 0 1.5rem
}*/

.toggle-menu .with-division .nav-icon,
.toggle-menu .with-division .v-align-middle,
.toggle-menu .with-division>ul>li:last-child>.nav-icon {
	padding: 0 2rem !important
}

.toggle-menu .navigation .nav-icon,
.toggle-menu .navigation .nav-icon [class*="icon-"],
.toggle-menu .navigation .nav-icon [class*="icon-"]:before,
.toggle-menu .social-list [class*="icon-"] {
	margin: 0;
	line-height: inherit;
	float: none
}

.toggle-menu .navigation .nav-icon [class*="icon-"] {
	display: initial
}

.toggle-menu .navigation .nav-icon {
	font-size: 1.4rem;
	background: none;
	border: none
}

.toggle-menu .with-division ul {
	float: left
}

.toggle-menu .with-division ul {
	border-left: 1px solid rgba(0, 0, 0, .2)
}

.toggle-menu .with-division li {
	border-right: 1px solid rgba(0, 0, 0, .2)
}


/*------------------------------------------------------------------
[8. Auxiliary Navigation]
*/


/* Aux Navigation Show */

.toggle-menu .navigation-show {
	width: 4.4rem;
	height: 4.4rem;
	margin-left: 0;
}


/* Initial & Hover Colors */

.toggle-menu .navigation-show a {
	font-size: 2.4rem;
	text-align: center;
	color: #666;
	border: 1px solid #eee;
}

.toggle-menu .navigation .navigation-show.nav-icon {
	font-size: 2rem;
	line-height: 4.4rem;
}

.toggle-menu .navigation-show a:hover {
	color: #000;
	opacity: 1;
}


/* Transparent Header Initial & Hover Colors */

.toggle-menu .navigation .navigation-show.nav-icon {
	color: #fff;
	background-color: #000;
	border-color: rgba(255, 255, 255, 0.2);
}

.toggle-menu.navigation .navigation-show.nav-icon:hover {
	color: #666;
	border-color: rgba(255, 255, 255, 1);
}


/* Header with Background Initial & Hover Colors */

.toggle-menu .navigation-show a {
	color: #666;
	border-color: #eee;
}

.toggle-menu .navigation-show a:hover {
	color: #000;
	border-color: #eee;
}


/* Aux Navigation Hide */

.navigation-hide {
	width: 4.4rem;
	height: 4.4rem;
	margin-top: 1.9rem;
	margin-right: 0;
}

.navigation-hide a {
	background: none;
}

.navigation-hide a span {
	width: 4.4rem;
	font-size: 3.4rem;
}

@media only screen and (min-width: 960px) {
	.header .header-inner {
		padding: 2rem 0 0 3rem;
	}
	.header {
		/* border-top-width: 3rem; */
		/* border-top-style: solid; */
		border: none;
		margin-top: 3rem;
	}
	.header .logo,
	.header .header-inner .navigation>ul>li,
	.header .header-inner .navigation>ul>li>a:not(.button),
	.header .header-inner .dropdown>.nav-icon {
		height: 4rem;
		line-height: 4rem;
	}
	.border-3 {
		border-top-width: 3rem;
		border-top-style: solid;
		border-color: #fff;
		position: fixed;
		width: 100%;
		top: 0;
		z-index: 100;
	}
}

@media only screen and (max-width: 960px) {
	.header .logo-inner {
		padding: 1.5rem 0 !important;
	}
	.toggle-menu-fixed {
		right: 4.5rem;
		top: 1.5rem;
	}
}

@media only screen and (min-width: 960px) {
	.toggle-menu .with-division ul {
		border-left: 1px solid rgba(255, 255, 255, 0.2)
	}
	.toggle-menu .with-division li {
		border-right: 1px solid rgba(255, 255, 255, 0.2)
	}
}

.section-block.replicable-content.testimonials-content,
.row.xlarge.replicable-content {
	padding-top: 50px;
	padding-bottom: 80px;
}

@media only screen and (max-width: 1140px) {
	.grid-container.img-parall .grid .grid-item {
		width: 100%;
	}
}

@media only screen and (max-width: 960px) {
	.grid-container.img-parall.full-width.small-margins .grid .grid-item,
	.grid-container.img-parall.full-width.no-margins .grid .grid-item {
		width: 100%;
	}
}

.section-block.page-navgation,
.fullscreen-section .fullscreen-inner,
.pagination-2 .pagination-next,
.row.xlarge {
	padding-top: 4rem;
	padding-bottom: 8rem;
}

.section-block.website {
	padding: 20px 0 50px 0;
}

.scroll-down a,
.scroll-to-top a {
	margin-right: -4rem;
	margin-top: 0rem;
}

@media only screen and (max-width: 320px) {
	.home-page .services-card.brand-container .overlay-info.left {
		padding: 3rem 1rem !important;
		border-bottom: 2px solid #242424;
	}
	.home-page .services-card.brand-container .overlay-info .description {
		font-family: Lato;
		line-height: 2.5rem;
		font-size: 1.4rem;
	}
}

@media only screen and (max-width: 320px) {
	h3 {
		font-size: 1.6rem;
	}
}

@media only screen and (max-width: 320px) {
	.home-page .services-card.brand-container .overlay-info .project-title.learn {
		font-size: 1.6rem;
		position: absolute;
		bottom: 0px !important;
	}
}

@media only screen and (max-width: 500px) {
	.home-page .services-card.brand-container .overlay-info.left {
		padding: 3rem 1rem !important;
		border-bottom: 15px solid #fff;
	}
	.home-page .services-card.brand-container .overlay-img-slide-left .home_brand_list {
		padding: 0 10px;
	}
	.home-page .services-card.brand-container .overlay-info .description {
		font-family: Lato;
		line-height: 2.5rem;
		font-size: 1.4rem;
		padding: 0 10px;
	}
}

@media only screen and (max-width: 500px) {
	h3 {
		font-size: 1.6rem;
	}
}

@media only screen and (max-width: 500px) {
	.home-page .services-card.brand-container .overlay-info .project-title.learn {
		font-size: 1.6rem;
		position: absolute;
		bottom: 0px !important;
		left: 25px;
	}
}

@media only screen and (max-width: 960px) {
	.pagination-3 li a .project_name {
		top: 45px !important;
		left: 0 !important;
		right: 0;
		/* margin: auto; */
		text-align: left;
	}
	.pagination-3 li a .project_name1 {
		top: 48px !important;
		right: -77px !important;
	}
}

@media only screen and (max-width: 960px) {
	.grid-container.img-parall.full-width.small-margins .grid.content-grid-2 .grid-item,
	.grid-container.img-parall.full-width.no-margins .grid.content-grid-2 .grid-item {
		width: 50%;
	}
	.grid-container.img-parall.full-width.small-margins .grid.content-grid-3 .grid-item,
	.grid-container.img-parall.full-width.no-margins .grid.content-grid-3 .grid-item {
		width: 33.33333%;
	}
	.footer-top .widget .social-list {
		text-align: center
	}
}

.pagination-3 li a .project_name1 {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 340px;
	font-weight: 400;
	margin-right: 60px;
	text-align: center;
}

.pagination-3 li a .project_name {
	position: absolute;
	top: 0;
	width: 310px;
	font-weight: 400;
	margin-left: 70px;
	text-align: center;
}

.pagination-3 a.current,
.pagination-3 a:hover .project_name,
.pagination-3 a.current,
.pagination-3 a:hover .project_name1 {
	color: #ef2d36;
}

.pagination-3 .show-all a {
	width: 15.2rem;
	font-size: 1.4rem;
	font-weight: 400;
}

.error {
	color: red;
	text-align: left;
	margin-top: -25px;
	font-size: 13px;
	font-weight: 400;
	margin-bottom: 2px;
}

#team-form .error {
	color: red;
	text-align: left;
	margin-top: -5px;
	font-size: 13px;
	font-weight: 400;
	margin-bottom: 2px;
}

.contact-form-container .form-element,
.contact-form-container textarea,
#team-form .form-element,
#team-form textarea {
	text-transform: none;
}

.textimonial_after:after {
	width: 50px;
	height: 1px;
	margin-top: 3rem;
	border-bottom: 1px solid #777;
	position: absolute;
	top: 100%;
	left: 0;
	content: '';
	right: 0;
	text-align: center;
	margin: auto;
}


/*@media only screen and (max-width: 790px){
     .header-responsive{
            width: 93%;
            height: 50px;
            background: black;
            position: absolute;
            top: 14px;
     }
}

@media only screen and (max-width: 400px){
     .header-responsive{
            width: 84%;
            height: 50px;
            background: black;
            position: absolute;
            top: 14px;
     }
}
@media only screen and (min-width: 500px){
    .header-responsive{
            width: 88%;
            height: 50px;
            background: black;
            position: absolute;
            top: 14px;
    } 
    .header .logo a:first-child {
        top:-17px;
    }
}*/

.section-block,
.fullscreen-section .fullscreen-inner,
.pagination-2 .pagination-next,
.row.xlarge {
	padding-bottom: 3rem;
	padding-top: 5rem;
}

.learn-more-btn {
	margin-top: 35px;
}

.learn-more-btn button.large,
.button.large {
	padding: 1rem 2rem;
}

.title-xlarge {
	font-size: 6rem;
}

.m-t-20 {
	margin-top: 20px;
}

.m-t-30 {
	margin-top: 30px;
}

.masonry-set-dimensions .grid .grid-item {
	margin-bottom: 0;
	padding: .5rem;
	position: relative;
}

.f-w-400 {
	font-weight: 400;
}

.text-line-vertical:after {
	width: 1px;
	height: 6rem;
	margin-top: 1rem;
	border-right: 1px solid #777;
	position: absolute;
	top: 100%;
	left: 50%;
	content: '';
}

a:hover,
p a:hover,
.box a:not(.button):hover,
.social-list li a:hover,
.post-info a:hover,
.widget a:hover,
.team-1 .social-list a:hover,
.team-2 .social-list a:hover,
.side-navigation-footer .social-list a:hover,
.accordion li a:hover,
.accordion li.active a,
.tabs li a:hover,
.tabs li.active a,
.tabs li.active a:hover,
.blog-masonry .with-background .post-read-more a:hover,
.overlay-navigation-wrapper .navigation-hide a,
.post-info-over a:hover,
.post-info-over a:hover span,
.post-author-aside a:hover,
.post-love a:hover,
.post-love a:hover span,
.navigation-hide a,
.footer .social-list a:hover,
.scroll-to-top a:hover,
.footer .list-group a:hover+.post-info .post-date,
#tml-exit,
.scroll-down a:hover,
.footer .navigation a:hover,
.footer .footer-top a:hover {
	color: #ef2d36;
}

.footer .footer-top .social_icon a:hover {
	color: #fff;
	background-color: black;
}

.background_image_pattern {
	background: url(../images/services/conceps_pattern.svg);
	background-repeat: repeat;
}

.content_design {
	color: white !important;
	font-size: 1.8rem;
}

.content_design_black {
	color: black !important;
	font-size: 1.8rem;
}

.about-intro .text-line-vertical:after {
	width: 1px;
	height: 6rem;
	margin-top: 1rem;
	border-right: 1px solid #777;
	position: absolute;
	top: 100%;
	left: 50%;
	content: '';
}

.learn-more-btn .learn {
	display: block;
	font-family: Lato;
	text-transform: none;
	font-weight: 700;
	font-size: 2rem;
}

.brand-design-page .brand-size {
	font-size: 4.2rem !important;
	line-height: 4.5rem !important;
	font-weight: 500;
}

.color_grey_plus {
	color: #828181 !important
}

.brand-design-page .brand-design.brand-identity .pt-40 {
	padding-top: 2.5rem !important;
}

.brand-design-page .section-block {
	padding-top: 7rem;
	padding-bottom: 7rem;
}

.brand-design-page.brand_collection .text-medium {
	font-size: 1.8rem !important;
}

.web-engineering-page.brand-design-page .brand_design_part.text-medium {
	font-size: 1.8rem !important;
}

.mobile_design_page.brand-design-page .brand_design_part.text-medium {
	font-size: 1.8rem !important;
}

.digital_marketing_page.brand-design-page .brand_design_part.text-medium {
	font-size: 1.8rem !important;
}

@media only screen and (max-width: 960px) {
	.brand-design-page.brand_collection .brand_new.section-block {
		padding-top: 10rem !important;
	}
	.web-engineering-page.brand-design-page .web_engineering_pages.section-block {
		padding-top: 10rem !important;
		padding-bottom: 4rem !important;
	}
	.brand-design-page.brand_collection .section-block {
		padding-top: 2rem !important;
	}
	.web-engineering-page.brand-design-page .section-block {
		padding-top: 2rem !important;
	}
	.mobile_design_page.brand-design-page .section-block {
		padding-top: 2rem !important;
	}
	.mobile_design_page.brand-design-page .mobile_deisgn_brand.section-block {
		padding-top: 10rem !important;
	}
	.digital_marketing_page.brand-design-page .section-block {
		padding-top: 2rem !important;
	}
	.digital_marketing_page.brand-design-page .digital_marketing_brand.section-block {
		padding-top: 10rem !important;
	}
	.brand-design-page.brand_collection .text-medium {
		font-size: 1.8rem !important;
	}
	.brand-design-page .brand-size {
		font-size: 2.2rem !important;
		line-height: 2.5rem !important;
		font-weight: 500;
	}
	.web-engineering-page.brand-design-page .brand_design_part.text-medium {
		font-size: 1.8rem !important;
	}
	.mobile_design_page.brand-design-page .brand_design_part.text-medium {
		font-size: 1.8rem !important;
	}
	.digital_marketing_page.brand-design-page .brand_design_part.text-medium {
		font-size: 1.8rem !important;
	}
}

.about-page .bkg-expertise {
	background-image: url(../images/assets/banners/about_us_banner.jpg);
}

.contact-page .bkg-expertise {
	background-image: url(../images/assets/banners/contact_us_banner.jpg);
}

.header-fixed {
	position: fixed;
	top: 0;
	left: -30px;
	z-index: 100;
	right: 30px;
}

.overlay-navigation-wrapper .tagline-logo {
	top: 20px;
	left: 6px;
	width: 17.4rem;
	height: 5.4rem;
	position: fixed;
}

.branding_slider_owl .owl-carousel .owl-item img {
	display: block;
	width: 100%;
	border: 1px solid #ddd;
	padding: 15px;
}

[class*="intro-title-"]+.section-block,
.featured-media+.about-page .section-block {
	padding-top: 1rem;
	border-top-width: 3rem;
	border-top-style: solid;
}

.brand-design-page .section-block {
	padding-top: 7rem;
	padding-bottom: 4rem !important;
}

.web-engineering-page.brand-design-page .section-block {
	padding-top: 1rem !important;
	padding-bottom: 1rem !important;
}

.web-engineering-page.brand-design-page .section-block {
	padding-top: 0rem !important;
	padding-bottom: 0rem !important;
}

.mobile_deisgn_brand.brand-design-banner .section-block {
	padding-top: 0rem;
	padding-bottom: 1rem !important;
}

.digital_marketing_brand.brand-design-banner .section-block {
	padding-top: 0rem;
	padding-bottom: 1rem;
}

.service_banner.brand-design-banner .section-block {
	padding-top: 0rem;
	padding-bottom: 0rem;
}

.work_banner.brand-design-banner .section-block {
	padding-top: 0rem;
	padding-bottom: 0rem;
}

.about_banner.brand-design-banner .section-block {
	padding-top: 0rem;
	padding-bottom: 0rem;
}

.contact_banner.brand-design-banner .section-block {
	padding-top: 0rem;
	padding-bottom: 0rem;
}

.brand_banner.brand-design-banner .section-block {
	padding-top: 0rem;
	padding-bottom: 0rem;
}

.mobile_deisgn_brand .section-block {
	padding-bottom: 30px !important;
}

.web-engineering-page.brand-design-page #Approach2 .brand-design-banner .section-block {
	padding-top: 1rem !important;
	padding-bottom: 1rem !important;
}

.web-engineering-page.brand-design-page #Approach3.section-block {
	padding-top: 2rem !important;
}

.web-engineering-page.brand-design-page .web-engineering-sample-img .section-block {
	padding-top: 2rem !important;
}

.web-engineering-page.brand-design-page .platforms_tech.section-block {
	padding-top: 2rem !important;
}

.web-engineering-page.brand-design-page .brand-design.brand-identity.web_identity {
	padding-top: 5rem !important;
	padding-bottom: 4rem !important;
}

.brand-design-page.brand_collection .brand-design.brand-identity.brand_design_content_aprt {
	padding-top: 4rem !important;
	padding-bottom: 3rem !important;
}

.mobile_design_page.brand-design-page .brand-design.brand-identity.mobile_design_identity {
	padding-top: 3rem !important;
	padding-bottom: 2rem !important;
}

.contact-page .say_hello_section.section-block {
	padding-top: 7rem;
	padding-bottom: 4rem;
}

.there-is-more-for-you {
	padding-top: 40px !important;
}

.digital_marketing_page.brand-design-page .brand-design.brand-identity {
	padding-top: 50px !important;
}

.services-card .center-on-mobile .call-to-action-content .pt-110 {
	padding-top: 6rem;
}

.home-page #about.section-block {
	padding-top: 4rem;
}

.home-page .recent_branding.section-block.grid-filter-menu {
	padding-top: 7rem !important;
}


/*.brand-design-page .brand-design-banner .section-block {
        padding-top: 3rem;
}*/

.mobile_design_page.brand-design-page .mobile_deisgn_menus.more-menu {
	text-align: center;
	font-size: 1.6rem;
	padding-bottom: 60px;
}

.digital_marketing_page.brand-design-page .digital_marketing_menu.more-menu {
	text-align: center;
	font-size: 1.6rem;
	padding-bottom: 60px;
}

@media only screen and (max-width: 960px) {
	/**** Home ****/
	.home-page #about.section-block {
		padding-top: 1rem;
	}
	.heading_design {
		font-size: 2.2rem;
		font-weight: 500;
	}
	.home-page [class*="stats-"] .counter {
		margin-bottom: 1rem;
		font-size: 3rem;
		font-weight: 500;
	}
	.home-page .stats-1-title {
		font-size: 1.7rem;
	}
	[class*="content-grid"] .grid-item {
		margin: 0 0 1rem;
	}
	.home-page .stats-1-homepage {
		padding-top: 1rem;
		padding-bottom: 0rem;
	}
	.home-page .recent_branding.section-block.grid-filter-menu {
		padding-top: 4rem !important;
	}
	.home-page .grid-filter-menu {
		padding-bottom: 4rem;
	}
	.home-page .stats-1-homepage {
		border-bottom: 15px solid #fff;
	}
	/**** End Home ****/
	/*** Services ****/
	.services-page .expertise-desc.category-service {
		font-size: 1.8rem;
	}
	.services-page .learn-more-btn .learn {
		font-size: 1.5rem;
	}
	.title-medium {
		font-size: 1.8rem;
	}
	.section-block,
	.fullscreen-section .fullscreen-inner,
	.pagination-2 .pagination-next,
	.row.xlarge {
		padding-bottom: 3rem;
	}
	.view_works.section-block {
		padding-bottom: 2rem;
		padding-top: 1rem;
	}
	/**** End Services ****/
	/**** About ****/
	.about-page .about-intro .text-line-vertical:after {
		margin-top: 6rem;
	}
	.title-xlarge {
		font-size: 3rem;
	}
	.services-card .center-on-mobile .call-to-action-content .pt-110 {
		padding-top: 3rem;
	}
	.pb-50,
	.section-block.pb-50 {
		padding-bottom: 2rem;
	}
	.about-page .call-to-action-content-inner.heading_design {
		font-size: 2.8rem;
		font-weight: 500;
	}
	.about-page .services-card .overlay-info.left {
		border-bottom: 15px solid #fff;
	}
	.about-page .call-to-action-content-inner .heading_design {
		font-size: 2.8rem;
		font-weight: 500;
	}
	/**** End About ****/
	/**** Contact ****/
	.our_address_resp {
		margin-bottom: 30px;
	}
	.say_hello_section.section-block {
		padding-top: 6rem;
		padding-bottom: 0rem;
	}
	/**** End Contact ****/
	/**** Brand Design ****/
	.brand-design-page .service-strage .brand_design_strategy {
		border-bottom: 15px solid white;
	}
	.brand-design-page.brand_collection .brand-design.brand-identity.brand_design_content_aprt {
		padding-top: 3rem !important;
		padding-bottom: 0rem !important;
	}
	.brand-design.brand-print-design.section-block.our-thinking.mt-30 {
		margin-top: 1rem;
	}
	.brand-design.brand-print-design.brand_our_services .call-to-action-content-inner .pb-40 {
		padding-bottom: 0rem;
	}
	.services-card .how_we_r_content .pd-bm-60 {
		padding-bottom: 35px;
	}
	.brand-design-page.brand_collection .services-card .how_we_r_content .pd-tp-80 {
		padding-top: 15px;
	}
	.brand-design-page.brand_collection .clicking_menu.more-menu ul li {
		display: block;
	}
	.there-is-more-for-you {
		padding-top: 0px !important;
	}
	.there-is-more-for-you ul,
	ol {
		margin: 0 0 0 0;
	}
	/**** End Brand Design ****/
	/**** Web Development ****/
	.web-engineering-page.brand-design-page .service-strage .web_deisgn_list {
		border-bottom: 15px solid white;
	}
	.web-engineering-page.brand-design-page .brand-design.brand-identity.web_identity {
		padding-top: 2rem !important;
		padding-bottom: 1rem !important;
	}
	.web-engineering-page.brand-design-page #Approach3.section-block {
		padding-top: 1rem !important;
	}
	.web-engineering-page.brand-design-page .platforms_tech .call-to-action-content-inner .pd-bm-60 {
		padding-bottom: 30px;
	}
	.web-engineering-page.brand-design-page .platforms_tech.section-block {
		padding-top: 0rem !important;
	}
	.web-engineering-page.brand-design-page .web_deisgn_menus.more-menu ul li {
		display: block;
	}
	.web-engineering-page.brand-design-page #Approach3 .call-to-action-content-inner .pb-40 {
		padding-bottom: 1rem;
	}
	/**** End Web Development ****/
	/**** Mobile Development ****/
	.mobile_design_page.brand-design-page .brand-design.brand-identity.mobile_design_identity .pt-40 {
		padding-top: 0rem !important;
	}
	.mobile_design_page.brand-design-page .services_we_offer .call-to-action-content-inner .pd-bm-60 {
		padding-bottom: 35px;
	}
	.mobile_design_page.brand-design-page .services_we_offer .call-to-action-content-inner .pd-tp-80 {
		padding-top: 20px;
	}
	.mobile_design_page.brand-design-page .service-strage .mobile_design_strategy {
		border-bottom: 15px solid white;
	}
	.mobile_design_page.brand-design-page .mobile_deisgn_menus.more-menu ul li {
		display: block;
	}
	.mobile_design_page.brand-design-page .mobile_deisgn_menus.more-menu {
		padding-bottom: 40px;
	}
	/**** End Mobile Development ****/
	/**** Digital Marketing ****/
	.digital_marketing_page.brand-design-page .digital_marketing_menu.more-menu ul li {
		display: block;
	}
	.digital_marketing_page.brand-design-page .brand-design.brand-identity.digital_genx {
		padding-top: 30px !important;
		padding-bottom: 3rem !important;
	}
	.digital_marketing_page.brand-design-page .digital_marketing_menu.more-menu {
		padding-bottom: 30px;
	}
	/**** End Digital Marketing ****/
	/****  Footer ****/
	.footer .social-list.quick-link-list a {
		font-size: 1.2rem;
	}
	.footer .copyright {
		font-size: 1.2rem;
	}
	/**** End  Footer ****/
}

@media only screen and (max-width: 320px) {
	.section-block,
	.fullscreen-section .fullscreen-inner,
	.pagination-2 .pagination-next,
	.row.xlarge {
		padding-bottom: 5rem;
	}
	.footer .social-list.quick-link-list a {
		padding-right: 5px;
	}
	.footer .footer_no_padding {
		padding: 0;
	}
	.footer .social-list a {
		margin: 0 0.6rem 0.5rem 0.6rem;
	}
}

@media only screen and (min-width: 768px) {
	/*    .bkg-expertise.section-block{
        padding-bottom: 18rem;
    }
    .brand-design-page .brand_new.section-block {
        padding-bottom: 18rem !important;
    }
    .web-engineering-page.brand-design-page .web_engineering_pages.section-block {
         padding-bottom: 18rem !important;
    }
    .brand-design-page .digital_marketing_brand.section-block {
        padding-bottom: 18rem !important;
    }
    .brand-design-page .mobile_deisgn_brand.section-block {
        padding-bottom: 21rem !important;
    }*/
}


/*@media only screen and (max-width: 734px) and (orientation : landscape){
    .about-page .about_banner.section-block{
        padding-bottom: 20rem;
    }
}*/

@media only screen and (max-width: 736px) and (orientation: landscape) {
	.about-page .about_banner.section-block {
		padding-bottom: 20rem;
	}
	.service_banner.section-block {
		padding-bottom: 18rem;
	}
	.contact-page .contact_banner.section-block {
		padding-bottom: 18rem;
	}
	.brand-design-page .brand_new.brand .full-width-slider {
		height: 12rem !important;
	}
	.web-engineering-page .web_engineering_pages.brand .full-width-slider {
		height: 12rem !important;
	}
	.mobile_design_page .mobile_deisgn_brand.brand .full-width-slider {
		height: 13rem !important;
	}
	.digital_marketing_page .digital_marketing_brand.brand .full-width-slider {
		height: 12rem !important;
	}
}


/*@media only screen and (max-width: 1024px) and (orientation : landscape){
    .about-page .about_banner.section-block.intro-title-1 {
        height: 36rem;
    }
    .services-page .service_banner.section-block.intro-title-1 {
        height: 36rem;
    }
    .work-page .work_banner.section-block.intro-title-1 {
        height: 36rem;
    }
    .contact-page .contact_banner.section-block.intro-title-1 {
        height: 36rem;
    }
    .brand_new.brand .full-width-slider {
        height: 12rem !important;
    }
    .web_engineering_pages.brand .full-width-slider {
        height: 12rem !important;
    }
    .mobile_deisgn_brand.brand .full-width-slider {
        height: 12rem !important;
    }
    .digital_marketing_brand.brand .full-width-slider {
        height: 12rem !important;
    }
}*/

.img-fluid {
	max-width: 100%;
	height: auto;
}

.img-responsive {
	display: block;
	max-width: 100%;
	height: auto;
}


/* malles update */

.brand-1 {
	padding-top: 7rem;
	padding-bottom: 7rem;
}


/* media-query update */


/* @media only screen and (max-width: 640px) {
.mobile-link {

    display: none;

    }
} */

@media only screen and (max-width: 960px) {
    .overlay-navigation-wrapper .tagline-logo {
        display: none;
    }
    .scroll-to-top {
        display: none !important;
    }

    .scroll-down {
        display: none !important;
    }
}

@media only screen and (min-width: 641px) {
	.mobile-view-img-1 {
		display: none;
	}
}

@media only screen and (max-width: 640px) {
	.row.small {
		padding: 0rem 0;
	}
	.grid-item {
		padding-bottom: 10%;
	}
	.no-margins {
		line-height: 20px;
	}
	.overlay-navigation-wrapper .tagline-logo {
		top: 30px;
		left: 0px;
		width: 18.4rem;
	}
	.navigation-hide a span {
		margin-left: 40px;
	}
	.mobile-view-img {
		display: none;
	}
	.heading_design {
		font-size: 2rem;
	}
	.hero-5.show-media-column-on-mobile .media-column {
		height: 30rem;
	}
	h2,
	.title-large {
		font-size: 2.6rem;
	}
	.mb-30 {
		margin-bottom: 2rem;
	}
	.title-large {
		line-height: 3rem;
	}
	.services-page .expertise-desc.category-service {
		font-size: 1.7rem;
	}
	.grid-filter-menu li {
		font-size: 1.2rem
	}
	.masonry-set-dimensions .grid .grid-item {
		padding: 1.5rem;
	}
	.about-page [class*="hero-"] .column:first-child .split-hero-content .hero-content-inner {
		font-size: 1.5rem;
	}
	.hero-5.show-media-column-on-mobile .media-column {
		margin-bottom: 3.5rem;
	}
	.pt-40 {
		padding-top: 3rem;
	}
	.section-block {
		padding-top: 3.5rem;
	}
	.content_design {
        font-size: 1.5rem;
        text-align: justify;
	}
	.mob-abt {
		display: none;
	}
	.about-page .process-desc {
		font-size: 1.6rem !important;
		letter-spacing: 0.2px;
        line-height: 25px;
        text-align: justify;
	}
	.content_design_black {
		letter-spacing: 0.2px;
		line-height: 25px;
        font-size: 1.6rem;
        text-align: justify;
	}
	.testimonial-5 .testimonial-slider p {
		font-size: 1.6rem;
	}
	.brand-design-page.brand_collection .text-medium {
		font-size: 1.6rem !important;
	}
	.brand-design-page.brand_collection .clicking_menu.more-menu ul li {
		padding-bottom: 2%;
		font-size: 1.8rem;
	}
	.web-engineering-page.brand-design-page .brand_design_part.text-medium {
		font-size: 1.6rem !important;
	}
	.web-engineering-page.brand-design-page .web_deisgn_menus.more-menu ul li {
		padding-bottom: 2%;
		font-size: 1.8rem;
	}
	.mobile_design_page.brand-design-page .brand_design_part.text-medium {
		font-size: 1.6rem !important;
		/* text-align: justify;
    line-height: 25px; */
	}
	.mobile_design_page.brand-design-page .mobile_deisgn_menus.more-menu ul li {
		padding-bottom: 2%;
		font-size: 1.8rem;
	}
	.digital_marketing_page.brand-design-page .brand_design_part.text-medium {
		font-size: 1.6rem !important;
	}
	.digital_marketing_page.brand-design-page .digital_marketing_menu.more-menu ul li {
		padding-bottom: 2%;
	}
	.brand-design-at-conceps {
		font-size: 1.8rem !important;
	}
	.brand-design.brand-identity {
		padding-top: 35px !important;
	}
	.brand-design-page .text-medium {
		font-size: 1.8rem !important;
	}
	.more-menu ul li {
		padding-bottom: 2%;
    }
    .contact-add {
        text-align: inherit;
    }

}

@media (min-width: 976px) {
	.pagination-3 li a .project_name {
		width: 180px;
	}
	.pagination-3 li a .project_name1 {
		width: 250px;
	}
}
@media (max-width: 976px) {
	.pagination-3 li a .project_name {
		display: none;
	}
	.pagination-3 li a .project_name1 {
		display: none;
	}
}

 .col-custm-1 {
	padding-left: 0;
    padding-right: 0;
 }
 @media only screen and (min-width: 321px) and (max-width: 360px){
   .tm-slider-container.full-width-slider.show-on-hover{
         width:320px !important;
     }
 }
 @media only screen and (max-width: 960px){
  .footer .footer-top{
        padding-top:2rem !important;
     }
  .footer .footer-top .social{
        padding-bottom:2rem !important;
     }
 }