@media ( min-width: 1001px ) and ( max-width: 1279px) {
    .tablet-hide {
        display: none !important ;
    }
        
	
	.title-bar-selection {
		text-align: left ;
	}	
	
	.banner-img-desktop {
		display:none;
	}
	
	.banner-img-phone {
		/*
		width: 87%;
		margin-top: -36px ;
		*/
		width: 83%;
		margin-top: 0px;
		margin-bottom: 28px;
	}
	
	.copyright{
	    line-height: 50px; 
	}
	
	#items h2 {
		font-size: 30pt;
	}
	
	.items-subtitle {
		font-size: 20pt;
	}
	
	.background-div {
		height: 740px;
		position: relative;
		overflow-y: hidden; 
	}
	
	.girl-img {
		width: 45%;
		display: block;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}
	
	.team-info-text {
		font-size: 20pt;
		padding: 45px 0px 45px 20%;
	}
	
	.team-info-text h3 {
		font-size: 30pt;
		font-weight: bold;
	}
	
	.col-md-6{
		max-width: 100%;
		flex: 100%;
	}
	
	.health-logo-explain-container {
		position: relative;
		text-align: center;
		right: 31px;
	}
	
	.health-logo-container {
		position: absolute;
		right: -18px;
		top: 0;
	}

	#health_logo {
		display: inline-block ;
	}

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

	.title-bar {
		height: 150px;
		padding-top: 50px;
		padding-left: 200px;
	}

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

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

	#team_info {
		background-color: #FFFFFF ; 
		
	}

	#items {
		background-color: #FFFFFF ; 
	}

	#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: 0px; 
        }
        
	.title-bar-selector {
		margin-right: 40px;
	}

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

	.average-distribution {
		width: 24%;
		margin: 7%;
	}

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

	.items-title {
		margin-bottom: 20px;
	}
	
	.case-display-word-div {
		width: 96%;
		margin-left: 4% ;
	}

	.pre-info-title

	.TD_scan_title {
		margin-bottom: 20px;
	}
	
	.why_extraction_title {
		margin-bottom: 20px;
	}

	.main-block {
		margin-top: 5% ;
	}
	.row {
		width: 100%;
	}
	
	.pre-info-block {
		padding: 30px;
		font-size: 20pt;
	}

	.TD_scan_block {
		padding: 30px;
		font-size: 20pt;
	}

	.case-display-div {
		padding: 30px;
		font-size: 20pt;
	}

	.case-display-div-2 {
		padding: 30px;
		font-size: 20pt;
	}

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

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

	.case-display-title {
		background-color: var(--light-green) ;
		color: white ;
		box-shadow: 0 0 5px gray;
		width: 50%;
   	 	margin-left: 25%;
    		height: 100px;
    		margin-top: -50px;
    		border-radius: 10px;
	}

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

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

	.case-display-xray {
		width: 70%;
		margin-top: 100px;
		border-top-left-radius: 20px;
		border-top-right-radius: 20px;
	}

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

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

	.case-display-subgraph {
		width: 90%;
		border-radius: 55px;
		padding: 20px;
	}

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

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

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

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

	.pro-intro {
		font-size: 20pt; 
		margin-left: 15%;
	}

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

	.why-no-pane-content-pre-div {
		background-color:rgba(255, 255, 255, 0.3);
		width: 92%;
		margin-left: 4%;
		height: 300px;
		position: absolute;
		border-radius: 57px;
		margin-top: 237px;
	}

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

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

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

	.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: 80%;
		margin-left: 10%;
		font-size: 23pt;
		text-align: center;
		border-radius: 88px;
		margin-top: 140px;
	}

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

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

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

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

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

	.why-no-pane-content-content {
		padding-bottom: 30px;
	}
	.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 15px 15px ;
	}	

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

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

	.goodat-first-line {
		margin-top: 40px;
		margin-bottom: 10px;
	}

	.goodat-line {
		margin-bottom: 10px;
	}

	.goodat-case-inner-div {
		position: relative;
    		left: 50%;
	}

	.goodat-case-2 {
		position: absolute;
		left: 150px;
	}

	.goodat-case-3 {
		position: absolute;
		left: 340px;
	}

	.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: 20%;
		height: 50px;
	}

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

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

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

        .info-table {
            width:70%;
            margin-left: auto; 
            margin-right: auto; 
            margin-bottom: 30px;
        }
        
        .info-content {
            margin-left: auto; 
            margin-right: auto; 
            width: 60%; 
            text-align: left;
            font-size: 14pt;
        }
        
        .info-content h6 {
            font-size: 17pt;
        }
        
        .gmap_frame {
            margin-top:30px;
            width:100%;
            height:500px;
            margin-bottom: 30px;
        }
        
        .traffic-block {
            width: 80%;
        }
        
        .traffic-title{
            font-weight: bold;
            font-size:30pt;
        }
        
        .traffic-detail {
            font-size: 19pt;
        }
        
        .download-background {
            height: 250px;
        }
        
        .download-title{
            padding-top: 60px;
	}
	
	.pre-info-title {
		margin-left: 15%;
		margin-bottom: 25px;
	}

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

	

	.download-option {
	}

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

	.download-case-2 {
            position: absolute;
            left: 220px;
	}

	tr, td {
		text-align: center ;
		vertical-align: middle !important;
		border: 1px #000000 solid;
	}

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

	.fast-select-left {
            display: inline ;
	}
        
	.other-link {
            width: 15%;
	}

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

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