
@media only screen and (max-width: 990px) {
	.nav_search_box {
		display: none !important;
	}
	.menu-open{
		overflow: hidden;
	}
	.mobile-menu{
		display: inline-block;
	}
	.main-menu > .container {
		position: relative;
	}
	.menu-main {
	    position: fixed;
	    z-index: 100;
	    background: #fff;
	    backdrop-filter: blur(20px);
	    top: 112px;
	    height: 100vh;
	    left: 100%;
	    right: 0;
	    display: block;
	    transition: all 0.3s ease-in-out 0s;
	    -moz-transition: all 0.3s ease-in-out 0s;
	    -ms-transition: all 0.3s ease-in-out 0s;
	    -webkit-transition: all 0.3s ease-in-out 0s;
	    -o-transition: all 0.3s ease-in-out 0s;
	    opacity: 0;
	    visibility: hidden;
	}
	.main-menu ul li{
		padding: 15px;
	}
	nav.main-menu.open .menu-main{
		left: 0;
	}
	.main-menu ul li {
		display: block;
		text-align: center;
	}
	.mid-header:before{
		background-image: unset;
	}
	.current-menu-item a:before{
		content: unset;
	}

	.main-menu.open .menu-main {
		opacity: 1;
		visibility: visible;
		margin-top: 0;
	}
	.main-menu .sub-menu {
		position: static;
		display: none;
		opacity: 1;
		margin-top: 0;
		visibility: visible;
		background: rgba(255, 255, 255, 0.1);
	}
	.main-menu .sub-menu li a {
		font-size: 13px;
		padding-left: 25px;
		border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	}
	.main-menu .arrow {
		display: block;
	}
	.page-template-home .site-main {
	    margin-top: 76px;
	}
	.container{
		width: 100%;
	}
	.img-proj{
		width: 100%;
	}
	.img-left,
	.img-item-right{
		width: 100%;
	}
	.site-header:before{
		display: none;
	}
	.mid-header .row{
		display: unset;
	}
	.right-header{
		text-align: right;
	}	
	.mobile-menu{
		top: 35px
	}
	section.module-heading{
		padding: 30px 0;
	}
	.module-title span{
		padding-bottom: 5px;
	}
	.module-heading h2{
		padding: 0;
		font-size: 20px;
	}
	.main-menu ul li{
		padding: 0;

	}
	.main-menu ul li a{
		font-size: 14px;
	}
	.site-main{
		padding-top: 84px;
	}
}

@media only screen and (max-width: 768px) {
/*	.site-brand,
	.right-header {
		text-align: center;
	}*/
	.left-thumb .post-thumb {
		float: none;
		width: auto;
		max-width: 400px;
		margin-right: 0;
	}
	.site-footer {
		text-align: center;
	}
	.site-footer .socials {
		padding: 10px 0;
		text-align: center;
	}
	h4.title-item-new{
		min-height: auto;
	}
	section.banner-page{
		height: 245px;
	}
	.input-group{
		width: 80%;
	}
	.item-img{
		margin-bottom: 30px;	
	}
	.list-image{
		padding-top: 30px;
	}
	.list-ct-card {
	    width: 100%;
	    margin: 0 auto;
	}
}

@media only screen and (max-width: 540px) {
	.logo img{
		width: 45%;
	}
	.mobile-menu{
		height: 17px;
	}
	.mobile-menu {
	    top: 25px;
	}
	.mid-header{
		height: 87px;
	}
	.menu-main{
		top: 87px;
	}
	.bgr-itn{
		height: 170px;
	}
	.title-item-new a{
		font-size: 16px;

	}
	.right-ct-ln p{
		font-size: 14px;
		text-align: justify;
	}
	.mobile-menu{
		width: 30px;
	}
	section.banner-page {
	    height: 190px;
	}
	.form-bh h2{
		font-size: 18px;
	}
	.input-group{
		margin: 35px auto 30px;
	}
	.input-group{
		width: 100%;
	}
	.input-group-btn button{
		width: 60px;
	}
	.header_search input{
		padding: 0 80px 0 15px;
	}
	.item-img{
		height: 170px;
	}
	.form-bh{
		padding: 30px 0 0;
	}
	.ct-left, .ct-righ{
		padding: 10px;
	}
	.item-ct{
		font-size: 15px;
	}
	.header-left, .header-right{
		padding: 0px;
	}
	article.post{
		margin: 30px 0;
	}
	.title-empty {
		font-size: 17px;
	}
	.footer-info.page-info{
		display: block;
	}
	.footer-info.page-info p{
		margin-bottom: 10px;
	}
	.copyright p{
		text-align: center;
	}
	.logo-ft img {
	    width: 55%;
	}
	.lst-all-img{
		padding: 60px 30px;
	}
	.gallery{
		display: block;
	}
	.image-container{
		max-width: 100%;
		margin-bottom: 30px;
	}
	.image-container img{
		width: 100%;
	}
	.collection-header-title h2 a{
		font-size: 17px;
		padding: 10px;
	}
	.name-cdr{
		font-size: 16px;
	}
	.img-sv{
		min-height: unset;
	}
	h3.product-name.text1line{
		font-size: 16px;
	}

}