@media only screen and (min-width:1367px) and (max-width:1900px) {
    .header-style4 aside.widget.widget-phone {
        display: none
    }

    .header.header-style4 {
        padding: 0 20px
    }
}

@media only screen and (max-width:1366px) {
    .header.header-style4 {
        padding: 0 20px
    }

    .header-style4 .margin-left68 {
        margin-left: 15px
    }

    .header-style4 aside.widget.widget-phone {
        display: none
    }

    .padding-lr100 {
        padding: 0 50px
    }

    .flat-maps-form2 {
        padding: 3.9% 5.3% 3% 4.45%
    }

    /* .info-aboutus {
        padding: 2.7% 3% 3%
    } */

    .info-aboutus .title-section.style2.left {
        margin-bottom: 30px
    }

    .flat-box {
        width: auto
    }

    .imagebox .imagebox-content {
        padding: 10px 25px 10px 15px
    }

    .imagebox .imagebox-content::after {
        right: 12px;
        top: 24px
    }
}

@media only screen and (min-width:1200px) and (max-width:1365px) {}

@media only screen and (max-width:1199px) {
    .switcher-container {
        top: 115px
    }

    .top.style2 .flat-information {
        padding-left: 5px
    }

    .flat-information.style2 li {
        margin-right: 5px
    }

    .wrap-widget-header .widget-info {
        margin: 0 0 0 15px
    }

    .widget-header-style2 .wrap-widget-header .widget-info {
        margin: 0 0 0 0
    }

    #mainnav ul.submenu.right {
        right: 0;
        left: auto
    }

    #mainnav>ul>li>a,
    .menu-extra li a {
        padding: 0 21px 0
    }

    #mainnav.style2>ul>li:first-child>a {
        padding-left: 0
    }

    .header-style2 .menu.menu-extra li a {
        padding: 0 5px
    }

    #mainnav.style2>ul>li>a {
        padding: 0 10px 0
    }

    .header-style3 .widget.float-right {
        display: none
    }

    .header-style3 #mainnav.style2>ul>li>a {
        padding: 0 15px 0
    }

    .flat-language {
        width: 25%
    }

    .top.style4 .margin-left29,
    .top.style4 .flat-top.social-links,
    .top.style5 .margin-left32,
    .top.style5 .flat-top.social-links {
        margin-left: 15px
    }

    .top.style4 .flat-top.social-links,
    .top.style5 .flat-top.social-links {
        padding-left: 15px
    }

    .wrap-testimonial #testimonial-carousel {
        padding: 0 325px;
        top: 135px
    }

    .wrap-iconbox li:last-of-type .iconbox,
    .wrap-iconbox li:first-of-type .iconbox,
    .iconbox,
    .iconbox.bg-image {
        padding-right: 35px;
        padding-left: 35px
    }

    .blog-shortcode.post-list .entry .featured-post {
        margin: 0 15px 0 0
    }

    .blog-shortcode.post-list .entry .content-post {
        padding: 9px 0
    }

    .padding-lr100,
    .padding-lr65_5,
    .padding-lr35,
    .padding-lr5_65 {
        padding: 0
    }

    .featured-aboutus,
    .featured-aboutus img,
    .info-aboutus {
        width: 100%;
        height: auto !important
    }

    .about-counter .flat-counter,
    .about-counter .flat-counter:nth-child(2),
    .about-counter .flat-counter:nth-child(3) {
        width: 33.3333333333%
    }

    .about-counter .flat-counter .content-counter.float-left {
        float: none !important
    }

    .social-links.style2.team li a {
        line-height: 44.5px;
        width: auto;
        height: auto;
        padding: 0 14px
    }

    .main-history .wrap-step {
        margin-bottom: 10px
    }

    .widget.widget-nav-menu ul li a {
        padding: 11px 0 15px 14px
    }

    .project-v1.post-list .entry .content-post {
        padding: 25px 35px 20px 0
    }

    .project-v2 .entry .content-post {
        padding: 0 10px 22px 20px
    }

    .single-post .project-info {
        padding: 25px 15px 20px
    }

    .single-post .project-info ul li span.name {
        width: 19.6%
    }

    .post-list .entry .featured-post {
        margin: 0 30px 0 0
    }

    .post-list .entry .content-post {
        padding: 20px 10px 20px 0
    }

    .imagebox .imagebox-content {
        padding: 19px 30px 14px
    }

    .imagebox .imagebox-content::after {
        right: 16px;
        top: 28px
    }
}

