@-ms-viewport {
  width: device-width; }

@viewport {
  width: device-width; }


@media screen and (max-width:1366px){
	
}
@media screen and (max-width:1200px){
	.header .navbar{
		padding-left:0;
		padding-right:0;
	}
}

@media screen and (max-width:1024px){
	.container{
		padding-left:20px;
		padding-right:20px;
	}
	.orange-blk,.purple-blk,.green-blk{
		width:220px;
		height:580px;
	}
	.purple-blk .des-blk.wide-blk{
		width:434px;
	}
	.flow-list{
		margin:0 1%;
	}
	.green-blk .title-blk{
		margin:0 0 94px 0;
	}
	.purple-blk .des-blk.wide-blk:after{
		left:92px;
	}
}

@media screen and (max-width:991px){
	
	.support-blk{
		padding:30px 30px
	}
	.about-blk{
		margin:40px 0 0 0;
		width:100%;
		text-align:left;
	}
	.map-about{
		position:relative;
		top:auto;
		right:auto;
		margin:0 auto;
	}
	.about-section .row{
		text-align:center;
	}
	.top-intro,.txt-intro{
		min-height:400px;
	}
	.top-intro{
		background-position:center right;
	}
	.header .nav-item{
		margin:10px 0;
	}
	.breadcrumb-section{
		padding:150px 0 80px 0;
		height:300px;
		background-size:auto 100% !important;
	}
	.breadcrumb-section h1,.big-title{
		font-size:30px;
	}
	.one-sixth,.two-sixth,.step-blk{
		height:120px;
	}
	.step-blk .purple-bg{
		background-position:left center;
	}
	.purple-bg label{
		top:10px;
	}
	.contact-form .half-group{
		margin-bottom:15px;
	}
	.contact-form .i-group .row .col-md-6:last-child .half-group{
		margin-bottom:0;
	}
	.contact-section{
		padding:60px 0 40px 0;
	}
	.intern-row{
		display:flex;
	}
	.white-blk{
		float:none;
		width:100%;
		margin:0;
	}
	.white-blk .des-blk{
		text-align:center;
	}
	.white-blk .des-blk.grey-bg:after,.white-blk .des-blk.white-bg:after{
		left:50%;
		margin-left:-100px;
	}
	.orange-blk,.purple-blk,.green-blk{
		float:none;
		width:100%;
		height:auto;
	}
	.orange-blk{
		margin:40px 0 20px 0;
	}
	.purple-blk,.green-blk{
		margin:20px 0 20px 0;
	}
	.purple-blk .des-blk.wide-blk{
		width:100%;
	}
	.purple-blk .des-blk.wide-blk:after{
		left:50%;
		margin-left:-6px;
	}
	.flow-list{
		margin:0;
	}
	.ar-purple{
		display:none;
	}
	.green-blk .title-blk{
		margin:0 0 10px 0;
	}
	.green-blk .des-blk:last-child:after{
		display:none;
	}
	.page-404{
	padding:120px 0;
	}
	.page-404 h1{
		font-size:38px;
		margin:70px 0 0 0;
	}
	.page-404 h3{
		font-size:24px;
	}
	.top-intro:before{
		content:'';
		display:block;
		width:100%;
		height:100%;
		position:absolute;
		top:0;
		left:0;
		background: linear-gradient(to left, rgba(255,255,255,0), rgba(255,255,255,1));
	}
	.show-tb{
		display:inline-block;
	}
	.hide-tb{
		display:none;
	}
}

