html{
	overflow-x: hidden;
}
body{
    overflow: hidden;
}
@font-face{
    font-family: font1;
    src: url(../font/HelveticaLTStd-Light_0.otf);
}
img.lamp {
    margin-left: 10%;
}
img.www {
    margin-left: 10%;
}
.marl20 {
    margin-left: 60px !important;
}
img.humanrobot {
    margin-left: 30%;
}
.chip{
    width: 50%;
}
.home{
    float:left;
}
.loginbox{
	width: 284px;
	height: 300px;
	background: #7741a3;
	color: white;
	/*top:50%;
	left:50%;
	position:absolute;
	transform:translate(-50%,-50%);*/
}
.avatar{
	width:20px;
	height:20px;
	border-radius:50%;
	position:absolute;
	bottom:-10px;
	left:calc(50% - 10px);
	border: 1px solid #7741a3;
}
.vl {
    border-left: 2px solid #7741a3;
    height: 202px;
    top: 86%;
    left: 50%;
    position: absolute;
    transform: translate(-50%,-50%);
    z-index: -1;
}
.hr{
	border-bottom: 2px solid #7741a3;
	width: 102%;
	top: 106%;
    left: 50%;
    position: absolute;
    transform: translate(-50%,-50%);
    z-index: -1;
}
.hrF{
	border-bottom: 2px solid #7741a3;
	width: 62%;
	top: 106%;
    left: 81%;
    position: absolute;
    transform: translate(-50%,-50%);
    z-index: -1;
}
.hrL{
	border-bottom: 2px solid #7741a3;
	width: 60%;
	top: 106%;
    left: 20%;
    position: absolute;
    transform: translate(-50%,-50%);
    z-index: -1;
}
.container-fluid {
    padding-left: 50px !important;
    padding-right: 50px !important;
}
.Section3Img{
	display: block;
	margin: 0 auto;
}
p.textstyleheading {
	font-size: 36px;
    font-weight: 700;
    color: #7741a3;
    padding-top: 25px;
}
.boxtext1{
    font-size: 26px;
    color: white;
    font-weight: 600;
    text-align: center;
}
/*.boxtext1
{
    font-size: 32px;
    color: white;
    font-weight: 700;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
}*/
.boxtext2
{
    font-size: 32px;
    color: white;
    font-weight: 700;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
}


.boxtext3
{
    font-size: 32px;
    color: white;
    font-weight: 700;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
}

.boxtext4
{
    font-size: 32px;
    color: white;
    font-weight: 700;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
}

