@media (max-width:1199px) {
header .navbar-light .navbar-nav .nav-link{ font-size: 16px;}
.btns{ font-size: 16px;}
header .navbar-light .navbar-nav{ gap: 40px;}
header .navbar-brand{ width: 180px;}
.hero_sec{ padding: 140px 0 60px;}
.main_title{ font-size: 32px;}
.main_title small{ font-size: 16px;}
.global_title{ font-size: 30px;}
p{ font-size: 16px;}
.hero_sec p{ margin-bottom: 40px;}
.work_sec h2{ margin-bottom: 40px;}
.builder_sec .nav-tabs li .nav-link{ padding: 10px 20px;}
.builder_box{ padding: 30px;}
.builder_box:nth-child(even){ padding: 30px;}
.builder_box p{ margin-bottom: 30px;}
.builder_box p br{ display: none;}
.builder_box figure{ width: 260px;}
.builder_box .detail{ width: calc(100% - 275px);}
.builder_sec{ padding-bottom: 30px;}
.contact_sec .register_block{ padding: 30px;}
.contact_sec h2{ margin-bottom: 30px;}
.register_block .form-control{ font-size: 16px; padding: 15px 15px 15px 50px;}
.register_block .input-group .icon{ left: 18px; width: 25px;}
.contact_sec .register_block .input-group{ margin-bottom: 20px;}
.fancy_check{ margin-bottom: 30px;}
.register_sec .nav-tabs li .nav-link{ padding: 10px 20px;}
.register_block{ padding: 30px;}
.register_block p{ margin-bottom: 30px;}
.register_sec .register_dtl{ padding-right: 40px;}
.register_block .input-group{ margin-bottom: 20px;}
.footer_sec .copyright_info{ padding: 15px 0;}
.footer_sec .copyright_info p{ font-size: 16px; gap: 30px;}
.footer_sec .ftr_top .right_contact li span{ font-size: 15px;}
.footer_sec .ftr_top{ padding-bottom: 30px;}
.footer_sec .ftr_top .right_contact{ gap: 10px 20px; justify-content: center;}
.footer_sec .ftr_top .right_contact li{ gap: 5px;}
.signin_sec .register_block .input-group{ margin-bottom: 20px;}
.signin_sec .register_block{ padding: 30px;}
.signin_sec .register_block svg{ height: 360px;}
.register_block .form-select.form-control{ padding-left: 20px;}
}

/************ Main **************/
@media (max-width: 991px) {
.navbar-toggler{ background:none; border:none; position:relative; right:0; top:0; height: 33px; box-shadow:none !important;}
.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{ padding: 10px 0; background: var(--white); box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);}
header .navbar-light .navbar-nav{ gap: 0;}
header .navbar-collapse{ margin: 20px 0 10px;}
header .navbar-light .navbar-nav .nav-item{ margin-bottom: 20px;}
.hero_sec{ padding: 120px 0 50px;}
.hero_sec p{ margin-bottom: 25px;}
.main_title{ font-size: 30px;}
.work_sec h2{ margin-bottom: 25px;}
.work_sec .button{ margin-top: 30px;}
.global_title{ font-size: 28px;}
.builder_sec{ padding-bottom: 0;}
.contact_sec{ padding: 20px 0 40px;}
.contact_sec .register_block{ padding-bottom: 0;}
.register_sec{ padding: 40px 0;}
.register_sec .register_dtl{ padding: 0 0 30px;}
.footer_sec .ftr_top .right_contact li span{ font-size: 16px;}
.footer_sec .ftr_top{ display: block;}
.footer_sec .ftr_top figure{ text-align: center; margin-bottom: 20px;}
.signin_sec{ padding: 40px 0;}
.signin_sec .register_block p{ margin-bottom: 30px;}
.signin_sec .fancy_check{ margin: 20px  0 30px;}
.signin_sec .register_dtl{ padding: 0 0 30px;}
}

@media (max-width: 767px) {
html { -webkit-text-size-adjust:none;}
.container{ width:90%; margin:0 auto; padding:0; max-width: inherit;}
.main_title{ font-size: 28px;}
.main_title small{ font-size: 15px;}
.hero_sec{ text-align: center;}
.builder_box{ display: block;}
.builder_box .detail{ width: 100%; margin-bottom: 25px; text-align: center;}
.builder_box p{ margin-bottom: 25px;}
.builder_box figure{ width: auto; text-align: center;}
.contact_sec h2{ margin-bottom: 25px;}
.global_title{ font-size: 26px;}
.register_sec .nav-tabs li .nav-link{ font-size: 16px;}
.builder_sec .nav-tabs li .nav-link{ font-size: 16px;}
.footer_sec .copyright_info{ flex-direction: column; gap: 10px;}
.footer_sec .copyright_info p{ justify-content: center;}

}

/************ iphone **************/
@media (max-width:575px) {
html { -webkit-text-size-adjust:none;}
.main_title{ font-size: 24px;}
.builder_sec .nav-tabs{ display: flex; overflow: auto; white-space: nowrap; flex-wrap: nowrap; margin-bottom: 30px; gap: 10px;}
.builder_sec .nav-tabs li .nav-link{ padding: 10px 15px; font-size: 15px;}
.register_sec .nav-tabs{ display: flex; overflow: auto; white-space: nowrap; flex-wrap: nowrap; margin-bottom: 30px; gap: 10px;}
.register_sec .nav-tabs li .nav-link{ padding: 10px 15px; font-size: 15px;}
.global_title{ font-size: 22px;}
.signin_sec .register_block p{ margin-bottom: 20px; display: block;}
}