@media (max-width:1700px) {
.container{ width:90%; margin:0 auto; padding:0;}
.home_banner{ padding:124px 0 124px 0;}
.welcome_sec{ padding:100px 0;}
.service_sec figure{ margin:0;}
.service2{ padding:150px 0;}
.service2 figure{ margin:0 -15% 0 -15%;}
.service3{ padding:80px 0 70px 0;}
.service3 figure{ margin:0 -5% 0 -7%;}
.service4 figure{ margin:0 -20% 0 -30%;}
footer{ padding:70px 0 68px 0;}

.inner_banner{ padding:100px 0;}
.team_sec{ padding:100px 0 90px 0;}
.team_sec .team{ margin-bottom:50px;}
.team_sec .team .team_social li:first-child{ margin-left:-14px;}

.inner_banner.cntc_banner{ padding:120px 0; min-height:inherit;}
.info_contact{ padding-top:80px;}
}

@media (max-width:1450px) {
header .navbar-light .navbar-nav li{ margin-right:30px;}
.home_banner{ padding:84px 0;}
.home_banner h2{ font-size:45px; line-height:47px;}
.welcome_sec{ padding:80px 0;}
.welcome_sec h2{ font-size:65px;}
.welcome_sec h2 span:before{ bottom: -8px; left: 9px; width: 98px;}
.welcome_sec p{ font-size:20px; line-height:33px;}
.global_title, .service2 .global_title, .service3 .global_title, .service4 .global_title{ font-size:30px; line-height:normal; margin-bottom:25px;}
.service_sec p{ font-size:18px; line-height:30px;}
.service2{ padding:80px 0;}
.service2 figure{ margin:0 -15% 0 -15%;}
.service3{ padding:60px 0 50px 0;}
.service3 figure{ margin:0;}
.service4 figure{ margin:0 -20% 0 -25%;}
footer{ padding:60px 0 50px 0;}
ul.add_info li br{ display:none;}
.inner_banner{ padding:80px 0;}
.inner_banner h2{ font-size:50px;}
.inner_banner p{ font-size:18px;}
.team_sec{ padding:80px 0 70px 0;}
.team_sec .team h3{ font-size:21px;}
.team_sec .team p{ font-size:16px;}
.team_sec .team .details{ padding:20px 10px 0 10px;}
.team_sec .team{ margin-bottom:35px;}
.inner_banner.cntc_banner{ padding:100px 0;}
.info_contact{ padding-top:60px;}
.form_info h2{ font-size:60px; line-height:65px; margin-bottom:30px;}
}

@media (max-width: 1199px) {
.team_sec .team .team_social li:first-child{ margin:0;}
.team_sec .team .team_social{ text-align:left; padding-top:15px;}
}

/************ Main **************/
@media (max-width: 991px) {
header{ padding:14px 0;}
header .navbar-light .navbar-nav li{ margin-right:25px;}
header .navbar-light .navbar-nav .nav-link{ font-size:14px;}
.ph_info span{ display:none;}
.navbar-light .navbar-brand{ width:90px;}
header .dropdown-item{ font-size:14px;}
.home_banner h2{ font-size:34px; line-height:38px;}
.home_banner p{ font-size:15px; line-height:23px;}
.home_banner{ padding:46px 0 54px 0;}
.home_banner .inner{ max-width:280px;}
.welcome_sec{ padding:40px 0;}
.welcome_sec h2{ font-size:45px; margin-bottom:20px;}
.welcome_sec h2 span:before{ bottom: -8px; left: 7px; width:60px;}
.welcome_sec p{ font-size:16px; line-height:26px;}
.global_title, .service2 .global_title, .service3 .global_title, .service4 .global_title{ font-size:26px; margin-bottom:20px;}
.service_sec p{ font-size:14px; line-height:24px;}
.service{ padding-bottom:40px;}
.service2{ padding:40px 0;}
.service3{ padding:40px 0;}
footer{ padding:40px 0 30px 0;}
.copyright{ font-size:14px;}
ul.ftr_links li{ font-size:14px;}
ul.add_info li{ font-size:14px; padding:0 0 0 26px;}
ul.social_link li{ margin:0 2px;}

.inner_banner{ padding:50px 0;}
.inner_banner .inner{ max-width:430px;}
.inner_banner h2{ font-size:40px;}
.inner_banner p{ font-size:15px;}
.team_sec{ padding:40px 0;}

.inner_banner.cntc_banner{ padding:70px 0;}
.info_contact{ padding-top:40px;}
.form_info h2{ font-size:40px; line-height:45px; margin-bottom:30px;}
.form_info h2 span::before{ width: 65px; left: 4px;}
.form_block .field{ height:40px;}
.form_block i{ bottom:11px;}
.form_block textarea.field{ height:80px; padding:10px 0;}
.form_block label{ font-size:15px;}

.address_sec{ padding:20px 0 0 0;}
.address_sec .add_block i {width: 50px; height: 50px; line-height: 50px; font-size: 20px;}
.address_sec .dtl{ padding:4px 0 0 10px; font-size: 14px; line-height: 21px;}
.address_sec .dtl strong{ font-size:18px;}
.address_sec .dtl a{ font-size:18px;}
.form_block{ margin-bottom:20px;}
.form_block.form_block2{ margin-bottom:15px;}
}

