@media screen and (min-width: 1221px) {
    nav.main-nav.fright.tf {
    	margin: auto;
	width: 65%;
	float: none !important;
    }
    
    .header .logo {
    	display: none;
    }
    
    .block-du-an-right .owl-item {
    	width: auto !important;
    }
    
    .block-du-an-right.fright {
    	position: absolute;
    }
    
    .block-du-an-right{
	margin-left: 350px;
    }
}

@media screen and (max-width: 1220px) {
    .container {
        width: 980px;
    }
    /*
    * HEADER
    */
    
    .collap-main-nav {
        display: block;
        position: absolute;
        top: 0px;
        left: -35px;
        width: 35px;
        height: 35px;
        padding: 5px;
        cursor: pointer;
        padding-right: 0px;
        background-color: rgba(158, 186, 255, 1);
        box-shadow: -3px 3px 0 rgba(0, 0, 0, .2);
    }
    .collap-main-nav img {
        width: 100%;
        height: 100%;
    }
    .main-nav {
        position: fixed;
        top: 0px;
        right: -250px;
        width: 250px;
        height: 100%;
        z-index: 90000;
        line-height: 45px;
        background-color: rgba(158, 186, 255, 1);
        box-shadow: -3px 3px 0 rgba(0, 0, 0, .2);
        transition: all ease-in-out .3s;
    }
    .main-nav-active {
        right: 0px;
    }
    .main-nav-inner {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        overflow-y: auto;
    }
    .main-nav-inner>ul>li {
        float: none;
        width: 100%;
        border-top: 1px solid #01A036;
        border-bottom: 1px solid #019332;
    }
    .main-nav-inner>ul>li.home-menu-item {
        display: none;
    }
    .main-nav-inner li a {
        color: #fff;
    }
    .main-nav-inner>ul>li>a:hover {
        color: #fff !important;
    }
    .main-nav-inner>ul>li:before,
    .main-nav-inner>ul>li:after {
        display: none;
    }
    .main-nav-inner>ul>li ul {
        width: 100%;
        min-width: 100%;
        position: relative;
        top: 0px;
        left: 0px;
        opacity: 1;
        visibility: visible;
        box-shadow: none;
        background-color: #fff;
    }
    .main-nav-inner>ul>li ul li a {
        color: #333;
    }
    .main-nav-inner>ul>li ul li a:hover {
        background-color: transparent;
    }
    /*
    * FEATURED.
    */
    
    .tp-caption {
        box-sizing: border-box;
        padding-right: 90px !important;
    }
    /*
    * BLOCK DU AN.
    */
    
    .du-an-item {
        width: 315px;
    }
    .block-du-an {
        background: url(../images/bg/bg-pro-alpha.png) top left repeat;
    }
    /*
    * BLOCK ITEM.
    */
    
    .home-scrollbox {
        width: calc(100% - 200px);
    }
    .new-item {
        width: 320px;
    }
    /* SUB PAGE. */
    /* Archive New. */
    
    .block-archive-item-content .new-item {
        width: calc((100% - 20px) / 2);
    }
    .block-archive-item-content .new-item:nth-child(3n+3) {
        float: left;
        margin-right: 20px;
    }
    .block-archive-item-content .new-item:nth-child(2n+2) {
        float: right;
        margin-right: 0px;
    }
    /* Single Du An */
    
    .block-single-thumb-top-item {
        height: 400px;
    }
    .block-single-thumb-bottom-item {
        width: 162.5px;
    }
    /**/
    
    .popup-map {
        width: auto !important;
        height: auto !important;
    }
    /* Liên He */
    
    .contact-map {
        height: 350px;
    }
    
}

