@media (max-width: 768px){
	
	html #wpadminbar{
		position: fixed;
	}
	
	.customize-support .top_line,
	.customize-support .top_line.fixed{
		top: 46px;
	}

	.popup_title{
		line-height: 1.2;
		font-size: 25px;
		font-weight: 400;
	}

	.popup_box{
		padding: 25px;
    	width: 92%;
    	border-radius: 15px;
	}
	.popup_form{
		max-width: 257px;
		padding: 0 !important;
	}

	.popup_form .close_button{
		height: 54px;
	}

	.popup_img{
		display: none;
	}

	.section_title{
		font-size: 25px;
		line-height: 1.5;
		font-weight: 400;
	}

	.top_line{
		top: 0;
		height: 71px;
	}
	
	.top_line a.logo{
		max-width: 120px;
	}

	.top_line .phone{
		display: none;`
	}
	.top_line .callback{
		display: none;
	}
	
	.top_line .lang{
/* 		display: none; */
		margin-right: 25px;
	}
	
	.top_line nav > a{
		width: 100%;
		height: 45px;
		background: linear-gradient(0deg, #B79C7A, #B79C7A), #B79C7A;
		color: #FFFFFF;
		font-size: 16px;
		cursor: pointer;
		border: 0;
		outline: none;
		margin-top: 30px;
		transition: all .3s;
		text-decoration: none;
		display: flex;
		align-items: center;
		justify-content: center;
		font-weight: 300;
	}
	
	.top_line .phone_box{
		display: block;
	}
	
	.burger_nav{
		display: block;
	}
	
	.top_whatsApp{
		display: block;
	}

	.header{
		padding-top: 40px;
	}
	
	.header .container{
		padding: 0;
	}

	.header_title{
		flex-direction: column;
		align-items: flex-start;
		bottom: 25px;
	}

	.header_title h1{
		max-width: 220px;
		font-size: 19px;
		line-height: 1.3;
		font-weight: 500;
	}

	.header_title h1 br{
		display: none;
	}

	.header_title .order_button,
	.header_title a{
/* 		display: none; */
		margin: 15px 0 0;
		width: 180px;
    	height: 45px;
		font-size: 16px;
	}

	.header_excell{
		padding-bottom: 0;
		margin-top: 32px;
	}

	.header_img{
		/*height: 370px;*/
		height: 240px;
		overflow: hidden;
	}

	.header_img img{
		max-width: initial;
		height: 100%;
		width: auto;
		position: relative;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
	}

	.cb-slideshow li span{
		background-size: 100%;
    	background-position: center 0;
	}

	.excell_box{
		flex-wrap: wrap;
		width: 100%;
		padding: 10px 15px;
		margin-top: 10px;
		justify-content: space-between;

	}

	.excell_item{
		width: 49%;
		margin: 0;
		padding-top: 5px;
		margin-bottom: 5px;
		border-color: #ccc;
		
	}

	.excell_item:nth-child(-n+2){
		border: 0;
	}

	.excell_item strong{
		font-size: 18px;
		margin-bottom: 0;
	}

	.excell_item span{
		font-size: 14px;
		font-weight: 300;
	}

	.about{
		margin-top: 30px;
		margin-bottom: 50px;
		padding-top: 20px;
	}

	.about_slide{
		flex-direction: column;
		padding-right: 0;
	}

	.about_wrap{
		height: auto;
		padding-top: 40px;
		margin-top: 0px;
	}

	.about_slide .about_img{
		width: 100%;
		max-width: 128px;
		margin-right: 25%;
		margin-left: auto;
		margin-bottom: 40px;
		padding-top: 33px;
	}

	.about_slide .about_img img{
		width: 100%;
		height: auto;
	}

	.about_title{
		font-size: 20px;
		font-weight: 400;
		margin-bottom: 15px;
	}

	.about_desc p{
		font-size: 14px;
		line-height: 1.7;
		font-weight: 300;
		
	}

	.about_after{
		width: 65%;
		/*left: 5%;*/
		left: 0;
	}

	.about_after img{
		width: 100%;
	}

	.about_info{
		max-width: 150px;
		margin-top: 25px;
		display: none;
	}

	.about_info small{
		padding-bottom: 5px;
		font-size: 14px;

	}

	.about_info big{
		margin-top: 5px;
		font-size: 16px;
	}

	.about_nav span{
		font-size: 14px;
	}

	.about_arr{
		width: 90px;
	}

	.about_bar{
		 width: calc(100% - 110px);
	}

	.about_slider{
		margin-top: 45px;
	}

	.details{
		overflow: hidden;
	}

	.details_cyrcle{
		width: 100%;
		height: auto;
		position: relative;
		top: 0;
		right: inherit;
		transform: translate(0);
	}

	.details_cyrcle:after{
		display: none;
	}

	.details_img{
		position: relative;
		bottom: inherit;
		right: inherit;
		left: -98px;
	}

	.details_img img{
		width: 100%;
		height: auto;
		display: block;
	}

	.details_box{
		position: absolute;
		top: 0;
/* 		display: none; */
	}

	.details_box li{
		font-size: 12px;
		line-height: 1.2;
		max-width: 180px;
	}
	.details_box li br{
		display: none;
	}

	.details_box li span{
		margin-bottom: 5px;
		min-width: 50px;
		max-width: 50px;
		height: 50px;
	}

	.details_box li span svg{
		width: 50%;
		height: auto;
	}

	.details_box li:nth-child(1){
		right: 0px;
    	top: 0px;
	}
	.details_box li:nth-child(2){
 		top: 33%; 
/*		top: 77px;
/* 		transform: translate(0%); */
		right: 0;
	}
	.details_box li:nth-child(3){
		top: 66%;
		bottom: initial;
		right: 0px;
	}


	.details .container{
		padding-top: 50px;
		padding-bottom: 5px;
		display: flex;
		flex-direction: column-reverse;
	}
	.details_desc{
		margin-top: 20px;
	}

	.details .details_desc span{
		font-size: 14px;
  line-height: 1.7;
  margin-top: 20px;
	}

	.compon{
		margin-top: 45px;
	}
	
	.compon > .container{
		padding: 0;
	}

	.compon_wrap{
		min-height: inherit;
		flex-direction: column;
	}

	.compon_wrap .container{
		flex-direction: column;
		padding-bottom: 25px;
	}

	.compon_title{
		font-size: 25px;
		line-height: 1.2;
		font-weight: 400;
		margin-bottom: 15px;
	}

	.compon_img{
		margin: 0;
		padding: 15px;
	}

	.compon_img img{
		max-width: 100%;
		height: auto;
	}

	.compon_desc{
		margin-right: 0;
		padding: 0 15px;
	}

	.compon_desc span{
		font-size: 14px;
		line-height: 1.7;
	}

	.product{
		margin-top: 40px;
		padding-top: 0;
	}

	.prod_wrap{
		flex-direction: column;
	}

	.prod_desc{
		font-size: 14px;
		line-height: 1.7;
		margin-top: 15px;
	}

	.prod_box{
		width: 100%;
		margin-top: 20px;
	}

	.prod_item .prod_img{
		height: 150px;
		padding: 0 10px;
		margin-bottom: 25px;
	}

	.prod_item .prod_img img{
		max-width: 100%;
		max-height: 100%;
	}

	.prod_title{
		font-size: 18px;
		margin-bottom: 8px;
	}

	.prod_price{
		font-size: 18px;
		line-height: 1;
		margin-top: 8px;
	}

	.prod_arr{
		width: 90px;
	}

	.prod_slide span{
		font-size: 14px;
	}

	.prod_bar{
			width: calc(100% - 110px);
	}


	.insta{
		height: auto;
		margin-top: 0;
		margin-bottom: 10px;
	}

	.insta img{
		/*position: absolute;*/
		max-width: 276px;
		width: 100%;
		height: auto;
		left: 170px;
		/*margin-right: 0;
		margin-left: auto;*/
	}

	.insta_col{
		position: relative;
		z-index: 999;
	}

	.insta .section_title{
		font-size: 21px;
	}

	.insta_col a{
		font-size: 18px;
		margin-top: 5px;
	}

	.insta_col a span svg{
		width: 35px;
	}

	.insta:after{
		display: none;
	}

	.advice{
		margin-bottom: 40px;
	}
	
	.advice .container{
		padding: 0;
	}

	.advice_form{
		margin-left: 0;
		padding: 35px 20px;
	}

	.advice_img{
		display: none;
	}

	.advice_form ul{
		margin-bottom: 25px;
		margin-top: 15px;
	}

	.advice_form ul li{
		font-size: 16px;
		margin-top: 0;
	}

	.advice_form form input[type="text"]{
		font-size: 16px;
	}

	.advice_form form input[type="submit"]{
		font-size: 18px;
	}

	.team{

	}

	.team_arr{
		width: 90px;
	}
	.team_slide span{
		font-size: 14px;
	}
	.team_box .team_item{
		overflow: hidden;
	}
	.team_box .team_item.slick-active .team_info{
		visibility: visible;
		opacity: 1;
	}
	.team_box .team_item img{
		width: 100%;
		height: auto;
		margin: 0 auto;
	    position: relative;
	    left: 50%;
	    transform: translateX(-50%);
	}
	.team_info{
		top: 0;
		background: none;
		position: relative;
		bottom: 0;
		padding: 0;
		text-align: center;
	}
	.team_name{
		font-size: 16px;
		margin-bottom: 0;
		font-weight: 400;
	}
	.team_spec{
		font-size: 14px;
	}
	.team_bar{
		width: calc(100% - 110px);
	}

	.team_nav{
		margin-top: 45px;
	}
	
	.services .service_box{
		padding: 15px;
	}
	
	.services .container{
		padding: 0;
	}
	
	.service_item{
		width: 48%;
		margin: 0;
		padding: 10px 0;
		border-color: #ccc;
	}
	
	.service_item:nth-child(-n+2){
		border: 0;
	}
	
	.service_item strong{
		font-size: 18px;
	}
	
	.service_item span {
		font-size: 14px;
		margin-top: 0;
	}
	
	.service_item:last-child {
		border-top: 0;
		width: 100%;
		padding: 0;
		margin: 0;
		max-width: 100%;
	}
	
	.service_item .order_button{
		font-size: 18px;
	}

	.partner{
		padding-top: 50px;
		padding-bottom: 0;
	}
	.partner .container{
		flex-direction: column;
	}

	.partner_col{
		width: 100%;
	}
	
	.partner_col:last-child{
		margin-top: 10px;
	}

	.partner_desc{
		font-size: 14px;
		line-height: 1.7;
		margin-top: 15px;
	}

	.partner_line{
		margin-left: -5px;
		margin-right: -5px;
	}

	.partner_line .partner_item{
		width: 33.33%;
		margin: 5px;
	}

	.partner_line .partner_item img{
		margin: 0 auto;
	    max-width: 91%;
	    max-height: 70%;
	    width: auto;
	    height: auto;
	}

	.partner_col button{
		margin: 10px 0 0 0;
		font-size: 18px;
		max-width: 100%;
	}

	.extra{
		padding-bottom: 60px;
		overflow: hidden;
	}

	.extra_box{
		margin-top: 40px;
	}
	
	.extra_img{
		top: 34%;
	}
	
	.extra_img.show{
/* 		right: 40px; */
	}

	.extra_img img{
		max-height: 200px;
		max-width: inherit;
	}

	.extra_box li{
		font-size: 18px;
	}

	.extra_pic{
		position: absolute;
	    height: 238px;
	    top: 31px;
   		left: 414px;
	}


	.top_line nav{
		position: fixed;
		width: 280px;
		padding: 105px 20px 25px;
		background: #fff;
		right: -110%;
		top: 0;
		box-shadow: 0 5px 20px rgb(0 0 0 / 15%);
		height: 100vh;
		transition: right .2s ease-in-out;
		z-index: 99;
	}
	
	.top_line nav.show{
		right: -0%;
		transition: right .2s ease-in-out;
	}
	
	.top_line nav ul {
		align-items: flex-start;
		flex-direction: column;
	}
	
	.top_line nav ul li a{
		font-size: 16px;
    	line-height: 35px;
		padding: 0;
	}
	
	.map_box {
		height: 320px;
		position: relative;
	}
	
	.map_box iframe{
		height: 100%;
	}
	
	.map .container {
   	 height: auto;
	}
	
	.map .contact_box{
		width: calc(100% + 30px);
	    padding: 20px;
	    min-height: 350px;
	    height: 100%;
	    padding-top: 45px;
	    top: 0;
	    left: -15px;
	}

	.contact_title {
	    font-size: 37px;
	    margin-bottom: 25px;
	}

	.address{
		font-size: 14px;
	}

	.map_phone {
	    font-size: 20px;
	    margin-bottom: 15px;
	}

	.map_email{
		font-size: 14px;
		margin-bottom: 10px;
	}

	.contact_time span{
		font-size: 14px;
	}

	.soc_icon{
		margin-top: 20px;
	}

	.soc_icon li{
		margin-right: 15px;
	}

	.soc_icon svg{
		width: 24px;
		height: 24px;
	}


	.f_top{
		height: auto;
		padding: 15px 0;
	}
	.f_top .f_nav{
		flex-direction: column;
		align-items: flex-start;
		margin: 0;
	}

	.f_contact{
		margin-right: 0;
		align-items: flex-end;
	}
	
	.f_contact .f_item{
		max-width: 135px;
		margin-left: 0;
    	text-align: right;
		
	}

	.f_contact a{
		font-size: 13px;
		line-height: 1.3;
	}
	
	.f_contact .f_phone{
		display: none;
	}
	
	.f_top .f_nav li{
		margin-bottom: 5px;
	}

	.f_bottom{
		height: auto;
		padding: 15px 0;
	}

	.f_bottom .container{
		padding-top: 0;
	}
	
	.f_left{
		flex-direction: column;
    	width: 50%;
	}
	
	.f_nav{
		width: 50%;
		align-items: end;
		margin-left: 0;
		flex-direction: column;
	}
	
	.f_nav li a{
		font-size: 16px;
		padding-left: 0;
	}
	.f_contact .f_soc{
		justify-content: flex-end;
	}

	.copyright{
		font-size: 10px;
		margin-top: 10px;
		line-height: 1.2;
	}


}