@media screen and (max-width: 1199px) {
	.navbar-nav li {
	    margin-right: 30px;
	}
	.logo{
		max-width: 460px;
	}
	.header-bottom{
		padding: 52px 0 20px;
	}
	.header-text{
		max-width: 680px;
	}
	.product-item{
		padding: 25px 18px 32px;
	}
	.product-item h2{
		font-size: 22px;
	}
}

@media screen and (max-width: 991px) {
	.logo {
	    max-width: 355px;
	    height: 175px;
	}

	.controls{
		max-width: 355px;
	}
	.controls .btn{
		font-size: 16px;
		padding: 10px 24px;
	}
	.navbar-nav li{
		margin-right: 2px;
	}
	.navbar-nav a{
		font-size: 14px;
	}
	.navbar-nav a img{
		vertical-align: -6px;
		margin-right: 5px;
		max-height: 22px;
	}
	.header-text img {
	    margin-right: 20px;
	}
	.header-text {
	    max-width: 485px;
	}
	.header-bottom{
		padding: 45px 0 20px;
	}
	.table{
		font-size: 14px;
	}
	.table td, .table th{
		padding-left: 8px;
		padding-right: 8px;
	}
	.section-content{
		padding: 30px;
	}
	.form-text{
		margin-top: 15px;
	}
}

@media screen and (max-width: 767px){
	.container{
		position: relative;
	}
	.header-bottom{
		padding-top: 80px;
	}
	.header-text{
		max-width: 100%;
	}
	.logo {
    	max-width: 308px;
	    height: 170px;
	    z-index: 3;
	}
	.navbar{
		position: absolute;
		z-index: 2;
		top: -28px;
		right: 0;
	}
	.navbar-collapse{
		padding-top: 60px;
	}
	.navbar-nav a{
		font-size: 16px;
	}
	.section-title {
	    margin-bottom: 38px;
	}
	.section-title{
		font-size: 18px;
	}
	.section-title strong{
		top: -15px;
	}
	.coins {
	    margin-top: 50px;
	}
}

@media screen and (max-width: 575px) {
	.logo{
		max-width: 265px;
		height: 140px;
	}
	.controls{
		background: none;
		max-width: 365px;
		height: 130px;
		padding: 10px;
	}
	.controls .btn{
			padding: 12px 20px;
	}
	.navbar{
		right: 15px;
		width: auto;
		left: 50px;
	}
	.navbar-collapse {
	    padding-top: 35px;
	}
	.header-bottom {
	    padding-top: 50px;
	    padding-bottom: 15px;
	}
	.area-title{
		font-size: 18px;
		margin-bottom: 28px;
		padding-left: 18px;
	}
	.area-title strong{
		top: -15px;
		padding: 5px 10px;
	}
	footer {
	    padding: 25px 0;
	}
	.product-list {
	    padding: 30px 0 20px;
	}
	.footer-logo{
		max-width: 160px;
	}
	.product-item{
		margin-bottom: 15px;
	}
	.product-item h2{
		font-size: 24px;
	}
	.section-content{
		padding: 25px;
		font-size: 16px;
	}
	.mt-5, .my-5 {
	    margin-top: 1.5rem!important;
	}
	.mb-5, .my-5 {
	    margin-bottom: 1.5rem!important;
	}
	.pt-4, .py-4 {
	    padding-top: 1rem!important;
	}
	.section-title{
		font-size: 16px;
	}
	.already-register{
		font-size: 14px;
	}
}