@media (max-width: 991.98px) {

	/*Global*/
	.sections-detail {
		margin: 0 0 30px;
	}
	/*Banner*/
	.ext-template .banner .top-bar-left a {
		font-size:17px;
	}
	.ext-template .banner .banner-content .content-col {
		padding-left: 30px;
	}
	/*Service*/
	.ext-template .service-section .service-detail > div {
		margin-bottom: 40px;
	}
	.ext-template .process .detail-col {
		
		padding: 30px;
	}

	.ext-template  .section-title{
		color: #7b5caa;
	}
	.ext-template  .section-title-desc {
		color: #fff;
	}

	.ext-template > div{
		margin-bottom: 40px;
	}
	/*Contact us*/
	.ext-template .contact-section .box-select::before {
	    content: "\f0dd";
	    font-family: "Font Awesome 5 Free";
	    position: absolute;
	    top: 41%;
	    right: -0.5%;
	    width: 35px;
	    height: 38px;
	    text-align: center;
	    font-size: 14px;
	    line-height: 37px;
	    color: rgb(255, 255, 255);
	    background-color: rgb(123, 108, 213);
	    font-weight: 600;
	    border-radius: 3px;
	    transform: translate(-50%, -50%);
	}
	.ext-template .contact-section {
		padding-right: 15px;
	}
	.ext-template .contact-section {
		padding-left: 15px;
	    padding-right: 15px;
	}
	
	.ext-template {
		margin-bottom: 0px;
	}
	.ext-template > div{
		margin-bottom: 40px;
	}
	/*Copyright*/
	.ext-template .footer .copyright,
	.ext-template .footer .copyright {
		text-align: center;
	}
}
@media (max-width: 767.98px)  { 
	/*Banner*/
	.ext-template .banner .top-bar,
	.ext-template .banner .top-bar-right {
		text-align: center;
	}
	/*Contact us*/
	.ext-template .contact-section .box-select::before {
	    content: "\f0dd";
	    font-family: "Font Awesome 5 Free";
	    position: absolute;
	    top: 41%;
	    right: -0.6%;
	    width: 35px;
	    height: 38px;
	    text-align: center;
	    font-size: 14px;
	    line-height: 37px;
	    color: rgb(255, 255, 255);
	    background-color: rgb(123, 108, 213);
	    font-weight: 600;
	    border-radius: 3px;
	    transform: translate(-50%, -50%);
	}

}