/* big landscape tablets, laptops, and desktops */
    .padAll50{
        padding: 5% 0%;
    }
    .mt12 {
        margin-top: 0px;
    }
    .martMinus4{
        margin-top: -4px;
    }
    .mtMinus6{
        margin-top: -8px;
    }
    .textstylepurp2 {
        font-size: 28px;
        font-weight: 700;
        color: #83176c;
        margin-top: 40px;
    }
    .textstylewh2 {
        width: 100%;
        font-size: 30px;
        font-weight: 600;
        color: white;
    }
    .ml10{
        margin-left: 10px;
    }
    .textstyle2 {
        font-size: 24px;
        font-weight: 400;
        color: black;
    }
	.section1{
		padding-top: 100px;
	}
	.cardFashion{
		width: 75%;
	}
	.mtMinus60{
		margin-top: -60px;
	}
	.section2-red-line{
	    margin-top: 10px;
		background:#83176c;
	  	z-index:-1;
	  	width:1px;
	  	height:62%;
	  	position:absolute;
	  	left:12px;
	}
	#logoimg{
		padding-top:0px;
	}
	.arrow{
		transform: rotate(360deg);
	}
	.pt50{
		padding-top: 10%;
	}
	.heart{
		width: 50%;
		margin-top: -20px;
	}
	.eye{
		width: 50%;
	}
	.section1Part1para3{
	    font-size: 28px;
		padding-top: 100px;
		color: #83176c !important;
		width: 90%;
		font-weight: 700 !important;
	}
	footer{
		width: 100%;
		height: 20px;
		background: #83176c;
		margin-top: 32px;
	}
	.footer2{
		width: 100%;
		height: 20px;
		background: #83176c;
		margin-top: 8%;
	}
	.like{
		width: 60%;
		float: left;
	}
	.line{
		border-top: 2px solid #83176c;
		padding-top:5px;
		padding-bottom: 5px;
		margin: 40px auto 0;
		width: 100%;
		position: relative;
	}

	.line:before, .line:after {
		content: "";
	    width: 18px;
	    height: 18px;
	    background-color: #ffffff;
	    border-radius: 30px;
	    position: absolute;
	    top: -10px;
	    border: 1px solid #83176c;   
	}
	.line:after {
		right: 0;
	}	

	.list-wrapper {
	  position:relative;
	}
	.list-item-wrapper {
	  margin-top:10px;
	  position:relative;
	}
	.list-bullet {
	  margin-top: 10px;
	  float:left;
	  margin-right:20px;
	  background:white;
	  border: 1px solid #83176c;
	  height:18px;
	  width:18px;
	  line-height:30px;
	  border-radius:100px;
	  font-weight:700;
	  color:white;
	  text-align:center;
	  margin-left: 3px;
	}
	.list-item {
	  display:table-row;
	  vertical-align:middle;
	}
	.list-title {
	    font-weight:700;
	}
	.list-text {
	    font-weight:400;
	}
	.red-line {
	  margin-top: 10px;
	  background:#83176c;
	  z-index:-1;
	  width:1px;
	  height:62%;
	  position:absolute;
	  left:12px;
	}
	.white-line {
	  margin-top: 10px;
	  background:#FFF;
	  z-index:0;
	  top:0px;
	  width:1px;
	  height:52%;
	  position:absolute;
	  left:12px;
	}
	.red-line-long{
	    margin-top: 10px;
		background:#83176c;
	  	z-index:0;
	  	width:1px;
	  	height:79%;
	  	position:absolute;
	  	left:12px;
	}
	.list-bullet-white{
	    margin-top: 10px;
		float: left;
	    margin-right: 20px;
	    background: #83176c;
	    border: 1px solid #ffffff;
	    height: 18px;
	    width: 18px;
	    line-height: 30px;
	    border-radius: 100px;
	    font-weight: 700;
	    color: white;
	    text-align: center;
	    margin-left: 3px;
	}
	.list-bullet-section4{
		    float:left;
		  margin-right:20px;
		  background:white;
		  border: 1px solid #83176c;
		  height:18px;
		  width:18px;
		  line-height:200px;
		  border-radius:100px;
		  font-weight:700;
		  color:white;
		  text-align:center;
		  margin-left: 3px;
		  margin-top: 10px;
	}
	.backpurple{
 		color: #83176c !important;
 		font-weight: 700 !important;
 	}
 	.purple{
 		color: #83176c;
 	}
 	.bgpurple{
 		background-color: #83176c;
 	}
 	.brainCircuit{
 		width: 65%;
 	}
 	.p40{
 		padding: 4% 0%;
 	}
 	.yellowBorder{
 		border-right: 3px solid #efd60e;
 	}
 	.section5Lastpara{
 		padding: 0%;
 		margin-bottom: 0px;
 		margin-left: 5%;
 		border-left: 3px solid #efd60e;
 	}
 	.backyellow{
 		color: #fef500 !important;
 		font-weight: 600 !important;
 	}
 	.backlightpurple{
 		color: #703a9c !important;
 		font-weight: 700 !important;
 	}
	.container-fluid{
	    padding-left:50px !important;
	    padding-right:50px !important;
	}
	.section1Part1Para2{
		font-size: 26px;
    	font-weight: 600;
    	color: black;
	}
	.section1Part1Para22{
		font-size: 26px;
    	font-weight: 600;
    	color: black;
	}
	.headingMain{
	    margin-top: 8px;
	    padding-left: 50px;
	    border-bottom: 1px solid #C0C0C0;
	}
	.upperheadingThree{
		font-family: font1;
	    background-color: #83176c;
	    color: white;
	    padding-left: 10px;
        padding-right: 10px;
        padding-top: 5px;
        padding-bottom: 2px;
	    font-size: 20px;
	}
	.header-logo{
		position: relative;
		top: 0px;
		float: right;
		border-right: 1px solid #C0C0C0;
		border-left: 1px solid #C0C0C0;
		right: 94px;
	}
	.section2{
		margin-top: 0px;
	}
	.mtMinus35{
		margin-top: -35px;
	}
	.section1Heading{
		color: #7741a3;
		font-size: 54px;
    	font-weight: 700;
	}
	.underline{
		color:#83176c;
		text-decoration: underline;
	}
	.textstyle{
	    font-size: 24px;
	    font-weight: 500;
	    color: black;
    }
    .textstyle3{
	    font-size: 26px;
	    font-weight: 500;
	    color: black;
    }
    p.textstyleheading {
		font-size: 36px;
	    font-weight: 700;
	    color: #7741a3;
	    padding-top: 25px;
		margin-bottom:0px !important;
	}
	.textstylepurp{
		font-size: 30px;
	    font-weight: 700;
	    color: #83176c;
	}
	.textstylewh{
	    width: 84%;
	    font-size: 24px;
	    font-weight: 600;
	    color: white;
	    padding-left: 2%;
	}
	p.textstyleheadingwh {
		font-size: 36px;
	    font-weight: 700;
	    color: white;
	    padding-top: 25px;
	}
	.rowpad{
	    padding-bottom: 0px;
	    padding-left: 60px;
	}
	.rowpad50{
		padding-top: 50px;
	    padding-bottom: 25px;
	}
	.rowborder{
		border: 1px solid #821769;
		padding-top: 10px;
	    padding-bottom: 10px;
	    margin-top: 50px;
	}
	.section2para1{
		padding: 12% 0;
		width: 78%;
	}
	.graph{
		width: 60%;
		margin-right: 32%;
	}
	.section2para2{
		padding: 10% 0;
		width: 80%;
	}
	.loading{
		width: 45%;
		margin-right: 44%;
	}
	.fs36{
		font-size: 34px;
	}
	.section3Para2{
		background-color: #7840a3;
		padding-top: 35px;
		padding-bottom: 35px;
		margin-top: 20px;
	}
	.section3part2Heading{
		font-size: 32px;
		font-weight: 600;
		color: #fff200;
	}
	.all{
		width: 65%;
	}
	img{	    
		margin: 0 auto;
	    display: block;
	}
	.section3{
		margin-top: 30px;
	}
	.section4{
		margin-top: 30px;
	}
	.section{
		margin-top: 60px;
	}
	.ht{
        position: fixed;
        width: 100%;
        left: 0;
        top: 0;
        z-index: 100;
        border-top: 0;
        background-color: white;
        height: 104px;
        padding: 5px 0;
        /*box-shadow: 0px 1px 4px #552c90;*/
        padding-top: 30px;
    }
    .header-logo{
        background: white;
        float: right;
        padding-top: 0px;
        border-right: 1px solid #C0C0C0;
        border-left: 1px solid #C0C0C0;
        position: relative;
        top: -4px;
        right: 50px;
    }

