@media only screen and (min-width: 1600px) {
	.main-menu li a {
		font-size: 14px;
	}
}
@media screen and ( max-width: 1200px)
{
	.list-bestservices-box .service-item h3 {
		font-size: 0.8em;
	}
	.list-services-box .service-item .icon {
		height: auto;
	}
	h3.title-style-01 {
		margin: 0 0 20px 0;
	}
	h3.title-style-01 .sub-title {
		font-size: 0.8em;
	}
	h3.title-style-01 .main-title {
		font-size: 1.3em;
		margin: 0 0 20px 0;
	}
	.home .list-services-box .service-item.service-item-new .icon {
		padding: 0 20px;
	}
	.home .list-services-box .service-item.service-item-new .icon {
	    height: auto;
	    padding: 0 20px;
	}
	.home .list-services-box .service-item.service-item-new h3 {
	    font-size: 0.7em;
	    bottom: 40px;
	    left: 20px;
	}
	.slide-projects .project-item .post_info .post_title {
		font-size: 1.3em;
		height: auto;
	}
	.slide-projects .project-item .post_image {
		height: 6vw;
	} 
	.row-we-help .list-text-box .main-image img {
 		margin: 0 0 20px 0;
 		max-width: 60%;
 	}
 	.row-we-help .list-text-box .text-item {
	    position: static;
	    width: 100% !important;
	    font-weight: 500;
/*        background: url(../images/icons/icon-disc.png) left 3px no-repeat !important;*/
        background: url(../images/icons/ico-sticked-new.png) left 10px no-repeat !important;
    	padding: 9px 0 9px 50px !important;
    	text-align: left !important;
    	margin: 0 0 10px 0;
    	background-size: 30px !important;
	}
	.post-template-single-brochure_tabsprice .section-banner .col-left h1, 
	.post-template-single-brochure .section-banner .col-left h1, 
	.page-template-services-page .section-banner .col-left h1 {
		font-size: 1.6em;
	}
	.post-template-single-brochure.postid-57 .section-banner .col-left .content ul li {
		font-size: 1em;
	}
}	
@media screen and ( max-width: 768px)
{
	.hide-on-mobile {
		display: none;
	}
	.show-on-mobile {
		display: block;
	}
	.padding0 {
		padding-left: 15px;
		padding-right: 15px;
	}
	.f-right,
	.f-left {
		float: none;
		width: 100%;
	}
	.aligncenter {
		width: 100% !important;
	}
	.table {
		margin-bottom: 0;
	}
	.table-content {
		display: block;
	}
	.table-content tr,
	.table-content td{
		display: block;
		width: 100% !important;
	}
	.swiper-button-next {
		right: 5px;
	}
	.swiper-button-prev {
		left: 5px;
	}
	.swiper-button-prev, .swiper-button-next {
		width: 20px;
		height: 50px;
		background-size: 100%;
	}
	.swiper-button-prev {
	    /*background: url(../images/icons/arrow-left-small.png) center center no-repeat;*/
    	left: 0;
	} 
	.swiper-button-next {
	    /*background: url(../images/icons/arrow-right-small.png) center center no-repeat;*/
    	right: 0;
	}
	.slide-services-other .swiper-button-prev,
	.slide-related-post .swiper-button-prev {
		left: 10px;
	}
	.slide-services-other .swiper-button-next,
	.slide-related-post .swiper-button-next {
		right: 10px;
	}
	.section-home .col-right {
		margin-top: 10px;
		padding: 0 10px;
	}
	.section-home .row-box-we-bring-to-you .col-right {
	    padding: 20px;
	}
	.section-home .col-right .block h3 {
		font-size: 5vw;
	}
	.section-home .col-right .block-news .block-list .block-item .post_image {
		width: 50%;
		float: left;
		margin-right: 3%;
	}
	.section-home .col-right .block-news .block-list .block-item .post_title {
		width: 47%;
		float: left;
	}
	.section-home .col-right .block-news .block-list .block-item .post_title a {
		font-size: 4vw;
	}
	.bottom .block-item h1 {
   	 	font-size: 4vw;
   	 	padding: 0;
   	} 	
	.bottom .block-item {
	    margin: 0 0 0 0;
	    padding: 0;
		width: 100%;
	}
	.bottom .block-item p {
		font-size: 1em;
	}
	.bottom .block-item a {
		line-height: 1.4;
		height: auto;
		padding: 10px 0;
		font-size: 14px;
/*		font-size: 3.5vw;*/
		margin: 0;
	}
	.bottom .block-item-2 ul {
	    display: flex;
	    flex-wrap: wrap;
	}
	.bottom .block-item-2 ul li {
	    margin: 0 0 6px 0;
	    width: 50%;
	}
	.bottom .block-item-4 {
		margin-bottom: 0;
	}
	.bottom .block-item-4 .row-01 {
		margin: 0 0 20px 0;
	}
	.bottom .block-item-4 .row-01 .logo-footer {
		width: 30%;
	}
	.bottom .block-item-4 .row-01 .social-box {
		width: 100%;
		margin: 20px 0 0 0;
		text-align: center;
	}
	.bottom .block-item-4 .row-01 .social-box h3 {
		display: none;
	}
	.bottom .block-item-4 .row-01 .social-box a {
		font-size: 6vw;
		margin: 0 10px;
		padding: 0;
	}
	.bottom .block-item-4 .row-02 {
		text-align: center;
		height: 0;
	}
	.bottom {
		padding: 20px 0 10px 0;
	}
	.bottom .google-partner,
	.bottom .block-item-2,
	.bottom .block-item-3 {
		display: none;
	}
	.bottom .block-item-1 .logo-footer img {
		width: 35%;
		margin: 0 auto;
		display: block;
	}
	.bottom .block-item-1 .slogan-footer {
		border-radius: 11px;
	    width: auto;
	    display: inline-block;
	}
	.bottom .block-item-1 .slogan-footer-inside {
		padding: 3px 20px;
		border-radius: 10px;
	}
	.section-pathway {
    	margin: 40px 0 30px 0;
    }	
	.footer-section {
		font-size: 3vw;
	    margin: 0;
	    padding: 7px 15px;
	}
	.wrapper {
		padding: 70px 0 0 0;
	}
	.header {
		margin: 0;
		position: fixed;
	    z-index: 100;
	} 
	.top-right {
		width: 100%;
		padding: 0;
		position: relative;
		z-index: 2;
	}
	.top-right-menu {
		margin: 0;
		display: block;
	}
	.languagebox {
		margin: 15px 0;
	}
	.languagebox a {
		margin: 0 5px;
	}
	.top-hearder {
		height: 70px;
		-webkit-box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.2);
		-moz-box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.2);
		box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.2);
	}
		.header .mainwidth{
			padding: 0;
		}
		.header .logo{
			margin: 0 0 0 0;
			padding: 10px 0;
			text-align: center;
		}
			.header .logo img{
			    height: 50px;
    			width: auto;
    			margin-left: 10px;
			}
		
		.header .languages {
			position: absolute;
			top: 15px;
			right: -10px;
		}	
	.logo-insidemenu {
		margin: 0;
	    padding: 10px 0;
	    border-bottom: 1px solid #dcdcdc;
	}
	.logo-insidemenu img {
		width: 40%;
		margin: 5px 0 0 0;
	}

	/* Navigator */
	.navigator {
		width:100%;
	}
		.langbox {
			/*position: static;
			padding: 10px;
			width: 100%;*/
			text-align: left;
			top: -60px;
		    right: 70px;
		    width: 30px;
		    padding: 0;
		}
		.langbox .current-lang{
			display: none;
		}
		.langbox ul li,
		.langbox ul li img{
			width: 100%;
		}
		#hamburger_menu {
			padding: 10px;
			cursor: pointer;
			width: 65px; 
			height: 60px;
			background: transparent;
			border-radius: 3px;
			position: absolute;
			z-index: 1000;
			top: -65px;
			right: auto;
			left: 0;
			-webkit-transition:all 0.5s;
			transition:all 0.5s;
		}
		.navigator.active #hamburger_menu {
			left: 75%;
		}
			#hamburger_menu .hamburger_menu_line{
				width: 38px;
				height: 5px;
				top: 15px;
				background: #1fccf0;
				display: block;
				position: relative;
				-webkit-border-radius: 50px;
				border-radius: 50px;
			}
				#hamburger_menu .hamburger_menu_line:after,
				#hamburger_menu .hamburger_menu_line:before {
					display: block;
					content: '';
					width: 38px;
					height: 5px;
					position: absolute;
					background: #1fccf0;
					-webkit-transition: 0.2s ease;
					-ms-transition: 0.2s ease;
					transition: 0.2s ease;
					-webkit-border-radius: 50px;
					border-radius: 50px;
				}
				#hamburger_menu .hamburger_menu_line:before {
					top: -10px;
				}
				#hamburger_menu .hamburger_menu_line:after {
					bottom: -10px;
				}
				#hamburger_menu.active .hamburger_menu_line {
					background: transparent;
				}
				#hamburger_menu.active .hamburger_menu_line:before {
					-webkit-transform: rotate(45deg);
					-ms-transform: rotate(45deg);
					transform: rotate(45deg);
					top: 0;
				}
				#hamburger_menu.active .hamburger_menu_line:after {
					-webkit-transform: rotate(-45deg);
					-ms-transform: rotate(-45deg);
					transform: rotate(-45deg);
					bottom: 0;
				}
		.header .top-right .top-right-social {
			height: auto;
			line-height: 1.2;
		}	
		.header .top-right .hotline	{
			text-align: left;
		}	
		.header .top-right .list-icons {
			margin: 20px 0;
		}
		.list-social-circle {
			text-align: left;
		}
		.main-menu {
			display: block;
		}
		.navigator .navigator-inside{
			background:#fff;
			position:absolute;
			top: -80px;
			left: -110%;
			-webkit-transition:all 0.5s;
			transition:all 0.5s;
			width: 75%;
			height: 103vh;
			overflow: auto;			
			z-index: 999;
			padding: 0;
			border-left: 1px solid #dcdcdc;
			border-bottom: 1px solid #dcdcdc;
			-webkit-box-shadow: 0px 2px 5px 0px rgba(170,170,170,0.6);
			-moz-box-shadow: 0px 2px 5px 0px rgba(170,170,170,0.6);
			box-shadow: 0px 2px 5px 0px rgba(170,170,170,0.6);
		}
		.navigator.active .navigator-inside{
			left: 0;
		}
		.navigator.active::before {
		    content: "";
		    display: block;
		    width: 100%;
		    height: 101vh;
		    position: absolute;
		    top: -80px;
		    left: 0;
		    background: rgba(0, 0, 0, 0.6);
		}
	.header .menu{
		float:none;
		width:100%;
		text-align:center;
		margin: 0;
	}
	.header .menu .google-partner {
		margin: 15px auto 0 auto;
		width: 40%;
	} 
	.header .menu-main-container {
		padding: 0;
	}
		.header .menu .main-menu{
			padding: 0;
			margin: 0;
			width: 100%;
			display: flex;
			flex-wrap: wrap;
		}
			.header .navigator ul li.menu-item{
				width: 100%;
				padding: 0;
				margin: 0;
				-webkit-box-shadow: none;
				text-shadow: none;
				position: relative;
				text-align: left;
			}
			.header .navigator ul li.active{}
				.header .navigator ul li.menu-item a{
					font-weight: 300;
					display:block;
					width:100%;
					padding: 0 20px;
					font-size: 20px;
					font-weight: bold;
					color: #000;
					text-transform: uppercase;
					text-decoration: none;
					text-align: left;
					height: auto;
					line-height: 1.4;
					background: none;
				}
				.header .navigator ul li.menu-item a{
					padding: 12px 10px 12px 30px;
					font-size: 4.5vw;
					line-height: 1.5;
				}
				/*.main-menu li a::before, .main-menu li a::before {
				    content: "";
				    display: none;
				    width: 0;
				    height: 1px;
				    background: #000;
				    bottom: 5px;
				    right: 40px;
				    left: auto;
				    position: absolute;
				    -webkit-transition: all 0.5s;
				    transition: all 0.5;
				}
				.main-menu li.active a::before, 
				.main-menu li a:hover::before {
				    width: 40%;
				}*/
				.header .navigator ul li.menu-item.active > a {
					color: #1fccf0;
				}
				.header .menu .main-menu li ul{
					background: none;
					position: static;
					width: 100%;
					-webkit-box-shadow: none;
					box-shadow: none;
				}
					.header .navigator ul li.menu-item{
						border-bottom: 1px solid #ddd;
						order: 2;
					}
					.header .navigator ul li.menu-item.service-menu-item {
						order: 1;
					}
					.header .navigator ul li.menu-item.menu-item-has-children {
						position: relative;
					}
					.header .navigator ul li.menu-item.menu-item-has-children > .down-arrow {
						display: block;
						padding: 15px;
   						position: absolute;
   						right: 0;
   						top: 0;
   						transition: all .3s;
					}
					.header .navigator ul li.menu-item.menu-item-has-children.active-menu > .down-arrow {
						transform: rotate(180deg);
					}
					.header .navigator ul li.menu-item li.menu-item a{
						-webkit-box-shadow: none;
						text-shadow: none;
						padding: 7px 10px 7px 30px;
						font-weight: 700;
						font-size: 1em;
					}
					.header .navigator ul li.menu-item li.menu-item ul {
						display: none;
					}
	.main-menu li .sub-menu	{			
		position: static;
		width: 100%;
		padding-left: 10px;
		padding-right: 10px;
		max-width: 100%;	
	}
	.main-menu li:hover .sub-menu.menu-depth-1,
	.main-menu li .sub-menu.menu-depth-1 {
/*		display: none;*/
		display: none;
		padding: 5px 0;
	}
