@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Raleway:100,200,300,400,500,600,700,800,900&display=swap');



body{
	background-size: 76%;
	background-position: 0px 200px;
	background-repeat: repeat-y;
	font-family: 'Times New Roman', Times, serif;
}
/* img{
	display: none !important;
} */
.menu-expandable{
	/* display: none; */
	position:fixed;
	width: 100%;
	left: 0px;
	top: 60px;
	/* display:block; */
	 align-items: center;
	text-align: center; 
	background-color: black;		
	color: white;
	border: white;
	height: 50px;
	padding: 0px;		
	border-radius: 0px !important;
	word-spacing: 22% !important;
	overflow: hidden;
	}
.menu-expandable>li{
	position: initial;
	width: 29%;
	height: 19.45px;
	left: 0;
	/* top:29px; */
	display: inline-block;
	/* padding-top: 19px; */
	padding-top: 13px;
	}
	.menu-expandable>li>a {
		font-family: 'Raleway' !important;
		font-style: normal;
		font-weight: normal;
		font-size: 18px;
		line-height: 151.5%;
		align-items: center;
		text-align: center;
		color: #FFFFFF;
	}
	.menu-expandable>li>a:hover{
		color: #37D76D;
	}

.menu-expand {
position: static;
display: inline;
left: 0;
	
}

	/* ##  TESLA 360 to 576 and (min-device-width: 360px) */
