@media screen and (min-width:200px) and (max-width:684px) 
{
.banner_text, .topborder, .topborder-log{
display:none;
}
.meeting , .rightinfo li
{
   
    width: 100%;
    
}
.sea-get{
	width: 100%;
}
.heading-news img{
max-width:100%;
}
.discuss-right 
{
	width: 96%;
	padding: 7% !important;
	padding-bottom: 16.8%!important;
}.col-sm-7.discuss{
    padding-right: 0%;
}
.middle-content{
  display:none;
}
.left-content.mar_auto img{
	max-width:100%;
	padding-bottom:20px
}
.left-content{padding-left: 5%;padding-right: 5%;width: 100%;margin: 0px 0% 0%;}
.col-sm-3.ware{
     
    width: 90%;
    margin: 0 5% 5%;
   
}
.discuss
{
	width:100%;
    float: left;
	}

.sea-land-contact 
{
    padding-left: 3%!important;
    
}

.writings-right {
    float: left;
}

.title-menu 
{
display:none
}

.sea-land-image 
{
padding-left: 52%!important;
}


.sea-land-contact
 {
    padding-left: 36%!important;
}

.sea-land 
{padding-left: 10px!important;padding-bottom: 10px;padding-top: 10px;float: left;}

.youplay {
    margin-top: -155%;
    float: right;
    margin-left: 45%;
    position: relative;
    left: -30%;
    /* top: -10%; */
}

.the-leading {
    width: 153px!important;
    height: 24px!important;
    background: #ffffff;
    float: right;
    position: relative;
    margin-top: 3%;
}
.bg_f2f2f2{
   margin-bottom:10px;
}
.the-leading span {
    font-style: normal;
    color: #f01414;
    margin-left: 1px;
    margin-top: 0px;
    font-size: 21px;
    font-family: 'monabellaregular';
}
.leading-world {
    width: 174px!important;
    height: 46px!important;
    position: relative;
    background: #e73d2f;
    float: right;
}
.leading-world p {
    font-family: 'monabellaregular';
    font-style: normal;
    color: white;
    margin-left: 2px;
    margin-top: 14px;
    font-size: 10px;
}
.ware
{
margin-bottom: 18px;
}
.menu_icon {
    width: 50px;
    height: 44px;
    margin: 32px 0px 0px 15px;
    background: url(../images/if_menu-alt_134216.png) no-repeat center;
    z-index: 9;
    /* background-color: #007C99; */
    display: block;
    /* position: absolute; */
    /* right: 20px; */
    /* top: 20px; */
    float: right;
}
ul.responsive {
	width:100%;
	position: absolute;
	padding: 0px;
	margin: 0px;
	background-color: #333;
	float: right;
	display: none;
	z-index: 99999;
	top: 110px;
}
ul.responsive li {
	width:100%;
	padding:0px;
	margin: 0px;
	border-bottom: 1px solid #444;
	float: left;
	z-index: 99999;
	list-style:none;
}
ul.responsive li:last-child {
	border:none!important;
}
ul.responsive li a {
	display: block;
	padding:10px 0 10px 15px;
	margin: 0px;
	font-size: 14px;
	color: #efefef;
	text-decoration: none;
}
ul.responsive li a:hover {
	display: block;
	padding:10px 0 10px 15px;
	margin: 0px;
	color: #efefef;
	text-decoration: none;
}



}