File manager

File manager - Edit - /home/asiatechinc/public_html/asiatech-websites/hoteljasminegrand.com/assets/css/responsive.css

Back
@media (max-width:1199px) { .widget-title p { max-width: 70vw; } .widget-rooms-detail .room-booking h2,.widget-rooms-detail .room-features h2 { font-size: 28px; } .widget-contact-form { padding-top: 40px; margin-top: 100px; } .widget-contact-form:after { display: none; } .site-header .header-bottom { min-height: inherit; /padding-bottom: 40px;/ } .site-header .header-bottom .header-logo { position: relative; top: 0; left: 0; /width: 100%;/ width: 100%; text-align: center; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .site-header .header-bottom .header-logo img { /max-width: 220px;/ max-width: 170px; } .site-header .header-bottom .header-nav { display: none; padding-top: 40px; margin-left: -60px; margin-right: -60px; text-align: left; } .site-header .header-bottom .header-nav ul li a { padding: 0 40px; text-align: center; } .site-header .header-bottom .header-nav ul li.sub:after { position: absolute; top: 12px; right: 20px; content: "\f107"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: 18px; color: #828b9d; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .site-header .header-bottom .header-nav>ul { display: block; } .site-header .header-bottom .header-nav>ul>li { float: none; } .site-header .header-bottom .header-nav>ul>li.sub>ul { width: 100%; position: static; top: auto; left: auto; } .site-header .header-bottom .header-nav>ul>li.sub:before,.site-header .header-bottom .header-nav>ul>li.sub:hover:before { display: none; } .site-header .header-bottom .header-nav>ul>li.sub ul li a { text-align: center; } .site-header .header-bottom .header-nav>ul>li.sub ul li ul { position: static; top: auto; left: auto; } .site-header .header-bottom .header-nav>ul.nav-left { padding-right: 0; } .site-header .header-bottom .header-nav>ul.nav-right { padding-left: 0; } .site-header .header-bottom .header-toggle { display: inline-block; } .site-header .header-bottom .header-toggle { position: absolute; top: 50px; right: 60px; width: 60px; height: 60px; line-height: 60px; text-align: center; cursor: pointer; color: #fff; background-color: #a96b45; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } .site-header.nav-open { background: #a96b45; } .site-header.nav-open .header-bottom .header-nav { display: block; } .site-footer .footer-top:before { display: none; } .site-footer .footer-top div[class=col-],.site-footer .footer-top div[class=col-]:last-child { text-align: center; margin-top: 40px; } .site-footer .footer-top div[class=col-]:first-child { margin-top: 0; } .site-footer .footer-top .widget-social-icons ul { display: inline-block; } } @media (max-width:991px) { .wrapper,.wrapper-inner { padding-left: 40px; padding-right: 40px; } .widget-slider .widget-carousel .owl-nav .owl-prev { left: 40px; } .widget-slider .widget-carousel .owl-nav .owl-next { right: 40px; } .widget-slider.has-rooms .slider-booking { display: none; } .widget-about-promo { background-image: none!important; } .widget-about-grid .widget-inner { display: block; -webkit-flex-flow: none; flex-flow: none; margin: 0; } .widget-offers-grid .offers-item .item-inner .item-desc .btn-link:before,.widget-offers-grid .offers-item:last-child:before,.widget-rooms-list .rooms-item .item-price:after,.widget-services-list .services-item .item-photo:after { display: none; } .widget-about-grid .widget-inner .widget-item { width: 100%; -webkit-flex: none; flex: none; padding: 0; margin-bottom: 100px; } .widget-about-grid .widget-inner .widget-item:last-child { margin-bottom: 0; } .widget-rooms-list .rooms-item { padding-left: 0; padding-right: 0; } .widget-rooms-list .rooms-item .item-photo { position: static; top: auto; left: auto; width: 100%; } .widget-rooms-list .rooms-item .item-photo a { padding-top: 100%; height: auto; } .widget-rooms-list .rooms-item .item-price { top: 20px; right: 20px; width: auto; height: inherit; border-left: 0; background-color: #fff; } .widget-rooms-list .rooms-item .item-price .price-inner { position: static; top: inherit; padding: 40px; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .widget-rooms-detail .room-booking,.widget-rooms-detail .room-features { margin-top: 50px; } .widget-rooms-detail .room-booking h2,.widget-rooms-detail .room-features h2 { font-size: 42px; } .widget-offers-grid .offers-item { width: 100%; float: none; margin-bottom: 40px; } .widget-offers-grid .offers-item .item-inner { padding-top: 0; } .widget-offers-grid .offers-item .item-inner .item-photo { width: 40%; } .widget-offers-grid .offers-item .item-inner .item-desc { position: relative; width: 100%; padding: 40px; padding-left: calc(40% + 30px); } .widget-offers-grid .offers-item .item-inner .item-desc .btn-link { position: relative; padding: 0; left: inherit; bottom: inherit; height: auto; line-height: normal; margin-top: 20px; } .widget-offers-grid .offers-item:first-child { padding-left: 0; } .widget-offers-grid .offers-item:nth-child(4n) .item-inner .item-photo,.widget-offers-grid .offers-item:nth-child(4n+1) .item-inner .item-photo { left: 0; right: inherit; } .widget-offers-grid .offers-item:nth-child(4n) .item-inner .item-desc,.widget-offers-grid .offers-item:nth-child(4n+1) .item-inner .item-desc { right: inherit; left: inherit; } .widget-offers-grid .offers-item:last-child { margin-bottom: 0; } .widget-offers-grid .wrapper-inner { padding-bottom: 100px; } .widget-services-list .services-item .item-photo { position: relative; width: 100%; padding-top: 100%; } .widget-services-list .services-item .item-photo .photo-small { bottom: 0; right: 0; border-width: 30px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .widget-services-list .services-item .item-desc { padding-left: 60px; padding-top: 40px; } .widget-services-list .services-item:nth-child(even) .item-photo .photo-small { left: 0; } .widget-services-list .services-item:nth-child(even) .item-desc { padding-right: 60px; } .widget-blog-sidebar,.widget-booking-form .booking-detail { margin-top: 100px; } .site-header .header-bottom .header-nav { margin-left: -40px; margin-right: -40px; } .site-footer .footer-bottom .footer-contact ul li,.site-footer .footer-bottom .footer-nav ul li { float: none; margin-bottom: 10px; } .site-footer .footer-bottom .footer-contact ul li:last-child,.site-footer .footer-bottom .footer-nav ul li:last-child { margin-bottom: 0; } } @media (max-width:768px) { .widget-slider .slider-booking{ display:none; } } @media (max-width:767px) { .wrapper-full-inner,.wrapper-inner { padding-top: 40px; padding-bottom: 40px; } .footBg li a { color: #fff; font-size: 14px; text-align: left; font-family: 'Poppins', sans-serif; font-weight: 400; font-size: 11px; } .widget-slider .slider-booking{ display:none; } .footBg li { color: #fff; font-size: 12px; text-align: left; padding: 0px 0px 10px; / font-family: 'Lato'; / font-family: 'Poppins', sans-serif; font-weight: 400; font-size: 12px; display: flex; } .wrapper-full .widget-title,.wrapper-full-inner .widget-title { padding-left: 40px; padding-right: 40px; } .widget-title { margin-bottom: 40px; } .widget-title h2 { font-size: 34px; } .widget-title p { max-width: 100%; font-size: 14px; line-height: 24px; margin-top: 20px; } .widget-contact-review,.widget-pager { margin-top: 40px; } .widget-newsletter { width: 100%; } .widget-contact-info { text-align: center; } .widget-contact-form { padding: 20px; margin-top: 40px; text-align: center; } .widget-contact-form .btn { display: block; width: 100%; } .widget-breadcrumb,.widget-page-title .widget-background { display: none; } .widget-google-map .map-title { -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -o-transform: translate(-50%,0); transform: translate(-50%,0); } .widget-page-title { text-align: center; margin-bottom: 32px; } .widget-page-title h1,.widget-page-title h5,.widget-page-title p { width: 100%; margin-top: 20px; } .widget-page-title h1 { font-size: 34px; } .widget-page-title p { font-size: 14px; line-height: 26px; } .widget-page-title .wrapper-inner { padding-top: 70px; } .widget-filter-top { margin-bottom: 40px; } .widget-filter-top ul li { float: none; margin-right: 0; } .widget-filter-top ul li a { width: 100%; text-align: center; } .widget-filter-top ul li:last-child { margin-bottom: 0; } .widget-slider .widget-carousel .slider-item { padding-top: 240px; } .widget-slider .widget-carousel .slider-item .item-inner { padding-left: 0; padding-right: 0; } .widget-slider .widget-carousel .slider-item .item-inner h1 { font-size: 27px; margin-bottom: 10px; } .widget-slider .widget-carousel .slider-item .item-inner h2 { font-size: 24px; } .widget-slider .widget-carousel .owl-nav { position: absolute; left: 0; bottom: 120px; width: 100%; } .widget-slider .widget-carousel .owl-nav [class=owl-] { position: static; top: inherit; margin: 0 10px; } .widget-slider .widget-carousel .owl-nav .owl-next,.widget-slider .widget-carousel .owl-nav .owl-prev { left: auto; } .widget-about-promo .widget-inner h2,.widget-about-promo .widget-inner h5 { text-align: center; line-height: 20px; } .widget-about-promo .widget-inner h2 { font-size: 34px; margin-bottom: 40px; } .widget-about-promo .widget-inner p { font-size: 16px; line-height: 26px; margin-bottom: 40px; } .widget-about-promo .widget-inner .btn { display: block; width: 100%; margin-top: 40px; } .widget-blog-list .blog-item .item-media:after,.widget-blog-single .single-comments .comments-list .comment .comment-avatar,.widget-features-grid .features-item p,.widget-gallery-carousel .widget-carousel:after,.widget-gallery-carousel .widget-carousel:before,.widget-history-timeline ul li:after,.widget-history-timeline ul:after,.widget-rooms-detail .room-thumbnails,.widget-services-list .services-item .item-photo .photo-small { display: none; } .widget-about-grid .widget-inner .widget-item { margin-bottom: 40px; } .widget-about-grid .widget-inner .widget-item h2,.widget-about-grid .widget-inner .widget-item h5 { text-align: center; } .widget-history-timeline ul { padding: 0; } .widget-history-timeline ul li { text-align: center; margin-bottom: 40px; } .widget-history-timeline ul li h5 { position: static; top: inherit; max-width: 100%; margin-top: 0; margin-bottom: 5px; } .widget-history-timeline ul li:nth-child(odd) { padding-left: 0; } .widget-history-timeline ul li:nth-child(odd) h5 { left: inherit; } .widget-history-timeline ul li:nth-child(even) { padding-right: 0; text-align: center; } .widget-history-timeline ul li:nth-child(even) h5 { right: inherit; } .widget-offers-grid .offers-item .item-inner .item-photo { position: relative; width: 100%; padding-top: 100%; } .widget-offers-grid .offers-item .item-inner .item-desc { padding: 20px; text-align: center; } .widget-offers-grid .wrapper-inner { padding-bottom: 40px; } .widget-features-grid .features-item { border-width: 10px; } .widget-features-grid .features-item a { padding: 60px 20px 20px; } .widget-features-grid .features-item h3 { margin-bottom: 0; text-align: center; } .widget-rooms-carousel .rooms-item .item-desc { padding: 20px 20px 40px; } .widget-rooms-list .rooms-item .item-desc { padding: 20px; text-align: center; } .widget-rooms-list .rooms-item .item-desc p { font-size: 14px; line-height: 26px; } .widget-rooms-list .rooms-item .item-desc .desc-features ul li { float: none; width: 100%; text-align: left; } .widget-rooms-list .rooms-item .item-price { position: static; top: auto; right: auto; padding: 20px; border-top: 1px solid #e1e1e1; } .widget-services-list .services-item .item-photo .btn,.widget-services-list .services-item:nth-child(even) .item-photo .btn { left: 20px; right: 20px; bottom: 20px; } .widget-rooms-list .rooms-item .item-price .price-inner { padding: 0; } .widget-rooms-detail .room-slider a { height: 300px; } .widget-rooms-detail .room-slider .room-price { font-size: 18px; } .widget-rooms-detail .room-slider .room-price small { top: -1px; } .widget-rooms-detail .room-booking h2,.widget-rooms-detail .room-features h2 { font-size: 28px; } .widget-rooms-detail .room-booking,.widget-rooms-detail .room-features { padding: 20px; margin-top: 40px; } .widget-services-list .services-item { margin-bottom: 50px; } .widget-services-list .services-item .item-photo .photo-big { border-width: 20px; } .widget-services-list .services-item .item-desc { text-align: center; padding: 5px 20px 20px; } .widget-services-list .services-item .item-desc h2,.widget-services-list .services-item .item-desc h5 { text-align: center; } .widget-services-list .services-item .item-desc h2 { margin-bottom: 20px; font-size: 28px; } .widget-services-list .services-item .item-desc p { font-size: 14px; line-height: 26px; } .widget-services-list .services-item:nth-child(even) .item-desc { padding: 5px 20px 20px; } .widget-gallery-carousel .widget-carousel .owl-item.center .gallery-item a { top: 0; bottom: 0; left: 0; right: 0; border: 0 solid #fff; -webkit-box-shadow: 0 0 30px 0 rgba(33,30,25,.2); -moz-box-shadow: 0 0 30px 0 rgba(33,30,25,.2); box-shadow: 0 0 30px 0 rgba(33,30,25,.2); } .widget-gallery-carousel .widget-carousel .owl-nav .owl-prev { left: 0; } .widget-gallery-carousel .widget-carousel .owl-nav .owl-next { right: 0; } .widget-blog-carousel .blog-item .item-desc { text-align: center; } .widget-blog-list .blog-item { padding-left: 0; } .widget-blog-list .blog-item .item-media { position: relative; top: inherit; left: inherit; width: 100%; height: auto; padding-top: 100%; } .widget-blog-list .blog-item .item-desc { padding: 5px 20px 20px; text-align: center; } .widget-blog-single .single-comments,.widget-blog-single .single-detail { padding: 20px; } .widget-blog-list .blog-item .item-desc h2 { font-size: 24px; } .widget-blog-list .blog-item .item-desc h5 { line-height: 20px; } .widget-blog-single .single-detail .detail-head { padding: 20px; margin-top: -20px; margin-left: -20px; margin-right: -20px; line-height: 20px; } .widget-blog-single .single-comments .comments-list .comment { padding-left: 0; } .widget-blog-single .single-comments .comments-form .btn,.widget-booking-form .booking-form .btn { display: block; width: 100%; } .widget-blog-single .single-comments .comments-form { padding-top: 30px; } .widget-blog-sidebar { margin-top: 40px; padding-left: 0; } .widget-booking-form .booking-complete,.widget-booking-form .booking-detail,.widget-booking-form .booking-form { padding: 20px; } .widget-booking-form .booking-form h2+p { margin-bottom: 20px; } .widget-booking-form .booking-form .data-form div[class=col-]:last-child { margin-bottom: 0; } .widget-booking-form .booking-detail { margin-top: 40px; } .widget-booking-form .booking-help { margin-top: 40px; padding: 20px; } .widget-booking-form .booking-help h3 { font-size: 18px; } .site-header .header-top { display: none; } .site-header .header-bottom { padding-top: 0px; } .site-header .header-bottom .header-toggle { top: inherit; right: inherit; /left: 50%; bottom: -35px;/ left: 51%; bottom: -55px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .widget-rooms-carousel .rooms-item .item-inner { background-color: #fff; box-shadow: 0 0 30px 0 rgb(33 30 25 / 10%); height: 650px; } /.site-header .header-bottom { padding-top: 60px; }*/ .site-footer .footer-top { padding-top: 40px; padding-bottom: 40px; } }

| ver. 1.4 | Github | . | PHP 7.4.33 | Generation time: 0.02 | proxy | phpinfo | Settings