ok

Mini Shell

Direktori : /home/pequenacapitolio/www/css/
Upload File :
Current File : /home/pequenacapitolio/www/css/responsive.css

@media (max-width: 1600px) {
    header.header_v4  .sub-menu {
        min-width: 200px;
    }
    .header_v4 .navigation ul.main-menu >li.menu-item {
        min-width: 200px;
    }
    .header_v4 .header-right {
        padding-right: 50px;
    }
    .header_v4 .navigation ul.main-menu {
        padding-left: 0;
    }
    .page-title-wrapper {
        height: 300px;
    }
}
@media (max-width: 1440px) {
    .header_v4 .navigation ul.main-menu >li.menu-item {
        min-width: 196px;
        padding-right: 0;
        padding-left: 0;
    }
    header.header_v4  .sub-menu {
        min-width: 230px;
    }
    #back-to-top {
        bottom: 15px;
        right: 15px;
    }
    .comingsoon-wrapper .coom-inner {
        padding: 40px 0;
    }
    .coom-inner .title {
        margin: 20px 0 25px;
    }
    .comingsoon-wrapper .thim-countdown {
        margin-bottom: 0;
    }
    .comingsoon-wrapper .owl-carousel.owl-drag .owl-item {
        height: 100vh;
    }
}

@media (min-width: 1400px) {
    body .container {
        width: 1200px;
        max-width: 100%;
    }
    body.demo-4 .container {
        width: 1362px;
        max-width: 100%;
    }
}
@media (max-width: 1366px) {
    .header_v4 .navigation ul.main-menu >li.menu-item {
        min-width: 185.3px;
    }
    .h4-bg-reason {
        padding: 80px 0;
    }
}


@media (max-width: 1280px) {
    .header_v4 .navigation ul.main-menu >li.menu-item {
        min-width: 171px;
    }
    .toolbar-info {
        padding-right: 0;
    }
    .comingsoon-wrapper .coom-inner {
        padding: 100px 0;
    }
    .comingsoon-wrapper .thim-countdown {
        margin: 50px 0;
    }
    .top-toolbar ul.top-menu>li>a,
    .weather {
        padding-right: 15px;
        padding-left: 15px;
    }
    .language {
        padding-left: 20px;
    }
}

@media (max-width: 1200px) {
    .top-toolbar {
        padding-left: 0;
    }
    .toolbar-info {
        padding-right: 0;
    }
    .navigation ul.main-menu {
        padding: 0 15px;
    }
}

@media (max-width: 1200px) and (min-width: 1025px){
    .page-title-wrapper {
        height: 200px;
    }
}
@media (max-width: 1200px) {
    .comingsoon-wrapper .coom-inner {
        padding: 40px 0;
    }
}
@media (min-width: 1200px) {
    body .container {
        width: 1200px;
        max-width: 100%;
    }
    body .container.w-1192 .row {
        margin: 0;
    }
    body .container.w-1192 .col-sm-3 {
        padding: 0;
    }
    body .container.w-1192 {
        width: 1192px;
        max-width: 100%;
    }
}

@media (max-width: 1170px) {
    .sc-tourist.style-02 .rating {
        font-size: 0;
    }
    .sc-travel.style-01 .content .info {
        padding-top: 10px;
    }
    .sc-travel.style-01 .content .inner {
        padding: 20px 25px;
    }
    .h4-group-check-room .sc-travel.style-01 .row {
        margin: 0;
    }
    .h4-group-check-room .sc-travel.style-01 .item {
        padding: 0;
    }
    .navigation ul.main-menu >li.menu-item {
        margin-right: 30px;
    }
    .language {
        padding: 0 15px;
    }
    .header_v2 .phone {
        display: none;
    }
}