@media only screen and (max-width:991px) {
    
    #mainnav-mobi, #mainnav1-mobi {
        display: block;
        margin: 0 auto;
        width: 100%;
        position: relative;
        background-color: #222;
        z-index: 1000;
        top: 0px;
    }
    .smenu {
        position: relative;
        top: 0px;
    }
    .go-top.show {
        right: 0px;
        bottom: 20px;
        z-index: 99;
    }
    #fsmicons {
        position: fixed;
        right: 0px;
    }
    .whatsapp-float, .telegram-float, .fb-float {
        position: fixed;
        width: 30px;
        height: 30px;
        right: 0px;
        color: #FFF;
        text-align: center;
        font-size: 20px;
        z-index: 1000;
    }
    .whatsapp-float {   
        bottom: 280px;   
        background-color: #25d366;
    }
    .telegram-float {
        bottom: 240px;
        background-color: #64a2ff;
    }
    .fb-float {
        bottom: 200px;
        background-color: #13438d;
    }
    .whatsapp-my-float, .telegram-my-float, .fb-my-float {
        margin-top: 5px;
    }

    .btn-menu {
        display: block
    }
    .mainnav1 {
        display: block;
        text-align: left;
        position: relative;
        top: 15px;
    }

    .mainnav1,
    .top .wrap-top.reponsive-none,
    .switcher-container,
    .widget.reponsive-none,
    .widget-header-style2 .wrap-widget-header,
    .header-style4 .menu.menu-extra.style2 {
        /*display: none*/
    }

    .tparrows {
        display: none !important
    }

    #mainnav-mobi .menu {
        overflow-y: auto;
        height: 40vh
    }

    .header.downscrolled~#mainnav-mobi,
    .header.header-absolute.downscrolled~#mainnav-mobi {
        position: fixed;
        top: 60px
    }

    .header.header-absolute~#mainnav-mobi {
        top: 61px
    }

    .go-top {
        width: 30px;
        height: 30px;
        line-height: 30px
    }

    .header .logo {
        margin: 0px 0 0
    }

    .menu.menu-extra {
        padding-left: 0;
        float: left
    }

    .top .menu.menu-extra {
        padding-left: 0;
        margin: 0
    }

    .wrap-widget-header {
        padding: 30px 0 25px
    }

    .header.widget-header-style2 .logo {
        margin: 15px 0 10px 0
    }

    .wrap-widget-header .widget-info {
        margin: 0;
        width: 38%
    }

    .wrap-widget-header .widget-info:first-of-type {
        width: 24%;
        text-align: right
    }

    .shopping-cart .subcart,
    .top-search {
        left: 0
    }

    #mainnav.style2>ul>li>a,
    .menu-extra.style2 li a {
        line-height: 60px
    }

    .header.header-style2 .logo {
        margin-top: 15px;
        position: absolute;
        left: 50%;
        margin-left: -135px;
        z-index: 999
    }

    .header.header-style4 .logo {
        margin: 15px 0 0
    }

    .header.header-style4 {
        padding: 0 15px;
        overflow: hidden
    }

    .top.style2 .wrap-top {
        margin-bottom: 10px
    }

    .top.style2 .flat-information {
        float: right !important
    }

    .header.header-style3 .logo {
        margin: 19px;
        position: relative;
        z-index: 9
    }

    .nav-absolute .nav-wrap {
        margin-top: 0;
        position: relative
    }

    .footer {
        padding: 50px 0 0
    }

    .contactform .flat-button:hover::before,
    .widget-nav-menu ul li:hover:before,
    .widget-nav-menu ul li.active:before {
        -webkit-transform: scale3d(-17, 9, 1);
        transform: scale3d(-17, 9, 1)
    }

    .info-apply .btn-apply.text-right {
        text-align: left !important
    }

    .post-list .entry .featured-post,
    .flat-maps-form2.one-half,
    .flat-maps-form1.one-half {
        float: none
    }

    .top .menu.menu-extra::before,
    .top.style2 .flat-information::before {
        content: none
    }

    .top.style3 .flat-information.style2 {
        text-align: center
    }

    .imagebox .imagebox-image img,
    .wrap-iconbox li,
    .flat-maps-form2.one-half,
    .flat-maps-form1.one-half,
    .section-about.about-video .fancybox img,
    .post-list .entry .featured-post img,
    .item.style2 .featured-item img,
    .project-dynamic .entry .featured-post img,
    .wrap-acadion,
    .flat-video,
    .flat-video img,
    .flat-team .avatar img,
    .product .featured-product img,
    .product-img img,
    .wrap-form span.flat-input {
        width: 100%
    }

    .wrap-column .flat-column3,
    .wrap-product .product,
    .project-dynamic .data-effect li {
        width: 50%
    }

    .flat-language {
        width: 30%
    }

    .top.style2 .flat-language,
    .product-single ul.product-style li .style {
        width: 25%
    }

    .flat-row,
    .flat-row.section-iconbox,
    .flat-row.v12,
    .flat-row.project-grid,
    .flat-row.v13,
    .flat-row.section-image,
    .flat-row.page-teammember2.padding2,
    .flat-row.v9,
    .flat-row.v11,
    .flat-row.section-counter2,
    .flat-row.v8,
    .flat-row.v5,
    .flat-row.project-single,
    .flat-row.section-services3,
    .flat-row.flat-project-v2,
    .flat-row.services-grid,
    .flat-row.section-counter,
    .flat-row.product-single,
    .flat-row.v4,
    .flat-row.v3,
    .flat-row.blog-list,
    .flat-row.blog-grid,
    .flat-row.blog-posts,
    .flat-row.blog-masonry {
        padding: 40px 0
    }

    .page-title,
    .page-title.style2 {
        padding: 40px 0 50px
    }

    .flat-row.v6,
    .flat-row.section-product2,
    .flat-row.section-testimonials,
    .flat-row.v1.padding2,
    .flat-row.flat-project-v1,
    .flat-row.v1,
    .flat-row.section-services2,
    .flat-row.v10,
    .flat-row.v7,
    .flat-row.page-teammember2,
    .flat-row.section-project-dynamic,
    .flat-row.page-teammember,
    .flat-row.section-iconbox.padding2 {
        padding: 40px 0 20px
    }

    .flat-row.section-testimonials2,
    .flat-row.section-testimonials2.padding2,
    .flat-row.section-testimonials2.padding3,
    .flat-row.section-testimonials2.padding4 {
        padding: 60px 0 40px
    }

    .flat-row.padingbotom {
        padding: 0 0 40px
    }

    .project-dynamic .width50 .entry .content-post {
        padding: 0 20px
    }

    .project-v1.post-list .entry .content-post {
        padding: 20px
    }

    .iconbox.bg-image,
    .iconbox {
        padding: 40px 42px 20px
    }

    .product-single .flat-tabs .content-tab .inner-tab2 {
        margin: -2px 0 20px
    }

    .sidebar .widget,
    .sidebar.shop .widget.widget-banner,
    .page-commingsoon .title-section.sub,
    .page-404 .title-section,
    .careers-info,
    .sidebar.shop .widget,
    .history-text {
        margin-bottom: 40px
    }

    .post-grid .entry,
    .post-masonry .entry,
    .single-post,
    .section-icon .title-section.style3,
    .flat-icon-right,
    .flat-row.v1 .title-section.style3,
    .section-image .title-section.style3,
    .pricing-item,
    .formrequest2 .title-section.style2,
    .single-post .single-text3,
    .section-about.about-video,
    .careers-info .careers-featured,
    .project-v2 .entry,
    .video-services,
    .flat-video,
    .flat-counter,
    .flat-row.section-counter .title-section.style2,
    .history-text .title-section.style3 .title,
    .history-text p,
    .history-text .title-section.style3.left,
    .wrap-formcontact.style2 .flat-maps,
    .page-teammember .title-section.style3,
    .wrap-formcontact.style2 p,
    .info-box,
    .wrap-formcontact h1,
    .list-author .info-author,
    .list-author,
    .product-img,
    .margin-bottom-79,
    .wrap-product .product,
    .title-section.style3.left,
    .title-section.style3,
    .section-product .title-section.style3,
    .post-list .entry:first-of-type,
    .post-list .entry,
    .entry,
    .post-list .entry:nth-child(4),
    .reponsive-mb30,
    .section-iconbox .title-section.style3.left,
    .title-section.style3 .title,
    .title-section,
    .title-section.style2.left {
        margin-bottom: 30px
    }

    .wrap-form span.flat-input {
        margin-bottom: 20px
    }

    .post-list .entry .featured-post,
    .project-v1.post-list .entry .featured-post,
    .blog-shortcode.post-list .entry .featured-post {
        margin: 0
    }

    .margin-left25,
    .margin-left40,
    .flat-icon-right .iconbox {
        margin-left: 0
    }

    .divider.sh35,
    .divider.sh94 {
        height: 0
    }

    .sidebar {
        margin-bottom: 50px
    }

    .load-post {
        margin-top: 20px
    }

    .flat-quote .quote-link {
        margin-top: 15px
    }

    .margin-top_81,
    .margin-top_121 {
        margin-top: 0
    }

    .fancybox::after {
        margin-right: -31px
    }

    .section-about .fancybox::after {
        margin-right: -23px
    }

    .product-single .social-links .title-link {
        padding-right: 0
    }

    .iconbox.iconleft {
        padding: 20px 0 0
    }

    .flat-row.section-testimonials2.padding5 {
        padding: 23px 0 40px
    }

    .product-single .flat-quantity {
        padding: 30px 0;
        margin: 30px 0
    }

    .wrap-infobox {
        padding-bottom: 30px;
        margin-bottom: 50px
    }

    .careers-open .info-apply {
        padding-bottom: 30px;
        margin-bottom: 30px
    }

    .flat-quote .quote-text,
    .flat-quote .quote-link {
        float: none !important;
        text-align: center
    }

    .header .logo {
        text-align: center
    }

    .padding-left50,
    .padding-left43,
    .featured-single,
    .countdown .square,
    .padding-left70 {
        padding-left: 0
    }

    .padding-lr79,
    .padding-lr180,
    .padding-lr140 {
        padding: 0
    }

    .wrap-testimonial #testimonial-carousel {
        padding: 0 240px
    }

    .wrap-testimonial #testimonial-carousel .slides li {
        width: 80px !important
    }

    .wrap-testimonial #testimonial-carousel .slides li img {
        width: 50px;
        height: 50px
    }

    .wrap-testimonial #testimonial-carousel .slides li:hover img,
    .wrap-testimonial #testimonial-carousel .slides li.flex-active-slide img {
        width: 75px;
        height: 75px;
        margin-top: -12px
    }

    .flat-row.section-404 {
        padding: 80px 0
    }

    .post-grid .entry .content-post,
    .item .content-item {
        padding: 0 20px 21px
    }

    .product-single .flat-tabs .content-tab.review {
        padding: 30px 10px 22px
    }

    .post-masonry .entry .content-post {
        padding: 0 10px 22px
    }

    .wrap-column2 {
        margin: 0 -15px
    }

    .wrap-column2 .flat-column2 {
        padding: 0 15px
    }

    .post-list .entry .content-post {
        padding: 20px 10px
    }

    .flat-video,
    .margin-right_30 {
        margin-right: 0
    }

    .careers-info .careers-featured {
        margin: 0 -5px 30px
    }

    .page-404 .number {
        font-size: 200px;
        line-height: 200px;
        margin: 0 0 30px
    }

    .page-commingsoon .comming-soon {
        width: auto
    }

    .countdown {
        margin: 0 15px 40px
    }

    .info-aboutus {
        overflow: hidden;
    }

    .tabs>ul {
        width: 140px;
    }

    .tabs section {
        width: 100%;
    }

    .tabs .tab-body table {
        width: 100%;
    }

    #mainnav>ul>li,
    #mainnav1>ul>li {
        display: inline-block;
        margin-right: 0px;
        margin-left: 0px;
    }

    #mainnav>ul>li>a,
    #mainnav1>ul>li>a {
        font-size: 14px;
        font-weight: 600;
        display: block
    }

    #mainnav>ul>li>a,
    #mainnav1>ul>li>a,
    .menu-extra li a {
        padding: 0 10px;
        line-height: 60px
    }

    #mainnav>ul>li:nth-child(4)>a,
    #mainnav1>ul>li:nth-child(4)>a
        {
        padding: 0 10px;
    }

    #mainnav1.style2>ul {
        text-align: left;
        height: 135px;
        position: relative;
        top: 0px;
    }

    .header-style3 #mainnav.style2>ul>li>a,
    .header-style3 #mainnav1.style2>ul>li>a {
        line-height: 35px;
        padding: 0px 10px
    }

    .header-style3 #mainnav.style2>ul>li:nth-child(4)>a,
    .header-style3 #mainnav1.style2>ul>li:nth-child(4)>a {
        padding: 0px 20px;
    }

    .tparrows {
        border: #fff 2px solid !important;
    }

    .tp-arr-imgholder {
        display: none !important;
    }

    .tparrows.tp-rightarrow {
        top: 50% !important;
        left: 55% !important;
        bottom: 25px !important;
    }

    .tparrows.tp-leftarrow {
        top: 50% !important;
        left: 45% !important;
        bottom: 25px !important;
    }
    #blance2{
        height: 100%;
    }
    .div-booknow a {
        width: 44%;
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) {
        .div-booknow a {
        width: 44%;
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
        .div-booknow a {
        width: 44%;
    }
}

@media only screen and (max-width:767px) {
        .div-booknow a {
        width: 44%;
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {

    .widget-info .info-icon,
    .wrap-widget-header .widget-info:first-of-type,
    .wrap-top.reponsive-none767 {
        display: none
    }

    .comment-form .wrap-input .add-review {
        width: 100%;
        margin-bottom: 15px
    }

    #mainnav-mobi .menu {
        height: 62vh
    }

    .reponsive-onehalf,
    .countdown .square {
        width: 50%
    }

    .wrap-widget-header .widget-info {
        width: 50%;
        text-align: center
    }

    .wrap-testimonial #testimonial-carousel {
        padding: 0 190px;
        top: 152px
    }

    .post-list .entry .content-post {
        padding: 5px 10px 10px
    }

    .post-grid .entry .content-post,
    .item .content-item {
        padding: 0 10px 21px
    }

    .comment .comment-body .comment-author {
        margin-right: 15px;
        padding-right: 15px
    }

    .fancybox::after {
        margin-right: -26px
    }

    .countdown .square {
        margin-bottom: 10px
    }

    .section-about .fancybox::after {
        margin-right: -21px
    }

    .bottom p {
        text-align: center !important;
    }

    .call,
    .copyright {
        text-align: center;
    }

    .info-aboutus {
        overflow: hidden;
    }
    .div-booknow a {
        width: 44%;
    }
}

@media only screen and (min-width:480px) and (max-width:600px) {
    .wrap-testimonial #testimonial-carousel {
        padding: 0 120px;
        top: 187px
    }

    .call,
    .copyright {
        text-align: center;
    }

    .div-booknow a {
        width: 44%;
    }
}