@media screen and (min-width: 1201px )
	{	
	p.section1Part1Para22.pt50.aos-init.aos-animate {
    width: 75%;
}
p.section1Part1para3.aos-init.aos-animate {
    width: 75%;
}
img.home.aos-init.aos-animate {
    margin-left: -125px;
}
.pad50
{
	padding-top:3%;
}
.pb50
{
 padding-bottom:30px;	
}
	}
 @media screen and (min-width: 990px )  and (max-width: 1200px){
 /*Newly added CSS*/
 p.section1Part1Para22
 {
	 width:75%;
 }
 
.pb50
{
 padding-bottom:30px;	
}
.pad50
{
	padding-top:3%;
}
 
	 img.section2LeftImg.section2ImageOne.aos-init.aos-animate {
	    width: 90%;
	}
	.section5Lastpara {
	    padding: 0% !important;
	    margin-bottom: 0px !important;
	    margin-left: 8% !important;
	    margin-top: 2% !important;
	    border-left: 3px solid #efd60e;
	}
	.all {
	    width: 90%;
	}
	img.www {
	    margin-left: 16%;
	}
	.marl20 {
	    margin-left: 180% !important;
	}
	img.humanrobot {
	    margin-left: 68%;
	}
	img.lamp {
	    margin-left: 6%;
	}
	.heart {
		width: 70%;
		margin-top: -20px;
	}
	.eye {
	    width: 70%;
	}
	.chip {
	    width: 70%;
	}
	.loading {
	    width: 50%;
	    margin-right: 44%;
	}
	.graph {
	    width: 70%;
	    margin-right: 32%;
	}
	img.robotbrain {
	    width: 120%;
	}
	.like {
	    width: 70%;
	    float: left;
	}
	.textstylewh2 {
		width: 100%;
		font-size: 26px;
		font-weight: 600;
		color: white;
	}
	.textstyle3 {
	    font-size: 22px;
	    font-weight: 500;
	    color: black;
	}
    .loginbox {
        width: 224px;
        height: 300px;
        background: #7741a3;
        color: white;
    }
    .boxtext1 {
        font-size: 24px;
        color: white;
        font-weight: 600;
        text-align: center;
    }
    .textstylewh {
        width: 84%;
        font-size: 22px;
        font-weight: 600;
        color: white;
        padding-left: 2% !important;
    }
 	.section3part2Heading{
		font-size: 28px;
		font-weight: 600;
		color: #efd60e;
	}
	.section5Lastpara{
 		padding: 5% 0%;
 		margin-bottom: 0px;
 		margin-left: 7%;
	}
 	.red-line{
	  background:#83176c;
	  z-index:-1;
	  width:1px;
	  height:52%;
	  position:absolute;
	  left:12px;
	}
	.section2-red-line{
		background:#83176c;
	  	z-index:-1;
	  	width:1px;
	  	height:62%;
	  	position:absolute;
	  	left:12px;
	}
 	.arrow{
		transform: rotate(360deg);
	}
	.textstyle{
	    font-size: 24px;
	    font-weight: 500;
	    color: black;
	}
	p.textstyleheading {
		font-size: 36px;
	    font-weight: 700;
	    color: #7741a3;
	    padding-top: 25px;
	}
	.rowpad{
		padding-top: 25px;
	    padding-bottom: 25px;
	}
	.rowpad50{
		padding-top: 50px;
	    padding-bottom: 25px;
	}
	img{	    
		margin: 0 auto;
	    display: block;
	}
	.textstylepurp{
		font-size: 30px;
	    font-weight: 700;
	    color: #83176c;
	}
	.rowborder{
		border: 1px solid #821769;
		padding-top: 10px;
	    padding-bottom: 10px;
	}
	.section1Part1Para2{
	  	font-size: 24px;
    	font-weight: 600;
    	color: black;
	}
	.headingMain{
	    padding-left: 50px;
	    border-bottom: 1px solid #C0C0C0;
	}
	.upperheadingThree{
	    background-color: #83176c;
	    color: white;
	    padding-left: 10px;
        padding-right: 10px;
        padding-top: 5px;
        padding-bottom: 2px;
	    font-size: 20px;
	}
	.header-logo {
		position: relative;
		top: 0px;
		float: right;
		border-right: 1px solid #C0C0C0;
		border-left: 1px solid #C0C0C0;
		right: 94px;
	}
	.section2{
		margin-top: 60px;
	}
	.section1Heading{
		color: #5b2d93;
		font-family: font1;
		font-size: 50px;
    	font-weight: 900;
	}
	.section3{
		margin-top: 30px;
	}
	.section4{
		margin-top: 30px;
	}
	.section{
		margin-top: 60px;
	}
	.section2LeftImg{
	    padding-top: 50px;
        padding-bottom: 40px;
	}
	.ht{
        position: fixed;
        width: 100%;
        left: 0;
        top: 0;
        z-index: 100;
        border-top: 0;
        background-color: white;
        height: 104px;
        padding: 5px 0;
        /*box-shadow: 0px 1px 4px #552c90;*/
        padding-top: 30px;
    }
    .header-logo {
        float: right;
        padding-top: 0px;
        border-right: 1px solid #C0C0C0;
        border-left: 1px solid #C0C0C0;
        position: relative;
        top: -4px;
        right: 50px;
    }
}

