/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media screen and (min-width : 1200px) {
	
	.logo-dt ul li
	{
		
	}
}
@media screen and (max-width : 1200px) {

}

/* Medium Devices, Desktops */
@media screen and (max-width : 980px) {
	
	.container
	{
		padding:0 10px;
	}
	
	
	.breadcrumb
	{
		margin-top:0;
		padding:10px 0;
	}
	
	.nav-parent
	{
		display:none;
	}
	.list-news li.first-child .thumbnail .img-responsive,
	.btn-menu
	{
		display:block;
	}
	
	body
	{
		font-size:18px;
	}
	
	
	/* hide mobile */
	.list-news li.first-child .thumbnail span,
	.note-home,
	.sidebar-right .content,
	.menu-footer,
	.sidebar-right .banner-adv,
	.slogan,
	.bottom,
	.relative-product,
	.top-page .left-toppage,
	.banner,
	.sidebar-left
	{
		display:none;
	}
	
	.top-page
	{
		height:auto;
		padding:0;
	}
	.list-product li .btn-chitiet
	{
		width:100%;
		text-align:center;
	}
	
	#logo
	{
		padding:10px 0;
	}
	

	
	.wrap-frm-contact-2 .frm-contact-management label,
	.wrap-frm-contact-2 .frm-contact-management textarea, .wrap-frm-contact-2 .frm-contact-management .TextBoxField,
	.gallery .img-lagre,
	.gallery .wrap-slider-thum,
	.left-main,
	.frm-contact textarea,
	.wrap-frm-contact .frm,
	.sidebar-right,
	.link-footer .col-1,
	.link-footer .col-2,
	.link-footer .col-3,
	.frm_search,
	.right-top,
	.right-main,
	.container,
	.wrapper
	{
		width:100%;
	}
	
	.frm-dk-news .TextBoxField
	{
		width:80%;
	}
	.link-footer .frm-dk-news textarea
	{
		font-size:22px;
	}
	.link-footer .frm-dk-news .TextBoxField
	{
		height:55px;
		font-size:22px;
	}
	
	
	.list-news li.first-child .thumbnail
	{
		height:auto;
	}
	
	.feature ul li
	{
		width:50%;
		padding:20px;
		margin-bottom:20px;
		margin-left:0px;
	}
	
	.list-product li .list-option,
	.feature ul li.no_magrin_right
	{
		width:100%;
	}
	
	.btn-back-top
	{
		right:0;
		opacity:1;
	}
	
	/* product*/
	.list-product li,
	.list-news li
	{
		width:50%;
		margin-right:0px;
		padding:10px;
	}
	
	.list-product li:last-child
	{
		width:100%;
	}
	
	.left-main .block .see-all
	{
		width:100%;
		float:left;
		text-align:center;
		font-size:35px;
		display:block;
	}

	.content.post *
	{
		max-width:100% !important;
	}
	.content.post
	{
		line-height:30px;
	}
	
	.frm_search
	{
		border-bottom:1px solid #ccc;
	}
	.frm_search .se_hangsx
	{
		margin-bottom:5px;
		height:60px;
		line-height:60px;
	}
	
	.frm_search .FormButton {
    	background: url(../images/icon/icon-btn-search.png) center center no-repeat #fff;
		height:40px;
	}
	.cart {
   		 background: url(../images/icon/icon-giohang.png) no-repeat scroll 10px center;
		 text-align:left;
		 text-indent:70px;
	}
	
	.frm_search .FormButton,
	.frm_search .TextBoxField
	{
		height:60px;
		font-size:30px;
	}
	.selectBox-options LI A
	{
		padding:5px 5px;
	}
	.frm_search
	{
		margin:0;
	}
	
	.lang-box
	{
		text-align:center;
	}
	
	.frm_search .FormButton
	{
		width:20%;
	}
	.frm_search .TextBoxField
	{
		width:80%;
	}
	
	.link-footer .content-col p
	{
		line-height:60px;
		font-size:22px;
	}
	
	#logo {
		
		text-align:center;
		width:100%;
		display:block;
		
	}
	.img-logo
		{
			max-width:100%;
		}

	
	/*
	MENU
	*/
	#menu
	{
		background:none;
	}
	#menu ul li
	{
		width:100%;
		background:#653200;
	}
	#menu ul li ul
	{
		position:relative;
		width:100%;
	}
	#menu ul li ul
	{
		font-size:16px;
	}
	
	.thongso-kythuat .table td
	{
		padding:10px;
	}
	
	.relative-product .list-slide-relative-product li
	{
		margin-right:0;
		padding:10px;
	}
	

	
	.right-detail .thed
	{
		background:#CCC;
	}
	
	.right-detail table tr td
	{
		padding:10px;
		border:1px solid #a7a2a2;
	}
	
	.post-content .post *
	{
		width:auto;
		max-width:100% !important;
	}
	
	.tbl-download th, .tbl-download td
	{
		padding:3px;
	}
	
	.tbl-download .btn_green_small
	{
		padding:3px;
	}
	
	table
	{
		overflow-x:scroll;
	}
	
	.filter-select-and-pagin .PagerControl
	{
		width:100%;
		margin-top:10px;
	}
	
	.se_hangsx
	{
		width:50%;
	}
	
	
	.sidebar-right,
	h2,h3,h4
	{
		font-size:20px;
		line-height: 1.45;
	}
	
	
	/*font 30*/
	.frm_search .se_hangsx,
	.link-footer h3,
	.title-block,
	.right-main .title-block h3,
	.title-post
	{
		font-size:20px;
	}
	
	/* font size 20*/
	.lang-box,
	.post-content .date-time,
	.sidebar-right .frm-dk-news .TextBoxField,
	.frm-contact h4,
	#footer .copyright,
	#menu ul li ul,
	.frm-contact
	{
		font-size:20px;
	}
	
	#menu ul li a
	{
		height:auto;
		padding:10px 10px;
	}
	
	/*font 15*/
	.frm-contact .FormButton
	{
		font-size:20px;
		padding:10px 40px;
		width:100%;
	}
	
	.link-footer,
	.date-time,
	.list-product li .pro-code-and-status .status
	{
		font-size:20px;
	}
	
	.filter-select-and-pagin .se_hangsx
	{
		width:100% !important;
		margin-bottom:5px;
	}
	
	.frm-contact textarea
	{
		font-size:18px;
		height:300px;
	}
	.frm-contact .TextBoxField
	{
		font-size:18px;
		height:60px;
	}
	
	.filter-select-and-pagin .selectBox-dropdown .selectBox-label
	{
		font-size:18px;
		padding:10px 20px;
	}
	
	.PagerControl,
	.filter-select-and-pagin .PagerControl
	{
		text-align:center;
		font-size:25px;
	}
	
	
	
	.list-news li .title
	{
		margin-bottom:10px;
	}
	.list-news li .date-time .fa
	{
		margin-right:10px;
	}
	
	
	.sidebar-right .block .title-block:before
	{
		content: "\f0c9";
		font-family: FontAwesome;
		  font-weight: normal;
		  font-style: normal;
		  display: inline-block;
		  text-decoration: inherit;
		  margin-right:20px;
	}
	.sidebar-right .block .title-block
	{
		text-align:left;
		cursor:pointer;
		margin-bottom:0;
	}
	.sidebar-right .block .content
	{
		margin-top:10px;
	}
	
	.relative h3,
	textarea, .FormButton, .TextBoxField,
	.list-product li .list-option,
	.sidebar-right .find-your-perfect .txtfind .TextBoxField,
	.sidebar-right .list-dowload a,
	.list-typical li a,
	.list-news li h4 a,
	.breadcrumb
	{
		font-size:inherit;
	}
	
	.list-news li h4
	{
		margin-bottom:10px;
	}
	
	.PagerControl span.SelectedPage, .PagerControl a.UnselectedPage
	{
		padding:10px;
		margin-bottom:20px;
	}
	
	.gallery .wrap-slider-thum
	{
		margin-top:20px;
	}
	
	.gallery .img-lagre
	{
		border-radius:0px;
	}
	
	.gallery .wrap-slider-thum ul li
	{
		width:25%;
		border-radius:0px;
		float:left;
		border:1px solid #fff;
	}
	
	.list-news li .excerpt
	{
		line-height:25px;
	}
	
	.apartment-for-rent-in .list-product li:last-child
	{
		width: 50%;
	}
	
}

