@media (min-width: 768px) and (max-width: 979px) {
	.logo{display:none;}
	.logo_mobile{
		display:block !important;
		background:#FFFFFF !important;
		z-index:999;
		border-bottom:5px solid #1873AF;
	}
	#menu{
		width: 100%;
		z-index: 9;
		margin-top:103px;
	}
	ul.slimmenu{
		margin:0 !important;
	}
	ul.slimmenu li .sub-collapser > i{
		color:#ffffff !important;
	}
	ul.slimmenu li ul li{
		background:none !important;
		margin:0px !important;
	}
	ul.slimmenu li ul li a{
		color:#ffffff !important;
		width:auto !important;
	}
	
	.box_social{display:none;}
	#content{
		padding:20px;
	}
	#bg_pro{
		padding:20px;
		height:100%;
	}
	.location_mobile{
		display:block !important;
	}
	#copyright{
		padding:20px;
		margin-top:50px;
	}
	
	.hide_mobile{
		display:none !important;
	}
	.content_pading{
		display:block !important;
		padding:20px 20px;
	}
	img {
		vertical-align: middle;
	}
	.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
		display: block;
		height: auto;
		width: 100%;
	}
}

@media (min-width: 481px) and (max-width: 767px) {
	.logo{display:none;}
	.logo_mobile{
		display:block !important;
		background:#FFFFFF !important;
		z-index:999;
		border-bottom:5px solid #1873AF;
	}
	#menu{
		width: 100%;
		z-index: 9;
		margin-top:103px;
	}
	ul.slimmenu{
		margin:0 !important;
	}
	ul.slimmenu li .sub-collapser > i{
		color:#ffffff !important;
	}
	ul.slimmenu li ul li{
		background:none !important;
		margin:0px !important;
	}
	ul.slimmenu li ul li a{
		color:#ffffff !important;
		width:auto !important;
	}
	
	.box_social{display:none;}
	#content{
		padding:20px;
	}
	#bg_pro{
		padding:20px;
		height:100%;
	}
	.location_mobile{
		display:block !important;
	}
	#copyright{
		padding:20px;
		margin-top:50px;
	}
	
	.hide_mobile{
		display:none !important;
	}
	.content_pading{
		display:block !important;
		padding:20px 20px;
	}
	.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
		display: block;
		height: auto;
		width: 100%;
	}
}

@media (max-width: 480px) {
	.logo{display:none;}
	.logo_mobile{
		display:block !important;
		background:#FFFFFF !important;
		z-index:999;
		border-bottom:5px solid #1873AF;
	}
	#menu{
		width: 100%;
		z-index: 9;
		margin-top:103px;
	}
	ul.slimmenu{
		margin:0 !important;
	}
	ul.slimmenu li .sub-collapser > i{
		color:#ffffff !important;
	}
	ul.slimmenu li ul li{
		background:none !important;
		margin:0px !important;
	}
	ul.slimmenu li ul li a{
		color:#ffffff !important;
		width:auto !important;
	}
	
	.box_social{display:none;}
	#content{
		padding:0px;
	}
	#bg_pro{
		padding:0px;
		height:100%;
	}
	.location_mobile{
		display:block !important;
	}
	#copyright{
		padding:0px;
		margin-top:50px;
	}
	
	.hide_mobile{
		display:none !important;
	}
	.hide_mobile_s{
		display:none !important;
	}
	.content_pading{
		display:block !important;
		padding:20px 20px;
	}
	.box_boat_left{
		width:100%;
	}
	.box_boat_right{
		width:100%;
	}
	.box_promotion{
		width:100%;
	}
	.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
		display: block;
		height: auto;
		width: 100%;
	}
}

@media (max-width: 320px) {
	.logo{display:none;}
	.logo_mobile{
		display:block !important;
		background:#FFFFFF !important;
		z-index:999;
		border-bottom:5px solid #1873AF;
	}
	
	.box_social{display:none;}
	#content{
		padding:0px;
	}
	#bg_pro{
		padding:0px;
		height:100%;
	}
	.location_mobile{
		display:block !important;
	}
	#copyright{
		padding:0px;
		margin-top:50px;
	}
	
	.hide_mobile{
		display:none !important;
	}
	.hide_mobile_s{
		display:none !important;
	}
	.content_pading{
		display:block !important;
		padding:20px 20px;
	}
	.box_boat_left{
		width:100%;
	}
	.box_boat_right{
		width:100%;
	}
	.box_promotion{
		width:100%;
	}
	.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
		display: block;
		height: auto;
		width: 100%;
	}
}


/* Retina Display */
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-moz-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 2dppx) {
	
}