/* SECTION BOOKING */ .section-booking { } .section-booking .grid-booking { padding-right: 2%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .section-booking .details { } .section-booking .details img{ width: 100%; } .section-booking .details .logo { margin: 5px 0px 30px; } .section-booking .details .e { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #ccc; font-size: 14px; } .section-booking h4{ font-size: 24px; font-weight: 600; margin: 20px 0; } .section-booking .details .e:last-child { border-bottom: 0; } .section-booking .details .e strong { display: inline-block; width: 100px; } .section-booking .details .e a { color: inherit; } .section-booking .form hr { margin-bottom: 20px; } /* form */ .section-booking .grid-form { padding-left: 2%; padding-top: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .section-booking .avaibility-message { color: #24CA2B; text-align: center; padding-top: 11px; } .section-booking .avaibility-message .checkmark-ok{ background-image: url('img/icons/checkmark.png'); width: 13px; height: 12px; display: inline-block; margin-right: 6px; } .section-booking .check-avaibility { float: right; } @media screen and (max-width:1024px) { .section-booking .grid-form { padding-left: 0px; } } /* SECTION BOOKING */ .section-booking { } .section-booking .grid-booking { padding-right: 2%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .section-booking .details { } .section-booking .details img{ width: 100%; } .section-booking .details .e { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #ccc; font-size: 14px; } .section-booking .details .e .e{ padding: 0; margin: 0; border: none; display: inline-block; } .section-booking .details .e-50{ width: 50%; float: left; } .section-booking .details .e-33{ width: 33%; float: left; } .section-booking .price-box { margin-top: 40px; } .section-booking .price-box strong{ font-size: 20px; vertical-align: middle; } .section-booking .price-box .price{ color: #E3C167; font-weight: bold; font-size: 40px; vertical-align: middle; } .section-booking .price-box a.btn{ float: right; font-size: 20px; } .section-booking h4{ font-size: 24px; font-weight: 600; margin: 20px 0; } .section-booking .details .e a { color: inherit; } /* form */ .section-booking .grid-right { padding-left: 2%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .section-booking .e-submit{ color: #9C9D9F; } @media screen and (max-width:1024px) { .section-booking .grid-booking { padding-left: 0px; } .section-booking .details .e .e strong{ display: block; } .section-booking .price-box a.btn{ width: 100%; margin-top: 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 40px; } } @media screen and (max-width:550px) { .section-booking .grid-form .e-submit a.btn{ text-align: center; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } } @media screen and (max-width: 400px){ .section-booking .grid-booking .e-submit{ text-align: center; } .section-booking .grid-booking .e-submit a.btn{ margin-top: 15px; } } /* SECTION BOOKING */ .section-booking { } .section-booking .grid-booking { padding-right: 2%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .section-booking .details { } .section-booking .details img{ width: 100%; } .section-booking .details .logo { margin: 5px 0px 30px; } .section-booking .details .e { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #ccc; font-size: 14px; } .section-booking .details .e .e{ padding: 0; margin: 0; border: none; display: inline-block; } .section-booking .details .e-50{ width: 50%; float: left; } .section-booking .details .e-33{ width: 33%; float: left; } .section-booking .price-box { margin-top: 40px; } .section-booking .price-box strong{ font-size: 20px; vertical-align: middle; } .section-booking .price-box .price{ color: #E3C167; font-weight: bold; font-size: 40px; vertical-align: middle; } .section-booking .price-box a.btn{ float: right; font-size: 20px; } .section-booking h4{ font-size: 24px; font-weight: 600; margin: 20px 0; } .section-booking .details .e a { color: inherit; } .section-booking .form hr { margin-bottom: 20px; } /* form */ .section-booking .grid-right { padding-left: 2%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .section-booking .e-submit{ color: #9C9D9F; } .section-booking .policy{ float: left; text-align: left; } @media screen and (max-width:1024px) { .section-booking .grid-booking { padding-left: 0px; } .section-booking .details .e .e strong{ display: block; } .section-booking .price-box a.btn{ width: 100%; margin-top: 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 40px; } } @media screen and (max-width:550px) { .section-booking .grid-form .e-submit a.btn{ text-align: center; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } } @media screen and (max-width: 400px){ .section-booking .grid-booking .e-submit{ text-align: center; } .section-booking .grid-booking .e-submit a.btn{ margin-top: 15px; } } /* SECTION BOOKING */ .section-booking { } .section-booking .grid-booking { padding-right: 2%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .section-booking .details { } .section-booking .details img{ width: 100%; } .section-booking .details .logo { margin: 5px 0px 30px; } .section-booking .details .e { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #ccc; font-size: 14px; } .section-booking h4{ font-size: 24px; font-weight: 600; margin: 20px 0; } .section-booking .details .e:last-child { border-bottom: 0; } .section-booking .details .e strong { display: inline-block; width: 100px; } .section-booking .details .e a { color: inherit; } .section-booking .form hr { margin-bottom: 20px; } /* form */ .section-booking .grid-right { padding-left: 2%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .section-booking .e-submit{ color: #9C9D9F; } .section-booking .avaibility-message { color: #24CA2B; text-align: center; padding-top: 11px; } .section-booking .rooms-list{ max-height: 400px; overflow-y: auto; } .section-booking .rooms-list .e{ background-color: #423841; margin-right: 10px; border-radius: 5px; height: 120px; overflow: hidden; margin-bottom: 20px; } .section-booking .rooms-list .image{ float: left; width: 30%; height: 100%; overflow: hidden; } .section-booking .rooms-list img{ height: 100%; max-width: none; } .section-booking .rooms-list .details { float: left; width: 50%; padding: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .section-booking .rooms-list .details *{ color: #fff; } .section-booking .rooms-list h6{ font-size: 18px; font-weight: 400; } .section-booking .rooms-list p{ font-size: 14px; } .section-booking .rooms-list .price-action{ float: left; width: 20%; padding: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: right; } .section-booking .rooms-list .price{ color: #E3C167; font-size: 24px; display: block; margin-bottom: 15px; } @media screen and (max-width:1024px) { .section-booking .grid-booking { padding-left: 0px; } .section-booking .rooms-list .details{ width: 40%; } .section-booking .rooms-list p{ display: none; } .section-booking .rooms-list .price-action{ width: 30%; } } @media screen and (max-width: 400px){ .section-booking .grid-booking .e-submit{ text-align: center; } .section-booking .grid-booking .e-submit a.btn{ margin-top: 15px; } }