@media (min-width:3000px) and (max-width:3845px){
	.type1 {
		width: 350px;
		height: 350px;
		top: 80px;
		left: 80px;
	}
	.intro {
		width: 680px;
		left: -90px;
		top: -86px;
	}
	.inter {
		width: 1010px;
		left: -260px;
		top: -231px;
	}
	.adv {
		width: 1320px;
		left: -380px;
		top: -371px;
	}
	.interaction_circle {
		padding: 0px 360px 0px 60px;
	}
	.displayTechName{
		font-size: 22px;
		top: 51%;
	}
	/* .align_level {
       top: 22%;
	} */
	.align_level {
		top: 0;
	}
}
@media (min-width:2400px) and (max-width:2600px){
	.circleBase {
		top: 4%;
		left: 4%;
	}
	.type1 {
		width: 400px;
		height: 400px;
    }
	.intro {
		width: 620px;
		left: -100px;
		top: -70px;
	}
	.inter {
		width: 910px;
		left: -277px;
		top: -203px;
	}
	.adv {
		width: 1150px;
		left: -405px;
		top: -329px;
	}
	.interaction_circle {
		padding: 0px 230px 0px 60px;
	}
	.displayTechName{
		font-size: 22px;
		top: 51%;
	}
	.align_level {
       top: 22%;
	}

}
@media (min-width:1900px) and (max-width:2000px){
	.type1 {
		width: 300px;
		height: 300px;
		top: 5%;
		left: 5%;
	}
	/* .displayTechName {
		position: absolute;
		top: 58%;
	} */
	.interaction_circle {
		padding: 0px 150px 0px 60px;
	}

	.introductory {
    border: 2px dotted #B6B8B9;
    border-radius: 50%;
    margin: 15px;
    padding: 38px 10px;
}

	/* .advanced a img {
		width: 50%;
	} */

	.selected_track_list li.Cloud_li .introductory img {
    /* padding: 26px 20px; */
    width: 70%;
	}

	.selected_track_list li.Security_li .introductory img {
    /* padding: 26px 20px; */
    width: 58%;
	}

	.body_bg_three {
		position: absolute;
		left: 0;
		top: 0;
	}
	.intro_bg{
		padding: 50px 120px;
	}
	.newbg2 {
		width: 25%;
		margin-left: 24%;
		margin-top: -14%;
	}
}
@media (min-width:1651px) and (max-width:1700px){
	.type1{
		top: 6%;
		left: 6%;
	}
	.inter {
		left: -18%;
		top: -11.2%;
	}
	.adv {
        left: -27%;
		top: -19%;
   }
   .newbg2 {
    width: 32%;
    margin-left: 25%;
    margin-top: -24%;
	}
}
@media (min-width:1600px) and (max-width:1650px){
	.type1{
		top: 6%;
		left: 6%;
	}
	.inter {
		left: -18%;
		top: -12.2%;
	}
	.adv {
        left: -27%;
		top: -21.3%;
   }
   .newbg2 {
		margin-left: 19%;
		margin-top: -6%;
   }
	.intro_bg {
		padding: 50px 110px;
	}
}
@media (min-width:1535px) and (max-width:1599px){
	.circleBase {
		top: 6%;
		left: 4%;
	}
	.track_video {
		/* max-width: 70%; */
		max-width: 100%;
	}
	.quiz_one h4 {
		font-size: 17px;
	}
	.quiz_one p {
		font-size: 15px;
	}
	.quiz_one ul li {
		padding: 7px 15px;
		font-size: 16px;
	}
	.displayTechName{
	    font-size: 14px;
    }
	.g-3 input, .location, .company_name, .email {
		font-size: 13px;
		padding: 16px 43px;
		background-position: bottom 10px left 15px !important;
		padding-left: 40px;
	}
}
@media (min-width:1440px) and (max-width:1534px){
	.type1 {
		width: 220px;
		height: 220px;
		background: #ffffff;
		top: 5%;
		left: 5%;
	}
	.inter {
		left: -18%;
		top: -11.3%;
	}
	.adv {
		left: -27%;
		top: -19.5%;
	}
	.displayTechName {
		font-size:12px;
	}
	.grey_bg_rt {
		padding: 35px 30px 20px 0px;
	}
	.quiz_one ul li {
		padding: 10px 15px;
		margin-bottom: 8px;
	}
	.interaction_circle {
		padding: 0px 95px 0px 60px;
	}
}
@media (max-width:1365px){
	.quiz_one h6, .quiz_one p{
		font-size:16px;
	}
	.quiz_one h4{
		font-size: 17px;
	}
	.quiz{
		font-size:15px;
	}
}
@media (min-width:1365px) and (max-width:1439px){
	.type1 {
		width: 220px;
		height: 220px;
		top: 3%;
		left: 4%;
	}
	.inter {
		left: -18%;
		top: -10.2%;
	}
	.adv {
		left: -27%;
		top: -19.5%;
	}
	.displayTechName {
		font-size:12px;
	}
	.adv {
		top: -16.7%;
	}
}
@media (min-width:1300px) and (max-width:1366px){
	.grey_bg_rt {
		padding: 15px 0px 20px 0px !important;
	}
	.interaction_bdr{
		bottom:15px;
	}
	.selected_track_list {
		margin: 20px 0px;
	}
	.quiz_one ul li{
		padding:4px 15px;
	}
	.type1 {
		width: 220px;
		height: 220px;
		background: #ffffff;
		top: 6%;
		left: 3%;
	}
	/* .align_level {
		max-width: 30%;
	} */
	.grey_bg_rt h3{
		font-size: 13px;
	}
	.displayTechName{
		font-size: 12px;
	}
	.inter{
		left: -18%;
		top: -12.8%;
	}
	.adv {
		left: -27%;
		top: -22.5%;
	}
	.vloader{
		max-width:90%;
		min-height:345px;
	}
	.vloader img{
		width: 5%;
		margin: 20%;
	}
	.track_video{
		/* max-width:90%; */
		max-width:100%;
		min-height:345px;
	}
	.quiz{
		font-size: 15px;
	}
	.quiz_one h4, .quiz_one p {
		font-size: 15px;
	}
	.quiz_one h6{
		font-size: 16px;
	}
	.g-3 input, .location, .company_name, .email {
		font-size: 13px;
		padding: 16px 43px;
		background-position: bottom 9px left 15px !important;
		padding-left: 40px;
		margin-left:0;
	}
}
@media (min-width:1279px) and (max-width:1280px){
	.body_bg_three {
		top: -46px;
	}
	.newbg2 {
		margin-top: 0%;
	}
	.interaction_circle .g-3 .col-12{height:60px !important;}
}