/*	.header .navigator ul li.menu-item li.menu-item.active ul,*/
	.main-menu li.active .sub-menu.menu-depth-1 {
		display: block;
	}

	.main-menu li .sub-menu li.level-1 {
		border: 0;
		padding: 2px 10px;
		width: 100%;
		max-width: 100%;
	}	
	.main-menu li .sub-menu li.level-1 a {
		text-align: left;
	}
/*	.main-menu li .sub-menu li.level-1.active > a,*/
	.main-menu li .sub-menu li.level-1.active-menu > a {
	    background: #1fccf0;
		border-radius: 10px;
		color: #000;
	}
	.header .navigator ul li.menu-item.menu-item-has-children.level-1 > .plus-arrow {
		display: block;
		padding: 10px;
		font-size: 12px;
		position: absolute;
		right: 15px;
		top: 2px;
		transition: all .3s;
	}
	.header .navigator ul li.menu-item.menu-item-has-children.level-1.active-menu > .plus-arrow {
/*		transform: rotate(45deg);*/
	}
	/*.main-menu li .sub-menu.menu-depth-2.open-menu,
	.header .navigator ul li.menu-item li.menu-item.active ul {*/
	.main-menu li .sub-menu.menu-depth-2.open-menu {
		background: #ffec83;
		border-radius: 10px;
    	padding: 5px 0;
	}
	.main-menu li .sub-menu.menu-depth-2 li {
		border: 0;
	}
	.header .navigator .main-menu li .sub-menu.menu-depth-2 li.menu-item a {
		text-transform: none;
		padding: 7px 10px;
    	padding-left: 40px !important;
    	font-weight: 500;
    	font-size: 0.9em;
	}
	.category-layout-products .sidebar-right .block-menu ul ul.menu-level-2 {}
	.header .navigator .main-menu li .sub-menu.menu-depth-2 li.menu-item.active a {
		font-weight: 700;
		color: #000;
	}
	.sidebar-right .block-menu {
		margin-left: -15px;
		margin-right: -15px;
	}
	.banner-section .swiper-slide .swiper-slide-content {
		top: 0;
		bottom: auto;
	}
	.banner-section .swiper-slide .swiper-slide-content img {
		width: auto;
		max-width: 27%;
		margin: 10px 0 15px 0;
	}
	.banner-section .swiper-slide .swiper-slide-content .row-01 p {
		margin: 0 0 5px 0;
		font-size: 2.2vw;
	}
	.banner-section .swiper-slide .swiper-slide-content .row-01 strong {
		font-size: 3vw;
	}
	.banner-section .swiper-slide .swiper-slide-content .row-01 .number {
		font-size: 4vw;
	}
	.banner-section .swiper-slide .swiper-slide-content .row-02 {
		display: none;
	}
	.block-list-homeposts .block-item .container {
		padding: 0;
	}
	
	body .section-main {
		padding: 0;
	}
	.row-what-we-believe .list-items {
		display: block;
	}
	.row-box {
		display: block;
		padding-top: 20px;
    	padding-bottom: 20px;
	}
	.row-box-aboutus {
	    flex-direction: row-reverse;
	    display: flex;
	    flex-wrap: wrap-reverse;
	}
	.row-box-aboutus h2 {
    	font-size: 7vw;
	    margin: 0 0 30px 0;
	    text-align: center;
	}
	.row-box h2 .row-01 {
	    margin-left: -60px;
	}
	.row-box h2 .row-02 {
	    margin: 0 0 0 35px;
	}
	.row-box-aboutus h2 .row-01::before {
	    width: 30px;
	    height: 30px;
	    left: -50px;
	}    
	.row-box-aboutus h2::after {
		width: 30px;
	    height: 30px;
	    right: 30px;
	}
	.row-box-aboutus h2 .row-02::before {
 	    width: 120px;
	    height: 2px;
	    bottom: -10px;
	    left: 10px;
	}
	.row-box-aboutus .thumb-post {
	    margin: 15px 0 0 0;
	}
	.row-box-featured {}
	.row-box-featured .box-featured-item h3 {
	    font-size: 4vw;
	}
	.row-box-featured .box-featured-item {
	    margin: 0 0 30px 0;
	}
	.row-box-projects {}
	.row-box-projects .col-md-12 {
		padding-left: 0;
		padding-right: 0;
	}
	.row-box-projects .category-title {
		margin-bottom: 15px;
	}
	.row-box-projects .category-title h2.section-title {
	    margin: 0;
   	 	padding: 0;
	}
	.row-box-projects .category-title::before {
	    top: 10px;
	    left: 10px;
	    width: 25px;
	    height: 25px;
	}    
	.row-box-projects .category-title::after {
	    bottom: 0;
	    right: 0;
	    width: 30px;
	    height: 30px;
	}
	.row-box-projects .category-title h2::before {
	    width: 150px;
	    height: 2px;
	    bottom: -10px;
	    left: 0px;
	}    
	.slide-projects {
	    padding: 0;
	    margin: 0 -calc(var(--bs-gutter-x)* .5);
	    width: 100%;
	    overflow: hidden;
	}
	.slide-projects .swiper-container::before,
	.slide-projects .swiper-container::after {
	   display: none;
	}
	.slide-projects .swiper-container {
	    margin: 0;
	    overflow: unset;
	}
	.slide-projects .swiper-button-prev,
	.slide-projects .swiper-button-next{
		top: 30%;
	}
	.slide-projects .swiper-button-prev {
		left: -5px;
	}
	.slide-projects .swiper-button-next {
		right: -5px;
	}
	.row-box-projects .project-item {
		margin-bottom: 0;
		padding-top: 0;
		padding-bottom: 0;
	} 
	.slide-projects .project-item .post_info .readmore {
		opacity: 1;
		visibility: visible;
	}
	.row-box-projects .project-item .post_image {
		height: 90vw !important;
		background-repeat: no-repeat;
		background-position: center center;
	}
	.row-box-projects .project-item-col-02 {
		padding-left: 0;
		padding-right: 0;
	}
	.row-box-partners .col-title {
		text-align: center;
	}
	.sidebar-right .list-categories {
	    margin: 20px 0 30px 0;
	    border-bottom: 1px solid #005baa;
	}
	.list-post-category-01 h2 {
		padding: 0 50px;
    	width: 100%;
	}
	.list-post-category-01 .cate-desc {
	    padding: 20px 10px 20px 10px;
	}
	.list-post-category-01 .swiper-gallery-container .slide-image {
		height: 30vw;
	}
	.list-post-category .readmore-btn {
		margin: 30px 0;
		text-align: center;
	}
	.list-post-category .readmore-btn a{
	    background: #fff;
	    border: 2px solid #005baa;
	    margin: 0 auto;
	    padding: 7px 50px;
	    display: inline-block;
	    color: #005baa;
	    text-transform: uppercase;
	}
	.category-layout h2 {
	    text-align: center;
	    margin: 30px 0;
	    width: 100%;
	}
	.category-layout-news .list-posts-item .post_content_main {
		padding-left: 0;                     
	}
	.category-layout-news .list-posts-item .post_content_main .readmore {
		display: none;
	}
	.category-layout-news .list-posts-item .intro {
	    margin-top: 10px;
	}
	.category-layout-news .list-posts-item .intro p {
		font-size: 0.9em;
	}
	.category-layout-news .sidebar-right {
/*		margin-top: 30px; */
	}
	.contact-page .contact-info h2.post_title {
		text-align: center;
	} 
	.contact-page form {
		margin: 0 0 0 0;
	}
	.contact-page form .row-button{
		text-align: center;
	}
	.category-layout-products .row-container-products {
	    flex-direction: column-reverse;
    	display: flex;
	}
	.category-layout-products .cate-heading .cate_title {
	    margin: 0 0 20px 0;
	}
	.category-layout-products .cate-heading .gallery-box .slide-image {
	    height: 35vw;  
	}
	.category-layout-products .sidebar-right {
		border-top: 1px solid #f3f3f3;
	}
	.category-layout-products .sidebar-right .block.block-menu {
		margin-left: 0;
		margin-right: 0;
	    margin-bottom: 0;
	}
	.category-layout-products .site-content {
		padding: 0 15px 20px 15px; 
	}
	.category-layout-products.detail-layout .post_item .post_title {
		margin: 15px 0;
		font-size: 1.4em;
	} 
	.related_list .related-gallery {
		flex-wrap: wrap;
	    width: 100%;
    	margin: 0;
	}
	.related_list .related-gallery .gallery-item {
		width: 49%;
		margin-bottom: 20px;
	}
	.row-box.row-box-related-post {
		padding-bottom: 0;
	}
	.bottom .bottom-blocks {
		display: block;
	}

	/* Upgrade Web */
	.row-box h2.section-title, 
	.section-title {
		font-size: 6vw;
		text-align: center;
		padding: 0 0 10px 0;
		margin: 0 0 10px 0;
	}
	.list-services-box .service-item {
/*		width: 100%;*/
		width: 32%;
	} 
	.list-services-box .service-item .heading {
		padding: 20px 10px;
	}
	.list-services-box .service-item .icon {
/*	    height: 80px;*/
		height: auto;
	}
	.list-services-box .service-item h3 {
	    font-size: 0.8em;
	    font-weight: 900;
	    height: 30px;
	    margin: 10px 0 0 0;
	}
	.slide-services {
		padding: 0 30px;
	    width: 100%;
	    position: relative;
	}
	.services-page.service-post .row-list-services .list-services-box .service-item {
		margin: 0;
		width: 100%;
	}
	.slide-services .swiper-button-prev,
	.slide-services .swiper-button-next {
		top: 40%;
	}
	.slide-services .swiper-button-prev {
		left: -5px;
	}
	.slide-services .swiper-button-next {
		right: -5px;
	}
	.slide-projects .project-item .post_info .post_title {
	    font-size: 5vw;
	    line-height: 1.1;
	    height: auto;
	}
	h3.title-style-01 {
	    font-size: 6vw;
    	margin: 20px 0;
	}
	h3.title-style-01 .main-title {
	    font-size: 2em;
	    margin: 0 0 0px 0;
	}
	.row-box-our-story h3.title-style-01 .main-title {
		margin: 0 0 20px 0;
	}    
	.row-box-news .news-item .post-content {
		display: none;
	}
	.row-box-we-bring-to-you .list-text .text-item {
	    font-size: 3vw;
	    background-size: 35px;
	    padding-left: 50px;
	    margin: 0;
	}
	.row-what-we-believe .item-box {
	    margin: 0 0 20px 0;
	}
	.row-what-we-believe .item-box .item_info {
		line-height: 1.6;
		font-size: 3.4vw;
	}
	.row-box-partners .partner-list .partner-item {
		padding: 0 10px;
	}
	.page .post_title, 
	.single-post .post_title {
	    margin-bottom: 0px;
    	margin-top: 0;
	} 
	.single-post .post_title::after, 
	.page .section-title::after {
		display: none;
	}
	.slide-members {
		padding: 0 30px;
	}
	.slide-members .swiper-button-prev,
	.slide-members .swiper-button-next {
		top: 30%;
	}
	.slide-members .swiper-button-prev {
		left: 10px;
	}
	.slide-members .swiper-button-next {
		right: 10px;
	}
	.post-template-single-brochure .section-banner .col-left h1, 
	.page-template-services-page .section-banner .col-left h1 {
		margin: 0;
		font-size: 4vw;
	}
	.post-template-single-brochure.postid-57 .section-banner .col-left .content ul li,
	.post-template-single-brochure .section-banner .col-left .content ul li, 
	.page-template-services-page .section-banner .col-left .content ul li {
	    font-size: 2.8vw;
	    text-align: left;
	    background-size: 30px;
	    background-position: left 10px;
	    padding: 8px 0 8px 50px;
	}
	.page-template-services-page .section-banner .col-right {
		text-align: center;
	}
	.page-template-services-page .section-banner .col-right img {
		width: 80%;
	}
	.services-page .target_box {
		padding: 30px 0;
	}
	.services-page .row-register .col-left h2,
	.services-page .target_box h2,
	.row-why-us h2, 
	.services-page .row-box-partners h2, 
	.row-we-help h2, 
	.row-customer h2, 
	.services-page .row-list-services h2 {
		padding: 0;
		margin: 0 0 20px 0;
		font-size: 4vw;
		text-align: center;
	}
	.services-page .target_box .row-target .item {
		margin: 0 0 30px 0;
	}
	.services-page .target_box .row-target .col-md-4:last-child .item {
		margin: 0;
	}
	.services-page .target_box .row-target .item .title {
		font-size: 3.5vw;
		height: auto;
	}
	.services-page .row-list-services, .row-we-help, .row-why-us {
		padding: 30px 0 20px 0;
	}
	.row-we-help .desc, 
	.row-why-us .desc, 
	.row-customer .desc, 
	.services-page .row-list-services .description {
		font-size: 2.7vw;
		width: 100%;
		text-align: justify;
	}
	.row-we-help .desc {
		margin: 0 0 20px 0;
	}
	.services-page .row-register .col-left {
		margin: 30px 0 0 0;
	}
	.services-page .row-register .col-left .desc {
		width: 100%;
		text-align: center;
	}
	.services-page .row-register .col-left .link {
		text-align: center;
	}
	.services-page .row-register .col-right {
		text-align: center;
	}
	.services-page .row-register .col-right img {
		width: 60%;
	}
	.post-template-single-brochure .section-banner .col-left .content, 
	.page-template-services-page .section-banner .col-left .content {
		margin: 20px 0 0 0;
	}
	.post-template-single-brochure .section-banner .col-right, 
	.page-template-services-page .section-banner .col-right {
		text-align: center;
	}
	.post-template-single-brochure .section-banner .col-right img, 
	.page-template-services-page .section-banner .col-right img {
		width: 60%;
	}
	
	.row-list-services .list-services-box {
		margin: 10px 0 0 0 !important; 
	}
	.service-post .row-find-out-box h2 {
		font-size: 4vw;
	}
	.service-post .row-find-out-box .link {
		text-align: center;
	}
	.row-why-us .row-body {
	    margin-top: 20px;
	}
	.row-customer {
		padding: 0 0 20px 0;
	}
	.slide-customer {
		margin: 20px 0 0 0;
	}
	.slide-customer .customer-item {
		display: block;
	}
	.slide-customer .customer-item .customer-thumb {
		width: 90%;
		margin: 0 auto;
	}
	.slide-customer .customer-item .customer-info {
	    width: 100%;
	    padding: 0;
	}
	.slide-customer .customer-item .customer-info .list-info {
	    display: flex;
	    justify-content: space-between;
	    flex-wrap: wrap;
	    width: 100%;
	}
	.slide-customer .customer-item .customer-info .list-info .info-item {
	    padding: 0 10px;
	    width: 33%;
	}
	.slide-customer .customer-item .customer-info .list-info .info-item .text {
	    font-size: 2.3vw;
	    height: 40px;
	}
	.slide-customer .customer-item .customer-info .list-info .info-item .number {
	    font-size: 4vw;
	    line-height: 1;
	}
	.gallery-thumbs {
		padding: 10px 0;
		margin-top: 15px;
	}
	.gallery-thumbs .swiper-wrapper {
		justify-content: center;
		padding: 0 0;
	} 
	.category-showcase .section-title::after {
		font-size: 15vw;
	    top: -5vw;
	}
	.category-showcase .cate-desc {
	    font-size: 3.6vw;
	}
	.category-layout-projects .slide-projects {
		padding: 0;
		margin: 0;
	}
	.category-layout-projects .slide-projects .project-item {
	    width: calc(100% - 30px);
	    background: #f8de4f;
	    margin: 0 auto 15px auto;
	}
	.slide-projects .project-item .post_info .post_title a {
		font-size: 0.7em;
		line-height: 1;
	}
	.slide-projects .project-item:hover .post_info .readmore {
		transform: none;
	}
	body #mailpoet_form_2 form.mailpoet_form {
		margin: 0;
		width: 100%;
 	}
	body .mailpoet_form .mailpoet-heading {
		font-size: 6vw !important;
		margin: 0 !important;
	}
	.section-pathway span {
		font-size: 2.7vw;
	}
	.post-template-single-product .heading-post-detail .post_title {
	    padding: 0 10px 20px 10px;
	    font-size: 6vw;
	}
	.post-template-single-product .heading-post-detail .desc .post_content {
		width: 100%;
	}
	.post-template-single-product .heading-post-detail .desc article p {
	    font-size: 4vw;
	    line-height: 1.4;
	}
	.post-template-single-product .section-contents .section-content h2 {
	    font-size: 6vw;
	}
	.post-template-single-product .section-stats .row-stats .col-left {
	    width: 30%;
	    padding: 10px 20px 10px 0;
        text-align: center;
	}      
	.post-template-single-product .section-stats .row-stats .col-left img {
	    width: 80px;
	}  
	.post-template-single-product .section-stats .row-stats .col-left::after {
	    width: 40px;
	    height: 40px;
	    right: -20px;
	    top: 37%;
	}
	.post-template-single-product .section-stats .row-stats .col-right {
		width: 70%;
	    padding: 20px 10px 20px 30px;
	}
	.post-template-single-product .section-stats .row-stats .col-right .maintext {
	    font-size: 7vw;
	}
	.post-template-single-product .section-stats .row-stats .col-right .subtext {
		font-size: 4vw;	
	}
	.list-categories-news .news-category-items {
	    overflow-x: scroll;
	}
	.list-categories-news .news-category-items .news-category-name .category-item {
		display: block;
		width: 200px;
	    padding: 20px;
    	font-size: 3vw;
    	text-align: center;
    }
    .list-categories-news .news-category-items .news-category-name .category-item .category-image {
	    height: 90px;
	}
	.list-categories-news .news-category-items .news-category-name .category-item .cate-name {
	    margin: 10px 0 0 0;
	    font-size: 4vw;
	    display: block;
	}
	.slide-list-items {
		padding: 0 30px;
	}
	.slide-list-items .swiper-button-next {
		right: -10px;
	}
	.slide-list-items .swiper-button-prev {
		left: -10px;
	}
	.slide-list-items .swiper-button-next,
	.slide-list-items .swiper-button-prev {
		top: 20%;
	}
	.row-box-news .list-news {
	    margin: 20px 0 0 0;
	}
	.list-news .section-title {
		margin: 0;
	}
	.category-layout-news .cate-posts .post-item {
	    margin: 0 0 30px 0;
	    padding: 0 0 30px 0;
	    position: relative;
	}
	.category-layout-news .cate-posts .post-item::after {
		content: "";
		width: 100px;
		height: 1px;
		display: block;
		background: #ccc;
		position: absolute;
		bottom: 0;
		left: calc(50% - 50px);
	}
	.slide-list-items .news-item .post_info .post_title a {
		font-size: 4vw;
	}
	.detail-layout.category-layout-news {
	    margin: 30px 0 0 0;
	}
	.news_singlepage .post_title {
		margin-bottom: 20px;
		font-size: 5vw;
		line-height: 1.4;
	}
	.sidebar-right .box-sidebar .cate-heading {
	    margin: 0 0 25px 0;
    	padding: 0 0 5px 0;
	    font-size: 6vw;
	    border-bottom: 1px solid #ccc;
	}
	.detail-layout.category-layout-news .relate-post {
	    margin: 0;
	}
	.detail-layout.category-layout-news .relate-post h3 {
		font-size: 6vw;
	    padding: 0 0 5px 0;
	    margin-bottom: 25px;
	    text-align: left;
	    border-bottom: 1px solid #ccc;
	}
	.detail-layout.category-layout-news .relate-post .related-gallery {
	    display: block;
	}
	.detail-layout.category-layout-news .relate-post .related-gallery .gallery-item {
	    width: 100%;
	    margin-right: 0;
	}
	.category-layout-projects {
/*	    background: url(../images/mobile/bg-top-showcase.jpg) top center no-repeat;*/
	}
	.category-layout-services .section-title {
		margin: 20px 0;
	}
	.list-services {
		width: 100%;
		margin-top: 20px;
	}
	.service-post.service-other-post .post_content {
		width: 100%;
	}
	.list-services .service-item h2 a {
		font-size: 0.7em;
	}
	.faq-box {
		width: 100%;
	}
	.about-us-page .post_content {
		width: 100%;
	}
	iframe {
		width: 100%;
	}
	.service-other-post .main-content h1.title {
		font-size: 1.5em;
		margin: 40px 0 0 0;
	}
	.service-other-post .row-other-post h2 {
		font-size: 1.2em;
		padding: 0 20px;
		margin-bottom: 20px;
	}
	.service-other-post .row-other-post {
		margin: 20px 0;
	}
	
	/*	Update 2024  */
	.search-box-header {
		display: none;
	}
	.header .position-box span.search-btn {
		position: absolute;
		z-index: 1;
		top: 15px;
		right: 15px;
		font-size: 4.5vw;
		color: #1fccf0;
	}	
	.header .position-box .search-form {
		display: none;
		margin: 10px;
	}
	.is-form-style input.is-search-input {
		border-radius: 10px;
	}
	.category-showcase .section-title, .page h2.post_title, .single-post .post_title {
		padding: 50px 20px;
	}
	.contact-page .post_content {
		width: 100%;
		margin: 20px auto 0 auto;
	}
	.contact-form-box {
		padding: 10px 20px;
		margin: 0 0 30px 0;
		flex-flow: column-reverse;
	}
	.contact-form-box .col-left,
	.contact-form-box .col-right {
		width: 100%;
		padding: 0;
	}
	.contact-form-box .col-right .form-image-right {
		text-align: center;
	}
	.contact-form-box .col-right .form-image-right img {
		width: 35%;
		display: block;
		margin: 0 auto;
	}
	.contact-form-box .col-left {
		margin: 20px 0 0 0;
	}
	.contact-form-box form .fieldbox.fieldbox-button {
		text-align: center;
	}
	.contact-form-box form .fieldbox input.wpcf7-submit {
		display: block;
		margin: 10px auto 0 auto;
	}
	.header .navigator ul li.menu-item.call-to-action {
		background: #f8de4f;
		border: 0;
	}
	.header .navigator ul li.menu-item.call-to-action::before {
		content: "Tư vấn ngay";
		display: block;
	    padding: 12px 10px 0 30px;
	    font-size: 4.5vw;
	    line-height: 1.5;
        font-weight: bold;
	    color: #000;
	    text-transform: uppercase;
	    text-decoration: none;
	}
	.header .navigator ul li.menu-item.call-to-action a {
		display: flex;
		flex-direction: row-reverse;
	    justify-content: flex-end;
        align-items: baseline;
        padding-top: 0;
	}
	.header .navigator ul li.menu-item.call-to-action a::after {
		content: "\f2a0";
		display: block;
		font-size: 25px;
		font-family: "Font Awesome 5 Free";
		color: #000;
		margin: 0 10px 0 0;
		transform: rotate(-45deg);
	}
	.row-box-we-bring-to-you .image-post img {
		width: 45%;
		display: block;
		margin: 0 auto;
	}
	.bottom .block-item-4 .row-01 .social-box a {
		line-height: 0;
	}
	.bottom .block-item-4 .row-01 .social-box a:first-child {
		margin: 0px 10px 3px 10px;
	}
	.socialbox {
	    align-items: end;
	}
	h3.title-style-01 .sub-title {
		margin: 0 0 10px 0;
	}
	h3.title-style-01 .main-title {
		font-size: 1.2em;
		text-align: center;
	}
	.row-box-news .news-item .title {
		font-size: 1.1em;
		line-height: 1.2;
	}
	.row-box-news .list-news .news-item .title {
		font-size: 1em;
	}
	.row-box-news .news-item {
	    margin: 0 0 30px 0;
	}
	.row-box-news .news-item {
	    margin: 0 0 20px 0;
	}
	h3.title-style-01 .sub-title {
		font-size: 0.7em;
		text-align: center;
	}
	.row-box-our-story .post_link {
		margin: 30px 0 20px 0;
	}
	.list-categories-news .news-category-items {
		overflow: unset;
		width: 100%;
	} 
	.list-categories-news .news-category-items .news-category-name {
		width: 100%;
		margin: 0;
	}
	.list-categories-news .news-category-items .col-item {
		width: 33%;
		padding: 0 5px;
	}
	.list-categories-news .news-category-items .news-category-name .category-item {
		width: auto;
		padding: 20px 10px;
	}
	.list-categories-news .news-category-items .news-category-name .category-item .category-image {
		height: auto;
		width: auto;
	}
	.list-categories-news .news-category-items .news-category-name .category-item .category-title {
    	width: 100%; 
    	text-align: center; 
    	padding: 0;
    	line-height: 1.4;
    }
    .single-category-news .category-item .cate-name .section-title {
    	font-size: 2.1em;
    	text-align: center;
    }
    .single-category-news .category-item .cate-name .section-title::after {
    	display: none;
    }
    .single-category-news .news-category-items {
    	margin: 0 0 0 0;
    }
    .single-category-news .news-category-items .news-category-name {
    	width: auto;
    	margin: 0 -15px;
    }
    .single-category-news .news-category-items .news-category-name .category-item {
    	padding: 30px;
    }
    .single-category-news  .news-category-items .news-category-name .category-item .cate-name {
    	width: 100%;
    	margin: 0 0 20px 0;
    	padding: 0;
    }
    .single-category-news .news-category-items .news-category-name .category-item .category-image {
    	width: 50%;
    	margin: 0 auto;
    }
    .page h2.post_title {
    	margin-left: -15px;
    	margin-right: -15px;
    }
    .news_singlepage .post_title {
    	padding: 10px 0;
    }
    .services-page .target_box .row-target .item .icon img {
    	width: 40%;
    }
    .row-why-us .col-left img {
    	width: 50%;
    }
    .row-why-us .why-us-list {
    	padding-right: 0;
    }
    .row-why-us .why-us-list .why-us-item .text {
 		width: 100%;
    	padding: 0 0 0 20px;
 	}
 	.row-why-us .why-us-list .why-us-item {
 		margin: 20px 0;
 	}
 	.services-page .row-register .row {
	    display: flex;
	    flex-wrap: wrap-reverse;
 	}
 	.fb-share-box,
 	.abh_tab_content {
 		border: 0 !important;
 	}
 	.sidebar-right .box-sidebar {
 		margin: 0 0 0 0;
 	}
 	.sidebar-right .box-sidebar.promotion-box {
 		margin: 30px 0 0 0;
 	}
 	.category-layout {
 		margin-bottom: 0px;
 	}
 	.list-services .service-item {
 		padding: 0;
 	}
 	.list-services .service-item:hover {
 		padding-bottom: 20px;
 	}
 	.list-services .service-item .post_thumb {
 		padding: 15px 30px 0 30px;
 	}
 	.list-services .service-item .post_thumb img {
 		width: auto;
 	}
 	.post-template-single-brochure .section-banner .row-section-title {
 		flex-wrap: wrap;
 	}
 	
 	.slide-services {
 		padding: 0 15px;
 	}
 	body .services-page.service-post .row-list-services .list-services-box .service-item {
 		width: 100% !important;
 		margin: 0 auto !important;
 		padding: 0 !important;
 	}
 	body .services-page.service-post .row-list-services .list-services-box .slide-services-other .service-item:hover {
	    box-shadow: none !important;
	    transform: none !important;
	}
 	body .services-page.service-post .row-list-services .list-services-box .service-item h3 {
 		height: auto;
 	} 
 	.services-page.service-post .row-list-services .list-services-box .slide-services-other .service-item h2 {
 		font-size: 1em;
 		margin: 10px 0 0 0;
 	}
 	.services-page.service-post .row-list-services .list-services-box .slide-services .swiper-button-prev, .slide-services .swiper-button-next {
 		top: 10%;
 	}
 	.post-template-single-brochure.postid-57 .list-services-box .service-item .desc p {
 		height: auto;
 	}
 	.services-page.service-post .row-list-services .list-services-box .service-item .desc p {
 		margin-bottom: 15px;
 	}
 	.list-services-box .service-item .link {
 		bottom: 10px;
 	}
 	.list-services-box .service-item:hover {
 		transform: none;
 		box-shadow: none;
 	}
 	.row-box-partners .partner-list {
 		padding: 0;
 	}
 	.row-box-partners h3.title-style-01 .sub-title {
 		margin: 0 0 10px 0;
 	}
 	#fancybox-wrap {
 		width: 96% !important;
 		height: 90% !important;
 		top: 5% !important;
 		left: 2% !important;
 	}
 	#contact_form_pop .contact-form-box {
 		display: flex;
 		flex-wrap: wrap;
 		padding: 20px;
 	}
 	#contact_form_pop .contact-form-box .col-right .form-image-right img {
 		width: 70px;
 	}
 	#contact_form_pop .contact-form-box form .fieldbox textarea {
 		height: 150px;
 	}
 	.contact-form-box .col-left h3 {
 		margin: 0 0 10px 0;
 		font-size: 1.3em;
 	}
 	.contact-form-box form .fieldbox p {
 		line-height: 1;
 	}
 	.service-post .row-find-out-box {
 		padding: 20px 0;
 	}
 	.service-post .row-find-out-box .content {
	    display: flex;
    	flex-wrap: wrap-reverse;
 	}
 	.service-post .row-find-out-box .content .col-left {
	    width: 100%;
	    margin-left: 0;
	    text-align: center;
	}
	.service-post .row-find-out-box .content .col-right {
	    width: 100%;
	    text-align: center;
	    margin: 0 0 20px 0;
	}
	.gallery-thumbs .swiper-slide {
		position: relative;
		background-size: 95% !important;
	}
	.gallery-thumbs .swiper-slide.swiper-slide-thumb-active::after {
		content: "";
		display: block;
		position: absolute;
	    width: 100%;
	    height: 100%;
	    top: 0;
	    left: 0;
	    background: rgba(0, 0, 0, 0.1);
	    border-radius: 7px;
	}
	.abh_box {
		padding-bottom: 0 !important;
	}
	.category-layout-news .post_item {
		margin-bottom: 0;
	}
	body .abh_tab_content {
		border-bottom: none !important;
	}
	.post-template-single-brochure .section-banner, 
	.page-template-services-page .section-banner {
		padding: 10px 0;
	}
	.list-bestservices-box {
		flex-wrap: wrap;
	}
	.list-bestservices-box .service-item {
		width: calc(50% - 20px);
		margin: 0 10px;
	}
	.list-bestservices-box .service-item h3 {
		height: 65px;
		font-size: 0.8em;
		margin: -20px auto 0 auto;
	}
	.list-services .service-item h2 {
		padding: 0 10px;
		height: 50px;
	}
	.slide-services-other,
	.service-other-post .row-other-post .slide-related-post {
		padding: 0 30px;
	}
	.service-other-post .row-other-post .slide-related-post .post-item .thumb {
		text-align: center;
	}
	.service-other-post .row-other-post .slide-related-post .post-item .title a {
 		font-size: 0.9em;
 	}
 	.tab-content {
		width: 100%;
	}
	.nav-tabs .nav-link {
		padding: 10px 15px;
		margin: 0 3px;
	}
	.home .list-services-box .service-item.service-item-new .heading,
	.list-services-box .service-item.service-item-new .heading {
	    padding: 20px 0 0 0;
	}
	.home .list-services-box .service-item.service-item-new .icon,
	.list-services-box .service-item.service-item-new .icon {
	    height: 130px;
/*	    height: auto;*/
	    padding: 0 7px 20px 7px;
	}
	.home .list-services-box .service-item.service-item-new h3,
	.list-services-box .service-item.service-item-new h3 {
	    font-size: 0.7em;
	    bottom: 20px;
	    left: 5px;
	    width: 100%;
	    line-height: 1.3;
	    padding: 8px 10px;
	    margin: 0 0 0 0;
	}
	.list-services-box .service-item.service-item-new {
		width: 31%;
	}
	.home .list-services-box .service-item.service-item-new h3 {
		font-size: 0.7em;
	}
	.slide-customer .customer-item .customer-info .list-info .info-item .icon img {
		max-height: 110px;
	}
	.home .list-services-box .service-item.service-item-new { 
		width: 47%;
		margin: 0 10px;
	}
	.list-services-box .service-item.service-item-new .icon::after {
		height: 100px;
		bottom: -2.4vw;
	} 
	.home .list-services-box .service-item.service-item-new:hover,
	.list-services-box .service-item.service-item-new:hover .icon img,
	.list-services-box .service-item.service-item-new:hover h3 {
		transform: none;
	}
	.list-services-box .service-item.service-item-new:hover .icon::after {
		transform: perspective(900px) rotateX(60deg) scale(0.7);
		display: none;
	}
	.list-services-box .service-item.service-item-new:hover h3 {
		position: static;
	}
	.row-list-gif .row-section-content {
		margin: 20px 0 -10px 0;
		display: block;
		text-align: center;
	}
	.row-list-gif .row-section-content .gif-item {
		margin: 10px 0;

	}
	.slide-list-items .news-item .post_info .post_title {
		height: auto;
	}
	/* Update Web 24/07/2024 */
	.swipe-circle {
		inset: 0% -25vh 0% auto;
	}
	.wpcf7 form .wpcf7-response-output {
	  	left: 0;
	  	bottom: 110px;
	  	z-index: 1;
	}
	 .wpcf7-not-valid-tip {
	    top: -5px;
	    right: 0px;
	    font-size: 0.9em;
	}
	.row-box-gallery .title-style-01 {
		font-size: 6vw;
	}
	.row-box-gallery .title-style-01 .sub-title {
		text-align: left;
	}
	.row-box-gallery .gallery-thumbs {
		width: 100%;
	}
	.row-box-gallery .gallery-top .swiper-slide.swiper-slide-active .caption {
		opacity: 1;
		visibility: visible;
		transform: translateY(-10px);
	}
	.row-box-gallery .gallery-thumbs .swiper-button-next,
	.row-box-gallery .gallery-thumbs .swiper-button-prev {
		top: -220px;
	}
}
@media screen and ( max-width: 300px)
{
	.header .logo img {
		height: 40px;
	}
	#hamburger_menu {
		top: -55px;
	}
	.bottom .block-item-1 .slogan-footer span {
		font-size: 3vw;
	}
	.row-box-news .list-news .news-item .title {
	    font-size: 0.8em;
	}
	.home .list-services-box .service-item.service-item-new .icon, .list-services-box .service-item.service-item-new .icon {
		height: 70px;
	}
	.list-services-box .service-item.service-item-new .icon::after {
		bottom: -7.5vw;
	}
	.home .list-services-box .service-item.service-item-new h3 {
	    font-size: 0.6em;
	}
	h3.title-style-01 .sub-title,
	.list-bestservices-box .service-item h3 {
		font-size: 0.6em;
	}
	
}