@charset "utf-8";
@media all and (max-width:767px){

    

    /* header

    ================================================================================================================= */
    #mainheader{
        padding: 10px 0 ;
    }
    .logo,#mainheader.fixNav .logo{
        max-width: 80px;
    }
    #mobile_trigger{
        max-width: 30px;
    }
    
    /* middle homepage

    ================================================================================================================= */
    .wrapper, .mid-wrapper,.inner_wrap{
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
    .text-banner{
        padding-top: 32vh;
        width: 100%;
    }
    .text-banner h3{
        font-size: 32px;
    }
    .play_button{
        display: none;
    }

    .play_button_mobile{
        margin: 15px;
        display: inline-block;
        background: #6de6f9;
        font-size: 15px;
        text-transform: uppercase;
        text-align: center;
        padding: 5px 20px;
    }
    .banner_item{
        height: 75vh;
    }
    .banner_slider .owl-dots{
        text-align: left;   
    }
    .banner_slider .owl-theme .owl-dots .owl-dot span{
        width: 50px;
        height: 5px;
        margin: 5px 2px;
    }
    .section_about .cols2{
        width: 100%;
        padding: 0;
        margin-bottom: 30px;
        padding: 0 10px;
    }
    .logo_icon{
        width: 60px;
    }
    .content_about p{
        font-size: 15px;
    }
    .section_service .row-list{
        white-space: nowrap;
        overflow-x: scroll;
    }
    .section_service .row-list .cols3{
        display: inline-block;
        vertical-align: top;
        position: relative;
        margin-left: 9px;
        margin-right: 8px;
        width: 280px;
        overflow: hidden;
        float: inherit;
        padding: 30px 0;   
    }
    .text_service p,.title_service h3{
        white-space: normal;
    }
    .title_service{
        width: 65%;
        padding-left: 10px;
    }
    .icon_service{
        width: 33%;
    }
    .virtual_slider{
        padding: 0;
    }
    #owl-carousel_virtual,.video_tour_list .row-list{
        display: block;
        white-space: nowrap;
        overflow-x: scroll;
    }
    #owl-carousel_virtual .item,.video_tour_list .row-list .cols3{
        display: inline-block;
        vertical-align: top;
        position: relative;
        margin-left: 9px;
        margin-right: 8px;
        width: 280px;
        overflow: hidden;
        float: inherit;
        padding: 30px 0;   

    }
    .tab_menu a:nth-child(3) {
        display: none;
    }
    .tab_menu a, .menu_inner a{
        display: inline-block;
        margin: 0 4px;
        text-align: center;
        font-size: 14px;
        color: #22c0f3;
        border: 1px solid #22c0f3;
        border-radius: 20px;
        padding: 5px 16px;
    }
    .virtual_slider, .video_tour_list, .innerSection{
        margin-top: 20px;
    }
    #contact_home{
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
    .title_menu{
        text-align: center;
        margin-bottom: 30px;
    }
    .title_menu h3{
        float: none;
        font-size: 24px;
        margin-bottom: 15px;    
    }
    .section_inner_videotour .cols3, .section_inner_videotour .cols4{
        width: 100%;
    }
    .inner_detail{
        height: 100vh;
    }
    .inner_detail img{
        width: 100%;
        object-fit: cover;
        height: 100%;
    }

    .iframe_c {
        position: relative;
        padding-bottom: 0;
        padding-top: 0;
        height: 0;
        height: 100vh;
    }
	/* middle contentpage

    ================================================================================================================= */
   
    /* footer

    ================================================================================================================= */
	#footer .left,#footer .right{
        display: block;
        margin-bottom: 10px;
        width: 100%;text-align: center;
    }
	
	
	
}