* {
    margin: 0;
    padding: 0px;
}

@font-face {
    font-family: Roboto-Light;
    src: url('../font/Roboto-Light.ttf')
}

@font-face {
    font-family: Roboto-Regular;
    src: url('../font/Roboto-Regular.ttf')
}


.nd_sl h4
{
	margin-top:-15px;
	    font-size: 15px;
    color: #4c5e68;
    font-weight: 600;
	
}

.all-rooms .col-md-6 {
    margin-bottom: 50px;
    color: #333
}

.image-wrapper img {
    max-width: 100%;
    transition: transform 0.3s ease-in-out;
}

.image-wrapper:hover img {
    transform: scale(1.1);
}

.all-rooms span {
    font-family: Roboto-Regular;
    color: white;
}

.all-rooms a h3 {
    font-family: Roboto-Regular;
    margin-top: 20px;
    text-transform: uppercase;
    color: #1C385F;
    font-weight: 600;
}

.book-rooms {
    padding: 7px 15px;
    font-weight: 600;
    text-transform: uppercase;
    background: #122548;
    color: #FFF;
    border-radius: 3px;
}

.book-rooms:hover {
    color: #ac8c4c;
}

.semore-rooms {
    font-weight: 500;
    color: #333;
}

.carousel-rooms {
    bottom: -30px!important;
}

.semore-rooms:hover {
    font-weight: 600;
    color: #122548;
    transition: all 0.3s ease-in-out;
}


/* chi tiết room */

.nd2 {
    padding-top: 50px;
    padding-bottom: 50px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.nd2 p {
    text-align: left
}

.nd-ctroom {
    text-align: center
}

p.mt {
      margin-top: 10px;
    padding-bottom: 0px;
    text-align: justify;
}

.nd2 li {
    text-align: left;
    font-size: 1rem;
    line-height: 30px;
}

.ml1 {
    font-weight: bold;
    font-size: 28px;
    text-align: left
}

.gallery {
    margin-bottom: 50px;
    margin-top: 50px;
}

.gallery h3 {
    font-weight: bold;
    margin-bottom: 20px;
}

.nd-tiec h4 a {
    color: #333;
    font-weight: bold;
}

.link-banq {
    margin-top: 20px;
    margin-bottom: 100px;
}

.link-banq a {
    padding: 10px 40px;
    border: 1px solid #bbb;
    text-decoration: none;
    color: #333
}

.link-banq a:hover {
    border: 1px solid #333;
}

.form-sbmit span {
    color: red
}

.form-sbmit label {
    font-size: 14px;
    line-height: 20px;
}

.form-sbmit .col-md-12 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.popup_main {
    position: absolute;
}

.popup_main h2 {
    border-bottom: 1px solid #000
}

.popup_main a {
    cursor: pointer;
    border-bottom: 1px solid black;
}

.popup_main span {
    color: #000;
    font-weight: bold;
    text-align: left !important;
}

.popup_main p {
    text-align: left;
    font-weight: normal;
}

.popup_main li {
    text-align: left;
    font-weight: normal;
}

.popup_body {
    z-index: 1;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    -ms-transition: 300ms;
    transition: 300ms;
}

.popup_body_show {
    display: block;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    -ms-transition: 300ms;
    transition: 300ms;
}

.popup_back {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.popup_contain {
    overflow: auto;
    position: relative;
    background: #feeebd;
    width: 700px;
    margin: 70px auto 50px;
    height: 600px;
    padding: 20px 20px;
    z-index: 200;
    border-radius: 5px;
    border: 1px solid #8e846b;
}

.popup_close {
    background: red;
    padding: 3px 10px 5px;
    position: absolute;
    right: 6px;
    top: 3px;
    color: #fff;
    border-radius: 50%;
    cursor: pointer;
}

.tysubmmit {
    margin-top: 30px;
    margin-bottom: 50px;
}

.tysubmmit button {
    background: #fff;
    border: 2px solid #232530;
    color: #232530;
    cursor: pointer;
    display: inline-block;
    filter: none;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    margin: 0;
    padding: 10px 20px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
}

.modal {
    z-index: 999;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

.modal-title {
    float: left;
}

.btnlink {
    text-align: center;
    margin-bottom: 50px;
}

.btn {
    background: #112649;
    border-radius: 0;
    height: 45px;
    line-height: 32px;
    font-size: 14px;
    color: #FFFFFF !important;
    text-align: center;
    padding: 0px 10px;
    text-transform: uppercase;
    min-width: 106px;
}

.modal-body {
    padding: 20px !important;
}

.modal-body .row {
    display: contents
}

.modal-body .form-group label {
    font-size: 14px;
}

.modal-body .form-group label {
    min-width: 150px;
}

.modal-body .form-group .form-control {
    font-size: 12px;
}

.modal-body .form-group {
    display: flex;
    align-items: center;
    flex-grow: 1;
}

.bgr_sl .nd_sl {
    padding-left: 20px
}

.modal-body .form-group .form-group-times {
    display: flex;
    justify-content: space-between;
    flex: 1;
}

.modal-body .form-group .form-group-times .form-control {
    width: 49%;
}
tr
{
line-height:28px;
}

@media (max-width:767px) {
	.nd-ctroom table tr td{
		
	}
	.nd-ctroom .nd2 td
	{
	  display: grid!important;
		width: 100%;
	}
	@media (device-height : 568px) 
   and (device-width : 320px) 
   and (-webkit-min-device-pixel-ratio: 2)
		{
		
		.nd-ctroom .nd2 td{
			display:block;

		}
/*.nd-ctroom table td
{
	width:100%;
	display: inline-block!important;
	}
	.nd-ctroom table td:nth-child(2)
	
{
	width:100%;
	display: inline-block!important;
	}
	.nd-ctroom table{
	margin-top: 20px
	}
	.nd2{
	padding-bottom: 0px;
	}
	.tieude h1{
		font-size: 25px;
	}
}*/
	}
		@media (device-height : 568px) 
   and (device-width : 320px) 
   and (-webkit-min-device-pixel-ratio: 2)
		{
		
		.nd-ctroom .nd2 td{
			display:block;

		}