/*Mobile devices*/
@media only screen and (max-width: 767px) {
	h1 {
		font-size: 26px;
		margin-top: 10px;
	}
	.top-nav .social-icons a {
		width: 20px;
		height: 20px;
		font-size: 14px;
		margin: 0px;
	}
	.top-nav .cont-info span {
		font-size: 14px;
	}
	.fixed-nav {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
	.fixed-nav .navbar-nav .nav-link {
		padding-top: .75rem !important;
		padding-bottom: .75rem !important;
	}
	header .logo img {
		width: 120px;
	}

	.navbar button {
		border-color: #000;
	}
	header .navbar {
		padding: 5px 0;
	}
	.navbar .navbar-nav .nav-link {
		padding: .75rem 0;
	}
	header .navbar-nav .btn-contact {
		display: inline-block;
	}
	.navbar-collapse {
		border-top: 1px solid rgb(204, 204, 204);
		margin-top: 15px;
	}
	#carousel .carousel-item {
		height: 250px;
	}
	.main-section {
		padding: 90px 0;
	}
	.header-title h1:before {
		left: 35%;
		top: 49px;
	}
	#carousel .caption p {
		font-size: 16px;
	}
	#carousel .caption h2 {
		line-height: 32px;
		font-size: 26px;
		text-align: center;
	}
	.carousel .align-items-center {
		text-align: center;
	}
	#carousel .caption strong big {
		font-size: 22px;
	}

	.cta-content  {
		background: #034383;
		height: auto;
		padding-bottom: 40px;
	}
	.cta-content span {
		text-align: center;
	}
	.cta-content .items {
		flex-wrap: wrap;
		justify-content: center;
	}
	.cta-content .items .btn {
		margin-top: 15px;
	}
	.cta-content a.apply {
		text-align: center;
		margin-right: 0px;
		margin-top: 20px !important;
	}
	.benefits .inner-details .price-plan span big {
		display: block;
	}
	.benefits .inner-details .price-plan span {
		display: inline-block;
	}
	.why-mirai .inner-content .my-5 {
		margin: 1rem 0 !important;
	}
	.insurance-plans .item .age {
		margin-right: 15px;
	}
	.insurance-plans .item .annual .link a {
		padding-left: 25px;
		padding-right: 25px;
	}
	.insurance-plans .item .annual .amount span {
		font-size: 20px;
	}
	.insurance-plans .item .annual .amount span small {;
		font-size: 12px;
		margin-top: 0px;
		display: block;
		text-align: right;
	}
	.inquiry-form .btn-orange {
		margin-bottom: 40px;
	}
	.inquiry-form {
		text-align: center;
	}
	.inquiry-form p {
		width: 100%;
	}
	.inquiry-form img {
		padding-top: 0px;
		width: 280px;
	}
	.special .box {
		align-self: flex-start;
	}
	.contact-info .detail {
		width: 92%;
	}
	footer .abt {
		width: 100%;
	}
	footer .abt img {
		margin-bottom: 1rem;
	}
	footer form .btn {
		padding: 9px 10px;
	}
	.social-icons {
		margin-bottom: 30px;
	}
	.copy-right .text-right {
		text-align: left !important;
	}
	.copy-right ul {
		padding-left: 0px;
		margin-left: -15px;
	}

	.c-link {
		margin-top: 25px !important;
		position: inherit;
	}

}
/*Tab, ipad, ipad-pro devices*/
@media (min-width: 678px) and (max-width: 992px) {
	h1 {
		font-size: 35px;
	}
	.header-title h1:before {
		left: 42%;
		top: 55px;
	}
	.container {
		max-width: 720px;
	}
	.main-section {
		padding: 90px 0;
	}
	header .logo img {
		width: 120px;
	}
	.navbar button {
		border-color: #000;
	}
	header .navbar {
		padding: 10px 0;
	}
	header .navbar-nav .btn-contact {
		display: inline-block;
	}
	.navbar .navbar-nav .nav-link {
		padding: .75rem 0;
	}
	.navbar-collapse {
		border-top: 1px solid rgb(204, 204, 204);
		margin-top: 15px;
	}
	.price-plan span.pull-right {
		float: none;
	}
	.cta-content .items .btn {
		padding: 6px 35px;
	}
	.cta-content a.apply {
		margin-top: -12px !important;
	}
	.cta-content .items {
		margin-top: 35px;
	}
	.cta-content span {
		padding-top: 5px;
	}
	.why-mirai p {
		font-size: 13px;
	}
	.why-mirai .my-5 {
		margin: 1rem 0 !important;
	}
	.why-mirai .inner-content {
		margin-top: 0px !important;
	}
	.insurance-plans .item .age {
		margin-right: 5px;
		padding: 18px 5px;
	}
	.insurance-plans .item .annual {
		width: 62%;
	}
	.insurance-plans .item .annual .link a {
		padding-left: 20px;
		padding-right: 20px;
	}
	.insurance-plans .item .annual .amount span {
		font-size: 20px;
	}
	.insurance-plans .item .annual .amount span small {
		font-size: 13px;
		margin-top: 0px;
		display: inherit;
	}
	.inquiry-form form {
		padding: 25px;
	}
	.inquiry-form img {
		width: 250px;
		padding-top: 0px;
	}
	.inquiry-form p {
		width: 100%;
		font-size: 16px;
		line-height: 28px;
	}
	.special .box {
		align-self: flex-start;
		width: 60px;
		margin-right: 15px;
	}
	.special .box span {
		font-size: 45px;
		width: 60px;
	}
	.special p {
		font-size: 12px;
	} 
	footer ul.quick-links {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
	}
	footer form .btn {
		padding: 9px 12px;
	}

}
/*Tab, ipad, ipad-pro devices*/
@media (min-width: 678px) and (max-width: 1024px) {

	.price-plan span.pull-right {
		float: none;
	}
	.price-plan span {
		display: block;
	}
	.cta-content .items {
		padding-left: 20px;
		padding-right: 20px;
	}
	.cta-content .items {
		font-size: 25px;
		margin-top: 44px;
	}
	.cta-content .items .btn {
		padding: 15px 45px;
		font-size: 13px;
		font-weight: 700;
		margin-left: 10px;
		white-space: nowrap;
	}
	.cta-content strong {
		font-size: 26px;
	}
	.cta-content a.apply {
		margin-right: 20px;
		margin-top: 12px;
	}

}