@media only screen and (max-width: 575.98px)
{
	html body {
		margin: 0;
		padding: 0;
	}
	body{
		background-size: 76%;
		background-position: 0px 200px;
	}
	[class*="col-"], .w-50 {
		width: 100% !important;
	}
	/* #youtube-vid{
		display: none !important;
	} */
	#youtube-vid .col-two:nth-of-type(1){
		margin-top: 15px;
	}
	#youtube-vid iframe{
		width: 100%;
		height: 230px;
	}
	#jrwrapper {
		width: 100%;
		height: auto;
		margin-left: auto;
		margin-right: auto;
		margin-top: 180px;
	}
	.content_container {
		width: 80%;
		max-width: 360px !important;
		height: auto;
		margin: 0 auto;
		padding-top: 0; /* 19-04-2020 5% */
		position: relative;
		display: flex;
		flex-wrap: wrap;
	}
	.container-fluid {
		max-width: 360px;
	}
	.tesla_logo img {
		width: 60%; /* 60% 19-4-2020*/
		height: auto;
		max-width: 216px;
	}
	#va-pmcu-mockup-video{
		width: 100%;
		max-width: 330px;
		height: 185px;
	}
	div.content {
		width: 100%;
	/* padding: 0 18px; */
		max-height: 0;
		overflow: hidden;
		transition: max-height 0.2s ease-out;
		/* background-color: #f1f1f1; */
		margin-bottom: 3%; /*13px; 5-5-2020*/
		padding-top: 0% !important; /* 5-5-2020*/
		border-bottom: 1px solid black;
	/* position: relative; */
	}
	
	.collapsible.active h1 .d-lg-none svg g polygon{
		fill:#6B6B6B !important;
	}
	.collapsible.active h1{
		color: #6B6B6B !important; /*#37D76D* /
	}
	.tesla-car{
        display:grid;
       justify-content: center;
    }
    .tesla-car img{
        width: 100%;
        margin: auto;
	}
	#cmolr-section .col-one1 {
		padding-left: 16px;
	}
	#the-reseach .content_title{
		height: 50px;
	}
	#why-pmcu-redesigned-interface .col-two{
		padding: 10% !important;
	}
	#why-pmcu-redesigned-interface .col-two:nth-of-type(2){
		margin-top: -62px !important;
	}
	.font-subtitle {
		text-align: -webkit-center;
		width: 75%;
		padding-top: 60px; /*8% 19-4-2020 */
		margin: 0 auto;
		/* font-size: 1.1em !important; */
		margin-bottom: 15px;
	}
	.font-subtitle {
		text-align: -webkit-center;
		text-align: center;
		width: 90%;
		padding: 30px !important;
		padding-top: 2% !important;
		margin: 25px auto;
		max-width: 300px;
	}
	#why-pmcu-redesigned-interface {
		padding: 20px 45px;
	}
	#research-objective{
		margin-top: 0 !important;	
	}
	#mr-ca .font-body, #business-user-goals-sec .font-body, #persona-profiles-sec .font-body, #empathy-mapping-section .font-body-tesla, #survey-results .font-body, #determining-a-target .font-body, #survey-results .font-body-tesla{
		padding-left: 16px;
	}
	div.heading{
		font-size: 0.938em;
		margin-bottom: 10px;
		font-weight: bold;
	}
	.font-secondary h3 {
		font-weight: bold;
		font-size: 1.1em !important;
		margin-top: 10px;
	}
	.font-body ol{
		padding-left: 26px !important;
	}
	.body-container h4 {
		padding-bottom: 3%;
		font-family: "Raleway";
		font-size: 1.1em;
		font-style: normal;
		line-height: 1.5em;
		letter-spacing: 0.05em;
		color: #1A1A1A;
		text-align: -webkit-left;
		font-weight: bold;
	}
	.symbole .font-secondary{
		padding-bottom: 0 !important;
	}
	.apple-weakness-li1{
		width: 223px;
	}
	.findings{
		margin-top: 25px !important;
	}
	.body-container {
		padding: 0% 5% 5% 5% !important;
	}
	.bug-body1{
			padding-top: 0%;
	}
	.apple-android-sec, .apple-android-sec .col-two:nth-of-type(2){
		margin-top: 20px;
	}
	#cmolr-section .col-one1{
		margin-top: 25px;
	}
	.menu{
		display: none;
	}
	.logo a {
		pointer-events: none;
	}
	.logo{
		width: 100%;
		text-align: -webkit-center;
		text-align: -moz-center;
	}
	h1.tesla-heading{
		font-size: 2rem;
		font-weight: bold;
		font-family: 'Manrope3';
	}
	#determining-a-target .content_title {
		font-size: 22px !important;
	}
	.end-ad{
		margin-top: 2rem;
	}
	.symbole{
		display: flex;
		align-items: center;
	}
	.symbole img {
		width: 17%;
	}
	.symbole h3{
		margin: 0;
		padding: 0;
	}
	#determining-a-target h1{
		font-size: 2.1rem;
	}
	.bg-vector .font-body{
		margin-top: 16px;
	}
	.bg-grey-block-rad-10 {
		background-color: rgba(217, 217, 217, 0.395);
		border-radius: 3px;
	}
	#apple-android-findings .font-body{
		/* font-size: 0.838em; */
		font-size: 0.938em !important;
	}
	.symbole .font-secondary h3{
		margin-left: 10px;
	}
	#apple-android-section{
		width: 92% !important;
	}
	#determining-a-target .content_title {
		font-weight: normal;
		height: 144px;
		width: auto;
	}
	#determining-a-target .font-body-determine-a-target{
		margin-bottom: 25px;
	}
	#survey-results .content_title {
		font-weight: normal;
		height: 50px;
	}
	.survey-icon{
		width: 10%;
		margin: 0 auto;
		margin-left: 153px;
		margin-top: 48px;
	/* padding-top: 5%; */
	text-align: center;
	}
	#embeded-pdf{
		margin: 25px 0px;
	}
	#survey-results-findings .font-body-tesla{
		padding-left: 0px !important;
	}
	#empathy-mapping-section .font-body-tesla{
		width: 319px !important;
	}
	#empathy-mapping-section .content_title, #persona-profiles-sec .content_title, #bug-sitemap-sec .content_title,
	 #prototype-test-sec .content_title, #visual-design-sec .content_title, #affinity-mapping-sec .content_title{
		height: 52px;
	}
	#interaction-design-sec .content_title, #interaction-priorities-sec .content_title{
		width: auto;
		height: 94px;
	}
	#business-user-goals-sec .content_title, #lower-fidility-wf-sec .content_title{
		height: 92px;
	}
	.content .row:last-child, .content .end-ad:last-child, .content .col-three-min:last-child {
		padding-bottom: 50px;
	}
	#bug-sitemap .col-one{
		padding: 0px !important;
	} 
	#vd-para3 {
		margin-top: 40px; 
	}
	#sr_para1, #sr_para2{
		margin: 25px 0px;
	}
	#business-user-goals-sec .col-three-min{
		padding-top: 1% !important;
	}
	#survey-results-3 .col-md-4:nth-of-type(2){
		margin-top: 15px;
	}
	#survey-results-findings .bg-vector {
		  padding: 8%;
	}
	#survey-results-content .col-three:nth-of-type(1){
		width: 92% !important;
	}
	#empathy-mapping-section .col-md-4, #persona-profiles-sec .col-md-6{
		padding: 0 !important;
	}
	#empathy-mapping-imgs .col-four{
		display: contents;
	}
	#empathy-mapping-imgs img{
		max-width:100%
	}
	#embeded-pdf{
		padding-left: 2%;
		padding-right: 9%;
	}
	.survey-btn{ 
		margin-top: 20px;
	}
	#empathy-mapping5-img{
		width:100%;
		height: 100%; /*for height support */
		max-width:100%;
		margin-left: 0%;
	}
	#empathy-mapping-imgs img{
		margin-top: 25px;
	}
	#empathy-mapping-section .font-body-tesla{
		margin-top: 20px;
	}
	#empathy-mapping-findings .col-md-8{
		padding-left: 5px !important;
	}
	#age-mapping-img{
		margin: 20px 0px;
	}
	.persona-bug-img{
		max-width: 100%;
	}
	.font-body-padding-16{
		padding: 16px;
	}
	#empathy-mapping-findings-body h3{
		margin-top: 0px !important;
	}
	#survey-results-content .col-three:nth-of-type(2){
		width: 99% !important;
	}
	#high-fidility-wf-user-flow-sec .content_title{
		width: auto;
		height: 128px;
	}
	.prototype-test-lists{
		padding: 30px 30px 0px 30px;
	}
	.prototype-test-lists li{
		margin-bottom: 15px;
	}
	#prototype-test-sec .col-four:nth-of-type(2){
		margin-bottom: 20px;
	}
	.prototype-test-lists li:last-child {
		margin-bottom: 0px;
	}
	.bg-grey-block{
		background-color: rgba(217, 217, 217, 0.395);
			border-radius: 3px;
	}
	.recommandations-lists{
		list-style: none;
		padding: 0px 15px 15px 15px;
	}
	#testJohnVideo{
		width: 100%;
		height: 182px;
	}
	#affinity-mapping-sec .findings{
		margin-top: 15px !important;
		margin-left: 10px;
	}
	h4.recommdations{
		font-size: 1em;
		font-weight: normal;
		margin-top: 25px;
		margin-left: 7px;
	}
	#affinity-mapping-sec .findings{
		font-size: 0.938em !important;
	}
	.recommandations-lists li{
		margin-bottom: 15px;
	}
	.recommandations-lists li:last-child{
		margin-bottom: 0px;
	}
	img{
			width: 100%;
			height: 100%;
	}
	#Task-flow-img{
		height: 202px !important;
	}
	#IT-Priorities-img{
		height: 216px !important;
	}
	.pmcu-img, .persona-bug-img, #empathy-finding-para{
		margin: 25px 0px;
	}
	#investigation-2-img{
		margin-top: 10px;
	}
	#persona-prof-para2{
		width: 93% !important;
	}
	.pmcu-img-top{
		margin-top: 25px;
	}
	#visual-design-sec .col-four{
		width: 96% !important;
	}
	#Wirefram-scribling-img{
		margin-top: 6px;
	}
	.lfw-initial-proto-img, #Research-snap-img{
		margin-top: 20px;
	}
	#Wirefram-scribling-img{
		margin-bottom: 20px;
	}
	#bug-sitemap .col-one:nth-of-type(1){
		margin-top: 20px;
	}
	#prototype-test-para{
		width: 98% !important;
	}
	#p-screens-vd-img{
		margin-top: 20px;
	}
	#high-fidility-wf-user-flow-sec img{
		margin-top: 15px;
	}
	.evision-para{
		width: 350.76px;
		height: auto; /*38.51px;*/
		font-size: 0.838em;
		font-weight: bold;
		text-transform: uppercase;
	}
	#UI-mood-m1-img, #ictui-imgs{
		margin-top: 20px;
	}
	#ictui-imgs img{
		margin-top: 2px;
	}	
	#ictui-imgs img:last-child, #UI-mood-m2-img{
		margin-bottom: 15px;
	}
	.casestudy {
		width: 112px;
		height: 30px;
		
		border-radius: 18px;
	}
	.img-para-sec{
		margin-top: 20px;
	}
	.pdf-icon img {
		width: 75%; /*20% 7-4-2020 */
		height: auto;
		margin-left: 9%;
			filter: contrast(0.6); /* 7-4-2020 */
	}
	.pdf-icon {	
		/* padding-top: 22px; */
		margin-top: 25px;
	}
	.img-para-sec:first-of-type{
		margin-top: 0px !important;
	}
	.casestudy {
		position: relative;
		margin: auto;
		left: 0 !important;
		border: 3px solid #000000;
		}
	.casestudy a{
		font-style: normal;
			font-weight: 800;
			color: #000000;
		}
	#nav-arrow{
		font-size: 31px;
		margin-left: 29px;
	}
	#nav-arrow>a{
		color: black;
	}
	.content-2-img-div video {
		height: 176px;
	}
}
 /* ##########################################################################################################
 ##########################################################################################################
 ##########################################################################################################
 ##########################################################################################################
 ##########################################################################################################
 ########################################################################################################## 
 ##########################################################################################################
 ##########################################################################################################
 ##########################################################################################################
 TESLA 576 to 767 */
 @media only screen and (min-width: 576px) and (max-width: 767.98px)
{
	
	html body {
		margin: 0;
		padding: 0;
	}
	body{
		background-size: 76%;
		background-position: 0px 200px;
	}
	[class*="col-"], .w-50 {
		width: 100% !important;
	}
	/* #youtube-vid{
		display: none !important;
	} */
	#youtube-vid .col-two:nth-of-type(1){
		margin-top: 15px;
	}
	#youtube-vid iframe{
		width: 100%;
		height: 300px;
	}
	#jrwrapper {
		width: 100%;
		height: auto;
		margin-left: auto;
		margin-right: auto;
		margin-top: 180px;
	}
	.container-fluid{
		max-width: 576px;
	}
	div.content {
		width: 100%;
		/* padding: 0 18px; */
		max-height: 0;
		overflow: hidden;
		transition: max-height 0.2s ease-out;
		/* background-color: #f1f1f1; */
		margin-bottom: 2%; /*13px; 5-5-2020*/
		padding-top: 0% !important; /* 5-5-2020*/
		border-bottom: 1px solid black;
		/* position: relative; */
	}
	.content_container {
		width: 80%;
		max-width: 540px !important;
		height: auto;
		margin: 0 auto;
		padding-top: 0; /* 19-04-2020 5% */
		position: relative;
		display: flex;
		flex-wrap: wrap;
	}
	.tesla_logo img {
		width: 47%; /* 60% 19-4-2020*/
		height: auto;
		max-width: 270px; /*29-5-2020 */
	}
	.collapsible.active h1{
		color: #6B6B6B !important;
	}
	.tesla-car{
        display:grid;
       justify-content: center;
    }
    .tesla-car img{
		width: 100%;
		height: 100%; /*added 20-6-2020 */
        margin: auto;
	}
	#why-pmcu-redesigned-interface #para1{
		margin-top: 40px;
	}
	#cmolr-section .col-one1 {
		padding-left: 16px;
	}
	#the-reseach .content_title{
		height: 50px;
	}
	#why-pmcu-redesigned-interface .col-two{
		padding: 8% !important;
	}
	#why-pmcu-redesigned-interface .col-two:nth-of-type(2){
		margin-top: -82px !important;
	}
	.font-subtitle {
		text-align: -webkit-center;
		width: 464px; /* 29-5-2020*/
		padding: 40px;
		padding-top: 50px; /*8% 19-4-2020 */
		margin: 0 auto;
		font-size: 1.1em !important;
		margin-bottom: 15px;
	}
	#research-objective{
		margin-top: 0 !important;	
	}
	#mr-ca .font-body, #business-user-goals-sec .font-body, #persona-profiles-sec .font-body, #empathy-mapping-section .font-body-tesla, #survey-results .font-body, #determining-a-target .font-body, #survey-results .font-body-tesla{
		padding-left: 16px;
	}
	div.heading{
		font-size: 0.938em;
		margin-bottom: 10px;
		font-weight: bold;
	}
	.font-secondary h3 {
		font-weight: bold;
		font-size: 1.1em !important;
		margin-top: 10px;
	}
	.font-body ol{
		padding-left: 26px !important;
	}
	.body-container h4 {
		padding-bottom: 3%;
		font-family: "Raleway";
		font-size: 1.1em;
		font-style: normal;
		line-height: 1.5em;
		letter-spacing: 0.05em;
		color: #1A1A1A;
		text-align: -webkit-left;
		font-weight: bold;
	}
	.symbole .font-secondary{
		padding-bottom: 0 !important;
	}
	.apple-weakness-li1{
		/* width: 223px; */
	}
	.findings{
		margin-top: 25px !important;
	}
	.body-container {
		padding: 0% 5% 5% 5% !important;
	}
	.bug-body1{
			padding-top: 0%;
	}
	.apple-android-sec, .apple-android-sec .col-two:nth-of-type(2){
		margin-top: 20px;
	}
	#cmolr-section .col-one1{
		margin-top: 25px;
	}
	.menu{
		display: none;
	}
	.logo a {
		pointer-events: none;
	}
	.logo{
		width: 100%;
		text-align: -webkit-center;
		text-align: -moz-center;
	}
	h1.tesla-heading{
		font-size: 2rem;
		font-weight: bold;
		font-family: 'Manrope3';
	}
	#determining-a-target .content_title {
		font-size: 22px !important;
	}
	.end-ad{
		margin-top: 2rem;
	}
	.symbole{
		display: flex;
		align-items: center;
	}
	.symbole img {
		width: 17%;
	}
	.symbole h3{
		margin: 0;
		padding: 0;
	}
	#determining-a-target h1{
		font-size: 2.1rem;
		width: 350px;
	}
	.bg-vector .font-body{
		margin-top: 16px;
	}
	.bg-grey-block-rad-10 {
		background-color: rgba(217, 217, 217, 0.395);
		border-radius: 3px;
	}
	#apple-android-findings .font-body{
		/* font-size: 0.838em; */
		font-size: 0.938em !important;
	}
	.symbole .font-secondary h3{
		margin-left: 10px;
	}
	#apple-android-section{
		width: 92% !important;
	}
	#determining-a-target .content_title {
		font-weight: normal;
		height: 101px;
	}
	#determining-a-target .font-body-determine-a-target{
		margin-bottom: 25px;
	}
	#survey-results .content_title {
		font-weight: normal;
		height: 50px;
	}
	#embeded-pdf{
		margin: 25px 0px;
	}
	#survey-results-findings .font-body-tesla{
		padding-left: 0px !important;
	}
	/* #empathy-mapping-section .font-body-tesla{
		width: 319px !important;
	} */
	#empathy-mapping-section .content_title, #persona-profiles-sec .content_title, #bug-sitemap-sec .content_title,
	#interaction-design-sec .content_title, #interaction-priorities-sec .content_title, #prototype-test-sec .content_title, #visual-design-sec .content_title, #affinity-mapping-sec .content_title{
		height: 52px;
	}
	
	#business-user-goals-sec .content_title, #lower-fidility-wf-sec .content_title{
		height: 54px;
	}
	.content .row:last-child, .content .end-ad:last-child, .content .col-three-min:last-child{
		padding-bottom: 50px;
	}
	#bug-sitemap .col-one{
		padding: 0px !important;
	} 
	#vd-para3 {
		margin-top: 40px; 
	}
	#sr_para1, #sr_para2{
		margin: 25px 0px;
	}
	#business-user-goals-sec .col-three-min{
		padding-top: 1% !important;
	}
	#survey-results-3 .col-md-4:nth-of-type(2){
		margin-top: 15px;
	}
	#survey-results-findings .bg-vector {
		  padding: 8%;
	}
	#survey-results-content .col-three:nth-of-type(1){
		width: 92% !important;
	}
	#empathy-mapping-section .col-md-4, #persona-profiles-sec .col-md-6{
		padding: 0 !important;
	}
	#empathy-mapping-imgs .col-four{
		display: contents;
	}
	#empathy-mapping-imgs img{
		max-width:100%
	}
	#embeded-pdf{
		padding-left: 2%;
		padding-right: 9%;
	}
	.survey-icon{
		width: 10%;
		margin: 0 auto;
		margin-left: 238px;
		padding-top: 5%;
		text-align: center;
	}
	.survey-icon img{
		margin-left: -15px;
		width: 47px;
	}
	.survey-btn{ 
		margin-top: 20px;
	}
	#empathy-mapping5-img{
		width:100%;
		height: 100%; /*for height support */
		max-width:100%;
		margin-left: 0%;
	}
	#empathy-mapping-imgs img{
		margin-top: 25px;
	}
	#empathy-mapping-section .font-body-tesla{
		margin-top: 20px;
	}
	#empathy-mapping-findings .col-md-8{
		padding-left: 5px !important;
	}
	#age-mapping-img{
		margin: 20px 0px;
	}
	#prototype-test-sec .col-four:nth-of-type(2){
		margin-bottom: 20px;
	}
	.persona-bug-img{
		max-width: 100%;
	}
	.font-body-padding-16{
		padding: 16px;
	}
	#empathy-mapping-findings-body h3{
		margin-top: 0px !important;
	}
	#survey-results-content .col-three:nth-of-type(2){
		width: 99% !important;
	}
	#high-fidility-wf-user-flow-sec .content_title{
		width: 400px;
		height: 93px;
	}
	.prototype-test-lists{
		padding: 30px 30px 0px 30px;
	}
	.prototype-test-lists li{
		margin-bottom: 15px;
	}
	.prototype-test-lists li:last-child {
		margin-bottom: 0px;
	}
	.bg-grey-block{
		background-color: rgba(217, 217, 217, 0.395);
			border-radius: 3px;
	}
	.recommandations-lists{
		list-style: none;
		padding: 0px 15px 15px 15px;
	}
	#testJohnVideo{
		width: 100%;
		height: 271px;
	}
	#va-pmcu-mockup-video{
		width: 100%;
		max-width: 488px;
		height: 274px;
	}
	#affinity-mapping-sec .findings{
		margin-top: 15px !important;
		margin-left: 10px;
	}
	h4.recommdations{
		font-size: 1em;
		font-weight: normal;
		margin-top: 25px;
		margin-left: 7px;
	}
	#affinity-mapping-sec .findings{
		font-size: 0.938em !important;
	}
	.recommandations-lists li{
		margin-bottom: 15px;
	}
	.recommandations-lists li:last-child{
		margin-bottom: 0px;
	}
	
	img{
			width: 100%;
			height: 100% /*added 20-6-2020 img streched*/
	}
	.pmcu-img, .persona-bug-img, #empathy-finding-para{
		margin: 25px 0px;
	}
	#investigation-2-img{
		margin-top: 13px;
	}
	#persona-prof-para2{
		width: 93% !important;
	}
	.pmcu-img-top{
		margin-top: 25px;
	}
	#visual-design-sec .col-four{
		width: 96% !important;
	}
	#Wirefram-scribling-img{
		margin-top: 6px;
	}
	.lfw-initial-proto-img, #Research-snap-img{
		margin-top: 20px;
	}
	#ecosystem-design-that-define-user-needs-sec .col-three{
		width: 62% !important;
	}
	#Wirefram-scribling-img{
		margin-bottom: 20px;
	}
	#bug-sitemap .col-one:nth-of-type(1){
		margin-top: 20px;
	}
	#prototype-test-para{
		width: 98% !important;
	}
	#p-screens-vd-img{
		margin-top: 20px;
	}
	#high-fidility-wf-user-flow-sec img{
		margin-top: 15px;
	}
	.evision-para{
		/* width: 247.76px; */
		height: 38.51px;
		font-size: 0.838em;
		font-weight: bold;
		text-transform: uppercase;
	}
	#UI-mood-m1-img, #ictui-imgs{
		margin-top: 20px;
	}
	#ictui-imgs img{
		margin-top: 2px;
	}	
	#ictui-imgs img:last-child, #UI-mood-m2-img{
		margin-bottom: 15px;
	}
	.casestudy {
		width: 112px;
		height: 30px;
		font-size: 0.838em;
		border-radius: 18px;
	}
    .survey-btn	.casestudy {
		width: 117px;
		height: 34px;
		border-radius: 18px;
	}
	.img-para-sec{
		margin-top: 20px;
	}
	.pdf-icon img {
		width: 75%; /*20% 7-4-2020 */
		height: auto;
		margin-left: 9%;
			filter: contrast(0.6); /* 7-4-2020 */
	}
	.pdf-icon {	
		/* padding-top: 22px; */
		margin-top: 25px;
	}
	.img-para-sec:first-of-type{
		margin-top: 0px !important;
	}
	.casestudy {
		position: relative;
		margin: auto;
		left: 0 !important;
		border: 3px solid #333333;
		}
	.casestudy a{
		font-style: normal;
			font-weight: 800;
			color: #000000;
		}
	#nav-arrow{
		font-size: 31px;
		margin-left: 29px;
	}
	#nav-arrow>a{
		color: black;
	}
	.content-2-img-div video {
		height: 257px;
	}
}

 /* ## #################################################################################### TESLA 768 to 991
 ###########################################################################################################
 ##############################################################################################################


 #################################################################################################################
 */

 @media only screen and (min-width: 768px) and (max-width: 991.98px)
{
	html body {
		margin: 0;
		padding: 0;
	}
	body{
		background-size: 76%;
		background-position: 0px 200px;
	}
	[class*="col-"], .w-50 {
		width: 50% !important;
	}
	/* #youtube-vid{
		display: none !important;
	} */
	#youtube-vid .col-two{
		margin-top: 15px;
	}
	#youtube-vid iframe{
		width: 100%;
		height: 215px;
	}
	
	#jrwrapper {
		width: 100%;
		height: auto;
		margin-left: auto;
		margin-right: auto;
		margin-top: 180px;
	}
	.container-fluid{
		max-width: 768px;
	}
	.content_container {
		width: 80%;
		max-width: 720px !important;
		height: auto;
		margin: 0 auto;
		padding-top: 0; /* 26-04-2020 5% */
		position: relative;
		display: flex;
		flex-wrap: wrap;
	}
	.tesla_logo img {
		width: 238px; /* 31% 30-5-2020*/
		height: auto;
	}
	.collapsible, .collapsible-col2, div.content {
		padding: 0 35px;
	}
	 
	 .collapsible.active h1 .d-lg-none svg g polygon{
		fill:#6B6B6B !important;
	}
	
	.collapsible.active h1, .collapsible-col2.active h1{
		color: #6B6B6B !important;
	}
	div.content {
		width: 100%;
		/* padding: 0 18px; */
		max-height: 0;
		overflow: hidden;
		transition: max-height 0.2s ease-out;
		/* background-color: #f1f1f1; */
		margin-bottom: 2%; /*13px; 5-5-2020*/
		padding-top: 0% !important; /* 5-5-2020*/
		border-bottom: 1px solid black;
		/* position: relative; */
	}
	.tesla-car{
        display:grid;
       justify-content: center;
    }
    .tesla-car img{
		width: 100%;
		height: 100%; /*added 20-6-2020 */
        margin: auto;
	}
	.cont_para_right{
		margin-left: 322px !important;
	}
	#why-pmcu-redesigned-interface{
		margin: 25px auto;
	}
	#why-pmcu-redesigned-interface #para1{
		margin-top: 40px;
	}
	#cmolr-section .col-one1 {
		padding-left: 16px;
	}
	#the-reseach .content_title{
		height: 50px;
	}
	#research-bg-greay-block2{
		height: 492px;
	}
	.collapsible.col-three{
		/* width: 100% !important; */
	}
	#prototype-test-sec .collapsible.col-three{
		width: 40% !important;
	
	}
	.collapsible.col-three .tesla-heading{
		width: 430px !important;
		font-family: 'Manrope3';
	}
	/* #high-fidility-wf-user-flow-sec .col-three .tesla-heading {
		width: 630px !important;
	} */
	.research-objective-ol2{
		margin-top: -12px;
	}   
	#why-pmcu-redesigned-interface .col-two{
		padding: 27px 10px 10px 27px !important;
		width: 50% !important;
	}
	#why-pmcu-redesigned-interface .col-two:nth-of-type(2){
		margin-top: 62px !important;
	}
	.font-subtitle {
		text-align: -webkit-center;
		width: 490px !important; /*30-5-2020 */
		padding: 60px 50px 0 50px !important;
		padding-top: 60px; /*8% 19-4-2020 */
		margin: 0 auto;
		font-size: 1.1em !important;
		margin-bottom: 15px;
		padding-bottom:  0% !important;
	}
	#research-objective{
		margin-top: 0 !important;	
	}
	#determining-a-target .content .col-four:nth-of-type(1){
		margin-top: -96px;
	}
	#mr-ca .font-body, #business-user-goals-sec .font-body, #persona-profiles-sec .font-body:nth-of-type(2), #empathy-mapping-section .font-body-tesla, #survey-results .font-body, #determining-a-target .font-body, #survey-results .font-body-tesla{
		padding-left: 16px;
	}
	#survey-results .font-body:nth-of-type(1){
		padding-left: 0px;
	}
	#survey-results-3{
		margin-top: 18px;
	}
	div.heading{
		font-size: 0.938em;
		margin-bottom: 10px;
		font-weight: bold;
		width: max-content;
	}
	.font-secondary h3 {
		font-weight: bold;
		font-size: 1.1em !important;
		margin-top: 10px;
	}
	.font-body ol{
		padding-left: 26px !important;
	}
	.body-container h4 {
		padding-bottom: 3%;
		font-family: "Raleway";
		font-size: 1.1em;
		font-style: normal;
		line-height: 1.5em;
		letter-spacing: 0.05em;
		color: #1A1A1A;
		text-align: -webkit-left;
		font-weight: bold;
	}
	.symbole .font-secondary{
		padding-bottom: 0 !important;
	}
	.apple-weakness-li1{
		width: 223px;
	}
	.findings{
		margin-top: 25px !important;
	}
	.body-container {
		padding: 0% 5% 5% 5% !important;
	}
	.bug-body1{
			padding-top: 0%;
	}
	.apple-android-sec{
		/*  .apple-android-sec .col-two:nth-of-type(2) */
		margin-top: 20px;
	}
	.apple-android-sec .col-two:nth-of-type(2) .bg-vector{
		height: 923px;
	}
	#apple-android-findings{
		display: block;
	}
	#apple-android-findings .col-two{
		width: 100% !important;
	}
	#apple-android-findings .col-two:nth-of-type(1) {
		margin-top: -23px;
	}
	#cmolr-section .col-one1{
		margin-top: 25px;
		width: 50% !important;
	}
	.menu{
		display: none;
	}
	.logo a {
		pointer-events: none;
	}
	.logo{
		width: 100%;
		text-align: -webkit-center;
		text-align: -moz-center;
	}
	h1.tesla-heading{
		font-size: 2rem;
		font-weight: bold;
		font-family: 'Manrope3';
	}
	.collapsible.active .content_title{
		height: auto !important;
	}
	#determining-a-target .content_title {
		font-size: 22px !important;
	}
	.end-ad{
		margin-top: 4rem;
	}
	.symbole{
		display: flex;
		align-items: center;
	}
	.symbole img {
		width: 17%;
	}
	.symbole h3{
		margin: 0;
		padding: 0;
	}
	#determining-a-target h1{
		font-size: 2.1rem;
		width: 310px;
	}
	.bg-vector .font-body{
		margin-top: 16px;
	}
	#empathy-mapping-findings-body .bg-vector .font-body{
		margin-left: 10px;
	}
	.bg-grey-block-rad-10 {
		background-color: rgba(217, 217, 217, 0.395);
		border-radius: 3px; /* 10*/
	}
	#apple-android-findings .font-body{
		/* font-size: 0.838em; */
		font-size: 0.938em !important;
	}
	.symbole .font-secondary h3{
		margin-left: 10px;
	}
	#apple-android-section{
		width: 92% !important;
	}
	#determining-a-target .content_title {
		font-weight: normal;
		height: 94px;
	}
	#determining-a-target .font-body-determine-a-target{
		margin-bottom: 25px;
	}
	#survey-results .cont_para_right:nth-of-type(1){
		margin-left: 0 !important;
	}
	#survey-results .content_title {
		font-weight: normal;
		height: 50px;
	}
	.survey-icon{
		width: 7%;
		margin: 0 auto;
		margin-left: 297px;
		padding-top: 5%;
		text-align: center;
	}
	#embeded-pdf{
		margin: 25px 0px;
	}
	#survey-results-findings .font-body-tesla{
		padding-left: 0px !important;
	}
	#survey-results-findings .col-md-8{
		margin-top: 30px;
	}
	/* #empathy-mapping-findings-body .bg-vector:nth-of-type(odd){
		height: 622px;
	} */
	#empathy-mapping-findings-body .col-one:nth-of-type(2) .bg-vector{
		height: 660px !important;
	}
	#empathy-mapping-findings-body .col-one:nth-of-type(4) .bg-vector{
		height: 630px !important;
	}
	#empathy-mapping-findings-body .col-one:nth-of-type(even) .body-container{
		margin-top: 60px;
	}
	
	#empathy-mapping-section .font-body-tesla{
		width: 319px !important;
	}
	#empathy-mapping-section .content_title, #interaction-priorities-sec .content_title, #business-user-goals-sec .content_title{
		height: 58px;
	}
	#persona-profiles-sec .content_title, #bug-sitemap-sec .content_title,
	 #prototype-test-sec .content_title, #visual-design-sec .content_title, #affinity-mapping-sec .content_title{
		height: 52px;
	}
	#persona-profiles-sec .content .row:nth-of-type(1){
		position: relative;
	}
	#persona-profiles-sec .content .col-four:nth-of-type(2){
		margin-top: 135px;
	}
	#bug-sitemap-sec .content .col-four:nth-of-type(1){
		margin-left: 275px;
		margin-top: -60px;
	}
	#bug-sitemap-sec .content .end-ad{
		margin-top: 30px !important;
	}
	#interaction-design-sec .content_title{
		height: 52px;
	}
	#interaction-prio-para{
		display: block;
		width: 60% !important;
		margin-left: 250px;
		margin-top: -90px;
	}
	#lower-fidility-wf-sec .content_title{
		height: 52px;
	}
	#LogIn_Screen1-img{
		padding-right: 15px !important;
	}
	#Wireframing-SP-music-player-3-img{
		padding-left: 15px !important;
	}
	.content .row:last-child, .content .end-ad:last-child, .content .col-three-min:last-child{
		padding-bottom: 50px;
	}
	.bug-body1{
			 margin-top: -75px; /*35px; */
			margin-left: 275px;
	}
	.bug-body2, #empathy-mapping-para2 {
		width: 100% !important;
	}

	#bug-sitemap .col-one{
		padding: 0px !important;
	} 
	#vd-para3 {
		margin-top: 20px; /* 40*/
		width: 94%;
	}
	#sr_para1{
		margin: 25px 0px;
	}
	#business-user-goals-sec .col-three-min{
		padding-top: 1% !important;
	}
	#survey-results-3 .col-md-4:nth-of-type(2){
		margin-top: 15px;
	}
	#survey-results-findings .bg-vector {
		  padding: 8%;
	}
	#survey-results-content .col-three:nth-of-type(1){
		width: 47% !important;
	}
	#empathy-mapping-section .col-md-6, #persona-profiles-sec .col-md-6{
		padding-left: 35px !important;
	}
	#empathy-mapping-imgs .col-four{
		width: 100% !important;
		display: contents;
	}
	#empathy-mapping-imgs img{
		max-width:100%
	}
	#embeded-pdf{
		padding-left: 2%;
		padding-right: 9%;
	}
	.survey-btn{ 
		margin-top: 20px;
	}
	#empathy-mapping5-img{
		width:100%;
		height: 100%; /*for height support */
		max-width:100%;
		margin-left: 0%;
	}
	#empathy-mapping-imgs img{
		margin-top: 25px;
	}
	#empathy-mapping-section .font-body-tesla{
		margin-top: 20px;
	}
	#empathy-mapping-findings .col-md-8{
		padding-left: 5px !important;
	}
	#age-mapping-img{
		margin: 20px 0px;
	}
	.persona-bug-img{
		max-width: 100%;
	}
	.font-body-padding-16{
		padding: 16px;
	}
	#vd-para2, #vd-para3{
		padding-left: 0px;
		padding-right: 0px;
	}
	
	#empathy-mapping-findings-body h3{
		margin-top: 0px !important;
	}
	#survey-results-content .col-three:nth-of-type(2){
		width: 49% !important;
	}
	#high-fidility-wf-user-flow-sec .content_title{
		/* width: 400px; */
		height: 94px;
	}
	#visual-design-sec .col-four:nth-of-type(1){
		margin-left: 275px;
		width: 62% !important;
		margin-top: -60px;
	}
	.prototype-test-lists{
		/* padding: 30px 30px 0px 30px; */
		padding: 30px 0px 0px 15px;
		overflow-x: initial;
		column-count: 2;
		margin-left: -291px !important;
		width: 611px;
	}
	.prototype-test-lists li{
		margin-bottom: 15px;
	}
	.prototype-test-lists li:last-child {
		margin-bottom: 0px;
	}
	.bg-grey-block{
		background-color: rgba(217, 217, 217, 0.395);
			border-radius: 3px;
	}
	.recommandations-lists{
		list-style: none;
		padding: 0px 15px 15px 0px;
	}
	#testJohnVideo{
		width: 100%;
		height: 345px;
	}
	#va-pmcu-mockup-video{
		width: 100%;
		max-width: 721px;
		height: 405px;
	}
	#affinity-mapping-sec  .content .col-four{
		margin-left: 250px;
		width: 62% !important;
		margin-top: -85px;
	}
	#affinity-mapping-sec .findings{
		margin-top: 15px !important;
		margin-left: 10px;
	}
	h4.recommdations{
		font-size: 1em;
		font-weight: normal;
		margin-top: 25px;
		margin-left: 7px;
	}
	#affinity-mapping-sec .findings{
		font-size: 0.938em !important;
	}
	#af-map-findings-row, #af-map-recommen-row{
		display: contents;
	}
	#af-map-findings-row .col-two{
		width: 80% !important;
		margin-top: -25px;
	}
	#af-map-recommen-row .col-two{
		width: 112% !important;
		margin-top: -25px;
	}
	.recommandations-lists li{
		margin-bottom: 15px;
		display: block;
	}
	.recommandations-lists li:last-child{
		margin-bottom: 0px;
	}

	.recommandations-lists {
		height: 240px; /*your fixed height*/
		columns: 450px 2;
		-webkit-columns: 2;
		-moz-columns: 2;
		margin-bottom:  0 !important;
	  }
	#prototype-test-sec .col-four{
		margin-left: 275px;
	  }
	#prototype-test-sec .col-four:nth-of-type(1){
		margin-top: -60px;
		/* z-index: 99999 !important; */
	  }
	  #prototype-test-sec .col-four:nth-of-type(2){
		margin-left: -3px;
		margin-top: -15px;
		margin-bottom: 20px;
	  }
	  
	img{
			width: 100%;
			height: 100%; /*added 20-6-2020  */
	}

	.pmcu-img{
		margin: 25px 0px;
	} 
	.persona-bug-img{
		margin: 25px 0px;
	} 
	#empathy-finding-para{
		margin: 25px 0px;
	}
	#investigation-1-img{
		margin: 25px 0 -10px 0;
	}
	#persona-prof-para2{
		width: 93% !important;
	}
	.pmcu-img-top{
		margin-top: 25px;
	}
	#visual-design-sec .col-four{
		width: 96% !important;
	}
	#Wirefram-scribling-img{
		margin-top: 14px;
		margin-bottom: 20px;

	}
	
	.lfw-initial-proto-img, #Research-snap-img{
		margin-top: 20px;
	}
	.content-2{
		margin: 0px 10px !important;
	}
	.content-2-img{
			padding: 0px 15px !important;
	}
	#ecosystem-design-that-define-user-needs-sec .col-three{
		width: 53% !important;
	}
	#ecosystem-design-that-define-user-needs-sec .col-four{
		width: 51% !important;
		margin-left: 322px !important;
	}
	#sophisticatedly-func-popup-sec .col-three{
		width: 53% !important;
	}
	#sophisticatedly-func-popup-sec .col-four{
		width: 52% !important;
		margin-left: 322px !important;
	}
	#envision-sec-5 .col-four {
		width: 52% !important;
		margin-left: 322px !important;
	}
	#lower-fidility-wf-sec .col-four{
		margin-left: 322px !important;
		margin-top: -85px;
		z-index: 1;
		position: relative;
	}
	#high-fidility-wf-user-flow-sec .col-four{
		margin-left: 322px !important;
		margin-top: -123px;
		z-index: 1;
		position: relative;
	}
	#high-fidility-wf-user-flow-sec .content .row:nth-of-type(1){
		margin: 25px 0px !important;
	}
	/* New COl two css*/
	#drug-nudge-cust-layout-sec .col-three{
		width: 45% !important;
	}
	#drug-nudge-cust-layout-sec .col-four{
		width: 52% !important;
		margin-left: 322px !important;
	}
	#lfw-para1{
		width: 51% !important;
		margin-top: 25px;
		margin-left: 275px;
	}
	.Initial-prototype-imgs{
		margin-top: 25px;
	}
	#enlarged-gauge-window-sec .col-three{
		width: 37% !important;
	}
	#enlarged-gauge-window-sec .col-four{
		width: 52% !important;
		margin-left: 322px !important;
	}
	#interaction-design-sec .col-three, #interaction-priorities-sec.col-three{
		width: 50% !important;
	}

	#interaction-design-sec .col-four{
		width: 52% !important;
		margin-left: 322px !important;
		margin-top: -87px;
	}
	#enhanced-night-mode-sec .col-three, #glims-of-investigation-sec .col-three{
		width: 32% !important;
	}
	#enhanced-night-mode-sec .col-four{
		width: 48% !important;
		margin-left: 322px !important;
	}
	#glims-of-investigation-sec .col-three{
		width: 53% !important;
	}
	#glims-of-investigation-sec .col-four:nth-of-type(1){
		width: 51% !important;
		/* margin-left: 322px !important; */
	}
	#glims-of-investigation-sec .col-four:nth-of-type(2){
		width: 49% !important;
		/* margin-left: 322px !important; */
	}
	
	#bug-sitemap .col-one:nth-of-type(1){
		margin-top: 20px;
	}
	#prototype-test-para{
		width: 98% !important;
	}
	#p-screens-vd-img{
		margin-top: 20px;
	}
	#high-fidility-wf-user-flow-sec img{
		margin-top: 15px;
	}
	.evision-para{
		/* width: 247.76px; */
		height: 38.51px;
		font-size: 0.838em;
		font-weight: bold;
		text-transform: uppercase;
	}
	#UI-mood-m1-img, #ictui-imgs{
		margin-top: 20px;
	}
	#enhanced-night-mode-img-div{
		margin-top: 15px;
	}
	#ictui-imgs img{
		margin-top: 4px;
	}	
	#ictui-imgs img:last-child, #UI-mood-m2-img{
		margin-bottom: 15px;
	}
	.gl-of-inv-paras{
		display: block;
	}
	/* .gl-of-inv-paras .col-four:nth-of-type(1){
		margin-left: 15px !important;
	}
	.gl-of-inv-paras .col-four:nth-of-type(2){
		margin-right: 15px !important;
	} */
	.casestudy {
		width: 112px;
		height: 30px;
		font-size: 0.838em;
		border-radius: 18px;
	}
	.img-para-sec{
		padding: 0 47px !important;
		margin-top: 35px;
	}
	.pdf-icon img {
		width: 50%; /*20% 7-4-2020 */
		height: auto;
		margin-left: 9%;
			filter: contrast(0.6); /* 7-4-2020 */
	}
	.pdf-icon {	
		/* padding-top: 22px; */
		margin-top: 25px;
	}
	.img-para-sec:first-of-type{
		margin-top: 0px !important;
	}
	.casestudy {
		position: relative;
		margin: auto;
		left: 0 !important;
		border: 3px solid #333333;;
		}
	.casestudy a{
		font-style: normal;
			font-weight: 800;
			color: #000000;
		}
	#nav-arrow{
		font-size: 31px;
		margin-left: 29px;
	}
	#nav-arrow>a{
		color: black;
	}
	.content-2-img-div video {
		height: 340px;
	}
}