@media (max-width: 1024px) {
    .sc-tourist.style-01 .content .inner .title {
        font-size: 30px;
    }
    .header_v4 .navigation ul.main-menu >li.menu-item {
        min-width: 138px;
    }
    .sc-rooms.style-04 .item {
        margin-bottom: 28px;
    }
    .h4-group-video-testimonial {
        padding-top: 80px;
    }
    .sc-testimonial.style-04 {
        padding: 0 50px 50px;
    }
    .footer .col-sm-3{
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding: 20px 15px;
    }
    .h4-group-video-testimonial .col-sm-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .sc-video.style-02 {
        margin-right: auto;
        margin-left: auto;
    }
    .sc-travel.style-02 .review .time, .travel-content-search .item .time {
        float: left;
    }
    .sc-reason .list-reason li i {
        float: left;
        min-height: 40px;
    }
    .header_v4 .header-right {
        padding-right: 30px;
    }
    .hotel-booking-search.style-01.layout-columns .daterangepicker.dropdown-menu {
        right: 8px;
        left: auto !important;
    }
    .sc-list-event.style-01 .event .title {
        font-size: 20px;
    }
    .sc-list-event.style-01 {
        padding-left: 25px;
        padding-right: 25px;
    }
    .home .rooms-content .room-item .room-summary {
        padding-right: 20px;
        padding-left: 20px;
    }
    .home .room-meta .rating  {
       float: right;
    }
    .home .rooms-content .room-meta .price {
        float: left;
    }
    .h1-introduce .sc-heading.style-02,
    .h1-introduce .sc-img-box {
        position: static;
    }
    .h1-introduce .sc-heading.style-02 {
        padding: 0;
    }
    .sc-heading.style-02 .title {
        font-size: 40px;
    }
    .hotel-booking-search.style-01:not(.layout-columns) .hb-submit {
        padding-left: 20px;
        padding-right: 20px;
    }
    .hotel-booking-search.style-01:not(.layout-columns) .hb-form-table .hb-form-field.hb-form-check-in:after {
        right: -5px;
    }
    .hotel-booking-search .hb-form-table .hb-form-field {
        padding-left: 30px;
        padding-right: 30px;
    }
    .hotel-booking-search.style-01 .hb-form-table .hb-form-field.hb-form-check-out:before,
    .hotel-booking-search.style-01:not(.layout-columns) .hb-form-table .hb-form-field.hb-form-number:after {
        right: 20px;
    }
    .room-meta .rating,
    .rooms-content .room-meta .price {
        float: none;
    }
    .navigation ul.main-menu {
        padding-right: 0;
    }
    .toolbar-right {
        padding-left: 0;
    }
    .sc-counter-box,
    .sc-quote.style-01 {
        padding: 150px 0;
    }
    .sc-counter-box .wrapper .item {
        margin: 0 10px;
    }
    .widget-newsletter form input {
        width: 100%;
    }
    header#masthead .width-logo {
        width: 200px;
    }

    header .sub-menu {
        min-width: 200px;
    }
    .toolbar-info .label {
        display: none;
    }
    .top-toolbar ul.top-menu>li>a, .weather {
        padding-right: 10px;
        padding-left: 10px;
    }
    a.btn-book {
        padding-left: 14px;
        padding-right: 14px;
    }
    .sc-reason {
        padding-left: 0;
    }
}

@media (max-width: 1023px) {
    .top-toolbar,
    .header-right {
        display: none;
    }
}

@media (max-width: 992px) {
    header#masthead.header_v4 .width-logo .no-sticky-logo img {
        height: 60px;
    }
    .container {
        width: 960px;
        max-width: 100%;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 970px;
    }

}