@media (min-width:1025px) and (max-width:1299px){
	.grey_bg_rt {
		padding: 30px 30px 20px 0px !important;
	}
	.interaction_bdr{
		bottom:15px;
		margin-top: 30px;
	}
	.selected_track_list {
		margin: 20px 0px;
	}
	.quiz_one ul li{
		padding:10px 15px;
	}
	.interaction_circle {
		padding: 0px 60px 0px 60px;
	}
	.type1 {
		width: 200px;
		height: 200px;
		top: 5%;
		left: 5%;
	}
	.displayTechName {
		font-size: 10px;
	}
	.inter{
		top: -11.7%;
	}
	.adv{
		top: -20.3%;
	}
	.g-3 input, .location, .company_name, .email {
		font-size: 14px;
		padding: 20px 43px;
		background-position: bottom 14px left 15px !important;
		padding-left: 40px;
	}
}
@media (min-width:1270px) and (max-width:1298px){
	.track_video {
		/* max-width: 70%; */
		max-width: 100%;
	}
	.quiz_one ul li {
		padding: 2px 15px;
	}
	.quiz_one h6, .quiz_one p {
		font-size: 14px;
	}
	.quiz_one h4 {
		font-size: 14px;
	}
	.quiz {
        padding: 5px 5px 5px 40px;
        font-size: 12px;
	}
	.checkmark {
		top: 2px;
		height: 22px;
		width: 22px;
	}
	.align_level {
		/*max-width: 25%;*/
	}
	.continue_interaction {
		padding: 7px 33px 5px;
		font-size: 14px;
	}
	.g-3 input, .location, .company_name, .email {
		font-size: 12px;
		padding: 10px 24px;
		background-position: bottom 8px left 15px !important;
		padding-left: 40px;
	}

	.grey_bg_rt {
		padding: 10px 30px 20px 0px !important;
	}
	.interaction_circle li {
		margin-bottom: 20px;
	}
	.intro_text {
		width: 70% !important;
	}
}
@media (min-width:320px) and (max-width:820px){
	.body_bg_one, .body_bg_three{
		width:50%;
	}
	.body_bg_two{
		display: none;
	}
	.progress_bar{
		color: #fff;
	}
	.intro_text {
		width: 80% !important;
	}
	.intro_bg{
		padding:10px;
		height:auto !important;
	}
	.intro_text h1{
		font-size: 30px;
		margin: initial;
	}
	.intro_text p {
		margin-top: 20px;
		margin-bottom: 30px;
		font-size: 16px;
	}
	.header{
		padding: 10px;
	}
	.menu, .int_menu{
		padding-left: 0px;
		margin-right: 0px;
	}
	.int_menu li a {
		font-size: 12px;
		margin-left: 12px;
	}
	.green_bg_lt, .clickable_green_bg_lt, .about_you_left{
		height: 200px;
	}
	.cnt_wdth {
		width: 80%;
		margin: 0 auto;
		margin-left: 10%;
	}
	.cnt_wdth h4{
		font-size: 28px;
	}
	.cnt_wdth p, .cnt_wdth i{
		font-size: 12px;
	}
	.interaction_circle {
		padding: 00px;
		height: 256px;
		/* overflow: scroll; */
	}
	/* .clickable_icons, .hr_line{
		display: none;
	} */
	.grey_bg_rt {
		padding: 25px 0px 20px 0px !important;
		height: auto;
	}
	.grey_bg_rt h3{
		margin-top: 0px;
	}
	.continue_interaction {
		padding: 10px 20px 7px;
    	font-size: 14px;
	}
	.checkbox_checkmark{
		width: 15px;
		height: 15px;
	}
	.fleft label {
		padding-left: 20px;
		padding-top: 4px;
	}
	.quiz_one {
		padding: 0px 40px;
		margin-bottom: 20px;
	}
	.quiz_one h6{
		font-size: 16px;
	}
	.quiz_one h4{
		font-size: 18px;
	}
	.quiz_one p{
		font-size: 18px;
	}
	.add_track {
		width: 100%;
		left: 0px;
		bottom: 60px;
		padding: 0px 5px 10px;
		position: fixed;
	}
	.add_track p{
		font-size: 13px;
	}
	.add_track_btn{
		bottom:0px;
		text-align: center;
		width: 100%;
	}
	.mob_ht{
		height: 575px;
	}
	.introductory a svg {
		height: 40px;
	}
	.selected_track_list li {
		width: 47%;
		margin: 0 auto;
		display: block;
		margin-bottom: 20px;
	}
	.introductory{
		padding: 27px 15px;
	}
	.get_report {
		position: fixed;
		bottom: 0px;
		width: 100%;
		padding: 15px;
		background: #fff;
		border-top: 2px solid #e8e7e7;
		margin-bottom:0 !important;
	}
	.selected_track_list{
		height: 200px;
		overflow: auto;
	}
	.nocongratulations_bg{
		display: block;
		text-align: center;
		height:100vh;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.congratulations_bg svg{
		height: 30%;
		margin: 10px 0px;
	}
	.congratulations_text{
		width: 100%;
		padding: 20px;
		height: auto;
		/* overflow: scroll; */
	}
	.congratulations_text h1{
		margin-top: 0px;
	}
	.congratulations_text h3{
		margin: 10px 0px;
	}
	.interaction_bdr {
		width: 100%;
		bottom: 0px;
		left: 0;
		padding: 15px;
		position: fixed;
		background: #fff;
		z-index: 9;
	}
	/* .align_level{
		top: -20%;
	} */
	.noassessment_text img {
	width: 15%;
	}
}
@media (min-width:360px) and (max-width:812px) and (orientation:landscape){
	.intro_bg{
		height: 305px;
	}
	.intro_text p{
		margin-bottom: 30px;
	}
	.selected_track_list{
		height: 500px;
	}
	.selected_track_list li{
		display: inline-table;
		width: 23%;
		margin-bottom: 10px;
	}
	.mob_ht {
		height: 500px;
	}
	.congratulations_bg svg{
		width: 17%;
	}
	.congratulations_text{
		padding-top:0px;
	}
}
@media (min-width:414px) and (max-width:736px){
	.interaction_bdr {
		width: 100%;
		bottom: 0px;
		left: 0;
		padding: 15px;
		position: fixed;
		background: #fff;
		z-index: 9;
	}
	.interaction_circle{
		height: 305px;
	}
	.selected_track_list{
		height: 288px;
	}
	.selected_track_list li{
		width: 32% !Important;
	}
	.completion_text{
		height: 300px;
		overflow: scroll;
	}
}

@media (min-width:360px) and (max-width:640px) and (orientation:landscape){
	.selected_track_list li{
		width: 31%;
	}
}

@media (min-width:375px) and (max-width:812px){
	.interaction_bdr {
		width: 100%;
		bottom: 0px;
		left: 0;
		padding: 15px;
		position: fixed;
		background: #fff;
		z-index: 9;
	}
	.interaction_circle, .about_you_left{
		height: 400px;
		padding-bottom: 60px !important;
	}
	.interaction_circle.quest_container {
		height: auto;
		margin-bottom:45px;
	}
	.selected_track_list{
		height: 335px;
	}
	.about_you_left{
		height:400px !important;
	}
	.interaction_circle .g-3 .portalgroup{height:60px !important;}
}
@media (min-device-width:375px) and (max-device-width:812px) and (orientation:portrait){
	.type1 {
		top: 3%;
		left: 4%;
	}
	.inter {
		top: -8.5%;
	}
	.adv {
		left: -27%;
		top: -14%;
	}
}
@media only screen
and (min-device-width : 820px)
and (max-device-width : 1180px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio: 2){
	.body_bg{
		height: 100%;
		max-width: 130%;
	}
	.newbg2 {
		width: 30%;
		margin-left: 30%;
		margin-top: -16%;
	}
	.body_bg_three{
		display:none;
	}
	.body_bg_tab1{
		width: 75%;
		position: absolute;
		left: 0;
		top: 0;
		display:block;
	}
	.body_bg_tab2{
		width: 80%;
		position: absolute;
		right: 0;
		bottom: 0;
		display:block;
	}
	.btn-icon-left {
		margin: -5px 11px -5px -15px;
	}
	.nocongratulations_bg{
		height: 100vh;
	}
}
/** Samsung Gallexy Tab s3 Portrait**/
@media only screen and (min-device-width: 768px) and (min-device-width: 768px) and (orientation: portrait) {
.intro_strt_btn{
		margin-bottom:20px;
		width: 260px;
		display: inline-block;
		text-align: center;
		padding: 12px 5px;
		font-size: 28px;
	}
	.right-col > div{margin-top:0 !important;}
	img.img-user-rec {
		width: 55% !important;
		top: 50%;
  		left: 50%;
  		transform: translate(-40%, -45%);
	}
}

/* == iPhone [portrait + landscape] == */
@media only screen and (min-device-width: 375px) {
	img.img-user-rec {
		top: 50%;
  		left: 50%;
  		transform: translate(-40%, -45%);
	}
	.boxRect span.text {
		margin-top: 2px !important;
	}
}

/** Ipad Air and Mini Portrait**/
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1180px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio: 2){
	.body_bg {
		height: 100%;
		max-width: 170%;
		left: 0;
	}
	.intro_bg{
		background: linear-gradient(47deg, rgb(139 173 79) 0%, rgb(139 173 80) 55%, rgb(147 178 85) 100%);
	}
	.into_new h1 {
		font-size: 32px;
	}
	.into_new p {
		font-weight: bold;
		font-size: 30px;
		line-height: 35px;
	}
	.left-col{
		text-align:center;
	}
	.into_new h4{
		padding-right:0;
		font-size: 27px;
	}
	.intro_strt_btn{
		margin-bottom:20px;
		width: 260px;
		display: inline-block;
		text-align: center;
		padding: 12px 5px;
		font-size: 28px;
	}
	.newbg2 {
		display: block;
		width: 60%;
		margin-left: auto;
		margin-right: auto;
	}
	.body_bg_mobile{
		display: block !important;
		position: absolute;
		width: 100%;
		height: auto;
		top: -102px;
	}
	.body_bg{
		display:none !important;
	}
	.body_bg_tab1,.body_bg_tab2{
		display:none !important;
	}
	.newbg2{
			display: block;
			width: 22%;
			margin-left: 38%;
			margin-top: 17%;
	}
	.green_bg_lt{
		height: 400px !important;
	}
	.cnt_wdth p{
		font-size: 18px !important;
	}
	.interaction_bdr{
		padding: 15px 25px !important;
	}
	.interaction_circle{
	    margin-bottom: 40px !important;
	}
	.clickable_green_bg_lt{
		height:400px !important;
	}
	.animate_img{
		width: 55% !important;
	}
	.animatelevels{
		width: 60% !important;
	}
	.progress_bar{
		font-size: 22px !important;
	}

}
@media only screen
and (min-device-width : 820px)
and (max-device-width : 1180px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio: 2){
	.interaction_bdr {
		width: 100%;
		border-top: 2px solid #e8e7e7;
		margin: 0 auto;
		margin-top: 30px;
		position: fixed;
		bottom: 0px;
		left: 0;
		right: 0;
		padding: 15px 20px !important;
	}
	.interaction_circle{
		margin-bottom: 70px !important;
	}
	.select_checkbox .checkbox_checkmark:after{
		left: 7px !important;
		top: 0px !important;
		width: 8px !important;
		height: 14px !important;
	}
	.newbg2 {
    display: block;
    width: 30%;
    margin-left: 35%;
    margin-top: 6%;
	}
	.interaction_circle {
		height: 550px;
		padding: 0px 25px;
	}
	.checkbox_checkmark {
		width: 24px;
		height: 24px;
		top: 2px;

	}
	.fleft label {
		padding-left: 35px;
		padding-top: 4px;
				font-size: 16px;
	}
	.selected_track_list {
		overflow-x: hidden;
	}
	.nocongratulations_bg {
		height: 100vh;
		justify-content: center;
		align-items: center;
		display: flex;
	}
}