@media only screen and (max-width:479px) {

    .wrap-column .flat-column3,
    .wrap-column2 .flat-column2,
    .wrap-form.style2 span.flat-input,
    .top.style2 .flat-language,
    .project-dynamic .data-effect li.width50,
    .project-dynamic .data-effect li,
    .countdown .square,
    .item .featured-item a img,
    .flat-tabs ul.menu-tab li,
    .about-counter .flat-counter,
    .about-counter .flat-counter:nth-child(2),
    .about-counter .flat-counter:nth-child(3),
    .wrap-product .product,
    .list-author .info-author .featured-author img,
    .product-single .flat-tabs ul.menu-tab li,
    .comment-form .wrap-input .add-review {
        width: 100%
    }

    .flat-language {
        width: 60%
    }

    .single-post .project-info ul li span.name {
        width: 40%
    }

    .top.style3 .flat-language {
        width: 35%
    }

    .page-commingsoon .title-section.sub .title {
        font-size: 36px;
        line-height: 45px
    }

    #mainnav-mobi .menu {
        height: auto;
        position: relative;
        top: 0px;
        background: #000;
    }

    .product-single .product_meta li::after,
    .top.style2 .flat-information::before,
    .comment-respond h2::after,
    .main-history .wrap-step .data-step::before,
    .main-history .wrap-step .data-step::after {
        content: none
    }

    .top .info-text,
    .wrap-widget-header .widget-info,
    .btn-showall.float-right,
    .comment-form .wrap-input .add-review,
    .list-author .info-author .featured-author {
        margin-bottom: 15px
    }

    .entry .meta-data .meta-post,
    .product-single .flat-tabs ul.menu-tab li,
    .flat-tabs ul.menu-tab li {
        margin-bottom: 5px
    }

    .about-counter .flat-counter,
    .countdown .square {
        margin-bottom: 30px
    }

    .wrap-widget-header .widget-info,
    .wrap-widget-header .widget-info:first-of-type {
        float: none;
        width: 100%
    }

    .widget-info .info-icon,
    .wrap-widget-header .widget-info:first-of-type,
    .header.header-style2 .menu.menu-extra {
        display: none
    }

    .copyright,
    .top .info-text,
    .wrap-widget-header .widget-info,
    .wrap-widget-header .widget-info:first-of-type,
    .top.style2 .wrap-top,
    .top.style4 .flat-information.style2 {
        text-align: center
    }

    .bottom ul.social-links.style2,
    .btn-showall.float-right,
    .comment .comment-body .comment-text {
        text-align: center !important
    }

    .btn-showall.float-right,
    .blog-pagination .count-page,
    .flat-pagination.float-left,
    .list-author .info-author .featured-author,
    .entry .meta-data .meta-post.float-left,
    .entry .meta-data .meta-comment.float-right {
        float: none !important
    }

    .list-author .info-author .featured-author {
        margin-right: 0
    }

    .main-history .wrap-step .data-step {
        padding: 11px 0 0
    }

    .comment .comment-body .comment-author {
        border-right: none;
        margin-right: 0;
        padding-right: 0;
        text-align: center;
        float: none !important;
        margin-bottom: 10px
    }

    .bottom {
        padding-bottom: 15px
    }

    .header .logo {
        margin: 20px 0 0
    }

    .wrap-widget-header {
        padding: 25px 0 5px
    }

    .shopping-cart .subcart {
        left: -35px
    }

    .top.style2 .flat-language>ul>li>ul {
        left: 50%;
        margin-left: -63px
    }

    .header.header-style2 .logo {
        margin-left: 0;
        left: 15px
    }

    .wrap-testimonial #testimonial-carousel {
        padding: 0 40px;
        top: 270px
    }

    .copyright {
        margin: 10px 0 10px 3px
    }

    .copyrighttxt {
        text-align: center !important;
        margin: 0 auto;
    }

    .comment-respond h2 {
        margin: 30px 0
    }

    .wrap-breackcrum .breadcrumbs {
        z-index: 99;
        top: 35px
    }

    .fancybox::after {
        margin-right: -10px
    }

    .section-about .fancybox::after {
        margin-right: 0
    }

    .page-404 .number {
        font-size: 100px;
        line-height: 100px
    }

    .flat-row.section-404 {
        padding: 40px 0
    }

    .page-404 .title-section.style2 .title {
        font-size: 40px;
        line-height: 40px
    }

    .page-404 .btn-404 .flat-button {
        padding: 9px 20px 13px
    }

    .wrap-form.style3 {
        padding: 15px 20px 20px
    }

    .uzflag-top {
        text-align: center;
        line-height: 24px !important;
    }

    .uzflag-top img {
        display: none;
    }

    .fnt32px {
        font-size: 16px !important;
    }

    .beaware {
        margin-top: 20px;
    }

    .call,
    .copyright {
        text-align: center;
    }
    .div-booknow a {
        width: 44%;
    }
}