@media (max-width: 800px) {
    .sc-reason .title {
        font-size: 40px;
    }
    .header_v4 .navigation ul.main-menu >li.menu-item {
        min-width: 115px;
    }
    .hotel-booking-search.style-01:not(.layout-columns) .hb-submit {
        padding-left: 15px;
        padding-right: 15px;
    }
    .shop-content .product-meta {
        float: none;
    }
    .comingsoon-wrapper .thim-countdown .counter-group .counter-block {
        margin: 0 5px;
    }
    body.single-event aside#secondary,
    body.single-event main.site-main.col-md-9 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    body.single-event main.site-main.col-md-9 {
        padding-bottom: 45px;
        order: -1;
    }
    .comingsoon-wrapper .thim-countdown {
        margin: 15px 0;
    }
    .comingsoon-wrapper .coom-inner {
        padding: 0;
    }
    .sc-contact-form {
        padding: 40px 30px;
    }
    .sc-contact-info {
        padding-left: 0;
    }
    .sc-heading .description br,
    .sc-count-down .title br {
        display: none;
    }
    .meta_post .social-share {
        float: none;
        margin-top: 20px;
    }
    header#masthead .width-logo {
        width: 150px;
    }
    .sc-about-slides .owl-next {
        right: 15px;
    }
    .sc-about-slides .owl-prev {
        left: 15px;
    }
}

@media (max-width: 959px) and (min-width: 768px) {
    .sc-tourist.style-01 .content .inner {
        padding: 0 20px;
    }
    .sc-tourist.style-01 .content .inner .title {
        font-size: 26px;
    }
    .sc-travel-search .hb-submit button {
        max-width: 100%;
        padding: 0 30px;
    }
    .container {
        width: 900px;
        max-width: 100%;
    }
    .navigation .main-menu >li:last-child .sub-menu .sub-menu,
    .navigation .main-menu >li:nth-last-child(2) .sub-menu .sub-menu {
        left: auto;
        right: 100%;
    }
}

@media (max-width: 768px) {

    .sc-video.style-02 {
        max-width: 100%;
    }
    .sc-group-iconbox .top-description br {
        display: none;
    }
    .sc-images.style-01 .container-fluid .row >div {
        -ms-flex: 0 0 33.33%;
        flex: 0 0 33.33%;
        max-width: 33.33%;
    }
    .sc-posts.style-02 .content {
        padding-right: 20px;
        padding-left: 20px;
    }
    .sc-tourist.style-02 .col-sm-4 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .sc-rooms.style-04 .item {
        margin-bottom: 27px;
    }
    .sc-rooms.style-04 .item .content {
        padding: 0 10px;
    }
    .sc-rooms.style-04 .items-small .content .rating {
        display: none;
    }
    .sc-rooms.style-04 .content .title a {
        font-size: 20px;
    }
    .sc-tourist.style-01 .content .inner .title {
        font-size: 26px;
    }
    .sc-tourist.style-01 .content .inner {
        padding: 0 15px;
    }
    .sc-travel-search .hb-submit button {
        max-width: 100%;
        padding: 0 30px;
    }
    .sc-travel.style-01 .content .inner {
        padding: 15px;
    }
    .sc-travel.style-01 .content .info {
        display: none;
    }
    header#masthead.header_v4 img.mobile-logo {
        height: 60px;
    }
    .sc-categories-link.style-02 .item .content-overlay {
        left: 20px;
    }
    .blog-event .item-first {
        padding-bottom: 30px;
    }
    .blog-event >.row >div{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .hotel-booking-search.layout-columns .hb-form-table .hb-form-field .hb_input_field {
        padding-right: 10px;
        padding-left: 10px;
    }
    .home .room-meta .rating, .home .rooms-content .room-meta .price {
        float: none;
    }
    .sc-list-box.style-01 .box-item {
        text-align: center;
    }
    .sc-gallery.style-01 {
        text-align: center;
    }
    .sc-posts.style-01 .content {
        padding: 20px;
    }
    .sc-heading.style-02 .title {
        font-size: 30px;
    }
    .hotel-booking-search.style-01 .hb-submit .contact-info span {
        display: inline-block;
    }
    .hotel-booking-search.style-01 .hb-submit .contact-info {
        line-height: normal;
    }
    .rooms-content.layout-grid.style-02 .room-item .room-summary {
        padding-left: 20px;
        padding-right: 20px;
    }
    .rooms-content.layout-grid.style-01 .room-item .room-summary {
        padding-right: 10px;
        padding-left: 10px;
    }
    .event-single-content .thumbnail img {
        width: 100%;
        height: 500px;
        object-fit: cover;
    }
    .comingsoon-wrapper .thim-countdown {
        margin: 50px 0;
    }
    .comingsoon-wrapper .coom-inner {
        padding: 90px 0;
    }
    .meta_post .social-share {
        float: right;
    }
    .page-title-wrapper .heading_primary {
        font-size: 36px;
    }
    .image-box img {
        width: 100%;
    }
    aside#secondary,
    main.site-main.col-md-9 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    main.site-main.col-md-9 {
        padding-bottom: 45px;
        order: -1;
    }
    .sc-quote.style-01 .title {
        padding-left: 90px;
    }
    header#masthead .width-logo {
        width: 100% !important;
    }
    body:not(.demo-1) .mobile-menu-container .inner-off-canvas .menu-mobile-effect.navbar-toggle:hover .fa {
        color: var(--primary-color-2);
    }
    .h4-group-check-room .sc-travel.style-01 {
        margin-top: 0;
        padding-top: 30px;
    }
}