@media (max-width: 767px) {
html { -webkit-text-size-adjust:none;}
.container{ width:93%; margin:0 auto; padding:0;}
.ph_info.order-3{ order:inherit;}
.navbar-nav{ padding-top:10px;}
.navbar-light .navbar-toggler{ background:none; border:none; position:relative; right:0; top:0; float:right;}
.navbar-toggler:focus,.navbar-toggler:active { outline: 0;}
.navbar-toggler span {display: block; background-color:#3a373a; 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 .navbar-light .navbar-nav li{ margin-right:0;}
header .navbar-light .navbar-nav .nav-link{ font-size:15px; border-bottom:1px solid #0000001c;}
.navbar-nav .dropdown-menu{ box-shadow:none; padding:0;}
header .dropdown-item{ font-size:15px; border-bottom:1px solid #0000001c; padding:7px 25px;}
.home_banner{ padding:40px 0 0 0; background:#ebeef3 !Important; text-align:center;}
.home_banner .inner{ max-width:100%;}
.home_banner h2{ font-size:24px; line-height:normal; margin: 0 0 10px 0;}
.home_banner p{ margin: 0 0 15px 0;}
.come_link{ padding:10px 22px 12px 22px; font-size: 15px;}

.welcome_sec p{ font-size:14px; line-height:24px;}
.service_sec { text-align:center;}
.service{ padding-top:40px;}
.service_sec .detail{ padding-bottom:30px; max-width:100%;}
.service_sec figure{ margin:0 !important;}
.service_sec .order-1, .service_sec .order-2{ order:inherit;}
.service4{ padding-top:40px;}
.footer_logo{ text-align:center;}
.copyright{ max-width:100%; text-align:center; margin-top:20px;}

.inner_banner{ padding-bottom:0; background:#ebeef3  !Important;}
.inner_banner .inner{ max-width:100%; text-align:center;}
.inner_banner.cntc_banner{ padding:50px 0 30px 0; background:#ddf6fb  !Important;}
.address_sec .dtl strong{ font-size:16px;}
.address_sec .dtl a{ font-size:16px;}
.info_contact .order-1, .info_contact .order-2{ order:inherit;}
.form_info{ max-width:100%;}
}

/************ iphone **************/
@media (max-width:600px) {
html { -webkit-text-size-adjust:none;}
.container{ width:91%;}
.footer_logo{ margin-bottom:15px;}
ul.social_link{ float:left; margin-top:20px;}
footer h3{ margin-top:20px;}
/*.inner_banner{ padding:25px 0; background-position:left center;}
.inner_banner .inner { max-width: 310px;}
.inner_banner h2{ font-size:22px; margin-bottom:5px;}
.inner_banner p{ font-size:14px;}
.inner_banner.cntc_banner{ padding:30px 0;}
.inner_banner.cntc_banner .inner{ max-width:230px;}*/
}