@media screen and (min-width: 768px )  and (max-width: 810px){
    .loginbox {
        width: 160px;
        height: 260px;
        background: #7741a3;
        color: white;
    }
	.vl {
	    border-left: 2px solid #7741a3;
	    height: 204px;
	    top: 80%;
	    left: 50%;
	    position: absolute;
	    transform: translate(-50%,-50%);
	    z-index: -1;
	}
}
@media screen and (min-width: 810px )  and (max-width: 850px){
    .loginbox {
        width: 160px;
        height: 260px;
        background: #7741a3;
        color: white;
    }
	.vl {
	    border-left: 2px solid #7741a3;
	    height: 194px;
	    top: 82%;
	    left: 50%;
	    position: absolute;
	    transform: translate(-50%,-50%);
	    z-index: -1;
	}
}
@media screen and (min-width: 850px )  and (max-width: 890px){
    .loginbox {
        width: 160px;
        height: 260px;
        background: #7741a3;
        color: white;
    }
	.vl {
	    border-left: 2px solid #7741a3;
	    height: 208px;
	    top: 81%;
	    left: 50%;
	    position: absolute;
	    transform: translate(-50%,-50%);
	    z-index: -1;
	}
}
@media screen and (min-width: 890px )  and (max-width: 940px){
    .loginbox {
        width: 160px;
        height: 260px;
        background: #7741a3;
        color: white;
    }
	.vl {
	    border-left: 2px solid #7741a3;
	    height: 211px;
	    top: 81%;
	    left: 50%;
	    position: absolute;
	    transform: translate(-50%,-50%);
	    z-index: -1;
	}
}
@media screen and (min-width: 940px )  and (max-width: 990px){
    .loginbox {
        width: 160px;
        height: 260px;
        background: #7741a3;
        color: white;
    }
	.vl {
	    border-left: 2px solid #7741a3;
	    height: 211px;
	    top: 82%;
	    left: 50%;
	    position: absolute;
	    transform: translate(-50%,-50%);
	    z-index: -1;
	}
}
/* tablet, landscape, low resolution laptop and desktop */
@media screen and (min-width: 768px )  and (max-width: 990px){
    .textstyle2 {
        font-size: 20px;
        font-weight: 400;
        color: black;
    }
	.textstylewh2 {
	    width: 100%;
	    font-size: 26px;
	    font-weight: 600;
	    color: white;
	}
	.section3part2Heading {
	    font-size: 26px;
	    font-weight: 600;
	    color: #fff200;
	}
	.Section3Img {
	    display: block;
	    margin: 0 auto;
	    width: 90%;
	}
	.chip {
	    width: 70%;
	}
	.home{
		width: 110%;
	}
	img.train {
	    width: 130%;
	}
	img.arrow {
	    width: 200%;
	}
	img.lamp {
	    margin-left: 0%;
	    width: 140%;
	}
	img.www {
	    margin-left: 7%;
	    margin-top: 20%;
	    width: 140%;
	}
	img.humanrobot {
    	margin-left: 6%;
    	width: 130%;
	}
	.marl20 {
	    margin-left: 40% !important;
	}
    .boxtext1 {
        font-size: 20px;
        color: white;
        font-weight: 600;
        text-align: center;
    }
    .like {
        width: 90%;
    }
    .section1Part1para3 {
        font-size: 26px;
        padding-top: 70px;
        color: #83176c !important;
        width: auto;
        font-weight: 700 !important;
    }
    .eye {
        width: 90%;
    }
    .heart {
        width: 80%;
        margin-top: -20px;
    }
    img.robotbrain {
        width: 130%;
    }
    .all {
        width: 100%;
    }
    .brainCircuit {
        width: 100%;
    }
    .textstylepurp2 {
        font-size: 26px;
        font-weight: 700;
        color: #83176c;
        margin-top: 40px;
    }
    .textstyle3 {
        font-size: 22px;
        font-weight: 500;
        color: black;
    }
    .red-line {
        margin-top: 10px;
        background: #83176c;
        z-index: -1;
        width: 1px;
        height: 54%;
        position: absolute;
        left: 12px;
    }
	.textstylepurp{
		font-size: 30px;
	    font-weight: 700;
	    color: #83176c;
	}
	.section5Lastpara{
		padding: 5% 0%;
	    margin-bottom: 0px;
	    margin-left: 18%;
	}
	.container-fluid {
	    padding-left: 20px;
	    padding-right: 20px;
	}
	.fs36 {
	    font-size: 32px;
	}
	.section2-red-line{
		background:#83176c;
	  	z-index:-1;
	  	width:1px;
	  	height:62%;
	  	position:absolute;
	  	left:12px;
	}
	.textstylewh{
	    width: 84%;
	    font-size: 18px;
	    font-weight: 600;
	    color: white;
	    padding-left: 2%;
	}
	p.textstyleheadingwh {
		font-size: 34px;
	    font-weight: 700;
	    color: white;
	    padding-top: 25px;
	    font-family: font1;
	}
	.textstyle{
	    font-size: 18px;
	    font-weight: 500;
	    color: black;
    }
	p.textstyleheading {
		font-size: 30px;
	    font-weight: 700;
	    color: #7741a3;
	    padding-top: 20px;
	}
	.container-fluid {
	    padding-left: 20px;
	    padding-right: 20px;
	}
	.arrow{
		transform: rotate(360deg);
	}
	.section1Part1Para2{
		font-size: 20px;
    	font-weight: 700;
    	width: 406px;
	}
	.headingMain {
	    padding-left: 20px;
	    border-bottom: 1px solid #C0C0C0;
	}
	.upperheadingThree {
	    background-color: #83176c;
	    color: white;
	    padding-left: 10px;
        padding-right: 10px;
        padding-top: 5px;
        padding-bottom: 2px;
	    font-size: 17px;
	
	}
	.header-logo {
		position: relative;
		top: -2px;
		float: right;
		border-right: 1px solid #C0C0C0;
		border-left: 1px solid #C0C0C0;
		right: 10px;
	}
	.section2{
		margin-top: 0px;
	}
	.section1Heading{
		color: #5b2d93;
		font-family: font1;
		font-size: 42px;
    	font-weight: 900;
	}
	.section3{
		margin-top: 30px;
	}
	.section4{
		margin-top: 60px;
	}
	.section{
		margin-top: 60px;
	}
	.section1Part1Para22 {
	    font-size: 22px;
	    font-weight: 600;
	    color: black;
	}
	.cardFashion {
	    width: 100%;
	}
	.mtMinus60 {
	    margin-top: 0px;
	}
	.graph {
	    width: 80%;
	    margin-right: 0%;
	}
	.loading {
	    width: 62%;
	    margin-right: 12%;
	}
}

