/* tablet horizontal */

@media screen and (min-width: 768px) and (max-width: 960px) {
    .memu-bar-header,.hide-on-mobile{
        display: none !important;
    }
    .menu-item-759 {
        display: none !important;
    }
    .w-80-center{
        width: 90%;
        margin: auto;
    }
    .w-70-center{
        width: 80%;
        margin: auto;
    }
    article.hide-on-pc{
        background-color: #ffffff;
    }
    .font-12px {
        font-size: clamp(8px,1.4vw,12px);
    }
    .font-16px {
        font-size: clamp(14px,1.4vw,16px);
    }
    .font-20px{
        font-size: clamp(18px, 3vw, 20px);    
    }
    .font-24px{
        font-size: clamp(18px,1.4vw,24px);
    }
    .font-30px {
        font-size: clamp(22px, 1.4vw, 30px);
    }
    .font-32px {
        font-size: clamp(28px, 1.4vw, 32px);
    }
    .font-36px{
        font-size: clamp(32px,1.4vw,36px);
    }
    .font-40px{
        font-size: clamp(37px, 1.4vw, 40px);
    }
    .font-48px {
        font-size: clamp(34px, 1.4vw, 48px);
    }
    .font-64px {
        font-size: clamp(54px, 1.4vw, 64px);
    }
    .font-90px{
        font-size: clamp(71px, 1.4vw, 90px);
        line-height: 1.2;
    }
    .font-111px{
        font-size: clamp(84px, 1.4vw, 110px);
        line-height: 1.2;
    }

    .f10px{
        font-size: clamp(6px, 3vw, 10px)
    }
    .f14px{
        font-size: clamp(8px, 3vw, 14px)
    }
    .f16px{
        font-size: clamp(12px, 3vw, 16px)
    }
    .f20px{
        font-size: clamp(15px, 2vw, 20px);
    }
    .f24px{
        font-size: clamp(20px, 3vw, 24px);
    }
    .f32px{
        font-size: clamp(28px, 3vw, 32px);
    }
    .f40px{
        font-size: clamp(34px, 4vw, 40px);
    }
    .f55px{
        font-size: clamp(45px, 10vw, 55px);
    }
    .elementor-widget-container {
        background: #fff;
    }

    /* !menu!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
        .button-hamburger,
        .button-hamburger:hover {
            background: none;
            border: none;
            padding: 0;
        }

        .sidebar-page {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            transform: translateY(-100%);
            transition: all 0.7s;
            max-width: 100%;
            width: 100%;
            background:#ffffff;
            z-index: 100;
            min-height: 100%;
            display: flex;
            flex-direction: column;
            padding: 0em;
            justify-content: space-around;
            align-items: center;
        }

        .show-sidebar {
            transform: translateY(0);
            transition: transform 1s;
        }

        .nav_grid {
            display: flex;
            justify-content: space-between;
            justify-items: self-end;
            max-width: 100% !important;
            align-items: center;
            width: 100%;
            padding: 18px 20px 10px 20px;
            background-color: #fff;
            box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        }
        
        .mobile-logo img{
            max-width: 64px;
        }
        .site-content{
            padding: 0 !important;
        }
        .container{
            padding-left: 0 !important;
            padding-right: 0 !important;
        }
        .entry-content:not(:first-child), .entry-summary:not(:first-child), .page-content:not(:first-child){
            margin-top: 1em;
        }
        .mobile-icons.d-flex {
            gap: 1em;
            align-items: center;
        }
        .close-bt button img {
            width: 80%;
        }
        .close-bt {
            position: absolute;
            top: 0;
            right: 0px;
        }
        .div-manin-menu {
            width: 100%;
        }
        ul#menu-menu-main-1 {
            text-decoration: none;
            list-style: none;
            padding-left: 0;
            margin: 0;
            display: flex;
            justify-content: center;
            flex-direction: column;
        }
        ul#menu-menu-main-1 li {
            font-size: 20px;
            height: 60px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 400;
            width: 100%;
            border-top: 0.5px solid #EFEFEF;
        }
        ul#menu-menu-main-1 li:nth-last-child(1){
            border-bottom: 0.5px solid #EFEFEF;
        }
        ul#menu-menu-main-1 li:hover  {
            background-color:var(--color-mint) ;
            transition: all 0.5s ease-out;

            a{
                color: #fff;
                transition: all 0.5s ease-out;
            }
        }
        ul#menu-menu-main-1 li.current  {
            background-color:#ffffff ;
            height: 60px;
            display: flex;
            align-items: center;
            transition: all 0.5s ease-out;
        }
        ul#menu-menu-main-1 li a  {
            color: var(--color-mint);
            transition: all 0.5s ease-out;
        }
        img.img-fluid-40.img1 {
            padding: 0 2em;
        }
        button.style-button-sidebar {
            border-radius: 10px;
            background: transparent;
            height: 80px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #000;
            font-weight: 900;
            font-size: 2em;
        }
        .nav-footer-mobile {
            background: #ffffff;
            padding-top: 1.5em;
            padding-left: 30px;
            padding-right: 30px;
            padding-bottom: 1em;
        }
        .social-icon-mobile.d-flex {
            justify-content: space-evenly;
            gap: 1em;
            margin-bottom: 1em;
        }
        .nav-contack a {
            color: #fff;
            font-size: 1.1em;
            margin-bottom: 1em;
        }
        .padding-lr{
            padding:0 20px;
        }

        .other-link p {
            border-bottom: 1px solid #167F4D;
            margin-bottom: 25px;
            height: 45px;
        }
        .bt_mint{
            background: linear-gradient(90deg, #7CCFD6 0%, #7CCFD6 100%);
            transition: all 0.5s ease-out;
        }
        .bt_mint:hover{
            background: linear-gradient(90deg, #0691A7 0%, #88E9EE 100%);
            transition: all 0.5s ease-out;
    
        }
        .bt-rounded-xl{
            padding: 0.5rem 1rem;
        }
        .bt-rounded-md{
            padding: 0.5rem 1.5rem;
        }

        

        /* !menu!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */


        /* !home ----------------------------------------------------------------------------------*/
        /* *start home_banner*/

        section.home_banner{
            background: url(./assets/mobile/banner/home_banner.png) no-repeat center 0px / cover;
            padding: 50% 0 2rem;    
            position: relative;
        }
        .home_banner_title {
            display: flex;
            flex-direction: column;
            gap: 1rem;
            margin-bottom: 2rem;
        }
        .home_banner_bt{
            display: flex;
            gap: 1rem;
            align-items: center;
        }


        /* *end home_banner*/

        /* *start center_banner*/

        section.center_banner{
            padding: 4rem 0;
            background: var(--color-mint);
        }
        .center_banner_text{
            display: flex;
            flex-direction: column;
            gap: 1rem;
        }

        /* *end center_banner*/

        /* *start choose*/

        section.choose{
            padding: 3rem 0;
            position: relative;
        }
        .choose_grid{
            display: flex;
            gap: 4.5rem;
            position: relative;
            flex-direction: column;
        }
        .choose_detail{
            display: flex;
            gap: 1rem;
            flex-direction: column;
            justify-content: space-between;
        }
        .choose_detail,.choose_img{
            /* max-width: 50%; */
        }
        .choose_icon_grid{
            display: grid;
            grid-template-columns: repeat(2,1fr);
            gap: 1.5rem;
            width: 100%;
        }
        .choose_icon_item{
            display: flex;
            gap: 0.5rem;
            padding: 1rem 1.5rem;
            align-items: center;
            height: 15vh;
            
            img{
                max-width: 25%;
            }
            p{
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
                overflow: hidden;
            }
        }
        .choose_icon_item[data="1"]{
            background: #469BB1;
        }
        .choose_icon_item[data="2"]{
            background: #89E8E5;
        }
        .choose_icon_item[data="3"]{
            background: #94E8D4;
        }
        .choose_icon_item[data="4"]{
            background: #50B4B0;
        }
        .choose_icon_item[data="5"]{
            background: #3E8DB0;
        }
        .choose_icon_item[data="6"]{
            background: #F7F7F7;
            box-shadow: 0px 4px 5.3px 0px #0000001A;
        }

        .choose_img{
            position: relative;

            img{
                position: relative;
                z-index: 5;
            }
        }
        .choose_img::after{
            content: '';
            width: 20%;
            aspect-ratio: 1 / 1;
            max-height: 20%;
            background: #C4ECEB;
            position: absolute;
            z-index: 1;
            border-radius: 50%;
            top: -8%;
            left: 0;
        }
        .choose_img::before{
            content: '';
            width: 20%;
            aspect-ratio: 1 / 1;
            max-height: 20%;
            background: #C4ECEB;
            position: absolute;
            z-index: 1;
            border-radius: 50%;
            bottom: -8%;
            right: 0;
        }

        /* *end choose*/

        /* *start service*/

        section.service{
            padding: 2rem 0 2rem;
            background: #F6F6F6;
        }
        .service_grid{
            margin: 4rem 0;
            display: grid;
            grid-template-columns: repeat(2,1fr);
            gap: 2rem;
        }
        .service_thumb{
            max-width: 100%;

            img{
                object-fit: cover;
                object-position: center;
                aspect-ratio: 1 / 1;
                width: 100%;
            }
        }
        .service_info{
            padding: 3.2rem 2rem 1rem;
            position: relative;
            background: var(--color-mint);
        }
        .service_icon{
            position: absolute;
            left: 1.7rem;
            top: -2rem;
            transform-origin: left bottom;
            background: #fff;
            box-shadow: 0px 4px 4px 0px #0000001A;
            max-width: 85px;
            max-height: 85px;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 60px;
            height: 60px;

            img{
                aspect-ratio: 1;
                object-position: center;
                max-width: 45px;
            }
        }
        .link_page{
            display: flex;
            justify-content: center;
        }
        .service_thumb{
            position: relative;
        }

        .service_thumb img{
            box-shadow: 10px 15px 25px 0 rgba(0,0,0,.2);
            display: block;
            transition: all .5s cubic-bezier(0.645, 0.045, 0.355, 1);
            margin-top: -10px;
        }
        
        .service_thumb:hover img{
            box-shadow: 1px 1px 10px 0 rgba(0,0,0,.1);
        }
        
        .service_thumb .glow-wrap{
            overflow: hidden;
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            margin-top: -10px;
        }
        
        .service_thumb .glow{
            display: block;
            position:absolute;
            width: 40%;
            height: 200%;
            background: rgba(255,255,255,.2);
            top: 0;
            filter: blur(5px);
            transform: rotate(45deg) translate(-450%, 0);
            transition: all .5s cubic-bezier(0.645, 0.045, 0.355, 1);
        }
        
        .service_thumb:hover .glow{
            transform: rotate(45deg) translate(450%, 0);
            transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1);
        }
        
        .service_thumb:hover img,
        .service_thumb:hover .glow-wrap{
            margin-top: 0;
        }

        /* *end service*/

       /* *start gallery_sec*/

        section.gallery_sec{
            padding: 3rem 0;
        }
        .gallery_title{
            display: flex;
            flex-direction: column;
            gap: 0.8rem;
            margin-bottom: 3rem;

            .home_banner_bt{
                max-width: 100% !important;
                justify-content: center !important;
            }
        }
        .gallery_grid {
            display: grid;
            grid-template-columns: 12% 1fr 1fr 1fr 1fr 1fr 12%;
            grid-template-rows: 148px 148px;
            grid-gap: 0.3rem;
            grid-template-areas:
                "i_1 i_1 i_2 i_2 i_3 i_3 i_4"
                "i_5 i_6 i_6 i_7 i_7 i_8 i_8";
        }
        .gallery_item img{
            object-fit: cover;
            object-position: center;
            width: 100%;
            height: 100%;
        }
        .gallery_item[item="1"]{
            grid-area: i_1;
        }
        .gallery_item[item="2"]{
            grid-area: i_2;
        }

        .gallery_item[item="3"]{
            grid-area: i_3;
        }

        .gallery_item[item="4"]{
            grid-area: i_5;
        }

        .gallery_item[item="6"]{
            grid-area: i_6;
        }

        .gallery_item[item="7"]{
            grid-area: i_7;
        }

        .gallery_item[item="8"]{
            grid-area: i_8;
        }



        /* *end gallery*/

        /* *start team*/

        section.team{
            margin: 3rem 0rem 0;
        }
        .team_grid{
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 1rem;
        }
        .team_item{
            position: relative;

            img{
                object-fit: cover;
                object-position: center;
                width: 100%;
                height: 100%;
                aspect-ratio: 3 / 4;
            }
        }
        .team_list{
            position: absolute;
            width: 100%;
            bottom: 2rem;
            left: 0;
            right: 0;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .team_list_text{
            background: #fff;
            border-radius: 15px;
            padding: 0.8rem 1rem;
            width: 90%;
        }

        /* *end team*/

        /* *start review*/

        section.review{
            margin: 3rem 0 4rem;

            .link_page{
                margin-top: 4rem !important;
            }
        }
        .review_width{
            max-width: 80%;
            margin: 0 auto;
            position: relative;
        }
        .review_slide{
            position: relative;
            margin-top: -1rem;
        }
        .swiper-button-next{
            content: '' !important;
            background: url(./assets/icon/next.svg) no-repeat;
            width: 40px !important;
            height: 40px !important;
            right: -4rem !important;
        }
        .swiper-button-prev{
            content: '' !important;
            background: url(./assets/icon/prev.svg) no-repeat;
            width: 40px !important;
            height: 40px !important;
            left: -4rem !important;
        }
        

        /* *end review*/

        /* *start promotion*/

        section.promotion{
            padding: 1rem 0 3rem;
            background: #7CCFD6;
            position: relative;
        }
        .promotion_logo{
            position: absolute;
            top: 0;
            left: 5%;
            background: #fff;
            max-width: 96px;
            padding: 1rem;
            border-radius: 0 0 20px 20px;
        }
        .promo_width{
            max-width: 90%;
            margin: 0 auto;
        }
        .promotion_text{
            padding-left: 2rem;
        }

        .promo_slide{
            margin-top: 3rem;
            img{
                aspect-ratio: 1;
                object-fit: cover;
                object-position: center;
                width: 100%;
                height: 100%;
                max-width: 630px !important;
            }
        }

        /* *end promotion*/

        /* *start cliant*/

        section.cliant{
            padding: 4rem 0 4rem;
            background: #F6F6F6;
        }
        .cliant_slide{
            margin-top: 3rem;
            position: relative;
        }
        .cliant_card{
            background: #fff;
            padding: 2rem;
            display: flex;
            flex-direction: column;
            gap: 1rem;
            aspect-ratio: 4 / 2;
            max-height: 325px;
            box-shadow: 0px 9px 12.8px 0px #0000001A;
        }
        .cliant_profile {
            display: flex;
            align-items: center;
            gap: 1rem;

            > img{
                max-width: 20%;
                border-radius: 50%;
                object-fit: cover;
                object-position: center;
                width: 100%;
            }
            .cliant_name {
                width: 100%;
                position: relative;
            }
        }
        .cliant_icon{
            position: absolute;
            right: -80%;
            top: 0;
            width: 100%;
        }
        .star_grid{
            margin-top: 1rem;
            display: flex;
            gap: 0.3rem;
            align-items: center;
        }
        .swiper-pagination-bullets.swiper-pagination-horizontal.cliant_slide_pagination{
            bottom: -4rem !important;
        }


        /* *end cliant*/

        /* *start article*/
        section.article{
            padding: 2rem 0;
        }
        .article_grid{
            display: grid;
            grid-template-columns: repeat(3,1fr);
            gap: 2rem;
            margin: 3rem 0;
        }
        .article_info{
            padding: 2rem 1.5rem;
            background: #F5F5F5;
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            gap: 1rem;

            > a{
                display: flex;
                flex-direction: column;
                justify-content: flex-start;
                gap: 1rem;
            }
            .link_page{
                justify-content: flex-end;
            }
        }
        .article_thumb img{
            object-fit: cover;
            object-position: center;
            max-height: 370px;
            min-width: 100%;
            aspect-ratio: 4 / 3;
        }
        .article_tag{
            background: #7CCFD6;
            padding: 0.5rem 1rem;
            display: flex;
            width: fit-content;
        }


        /* *end article*/

        /* *start contact*/

        section.contact{
            padding: 4rem 0;
            position: relative;
            
        }
        .contact_grid{
            display: flex;
            flex-direction: column;
            grid-template-columns: 1fr;
            gap: 2rem;
            justify-items: center;
        }
        .contact_map,.contact_form{
            display: flex;
            flex-direction: column;
            gap: 1rem;
            width: 100%;
            align-items: center;
        }
        .contact_info{
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        .form_section {
            width: 100%;
        }

        /* *end contact*/

        /* *start */


        /* *end */

        /* *start */


        /* *end */

        /* *start */


        /* *end */

        /* *start */


        /* *end */

        /* *start */


        /* *end */

        /* *start */


        /* *end */

        /* *start */


        /* *end */

        /* *start */


        /* *end */

        /* !END-home ----------------------------------------------------------------------------------*/

        /* !!!!!!!!!!    footer !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

        .footer-main{
            background: #7CCFD6;
            padding: 4rem 0;
        }
        .logo-footer{
            display: grid;
            grid-template-columns: 1fr;
            justify-items: center;
            gap: 2rem;

            img {
                max-width: 215px;
            }
        }
        .nav_footer .menu-menu-main-container{
            width: 100%;
            
            ul{
                margin-bottom: 0;
                margin-left: 0;
                padding: 0;
                list-style: none;
                display: flex;
                flex-direction: column;
                gap: 1rem;
                padding-bottom: 1rem;
            }
    
            a{
                font-weight: 300;
                color: #fff;
            }
        }
        .footer_info{
            display: flex;
            flex-direction: column;
            gap: 1rem;
            justify-content: space-between;
            align-items: center;
        }
        .copy-right{
            padding: 1rem 0;
        }

        /* !!!!!!!!!!    footer !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/


        /* !service ----------------------------------------------------------------------------------*/

        /* *start service_banner*/
        section.service_banner{
            background: url(./assets/mobile/banner/banner_service.png) no-repeat center / cover;
            padding: 40% 0 2rem;
            position: relative;
        }
        .service_banner_info{
            display: flex;
            flex-direction: column;
            gap: 1.5rem;
            align-items: center;
            width: 100%;

            > img{
                max-width: 260px;
            }
        }
        .bg-text-white{
            background: linear-gradient(270deg, rgba(255, 255, 255, 0) 3.25%, #FFFFFF 14.73%, #FFFFFF 66.61%, rgba(255, 255, 255, 0) 99.99%);
            padding: 0.3rem 0;
            text-align: center;
            width: 100%;
        }
        .service_banner_icon_grid{
            display: grid;
            grid-template-columns: repeat(6,1fr);
            justify-content: center;
            padding: 0 2.5rem;
        }
        section.service_page{
            padding: 4rem 0;

            .w-80-center{
                background: url(./assets/icon/service/plus.png) no-repeat top left / 20%;
            }

            .service_grid{
                margin: 0 !important;
            }
        }

        /* *end service_banner*/

        /* *start service_single_title*/

        .service_single{
            padding: 2rem 0 4rem;

            .w-80-center{
                background: url(./assets/icon/service/plus.png) no-repeat top left / 10%;
            }
            .service_single_title{
                padding: 1rem;
            }
        }
        .tag_single{
            margin-top: 4rem;
            display: flex;
            align-items: center;
            gap: 1.5rem;
        }
        .tag_loop_grid{
            display: flex;
            align-items: center;
            gap: 0.4rem;

            .tag_loop_item{
                padding: 0.3rem 1rem;
                border-radius: 15px;
                background: #EDEDED;
            }
        }

        /* *end service_single_title*/

        /* *start */


        /* *end */

        /* *start */


        /* *end */

        /* !service----------------------------------------------------------------------------------*/

        /* !review----------------------------------------------------------------------------------*/

        /* *start review_page*/

        section.review_page{
            position: relative;
        }
        section.review_page > img {
            object-fit: cover;
            width: 100%;
        }

        .text-ad {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            display: flex;
            align-content: center;
            align-items: center;

            .w-80-center{
                display: flex;
                align-items: baseline;
                gap: 1rem;
            }
        }
        .review_page_sec_2{
            padding: 2rem 0;
        }
        .review_grid{
            display: grid;
            grid-template-columns: repeat(1,1fr);
            gap: 2rem;
        }
        section.gallery_sec_2{
            padding: 2rem 0 4rem; 
        }

        /* *end review_page*/

        /* *start */


        /* *end */

        /* *start */


        /* *end */

        /* !review----------------------------------------------------------------------------------*/

        /* !article ----------------------------------------------------------------------------------*/

        /* *start article_page*/

        section.article_page{
            position: relative;
        }

        /* *end article_page*/

        /* *start */

        .post_single{
            padding: 2rem 0 4rem;

            .post_single_title{
                padding: 2rem 0;
            }
        }

        /* *end */

        /* *start */


        /* *end */

        /* *start */


        /* *end */

        /* *start */


        /* *end */

        
        /* !END-article ----------------------------------------------------------------------------------*/


        /* !!!!!!!!!!   contact !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

        section.contact_page{
            padding: 75px 0;
            background: url(./assets/mobile/banner/banner_contact.png) no-repeat center / cover;
            
            .w-80-center{
                display: flex;
                gap: 1rem;
                align-items: baseline;
            }
        }

        .contact_us_grid{
            display: grid;
            grid-template-columns: repeat(1,1fr);
            gap: 2rem;
            padding: 0rem 0 3rem;
        }
    

        div.wpforms-container-full .wpforms-form textarea.wpforms-field-large {
            height: 200px !important;
        }
        div.wpforms-container-full {
            margin: 0 auto !important;
        }
        div.wpforms-container-full .wpforms-form .wpforms-field{
            padding: 0 0 1rem !important;

            input::placeholder,textarea::placeholder{
                font-family: "Kanit", sans-serif;
                font-optical-sizing: auto;
                font-weight: 300;
                font-size: 14px;
            }
        }
        label.wpforms-field-label {
            font-size: 14px !important;
            font-weight: 400 !important;
            color: #393939 !important;
            display: flex !important;
            justify-content: space-between;
        }
        input#wpforms-553-field_0, input#wpforms-553-field_3, input#wpforms-553-field_1, textarea#wpforms-553-field_2 {
            border: 1px solid #6C6C6C;
            background-color: #fff;
        }
        button.form-bt {
            background: #7CCFD6 !important;
            color: #fff !important;
            padding: 1rem 3rem !important;
            font-weight: 300;
            width: 100% !important;
        }
        .wpforms-submit-container {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100% !important;
        }
        .social_nav{
            display: flex;
            gap: 12px;
        }

        /* !!!!!!!!!!   contact !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

        /* !Error_page ------------------------------------------------------------------------------------*/

        .error_page{
            max-width: 90%;
            margin: 0 auto;
            padding: 6rem 0;
            display: flex;
            justify-content: center;
        }

        /* !End--Error_page ------------------------------------------------------------------------------------*/

        .container, .container-md, .container-sm {
            max-width: 100% !important  ;
        }
}