@media(max-width:320px) {
    #mainnav-mobi .menu {
        height: 78vh
    }

    .flat-language {
        width: 55%
    }

    .single-post .project-info ul li span.name {
        width: auto
    }

    .wrap-testimonial #testimonial-carousel {
        padding: 0 10px;
        top: 300px
    }

    .top-search {
        width: 276px
    }

    .shopping-cart .subcart {
        left: -54px;
        width: 280px
    }

    .cart .quantity {
        margin-bottom: 20px
    }

    .fancybox::after {
        margin-right: -7px
    }

    .call,
    .copyright {
        text-align: center;
    }
    .div-booknow a {
        width: 44%;
    }
}


@media (min-width: 576px) and (max-width: 767px) {

    .tabs>ul {
        width: 125px;
    }

    .tabs>ul li a {
        flex-wrap: wrap;
    }

    .tabs>ul li a>span {
        width: 100%;
    }

    .tabs>ul li a>span.tab-label {
        width: 100%;
        display: block;
        margin-top: 0.2rem;
    }

    .tabs section {
        /* width: calc(100% - 230px); */
        padding: 0;
    }
    .div-booknow a {
        width: 44%;
    }
    
}

@media (min-width: 768px) and (max-width: 991px) {

    .tabs-container {
        /* padding: 4rem 4rem; */
    }
    .div-booknow a {
        width: 44%;
    }
    
}

