@media (max-width:1440px) {
p{ font-size:16px; line-height:25px;}
.profession_sec h2{ font-size:44px;}
.welcome_sec figure{ margin:0 30px 30px 0;}
.welcome_sec .info{ font-size:16px;}
.welcome_sec p{ margin-bottom:30px;}
.custom-checkbox .custom-control-label{ font-size:16px;}
.form_block .form-control{ font-size:16px;}
ul.area_list li{ font-size:17px;}
.area_sec .find_btn{ margin-top:30px;}
.form_block textarea.form-control{ height:220px;}
}
@media (max-width:1200px) {
.container{ width:96%; margin:0 auto; padding:0;}
.profession_sec h2{ font-size:38px;}
.global_title{ margin-bottom:30px;}
.welcome_sec figure{ width: 100%; max-width: 390px;}
.loppo_sec{ background:#B8B8B8 url(../images/loppo_bg.png) no-repeat center center; background-size:cover;}
.area_sec .detail p{ margin-bottom:20px;}
ul.area_list li{ font-size:15px;}
.area_sec .find_btn{ margin-top:10px;}
.find_btn{ font-size:15px;}
.slider_sec .slick-carousel div img{ object-fit: cover;}
.inner_banner img{ height: 360px; object-fit: cover;}
.form_block textarea.form-control{ height:190px;}
}

/************ Main **************/
@media (max-width: 991px) {
.profession_sec{ padding:40px 0;}
.profession_sec h2{ font-size:30px;}
.welcome_sec{ padding:40px 0;}
.loppo_sec{ padding: 40px 0;}
.link_continue{ margin:0;}
.form_sec{ padding:40px 0;}
.form_sec p{ margin-bottom:30px;}
.form_sec h3{ font-size:30px;}
.footer_detail{ padding:35px 0 40px 0;}
.footer_detail h3{ font-size:21px; margin-bottom:30px;}

.nav_sec{ padding:20px 0 0 0;}
.slider_sec{ margin-bottom:40px;}
.slider_sec .slick-carousel div img{ height: 100%; object-fit: cover;}
.slider_sec .cap_info{ right:8%;}
.slider_sec .cap_info .inner{ width:170px; padding:20px 10px;}
.slider_sec .cap_info .inner h2{ font-size:17px;}
.slider_sec .cap_info .inner p{ font-size:14px;}
.area_sec{ padding:40px 0;}
.trans_sec{ padding:40px 0;}
.inner_banner { margin-bottom:40px;}
.form_block textarea.form-control{ height:200px;}
}

@media (max-width: 767px) {
html { -webkit-text-size-adjust:none;}
.container{ width:93%; margin:0 auto; padding:0;}

.navbar-light .navbar-toggler{ background:none; border:none; position:relative; right:0; top:0;}
.navbar-toggler:focus,.navbar-toggler:active { outline: 0;}
.navbar-toggler span {display: block; background-color:#fff; height:3px; width:25px; margin-top:4px; margin-bottom:4px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg);-o-transform: rotate(0deg);  transform: rotate(0deg); position: relative; left: 0;opacity: 1;}
.navbar-toggler span:nth-child(1),.navbar-toggler span:nth-child(3) { -webkit-transition: transform .35s ease-in-out; -moz-transition: transform .35s ease-in-out; -o-transition: transform .35s ease-in-out; transition: transform .35s ease-in-out;}
.navbar-toggler:not(.collapsed) span:nth-child(1) { position: absolute; left: 12px; top: 10px; -webkit-transform: rotate(135deg);  -moz-transform: rotate(135deg); -o-transform: rotate(135deg);transform: rotate(135deg); opacity: 0.9;}
.navbar-toggler:not(.collapsed) span:nth-child(2) {height: 12px; visibility: hidden; background-color: transparent;}
.navbar-toggler:not(.collapsed) span:nth-child(3) {position: absolute;left: 12px;top: 10px;-webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg); -o-transform: rotate(-135deg);transform: rotate(-135deg);opacity: 0.9;}

header{ position:relative; background:#07AF83;}
.nav_sec{ padding:15px 0;}
.nav_sec .logo::before { display:none;}
.nav_sec .logo{ margin:0;}
.nav_sec .nav_link{ margin:0; float:none;}
.nav_sec .navbar-expand-md .navbar-nav{ margin-top:10px;}

p{ font-size:14px; line-height:23px;}
.welcome_sec .info{ font-size:14px; line-height:23px;}
.profession_sec h2{ font-size:24px;}
.welcome_sec figure { max-width: 260px;}
.form_block{ margin-bottom:15px;}
.custom-checkbox .custom-control-label{ font-size:14px;}
.trans_sec figure{ margin-bottom:20px;}
ul.top_social{ float:left; margin:0;}
ul.top_social li{ margin:0 10px 0 0;}
.form_block textarea.form-control{ height:120px;}

.bread_info{ bottom:-32px;}
.bread_info ul li{ color:#000;}
.bread_info ul li:before{ color:#000;}
.bread_info ul li a{ color:#000;}
.slider_sec .slick-carousel div img{ height: 100%; object-fit: cover;}
.inner_banner img{ height:50vh;}
}

/************ iphone **************/
@media (max-width:600px) {
html { -webkit-text-size-adjust:none;}
.container{ width:91%;}
.welcome_sec figure { max-width: 100%;}
.footer_detail h3{ margin-bottom:25px;}
.footer_detail p{ margin-bottom:25px;}
.footer_detail p.text-center{ text-align:left !important;}
.social_link, .footer_link{ text-align:left;}
.social_link li{ margin:0 21px 15px 0;}
.global_title{ font-size:19px;}

.nav_sec .navbar-brand img{ width:220px;}
.nav_sec .logo img{ width:220px;}
ul.top_social{ margin-top:10px;}


}