@media only screen and (min-device-width : 800px)
and (max-device-width : 1280px) and (orientation:portrait) {
	.body_bg_mobile {
		display: block !important;
		left: -5px;
		position: absolute;
		width: 100%;
		height: auto;
		top: -102px;
	}
	.newbg2 {
		width: 28%;
		margin-bottom:18%;
		margin-left: auto;
		margin-top:9em;
	}
	.body_bg,.body_bg_three,.body_bg_four,.body_bg_tab1,.body_bg_tab2{
		display:none !important;
	}
	.left-col {
		text-align: center;
		margin-bottom:5%;
	}
	.into_new h4{
		padding:0;
	}
	.clickable_green_bg_lt{
		height:550px !important;
	}
	.animate_img {
		width: 60% !important;
	}
	.animatelevels{
		width: 65% !important;
	}
}

@media (min-width:768px) and (max-width:1024px){
	.interaction_circle{
		height: 650px;
		padding: 0px 25px;
	}
	.selected_track_list{
		height: 575px;
	}
	.selected_track_list li{
		width: 22%;
		display: inline-table;
	}
	.ClickCheck_selected, .ClickCheck{
		width: 29px;
		height: 29px;
	}
	.pleft_zero .interaction_bdr{
		width: 100%;
		left: 0px;
	}
	.intro_text {
		width: 90% !important;
	}
}
@media (min-width:768px) and (max-width:1024px) and (orientation:landscape){
	.header{
		padding: 10px 35px;
	}
	.trackimage{
		max-width: 50px;
	}
	.displayTechName {
		font-size: 12px;
	}
	.interaction_bdr{
		width: 92% !important;
		left: 40px;
	}
	.add_track{
		width: 94%;
	}
	.selected_track_list{
		height: 300px;
	}
	.selected_track_list li{
		width: 13%;
	}
	.introductory{
		padding: 12px 15px;
	}
	.get_report {
		position: fixed;
		bottom: 0px;
		width: 100%;
		padding: 15px;
		background: #fff;
		border-top: 2px solid #e8e7e7;
	}
	.intro {
		width: 240px;
		left: -23px;
		top: -30px;
	}
	.inter {
		left: -60px;
		top: -65px;
		width: 320px;
	}
	.adv {
		width: 390px;
		left: -90px;
		top: -103px;
	}
	.type1{
		width: 160px;
		height: 160px;
		top: 2%;
		left: 4%;
	}
	.interaction_circle li a{
		font-size: 11px;
	}
	.btn-icon-left {
		margin: -5px 6px -5px -14px;
	}
	.interaction_circle li h6 {
		min-height: 45px;
	}
	.listimg {
		width: 50px;
	}
	.newbg2 {
	width: 30%;
    margin-left: 35%;
    margin-top: -5%;
	}
	.startlist {
		font-size: 14px;
	}
	.start_content{
		margin: 0;
	}
	.intro_bg {
		padding: 50px 40px;
	}
	.body_bg_three{
	display:none;
	}
	.body_bg_tab1{
		width: 80%;
		position: absolute;
		left: 0;
		top: 0;
		display:block;
	}
	.body_bg_tab2{
		width: 80%;
		position: absolute;
		right: 0;
		bottom: 0;
		display:block;
	}

	.interaction_circle .g-3 .portalgroup, .interaction_circle .g-3 .customergroup{
		height: 65px;
	}

}
@media (min-width:768px) and (max-width:1024px) and (orientation:portrait){
	.select_checkbox .checkbox_checkmark:after{
		left: 3px;
		top: 0px;
		width: 5px;
		height: 9px;
	}
/* 	.align_level{
		top: 28%;
	} */
	.type1{
		width: 280px;
		height: 280px;
		top: 10%;
		left: 9%;
	}
	.inter{
		top: -12.5%;
	}
	.adv{
		top: -22%;
	}
	.pleft_zero .interaction_bdr{
		width: 100%;
		left: 0px;
	}
	.interaction_circle {
		height: auto;
		padding: 0px 25px;
		margin-bottom:20px;
	}
	.about_you_left{
		height:650px !important;
	}
	.interaction_circle.pleft_zero{
		margin-bottom: 40px;
	}
	.grey_bg_rt{
		height:auto !important;
	}
	.intro_bg {
		justify-content: center;
	}
/* 	.newbg2{
		display:block;
		width: 60%;
		margin-left: 14%;
	} */
	.body_bg_three{
		display:none;
	}
	.body_bg_four{
		display:none;
	}
	.body_bg_three{
		display:none;
	}
	.body_bg_tab1{
		width: 80%;
		position: absolute;
		left: 0;
		top: 0;
		display:block;
	}
	.body_bg_tab2{
		width: 80%;
		position: absolute;
		right: 0;
		bottom: 0;
		display:block;
	}
}