/* TESLA MAX WIDTH 991*/
@media only screen and (max-width: 991px){
	.font-body, .font-body-tesla {
		width: 100%;
		/* padding: 4%; */
		text-align: left;
		font-size: 0.938em !important;
	}
	/* .for_desktop{
		display: none;
	} */
	#myImg_four {
		height: 100%;
	}
	.col-4{
		flex: unset;
    max-width: 100% !important;
		width: 100% !important;
	}
	/* [class*="col-"]{
		width: 100% !important;
	} */
	.divider{
		border-bottom: 1px solid black;
		width: 90%;
	}
	.tesla-car {
		display: block !important;
		justify-content: center;
	}
	div.content .row {
		margin-right: 3px !important;
		margin-left: 2px !important;
	}
	.row .col-md-4, #empathy-mapping-section .col-md-6{
		padding-right: 0 !important;
    padding-left: 0 !important;
	}
	.button_container {
		padding-top: 0px !important;
	}
	.collapsible , .collapsible-col2{
		/* background-color: #777; */
		color: white;
		cursor: pointer;
		/* padding: 18px; */
		width: 100%;
		border: none;
		/* text-align: left; */
		outline: none;
		/* font-size: 15px; */
		/* z-index: 9999; 26-4- 2020 */
		}
		/* .collapsible .active h1{
			color: #37D76D !important;
		} */
	
		.modal{
			width: 92% !important;
			margin-left: 15px;
			margin-top: 150px;
		}
		#myImgModal{
			margin-left: 15px;
			margin-top: 10rem;
			background-color: white;
		}
		#modalHighImage{
			margin-top: 10px !important;
		}
		.close{
			z-index: 999;	
			top: 3px;
			right: 9px;
		}
		div.content {
			/* width: 100%; */
		/* padding: 0 18px; */
		/* max-height: 0;
		overflow: hidden;
		transition: max-height 0.2s ease-out; */
		/* background-color: #f1f1f1; */
		/* margin-bottom: 3%; /*13px; 5-5-2020*/
		/* padding-top: 0% !important; 5-5-2020 */
		/* border-bottom: 1px solid black; */ 
		/* position: relative; */
		}
		p.content {
			padding-top: 0%;
		}
		#apple-android-findings .font-body{
			margin-top: 0 !important;
			padding: 8px !important;
		}
	#determing-a-target .font-body{
		font-size: 1.538em !important;
	}
	.font-body-determine-a-target{
		font-size: 1.5em !important;
	}
	video.pmcu-img{
		object-fit:scale-down;
	}
	video#testJohnVideo {
		display: block !important;
	}
	#va-pmcu-mockup-video{
		display: block !important;
	}
	.content-2-img-div{   display: contents !important;}
	.content-2-img-div video {
		display: block !important;
		width: 100%;
		/* margin-right: 15px !important; */
		/* margin-left: 114px; */
		position: relative;
	}

	#lfw-fitts-law a, .font-body a{
		color: #000000;
	}
	#lfw-fitts-law a:hover, .font-body a:hover{
		color: #37D76D;
	}
	#lfw-fitts-law a:active, .font-body a:active{
		color: #37D76D;
	}
	.img{
		margin-left: 0 !important;
	}
	#investigation-1-img, #investigation-2-img{
		height: auto !important;
	}
	.tesla_logo {
		margin-top: 0% !important;
	}
	.bg-vector {
		border-radius: 3px !important;
	}
	#imgModal{
		display: none;
	}
	.vd-new-imgs img{
		margin-top: 8px;
	}
	#Affinity-mapping-img{
		margin-top: 50px;
	}
}