@media (max-width: 767px) {
    .sc-travel-search .hb-submit button {
        padding: 0 20px;
    }
    .sc-travel-search .hb-form-table li select {
        padding: 0 15px;
    }
    .sc-reason .title {
        font-size: 40px;
    }

}

@media (max-width: 667px) and (min-width: 601px) {
    .sc-events.list-style .event-content {
        padding-bottom: 30px;
    }
    .sc-testimonials.style-02 .item {
        max-width: 460px;
    }
    .hotel-booking-search.style-01:not(.layout-columns) .hb-form-table .hb-form-field.hb-form-check-in:after {
        right: 15px;
    }
    .hotel-booking-search.style-01 .hb-form-table .hb-form-field .hb_input_field input.day {
        width: auto !important;
    }
    .hotel-booking-search .hb-form-table .hb-form-field.hb-form-number .hb-form-field-list {
        padding: 15px;
    }
}
@media (max-width: 767px) and (min-width: 568px) {
    .sc-categories-link.style-02 .item .title a {
        font-size: 18px;
    }
    .sc-posts.style-01 .item-first {
        padding-bottom: 30px;
    }
}

@media (max-width: 767px) {
    .shop-content .product-meta {
        float: left;
    }
}
@media (max-width: 667px) {
    .sc-tourist.style-01 .content .inner .title {
        font-size: 34px;
    }
    .sc-travel.style-01 .content .info {
        padding-top: 30px;
        display: inline-block;
    }
    .sc-travel.style-01 .content .inner {
        padding: 20px 25px;
    }
    .h4-group-check-room .sc-travel.style-01 .item,
    .sc-tourist.style-01 .item,
    .sc-group-iconbox .box-item {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding-bottom: 15px;
    }
    .tp-bullets {
        display: none !important;
    }
    .hotel-booking-search.style-01 {
        margin-top: 30px;
    }

    .hotel-booking-search .hb-form-table,
    .hotel-booking-search .hb-submit,
    .hotel-booking-search .daterangepicker.dropdown-menu {
        width: 100% !important;
    }
    .comingsoon-wrapper .coom-inner {
        padding: 0;
    }
    .comingsoon-wrapper .thim-countdown {
        max-width: 377px;
        margin: 0 auto;
    }
    .footer-top .newsletter h3 {
        margin: 0 0 20px;
    }
    .comingsoon-wrapper .thim-countdown .counter-group .counter-block {
        margin-bottom: 20px;
    }
    .sc-categories-link .item .title a {
        font-size: 20px;
    }
}

