@media ( max-width: 640px ) {
    .phone-hide {
        display: none !important;
    }
	
    .title-selector {
        color: var(--light-green) ;
        padding: 3px;
        border-radius: 4px;
		margin-right: 10px;
		margin-top: 1px;
    }
    
	.title-bar-selection {
		text-align: center ;
	}
	
    #small_logo {
        height: 100%;
        width: auto;
        padding-left: 10px;
    }
    
    .title-select-bar-menu {
        position: fixed ;
        background-color: rgba(255, 255, 255, 1) ;
        left: 0 ;
        top: 50px ;
        width: 100%; 
        height: calc(100% - 50px) ;
        z-index: 10 ;
    }
    
    .title-bar-selector-phone {
        font-size: 15pt;
        display: block ;
    }
    
	.title-bar label {
               /* font-size: 20px; */
	}
        
	.banner-img-desktop {
		display:none;
	}
	
	.banner-img-phone {
		/*
		width: 87%;
		margin-top: -17px ;
		*/
		
		width: 83%;
		margin-top: 0px;
		margin-bottom: 28px;
	}
	.copyright{
	    line-height: 18px;
	}
	
        #title_select_bar{
            height: 50px;
            background-color: #FFFFFF;
            position: fixed ;
            left: 0 ;
            top: 0 ; 
            width: 100%; 
            z-index: 10 ;
        }
        
	#items h2 {
		font-size: 22pt;
	}
	
	.items-title {
		margin-bottom: 20px;
	}
	
	.items-subtitle {
		font-size: 10pt;
	}
	
	.girl-img {
		width: 83%;
		display: block;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}
	
	.team-info-text {
		font-size: 10pt;
		padding: 45px 0px 45px 10%;
	}
	
	.team-info-text h3 {
		font-size: 22pt;
		font-weight: bold;
	}
	
	.col-md-6{
		max-width: 100%;
		flex: 100%;
	}
	
	.health-logo-container {
		position:absolute;
		top:10px;
		right:10px ;
	}

	#health_logo {
		display: inline-block ;
	}

	.health-logo-explain-container {
		/*
		display: inline-block ;
		position: relative;
		top: 27px;
		*/
		display: none;
	}

	.health-logo-explain {
		display: contents;
	}
        
	.title-bar #logo {
		position: absolute;
		top: 0px;
		left: 30px;
	}

	.title-bar {
		display: none;
	}

	.banner-subtitle {
		color: var(--dark-green);
                padding-top: 28px;
                font-size: 16pt;
	}

	.banner-title {
		color: var(--light-green);
		-webkit-text-stroke: 1px var(--dark-green);
		font-weight:bold;
                font-size: 40pt;
	}

	.section-title {
		
	}

	#team_info {
		background-color: #FFFFFF ; 
		
	}

	#items {
		background-color: #FFFFFF ; 
	}

	#why_no_pane {
	}

	#why_extraction {
		background-color: #FFFFFF ; 
	}

	#3D_sacn {
		background-color: #FFFFFF ; 
	}

	#pre_info {
		background-color: #FFFFFF ; 
	}

	#info {
		background-color: #FFFFFF ; 
	}

	#traffic {
		background-color: #FFFFFF; 
	}

	#link {
		background-color: var(--lightest-green) ;
	}

	#footer {
            background-color: var(--light-green) ;
            height: 70px;
	}

	#QA {
		margin-top: 0px; 
	}
        
        #link {
            margin-top: 0px; 
        }
        
        #banner {
            margin-top: 50px; 
        }
        
	.title-bar-selector {
		margin-right: 40px;
	}

	.title-bar .text-center {
		text-align: left !important ;
	}

	.case-display-word-div {
		padding: 0px 10px 0px 10px;
	}

	.average-distribution {
		margin: 3%;
	}

	.average-distribution-break-symbol {
		display: none ;
	}

	.main-block {
		margin-top: 5% ;
	}

	.why_extraction_title {
		margin-bottom: 20px;
	}

	.background-div {
		background-size: cover;
		height: 340px;
		position: relative;
		overflow-y: hidden; 
	}

	.row {
		width: 100%;
	}

	.pre-info-block {
		padding: 5px;
		font-size: 10pt;
		padding-left:5%;
	}

	.pre-info-title {
		margin-bottom: 20px;
	}

	.QA-title {
		margin-bottom: 20px;
	}


	.TD_scan_title .under-line-tpx{
		margin-bottom: 20px;
		border-bottom: 0px black solid ;
	}

	.TD_scan_block {
		padding: 5px;
		font-size: 10pt;
		padding-left:5%;
	}

	.case-display-div {
		padding: 5px;
		font-size: 10pt;
		padding-left:5%;
	}

	.case-display-div-2 {
		padding: 5px;
		font-size: 10pt;
		padding-left:5%;
	}

	.case-display-div h2 {
		font-size: 22pt;
	}
	

	.case-display-inner-div {
		border: 7px var(--lightest-green) solid ;
		border-radius: 14px;
		width: 77%;
		margin-left: auto;
		margin-right: auto;
                margin-top: 20px;
	}

	.case-display-title {
		background-color: var(--light-green);
                color: white;
                box-shadow: 0 0 5px grey;
                width: 80%;
                margin-left: 10%;
                height: 42px;
                margin-top: -21px;
                border-radius: 7px;
	}

	.case-display-main-gif-title {
                background-color: var(--light-green);
                color: white;
                box-shadow: 0 0 5px grey;
                height: 40px;
                border-radius: 10px;
                margin-top: -20px;
                position: absolute;
                width: 60%;
                margin-left: 4%;
	}

	.case-display-main-gif-container {
            margin-top: 7px;
	}

	.case-display-main-gif {
            width: 96%;
	}

	.case-display-xray-container {
	}

	.case-display-xray {
		width: 87%;
                margin-top: 45px;
                border-top-left-radius: 10px;
                border-top-right-radius: 10px;
	}

	.case-display-xray-explain {
                background-color: #F7F7F7;
                width: 87%;
                margin-left: 7%;
                padding: 6px;
                margin-top: -20px;
                margin-bottom: 20px;
                border-radius: 10px;
	}

	.case-display-subgraph-container {
		background-color:#CBD5A9;
		border: 1px var(--lightest-green) solid;
		padding: 7px; 
		text-align: center;
	}

	.case-display-subgraph {
		width: 100%;
                border-radius: 15px;
                padding: 3px;
	}

	.case-display-bottom-star {
		font-size: 22pt;
	}

	.case-display-bottom-text {
		margin-bottom: 0;
		font-size: 10pt;
		color: var(--dark-green);
	}

	.case-display-div h2 .desktop-hide {
		
	}

	.ct-img {
		width: 96%;
		border-radius: 10px;
		margin-left: 4%;
		margin-bottom: 20px;
	}

	.pro-img {
		width: 96%;
		border-radius: 10px;
		margin-left: 4%;
	}

	.pro-intro {
		font-size: 10pt; 
		margin-left: 4%;
	}

	.pro-name {
		font-size: 15pt; 
	}

	.why-no-pane-content-pre-div {
                display: none; 
	}

	.why-no-pane-selector-container {
		display: block;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		height: 100px;
		font-size: 10pt;
		margin-top: 20px;
	}

	.why-no-pane-selector {
		margin-right: 15px;
	}

	.why-no-pane-background {
		position:relative;
		background-size: cover;
		height: 600px;
                background-position: -185px;
	}

	.why-no-pane-selector.selected {
		color: var(--light-green) ;
		background-color: white ;
		font-weight: bold; 
		border-radius: 10px;
		padding: 5px;
	}

	.why-no-pane-content-container {
		background-color: #FFFFFF;
                position: absolute;
                width: 96%;
                margin-left: 2%;
                font-size: 10pt;
                text-align: center;
                border-radius: 16px;
                margin-top: 113px;
	}

	.why-no-pane-selector-breaker {
		display: none; 
	}

	.spec-font-size{
		
	}

	#why_no_pane h2 {
		font-size: 22pt;
	}

	.every-body-ask {
		font-size: 10pt ;
		padding-top: 5%
	}

	.double-turned {
		color: var(--light-green) ;
		display: inline-block;
		font-size: 20pt;
	}

	.why-no-pane-content-title {
		color: var(--light-green) ;
		font-weight: bold;
		display: inline-block;
		font-size: 12pt;
		padding-bottom: 26px;
	}

	.why-no-pane-content-content {
		padding-bottom: 30px;
	}

	.why-no-pane-content-content label {
	}

	.gmap_canvas {
		overflow:hidden;
		background:none!important;
	}

	.question-div {
		background-color: #FFFFFF;
		text-align: left;
		box-shadow: 0 0 5px gray;
		cursor: pointer ;
		padding: 15px;
		margin-bottom: 5px;
	}

	.answer-div {
		display: none; 
		padding: 10px 0px 65px 15px ;
	}	

	.answer-img {
		width:122px;
		margin:1px;
	}
	
	.answer-img-container {
		display:inline-block;
		width: 49%;
		text-align:left;
		margin-left: -25px;
	}
	
	.answer-img-explainer{
		position:absolute;
		display:inline-block;
		width: calc( 100% - 49% + 25px);
		right: 0px;
	}

	.goodat-background {
		width: 100%;
		height: 450px;
		background-size: cover;
                background-position: 50%;
	}

	.goodat-title {
		font-weight: bold;
		font-size: 22pt;
		padding-top: 30px;
	}

	.goodat-first-line {
		margin-top: 30px;
	}

	.goodat-line {
	}

	.goodat-last-line {
	}

	.goodat-case-div {
            margin-left: 30%;
	}

	.goodat-case-inner-div {
		position: relative;
    		left: 50%;
                display: contents !important ;
	}

	.goodat-case-2 {
		
	}

	.goodat-case-3 {
		
	}

	.QA-Selector {
		border-radius: 5px;
		color: #FFFFFF;
		cursor: pointer;
	}

	.QA-Selector[selected=selected] {
		padding: 5px 15px 5px 15px;
		background-color:var(--light-green) ;
	}

	.QA-Selector-container {
		background-color: var(--dark-green); 
		border-radius:5px;
		width: 70%;
		height: 50px;
	}

	.QA-container {
		overflow-y: scroll;
		display: none;
		width: 96%;
		height: 450px;
		margin-top: 10px;
	}

	.QA-background {
		background-size: cover ;
		height: 630px; 
	}
	
	.QA-title {
		font-size: 22pt;
		padding-top: 30px;
	}

	.info-title {
		font-size: 22pt;
		margin-bottom: 20px;
        	font-weight: bold;
	}

        .info-table {
            width:96%;
            margin-left: auto; 
            margin-right: auto; 
            margin-bottom: 30px;
        }
        
        .info-content {
            margin-left: auto; 
            margin-right: auto; 
            width: 96%; 
            text-align: left;
            font-size: 10pt;
        }
        
        .info-content h6 {
            font-size: 12pt;
        }
        
        .gmap_frame {
            margin-top:30px;
            width:100%;
            height:300px;
            margin-bottom: 30px;
        }
        
        .traffic-block {
            width: 96%;
        }
        
        .traffic-title {
            font-size:22pt;
        }
        
        .traffic-detail {
            font-size: 10pt;
        }
        
        .download-background {
            height: 250px;
            background-position: -230px;
        }
        
        .download-title{
            padding-top: 15px;
	}

	.download-option {
	}
        
	.download-first-line {
	}

	.download-line {
	}

	.download-case-div {
            position: relative;
            /* left: 58%; */
            margin-top: 30px;
	}

	.download-case-inner-div {
	}

	.download-case-2 {
            
	}

        .download-phone-items {
            margin-left: 40%;
            margin-top: 15px;
            color: white ;
        }
        
        .download-item {
            display: contents !imprtant ;
        }
        
        .cycle-border-white {
            border: 1px white solid ;
            padding: 2px; 
            border-radius: 50%;
        }
        
	tr, td {
		text-align: center ;
		vertical-align: middle !important;
		border: 1px #000000 solid;
	}

	.fast-select-right {
            display: inline;
	}

	.fast-select-left {
            display: inline ;
	}

	.visit-our {
	}

	.quick-link {
	}

	.other-link {
		width: 96%;
	}

	.hover-last-green {
		cursor: pointer;
	}

	.hover-green {
		cursor: pointer ;
	}
	
	.spec-font-size{
		font-size:10pt;
	}
        
        #footer h6 {
            color: #FFFFFF;
            padding-top: 20px;
        }
        
        #link .col-md-4 {
            flex: 100%;
            max-width: 100%;
            padding: 5px;
        }
        
        #link .sub-block {
            padding-top:30px;
            padding-bottom:30px;
            padding-left: 50px;
        }
}