File manager - Edit - /home/asiatechinc/public_html/asiatechinc-websites/lariyaresorts.com/css/responsive.css
Back
@media (max-width:1200px) { nav > ul > li > a{padding:40px 20px;} .sticky nav > ul > li > a{padding:25px 20px;} .contact-details {padding: 20px 30px;} .contact-details > span {margin-right: 15px;} .contact-details > p {font-size: 11px;line-height: 20px;} .gallery-overlay > h5 {font-size: 17px;line-height: 20px;} .gallery-overlay > span {font-size: 10px;letter-spacing: 0;margin-bottom: 4px;} .gallery-overlay > a {font-size: 20px;height: 40px;line-height: 39px;width: 40px;} .dinning-details {padding: 20px 3%;} .dinning-details > h3 {font-size: 20px;margin: 0 0 10px;} .dinning-details > p {font-size: 13px;line-height: 26px;margin-bottom: 20px;} .room-services ul li {float: left;width:33.334%;} .make-reservation .book-now {font-size: 17px;padding: 20px 30px;} .block.overlap-container .container{width:1000px;} .creative-header nav > ul > li > a {padding: 32px 20px;} .creative-header.sticky nav > ul > li > a {padding: 23px 20px;} } @media (max-width: 1199px){ nav > ul > li > a { padding: 40px 11px; } .sticky nav > ul > li > a { padding: 25px 9px; } } @media (max-width: 999px){ nav > ul > li > a { padding: 30px 7px; } nav > ul { margin-right: -97px !important;} } @media (max-width:980px) { .topbar{display:none;} nav > ul:hover { display: block !important; } .column {float: left;width: 100%;margin-bottom: 30px;} .column:last-child{margin: 0;} .header-container.stick{position:relative;} .theme-layout{margin:0!important;} .logo-sec,.sticky .logo-sec {float: left;padding: 10px 0;width: 50%;} .logo-sec a{width:auto;} .sticky nav,nav {float: right;margin: 0;padding: 20px 0;width: 50%;position:relative;} .responsive-menu-btn { color: #FF0000 !important;cursor: pointer;display: block;float: right;font-size: 14px;height: 38px;line-height: 41px;margin-left: 20px;text-align: center;width: 40px;} .responsive-menu-btn:hover,.responsive-menu-btn:focus{color:#ffffff;} nav > ul {background: rgba(255, 255, 255, 0.95);margin: 0;position: absolute;top: 100%;right: 112px;width: 100% !important;height: 372px;} nav > ul{display:none;} nav > ul li {text-align: left;width: 100%;position:relative;} nav > ul > li:before{display:none;} nav .go{display:none;} nav > ul > li a {float: left;font-size: 12px;padding: 10px 20px;width: 100%;font-family: domine;} .sticky nav > ul > li > a {padding:10px 20px;} nav li.menu-item-has-children ul {border-bottom: 4px solid #dcdcdc;float: left;left: 0;opacity: 1;position: relative;top: 0 !important;width: 100%; -webkit-transform:translateX(0px) !important; -moz-transform:translateX(0px) !important; -ms-transform:translateX(0px) !important; -o-transform:translateX(0px) !important; transform:translateX(0px) !important; } nav li.menu-item-has-children ul {display: none;} nav > ul > li:last-child {margin-bottom:20px;} nav > ul > li:first-child {margin-top:20px;} .weather-wrapper img.weather-icon {margin: 0;width: 20px;} .weather-wrapper, .sticky .weather-wrapper {border-bottom: 1px solid rgba(255, 255, 255, 0.2);display: inline-block;float: none;padding: 10px 20px;width: auto;} .registration-buttons {display: table;float: none;margin: 0 auto;} .topbar {text-align: center;} .registration-buttons > a, .sticky .registration-buttons > a {padding: 10px 30px;} .logo-sec a img, .sticky .logo-sec a img {width: 160px;max-width:none;} .sticky header nav a.book-now,header nav a.book-now {padding: 10px 30px;} nav li.menu-item-has-children ul {float: left;min-width: 0;padding: 0;width: 100%;} nav li.menu-item-has-children ul li{float:left;} nav li.menu-item-has-children ul li a {font-size: 12px;padding: 9px 27px;} nav li.menu-item-has-children ul li.menu-item-has-children ul, nav li.menu-item-has-children ul li.menu-item-has-children:hover > ul{left:0;} nav li.menu-item-has-children ul li:before{display:none;} .rooms-list > ul li:first-child:nth-last-child(5), .rooms-list > ul li:first-child:nth-last-child(5) ~ li, .rooms-list:hover > ul li:first-child:hover:nth-last-child(5), .rooms-list:hover > ul li:nth-last-child(5) ~ li:hover {width: 33.334% !important;} .room img {width: 100% !important;} .room-inner > h3 {font-size: 23px;margin-bottom: 15px;} .room-inner > p {font-size: 13px;line-height: 24px;margin-bottom: 20px;} .room-detail {padding: 20px;} .room-inner > strong {font-size: 20px;margin-bottom: 20px;} .room-features > span {font-size: 14px; margin-right: 5px;} .view-more > a {font-size: 11px;} .tab-name i {font-size: 27px;width: 15%;} .big-tabs .nav li a {padding: 20px 15px;} .tab-name > span {width: 85%;} .tab-name > span strong {font-size: 12px;margin-top: 5px;} .tab-data > p{padding:0;line-height:28px;font-size:13px;} .tab-data ul li {padding: 0 30px;} .big-tabs .tab-content {padding-top: 40px;} .tab-form > form{padding:0;} .tab-form > form{padding:0;} .tab-form > form .row > div {float: left;margin-bottom: 10px;width: 100%;} .tab-data > strong {font-size: 16px;letter-spacing: 1px;} .tab-data > h4 {float: left;font-size: 25px;line-height: 30px;margin-bottom: 10px;width: 100%;} .tab-data ul li p {line-height: 17px;margin: 10px 0;} .tab-data ul li span {font-size: 25px;} .service-title{padding:0;} .service-carousel .owl-nav {left: 50%;margin-left: -65px;top: 0;} .service-carousel {padding-top: 100px;} .gallery > div,.gallery > li {float: left;width: 50%;} .gallery-box > img {min-height: 280px;} .gallery-box.left:before, .gallery-box.right:before{width:50%;} .gallery-box.left .gallery-hover, .gallery-box.right .gallery-hover{width:50%;} .service-heading {float: left;padding: 0;width: 100%;} .service-inner{padding:30px;} .service-inner ul {margin-top: 40px;width: 100%;} .option-isotop li {margin: 0 0 5px;padding: 0 5px;width: 33.334%;} .option-isotop li > a {text-align: center;width: 100%;} .post-details {padding: 20px 30px;} .post-details blockquote {margin: 20px -30px;padding: 30px;} .col-md-8 .comments-thread ul ul,.comments-thread ul ul{padding:0;} .gallery-widget .row > div {float: left;width: 16.666%;} .dinning-details {padding: 50px 5%;width: 100%;} .dinning-image {width: 100%;} .room-thumbs .nav li {margin-bottom: 30px;width: 25%;} .package-price {margin: 0 0 20px;width: 100%;} .room-services {padding: 40px;} .room-services ul li {float: left;width: 50%;} .popup-title {padding: 30px 0;} .popup-title > h4 {font-size: 22px;line-height: 20px;} .popup-details {padding: 0 30px;} form .row > div{float:left;width:100%;} .popup-container {padding: 50px 0;} .popup-room-detail {float: left;margin: 30px 0 0;padding: 0;width: 100%;} .popup-room-img {width: 100%;} .logo-sec.fancy:before, .logo-sec.fancy:after{display:none;} .logo-sec.fancy,.sticky .logo-sec.fancy{padding:10px 0;margin:0;} .middle-logo nav,.sticky .middle-logo nav{text-align:right;} .middle-logo nav > ul, .sticky .middle-logo nav > ul{margin:0;} .block.overlap-container .container {width: 810px;} .fancy-search-tabs .nav.nav-tabs {border: 0 none;float: left;margin-bottom: 40px;width: 100%;} .fancy-search-tabs > div {float: left;margin: 0;padding: 0;width: 100%;} .destination-slide.overlap{margin-bottom:0;} .header-container.creative-header header{margin-top:0;} .header-container.creative-header .middle-logo .logo-sec {padding: 10px 0;} .header-container.creative-header .middle-logo .logo-sec::before, .header-container.creative-header .middle-logo .logo-sec::after {display: none;} .light-menu nav > ul {background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;} .creative-header nav > ul > li > a {padding: 10px 20px;} .search-form-wrapper .tab-content {background: #f3f3f3;} .search-form-wrapper {float:left;position:relative;top:0;width:100%; -webkit-transform:translateY(0px); -moz-transform:translateY(0px); -ms-transform:translateY(0px); -o-transform:translateY(0px); transform:translateY(0px); } .search-form-wrapper .nav li {float: left;margin: 0;width: 50%;} .booking-name, .booking-detail .package-price, .see-details {display: unset;float: left;padding: 20px 0;text-align: center;width: 100% !important;} .booking-detail .see-details {text-align: center;} .booking-detail {padding: 20px 10px;} } @media (max-width:767px) { .block .container,.container{padding:0 15px;} .rooms-list > ul li:first-child:nth-last-child(5), .rooms-list > ul li:first-child:nth-last-child(5) ~ li, .rooms-list:hover > ul li:first-child:hover:nth-last-child(5), .rooms-list:hover > ul li:nth-last-child(5) ~ li:hover {width:50% !important;} .big-tabs .nav li{width:100%;border:0 none!important;} .tab-data ul li{width:100%;border:0;} .tab-data ul li::before{display:none;} .gallery-box > img {min-height: 280px;} .gallery-box.left .gallery-hover, .gallery-box.right .gallery-hover {top: 0;width: 100%; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } .gallery-box.left::before, .gallery-box.right::before {background:none;left: 0;top: 0;width: 100%;} .gallery-box.left:before, .gallery-box.right:before {top: 0;width: 100%;} .gallery-box.left:hover .gallery-hover, .gallery-box.right:hover .gallery-hover {top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .clients-carousel .owl-nav {left: 50%;top: 0;width: 60px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .clients-carousel .owl-nav .owl-next {margin: 0;right: 0;} .clients-carousel .owl-nav .owl-prev {margin: 0;} .clients-carousel {padding-top: 40px;} .deal-gallery .tab-content {float: left;width: 100%;} .deal-gallery .tab-content img {width: 100%;} .deal-gallery .nav {left: 0;margin: 0 -5px;padding: 0;position: relative;top: 0;} .deal-gallery .nav li {float: left;padding: 0 5px;width: 33.334%;} .deal-gallery .nav li.active a { -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); } .deal-gallery .nav li.active a::after { -webkit-transform:rotate(-90deg) scale(1); -moz-transform:rotate(-90deg) scale(1); -ms-transform:rotate(-90deg) scale(1); -o-transform:rotate(-90deg) scale(1); transform:rotate(-90deg) scale(1); } .service-heading > span {font-size: 14px;margin-bottom: 5px;margin-top: 20px;} .service-heading > h4 {float: left;font-size: 20px;line-height: 20px;margin-top: 0;width: 100%;} .service-inner ul {margin-top: 10px;} .service-inner ul li {font-size: 12px;padding: 6px 15px;} .service-heading > img {width: 70px;} .service-img > img {min-height: 280px;} .option-isotop li {width:50%;} .pagetop h1 {display: unset;float: left;margin-bottom: 10px;text-align: center;width: 100%;} .pagetop ul {display: unset;float: left;text-align: center;width: 100%;} .pagetop .container {display: unset;float: left;width: 100%;} .blog-post > h3, .list-view .blog-post > h3 {font-size: 15px;margin: 20px 0 0;padding: 0 20px;width: 100%;} .blog-post > p {padding: 0 20px;} .bottom-bar {padding: 5px 10px;} .post-title {font-size: 17px;line-height: 20px;margin-bottom: 20px;} .share-this {margin-bottom: 20px;padding: 10px 0;} .post-details {padding: 20px 30px;} .post-details blockquote {margin: 20px -30px; padding: 30px;} .col-md-8 .comments-thread ul ul, .comments-thread ul ul {padding: 0;} .post-title {font-size: 17px;line-height: 20px;margin-bottom: 20px;} .share-this {margin-bottom: 20px;padding: 10px 0;} .col-md-8 .comment, .comment {padding: 30px;text-align: center;} .comment > img, .col-md-8 .comment > img {display: inline-block;left: 0;position: relative;top: 0;} .comment-detail {display: unset;float: left;} .comment-info {display: unset;float: left;margin-top: 20px;padding: 0;width: 100%;} .comment-detail > p {display: unset;float: left;margin-top: 20px;padding: 0;width: 100%;} .comment-rating {display: unset;float: left;margin-top: 20px;padding-top: 0;width: 100%;} .reply {right: 0;top: 0;} .gallery-widget .row > div {float: left;width:25%;} .features-list > li{width:100%;} .gallery > div, .gallery > li{width:100%;} .room-thumbs .nav li {margin-bottom: 30px;width:33.334%;} .room-services ul li {float: left;width:100%;} .block.overlap-container .container {width:100%;margin-top:0;padding:0 15px;} .fancy-search-tabs .nav.nav-tabs {border: 0 none;float: left;margin-bottom: 40px;width: 100%;} .fancy-search-tabs > div {float: left;margin: 0;padding: 0;width: 100%;} .fancy-search-tabs .tab-content {padding: 0 20px;} .search-form-wrapper .nav li{width:100%;} .search-form-wrapper .tab-content { padding: 30px;} } @media (max-width:480px){ .logo-sec, .sticky .logo-sec {text-align: center;width: 100%;} .middle-logo nav, .sticky .middle-logo nav{text-align:center;} .logo-sec a {width: 100%;} .sticky nav, nav {text-align: center;width: 100%;} .responsive-menu-btn {display: inline-block;float: none;vertical-align: middle;} .rooms-list > ul li:first-child:nth-last-child(5), .rooms-list > ul li:first-child:nth-last-child(5) ~ li, .rooms-list:hover > ul li:first-child:hover:nth-last-child(5), .rooms-list:hover > ul li:nth-last-child(5) ~ li:hover {width:100% !important;} .room-bottom {padding: 20px 10px;} .room-bottom > span {width: 100%;} .room-bottom > ul {margin-top: 10px;width: 100%;} .option-isotop li {width:100%;} .gallery-img > img {min-height: 150px;} .gallery > div,.gallery > li{width:100%;} .gallery-widget .row > div {width:33.334%;} .room-thumbs .nav li {width:50%;} }
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0.05 |
proxy
|
phpinfo
|
Settings