@media only all and (max-width: 700px) {
    /* for 700px or less */
    body {
      font-size: 80%;
      line-height: 1.5;
      -ms-hyphens: auto;
      -webkit-hyphens: auto;
      hyphens: auto;
    }
    .frame-outer {
      width: 100%;
      font-size: 0.9rem;
    }
	
#logo img {width: 35%;}
	
		.flex1 {
display: block;
	}
	
		    .left,.right {
      width: 100%;
		padding: 2rem 1.5rem;
    }
	
		.left {
	border-bottom: 1px solid #000;
		border-right: none;
	margin: 0;
}
	
	
			.flex2 {
display: block;
	}
	
	
	.benefits_left {
	width: 100%;

}

.benefits_middle {
	width: 100%;
	border: none;

}

.benefits_right {
	width: 100%;

}
	
	.icons {
		max-width: 10%;
	}
	
	
	
	.flex3 {
display: block;
	}
	
	.flex3 p{
margin-bottom: 0.5rem
	}

.flex3engl {
display: block;
	}

	
	 .flex4 {
display: block;
	}
	
	
	
	  .left2,.right2 {
      width: 100%;
    }
	
				.left2 {
	margin-bottom: 1rem;

	}

.left3 {
	width: 60%;
	margin: 0 0 0.5rem 0;
}	


    .hide {
      display: inline-block;
    }
    .hide_m {
      display: none;
    }
    
	
	
	
}

.refnr {}

.apply {}