@media (max-width:1200px) {
br { display: none; }
.main { width: 100%; padding: 0 20px; }
.special-promotion-section { width: 100%; }
}
@media (max-width:1024px) {
.stay-content h1 { font-size: 55px; line-height: 60px; }
.container-bg, .midd-container { padding: 70px 0; }
.special-promotion-bg, footer { padding: 40px 0; }
.services-content ul li { padding: 25px; }
.services-content ul li h6, .services-content ul li h5 { font-size: 22px; line-height: 28px; }
.services-content ul li h3 { font-size: 42px; line-height: 48px; }
.services-content, .contract-area { width: 100%; }
.special-promotion-section h2 { font-size: 32px; line-height: 37px; }
.book-btn ul li a { font-size: 15px; }
.contract-left { padding: 0 20px 0px 0; }
.contract-left::after { left: 0 !important; }
.contract-left p, .app-img, .contract-left h6, .book-btn { padding-left: 40px; }
.contract-left h3 { right: -10px; }
.contract-left::before { right: 0; }
.app-img ul li { width: auto; margin-bottom: 10px; }
.app-img ul li:last-child { margin-bottom: 0; }
.book-btn { margin-top: 25px; }
}
@media (max-width:850px) {
.call-section span { font-size: 25px; line-height: 30px; }
.stay-content h1 { font-size: 49px; line-height: 55px; }
.footer-content, .containt-heading, .collection-section, .table-section { width: 100%; }
.book-btn ul li a { font-size: 15px; }
.contract-bg, .midd-container { padding: 50px 0; }
.services-content ul li h6, .services-content ul li h5 { font-size: 18px; line-height: 23px; }
.services-content ul li h3 { font-size: 36px; line-height: 40px; }
.footer-content h4, .footer-content h3, .containt-heading h3 { font-size: 33px; line-height: 38px; }
.footer-content h3 { padding: 30px 0; }
.chepter-section { padding-top: 40px; }
.book-btn ul { text-align: left; }
.book-btn ul li { display: inline-block; float: none; margin-right: 8px; }
.book-btn ul li:last-child { padding-left: 0; }
.app-img ul li a img { width: 130px; }
.stay-content h1 { padding-bottom: 32px; }
.stay-content p { padding-bottom: 20px; }
}
@media (max-width:767px) {
header { padding: 25px 0 23px; }
.logo { width: 130px; }
.stay-content h1 { font-size: 40px; line-height: 45px; }
.container-bg { padding: 50px 0 28px; }
.stay-content p { padding-bottom: 15px; font-size: 28px; line-height: 30px; }
.app-img ul li:last-child, .book-btn ul li:last-child { margin-bottom: 0; }
.book-btn ul li { padding: 0; float: none; }
.book-btn ul li a { width: 100%; display: inline-block; float: none; }
.collection-what-area ul li { padding: 0 7px; }
.special-promotion-section h2, .contract-area h2, .containt-heading h3 { font-size: 28px; line-height: 32px; }
.services-content ul li h3 { font-size: 30px; line-height: 35px; }
.services-content ul li h6, .services-content ul li h5 { font-size: 17px; line-height: 23px; }
.contract-area h2 { padding-bottom: 15px; }
.book-btn { margin-top: 15px; }
.contract-left p, .contract-left h6 span a { font-size: 16px; line-height: 20px; }
.article-section, .article-section p.para { padding-bottom: 0; }
.services-content { margin-top: 28px; }
.contract-left:last-child { padding-right: 0; }
.app-img ul li a img { width: 140px; }
.book-btn ul li a { padding: 8px 12px; }
.book-btn ul li { margin-right: 9px; }
.no {display: none;}
.nores {display: block;}
}
@media (max-width:680px) {
.call-section span { font-size: 18px; line-height: 25px; }
.stay-content h1 { font-size: 34px; line-height: 38px; padding-bottom: 15px; }
.stay-content p { font-size: 24px; line-height: 28px; padding-bottom: 15px; }
.transfers-section ul li { font-size: 20px; }
.contract-left, .collection-what-area ul li { width: 100%; }
.contract-left h3 { bottom: -12px; padding: 0 10px; right: 285px; display: none; }
.contract-left::before { background: none; }
.contract-left { border-bottom: 1px solid #fff; margin-bottom: 20px; padding-bottom: 11px; }
.contract-left:last-child { border-bottom: 0; margin-bottom: 0; }
.contract-left h6 { padding-top: 15px; }
.app-img { padding-top: 13px; }
.book-btn { margin-top: 15px; }
.contract-bg { padding: 30px 0 10px; }
.collection-bg { padding: 30px 0; }
.collection-what-area ul li { margin-bottom: 25px; padding: 0; }
.collection-what-area ul li:last-child { margin-bottom: 0; }
.title-area h5 { padding: 10px 0; }
.number-section { margin-bottom: 0; }
.services-content ul li { width: 100%; border-bottom: 1px solid #66777c; border-right: none; text-align: center; }
.services-content ul li:last-child { border-bottom: none; }
.services-content ul li h6, .services-content ul li h5, .services-content ul li h3 { text-align: center; }
.footer-content h4, .footer-content h3 { font-size: 27px; line-height: 32px; }
.footer-content h6 { padding-bottom: 20px; font-size: 19px; line-height: 25px; }
.footer-content h3 { padding: 20px 0; }
.chepter-section { padding-top: 25px; }
.contract-left::after { left: 0; }
.table-section { margin-top: 30px; }
.contract-left p, .app-img, .book-btn, .contract-left h6 { padding-left: 35px; }
.services-content ul li { height: auto !important; padding: 20px 10px; }
.services-content ul li img { width: 285px; }
.no {display: none;}
.nores {display: block;}
}
@media (max-width:560px) {
.stay-content span { float: left; width: 100%; padding-bottom: 22px; }
.no {display: none;}
.nores {display: block;}
}
@media (max-width:480px) {
header { padding: 25px 0 20px; }
.logo, .header-content { width: 100%; text-align: center; }
.call-section { text-align: center; }
.logo a img { width: 120px; }
.call-section { padding-top: 15px; }
.container-bg, .midd-container { padding: 30px 0; }
.stay-content h1 { font-size: 31px; line-height: 36px; }
.stay-content p, .footer-content h4, .footer-content h3 { font-size: 22px; line-height: 25px; }
.transfers-section ul li { width: 100%; padding: 0; margin-bottom: 5px; line-height: 25px; }
.transfers-section ul li:last-child { margin-bottom: 0; }
.chepter-section h4 { font-size: 20px; line-height: 25px; }
.chepter-section p { font-size: 15px; line-height: 20px; }
footer { padding: 25px 0; }
.table-head th { font-size: 14px; padding-bottom: 15px; }
.services-content ul li img { width: 200px; }
.no {display: none;}
.nores {display: block;}
}
@media (max-width:400px) {
.app-img ul li { width: 100%; text-align: center; margin-right: 0; }
.contract-left { padding-bottom:22px;}
}
@media (max-width:380px) {
.stay-content h1 { font-size: 26px; line-height: 30px; padding-bottom: 20px; }
.stay-content p { padding-bottom: 20px; }
.contract-left p, .special-promotion-section p, .footer-content p, .footer-content h6 { font-size: 15px; line-height: 20px; }
.special-promotion-section h2, .contract-area h2, .containt-heading h3 { font-size: 23px; line-height: 28px; }
.services-content ul li h3 { font-size: 28px; line-height: 35px; }
.footer-content h4, .footer-content h3 { font-size: 18px; line-height: 23px; }
.footer-content h3 { padding: 14px 0; }
.footer-content h6 { padding-bottom: 13px; }
.table-head th { text-align: center; }
.book-btn ul li { width: 100%; }
.table-content td { text-align: center !important; }
.call-section span { line-height: 20px; }
.no {display: none;}
.nores {display: block;}
}
@media only screen and (max-width: 600px) {
/* Force table to not be like tables anymore */
#no-more-tables table, #no-more-tables thead, #no-more-tables tbody, #no-more-tables th, #no-more-tables td, #no-more-tables tr { display: block; }
/* Hide table headers (but not display: none;, for accessibility) */
#no-more-tables thead tr { position: absolute; top: -9999px; left: -9999px; }
#no-more-tables tr { border: 1px solid #A9A8A8; border-bottom: 2px solid #A9A8A8; }
#no-more-tables td { /* Behave  like a "row" */ border: none; border-bottom: 1px solid #ccc; position: relative; padding-left: 50%; white-space: normal; text-align: center; padding-bottom: 8px; }
#no-more-tables td:before { /* Now like a table header */ position: absolute; /* Top/left values mimic padding */ top: 10px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; text-align: left; font-weight: bold; }
.table-content td { font-size: 14px; }
/* Label the data */
#no-more-tables td:before { content: attr(data-title); }
#no-more-tables .table-head { display: none; }
.table-content td:nth-child(3) { color: #b4b4b4; }
.no {display: none;}
.nores {display: block;}
}
