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

/* Large Devices, Wide Screens */
@media screen and (max-width : 1200px) {
	
	#menu ul li ul
	{
		background:#808080!important;
        opacity:0.9;
        float:left;
	}
    #menu ul li ul li
	{
		background:none!important;
        opacity:0.9;
	}
        #menu ul li ul li a{
            font:14px Arial;
        }

	
}
@media screen and (max-width : 1200px) {

}
@media screen and (max-width : 1024px) {
	
    .find-your-perfect {
        position: absolute;
        z-index: 9999;
        width: 280px;
        top: 125px;
        left: 55px;
        background: url(../images/bg/bg-td-caption.png);
        padding: 8px;
    }
    #slideshow .tp-caption {
        background: url(../images/bg/bg-td-caption.png);
        padding: 20px;
        line-height: 22px;
        left: 455px !important;
    }
}
/* Medium Devices, Desktops */
@media screen and (max-width : 980px) {
	
    .prev-sl-thum, .next-sl-thum {
        display: none!important;
    }
    #gallery_01 {
        width:100%!important; height:100px!important;
    }
	.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:none;
	}
	body
	{
		font-size:18px;
	}
	/* hide mobile */
	.list-news li.first-child .thumbnail span,
	.note-home, /*.content,*/ .menu-footer, .sidebar-right .Online-support, .sidebar-right .Typical-Projects, .sidebar-right .Location, .sidebar-right .Location, .sidebar-right .Download, .sidebar-right .banner-adv,.sidebar-right .Tag-Cloud, .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,
    .link-footer .col-4,
	.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:5px;
	}
	
	.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:#000000;
	}
	#menu ul li ul
	{
		position:relative;
		width:100%;
	}
	#menu ul li ul
	{
		font-size:16px;
	}
	#menu ul li ul li
	{
		background:none!important;
	}
	.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%;
		margin-top:5px;
	}
	
	.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:16px;
		height:300px;
	}
	.frm-contact .TextBoxField
	{
		font-size:16px;
		height:50px;
	}
	
	.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;
        min-height:initial!important;
        float:left; 
        margin-bottom:20px;
        width:100%;
        
	}
	
	.gallery .img-lagre
	{
		border-radius:0px;
	}
	
	.gallery .wrap-slider-thum ul li
	{
		width:20%;
		border-radius:0px;
		float:left;
		border:1px solid #fff;height:initial!important;
	}
	
	.list-news li .excerpt
	{
		line-height:25px;
	}
	
	.apartment-for-rent-in .list-product li:last-child
	{
		width: 50%;
	}
	
}
/* Small Devices, Tablets */
/* Small Devices, Tablets */
@media screen and (max-width : 812px) {
	#slideshow {
		margin-top: 60px;
	}
	#slideshow #slider {
		display: block;
	
	}
	#slideshow .tp-caption {
        background: url(../images/bg/bg-td-caption.png);
        padding: 20px;
        line-height: 22px;
    }
    #slideshow .tp-caption h3 {
        font-family: 'utm_avo';
        font-size: 18px;
        margin-bottom: 10px;
        text-transform: uppercase;
        color: #000000;
    }
	.tp-rightarrow {
		display: none;
	}

	.tp-leftarrow {
		display: none;
	}

    .find-your-perfect {
        position: absolute;
        z-index: 9999;
        width: 260px;
        top: 13px;
        left: 20px;
        background: url(../images/bg/bg-td-caption.png);
        padding: 15px;
    }

		.find-your-perfect select {
			height: 40px;
			color: #000;
			font-weight: bold;
			background-color: #fff;
		}




		.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: 11px;
	}

	.find-your-perfect .txtfind .FormButton,
	.find-your-perfect .txtfind .TextBoxField {
		height: 40px;
		color: #000;
		background-color: #fff;
	}

	.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: 10px;
	}

	.link-footer h3 {
		cursor: pointer;
	}

	.link-footer .content-col {
		display: none;
	}
	#rc-anchor-container {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: #000000;
			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;
	}
}

@media screen and (max-width : 768px) {
	
	/*#slideshow #slider
	{
		display:none;
	}*/
	.tp-rightarrow
{display: none;
}
.tp-leftarrow
{
    display: none;
}
	.find-your-perfect {
		position: absolute;
        z-index: 9999;
        width: 300px;
        top: 39px;
        left: 8px;
        background: url(../images/bg/bg-td-caption.png);
        padding: 15px;
	}
		.find-your-perfect select {
			height: 40px;
			color: #000;
			font-weight: bold;
			background-color: #fff;
		}


	.textnameOfType {
		height: 40px;
		color: #000;
		font-weight: bold;
		background-color: #fff;
		font-size:16px;
	}
	
	.find-your-perfect .btn-blackbean
	{
		width:100%;
		height:20px;
		font-size:inherit;
		line-height:30px;
	}
	#menu ul li a
	{
		padding:10px;
		line-height:22px;
	}
	.find-your-perfect .txtfind .TextBoxField,
	.find-your-perfect select
	{
		font-size:11px;
	}
	.find-your-perfect .txtfind .FormButton,
	.find-your-perfect .txtfind .TextBoxField {
		height: 40px;
		color: #000;
		background-color: #fff;
	}
    .find-your-perfect .txtfind {
        margin-top: 4px;
    }
	.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:10px;
	}
	
	.link-footer  h3
	{
		cursor:pointer;
	}
	
	.link-footer .content-col
	{
		display:none;
	}
	#rc-anchor-container {
		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:#000000;
		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) {
	.content.post span{
		word-break: break-word;
	}
}