/* portrait table, e-readers kindle, */
@media screen and (min-width: 600px )  and (max-width: 767px){
	.section1Part1para3 {
	    font-size: 28px;
	    padding-top: 62px;
	    color: #83176c !important;
	    width: 90%;
	    font-weight: 700 !important;
	}
	.section5Lastpara {
	    padding: 0%;
	    margin-bottom: 0px;
	    margin-left: 10%;
	    border-left: 3px solid #efd60e;
	}
	.textstyle3 {
	    font-size: 22px;
	    font-weight: 500;
	    color: black;
	}
	.textstylewh2 {
	    width: 100%;
	    font-size: 28px;
	    font-weight: 600;
	    color: white;
	}
	.section3part2Heading {
	    font-size: 28px;
	    font-weight: 600;
	    color: #fff200;
	}
	img.lamp {
	    margin-left: auto;
	}
	img.www {
		margin-left: auto;
	}
	.marl20 {
	    margin-left: auto !important;
	}
	img.humanrobot {
	    margin-left: auto;
	}
    .home {
        float: none;
    }
    .like{
        float: none;
    }
    .section2para1 {
        padding: 8% 0;
        width: 80%;
    }
    .rowpad{
	    padding-bottom: 0px !important;
	    padding-left: 60px !important;
	}
    .all {
        width: 50%;
    }
    .brainCircuit {
        width: 50%;
    }
    .loginbox {
        width: 300px;
        height: 300px;
        background: #7741a3;
        color: white;
        display: block;
        margin: 0 auto;
        margin-bottom: 50px;
        margin-top: auto;
    }
    .vl{
        display: none;
    }
    .hr{
        display: none;
    }
    .hrL{
        display: none;
    }
    .hrF{
        display: none;
    }
    .avatar{
        display: none;
    }
    .chip{
        width: 40%;
    }
    .heart {
        width: 40%;
    }
    .eye {
        width: 40%;
    }
    .graph{
        width: 52%;
        margin-right: auto;
    }
    .loading{
        width: 46%;
        margin-right: auto;
    }
    .marl20 {
        margin-left: auto;
    }
	.yellowBorder {
	    border-bottom: 3px solid #efd60e;
	    border-right: 0px solid #efd60e;
	}
	.textstyle {
	    font-size: 22px;
	    font-weight: 500;
	    color: black;
	}
	.textstylepurp {
	    font-size: 30px;
	    font-weight: 700;
	    color: #83176c;
	}
	.fs36 {
	    font-size: 34px;
	}
	p.textstyleheading {
	    font-size: 32px;
	    font-weight: 700;
	    color: #7741a3;
	    padding-top: 25px;
	}
	.cardFashion {
	    width: 50%;
	}
	.mtMinus60 {
	    margin-top: 0px;
	}
	.textstylewh {
	    font-size: 18px;
	    font-weight: 600;
	    color: white;
	    padding-left: 2%;
	}
	p.textstyleheadingwh {
	    font-size: 32px;
	    font-weight: 700;
	    color: white;
	    padding-top: 25px;
	}
	.red-line {
	    background: #83176c;
	    z-index: -1;
	    width: 1px;
	    height: 54%;
	    position: absolute;
	    left: 12px;
	}
	.arrow{
		transform: rotate(90deg);
		margin-top: -50px;
    margin-bottom: -50px;
	}
	.section1Part1Para2{
		font-size: 24px;
    	font-weight: 600;
    	width: auto;
    	text-align: center;
	}
	.textstyle2 {
        font-size: 22px;
        font-weight: 400;
        color: black;
    }
	.headingMain {
	    padding-left: 10px;
	    border-bottom: 1px solid #C0C0C0;
	}
	.upperheadingThree {
	    background-color: #83176c;
	    color: white;
	    padding-left: 5px;
	    padding-top: 4px;
	    padding-bottom: 0px;
	    font-size: 17px;
	}
	.header-logo {
		position: relative;
		top: -6px;
		float: right;
		border-right: 1px solid #C0C0C0;
		border-left: 1px solid #C0C0C0;
		right: 10px;
	}
	.section2{
		margin-top: 0px;
	}
	.section1Heading{
		color: #5b2d93;
		font-family: font1;
		font-size: 30px;
    	font-weight: 600;
    	width: 400px;
    	text-align: center;
        display: block;
        margin: 0 auto;
	}
	.section3{
		margin-top: 30px;
	}
	.section4{
		margin-top: 30px;
	}
	.section{
		margin-top: 60px;
	}
	.section4ImgFive{
	    margin-top: 20px;
	    margin-bottom:20px;
	}
	.section4ImgOne{
	    margin-bottom:20px;
	}
    .section4ImageMiddle {
        position: static;
        margin-top: 20px;
        margin-bottom:20px;
    }
}

