/* Resposive form */ @media only screen and (max-width: 1200px) { /* .formInputs { padding: 1rem 0.5rem; } */ .luxuryCol .card-body { background: #f8f7f7; display: flex; align-items: flex-start; justify-content: space-around; flex-direction: row; padding: 15px 15px; } .luxuryCol .card-body .card-img{ width: 100%; } .card-img img{ width: 100%; } .luxuryCol .card-body .card-content { padding-top: 1px; padding-right: 10px; } .luxuryCol .card-body .card-content .header-content .header-content-heading { font-family: Inter; color: #0D1A41; font-size: 21px; font-weight: 600; margin-bottom: 10px; font-style: normal; text-transform: capitalize; letter-spacing: 1px; } .header-content .header-content-para { font-family: Inter; font-size: 14px; font-weight: 400; font-style: normal; text-transform: capitalize; letter-spacing: 0.2px; line-height: 1px; color: #7F7F7F; } .header-content .header-content-para-stars { font-family: Inter; font-size: 12px; font-weight: 400; font-style: normal; text-transform: capitalize; letter-spacing: 0.2px; line-height: 1px; line-height: 0.5px; } .header-content-division { width: 180px; height: 1px; background-color: #000000; margin-top: 0px; margin-bottom: 10px; } .content-price { font-size: 18px; font-family: Inter; font-weight: 600; letter-spacing: 0.02px; color: #e96a02; } .bookBtn { color: #ffffff; background: #0D1A41; padding: 2px 70px; font-family: Inter; font-weight: 600; font-size: 13px; font-style: normal; text-transform: uppercase; } ._section_title { text-align: center; font-family: Inter; color: #0D1A41; font-size: 32px; font-weight: 600; line-height: 46px; letter-spacing: 0.05em; text-transform: capitalize; } .luxurySpecialContent-para { padding-top: 15px; font-family: Inter; font-size: 16px; font-style: normal; text-transform: capitalize; color: #0D1A41; font-weight: 500; } .inputSearch { border: none; width: 400px; padding: 3px 10px; font-family: Inter; font-size: 14px; } .galleybtn-group1 { color: white; text-transform: capitalize; font-family: Inter; font-size: 18px; padding-top: 12px; line-height: 15px; margin-bottom: 25px; } .galleybtn-group2 { margin-bottom:25px ; } .btn-group2 { padding: 7px 30px; font-size: 13px; margin-right: 20px; } .content_footer_row { padding: 10px 20px; } .content_footer_imgBox img { width: 100px; } .visaCard { background-color: white; margin-top: 8px; } .banner2 .banner-content .banner-heading{ font-size: 38px; } .header-content .header-content-para { font-family: Inter; font-size: 14px; font-weight: 400; font-style: normal; text-transform: capitalize; letter-spacing: 0.2px; line-height: 21px; color: #7F7F7F; } } @media only screen and (min-width: 1025px) and (max-width: 1199px) { .reasons_box_icon { position: absolute; top: -30px; left: 25px; background-color: #ffffff; box-shadow: -2px 2px 5px rgb(0 0 0 / 21%); /* margin: -35px 298px 17px 0px; */ padding: 4px 9px; } .galleryPara{ font-size: 15px; } .reasons_box_titel h4 { font-family: Inter; color: #e96a02; font-weight: 700; font-size: 16px !important; line-height: 37px; /* margin: 0px 0px 7px; */ /* margin-left: -30px; */ } .reasons_box .reasons_box_titel ul li { list-style: none; font-size: 14px; font-family: Inter; position: relative; padding: 3px 20px; color: #0D1A41 !important; } .card-img img{ width: 100%; } .card-body .card-content .header-content .header-content-heading { font-family: Inter; color: #0D1A41; font-size: 14px; } .header-content .header-content-para { font-family: Inter; font-size: 12px; } .header-content .header-content-para-stars { font-family: Inter; font-size: 12px; font-weight: 400; font-style: normal; text-transform: capitalize; letter-spacing: 0.2px; line-height: 1px; line-height: 0.5px; } p { margin-top: 0; margin-bottom: 0.75rem; } .content-price { font-size: 15px; } .bookBtn { color: #ffffff; background: #0D1A41; padding: 5px 42px; font-family: Inter; font-weight: 600; font-size: 15px; font-style: normal; text-transform: uppercase; } .luxurySpecialContent { padding: 10px 32px; } .inputSearch { border: none; width: 350px; } .btn-group { padding: 7px 30px; font-size: 13px; } .btn-group2 { padding: 7px 30px; font-size: 13px; } .content_footer_imgBox img { width: 90px; } .visaCard img { width: 160px; padding: 5px 10px; } .howWorkCards { padding: 0px 189px; justify-content: space-evenly; } .arrow-blue img { position: absolute; right: 341px; top: 62px; width: 66px; z-index: 2; height: 40px; transform: rotate(90deg); } .arrow-orange img { position: absolute; right: 5px; top: 65px; width: 66px; z-index: 2; height: 40px; transform: rotate(90deg); } .centeredContent .freebook{ font-size: 10px; } .centeredContent .freebookPrice { font-size: 17px; } .centeredContent .freebookSpan { font-size: 8px; } .centeredContent .bookGst { padding: 10px 13px; font-size: 12px; line-height: 9px; } .gstBtn { margin: 13px 9px; border: none; border-radius: 5px; padding: 6px 8px; background-color: #0D1A41; color: #FFFFFF; font-family: Inter; font-style: normal; font-weight: 600; font-size: 12px; } } @media only screen and (min-width: 992px) and (max-width: 1024px) { .reasons_box_icon { position: absolute; top: -30px; left: 25px; background-color: #ffffff; box-shadow: -2px 2px 5px rgb(0 0 0 / 21%); padding: 4px 9px; } .galleryPara{ font-size: 15px; } .galleryContent { position: absolute; position: absolute; background-color: white; bottom: 30px; width: 95%; background: #2125295e; padding: 0px 10px; margin-left: 10px; } .reasons_box_titel h4 { font-family: Inter; color: #e96a02; font-weight: 700; font-size: 16px !important; line-height: 37px; } .reasons_box .reasons_box_titel ul li { list-style: none; font-size: 14px; font-family: Inter; position: relative; padding: 3px 20px; color: #0D1A41 !important; } .luxuryCol .card-body .card-img{ min-width: 30%; } .luxuryCol .card-body .card-img img{ width: 200px; } .luxuryCol .card-body .card-content .header-content .header-content-heading { font-family: Inter; color: #0D1A41; font-size: 14px; } .header-content .header-content-para { font-family: Inter; font-size: 12px; } .header-content .header-content-para-stars { font-family: Inter; font-size: 12px; font-weight: 400; font-style: normal; text-transform: capitalize; letter-spacing: 0.2px; line-height: 1px; line-height: 0.5px; } p { margin-top: 0; margin-bottom: 0.75rem; } .content-price { font-size: 15px; } .bookBtn { color: #ffffff; background: #0D1A41; padding: 5px 38px; font-family: Inter; font-weight: 600; font-size: 15px; font-style: normal; text-transform: uppercase; } .luxurySpecialContent { padding: 10px 32px; } .inputSearch { border: none; width: 350px; } .btn-group { padding: 2px 9px; font-size: 13px; } .btn-group2 { padding: 2px 15px; font-size: 13px; } .content_footer_imgBox img { width: 90px; } .visaCard img { width: 160px; padding: 5px 10px; } .howWorkCards { padding: 0px 189px; justify-content: space-evenly; } .arrow-blue img { position: absolute; right: 341px; top: 62px; width: 66px; z-index: 2; height: 40px; transform: rotate(90deg); } .arrow-orange img { position: absolute; right: 5px; top: 65px; width: 66px; z-index: 2; height: 40px; transform: rotate(90deg); } .banner2 .banner-content .banner-heading { font-size: 37px; } .gstBtn { margin: 12px 9px; border: none; border-radius: 5px; padding: 6px 9px; background-color: #0D1A41; color: #FFFFFF; font-family: Inter; font-style: normal; font-weight: 600; font-size: 12px; } } @media only screen and (min-width: 821px) and (max-width: 991px) { .text{ text-align: center; } .form-inline{ display: block; } .form-inline label { justify-content: flex-start; } .formInputs{ width: 100%; text-align: left; } .form-input{ width: 100%; } .searchbtn{ width: 100%; } .luxuryCol .card-body .card-img{ width: 100%; } .galleryContent { position: absolute; position: absolute; background-color: white; bottom: 34px; width: 96%; background: #2125295e; padding: 0px 20px; margin-left: 12px; } .luxuryCol .card-body .card-content .header-content .header-content-heading { font-family: Inter; color: #0D1A41; font-size: 20px; line-height: 18px; } .arrow-blue img { position: absolute; right: 277px; top: 62px; width: 66px; z-index: 2; height: 40px; transform: rotate(90deg); } .arrow-orange img { position: absolute; right: 5px; top: 51px; width: 66px; z-index: 2; height: 40px; transform: rotate(90deg); } .luxuryCol .card-body{ justify-content: flex-start; } .luxuryCol .card-body .card-img { width: 250px; height: 10px; } .header-content .header-content-para { font-family: Inter; font-size: 21px; line-height: 15px } .header-content .header-content-para-stars { font-family: Inter; font-size: 16px; font-weight: 400; font-style: normal; text-transform: capitalize; letter-spacing: 0.2px; line-height: 1px; line-height: 0.5px; } p { margin-top: 0; margin-bottom: 0.75rem; } .content-price { font-size: 21px; } .bookBtn { color: #ffffff; background: #0D1A41; padding: 13px 70px; font-family: Inter; font-weight: 600; font-size: 14px; font-style: normal; text-transform: uppercase; } .luxurySpecialContent { display: block; padding: 10px 32px; } .luxurySpecialContent-para{ text-align: center; margin-bottom: 10px; } .inputDiv{ margin: 10px 10px; padding-bottom: 10px; } .inputSearch { border: none; width: 400px; padding: 11px 15px; font-family: Inter; font-size: 14px; } .searchInputBtn { border: none; position: absolute; right: 0px; padding: 11px 48px; background-color: #FF5600; color: #FFFFFF; text-transform: uppercase; font-family: Inter; font-size: 14px; letter-spacing: 0.7px; font-style: normal; font-weight: 300; } .galleybtn-group1 p { line-height: 30px; font-size: 21px; } .btn-group{ margin: 10px 5px; padding: 2px 10px; font-size: 15px; } .galleybtn-group1 { display: block; } .galleybtn-group2 p { line-height: 30px; font-size: 21px; } .btn-group2{ margin: 10px 5px; padding: 2px 15px; font-size: 15px; } .galleybtn-group2 { display: block; } .ourHotelUl .ourHotelLi { font-size: 10px; } .content_footer_heading { font-family: Inter; font-size: 15px; color: rgb(255, 255, 255); font-weight: 600; line-height: 23px; letter-spacing: 0.05em; text-transform: capitalize; } .content_footer_para{ font-size: 9px; } .content_footer_Number{ font-size: 14px; } .content_footer_imgBox img { width: 65px; } .visaCard img { width: 100px; padding: 5px 10px; } .btn.btn-nav { background: #0D1A41; color: #fff !important; padding: 5px 10px !important; text-transform: uppercase; font-size: 8px; } .form-input2{ width: 95%; } .searchbtn { margin: 20px 0px; width: 95%; } .banner2 .banner-content .banner-heading { font-size: 36px; } .hotelContentheader .header-content { padding: 4px 5px 5px 5px; } .hotelContentheader .header-content .header-content-heading { font-size: 16px; } .header-content .header-content-para { font-size: 12px; line-height: 20px; } .hotelContentheader .header-content .header-content-para-stars { font-size: 12px; letter-spacing: 1.5px; line-height: 18px; } .hotelContentheader .header-content .reviewSpan { font-size: 10px; } .rightContainer { text-align: right; margin-top: 10px; } } @media only screen and (min-width: 768px) and (max-width: 820px) { .text{ text-align: center; } .heading1 { font-family: 'Inter'; font-weight: 700; font-size: 24px; font-style: normal; text-transform: uppercase; color: #FFFFFF; z-index: 3; line-height: 4rem; letter-spacing: 0.15rem; margin-top: 5rem; } .para1 { font-family: 'Inter'; font-weight: 500; font-size: 20px; font-style: normal; color: #FFFFFF; z-index: 3; line-height: 3rem; letter-spacing: 0.12rem; text-transform: uppercase; margin-bottom: 4rem; } .section_header_title { font-family: Inter; color: #0D1A41; font-size: 22px; text-transform: capitalize; letter-spacing: 0.05em; /* font-weight: bold; */ } ._section_title { text-align: center; font-family: Inter; color: #0D1A41; font-size: 21px; font-weight: 400; line-height: 30px; letter-spacing: 0.05em; text-transform: capitalize; } .section_header_title { font-family: Inter; color: #0D1A41; font-size: 21px; text-transform: capitalize; letter-spacing: 0.05em; /* font-weight: bold; */ font-weight: 400; } .howWork_title { font-family: Inter; font-style: normal; font-weight: 400; font-size: 30px; letter-spacing: 0.01em; text-transform: capitalize; line-height: 60px; color: #0D1A41; } .bookHotel { font-size: 18px; color: #7F7F7F; } .luxuryHeader .luxuryHeading { color: #0D1A41; font-family: Inter; font-size: 21px; font-weight: 400; text-transform: capitalize; letter-spacing: 1px; } .galleryBlog .blogHeading { text-align: center; margin: 10px 5px; color: white; font-family: Inter; font-style: normal; font-weight: 400; letter-spacing: 1px; font-size: 21px; } .viewAllBtn { text-align: end; color: white; text-decoration: underline; font-family: Inter; font-style: normal; font-weight: 400; letter-spacing: 1px; /* font-size: 20px; */ font-size: 14px; } .ourHotelsHeading { color: #0D1A41; font-family: Inter; font-size: 24px; font-style: normal; text-transform: capitalize; letter-spacing: 0.5px; font-weight: 400; line-height: 50px; } .ourHotelUl .ourHotelLi { font-size: 16px; } .ourHotelUl .ourHotelLi .ourHotelAnchor { text-decoration: none; font-family: Inter; font-weight: 400; text-transform: capitalize; letter-spacing: 0.2px; font-size: 14px; color: #474747; } .partner_with_us { font-size: 18px; font-weight: 600; font-family: Inter; text-transform: uppercase; font-style: normal; letter-spacing: 0.7px; color: white; line-height: 30px; letter-spacing: 0.5px; } .form-inline{ display: block; } .form-inline label { justify-content: flex-start; } .formInputs{ width: 100%; text-align: left; } .form-input{ width: 100%; } .searchbtn{ width: 100%; } .arrow-blue img { position: absolute; right: 277px; top: 62px; width: 66px; z-index: 2; height: 40px; transform: rotate(90deg); } .arrow-orange img { position: absolute; right: 5px; top: 51px; width: 66px; z-index: 2; height: 40px; transform: rotate(90deg); } .galleryContent { position: absolute; position: absolute; background-color: white; bottom: 35px; width: 97%; background: #2125295e; padding: 0px 15px; /* margin: 0px 7px; */ margin-left: 11px; } .luxuryCol .card-body .card-img img{ width: 100%; } .luxuryCol .card-body .card-content .header-content .header-content-heading { font-family: Inter; color: #0D1A41; font-size: 21px; line-height: 30px; } .header-content .header-content-para { font-family: Inter; font-size: 18px; line-height: 15px } .header-content .header-content-para-stars { font-family: Inter; font-size: 16px; font-weight: 400; font-style: normal; text-transform: capitalize; letter-spacing: 0.2px; line-height: 1px; line-height: 0.5px; } p { margin-top: 0; margin-bottom: 0.75rem; } .content-price { font-size: 21px; } .bookBtn { color: #ffffff; background: #0D1A41; padding: 7px 80px; font-family: Inter; font-weight: 600; font-size: 12px; font-style: normal; text-transform: uppercase; } .luxurySpecialContent { display: block; padding: 10px 32px; } .luxurySpecialContent-para{ text-align: center; margin-bottom: 10px; } .inputDiv{ margin: 10px 10px; padding-bottom: 10px; } .inputSearch { border: none; width: 400px; padding: 11px 15px; font-family: Inter; font-size: 14px; } .searchInputBtn { border: none; position: absolute; right: 0px; padding: 11px 48px; background-color: #FF5600; color: #FFFFFF; text-transform: uppercase; font-family: Inter; font-size: 14px; letter-spacing: 0.7px; font-style: normal; font-weight: 300; } .galleybtn-group1 p { line-height: 30px; font-size: 21px; } .btn-group{ margin: 10px 5px; padding: 2px 10px; font-size: 15px; } .galleybtn-group1 { display: block; } .galleybtn-group2 p { line-height: 30px; font-size: 21px; } .btn-group2{ margin: 10px 5px; padding: 2px 15px; font-size: 15px; } .galleybtn-group2 { display: block; } .content_footer_heading { font-family: Inter; font-size: 15px; color: rgb(255, 255, 255); font-weight: 600; line-height: 23px; letter-spacing: 0.05em; text-transform: capitalize; } .ourHotelUl{ padding-left: 0px; } .content_footer_para{ font-size: 9px; } .content_footer_Number{ font-size: 14px; } .content_footer_imgBox img { width: 65px; } .visaCard img { width: 100px; padding: 5px 10px; }.visaCard img { width: 100px; padding: 5px 10px; } } @media screen and (max-width:767px){ .text{ text-align: center; } .heading1 { font-family: 'Inter'; font-weight: 700; font-size: 24px; font-style: normal; text-transform: uppercase; color: #FFFFFF; z-index: 3; line-height: 4rem; letter-spacing: 0.15rem; margin-top: 5rem; } .para1 { font-family: 'Inter'; font-weight: 500; font-size: 20px; font-style: normal; color: #FFFFFF; z-index: 3; line-height: 3rem; letter-spacing: 0.12rem; text-transform: uppercase; margin-bottom: 4rem; } .section_header_title { font-family: Inter; color: #0D1A41; font-size: 22px; text-transform: capitalize; letter-spacing: 0.05em; /* font-weight: bold; */ } ._section_title { text-align: center; font-family: Inter; color: #0D1A41; font-size: 21px; font-weight: 400; line-height: 30px; letter-spacing: 0.05em; text-transform: capitalize; } .section_header_title { font-family: Inter; color: #0D1A41; font-size: 21px; text-transform: capitalize; letter-spacing: 0.05em; /* font-weight: bold; */ font-weight: 400; } .howWork_title { font-family: Inter; font-style: normal; font-weight: 400; font-size: 30px; letter-spacing: 0.01em; text-transform: capitalize; line-height: 60px; color: #0D1A41; } .bookHotel { font-size: 18px; color: #7F7F7F; } .luxuryHeader .luxuryHeading { color: #0D1A41; font-family: Inter; font-size: 21px; font-weight: 400; text-transform: capitalize; letter-spacing: 1px; } .galleryBlog .blogHeading { text-align: center; margin: 10px 5px; color: white; font-family: Inter; font-style: normal; font-weight: 400; letter-spacing: 1px; font-size: 21px; } .viewAllBtn { text-align: end; color: white; text-decoration: underline; font-family: Inter; font-style: normal; font-weight: 400; letter-spacing: 1px; /* font-size: 20px; */ font-size: 14px; } .ourHotelsHeading { color: #0D1A41; font-family: Inter; font-size: 24px; font-style: normal; text-transform: capitalize; letter-spacing: 0.5px; font-weight: 400; line-height: 50px; } .ourHotelUl .ourHotelLi { font-size: 14px; } .ourHotelUl .ourHotelLi .ourHotelAnchor { text-decoration: none; font-family: Inter; font-weight: 400; text-transform: capitalize; letter-spacing: 0.2px; font-size: 14px; color: #474747; } .partner_with_us { font-size: 18px; font-weight: 600; font-family: Inter; text-transform: uppercase; font-style: normal; letter-spacing: 0.7px; color: white; line-height: 30px; letter-spacing: 0.5px; } .form-inline{ display: block; } .form-inline label { justify-content: flex-start; } .formInputs{ width: 100%; text-align: left; } .form-input{ width: 100%; } .searchbtn{ width: 100%; } .howWorkCards { padding: 0px 0px; } .galleryContent { position: absolute; position: absolute; background-color: white; bottom: 32px; width: 96%; background: #2125295e; padding: 1px 15px; /* margin: 0px 7px; */ margin-left: 10px; } .luxuryCol .card-body { flex-direction: row; } /* .card-footer2 img { width: 73px; } */ .luxurySpecialContent { flex-direction: column; } .inputSearch { width: 100%; } .galleybtn-group1 { flex-direction: column; } .navbar-brand { flex: 1; } .galleybtn-group2 { flex-direction: column; } /* .navbar-brand img { margin-left: auto; } */ .heading1{ text-align: center; } .para1{ text-align: center; } /* .arrow-blue img { position: absolute; right: 277px; top: 80px; width: 66px; z-index: 2; height: 40px; transform: rotate(90deg); } */ .arrow-blue img{ left: 0px; top: 60px; transform: rotate(90deg); } .arrow-orange img { position: absolute; right: 5px; top: 63px; width: 66px; z-index: 2; height: 40px; transform: rotate(90deg); } .btn-group { margin: 5px 0px; } .btn-group2 { margin: 5px 0px; } /* .securityCamera{ width: 10px; } */ /* .luxuryCards{ display: flex; flex-direction: column; justify-content: center; align-items: center; } */ .luxuryCol .card-body{ justify-content: center; } .card-content{ display: flex; flex-direction: column; justify-content: center; align-items: center; } .card-img img { object-fit: cover; width: 100%; } .luxuryCol .card-body .card-content .header-content .header-content-heading { font-family: Inter; color: #0D1A41; font-size: 41px; font-weight: 600; margin-bottom: 10px; font-style: normal; text-transform: capitalize; letter-spacing: 1px; line-height: 66px; text-align: center; } .header-content .header-content-para { font-family: Inter; font-size: 21px; font-weight: 400; font-style: normal; text-transform: capitalize; letter-spacing: 0.2px; line-height: 17px; color: #7F7F7F; } .header-content .header-content-para-stars { font-family: Inter; font-size: 25px; } .header-content-division { width: 100%; height: 1px; background-color: #000000; margin-top: 0px; margin-bottom: 10px; } .content-price{ font-size: 30px; } .bookBtn{ font-size: 30px; padding: 2% 29%; } .card-footer2 { padding: 2% 3%; } .ac .acheading h5 { padding-top: 5px; font-size: 16px; } .security .securityheading h5 { padding-top: 5px; font-size: 16px; } .elivator .elivatorheading h5 { padding-top: 5px; font-size: 16px; } .luxurySpecialContent { align-items:center ; justify-content: center; } .luxurySpecialContent-para { text-align: center; } .inputSearch{ display: block; padding: 4px 20px; } .searchInputBtn { right: -54px; top: 0px; padding: 4px 10px; } .Ulcontainer{ flex-wrap: wrap; } /* .ourHotelUl .ourHotelLi { font-size: 18px; } */ .content_footer{ display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 5% 0%; } .company { border: none; } } @media screen and (max-width:414px){ .text{ text-align: center; } .heading1 { font-family: 'Inter'; font-weight: 400; font-size: 16px; font-style: normal; text-transform: uppercase; color: #FFFFFF; z-index: 3; line-height: 2rem; letter-spacing: 0.1rem; margin-top: 5rem; } .para1 { font-family: 'Inter'; font-weight: 300; font-size: 12px; font-style: normal; color: #FFFFFF; z-index: 3; line-height: 2rem; letter-spacing: 0.1rem; text-transform: uppercase; margin-bottom: 4rem; } .section_header_title { font-family: Inter; color: #0D1A41; font-size: 16px; text-transform: capitalize; letter-spacing: 0em; /* font-weight: bold; */ } ._section_title { text-align: center; font-family: Inter; color: #0D1A41; font-size: 18px; font-weight: 400; line-height: 30px; letter-spacing: 0em; text-transform: capitalize; } .section_header_title { font-family: Inter; color: #0D1A41; font-size: 18px; text-transform: capitalize; letter-spacing: 0em; /* font-weight: bold; */ font-weight: 400; } .howWork_title { font-family: Inter; font-style: normal; font-weight: 400; font-size: 24px; letter-spacing: 0em; text-transform: capitalize; line-height: 60px; color: #0D1A41; } .bookHotel { font-weight: 400; font-size: 18px; color: #7F7F7F; } .luxuryHeader .luxuryHeading { color: #0D1A41; font-family: Inter; font-size: 18px; font-weight: 400; text-transform: capitalize; letter-spacing: 1px; } .galleryBlog .blogHeading { text-align: center; margin: 10px 5px; color: white; font-family: Inter; font-style: normal; font-weight: 400; letter-spacing: 1px; font-size: 21px; } .viewAllBtn { text-align: end; color: white; text-decoration: underline; font-family: Inter; font-style: normal; font-weight: 400; letter-spacing: 1px; /* font-size: 20px; */ font-size: 14px; } .ourHotelsHeading { color: #0D1A41; font-family: Inter; font-size: 21px; font-style: normal; text-transform: capitalize; letter-spacing: 0.5px; font-weight: 400; line-height: 50px; } .ourHotelUl .ourHotelLi { font-size: 14px; } .ourHotelUl .ourHotelLi .ourHotelAnchor { text-decoration: none; font-family: Inter; font-weight: 400; text-transform: capitalize; letter-spacing: 0.2px; font-size: 14px; color: #474747; } .partner_with_us { font-size: 16px; font-weight: 600; font-family: Inter; text-transform: uppercase; font-style: normal; letter-spacing: 0.7px; color: white; line-height: 30px; letter-spacing: 0.5px; } .form-inline{ display: block; } .form-inline label { justify-content: flex-start; } .formInputs{ width: 100%; text-align: left; } .form-input{ width: 100%; } .searchbtn{ width: 100%; } .galleryContent { position: absolute; position: absolute; background-color: white; bottom: 32px; width: 97%; background: #2125295e; padding: 1px 15px; /* margin: 0px 7px; */ margin-left: 6px; } .howWorkCards { padding: 0px 0px; } .luxuryCol .card-body { flex-direction: column; } /* .card-footer2 img { width: 73px; } */ .luxurySpecialContent { flex-direction: column; } .inputSearch { width: 100%; } .galleybtn-group1 { flex-direction: column; } .navbar-brand { flex: 1; } .galleybtn-group2 { flex-direction: column; } /* .navbar-brand img { margin-left: auto; } */ .heading1{ text-align: center; } .para1{ text-align: center; } /* .arrow-blue img { position: absolute; right: 277px; top: 80px; width: 66px; z-index: 2; height: 40px; transform: rotate(90deg); } */ .arrow-blue img { left: 0px; top: 50px; transform: rotate(90deg); } .arrow-orange img { position: absolute; right: 5px; top: 51px; width: 66px; z-index: 2; height: 40px; transform: rotate(90deg); } .btn-group { margin: 7px 0px; text-align: center; display: block; text-align: center; margin: 10px auto; } .btn-group2 { margin: 7px 0px; text-align: center; display: block; text-align: center; margin: 10px auto; } /* .securityCamera{ width: 10px; } */ /* .luxuryCards{ display: flex; flex-direction: column; justify-content: center; align-items: center; } */ .luxuryCol .card-body{ justify-content: center; } .card-content{ display: flex; flex-direction: column; justify-content: center; align-items: center; } .luxuryCol .card-body .card-content .header-content .header-content-heading { font-family: Inter; color: #0D1A41; font-size: 29px; font-weight: 600; margin-bottom: 10px; font-style: normal; text-transform: capitalize; letter-spacing: 1px; line-height: 45px; text-align: center; } .bookBtn { font-size: 17px; padding: 3% 32%; } .ourHotelUl .ourHotelLi .ourHotelAnchor { text-decoration: none; font-family: Inter; font-weight: 400; text-transform: capitalize; letter-spacing: 0.2px; font-size: 12px; color: #474747; } .card-footer2 { padding: 2% 3%; } .ac .acheading h5 { padding-top: 5px; font-size: 10px; } .security .securityheading h5 { padding-top: 5px; font-size: 10px; } .elivator .elivatorheading h5 { padding-top: 5px; font-size: 10px; } .luxurySpecialContent{ padding: 10px 25px; } .luxurySpecialContent { margin: 5% 0%; align-items:center ; justify-content: center; } .luxurySpecialContent-para { text-align: center; } .inputSearch{ /* display: block; */ font-size: 11px; } .inputDiv { position: relative; left: -26px; } .searchInputBtn { right: -54px; top: 0px; padding: 4px 10px; font-size: 11px; } .Ulcontainer{ flex-wrap: wrap; } .ourHotelUl{ padding-left: 0px; } .ourHotelUl .ourHotelLi { font-size: 11px; } .footer_list_company{ padding-left: 0px; } .footer_list{ padding-left: 0px; } .company { border: none; } .content_footer{ display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 5% 0%; text-align: center; } } @media screen and (max-width:412px){ .text{ text-align: center; } .heading1 { font-family: 'Inter'; font-weight: 400; font-size: 16px; font-style: normal; text-transform: uppercase; color: #FFFFFF; z-index: 3; line-height: 2rem; letter-spacing: 0.1rem; margin-top: 5rem; } .para1 { font-family: 'Inter'; font-weight: 300; font-size: 12px; font-style: normal; color: #FFFFFF; z-index: 3; line-height: 2rem; letter-spacing: 0.1rem; text-transform: uppercase; margin-bottom: 4rem; } .section_header_title { font-family: Inter; color: #0D1A41; font-size: 16px; text-transform: capitalize; letter-spacing: 0em; /* font-weight: bold; */ } ._section_title { text-align: center; font-family: Inter; color: #0D1A41; font-size: 18px; font-weight: 400; line-height: 30px; letter-spacing: 0em; text-transform: capitalize; } .section_header_title { font-family: Inter; color: #0D1A41; font-size: 18px; text-transform: capitalize; letter-spacing: 0em; /* font-weight: bold; */ font-weight: 400; } .howWork_title { font-family: Inter; font-style: normal; font-weight: 400; font-size: 24px; letter-spacing: 0em; text-transform: capitalize; line-height: 60px; color: #0D1A41; } .bookHotel { font-weight: 400; font-size: 18px; color: #7F7F7F; } .luxuryHeader .luxuryHeading { color: #0D1A41; font-family: Inter; font-size: 18px; font-weight: 400; text-transform: capitalize; letter-spacing: 1px; } .galleryBlog .blogHeading { text-align: center; margin: 10px 5px; color: white; font-family: Inter; font-style: normal; font-weight: 400; letter-spacing: 1px; font-size: 21px; } .viewAllBtn { text-align: end; color: white; text-decoration: underline; font-family: Inter; font-style: normal; font-weight: 400; letter-spacing: 1px; /* font-size: 20px; */ font-size: 14px; } .ourHotelsHeading { color: #0D1A41; font-family: Inter; font-size: 21px; font-style: normal; text-transform: capitalize; letter-spacing: 0.5px; font-weight: 400; line-height: 50px; } .ourHotelUl .ourHotelLi { font-size: 14px; } .ourHotelUl .ourHotelLi .ourHotelAnchor { text-decoration: none; font-family: Inter; font-weight: 400; text-transform: capitalize; letter-spacing: 0.2px; font-size: 14px; color: #474747; } .partner_with_us { font-size: 16px; font-weight: 600; font-family: Inter; text-transform: uppercase; font-style: normal; letter-spacing: 0.7px; color: white; line-height: 30px; letter-spacing: 0.5px; } .form-inline{ display: block; } .form-inline label { justify-content: flex-start; } .formInputs{ width: 100%; text-align: left; } .form-input{ width: 100%; } .searchbtn{ width: 100%; } .howWorkCards { padding: 0px 0px; } .galleryContent { position: absolute; position: absolute; background-color: white; bottom: 32px; width: 96%; background: #2125295e; padding: 1px 15px; /* margin: 0px 7px; */ margin-left: 7px; } .luxuryCol .card-body { flex-direction: column; } /* .card-footer2 img { width: 73px; } */ .luxurySpecialContent { flex-direction: column; } .inputSearch { width: 100%; } .galleybtn-group1 { flex-direction: column; } .navbar-brand { flex: 1; } .galleybtn-group2 { flex-direction: column; } /* .navbar-brand img { margin-left: auto; } */ .heading1{ text-align: center; } .para1{ text-align: center; } /* .arrow-blue img { position: absolute; right: 277px; top: 80px; width: 66px; z-index: 2; height: 40px; transform: rotate(90deg); } */ .arrow-blue img { left: 0px; top: 50px; transform: rotate(90deg); } .arrow-orange img { position: absolute; right: 5px; top: 51px; width: 66px; z-index: 2; height: 40px; transform: rotate(90deg); } .btn-group { margin: 7px 0px; text-align: center; display: block; text-align: center; margin: 10px auto; } .btn-group2 { margin: 7px 0px; text-align: center; display: block; text-align: center; margin: 10px auto; } /* .securityCamera{ width: 10px; } */ /* .luxuryCards{ display: flex; flex-direction: column; justify-content: center; align-items: center; } */ .luxuryCol .card-body{ justify-content: center; } .card-content{ display: flex; flex-direction: column; justify-content: center; align-items: center; } .luxuryCol .card-body .card-content .header-content .header-content-heading { font-family: Inter; color: #0D1A41; font-size: 29px; font-weight: 600; margin-bottom: 10px; font-style: normal; text-transform: capitalize; letter-spacing: 1px; line-height: 45px; text-align: center; } .bookBtn { font-size: 20px; padding: 3% 29%; } .card-footer2 { padding: 2% 3%; } .ac .acheading h5 { padding-top: 5px; font-size: 10px; } .security .securityheading h5 { padding-top: 5px; font-size: 10px; } .elivator .elivatorheading h5 { padding-top: 5px; font-size: 10px; } .luxurySpecialContent{ padding: 10px 25px; } .luxurySpecialContent { margin: 5% 0%; align-items:center ; justify-content: center; } .luxurySpecialContent-para { text-align: center; } .inputSearch{ /* display: block; */ font-size: 11px; } .inputDiv { position: relative; left: 2px; } .searchInputBtn { /* right: -54px; top: 0px; padding: 4px 10px; font-size: 11px; */ display: none; } .searchInputBtn2{ display: block !important; border: none; position: absolute; right: 0px; bottom: 0px; padding: 2px 10px; background-color: #FF5600; color:#FFFFFF; text-transform: uppercase; font-family: Inter; font-size: 14px; letter-spacing: 0.7px; font-style: normal; font-weight: 300; z-index: 8; } .Ulcontainer{ flex-wrap: wrap; } .ourHotelUl{ padding-left: 0px; } /* .ourHotelUl .ourHotelLi { font-size: 11px; } */ .footer_list_company{ padding-left: 0px; } .footer_list{ padding-left: 0px; } .company { border: none; } .content_footer{ display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 5% 0%; text-align: center; } } @media screen and (max-width:393px){ .text{ text-align: center; } .heading1 { font-family: 'Inter'; font-weight: 400; font-size: 15px; font-style: normal; text-transform: uppercase; color: #FFFFFF; z-index: 3; line-height: 2rem; letter-spacing: 0.1rem; margin-top: 5rem; } .para1 { font-family: 'Inter'; font-weight: 300; font-size: 11px; font-style: normal; color: #FFFFFF; z-index: 3; line-height: 2rem; letter-spacing: 0.1rem; text-transform: uppercase; margin-bottom: 4rem; } .section_header_title { font-family: Inter; color: #0D1A41; font-size: 16px; text-transform: capitalize; letter-spacing: 0em; /* font-weight: bold; */ } ._section_title { text-align: center; font-family: Inter; color: #0D1A41; font-size: 18px; font-weight: 400; line-height: 30px; letter-spacing: 0em; text-transform: capitalize; } .section_header_title { font-family: Inter; color: #0D1A41; font-size: 18px; text-transform: capitalize; letter-spacing: 0em; /* font-weight: bold; */ font-weight: 400; } .howWork_title { font-family: Inter; font-style: normal; font-weight: 400; font-size: 21px; letter-spacing: 0em; text-transform: capitalize; line-height: 60px; color: #0D1A41; } .bookHotel { font-weight: 400; font-size: 18px; color: #7F7F7F; } .luxuryHeader .luxuryHeading { color: #0D1A41; font-family: Inter; font-size: 16px; font-weight: 400; text-transform: capitalize; letter-spacing: 1px; } .galleryBlog .blogHeading { text-align: center; margin: 10px 5px; color: white; font-family: Inter; font-style: normal; font-weight: 400; letter-spacing: 1px; font-size: 21px; } .viewAllBtn { text-align: end; color: white; text-decoration: underline; font-family: Inter; font-style: normal; font-weight: 400; letter-spacing: 1px; /* font-size: 20px; */ font-size: 14px; } .galleryPara{ font-size: 16px; } .btn-group { margin: 7px 0px; text-align: center; display: block; text-align: center; margin: 10px auto; } .btn-group2 { margin: 7px 0px; text-align: center; display: block; text-align: center; margin: 10px auto; } .ourHotelsHeading { color: #0D1A41; font-family: Inter; font-size: 21px; font-style: normal; text-transform: capitalize; letter-spacing: 0.5px; font-weight: 400; line-height: 50px; } .ourHotelUl .ourHotelLi { font-size: 14px; } .ourHotelUl .ourHotelLi .ourHotelAnchor { text-decoration: none; font-family: Inter; font-weight: 400; text-transform: capitalize; letter-spacing: 0.2px; font-size: 14px; color: #474747; } .partner_with_us { font-size: 16px; font-weight: 600; font-family: Inter; text-transform: uppercase; font-style: normal; letter-spacing: 0.7px; color: white; line-height: 30px; letter-spacing: 0.5px; } .form-inline{ display: block; } .form-inline label { justify-content: flex-start; } .formInputs{ width: 100%; text-align: left; } .form-input{ width: 100%; } .searchbtn{ width: 100%; } .howWorkCards { padding: 0px 0px; } .luxuryCol .card-body { flex-direction: column; } /* .card-footer2 img { width: 73px; } */ .luxurySpecialContent { flex-direction: column; } .inputSearch { width: 100%; } .galleybtn-group1 { flex-direction: column; } .navbar-brand { flex: 1; } .galleybtn-group2 { flex-direction: column; } /* .navbar-brand img { margin-left: auto; } */ .heading1{ text-align: center; } .para1{ text-align: center; } /* .arrow-blue img { position: absolute; right: 277px; top: 80px; width: 66px; z-index: 2; height: 40px; transform: rotate(90deg); } */ .arrow-blue img { left: 0px; top: 50px; transform: rotate(90deg); } .arrow-orange img { position: absolute; right: 5px; top: 51px; width: 66px; z-index: 2; height: 40px; transform: rotate(90deg); } /* .securityCamera{ width: 10px; } */ /* .luxuryCards{ display: flex; flex-direction: column; justify-content: center; align-items: center; } */ .securityheading{ display: none; } .acheading{ display: none; } .elivatorheading{ display: none; } .luxuryCol .card-body{ justify-content: center; } .card-content{ display: flex; flex-direction: column; justify-content: center; align-items: center; } .luxuryCol .card-body .card-content .header-content .header-content-heading { font-family: Inter; color: #0D1A41; font-size: 26px; font-weight: 600; margin-bottom: 10px; font-style: normal; text-transform: capitalize; letter-spacing: 1px; line-height: 45px; text-align: center; } .bookBtn { font-size: 20px; padding: 3% 29%; } .card-footer2 { padding: 2% 3%; } .ac .acheading h5 { padding-top: 5px; font-size: 10px; } .security .securityheading h5 { padding-top: 5px; font-size: 10px; } .elivator .elivatorheading h5 { padding-top: 5px; font-size: 10px; } .luxurySpecialContent{ padding: 10px 25px; } .luxurySpecialContent { margin: 5% 0%; align-items:center ; justify-content: center; } .luxurySpecialContent-para { text-align: center; } .inputSearch{ /* display: block; */ font-size: 11px; } .inputDiv { position: relative; left: 0px } .searchInputBtn { display: none; } .searchInputBtn2{ display: block !important; border: none; position: absolute; right: 0px; bottom: 0px; padding: 2px 10px; background-color: #FF5600; color:#FFFFFF; text-transform: uppercase; font-family: Inter; font-size: 14px; letter-spacing: 0.7px; font-style: normal; font-weight: 300; z-index: 8; } .galleybtn-group1{ padding: 4% 0%; } /* .btn-group{ margin: 3% 0%; } .btn-group2{ margin: 3% 0%; } */ .Ulcontainer{ flex-wrap: wrap; } .ourHotelUl{ padding-left: 0px; } /* .ourHotelUl .ourHotelLi { font-size: 11px; } */ .footer_list_company{ padding-left: 0px; } .footer_list{ padding-left: 0px; } .company { border: none; } .content_footer{ display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 5% 0%; text-align: center; } } @media screen and (max-width:390px){ .text{ text-align: center; } .heading1 { font-family: 'Inter'; font-weight: 400; font-size: 15px; font-style: normal; text-transform: uppercase; color: #FFFFFF; z-index: 3; line-height: 2rem; letter-spacing: 0.1rem; margin-top: 5rem; } .para1 { font-family: 'Inter'; font-weight: 300; font-size: 11px; font-style: normal; color: #FFFFFF; z-index: 3; line-height: 2rem; letter-spacing: 0.1rem; text-transform: uppercase; margin-bottom: 4rem; } .section_header_title { font-family: Inter; color: #0D1A41; font-size: 16px; text-transform: capitalize; letter-spacing: 0em; /* font-weight: bold; */ } ._section_title { text-align: center; font-family: Inter; color: #0D1A41; font-size: 18px; font-weight: 400; line-height: 30px; letter-spacing: 0em; text-transform: capitalize; } .section_header_title { font-family: Inter; color: #0D1A41; font-size: 18px; text-transform: capitalize; letter-spacing: 0em; /* font-weight: bold; */ font-weight: 400; } .howWork_title { font-family: Inter; font-style: normal; font-weight: 400; font-size: 21px; letter-spacing: 0em; text-transform: capitalize; line-height: 60px; color: #0D1A41; } .bookHotel { font-weight: 400; font-size: 18px; color: #7F7F7F; } .luxuryHeader .luxuryHeading { color: #0D1A41; font-family: Inter; font-size: 16px; font-weight: 400; text-transform: capitalize; letter-spacing: 1px; } .galleryBlog .blogHeading { text-align: center; margin: 10px 5px; color: white; font-family: Inter; font-style: normal; font-weight: 400; letter-spacing: 1px; font-size: 21px; } .viewAllBtn { text-align: end; color: white; text-decoration: underline; font-family: Inter; font-style: normal; font-weight: 400; letter-spacing: 1px; /* font-size: 20px; */ font-size: 14px; } .galleryPara{ font-size: 16px; } .btn-group { margin: 7px 0px; text-align: center; display: block; text-align: center; margin: 10px auto; } .btn-group2 { margin: 7px 0px; text-align: center; display: block; text-align: center; margin: 10px auto; } .ourHotelsHeading { color: #0D1A41; font-family: Inter; font-size: 21px; font-style: normal; text-transform: capitalize; letter-spacing: 0.5px; font-weight: 400; line-height: 50px; } .ourHotelUl .ourHotelLi { font-size: 12px; } .ourHotelUl .ourHotelLi .ourHotelAnchor { text-decoration: none; font-family: Inter; font-weight: 400; text-transform: capitalize; letter-spacing: 0.2px; font-size: 12px; color: #474747; } .partner_with_us { font-size: 16px; font-weight: 600; font-family: Inter; text-transform: uppercase; font-style: normal; letter-spacing: 0.7px; color: white; line-height: 30px; letter-spacing: 0.5px; } .form-inline{ display: block; } .form-inline label { justify-content: flex-start; } .formInputs{ width: 100%; text-align: left; } .form-input{ width: 100%; } .searchbtn{ width: 100%; } .howWorkCards { padding: 0px 0px; } .luxuryCol .card-body { flex-direction: column; } /* .card-footer2 img { width: 73px; } */ .luxurySpecialContent { flex-direction: column; } .inputSearch { width: 100%; } .searchInputBtn2{ display: block !important; border: none; position: absolute; right: 0px; bottom: 0px; padding: 2px 10px; background-color: #FF5600; color:#FFFFFF; text-transform: uppercase; font-family: Inter; font-size: 14px; letter-spacing: 0.7px; font-style: normal; font-weight: 300; z-index: 8; } .galleybtn-group1 { flex-direction: column; } .navbar-brand { flex: 1; } .galleybtn-group2 { flex-direction: column; } /* .navbar-brand img { margin-left: auto; } */ .heading1{ text-align: center; } .para1{ text-align: center; } /* .arrow-blue img { position: absolute; right: 277px; top: 80px; width: 66px; z-index: 2; height: 40px; transform: rotate(90deg); } */ .arrow-blue img { left: 0px; top: 50px; transform: rotate(90deg); } .arrow-orange img { position: absolute; right: 5px; top: 51px; width: 66px; z-index: 2; height: 40px; transform: rotate(90deg); } /* .btn-group { margin: 5px 0px; } .btn-group2 { margin: 5px 0px; } */ /* .securityCamera{ width: 10px; } */ /* .luxuryCards{ display: flex; flex-direction: column; justify-content: center; align-items: center; } */ .securityheading{ display: none; } .acheading{ display: none; } .elivatorheading{ display: none; } .luxuryCol .card-body{ justify-content: center; } .card-content{ display: flex; flex-direction: column; justify-content: center; align-items: center; } .luxuryCol .card-body .card-content .header-content .header-content-heading { font-family: Inter; color: #0D1A41; font-size: 26px; font-weight: 600; margin-bottom: 10px; font-style: normal; text-transform: capitalize; letter-spacing: 1px; line-height: 45px; text-align: center; } .bookBtn { font-size: 20px; padding: 3% 29%; } .card-footer2 { padding: 2% 3%; } .ac .acheading h5 { padding-top: 5px; font-size: 10px; } .security .securityheading h5 { padding-top: 5px; font-size: 10px; } .elivator .elivatorheading h5 { padding-top: 5px; font-size: 10px; } .luxurySpecialContent{ padding: 10px 25px; } .luxurySpecialContent { margin: 5% 0%; align-items:center ; justify-content: center; } .luxurySpecialContent-para { text-align: center; } .inputSearch{ /* display: block; */ font-size: 11px; } .inputDiv { position: relative; left: 0px } .searchInputBtn { display: none; } .searchInputBtn2{ display: block !important; border: none; position: absolute; right: 0px; bottom: 0px; padding: 2px 10px; background-color: #FF5600; color:#FFFFFF; text-transform: uppercase; font-family: Inter; font-size: 14px; letter-spacing: 0.7px; font-style: normal; font-weight: 300; z-index: 8; } .galleybtn-group1{ padding: 4% 0%; } /* .btn-group{ margin: 3% 0%; } .btn-group2{ margin: 3% 0%; } */ .Ulcontainer{ flex-wrap: wrap; } .ourHotelUl{ padding-left: 0px; } /* .ourHotelUl .ourHotelLi { font-size: 11px; } */ .footer_list_company{ padding-left: 0px; } .footer_list{ padding-left: 0px; } .company { border: none; } .content_footer{ display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 5% 0%; text-align: center; } } @media screen and (max-width:375px){ .text{ text-align: center; } .heading1 { font-family: 'Inter'; font-weight: 400; font-size: 15px; font-style: normal; text-transform: uppercase; color: #FFFFFF; z-index: 3; line-height: 2rem; letter-spacing: 0.1rem; margin-top: 5rem; } .para1 { font-family: 'Inter'; font-weight: 300; font-size: 11px; font-style: normal; color: #FFFFFF; z-index: 3; line-height: 2rem; letter-spacing: 0.1rem; text-transform: uppercase; margin-bottom: 4rem; } .section_header_title { font-family: Inter; color: #0D1A41; font-size: 16px; text-transform: capitalize; letter-spacing: 0em; /* font-weight: bold; */ } ._section_title { text-align: center; font-family: Inter; color: #0D1A41; font-size: 18px; font-weight: 400; line-height: 30px; letter-spacing: 0em; text-transform: capitalize; } .section_header_title { font-family: Inter; color: #0D1A41; font-size: 18px; text-transform: capitalize; letter-spacing: 0em; /* font-weight: bold; */ font-weight: 400; } .howWork_title { font-family: Inter; font-style: normal; font-weight: 400; font-size: 21px; letter-spacing: 0em; text-transform: capitalize; line-height: 60px; color: #0D1A41; } .bookHotel { font-weight: 400; font-size: 18px; color: #7F7F7F; } .luxuryHeader .luxuryHeading { color: #0D1A41; font-family: Inter; font-size: 16px; font-weight: 400; text-transform: capitalize; letter-spacing: 1px; } .galleryBlog .blogHeading { text-align: center; margin: 10px 5px; color: white; font-family: Inter; font-style: normal; font-weight: 400; letter-spacing: 1px; font-size: 21px; } .viewAllBtn { text-align: end; color: white; text-decoration: underline; font-family: Inter; font-style: normal; font-weight: 400; letter-spacing: 1px; /* font-size: 20px; */ font-size: 14px; } .galleryPara{ font-size: 16px; } .btn-group { margin: 7px 0px; text-align: center; display: block; text-align: center; margin: 10px auto; } .btn-group2 { margin: 7px 0px; text-align: center; display: block; text-align: center; margin: 10px auto; } .ourHotelsHeading { color: #0D1A41; font-family: Inter; font-size: 21px; font-style: normal; text-transform: capitalize; letter-spacing: 0.5px; font-weight: 400; line-height: 50px; } .ourHotelUl .ourHotelLi { font-size: 12px; } .ourHotelUl .ourHotelLi .ourHotelAnchor { text-decoration: none; font-family: Inter; font-weight: 400; text-transform: capitalize; letter-spacing: 0.2px; font-size: 12px; color: #474747; } .partner_with_us { font-size: 16px; font-weight: 600; font-family: Inter; text-transform: uppercase; font-style: normal; letter-spacing: 0.7px; color: white; line-height: 30px; letter-spacing: 0.5px; } .form-inline{ display: block; } .form-inline label { justify-content: flex-start; } .formInputs{ width: 100%; text-align: left; } .form-input{ width: 100%; } .searchbtn{ width: 100%; } .howWorkCards { padding: 0px 0px; } .luxuryCol .card-body { flex-direction: column; } /* .card-footer2 img { width: 73px; } */ .luxurySpecialContent { flex-direction: column; } .inputSearch { width: 100%; } .galleybtn-group1 { flex-direction: column; } .navbar-brand { flex: 1; } .galleybtn-group2 { flex-direction: column; } /* .navbar-brand img { margin-left: auto; } */ .heading1{ text-align: center; } .para1{ text-align: center; } /* .arrow-blue img { position: absolute; right: 277px; top: 80px; width: 66px; z-index: 2; height: 40px; transform: rotate(90deg); } */ .arrow-blue img { left: 0px; top: 50px; transform: rotate(90deg); } .arrow-orange img { position: absolute; right: 5px; top: 38px; width: 66px; z-index: 2; height: 40px; transform: rotate(90deg); } /* .btn-group { margin: 5px 0px; } .btn-group2 { margin: 5px 0px; } */ /* .securityCamera{ width: 10px; } */ /* .luxuryCards{ display: flex; flex-direction: column; justify-content: center; align-items: center; } */ .securityheading{ display: none; } .acheading{ display: none; } .elivatorheading{ display: none; } .luxuryCol .card-body{ justify-content: center; } .card-content{ display: flex; flex-direction: column; justify-content: center; align-items: center; } .luxuryCol .card-body .card-content .header-content .header-content-heading { font-family: Inter; color: #0D1A41; font-size: 24px; font-weight: 600; margin-bottom: 10px; font-style: normal; text-transform: capitalize; letter-spacing: 1px; line-height: 45px; text-align: center; } .bookBtn{ font-size: 18px; padding: 3% 29%; } .card-footer2 { padding: 2% 3%; } .ac .acheading h5 { padding-top: 5px; font-size: 10px; } .security .securityheading h5 { padding-top: 5px; font-size: 10px; } .elivator .elivatorheading h5 { padding-top: 5px; font-size: 10px; } .luxurySpecialContent{ padding: 17px 25px; } .luxurySpecialContent { margin: 5% 0%; align-items:center ; justify-content: center; } .luxurySpecialContent-para { text-align: center; } .inputSearch{ /* display: block; */ font-size: 15px; } .inputDiv { position: relative; left: 0px; } .searchInputBtn { display: none; } .searchInputBtn2{ display: block !important; border: none; position: absolute; right: 0px; bottom: 0px; padding: 4px 10px; background-color: #FF5600; color:#FFFFFF; text-transform: uppercase; font-family: Inter; font-size: 16px; letter-spacing: 0.7px; font-style: normal; font-weight: 300; z-index: 8; } /* .galleybtn-group1{ padding: 5% 0%; } .btn-group{ margin: 4% 0%; } .btn-group2{ margin: 4% 0%; } */ .Ulcontainer{ flex-wrap: wrap; } .ourHotelUl{ padding-left: 0px; } /* .ourHotelUl .ourHotelLi { font-size: 11px; } */ .footer_list_company{ padding-left: 0px; } .footer_list{ padding-left: 0px; } .company { border: none; } .content_footer{ display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 5% 0%; text-align: center; } } @media screen and (max-width:360px){ .text{ text-align: center; } .heading1 { font-family: 'Inter'; font-weight: 400; font-size: 13px; font-style: normal; text-transform: uppercase; color: #FFFFFF; z-index: 3; line-height: 2rem; letter-spacing: 0.1rem; margin-top: 5rem; } .para1 { font-family: 'Inter'; font-weight: 300; font-size: 11px; font-style: normal; color: #FFFFFF; z-index: 3; line-height: 2rem; letter-spacing: 0.1rem; text-transform: uppercase; margin-bottom: 4rem; } .section_header_title { font-family: Inter; color: #0D1A41; font-size: 16px; text-transform: capitalize; letter-spacing: 0em; /* font-weight: bold; */ } ._section_title { text-align: center; font-family: Inter; color: #0D1A41; font-size: 18px; font-weight: 400; line-height: 30px; letter-spacing: 0em; text-transform: capitalize; } .section_header_title { font-family: Inter; color: #0D1A41; font-size: 18px; text-transform: capitalize; letter-spacing: 0em; /* font-weight: bold; */ font-weight: 400; } .howWork_title { font-family: Inter; font-style: normal; font-weight: 400; font-size: 21px; letter-spacing: 0em; text-transform: capitalize; line-height: 60px; color: #0D1A41; } .bookHotel { font-weight: 400; font-size: 18px; color: #7F7F7F; } .luxuryHeader .luxuryHeading { color: #0D1A41; font-family: Inter; font-size: 15px; font-weight: 400; text-transform: capitalize; /* letter-spacing: 1px; */ } .galleryBlog .blogHeading { text-align: center; margin: 10px 5px; color: white; font-family: Inter; font-style: normal; font-weight: 400; letter-spacing: 1px; font-size: 21px; } .viewAllBtn { text-align: end; color: white; text-decoration: underline; font-family: Inter; font-style: normal; font-weight: 400; letter-spacing: 1px; /* font-size: 20px; */ font-size: 14px; } .galleryPara{ font-size: 16px; } .btn-group { margin: 7px 0px; text-align: center; display: block; text-align: center; margin: 10px auto; } .btn-group2 { margin: 7px 0px; text-align: center; display: block; text-align: center; margin: 10px auto; } .ourHotelsHeading { color: #0D1A41; font-family: Inter; font-size: 21px; font-style: normal; text-transform: capitalize; letter-spacing: 0.5px; font-weight: 400; line-height: 50px; } .ourHotelUl .ourHotelLi { font-size: 12px; } .ourHotelUl .ourHotelLi .ourHotelAnchor { text-decoration: none; font-family: Inter; font-weight: 400; text-transform: capitalize; letter-spacing: 0.2px; font-size: 12px; color: #474747; } .partner_with_us { font-size: 16px; font-weight: 600; font-family: Inter; text-transform: uppercase; font-style: normal; letter-spacing: 0.7px; color: white; line-height: 30px; letter-spacing: 0.5px; } .form-inline{ display: block; } .form-inline label { justify-content: flex-start; } .formInputs{ width: 100%; text-align: left; } .form-input{ width: 100%; } .searchbtn{ width: 100%; } .howWorkCards { padding: 0px 0px; } .luxuryCol .card-body { flex-direction: column; } /* .card-footer2 img { width: 73px; } */ .luxurySpecialContent { flex-direction: column; } .inputSearch { width: 100%; } .galleybtn-group1 { flex-direction: column; } .navbar-brand { flex: 1; } .galleybtn-group2 { flex-direction: column; } /* .navbar-brand img { margin-left: auto; } */ /* .arrow-blue img { position: absolute; right: 277px; top: 80px; width: 66px; z-index: 2; height: 40px; transform: rotate(90deg); } */ .arrow-blue img { left: 0px; top: 50px; transform: rotate(90deg); } .arrow-orange img { position: absolute; right: 5px; top: 38px; width: 66px; z-index: 2; height: 40px; transform: rotate(90deg); } /* .securityCamera{ width: 10px; } */ /* .luxuryCards{ display: flex; flex-direction: column; justify-content: center; align-items: center; } */ .securityheading{ display: none; } .acheading{ display: none; } .elivatorheading{ display: none; } .luxuryCol .card-body{ justify-content: center; } .card-content{ display: flex; flex-direction: column; justify-content: center; align-items: center; } .luxuryCol .card-body .card-content .header-content .header-content-heading { font-family: Inter; color: #0D1A41; font-size: 24px; font-weight: 600; margin-bottom: 10px; font-style: normal; text-transform: capitalize; letter-spacing: 1px; line-height: 45px; text-align: center; } .bookBtn{ font-size: 18px; padding: 3% 29%; } .card-footer2 { padding: 2% 3%; } .ac .acheading h5 { padding-top: 5px; font-size: 10px; } .security .securityheading h5 { padding-top: 5px; font-size: 10px; } .elivator .elivatorheading h5 { padding-top: 5px; font-size: 10px; } .luxurySpecialContent{ padding: 17px 25px; } .luxurySpecialContent { margin: 5% 0%; align-items:center ; justify-content: center; } .luxurySpecialContent-para { text-align: center; } .inputSearch{ /* display: block; */ font-size: 15px; } .inputDiv { position: relative; left: 0px; } .searchInputBtn { display: none; } .searchInputBtn2{ display: block !important; border: none; position: absolute; right: 0px; bottom: 0px; padding: 4px 10px; background-color: #FF5600; color:#FFFFFF; text-transform: uppercase; font-family: Inter; font-size: 16px; letter-spacing: 0.7px; font-style: normal; font-weight: 300; z-index: 8; } .Ulcontainer{ flex-wrap: wrap; } .ourHotelUl{ padding-left: 0px; } .footer_list_company{ padding-left: 0px; } .footer_list{ padding-left: 0px; } .company { border: none; } .content_footer{ display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 5% 0%; text-align: center; } } @media screen and (max-width:320px){ .text{ text-align: center; } .heading1 { font-family: 'Inter'; font-weight: 400; font-size: 13px; font-style: normal; text-transform: uppercase; color: #FFFFFF; z-index: 3; line-height: 2rem; letter-spacing: 0.1rem; margin-top: 5rem; } .para1 { font-family: 'Inter'; font-weight: 300; font-size: 11px; font-style: normal; color: #FFFFFF; z-index: 3; line-height: 2rem; letter-spacing: 0.1rem; text-transform: uppercase; margin-bottom: 4rem; } .section_header_title { font-family: Inter; color: #0D1A41; font-size: 16px; text-transform: capitalize; letter-spacing: 0em; /* font-weight: bold; */ } ._section_title { text-align: center; font-family: Inter; color: #0D1A41; font-size: 18px; font-weight: 400; line-height: 30px; letter-spacing: 0em; text-transform: capitalize; } .section_header_title { font-family: Inter; color: #0D1A41; font-size: 18px; text-transform: capitalize; letter-spacing: 0em; /* font-weight: bold; */ font-weight: 400; } .howWork_title { font-family: Inter; font-style: normal; font-weight: 400; font-size: 21px; letter-spacing: 0em; text-transform: capitalize; line-height: 60px; color: #0D1A41; } .bookHotel { font-weight: 400; font-size: 18px; color: #7F7F7F; } .luxuryHeader .luxuryHeading { color: #0D1A41; font-family: Inter; font-size: 15px; font-weight: 400; text-transform: capitalize; /* letter-spacing: 1px; */ } .galleryBlog .blogHeading { text-align: center; margin: 10px 5px; color: white; font-family: Inter; font-style: normal; font-weight: 400; letter-spacing: 1px; font-size: 21px; } .viewAllBtn { text-align: end; color: white; text-decoration: underline; font-family: Inter; font-style: normal; font-weight: 400; letter-spacing: 1px; /* font-size: 20px; */ font-size: 14px; } .galleryPara{ font-size: 16px; } .btn-group { margin: 7px 0px; text-align: center; display: block; text-align: center; margin: 10px auto; } .btn-group2 { margin: 7px 0px; text-align: center; display: block; text-align: center; margin: 10px auto; } .ourHotelsHeading { color: #0D1A41; font-family: Inter; font-size: 21px; font-style: normal; text-transform: capitalize; letter-spacing: 0.5px; font-weight: 400; line-height: 50px; } .ourHotelUl .ourHotelLi { font-size: 12px; } .ourHotelUl .ourHotelLi .ourHotelAnchor { text-decoration: none; font-family: Inter; font-weight: 400; text-transform: capitalize; letter-spacing: 0.2px; font-size: 12px; color: #474747; } .partner_with_us { font-size: 16px; font-weight: 600; font-family: Inter; text-transform: uppercase; font-style: normal; letter-spacing: 0.7px; color: white; line-height: 30px; letter-spacing: 0.5px; } .form-inline{ display: block; } .form-inline label { justify-content: flex-start; } .formInputs{ width: 100%; text-align: left; } .form-input{ width: 100%; } .searchbtn{ width: 100%; } .howWorkCards { padding: 0px 0px; } .luxuryCol .card-body { flex-direction: column; } /* .card-footer2 img { width: 73px; } */ .luxurySpecialContent { flex-direction: column; } .inputSearch { width: 100%; } .galleybtn-group1 { flex-direction: column; } .navbar-brand { flex: 1; } .galleybtn-group2 { flex-direction: column; } /* .navbar-brand img { margin-left: auto; } */ .heading1{ text-align: center; } .para1{ text-align: center; } /* .arrow-blue img { position: absolute; right: 277px; top: 80px; width: 66px; z-index: 2; height: 40px; transform: rotate(90deg); } */ .arrow-blue img { left: 0px; top: 50px; transform: rotate(90deg); } .arrow-orange img { position: absolute; right: 5px; top: 38px; width: 66px; z-index: 2; height: 40px; transform: rotate(90deg); } /* .btn-group { margin: 5px 0px; } .btn-group2 { margin: 5px 0px; } */ /* .securityCamera{ width: 10px; } */ /* .luxuryCards{ display: flex; flex-direction: column; justify-content: center; align-items: center; } */ .securityheading{ display: none; } .acheading{ display: none; } .elivatorheading{ display: none; } .luxuryCol .card-body{ justify-content: center; } .card-content{ display: flex; flex-direction: column; justify-content: center; align-items: center; } .luxuryCol .card-body .card-content .header-content .header-content-heading { font-family: Inter; color: #0D1A41; font-size: 21px; font-weight: 600; margin-bottom: 10px; font-style: normal; text-transform: capitalize; letter-spacing: 1px; line-height: 45px; text-align: center; } .bookBtn { font-size: 15px; padding: 3% 29%; } .card-footer2 { padding: 2% 3%; } .ac .acheading h5 { padding-top: 5px; font-size: 10px; } .ourHotelUl{ padding-left: 0px; } .security .securityheading h5 { padding-top: 5px; font-size: 10px; } .elivator .elivatorheading h5 { padding-top: 5px; font-size: 10px; } .luxurySpecialContent{ padding: 30px 20px; } .luxurySpecialContent { margin: 5% 0%; align-items:center ; justify-content: center; } .luxurySpecialContent-para { text-align: center; } .inputSearch{ display: block; font-size: 14px; } .inputDiv { position: relative; left: -8px } .searchInputBtn { display: none; } .searchInputBtn2{ display: block !important; border: none; position: absolute; right: 0px; bottom: 0px; padding: 4px 10px; background-color: #FF5600; color:#FFFFFF; text-transform: uppercase; font-family: Inter; font-size: 14px; letter-spacing: 0.7px; font-style: normal; font-weight: 300; z-index: 8; } .Ulcontainer{ flex-wrap: wrap; } .footer_list_company{ padding-left: 0px; } .footer_list{ padding-left: 0px; } .company { border: none; } .content_footer{ display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 5% 0%; text-align: center; } } @media screen and (max-width:767px){ .explore_section button.owl-next, .similar_hotel button.owl-next { right: 0; } .explore_section button.owl-prev, .similar_hotel button.owl-prev{ left: 0; } .title { font-size: 22px; } .hotel_list_box .securityheading2 h5 { font-size: 12px; } .action_item_filed{ width: 100%; } .hotel_amenities_item { width: 50%; } .banner2 .banner-content .banner-heading{ font-size: 18px; } .banner-content{ padding: 10px 15px; } .banner-content-container { bottom: 15px; } .header-content .header-content-para { font-size: 12px; } .faq-titles { font-size: 22px; } .MaintitleHeading { font-size: 22px; } .weatherTitle { font-size: 22px; } .form-input2 { width: 100%; } .hotelbtnContainer { margin-top: 15px; } .card-footer4 { margin-top: 15px; } } @media screen and (min-width:768px) and (max-width:820px){ .form-input2{ width: 100%; } .header-content .header-content-para { font-size: 14px; line-height: normal; } .hotelbtnContainer { margin-top: 15px; } } @media screen and (min-width:768px) and (max-width:991px){ .hotel_amenities_item { width: 33.333%; } .formInputs { width: 50% !important; text-align: left; float: left; } .action_item_filed{ width: 100%; } } @media screen and (min-width:992px) and (max-width:1300px){ .hotel_amenities_item { width: 25%; } } @media screen and (max-width:600px){ .row_flex_custom{ flex-direction: column; } .booking_details h3 { font-size: 14px; } .book_now_btn { font-size: 14px; margin-top: 10px; } } @media screen and (min-width:601px) and (max-width:767px){ .booking_details h3 { font-size: 12px; } .book_now_btn { font-size: 12px; } } @media screen and (min-width:768px) and (max-width:991px){ .booking_details h3 { font-size: 14px; } .book_now_btn { font-size: 14px; } } /* @media screen and (min-width:768px){ } */