/* Small Devices, Tablets */
@media screen and (max-width : 768px) {
	
	#slideshow #slider
	{
		display:none;
	}
	
	.find-your-perfect
	{
		position:relative;
		width:100%;
		left:inherit;
		top:inherit;
	}
	.find-your-perfect select
	{
		height:45px;
	}
	
	
	
	
	.find-your-perfect .btn-blackbean
	{
		width:100%;
		height:40px;
		font-size:inherit;
		line-height:40px;
	}
	#menu ul li a
	{
		padding:10px;
		line-height:22px;
	}
	.find-your-perfect .txtfind .TextBoxField,
	.find-your-perfect select
	{
		font-size:inherit;
	}
	.find-your-perfect .txtfind .FormButton,
	.find-your-perfect .txtfind .TextBoxField
	{
		height:45px;
	}
	.frm-contact .btn_green_small,
	.info-contact,
	.frm-contact .TextBoxField,
	.frm-contact,
	.img-detail,
	.basic-information .col,
	.right-detail,
	.link-footer .col-1
	{
		width:100%;
	}
	
	.wrap-frm-contact .frm label
	{
		margin-bottom:10px;
		width:100%;
		margin-top:20px;
	}
	
	.link-footer  h3
	{
		cursor:pointer;
	}
	
	.link-footer .content-col
	{
		display:none;
	}
	
	.list-product li .btn-chitiet,
	.info-contact h3,
	.frm-contact h4
	{
		font-size:18px;
	}
	
	.frm-contact
	{
		margin-top:20px;
	}
	
	.list-product li .excerpt-sp
	{
		font-size:inherit;
		line-height:25px;
	}
	
	

	
	/*
	menu-footer
	*/
	.menu-footer li a,
	.menu-footer li
	{
		width:100%;
		display:block;
		float:left;
		color:#fff;
	}
	.menu-footer li a
	{
		background:#653200;
		margin-bottom:1px;
	}
	.menu-footer li a.active, .menu-footer li a:hover
	{
		color:#fff;
	}
	.find-your-perfect .btn-blackbean
	{
		height:auto;
	}
	
	.list-amenities-and-features li
	{
		width:50%;
		line-height:25px;
	}



}

/* Extra Small Devices, Phones */ 
@media screen and (max-width : 480px) {
	
	/* product*/
	
	
	.tbl-download
	{
		font-size:14px;
	}
	.apartment-for-rent-in .list-product li:last-child,
	.list-amenities-and-features li,
	.feature ul li,
	.list-product li,
	.list-news li
	{
		width:100%;
		margin-right:0px;
	}
	
	.img-detail
	{
		margin-bottom:20px;
	}
	.list-news li .excerpt
	{
		display:none;
	}
	
	.list-news li .title
	{
		margin-top:0;
	}
	
	.relative ul li .thumbnail
	{
		height:auto;
		width:40%;
	}
	


}

/* Custom, iPhone Retina */ 
@media screen and (max-width : 420px) {
	
	.relative ul li .right-list,
	.relative ul li .thumbnail,
	.list-news li .thumbnail
	{
		float:left;
		width:100%;
		margin-right:0;
	}
	
	.relative ul li h4
	{
		margin-top:10px;
	}
	
	#top .hotline,
	#top
	{
		font-size:13px;
	}
}

/* Custom, iPhone Retina */ 
@media screen and (max-width : 320px) {
	
}