/* smartphones, Android phones, landscape iphone */
@media screen and (min-width: 480px )  and (max-width: 600px){
    .textstyle2 {
        font-size: 20px;
        font-weight: 400;
        color: black;
    }
	img.lamp {
	    margin-left: auto;
	}
	img.www {
		margin-left: auto;
	}
	.marl20 {
	    margin-left: auto !important;
	}
	img.humanrobot {
	    margin-left: auto;
	}
    .home {
        float: none;
        width: 100%;
    }
    .like{
        float: none;
        width: 100%;
    }
    .rowpad {
        padding-bottom: 15px !important;
        padding-left: 0px !important;
    }
    .loginbox {
        width: 300px;
        height: 300px;
        background: #7741a3;
        color: white;
        display: block;
        margin: 0 auto;
        margin-bottom: 50px;
        margin-top: 20px;
    }
    .vl{
        display: none;
    }
    .hr{
        display: none;
    }
    .hrL{
        display: none;
    }
    .hrF{
        display: none;
    }
    .avatar{
        display: none;
    }
    .graph{
        width: 52%;
        margin-right: auto;
    }
    .loading{
        width: 48%;
        margin-right: auto;
    }
    .marl20 {
        margin-left: auto;
    }
    .yellowBorder {
	    border-bottom: 3px solid #efd60e;
	    border-right: 0px solid #efd60e;
	}
	.textstylepurp {
	    font-size: 30px;
	    font-weight: 700;
	    color: #83176c;
	}
	.section3part2Heading {
	    font-size: 26px;
	    font-weight: 600;
	    color: #efd60e;
	}
	.fs36 {
	    font-size: 32px;
	}
	p.textstyleheading {
	    font-size: 28px;
	    font-weight: 700;
	    color: #7741a3;
	    padding-top: 0px;
	}
	.textstylewh2 {
	    width: 100%;
	    font-size: 26px;
	    font-weight: 600;
	    color: white;
	}
	.textstyle3 {
	    font-size: 22px;
	    font-weight: 500;
	    color: black;
	}
	.section2para1 {
	    padding: 0% 0;
	}
	.mtMinus60 {
	    margin-top: 0px;
	}
	.textstylewh {
	    font-size: 18px;
	    font-weight: 600;
	    color: white;
	    padding-left: 2%;
	}
	p.textstyleheadingwh {
	    font-size: 30px;
	    font-weight: 700;
	    color: white;
	    padding-top: 25px;
	}
	.red-line {
	    background: #83176c;
	    z-index: 0;
	    width: 1px;
	    height: 54%;
	    position: absolute;
	    left: 12px;
	}
	p.textstyleheading {
	    font-size: 28px;
	    font-weight: 700;
	    color: #7741a3;
	    padding-top: 25px;
	}
	.textstyle {
	    font-size: 18px;
	    font-weight: 500;
	    color: black;
	}
	.section1 {
	    padding-top: 170px;
	}
	.arrow{
		transform: rotate(90deg);
		margin-top: -50px;
    margin-bottom: -50px;
	}
	.section4ImgFive{
	    margin-top: 20px;
	    margin-bottom:20px;
	}
	.section4ImgOne{
	    margin-bottom:20px;
	}
    .section4ImageMiddle {
        position: static;
        margin-top: 20px;
        margin-bottom:20px;
    }
	.ht{
        position: fixed;
        width: 100%;
        left: 0;
        top: 0;
        z-index: 100;
        border-top: 0;
        background-color: white;
        height: 104px;
        padding: 5px 0;
        /*box-shadow: 0px 1px 4px #552c90;*/
        padding-top: 10px;
        height: 154px !important;
    }
	.section1Part1Para2{
		font-size: 20px;
    	font-weight: 600;
    	width: auto;
    	text-align: center;
	}
	.headingMain {
	    padding-left: 10px;
	    border-bottom: 1px solid #C0C0C0;
	    margin-top: 12px;
        text-align: center;
	}
	.upperheadingThree {
	    background-color: #83176c;
	    color: white;
	    padding-left: 5px;
	    padding-top: 1px;
	    padding-bottom: 0px;
	    font-size: 16px;
	}
	.header-logo {
		position: relative;
		top: 0px;
		float: none;
		border-right: 0px solid #C0C0C0;
		border-left: 0px solid #C0C0C0;
		right: 0px;
		display: block;
        margin: 0 auto;
        text-align: center;
	}
	.section2{
		margin-top: 30px;
	}
	.section1Heading{
		color: #5b2d93;
		font-family: font1;
		font-size: 26px;
    	font-weight: 600;
    	padding-top: 0px;
        margin-top: -40px;
        text-align: center;
        display: block;
        margin: 0 auto;
        width: 378px;
	}
	.section3Para1{
		color: #5e2e8d;
		font-family: font1;
		font-size: 24px;
    	font-weight: 600;
    	padding-right: 30px;
		padding-left: 30px;
	}
	.section3{
		margin-top: 60px;
	}
	.section4{
		margin-top: 60px;
	}
	.section{
		margin-top: 60px;
	}
	.section2LeftImg{
	    padding-top: 50px;
        padding-bottom: 40px;
        width: 100%;
        display: block;
        margin: 0 auto;
        float: none;
	}
	.section1Part1para3 {
	    font-size: 28px;
	    padding-top: 70px;
	    color: #83176c !important;
	    width: 90%;
	    font-weight: 700 !important;
	}
}

