
/* 1199 */

@media screen and (max-width: 1199.5px) {
	
}

/* 991 */

@media screen and (max-width: 991.5px) {
	.items-products p{
		padding: 10px;
	}
	.chosse-content{
		margin-top: 20px;
	}
	.slick-choose .ratio{
		padding-bottom: 50%;
	}
	.title-main .heading{
		font-size: 250%;
	}
	.items-step .content:before,
	.page-step .items:nth-child(2n + 2) .items-step .content:after{
		display: none;
	}
}

/* 767 */

@media screen and (max-width: 767.5px) {
	.header-contact,
	.header .menu{
		display: none;
	}
	.site-banner{
		margin-top: -140px;
	}
	.site-banner .img .content--title{
		font-size: 150%;
	}
	.site-banner .img .content--text{
		font-size: 100%;
		margin-bottom: 20px;
	}
	.btn{
		min-width: 100px;
		padding: 0px 10px;
	}
	.site-banner .img{
		min-height: 100px;
		max-height: 500px;
	}
	.site-about .the_content{
		padding-right: 0;
	}
	.site-banner .slick-dots{
		bottom: 5%;
	}
	.site-about .content{
		padding-bottom: 20px;
	}
	.site-archivement .items span{
		font-size: 30px;
	}
	.site-archivement .items{
		padding: 20px 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
	}
	.products-content{
		border-radius: 30px;
		padding: 30px 0px;
	}
	.title-main .heading{
		font-size: 200%;
	}
	.gallery-car{
		margin-top: 20px;
		display: flex;
		align-items: center;
	}
	.site-cartificate .images{
		padding: 50px 0px;
	}
	.site-page-about .img{
		max-height: 400px;
	}
	.page-our{
		padding-top: 0;
	}
	.page-tnsm .the_content{
		padding-right: 0;
		padding-bottom: 20px;
	}
	.page-about-contact .the_content{
		font-size: 100%;
	}
	.site-all .nav{
		flex-direction: flex-wrap;
	}
	.site-all .nav li a{
		padding: 10px;
		font-size: 100%;
		margin:0px 5px
	}
	.site-bvlq{
		padding-top: 0;
	}
	.the_content h1, .the_content h2, .the_content h3, .the_content h4, .the_content h5, .the_content h6{
		text-align: left;
	}
	.items-album .ratio h3{
		font-size: 80%;
		padding: 5px;
	}
	.nav-right ul{
		flex-wrap: wrap;
    	justify-content: flex-start;
		margin-top: 20px;
	}
	.nav-right ul li{
		margin:10px;
		margin-left: 0;
	}
	.site-strength .strength{
		margin-top: 30px;
	}
	.site-banner .img{
		border-bottom-left-radius: 80px;
    	border-bottom-right-radius: 80px;
		padding-top: 50px;
	}
	.footer .heading-ft{
		margin-bottom: 20px;
	}
}