@media (max-width:767px){
	.trackimage{
		max-width:45px;
	}
	.type1 {
		width: 180px;
		height: 180px;
		background: #ffffff;
		top: 4%;
		left: 4%;
   }
   .displayTechName{
		font-size:11px;
   }
   .adv {
		left: -27%;
		top: -18%;
	}
	.inter {
		left: -19%;
		top: -10.5%;
	}
	.intro {
		left: -7%;
		top: -4%;
	}
	.select_checkbox .checkbox_checkmark:after {
		left: 3px;
		top: 1px;
		width: 5px;
		height: 9px;
	}
	span.error {
		font-size: 11px;
		color: #ff1010;
		padding-top: 10px;
	}
	.track_video{
		/* max-width:100%; */
		max-width:100%;
	}

	/* For New Page */
	.intro_bg {
		overflow: auto;
		/* padding: 30px 30px; */
		padding-left:40px;
		height:100% !important;
		background-image: linear-gradient(to right, #2D6A00, #84B135);
	}
	.body_bg{
		/* opacity: 0.1; */
	}
	.into_new h4{
		padding-right:0px;
	}
	.intro_strt_btn{
		margin-bottom: 60px;
		margin-top: 30px;
	}

	.left-col{
		text-align:center;
	}
	.startlist{
		width:100% !important;
		justify-content: left;
		margin-bottom: 20px;
	}
	.newbg2{
		display:none;
	}
	.body_bg_three {
		left: -32px;
		/* bottom: 0; */
		top: 300px;
	}
	.body_bg_four {
		width:100%;
		top: 16px;
	}
}
@media (max-width:481px){
	.adv {
		top: -23%;
		width: 440px;
	}
	.inter {
		top: -13.5%;
		width: 365px;
	}
	.intro {
		top: -4%;
		width: 270px;
	}
	#exampleModalCenter .modal-dialog {
		margin: 0;
	}
	.modal-header .close {
		padding:7px;
	}
}

