@media only screen and (max-width: 364px) {
	.title-bottom-frame6 h3, .title-overlay h3{
		font-size: 18px!important
	}
}
@media only screen and (max-width: 412px) {
	

	.title-step p {
		line-height: 1 !important;
	}
	.title-step{
		font-size: 9px!important;
	}
	.name-manager{
		font-size: 14px!important;
		padding: 7px 4px 10px 5px;
	}
	.roadmap-left .step-month {
	    top: -58%;
    	left: 5%;
    	transform: rotate(-23deg);
	}
	.frame5 .step-month p{
		font-size: 12px!important
	}
	.im-pos-common img{
		width: 100%!important;
	}
	.logo-img-right,.logo img{
		width: 92px;
	}
	.logo-right{
		padding-left: 0
	}
	.navbar-toggle {
	    margin-top: 0px;
	    margin-right: 2px;
	    margin-bottom: 1px;
	}
	body {
	    padding-top: 48px!important;
	}
	.title-programe{
		font-size: 17px;
	}
	.show-content{
		top: 49px!important;
	}
	.title-bottom-frame6-right{
		margin-top: -57px;
	}
	.title-b2,.title-b3,.title-bottom-frame6-right{
		display: flex;

	}
	.title-b2 h3,.title-b3 h3{
		flex: 1;
	}
	
}
@media only screen and (min-width: 500px) and (max-width: 767px){
	.roadmap-left, .roadmap-right {
	    padding: 66px 0px!important;
	}
	.title-journey{
		font-size: 25px!important;
	}
}
@media only screen and (max-width: 767px) {
	.video_wrap {
		width: 100%;
		margin-left: 0 !important;
		height: 100vh;
		overflow: hidden;
	}
	header .dropdown-menu>li>a{
		color: #fff;
	}
	.img-last{
		padding: 0 3px;
	}
	.title-journey{
	    padding: 1px 0 30px 0;
	    color: #17479c;
	    text-align: center;
	    font-size: 19px;
	}
	.frame5 .content-frame{
		padding-bottom: 0;
	}
	.img-pos-right-4{
		top: 0;
		right: 0
	}
	.roadmap-right .step-month img{
		transform: rotateY(172deg);
	}
	.roadmap-left,.roadmap-right{
		padding: 25px 0px;
	}
	.im-pos-common{
		position: static;
	}
	.menu-right-landing{
		width: 156px!important;
	}
	.menu-right-landing ul li:first-child {
	    position: relative;
	    top: 2px!important;
	}
	.show-desktop{
		display: none!important;
	}
	.show-mobile{
		display: block!important;
	}
	body{
		padding-top: 60px;
	}
	.bget {
	    right: 1%;
	    bottom: 34%;
	    width: 44%;
	    z-index: -1;
	}
	.bgst {
	    width: 41%;
	    left: 8%;
	    bottom: 29%;
	}
	.bMT {
	    width: 58%;
	    bottom: 91px;
	    left: 35%;
	}
	.wave-6{
		bottom: 29%;
	}
	.des-managers{
		font-size: 14px!important;
		left: 5px;
	}
	.content-testimonial{
		height: 97%
	}
	.des-management{
		height: 69%;
	}
	.banner-mobile{
		display: block;
	}
	.hidden-mobile{
		display: none!important;
	}
	.frame5 .title-top-frame h2{
		padding: 13px 0 10px 0;
	}
	.title-overlay h3{
		margin-top: 0!important;
	}
	.img-left-frame3, .img-right-frame3{
		width: 100%
	}
	.container{
		padding-left: 8px;
		padding-right: 8px;
	}
	.close-step, .close-des-management {
	    width: 21px;
	    height: 21px;
	    right: 2%;
    	top: 4%;
	}
	.name-manager{
		font-size: 15px;
	}
	.close-step span, .close-des-management span {
	    position: absolute;
	    top: -7px;
	    left: 4px;
	}
	.img-frame7 img{
		margin-top: 4px;
	}
	.title-bottom-frame6 h3, .title-overlay h3{
		font-size: 19px;
		margin-top: 6px;
	}
	.arrow-left,.arrow-right{
		display: none;
	}
	.roadmap-left .col-xs-3,.roadmap-right .col-xs-3{
		padding: 0 3px;
	}
	.roadmap-right .step-month {
	    left: 38px;
    	top: -21%;
	    transform: rotate(10deg);
	}
	.roadmap-left .step-month {
	    top: -22%;
	    left: 39%;
	    transform: rotate(12deg)
	}
	.step-month p {
	    top: -38%;
	    transform: rotate(-12deg);
	    left: 14%;
	    font-size: 15px!important;
	    text-align: center;
	}
	.im-pos-common img.images-100{
		width: 80%;
	}
	.line-roadmap{
		display: none;
	}
	.show-content{
		background: rgba(23, 71, 156, 0.9);
	    position: fixed;
	    width: 100%;
	    height: 100%;
	    z-index: 100;
	    color: #fff;
	    top: 61px;
	    overflow-y: auto;
	}
	.body-popup{
		padding: 15px; 13px;
	}
	.title-popup-show{
		margin-top: 30px;
	}
	.title-popup-show p{
		text-align: center;
	}
	.head-popup{
		position: relative;
		height: 38px;
		margin-bottom: 15px;
	}
	.head-popup .btn-close-content{
		position: absolute;
	    right: 11px;
	    background: none;
	    border: none;
	    font-size: 20px;
	    top: -26px;
	    opacity: 0.7;
	}
	.step-application {
	    transform: translate(-11%,95%);
	}
	.step-testing {
	    transform: translate(-12%,64%);
	}
	.step-intinial {
	    transform: translate(-12%,32%);
	}
	.step-assessment {
	    transform: translate(-14%,5%);
	}
	.step-boarding {
	    transform: translate(85%,-125%);
	}
	.frame7 .content-frame, .frame8 .content-frame{
		width: 100%
	}
	.title-step{
		font-size: 15px;
	}
	.content-frame-4 .col-xs-2{
		width: 21%;
    	padding: 0;
	}
	.content-frame-4 img{
		width: 100%;
	}
	.no-xs-padding{
		padding-left: 0;
		padding-right: 0;
	}
	header{
		padding: 5px 0;
	}
	.carousel-control .glyphicon-chevron-left {
	    margin-left: -15px;
	    top: 42%;
	}
	.carousel-control .fa-caret-right, .carousel-control .fa-caret-left{
		font-size: 39px;
	}
	.carousel-control .glyphicon-chevron-right{
		top: 42%;
	}
	.apply-now a{
		font-size: 10px!important;
	}
	.menu-right ul li a{
		padding-top: 1px;
	}
	.menu-right ul li:first-child{
		position: relative;
		top: 5px;
	}
	.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
	    max-height: 100%;
	}
	.menu-right ul li{
		width: 34px;
		height: 34px;
		margin-top: 3px;
		display: inline-block;
	}
	.menu-right ul{
		padding: 0 3px  3px 4px;
	}
	.menu-right {
	    top: auto !important;
	    bottom: 0;
	    left: 50%;
	    border-radius: 4px;
	    z-index: 99;
	    width: 193px;
	    transform: translate(-50%, 0%);
	}
	.navbar-collapse{
		padding: 0
	}
	.navbar-nav{
		margin: 0;
	}
	.nav>li>a {
	    padding: 10px 0px 10px 15px;
	}
	.navbar-nav{
		width: 100%;
	}
	.frame-common{
		padding: 20px 0;
	}
	.logo-right{
		float: left;
	}
	.title-top-frame h2{
		font-size: 20px
	}
	.name-management p{
		font-size: 13px;
	}
	.img-left-frame1{
		width: 100%
	}
	.img-bridge,.img-boat{
		display: none
	}
	.text-right-frame2{
		height: 50vw;
	}
}
@media only screen and (min-width: 767px){
	.show-desktop{
		display: block!important;
	}
	.show-mobile{
		display: none!important;
	}
	.banner-mobile{
		display: none;
	}
	.hidden-mobile{
		display: block;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	header .dropdown-menu>li>a{
		color: #fff;
	}
	.title-bottom-frame6 h3, .title-overlay h3{
		font-size: 16px;
	}
	.title-step p {
	    line-height: 1;
	    font-size: 11px;
	}
	.title-bottom-frame6 {
	    margin-top: -32px;
	}
	.roadmap-left .line-roadmap {
	    left: 0;
	    bottom: -63px;
	}
	.step-month {
	    top: -34%;
	    left: 20%;
	    transform: rotate(-14deg);
	}
	.roadmap-right .step-month{
		top: -34%!important;
	    left: -13%!important;
	    transform: rotate(8deg);
	}
	.line-roadmap {
	    width: 69%;
    	transform: rotate(-6deg);
	}
	.step-month p{
		font-size: 10px!important;
		top: -39%;
    	left: -3%;
	}
	.img-pos-left-1{
		top: 114px
	}
	.img-pos-left-2 {
	    top: 74px;
    	left: -12px;
	}
	.img-pos-left-3 {
	    top: 44px;
    	left: -37px;
	}
	.img-pos-left-4 {
	    top: 20px;
    	left: -70px;
	}
	.roadmap-right .line-roadmap {
	    right: 8px;
	    bottom: -62px;
	    transform: rotate(10deg);
	}
	.img-pos-right-1 {
	    top: 121px;
    	right: -430%;
	}
	.img-pos-right-2 {
	    top: 85px;
    	left: 177%;
	}
	.img-pos-right-3 {
	    top: 50px;
		left: -78%;
	}
	.img-pos-right-4 {
        right: 47%;
		top: 10px;
	}
	.frame4 .step-testing .overlay{
		height: 53%;
    	top: 22%;
	}
}
@media only screen and (min-width: 991px) and (max-width: 1200px){
	.roadmap-right .step-month {
	    left: -20px;
    	top: -30%;
	}
	.step-month p{
		font-size: 13px;
	}
	.title-step p{
		line-height: 1.1
	}
}
@media only screen and (max-width: 1100px) {
	header .dropdown-menu>li>a{
		color: #fff;
	}
	.logo-right{
		float: left;
	}
  	.navbar-header {
      	float: none;
  	}
  	.navbar-left,.navbar-right {
      	float: none !important;
  	}
  	.navbar-toggle {
      	display: block;
  	}
  	.navbar-collapse {
      	border-top: 1px solid transparent;
      	box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  	}
  	.navbar-fixed-top {
      	top: 0;
      	border-width: 0 0 1px;
  	}
  	.navbar-collapse.collapse {
      	display: none!important;
  	}
  	.navbar-nav {
      	float: none!important;
      	margin-top: 7.5px;
  	}
  	.navbar-nav>li {
      	float: none;
  	}
  	.navbar-nav>li>a {
      	padding-top: 10px;
      	padding-bottom: 10px;
  	}
  	.collapse.in{
      	display:block !important;
  	}
  	.step-month p{
		font-size: 12px
	}
}
@media only screen and (min-width: 1100px) and (max-width: 1290px) {
	.nav>li>a {
	    padding: 15px 8px;
	    font-size: 13px
	}

}