@media (max-width:1550px) {
.slider_sec .inner h2{ font-size:28px;}
.slider_sec .inner{ padding:11% 0 0 0;}
.inner_banner .inner{ max-width:450px;}

/*------- 7-5 -------*/
.install_block .container{ max-width:1280px;}
.wizard .nav-tabs > li a::after{ width: 16rem;}
}

@media (max-width:1366px) {
.slider_sec .inner h2{ font-size:26px;}
.slider_sec .inner{ padding:9% 7% 0 0; max-width:320px}
.login_sec figure{ margin:0 -4% 0 0;}
}

@media (max-width:1200px) {
.container{ width:96%; margin:0 auto; padding:0;}

ul.shop_list li a{ padding:35px 19px;}
.nav_sec .navbar-light .navbar-nav .nav-link{ font-size:14px;}
.nav_sec .navbar-light .navbar-nav li{ margin:0 30px 0 0;}
.slider_sec .inner h2{ font-size:20px;}
.slider_sec .inner{ max-width:300px;}
.reg_btn{ font-size:14px; padding:10px 20px;}
.service_sec .ser_block{ margin:91px 0 30px 0;}
.service_sec .ser_block a{ min-height:39px;}
.service_sec .ser_block h3{ font-size:18px;}
.favourite_sec .owl-carousel{ margin:0 -15px 0 0;}
.favourite_sec [class^="col-"]:last-child .owl-carousel, .favourite_sec > [class*=" col-"]:last-child .owl-carousel {margin:0 0 0 -15px;}
.favourite_sec .cap_info h2{ font-size:20px;}
.partner_sec .partner_block figure{ max-height:147px; line-height:147px;}
.damage_sec figure::before{ right:-10px;}
ul.nav_link li{ margin:0 18px;}
.inner_banner .inner h2{ font-size:35px;}
.inner_banner .inner{ padding:0 50px 0 0; max-width:350px;}
ul.c_add li{ margin:0 10px 10px 10px;}

/*------- 3-1 -------*/
.hero_sec h2{ font-size:40px;}
.inserve{ padding:20px;}

.slider_sec img{ height:auto;}
img.sm-ico{ display:none;}

/*------- 7-5 -------*/
.install_block .container{ max-width:952px;}
.wizard .nav-tabs > li a::after{ width: 13rem;}
}

/************ Main **************/
@media (max-width: 991px) {

.navbar-light .navbar-toggler{ background:none; border:none; position:relative; right:0; top:11px;}
.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;}  

ul.shop_list li span{ display:none;}
ul.shop_list li:last-child a{ padding:29px 20px 21px 20px;}
ul.shop_list li a{ padding:29px 20px 21px 20px;}
.shop_info .logo img{ width:300px;}

.slider_sec .inner h2{ font-size:15px;}
.slider_sec .inner{ max-width:230px;}
.reg_btn{ font-size:13px; padding:6px 10px;}
.calcu_sec{ padding:40px 0;}
.service_sec .ser_block{ margin:20px 0 30px 0; padding:0 10px 20px 10px;}
.service_sec .ser_block h3{ font-size:14px; margin-bottom:10px;}
.service_sec .ser_block a{ font-size:13px;}
.service_sec{ padding:70px 0 10px 0;}
.favourite_sec{ padding:40px 0;}
.partner_sec{ padding:40px 0;}
.damage_sec{ padding:40px 0;}
.damage_sec .damage_block strong{ width:55px;}
.damage_sec .damage_block h3{ font-size:20px; margin-bottom:10px;}
.damage_sec figure::before{ top:-10px; height:250px;}
.damage_sec .btn-block{ margin:0;}
.global_title{ font-size:26px;}
ul.benefit_list{ margin:0;}
ul.benefit_list li{  font-size:14px;}
.benefit_sec figure{ padding:0;}
.benefit_sec{ padding-bottom:30px;}
.benefit_sec::before{ height:200px;}
.testimonial_sec{ padding:40px 0 50px 0;}
ul.nav_link li{ margin:0 18px 8px 18px;}
.ft_nav{ padding:25px 0 0px 0;}