/* smartphones, protrait iphone, protrait 480x320 phones (Android) */
@media (max-width: 480px){
    .textstyle2 {
        font-size: 20px;
        font-weight: 400;
        color: black;
    }
	img.lamp {
	    margin-left: auto;
	}
	img.www {
		margin-left: auto;
	}
	.marl20 {
	    margin-left: auto !important;
	}
	img.humanrobot {
	    margin-left: auto;
	}
    .home {
        float: none;
    }
    .like{
        float: none;
    }
    .rowpad {
        padding-bottom: 15px !important;
        padding-left: 0px !important;
    }
    .loginbox {
        width: 300px;
        height: 300px;
        background: #7741a3;
        color: white;
        display: block;
        margin: 0 auto;
        margin-bottom: 50px;
        margin-top: 20px;
    }
    .vl{
        display: none;
    }
    .hr{
        display: none;
    }
    .hrL{
        display: none;
    }
    .hrF{
        display: none;
    }
    .avatar{
        display: none;
    }
    .graph{
        width: 52%;
        margin-right: auto;
    }
    .loading{
        width: 46%;
        margin-right: auto;
    }
    .section5Lastpara {
        padding: 5% 0%;
        margin-bottom: 0px;
        margin-left: 5%;
    }
    .mtMinus6 {
        margin-top: 5px;
    }
    .rowborder {
        border: 1px solid #821769;
        padding-top: 10px;
        padding-bottom: 10px;
        margin-top: 50px;
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
    .mt12{
        margin-top:12px;
    }
    .textstylewh2 {
        width: auto;
        font-size: 24px;
        font-weight: 600;
        color: white;
        margin-left: 15px;
        margin-right: 15px;
    }
    .textstyle3 {
        font-size: 20px;
        font-weight: 500;
        color: black;
    }
    .textstylepurp2 {
        font-size: 24px;
        font-weight: 600;
        color: #83176c;
        margin-top: 10px;
    }
    .section1Part1para3 {
        font-size: 22px;
        padding-top: 10px;
        color: #83176c !important;
        width: auto;
        font-weight: 700 !important;
    }
    .section1Part1Para22 {
        font-size: 22px;
        font-weight: 600;
        color: black;
    }
    .ht {
        position: fixed;
        width: 100%;
        left: 0;
        top: 0;
        z-index: 100;
        border-top: 0;
        background-color: white;
        height: 104px !important;
        padding: 5px 0;
        padding-top: 10px;
    }
    .container-fluid {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .marl20 {
        margin-left: auto;
    }
    img.robotbrain {
        width: 60%;
    }
    .section2-red-line {
        background: #83176c;
        z-index: -1;
        width: 1px;
        height: 62%;
        position: absolute;
        left: 12px;
    }
    img.home {
        width: 100%;
    }
    .red-line-long {
        background: #83176c;
        z-index: 0;
        width: 1px;
        height: 80%;
        position: absolute;
        left: 12px;
    }
    .yellowBorder {
	    border-bottom: 3px solid #efd60e;
	    border-right: 0px solid #efd60e;
	}
	.textstylepurp {
	    font-size: 24px;
	    font-weight: 700;
	    color: #83176c;
	}
	.section3part2Heading {
	    margin-left: 15px;
        margin-right: 15px;
	    font-size: 24px;
	    font-weight: 600;
	    color: #efd60e;
	    text-align: left;
	}
	.fs36 {
	    font-size: 28px;
	}
	.section2para1 {
	    width: 60%;
	}
	.mtMinus60 {
	    margin-top: 0px;
	}
	.cardFashion {
	    width: 70%;
	}
	.white-line {
	    background: #FFF;
	    z-index: 0;
	    top: 0px;
	    width: 1px;
	    height: 50%;
	    position: absolute;
	    left: 12px;
	}
	.textstylewh {
	    font-size: 18px;
	    font-weight: 600;
	    color: white;
	    padding-left: 2%;
	}
	p.textstyleheadingwh {
	    font-size: 24px;
	    font-weight: 700;
	    color: white;
	    padding-top: 25px;
	}
	.red-line {
	    background: #83176c;
	    z-index: -1;
	    width: 1px;
	    height: 54%;
	    position: absolute;
	    left: 12px;
	}
	.textstyle {
	    font-size: 20px;
	    font-weight: 500;
	    color: black;
	}
	p.textstyleheading {
	    font-size: 26px;
	    font-weight: 700;
	    color: #7741a3;
	    padding-top: 30px;
	}
	.section1 {
	    padding-top: 150px;
	}
	.arrow{
		transform: rotate(90deg);
		margin-top: -50px;
    margin-bottom: -50px;
	}
	.section4ImgFive{
	    margin-top: 20px;
	    margin-bottom:20px;
	}
	.section4ImgOne{
	    margin-bottom:20px;
	}
    .section4ImageMiddle {
        position: static;
        margin-top: 20px;
        margin-bottom:20px;
    }
  	.section1Part1Para2{
		font-size: 22px;
    	font-weight: 600;
    	width: auto;
    	text-align: center;
	}
	.headingMain {
        padding-left: 0px;
        padding-top: 5px;
        padding-bottom: 5px;
        margin-top: 10px;
        border-bottom: 1px solid #C0C0C0;
        text-align: center;
        width: 100%;
        background: #83176c;
    }
	.upperheadingThree {
	    background-color: #83176c;
	    color: white;
	    padding-left: 5px;
	    padding-bottom: 0px;
	    font-size: 18px;
	}
	.header-logo {
		position: relative;
		top: 0px;
		float: none;
		border-right: 0px solid #C0C0C0;
		border-left: 0px solid #C0C0C0;
		display: block;
        margin: 0 auto;
        right:0px;
	}
	.section2{
		margin-top: 0px;
	}
	.section1Heading{
		color: #5b2d93;
		font-family: font1;
		font-size: 32px;
    	font-weight: 600;
    	text-align: center;
    	line-height: 54px;
	}
	.section3Row{
		padding-right: 50px;
		padding-left: 50px;
	}
	.section3{
		margin-top: 30px;
	}
	.section4{
		margin-top: 30px;
	}
	.section{
		margin-top: 60px;
	}
	.section2LeftImg{
	    padding-top: 50px;
        padding-bottom: 40px;
        width: 100%;
        display: block;
        margin: 0 auto;
        float: none;
	}
	.ht{
        height: 156px !important;
	}
}