@media screen and (max-width:768px){

/*edit*/
.row-flex{
	display:block;
}
/*end edit*/

	.contact-section{
		padding:40px 0;
	}
	.support-blk{
		padding:20px 20px
	}
	.menu-f li{
		float:none;
		margin:10px 0;
	}
	.footer{
		padding:40px 0;
	}
	.support-blk{
		margin:30px 0 0 0;
	}
	.support-section h2{
		margin-bottom:20px;
	}
	.txt-intro h1{
		font-size:24px;
	}
	.txt-intro a{
		font-size:18px;
	}
	.sub-txt{
		font-size:16px;
	}
	.about-blk h3,.support-blk h3, .n-title{
		font-size:18px;
	}
	.about-blk label{
		font-size:34px;
	}
	.support-section h2{
		font-size:24px;
	}
	.footer{
		margin-top:30px;
	}
	.support-section,.about-section{
		padding:40px 0;
	}
	.header .nav-item{
		margin:5px 0;
	}
	.breadcrumb-section{
		padding:120px 0 50px 0;
		min-height:240px;
		height:auto;
	}
	.breadcrumb-section h1,.big-title{
		font-size:24px;
	}
	.white-circle{
		top:auto;
		left:auto;
		margin:10px auto;
		position:relative;
		display:inline-block;
		border:solid 1px #ccc;
	}
	.blue-circle.p1,.blue-circle.p3{
		position:relative;
		top:auto;
		right:auto;
		left:auto;
		margin:10px auto;
		display:inline-block;	
	}
	.circle-f{
		height:auto;
		text-align:center;
		width:70%;
		margin:0 15%;
	}
	.two-sixth,.one-sixth{
		float:none;
		width:100%;
		border-bottom:solid 1px #5e4a8b;
		border-right:0;
		border-top:0;
	}
	.step-blk div:last-child{
		border-bottom:0;
	}
	.step-blk{
		height:auto;
		border:solid 1px #5e4a8b;
	}
	.one-sixth,.two-sixth{
		height:100px;
	}
	.step-blk .purple-bg{
		background-position:left center;
	}
	.purple-bg label{
		top:0px;
	}
	.contact-form .form-group{
		padding:15px 0 15px 150px;
	}
	.contact-form .form-group label{
		width:130px;
		left:0;
		top:25px;
	}
	.contact-form .half-group label{
		left:0;
		top:10px;
	}
	.contact-form .form-group.center{
		padding:20px 0;
	}
	.nav-menu-section{
		height:auto;
	}
	.nav-menu div{
		height:46px;
		width:100%;
		border-bottom: dashed 2px #778b4a;
		border-left:0;
		border-right:0;
		margin:0;
	}
	.nav-menu div:last-child{
		border-right:0;
		border-bottom:0;
	}
	.table2{
		margin-bottom:20px;
	}
	.page-404{
	padding:100px 0;
	}
	.page-404 h1{
		font-size:32px;
		margin:50px 0 0 0;
	}
	.page-404 h3{
		font-size:20px;
	}
	.txt-intro a{
	
		min-height:28px;
		line-height:28px;
	}
	.show-sp{
		display:inline-block;
	}
	.hide-sp{
		display:none;
	}
	.map-about{
		width:80%;
		margin:30px auto;
	}
	.one-sixth.sp-style{
		font-weight:700;
		text-align:center;
	}
	.strength-section h2{
		font-size:24px;
	}
	.strength-section {
		padding:30px 20px;
	}
	.str-blk label{
		width:52px;
		height:52px;
		font-size:24px;
		line-height:46px;
	}
	.str-blk{
		padding-left:62px;
	}
}



@media screen and (max-width:480px){
	/*edit*/

	.circle-f {
	    height: auto;
	    text-align: center;
	    width: 100%;
	    margin: 0;
	}
	/*end edit*/
	.about-blk label{
		height:45px;
		width:45px;
		line-height:39px;
		font-size:24px;
	}
	.about-blk{
		padding-left:60px;
	}
	.top-intro,.txt-intro{
		min-height:320px;
	}
	.breadcrumb-section{
		padding:60px 0 40px 0;
		min-height:160px;
		height:auto;
	}
	.contact-form .form-group{
		padding:15px 0 15px 0px;
	}
	.contact-form .form-group label{
		position:relative;
		top:auto;
		left:auto;
		margin:0 0 10px 0
	}
	.contact-form .half-group label{
		position:absolute;
		left:0;
		top:10px;
	}
	.submit-btn{
		width:100%;
		height:40px;
		line-height:40px;
	}
	.page-404{
	padding:80px 0;
	}
	.page-404 h1{
		font-size:28px;
		margin:40px 0 0 0;
	}
	.page-404 h3{
		font-size:18px;
	}
	.txt-intro h1{
		font-size:22px;
	}
}


@media screen and (max-width:320px){
	
}