.inner_banner .inner h2{ font-size:25px;}
.inner_banner .inner{ padding:0; max-width:320px;}
.about_sec{ padding:40px 0 10px 0;}
.about_sec .about_block{ margin-bottom:30px;}
.form_sec .form_info{ padding:0 20px;}
.form_sec .form_inn{ padding:30px 20px 30px 20px;}
.form_sec{ padding:40px 0;}

.promo_sec .promo_block h3{ font-size:18px;}
.promo_sec .promo_block strong{ font-size:15px; margin-bottom:10px;}
.promo_sec .promo_block p{ margin-bottom:10px;}
.promo_sec .promo_block{ margin-bottom:40px;}
.promo_sec{ padding:40px 0;}

ul.calcu_list li{ padding:0 5px;}
ul.calcu_list li a i{ font-size:30px;}
ul.calcu_list li a{ font-size:15px;}

.favourite_sec .owl-carousel{ margin:0 -10px 0 0;}
.favourite_sec [class^="col-"]:last-child .owl-carousel, .favourite_sec > [class*=" col-"]:last-child .owl-carousel {margin:0 0 0 -10px;}
.nav_sec .input-group{ position:absolute; top:0; right:0;}
.nav_sec{ min-height:51px;}
.nav_sec .navbar-nav{ margin-top:20px;}

.news_sec .news_block h3{ font-size:18px; line-height:22px; margin-bottom:10px;}
.news_sec .news_block p{ margin-bottom:10px;}
.news_sec{ padding:40px 0;}
.news_sec ul.page_info{ margin:0;}

.news_sec .news_detail h3{ font-size:23px;}
.news_sec .news_detail .detail_inn{ padding:30px;}
.news_sec .news_detail .detail{ padding:0 20px; margin-top:-40px;}
.news_sec .news_detail .detail_inn{ padding:20px 20px 30px 20px;}
.login_sec{ padding:40px 0;}
.fb_btn{ margin-bottom:5px;}
.login_sec::before{ top:4%;}
.creat_sec{ padding:40px 0 30px 0;}
.housing_sec{ padding:40px 0;}

section{ margin-top:160px;}

/*------- 3-1 -------*/
.hero_sec h2{ font-size:30px;}
.inserve_sec{ padding:40px 0 10px;}
.inserve h3{ font-size:18px;}

.slider_sec img{ height:auto;}
.hero_form.side{ position:relative; width:100%;}

