@media (max-width:1551px){
.global_title{ font-size: 44px; margin-bottom: 10px;}
#return-to-top{ width: 44px; height: 44px; line-height: 44px;}
.footer_sec figure{ width: 180px;}
.footer_sec h3{ font-size: 18px;}
.ftr_link li{ font-size: 16px;}

.vision_sec h2{ font-size: 26px;}
.industies_box h3{ font-size: 20px;}

.blog_box figure{ height: 250px;}
.blog_box h3{ font-size: 22px;}

.job-card .card-body{ padding: 25px;}

.map_sec iframe{ height: 400px;}

}
@media (max-width:1199px){
.global_title{ font-size: 40px;}
.global_title small{ font-size: 18px;}
#return-to-top{ width: 40px; height: 40px; right: 5px; line-height: 40px;}
.sticky_buttons{ right: 5px;}
.sticky_buttons ul li a{ width: 40px; height: 40px;}
.inner_banner{ padding: 60px 0;}
.contact_sec{ padding: 60px 0;}
header .navbar-brand{ width: 90px;}
.contact_dtl{ padding: 30px;}

.ftco-section{ padding: 60px 0;}
.service-item{ padding: 30px;}
.service-item h3{ font-size: 24px;}
.program_sec{ padding-bottom: 60px;}
.technologies_item h3{ font-size: 18px;}

.hero_sec{ padding: 60px 0;}
.about_sec{ padding: 60px 0 0;}
.service_area{ padding: 60px 0;}
.hero_sec figure{ width: 80%; margin: 0 0 0 auto;}
.hero_sec .detail{ padding: 0;}
.service__item h3{ font-size: 20px;}
.footer_sec h3{ font-size: 16px;}
.ftr_link li{ font-size: 15px;}

.vision_sec{ padding: 60px 0;}
.vision_sec .card-img-top{ max-width: inherit;}
.card-body{ padding: 0;}
.industies_sec{ padding-bottom: 60px;}

.blog-sec{ padding: 60px 0;}
.blog_box figure{ height: 210px;}
.blog_box h3{ font-size: 20px;}
.blog_box .detail{ padding: 20px;}

.team-sec figure img{ width: auto;}
.team-sec h2, .team-sec span{ font-size: 30px;}
.team_box h3{ font-size: 24px;}

.job-card .card-body{ padding: 20px;}
.job-card .btns{ width: 110px;}

.map_sec iframe{ height: 350px;}

.portfolio_sec{ padding: 60px 0;}
.portfolio_sec .portitem{ margin-bottom: 60px;}
.portfolio_sec .visit_link{ font-size: 16px;}

}
@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: var(--black); 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;}  
.btn-close{ filter: brightness(0) !important; opacity: 1;}

.global_title{ font-size: 34px;}
.global_title small{ font-size: 18px;}
#return-to-top{ width: 34px; height: 34px; line-height: 34px;}
.sticky_buttons ul li a{ width: 34px; height: 34px;}
.inner_banner{ padding: 40px 0;}
.contact_sec{ padding: 40px 0;}
.contact_dtl{ padding: 30px 25px;}
.btns{ width: 170px;}
.contact_sec h3{ font-size: 24px; margin-bottom: 20px;}

.ftco-section{ padding: 40px 0;}
.program_sec{ padding-bottom: 40px;}

.hero_sec{ padding: 40px 0;}
.about_sec{ padding: 40px 0 0;}
.about_sec figure{ margin-bottom: 20px;}
.service_area{ padding: 40px 0;}
.hero_sec figure{ width: 70%; margin: 0 auto;}
.service__item h3{ font-size: 18px;}
.service__item a{ gap: 10px;}
.service__item p{ padding: 0 0 0 90px;}

.vision_sec .card{ margin-bottom: 20px; height: calc(100% - 20px);}
.vision_sec{ padding: 40px 0;}
.industies_sec p{ margin-bottom: 30px;}

.blog-sec{ padding: 40px 0;}
.blog_box figure{ height: 250px;}

.team-sec h2, .team-sec span{ font-size: 24px;}
.team_box h3{ font-size: 20px;}

.career_sec{ padding: 40px 0;}
.job-card .card-body h5{ font-size: 22px;}

.apply_modal .modal-header{ padding: 20px;}
.apply_modal .modal-body{ padding: 20px;}
.modal-dialog{ min-width: 90%;}

.map_sec{ padding-bottom: 40px;}
.map_sec iframe{ height: 300px;}

.portfolio_sec{ padding: 40px 0;}
.portfolio_sec .portitem{ margin-bottom: 40px;}

}
@media (max-width:767px){
#viewport{ padding-bottom: 34px;}
.contact_dtl{ margin-top: 30px; height: auto;}
#return-to-top{ bottom: 50px;}
.sticky_buttons{ position: fixed; bottom: 0; right: auto; left: 0; top: auto; transform: inherit; flex-direction: row; width: 100%;}
.sticky_buttons ul{ flex-direction: row; width: 100%; gap: 0;}
.sticky_buttons ul li{ width: 100%; border-right: 1px solid var(--white);}
.sticky_buttons ul li a{ border-radius: 0; width: 100%;}

.footer_sec h3{ margin-bottom: 0; margin-top: 20px;}
.footer_sec .navTitle{ cursor: pointer; position: relative;}
.ftr_link{ display: none; margin-bottom: 0; margin-top: 20px;}
.social_icon{ margin: 20px 0;}
.footer_sec{ padding-top: 40px;}
.footer_sec h3.navTitle::after{ content: "+"; position: absolute; top: -1px; right: 0; transition: .3s ease-in-out; font-size: 20px;}
.footer_sec h3.navTitle.active::after{ content: "-";}

.team-sec figure{ text-align: center; margin-bottom: 30px;}

.portfolio_sec figure{ margin-bottom: 30px;}

}
@media (max-width:575px){
.global_title{ font-size: 30px;}
.global_title small{ font-size: 16px;}
.btns{ letter-spacing: 2px; width: 150px; font-size: 13px; height: 48px;}

.hero_sec figure{ margin-top: 20px;}

.blog_box figure{ height: 300px;}

.team-sec h2, .team-sec span{ font-size: 22px;}
}