@media (min-width: 992px) and (max-width: 1199px) {

    .tabs {
        width: 100%;
    }
    #slide-3050-layer-1{
        font-size: 10px !important;
        margin-top: 0px !important;
    }
    .div-booknow a {
        width: 44%;
    }

}




@media (min-width: 882px) and (max-width: 991px) {

    .tabs>ul {
        width: 100%;
    }

    .tabs>ul li {
        width: 100%;
    }

    .tabs>ul li a {
        flex-wrap: wrap;
        text-align: center;
    }

    .tabs>ul li a>span {
        width: 100%;
    }

    .tabs>ul li a>span.tab-label {
        width: 100%;
        display: block;
        margin-top: 0.2rem;
    }

    .tabs section {
        padding: 0;
    }
    .div-booknow a {
        width: 44%;
    }
    
}

@media (min-width: 344px) and (max-width: 882px) {
    .tp-mask-wrap{
        overflow: visible !important;
    }
    .slide-main-title{
        font-size: 22px;
        line-height: auto !important;
        margin-top: -50px !important;
    }
    .seconlinetxt {
        font-size: 16px !important;
    }
    .div-booknow a {
        width: 44%;
    }

}

@media (min-width: 412px) and (max-width: 915px) {
    .tp-mask-wrap{
        overflow: visible !important;
    }
    .slide-main-title{
        font-size: 22px;
        line-height: auto !important;
        margin-top: -50px !important;
    }
    .seconlinetxt {
        font-size: 16px !important;
    }
    .div-booknow a {
        width: 44% !important;
    }

}