@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
	.img-logo {
		padding-right: 4px!important;
	}
	.menu > a {
		float: left;
		margin-right: 20px;
	}
	.menu-minial {
		width: 100%!important;
	}
	.banner-des .button-client i {
		margin-left: 20px!important;
	}
	.text1 {
		padding: 43px!important;
	}
	.banner-des .button-con span {
		padding: 15px 32px!important;
	}
	.banner-des .button-con{
		margin-bottom: 30px;
	}
	.note {
		width: 100%!important;
	}
	.logo-foot{
		text-align: center;
	}
	.title-page {
		display: inline-block;
		padding: 90px 35px 170px!important;
		text-align: right;
		width: 100%;
	}
	.left i {
		left: -20px!important;
	}
	.right i {
		right: -30px!important;
	}
	.menu-minial > img {
		border-right: 2px solid hsl(0, 0%, 100%);
		float: left;
		padding-left: 10px;
		padding-right: 10px!important;
	}
	.menu-mini {
		float: left;
		list-style: outside none none;
		margin-bottom: 0;
		margin-left: 0;
		padding-left: 10px;
		padding-right: 10px;
	}
	.icon {
		width: 100%!important;
	}
	.ser-des {
		display: inline-block;
		width: 100%!important;
	}
	.about-left {
		margin-bottom: 30px !important;
	}
	.navbar-minimal.open > .navbar-toggler > span {
		top: -100px!important;
	}
	
	.menu > a {
		float: left!important;
	}
}
@media only screen and (device-width : 480px){
	.contact-foot,.menu-foot{
		width:50%!important;
	}
	.slogan h1 {
		font-size: 20px!important;
	}
	.slogan h4 {
		font-size: 11px!important;
	}
	.logo {
		width: 57% !important;
	}
	.menu {
		width: 43% !important;
	}
	.menu > a {
		margin-right: 5px !important;
	}
	.menu-minial {
		width: 72% !important;
	}
	.navbar-minimal > .navbar-menu {
		padding: 5% 0 0!important;
	}
	.navbar-minimal.open > .navbar-toggler > span {
		top: 0px!important;
	}
}
@media only screen and (min-device-width : 481px) and (max-device-width : 640px){
	.about-left {
		margin-bottom: 30px!important;
	}
	.slogan h1 {
		font-size: 20px!important;
	}
	.slogan h4 {
		font-size: 11px!important;
	}
	.logo {
		width: 57% !important;
	}
	.menu {
		width: 43% !important;
	}
	.menu > a {
		margin-right: 5px !important;
	}
	.banner-des .button-con span {
		padding: 15px 30px !important;
	}
	.banner-des .button-client a {
		padding: 15px 18px!important;
	}
	.menu-minial {
		width: 64%!important;
	}
	.navbar-minimal > .navbar-menu {
		padding: 5% 0 0!important;
	}
}
@media only screen and (min-device-width : 641px) and (max-device-width : 980px){
	.left i {
		left: -20px!important;
	}
	.right i {
		right: -30px!important;
	}
	.icon {
		width: 100%!important;
	}
	.ser-des {
		display: inline-block;
		width: 100%!important;
	}
	.text {
		padding: 13px!important;
	}
	.text > h1 {
		font-size: 23px!important;
	}
	.text > h3 {
		padding-bottom: 10px!important;
		padding-top: 10px!important;
	}
	.text > p {
		padding-bottom: 10px!important;
		padding-top: 8px!important;
	}
	.text1 {
		padding: 25px!important;
	}
	.text1 > h3 {
		padding-bottom: 10px!important;
		padding-top: 10px!important;
	}
	.text1 > p {
		font-size: 12px !important;
		padding-bottom: 10px !important;
		padding-top: 5px !important;
	}
	.testi-p span {
		padding-bottom: 10px!important;
	}
	.note {
		font-size: 15px!important;
		padding-bottom: 10px!important;
		padding-top: 10px!important;
	}
	.button-testi {
		margin-top: 10px!important;
	}
	.banner-des{
		max-width: 90%!important;
	}
	.menu-minial {
		width: 51%!important;
	}
}
@media only screen and (width:768px){
	
}
@media only screen and (width:900px){
	
}
@media only screen and (width:980px){
	
}
@media only screen and (min-device-width : 981px) and (max-device-width : 1280px){
	.ser-des {
		display: inline-block;
		width: 56%!important;
	}
	.text {
		padding: 28px!important;
	}
	.banner-des{
		max-width: 65%!important;
	}
}
@media only screen and (min-device-width : 1920px){
	.navbar-minimal > .navbar-menu {
		background-color: hsla(205, 36%, 62%, 0.93);
		display: inline-block;
		left: 0;
		list-style: outside none none;
		margin: 0;
		padding: 10% 0 0!important;
		position: absolute;
		top: -1000px;
		z-index: 50;
	}
}