@media screen and (max-width: 1000px) {
    .container {
        width: 690px;
    }
    /*
    * FEATURED.
    */
    
    .tp-caption {
        display: none !important;
    }
    /*
    * BLOCK DU AN.
    */
    
    .block-du-an {
        padding: 30px;
    }
    .block-du-an-left {
        width: 100%;
        padding: 0px;
        float: none !important;
    }
    .block-du-an-right {
        width: 100%;
        margin-top: 30px;
        overflow: hidden;
    }
    /*
    * BLOCK ITEM.
    */
    
    .new-item {
        width: 335px;
    }
    /*
    * BLOCK LINH VUC.
    */
    
    .linh-vuc-item-thumb {
        width: 100%;
        height: 175px;
        border-radius: 0px;
        border: none;
        box-shadow: none;
        float: none !important;
    }
    .linh-vuc-item-mark {
        border-radius: 0px;
    }
    .linh-vuc-item-info {
        margin-left: 0px;
        margin-top: 15px;
    }
    /*
    * FOOTER.
    */
    
    .icon-back-top {
        top: auto;
        bottom: 40px;
    }
    .footer-top .container {
        font-size: 13px;
    }
    .footer-top li a {
        padding: 0 6px;
    }
    .main-footer {
        background: #e0e0e0 url(../images/bg/footer.png) top center no-repeat;
        background-size: auto 100%;
    }
    .footer-left,
    .footer-right {
        width: 100%;
    }
    .footer-right {
        margin-top: 10px;
    }
    .footer-right-item {
        float: left;
    }
    /* SUB PAGE. */
    
    .primary,
    .sidebar {
        width: 100%;
    }
    .sidebar {
        margin-top: 30px;
    }
    .sidebar-single-duan {
        margin-top: 0px;
    }
    .primary-single-duan {
        margin-top: 30px;
    }
    /* Archive du an */
    
    .block-archive-item-content .du-an-item {
        width: calc((100% - 20px) / 2);
    }
    .block-archive-item-content .du-an-item:nth-child(3n+3) {
        float: left;
        margin-right: 20px;
    }
    .block-archive-item-content .du-an-item:nth-child(2n+2) {
        float: right;
        margin-right: 0px;
    }
    /* Archive New. */
    
    .block-archive-item-content .new-item {
        width: calc((100% - 20px) / 2);
    }
    .block-archive-item-content .new-item:nth-child(3n+3) {
        float: left;
        margin-right: 20px;
    }
    .block-archive-item-content .new-item:nth-child(2n+2) {
        float: right;
        margin-right: 0px;
    }
    /* Single Du An */
    
    .block-single-thumb-top-item {
        height: 400px;
    }
    .block-single-thumb-bottom-item {
        width: 165px;
    }
    /* Liên He */
    
    .contact-map {
        height: 300px;
    }
    .contact-col-item {
        width: 100%;
    }
    .contact-col-item:nth-child(2) {
        margin-top: 20px;
    }
    .thumb-full img {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
    }
    
    .du-an-home-wrap.owl-carousel{
    	margin-bottom: 25px;
    }
    
}

@media screen and (max-width: 710px) {
    .container {
        width: 320px;
    }
    /*
    * BLOCK DU AN.
    */
    
    .block-du-an {
        padding: 15px;
        padding-top: 25px;
    }
    .block-du-an-right {
        margin-top: 20px;
    }
    .du-an-item {
        width: 100%;
    }
    .block-du-an-left-title {
        font-size: 25px;
    }
    /*
    * BLOCK ITEM.
    */
    
    .home-new-wrap ul {
        overflow: hidden;
        width: 100%;
    }
    .new-item {
        width: 100%;
    }
    /*
    * BLOCK LINH VUC.
    */
    
    .linh-vuc-item {
        width: 100%;
    }
    .linh-vuc-item-mark {
        display: none;
    }
    .linh-vuc-item-info {
        margin-left: 0px;
        margin-top: 15px;
    }
    /*
    * FOOTER.
    */
    
    .footer-top .container {
        height: 5px;
    }
    .footer-top ul {
        display: none;
    }
    .main-footer .container {
        line-height: 22px;
    }
    /* SUB PAGE. */
    
    .sub-bg-scroll {
        height: 120px;
    }
    /* Archive du an */
    
    .block-archive-item-content .du-an-item:nth-child(n) {
        width: 100%;
        margin-right: 0px;
    }
    /* Archive New. */
    
    .block-archive-item-content .new-item:nth-child(n) {
        width: 100%;
        margin-right: 0px;
    }
    /* Single Du An */
    
    .block-single-thumb-top-item {
        height: 180px;
    }
    .block-single-thumb-bottom-item {
        width: 155px;
    }
    .single-content table {
        display: block !important;
        height: auto !important;
        overflow-x: auto !important;
    }
    /* Liên He */
    
    .contact-map {
        height: 200px;
    }
    .thumb-full img {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
    }
    
    .block-du-an-right.fright {
    	position: inherit;
    }
    
    .du-an-home-wrap.owl-carousel{
    	margin-bottom: 25px;
    }
    
    .header .logo {
    	display: inherit;
    }
    
}