@media screen and (max-width: 1200px) {
  html,
body {
	width: 100%;
	min-width:100%!important;
	/* height: 100%;
	overflow: visible; */
}
/* headStart */

.top{
  background-color: unset;
}
.containers-box{
  width: 100%;
}
.containers{
  width: 100%!important;
}
.top-head{
  padding: 0 10px;
}
.top-head .top-right,
.top-head .top-right2{
  display: none;
}
.top .logo>img{
  height: auto;
  width: 240%;
  left: 0;
  transform: translateX(-17%);
  max-height: 100%;
  margin-left: 0;
}
.top .search-box{
  top: unset;
  right: unset;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
}
.nav-box{
  height: auto;
}
.nav-list{
  height: auto;
}
.nav-list li{
  width: 50%;
}
/* headEnd */

/* footStart */
.xfnav{
  right: 0;
}
.bottom{
  height: auto;
}

.bottom .link-a{
  height: auto;
}
.bottom .link-a a{
margin: 0 20px;
}
.sylink{
  width: 100%!important;
}
.footer2_1 ul{
  display: flex;
  justify-content: space-between;
  position: relative;
  flex-wrap: wrap;
}
.bottom .footer2_1 li a{
  margin: 0;
  padding-right: 15px;
}
.bottom .footer2_1 li{
  position: static;
  margin:0  20px;
  width: 32%;
}

.footer2_1 .select_content{
  width: 100%;
  height: auto;
}
.footer2_1 #select_content5{
  left: 0;
  height: auto;
}
.footer2_1 #select_content3{
  left: 0;
}
.bottom .btn{
  height: auto!important;
}
.footer{
  height: auto;
  margin-top: 0;
  padding-bottom: 30px;
}
.footer .d-div{
  width: 100%;
  padding:  10px;

}
.footer .d-div p{
  height: auto;
  line-height: 1.5;
  margin-bottom: 0;
}
.footer .d-div p a{
  font-size: 16px;
  color: #575757;
}
/* footEnd */


/* detailStart */
.main{
  padding: 19px 10px 0;
}
.details-informations{
  height: auto;
  margin: 0;
  padding: 0 10px;
  margin-bottom: 30px;
}
.details-informations>span{
  margin-left: 0;
}
.main div#share{
  display: none;
}

/* detailEnd */














}