.wraper {
    width:100%;
}

.site-banner {
    height: 0;
    padding-bottom: 22%;
}
.tms-an {
  display:block
}

.tms_center_top{margin-top:10px}
@media (max-width: 1119.98px) {
	nav.third-nav {
		margin-top: 70px;
	}
	.breadcrumbs-wrap {
		display: block !important;
	}
	.col-xs-24.col-sm-24.col-md-24 {
		font-size: 80%!important;
	}
	.breadcrumbs>li:first-child {
    margin-left: 0px !important; 
    margin-right: 0px !important;
}
    .section-header-bar .header-nav {
        padding-left: 10px;
        padding-right: 10px;
    }
	.document-title {
    margin-top: -42px;
	}
	.new_right {
    margin-bottom: 30px;
	}
	.tabs {
    position: relative;
    width: 100%;    
    z-index: 9999 !important;
	}
	.new_left{
		width:100% !important;
	}
	ul.lastest-news {
    /* overflow-y: scroll; */
    /* height: 270px; */
	height: auto!important;
	}
	.new_right{
		float:none!important;
		width:auto!important;
	}
    #tip {
        right: 10px;
    }

    #header .logo {
        padding-left: 10px;
    }
}

@media (max-width: 991.98px) {
   
    .container {
        width:100%;
    }
	.tms_wraper_top{
		/*margin-top:60px*/
	}
	#header{display:block}
	.tms-an {
	display:block;
	}

    .column-margin-left {
        margin-left:0 !important
    }

    .qr-code-wraper {
        padding-left: 10px;
        padding-right: 10px;
    }

    .copyright {
        margin: 10px 10px 0 10px;
    }

    #ftip {
        left: 15px;
    }
}

@media (max-width: 767.98px) {
    
	.tms_wraper_top{
		/*margin-top:60px*/
	}
	
#tms_cat .tms_sp_item {width: 50%;}
.tms_sp_item_img {
    height: 200px;
    width: 100%;
    overflow: hidden;
    position: relative;
    text-align: center;
}
	#header{
		/*display:none*/
	}
	
	.banner {
		display: none;
	}
	.sitebannertext-mp {
		padding: 0px !important;
	}

   
	.logo.col-xs-24.col-sm-4.col-md-3.logo-minhphuc {
		display: none;
	}
	.tms_services_list_title {min-height: 50px;}

    .box-shadow {
        box-shadow: none;
        -webkit-box-shadow: none;
    }

    .site-banner {
        height: 300px;
        max-height: 100%;
        padding-bottom: 0;
    }

    .header-nav-inner {
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

   
    .breadcrumbs-wrap{
        display:none
    }

    .hidden-ss-block,
    .hidden-ss-inline,
    .hidden-ss-inline-block {
        display:none !important;
    }

   

   
}

@media (max-width: 499.98px) {
  
    
    .banner {
        display: none;
    }
	
	#tms_cat .tms_sp_item {width: 50%;}
	.tms_sp_item_img {
        height: 160px;
        width: 100%;
        overflow: hidden;
        position: relative;
        text-align: center;
    }
    .nv-infodie {
        width:100%;
    }

    .visible-ss-block {
        display:block !important;
    }

    .visible-ss-inline {
        display:inline !important;
    }

    .visible-ss-inline-block {
        display:inline-block !important;
    }

    .hidden-ss-block,
    .hidden-ss-inline,
    .hidden-ss-inline-block {
        display:none !important;
    }

    #tip, #footer-tip {
        max-width:100%;
        margin-right:0 !important;
    }

    #header .logo img {
        max-height: 60px;
    }

    .guestBlock{
        width: 100%;
    }
}



@media (min-width: 500px) {
    .nv-infodie {
        width:500px;
        left:50%;
        margin-left:-250px;
    }
}

@media (min-height: 500px) {
    .container {
        width: 100%;
    }

    .nv-infodie {
        height: 500px;
        top: 50%;
        margin-top: -250px;
    }
}

@media (min-width: 768px) {
	#tms_cat .tms_sp_item {
    display: block;
    margin-bottom: 3px;
    background-color: #fff;
    float: left;
    width: 33%;
}.tms_sp_item_img {
    height: 220px;
    width: 100%;
    overflow: hidden;
    position: relative;
    text-align: center;
}
    .wraper {
        width:100%;
    }
    .hidden-ss-block {
        display:block !important;
    }
    .hidden-ss-inline {
        display:inline !important;
    }
    .hidden-ss-inline-block {
        display:inline-block !important;
    }
}

@media (min-width: 992px) {
    .container {
        width: 100%;
    }

    .wraper {
        width: 100%;
        max-width: 1200px;
    }
}

@media (min-width: 1200px) {
    .wraper {
        width:1200px;
    }
}