@media only screen and (max-device-width: 823px) and (orientation:landscape){
	#turn {
		display: flex;
		justify-content: center;
		align-items: center;
		height: 100%;
		font-size: 1.3em;
		color: #fff;
		position: fixed;
		z-index: 1111;
		width: 100%;
		background: #7ca93d;
	}
}

@media (min-width: 2560px) {
	.body_bg{width:100%;height:100%;}
	.track_video {
		max-width: 70%;
	}
	.interaction_bdr {
		width: 92%;
		/* background: #fff; */
	}
	.pleft_zero .quiz_one{
		overflow-y: auto;
		max-height: 260px;
	}
	.pleft_zero .interaction_bdr {
		width: 95%;
		/* background: #fff; */
	}

	.interaction_circle {
		height: 85%;
		padding: 0px 25px;
		overflow-y: scroll;
	}
	.white_bg p{text-align:center;}
}



@media (min-width: 1728px) {
	.interaction_bdr {
		width: 92%;
		/* background: #fff; */
	}
	#aboutyou .quiz_one {
		/* overflow-y: auto; */
		max-height: 100%;
		padding-bottom:10px;
	}
	.pleft_zero .interaction_bdr {
		width: 95%;
		/* background: #fff; */
	}

}
@media (max-width: 576px) {
	.body_bg{
		display:none;
	}
	.body_bg_three{
		display:none;
	}
	.body_bg_four{
		display:none;
	}
	.intro_bg{
		/* background-image: linear-gradient(to right, #8bad50, #84B135); */
		background-image: linear-gradient(to right, #2D6A00, #2D6A00);
	}
	.interaction_circle {
	height: auto;
	padding-bottom: 30px;
	}
	.body_bg_mobile{
		display: block !important;
		left: -2px;
		position: absolute;
		width: 100%;
		height: auto;
		top: -51px;
	}
	.newbg2{
		display: block;
		width: 100px;
		margin-left: 34%;
		margin-top: 20%;
	}
	.left-col h1{
		margin-top: 30px;
	}
	.get_report{
	margin-bottom:0;
	}
	.green_bg_lt{
		height:350px !important;
	}
	.selected_track_list li {
		width:50% !important;
	}
	.get_report{
	margin-bottom:0 !important;
	}
	.get_report button{
	    width: 275px;
	}
	.get_report button.download_report {
		margin-bottom: 10px;
		margin-right: 0px;
		padding: 7px 56px 6px 10px !important;
	}
	.get_report button.email_report {
		padding: 7px 100px 6px 0px;
	}
	.email_report span.image, .download_report span.image {
		margin-right: 9px !important;
	}
	.juser{
		font-size: 16px;
		line-height: 16px;
		width:60%
	}
	.jcust{
		font-size: 16px;
		line-height: 16px;
		width:60%
	}
	.interaction_circle .g-3 .portalgroup, .interaction_circle .g-3 .customergroup{
		height:80px;
		/* margin-bottom: 16px; */
	}

	.pleft_zero .interaction_bdr{
		width:100%;
	}
	.quiz_one{
	padding: 0px 20px;
	}
	.advanced a img {
	max-width: 80px;
	max-height: 66px;
	}
	.Cloud_li .introductory{
	padding: 28px 10px !important;
	}
	.selected_track_list{
		margin: 30px 0px 120px 0px;
	}
	.selected_track_list li h6{
		width:100% !important;
	}
	.completed_levels{
		text-align:left !important;
	}
	.region-group{
		width:100%;
	}
}
@-moz-document url-prefix() {
.modal-header .close {
    line-height: 11px;
}
.black{
	background-position: top 24px left 33px;
}
.black:hover{
	background-position: top 24px left 33px;
}
}
@media (min-width:1085px) and (max-width:1100px){
	.intro_bg{height:auto !important;}
	.interaction_circle li{    margin-bottom: 10px;    transform: scale(0.6);width:26%}
	.quiz_one{height: 330px;overflow-y: scroll;}
	.interaction_circle .g-3 .col-12{height:62px;}
	.interaction_circle .g-3 .portalgroup, .interaction_circle .g-3 .customergroup{height:60px;}
	.interaction_circle li a{padding: 5px 8px;}
	.track_video{transform:scale(0.8);}
	.interaction_circle li h6{font-size:11px;}
	.BoxContainer .RightBoxContainer p{padding-right:40px;}
	.created-by{margin-left: 35px; margin-right: 35px;}
	.pleft_zero .interaction_bdr{background:#fff;}
	.quiz_one ul li{width:auto;}
}
.created-by{margin-left: 35px; margin-right: 35px;}
@media only screen and (min-device-width : 1270px) and (max-device-width : 1290px) {
#aboutyou .interaction_circle{height:450px;overflow-y:scroll;}
.fffix{margin-top:0px !important;}
}
@-moz-document url-prefix() {
@media only screen and (min-device-width : 2550px) and (max-device-width : 2570px) {
.interaction_bdr{padding-bottom:30px;}
.clickable_icons{bottom:50px;}

}
@media only screen and (min-device-width : 1270px) and (max-device-width : 1290px) {
#aboutyou .interaction_circle{height:450px;overflow-y:scroll;}
.interaction_bdr{background:#fff;}
.fffix{margin-top:0px !important;}
}
}
@media only screen and (min-device-width : 2550px) and (max-device-width : 2570px) {
	.body_bg{width:100%;height:100%;}
	.interaction_bdr{padding-bottom:30px;}
	.clickable_icons{bottom:50px;}
	.newbg2 {margin-top: -25em !important;}
}
@media (min-width:720px) and (max-width:1280px) {
	.contact-row p {
		font-size: 12px !important;
	}
}
@media only screen and (min-width: 834px) and (max-width: 1194px)  {
	.intro_bg {
		height: auto !important;
	}
	.newbg2 {
	   width: 30%;
	   margin-top: 6.5em;
	   margin-left:auto;
	}
}