/*===== 25-1 =====*/
.housing_sec .navbar{ margin-bottom:30px; background: #f7f7f7;}
.housing_sec .navbar-toggler{ top:0; position:relative; right:0;}
.housing_sec .navbar-toggler span{display: block; background-color:#0860a8;}
.housing_sec .steps_nav{ margin-bottom:0;}
.steps_nav ul{ flex-wrap:wrap; padding-top:10px;}
.steps_nav ul li{ width:100%;}
.steps_nav ul li a{ border:none; border-bottom:1px solid #fff;}
.table_rest{ overflow:auto; margin:0; padding:0;}
.amount_box{ top:165px;}
.calc_form h3{padding:0 0 0 0px;}
.calc_form h3 i{ position:relative; display:block; left:0; top:0;}
.hero_form h3{ margin-bottom:30px;}
.hero_form figure{ float:left;}

/*---- 7-3 ----*/
.installment_table table thead{ font-size:13px;}
.installment_table table thead th{ padding: 10px;}
.installment_table table tbody{ font-size:12px;}
.installment_table table tbody td{ line-height:normal; padding: 10px;}
.installment_table table tfoot{ font-size:13px;}
.installment_table table td:first-child{ text-align:center;}
.installment_table table tfoot th{ padding: 10px; text-align:center;}
.btn.btn-pay{ font-size:12px;}
.btn.btn-green.md{ padding:7px 10px;}

/*------- 7-5 -------*/
.install_block .container{ max-width:737px;}
.wizard .nav-tabs > li a::after{ width: 9rem;}
}

@media (max-width: 767px) {
html { -webkit-text-size-adjust:none;}
.container{ width:93%; margin:0 auto; padding:0;}
.reg_btn{ display:none;}
.slider_sec .inner{ max-width:100%; margin:0; padding:0; text-align:center;}
.service_sec .ser_block{ margin-top:100px;}
.service_sec{ padding-top:40px;}
.favourite_sec .owl-carousel{ margin:0 0 40px 0;}
.favourite_sec [class^="col-"]:last-child .owl-carousel, .favourite_sec > [class*=" col-"]:last-child .owl-carousel {margin:0;}
.damage_sec figure img{ width:100%;}
.damage_sec figure{ margin:0 0 30px 0;}
.benefit_sec::before { height:170px;}
.benefit_sec{ padding-bottom:20px;}
.copyright{ text-align:center; margin-top:15px;}
ul.privacy_link{ width:100%;}
.copyright p{ display:block; margin-bottom:10px;}
.about_sec .about_block{ text-align:center;}
.about_sec .global_title{ font-size:20px;}

.form_sec .form_inn{ margin:-50px 0 0 0;}
.inner_banner .inner{ max-width:260px;}
.inner_banner .inner h2{ font-size:20px;}
.promo_sec .promo_block figure{ margin-bottom:20px;}
ul.calcu_list li{ width:33.333%; margin-bottom:10px;}

.shop_info{ padding:10px 0 0px 0;}
/*.shop_info .logo img{ width:auto;}*/
.shop_info .logo{ border-bottom:1px solid #e1e1e1; padding-bottom:10px; text-align:center;}
.top_part ul.top_social{ display:none;}
.top_part ul.top_phone{ display:none;}
.top_part ul.shop_list{ display:block;}
.shop_info ul.shop_list{ display:none;}
.shop_info ul.top_phone{ width:100%; padding:10px 0; display:block; text-align:center;}
.shop_info ul.top_phone li{ border:none;}
.top_part{ padding:0;}
ul.shop_list li a i{ font-size:15px;}
ul.shop_list li a{ padding:12px 15px 7px 15px;}
ul.shop_list li:last-child a{ padding:12px 15px 7px 15px;}
.news_sec .news_detail h3{ font-size:20px; line-height:26px;}
.news_sec .news_detail p{ font-size:14px;}
ul.news_list{ margin:5px 0 5px 0;}
.country{ margin-top:8px;}
.country .dropdown-menu{  min-width:40px;}
.footer_detail{ text-align:center;}
.footer_detail h3::before{ left:50%; margin-left:-16px;}
ul.ft_link{ width:auto; float:none; display:inline-block;}
.footer_detail .add_info{ width:auto; float:none; display:inline-block;}
ul.ft_social{ width:auto; display:inline-block; float:none;}
ul.nav_link{ text-align:left;}
ul.nav_link li{ width:49%; margin:0 0 5px 0; padding:0 10px; font-size:13px;}
.login_sec figure{ margin:0 0 40px 0;}
.login_sec::before{ display:none;}
.login_sec::after{ display:none;}

ul.c_add li{ min-height:35px; width:100%; line-height:35px; font-size:14px; padding:0 0 0 0px;}
ul.c_add li i{ width:35px; height:35px; line-height:31px; font-size:16px; display:block; margin:0 auto; position:relative;}
.form_sec .alert-success{ font-size:14px;}
.housing_sec .inner .form-group{ margin-bottom:20px;}
section{ margin-top:215px;}

/*------- 3-1 -------*/
.hero_sec h2{ font-size:23px;}
.inserve { padding: 30px 30px 20px;}

/*===== 25-1 =====*/
.table_rest{ overflow:inherit; margin:0; padding:0;}
.navbar-light .navbar-toggler{position:absolute;}
.nav_sec .input-group{ display:none;}

/*===== 7-2 =====*/
.nav-tabs.flex-column { -webkit-box-orient: inherit !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important;}
.nav-tabs .nav-item.flex-sm-fill { -ms-flex: inherit !important; flex: inherit !important;}
.nav-tabs .nav-item.flex-sm-fill .nav-link{ line-height:normal; font-size: 14px; border: none;}
.rounded-nav{ border-radius: 5px !important;}
.rounded-nav .nav-link{ border-radius: 5px !important;}
.slider_sec .cap_info{ background:#80be4a; position:relative; padding:15px 0 40px;}
img.sm-ico{ display:block; margin:0 auto;}
.cap_pic{ height:200px;}

.installment_table .table thead {border: none;clip: rect(0 0 0 0);height: 1px; margin: -1px; overflow: hidden; padding: 0;position: absolute; width: 1px;}
.installment_table .table tr {display: grid;margin-bottom: .625em;}
.installment_table .table td { border-bottom: 1px solid #ddd;display: block;text-align: right;}
.installment_table .table td:first-child{ min-height:47px; border-radius:0;}
.installment_table .custom-control{ float:right;}
.installment_table .table td::before { content: attr(data-label); float: left; font-weight: bold; text-transform: uppercase;}
.installment_table .table td:last-child { border-bottom: 0;border-radius:0;}
.installment_table .table th:empty {visibility: hidden; height:0;}
.installment_table table th:first-child{border-radius:0px 0 0 0px;background:#033c6a; }
.installment_table table th:last-child{ border-radius:0 0px 0px 0;background:#033c6a; }
th.hid_mob{ display:none;}
th.hid_des{ display:block;}

/*------- 7-5 -------*/
.install_block .container{ max-width:600px;}
.wizard .nav-tabs > li a::after{ width: 8rem;}
.wizard .nav-tabs > li a i { display: block; font-size:12px;}
/*.installment_table .table tr.total_row {display:block;}??*/
.slider_sec .cap_info img{ height:80px; width:auto;}
}


/************ iphone **************/
@media (max-width:600px) {
html { -webkit-text-size-adjust:none;}
.container{ width:91%;}
ul.top_phone li{ margin:0 3px 0 0; padding:0 10px 0 4px;}
ul.top_phone li span{ display:none;}
ul.top_phone li i{ position:relative;}
.nav_sec .input-group{ width:220px;}

.carousel-indicators{ bottom:0;}
.global_title{ margin-bottom:30px;}
.favourite_sec .cap_info h2{ font-size:15px;}
.favourite_sec .cap_info{ padding:0 60px 0 30px; bottom:20px;}
.partner_sec .partner_block figure{ max-height:127px; line-height:127px;}
.partner_sec .partner_block figure img{ width:100px;}
.benefit_sec::before{ height:150px;}
ul.privacy_link li{margin: 0 0 0 3px;padding: 0 0 0 6px;}
.form_sec .form_info{ padding:0 10px;}
.form_sec .form_inn h2{ font-size:17px;}
.inner_banner .inner h2{ font-size:16px;}
.inner_banner .inner{ max-width:160px;}
.news_sec .news_detail h3{ font-size:16px; line-height:23px; margin-bottom:10px;}
.news_sec .news_detail h3{ font-size:14px;}
.news_sec .news_detail h4{ font-size:18px;}
.news_sec .news_detail .detail{ margin-top:-20px;}
.news_sec .news_detail date{ top:20px; left:20px; line-height:24px; height:62px;}
.news_sec .news_detail date strong{ font-size:22px;}
.news_sec .news_detail .btn-block{ margin-top:15px;}
.housing_sec .inner{ padding:30px 20px;}
.inner_banner img{ height:150px; object-fit:cover;}
.news_sec .news_detail figure img{ height:auto;}

/*------- 7-5 -------*/
.install_block .container{ max-width:341px;}
.wizard .nav-tabs > li a::after{ width: 4rem;}
.wizard .nav-tabs > li a i { font-size:10px;}
.slider_sec img{ height:200px;}
}

@media (max-width:470px) {
.benefit_sec::before{ height:35%;}
ul.calcu_list li{ width:50%;}
.news_sec .news_detail .detail_inn{ padding:20px 15px 30px 15px;}
.news_sec .more_btn{ padding:10px 8px; font-size:12px;}
.fb_btn{ width:100%; text-align:center;}
.login_sec .btn-block{ margin-bottom:25px;}

/*===== 25-1 =====*/
.panel_body{ padding:15px;}
.tab_area .nav-tabs .nav-link { padding: 8px; font-size: 14px; line-height:normal;}
.hero_form figure{width:100%; margin:10px 0; }
}