/*and media*/
@media screen and (min-height: 738px), screen and (orientation: landscape) {}
/*or media*/
@media screen and (min-height:738px) {}

@media screen and (min-width:1365px) {
	.header-main {height: 66px;position: fixed;top: 0;z-index: 9;}
	.header-main .button-group .btn-secondary {display: none;}
	.footer-form-main {height: 108px;position: fixed;bottom: 0;z-index: 9;}
	.contents-main {width: 100%;/*height: 100vh;*/position: relative;padding-top: 66px;padding-bottom: 108px;}
	.contents-main:before {height: calc(100vh - 66px - 108px);top: 66px;bottom: unset;}
	.contents-main:after {height: calc(100vh - 66px - 108px);top: 66px;bottom: unset;}
}

@media screen and (orientation: landscape) {}

@media screen and (min-width: 1365px) and (max-width: 1600px) {
	.circle-container {margin-top: 20px;}
}

@media screen and (max-width: 1364px){
	.header-main {height: 66px;position: fixed;top: 0;z-index: 9;}
	.header-main .button-group .btn-secondary {display: block;}
	.footer-form-main {height: unset;position: relative;padding: 50px 0;}
	.contents-main {height: unset;padding: 66px 0 0;}
	.footer-form-main .title {margin-bottom: 20px;}
	.footer-form-main form {flex-flow: row wrap;}
	.footer-form-main form .form-input {width: 46%;}
}

@media screen and (min-width: 992px) and (max-width: 1400px) {
	.circle-container .feature-content:nth-child(3) {right: 0;}
	.circle-container .feature-content:nth-child(4) {left: 0;}
	.circle-container .feature-content:nth-child(3), .circle-container .feature-content:nth-child(4) {width: 39%;max-width: unset;}
}

@media screen and (min-width:992px) {
	.footer-form-main form .form-btn {margin-right: 6px;}
	.circle-container .feature-content:last-child, .circle-container .feature-content:nth-child(2) {justify-content: center;}
    .circle-container .feature-content:nth-child(3) {justify-content: flex-end;}
    .circle-container .feature-content:nth-child(4) {justify-content: flex-end;}
}

@media screen and (max-width: 991px){
	.circle-container {flex-wrap: wrap;align-items: stretch;row-gap: 30px;padding-top: 0;margin-top: 25px;}
	.circle-content {width: 100%;height: auto;border: 0;display: none;}
	.circle-container .feature-content {position: relative;justify-content: flex-start;}
	.circle-container .feature-content, .circle-container .feature-content:nth-child(4) {flex-flow: column;}
	.circle-container .feature-content:last-child, .circle-container .feature-content:nth-child(2), .circle-container .feature-content:nth-child(3), .circle-container .feature-content:nth-child(4) {max-width: 50%;width: 100%;}
	.circle-container .feature-content:nth-child(3) {right: 0;}
	.circle-container .feature-content:nth-child(4) {left: 0;}
	.tools-application .row .col-xs-12:empty {display: none;}
}

@media screen and (max-width: 767px){
	.footer-form-main .form-input .form-field {min-width: 100%;}
	.header-main .button-group .btn {font-size: 16px;}
	.tools-application .icon-title-box {max-width: 200px;margin: 0 auto;}
	.perfectly-suited .icon-title-box, .our-uniqueness .icon-title-box {max-width: 250px;margin: 0 auto;}
}

@media screen and (max-width:575px){
	.circle-container .feature-content:last-child, .circle-container .feature-content:nth-child(2), .circle-container .feature-content:nth-child(3), .circle-container .feature-content:nth-child(4) {max-width: 100%;}
}

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

@media screen and (max-width:370px){
	.header-main .button-group {column-gap: 10px;}
	.header-main .button-group .btn {font-size: 14px;padding-left: 8px;padding-right: 8px;}
}