@media (max-width: 600px) {
    .sc-travel.style-02 .owl-dots {
        margin-top: 15px;
    }
    .sc-rooms.style-04 .item:before {
        left: 10px;
        right: 10px;
        width: auto;
    }
    .sc-rooms.style-04 .item-large .item {
        padding: 0 10px;
    }
    .sc-rooms.style-04 .items-small .item {
        width: 50%;
        float: left;
        padding: 0 10px;
    }
    .sc-rooms.style-04 .items-small,
    .sc-rooms.style-04 .item-large {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .sc-posts.style-02 .item {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding-top: 30px;
    }
    .sc-travel-search .hb-submit button {
        margin-top: 20px;
        padding: 0 55px;
    }
    .sc-travel-search .hb-submit {
        float: none;
        width: 100%;
        text-align: center;
    }
    .sc-travel-search .hb-form-table{
        float: none;
        width: 100%;
        margin: 0;
    }
    .h4-group-check-room .sc-travel.style-01 .item {
        padding: 15px;
    }
    .sc-travel.style-01 .content .info {
        padding-top: 15px;
    }
    .sc-instagram .item {
        width: 50%;
    }
    .hotel-booking-search.style-01:not(.layout-columns) .hb-form-table .hb-form-field.hb-form-check-in:after {
        right: 10px;
    }
    .sc-testimonials.style-02 {
        max-width: 100%;
    }
    .sc-testimonials.style-01 .heading br {
        display: none;
    }
    .popup-container {
        padding: 50px 30px;
    }
    .rooms-content-search .room .room-summary {
        padding-top: 30px;
    }
    .rooms-content-search .room-media,
    .rooms-content-search .room .room-summary{
        width: 100%;
    }
    .product-related .shop-content .product {
        padding: 30px;
    }
    .sc-events.list-style .event {
        text-align: center;
    }
    .sc-events.list-style .event .event-content {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .comingsoon-wrapper .coom-inner .content-text br {
        display: none;
    }
    .comingsoon-wrapper .coom-inner .content-text {
        padding: 0 30px;
    }
    .coom-inner .title {
        font-size: 30px;
    }
    .meta_post .social-share {
        float: none;
        margin-top: 20px;
    }
    .blog-single-content article .post-summary .post-title {
        font-size: 30px;
    }
    .sc-list-info ul {
        margin-bottom: 25px;
    }
    .sc-quote.style-01 .title {
        padding-left: 30px;
    }
    .sc-counter-box .wrapper .item {
        margin: 0 10px 30px;
    }
    .sc-list-info .col-sm-4 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .h1-banner .sc-box.style-01 .title {
        font-size: 46px;
    }
}

@media (max-width: 568px) {
    .sc-reason .list-reason li i {
        color: #000000;
    }
    .h4-bg-reason {
        position: relative;
        overflow: hidden;
    }
    .h4-bg-reason:before {
        position: absolute;
        opacity: .6;
        content: '';
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        display: block;
        background-color: #fff;
    }
    .sc-quote.style-04 .title a {
        margin-top: 10px;
    }
    .sc-posts.style-02 .item .post img {
        width: 100%;
    }
    .footer .col-sm-3 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .sc-categories-link.style-02 .item {
        margin-bottom: 30px;
    }
    .sc-categories-link.style-02 .item .title a {
        font-size: 24px;
    }
    .sc-instagram .item {
        width: 100%;
        padding-bottom: 15px;
    }
    .sc-rooms.style-01 .rooms-content .room {
        padding-bottom: 30px;
    }
    .menu-mobile-effect.navbar-toggle .icon-wrap {
        margin-left: 0;
    }
    .hotel-booking-search.style-02 .room-submit {
        margin-top: 30px;
    }
    .hotel-booking-search.style-02 form .form-table {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .hotel-booking-search.style-02 input, .hotel-booking-search.style-02 select {
        max-width: 100%;
    }
    .group-slides {
        background: #ddd;
    }
    .sc-categories-link .item .title a {
        font-size: 30px;
    }
    .sc-categories-link .container-fluid .row .col-sm-3 {
        padding-bottom: 30px;
    }
    .group-slides .sc-hb-rooms-search.style-02 {
        position: static;
        padding: 30px 0;
    }
    .sc-posts.style-01 .item .content {
        transform: translateY(30px);
    }
    .sc-posts.style-01 .item-first {
        padding-bottom: 30px;
    }
    .sc-list-box.style-01 .box-item {
        text-align: center;
    }
    .sc-video .background-video .content .title br,
    .h1-banner .sc-box.style-01 .title br {
        display: none;
    }
    .h1-introduce .sc-heading.style-02 {
        padding-bottom: 30px;
    }
    .h1-introduce .sc-img-box .col-sm-6 {
        width: 50%;
        float: left;
    }
    .camera_wrap {
        height: 340px !important;
    }
    .search-room-popup .form-table >li {
        width: 100%;
        margin-bottom: 20px;
    }
    .sc-gallery .filter-controls li {
        margin: 0 15px;
    }
    .event-single-content .content .description,
    .event-single-content .content .info {
        padding-left: 0;
        width: 100%;
        float: none;
    }
}

@media (max-width: 480px) {
    .sc-video.style-02,
    .sc-video.style-02 .background-video {
        width: 400px;
        height: 320px;
        max-width: 100%;
    }
    .sc-testimonial.style-04 {
        padding: 0 0 50px;
    }
    .sc-count-down .countdown-show4 .countdown-section {
        margin: 0 5px;
    }
    .sc-posts.style-02 .item {

    }
    .sc-tourist.style-02 .image img {
        width: 100%;
    }
    .sc-tourist.style-01 .item, .sc-group-iconbox .box-item,
    .sc-tourist.style-02 .col-sm-4,
    .sc-posts.style-02 .item {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .sc-tourist.style-01 .item, .sc-group-iconbox .box-item {
        padding-top: 20px;
    }
    .sc-travel-search .hb-form-table li {
        width: 100%;
        margin-bottom: 15px;
    }
    .sc-images.style-01 .container-fluid .row >div {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .sc-quote.style-02 a.btn-quote {
        margin-left: 0;
    }
    .sc-testimonials.style-01 .heading {
        font-size: 40px;
    }
    .hotel-booking-search.style-01:not(.layout-columns) .daterangepicker.dropdown-menu:before {
        border-color: transparent transparent #ddd;
    }
    .hotel-booking-search.style-01:not(.layout-columns) .daterangepicker.dropdown-menu {
        margin-top: -100px;
        background: #ddd;
    }
    footer.footer_v2 .footer-top {
        padding: 50px 0;
    }
    .sc-video .background-video .content .title {
        font-size: 30px;
        line-height: normal;
    }
    .hotel-booking-search.style-01 .daterangepicker.dropdown-menu .calendar {
        width: 100%;
        max-width: 100%;
        padding: 0;
    }
    .hotel-booking-search.style-01:not(.layout-columns) .hb-form-table .hb-form-field.hb-form-check-in:after {
        right: 20px;
    }
    .hotel-booking-search:not(.layout-columns) .hb-form-table .hb-form-field {
        width: 100%;
    }
    .sc-post.style-02 {
        padding-bottom: 30px;
    }
    .room_additinal .col-sm-4 {
        padding-bottom: 30px;
    }
    .footer-top .newsletter input {
        margin: 0 0 20px;
        min-width: 100%;
    }
    .sc-gallery .filter-controls li {
        margin: 0 15px 20px;
    }
    .thim-countdown.notice span {
        padding: 10px;
    }
    .sc-contact-info {
        padding-top: 40px;
    }
    .sc-quote.style-01  {
        text-align: center;
    }
    .sc-quote.style-01 .title {
        text-align: center;
        padding-left: 0;
    }
    .sc-quote.style-01 a.btn-quote {
        margin-left: 0;
    }
}

@media (max-width: 414px) {
    .list-logo li {
        margin-bottom: 15px;
    }
    .sc-rooms.style-04 .items-small .content .rating {
        display: block;
    }
    .sc-rooms.style-04 .items-small .item img {
        width: 100%;
    }
    .sc-rooms.style-04 .items-small .item {
        width: 100%;
    }
    .sc-travel.style-01 .content .info {
        padding-top: 30px;
    }
    .sc-tourist.style-01 .content img {
        width: 100%;
    }
    .h4-group-check-room .sc-travel.style-01 .item, .sc-tourist.style-01 .item, .sc-group-iconbox .box-item {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .h1-banner .sc-box.style-01 .title {
        font-size: 40px;
    }
    .hotel-booking-search.style-01:not(.layout-columns) .hb-form-table .hb-form-field.hb-form-number:after {
        width: auto;
    }
    div.sc-posts.style-01.auto-height .content {
        transform: translateY(120px);
    }
    footer.footer_v2 .footer-top .pull-right {
        padding-top: 30px;
    }
    footer.footer_v2 .footer-top .pull-right,
    footer.footer_v2 .footer-top .pull-left {
        float: none;
    }
    footer.footer_v2 .footer-top {
        text-align: center;
    }
    .sc-testimonials.style-02 {
        padding: 60px 40px;
    }
    .sc-posts.style-01.auto-height .item .content {
        transform: translateY(100px);
    }
    .hotel-booking-search.style-01.layout-columns .daterangepicker.dropdown-menu {
        padding: 0;
        margin-top: 20px;
    }
    .hotel-booking-search.style-01.layout-columns .goUp {
        margin-bottom: 4px;
    }
    .hotel-booking-search.style-01.layout-columns .hb_input_field input.day {
        font-size: 40px !important;
    }
    .hotel-booking-search.style-01.layout-columns select {
        height: 40px;
        font-size: 40px;
        line-height: 40px;
    }
    .sc-testimonials.style-02 .item {
        padding-right: 50px;
    }
    .room-single .title-share .title {
        float: none;
        margin-bottom: 20px;
    }
    .room-single .title-share .social-share {
        float: none;
    }
    .room-single .social-share ul li {
        margin-left: 0 !important;
        margin-right: 10px !important;
    }
    .event-single-content .comingsoon-wrapper .thim-countdown .counter-group .counter-block {
        margin: 0 2px 15px;
    }
    .comments-list .children {
        margin-left: 0;
    }
    .comingsoon-wrapper .coom-inner .content-text form {
        width: 100%;
    }
    .comingsoon-wrapper .thim-countdown .counter-group .counter-block {
        margin: 0 9px 15px;
    }
    .coom-inner .title {
        font-size: 20px;
    }
    .comingsoon-wrapper .coom-inner .content-text form button {
        position: static;
        margin-top: 10px;
    }
}

@media (max-width: 375px) {
    .sc-count-down .title {
        font-size: 36px;
    }
    .sc-quote.style-04 .btn-radius {
        padding: 0 30px;
    }
    .comingsoon-wrapper .thim-countdown .counter-group .counter-block .counter-caption {
        font-size: 16px;
    }
    .event-single-content .comingsoon-wrapper .thim-countdown .counter-group .counter-block {
        width: 140px;
    }
    .event-single-content .comingsoon-wrapper .thim-countdown .counter-group .counter-block:before {
        width: 100px;
        height: 100px;
    }
}


@media (max-width: 320px) {
    .sc-heading .second-title {
        font-size: 28px;
    }
    .comingsoon-wrapper .thim-countdown .counter-group .counter-block {
        margin: 0 -5px 15px;
    }
    .filter-events .nav-tabs a {
        margin: 0 15px 20px;
    }
}


Zerion Mini Shell 1.0