@media (max-width:1779px) {
.container{ width:100%; padding: 0 50px; max-width: 1570px;}
.map_info{ max-width: 940px;}
.map_collpase .btn{ right: 355px; top: -225px;}
.map_collpase #mapcollapse{ top: -230px; right: 70px;}
.choose_block{ padding: 65px 40px;}
.choose_block h3{ margin: 0 0 0 25px; padding: 0 0 0 25px; font-size: 36px;}
#return-to-top { right:8px; bottom: 10px;}
.sticky_buttons{ right:8px;}
.team_block {padding: 80px 30px 70px;}

.clients_sec .client_slider { margin-left: calc((100% - 1470px) / 2);}

.sticky_buttons{ gap: 50px;}
.sticky_buttons .social_icon li{ margin-bottom: 40px;}
}

@media (max-width: 1579px) {
.about_sec{ padding: 100px 0;}
.choose_block { padding: 55px 40px;}
.choose_block i{ width: 80px; min-width: 80px;}
.choose_block h3 { margin: 0 0 0 20px; padding: 0 0 0 20px; font-size: 27px;}
.choose_block h3 small{ font-size: 22px;}
.clients_sec .client_slider{ margin-left: calc((100% - 1200px) / 2);}
.service_type li{ font-size: 22px;}
.service_box .caption{ padding: 30px; font-size: 30px;}
.portfolio_block .caption{ padding: 0 44px 0 0;}
.portfolio_type{ gap: 0 20px;}
.portfolio_type li + li::before{ top: 11px; left: -12px;}
.team_block .caption{ font-size: 30px;}
.location_sec{ padding: 0 0 100px 0;}
.team_sec{ padding-bottom: 100px;}
.map_info{ max-width: 772px;}
.map_collpase .btn { right: 295px; top: -185px;}
.map_collpase #mapcollapse { top: -330px; right: 10px;}
.get_inner{ padding: 60px 40px;}
.header_sec .navbar-brand { width: 110px;}
.global_title{ font-size: 50px;}
.sticky_buttons .wp { width: 32px; height: 32px; padding: 5px;}
.sticky_buttons{ gap: 40px;}
.sticky_buttons .social_icon li{ margin-bottom: 25px;}
.choose_block .curve{ width: 100px; height: 20px; top: 15px; left: -40px;}
.service_inner::before { top: -60px; left: -35px; height: 110px; width: 110px;}
.service_inner .curve{ right: -40px; height: 20px; width: 100px;}
.portfolio_info .curve1{ left: -40px; height: 20px; width: 100px;}
.portfolio_info::after{ top: -50px; right: -40px; height: 110px; width: 110px;}
.portfolio_inner .curve2{ left: -40px; height: 30px; width: 120px;}
.portfolio_inner .curve4{ right: -40px; height: 30px; width: 120px;}
.team_info .curve1{ right: -40px; height: 30px; width: 120px;}
.team_info::after { left: -40px; height: 110px; width: 110px;}
.get_inner::after{ top: -50px; right: -40px; height: 110px; width: 110px;}
.footer_sec .curve{ width: 100px; height: 20px; right: -45px; top: 85px;}
.team_block { padding: 60px 25px 40px; }
.team_block figure{ margin-bottom: 40px;}
.team_block .caption { font-size: 24px;}
.team_block small{ font-size: 18px;}
.about_sec .mark_div span{ font-size: 170px; line-height: 140px;}
.about_sec .mark_div.mark_two{ margin-top: -30px;}
.about_sec .text_clip{ max-width: 495px;}
.about_sec .mark_div.mark_two span .lineanim{ width: 71px; height: 111px; left: -50px;}
.get_inner figure{ bottom: 40px; left: -40px;}

.service_box:hover .caption p { height: 205px;}
.portfolio_sec li.splide__slide img { height: 35vw;}
}

@media (max-width:1299px) {
.about_sec h3{ margin-bottom: 15px;}
.choose_block { padding: 50px 25px;}
.service_type li { font-size: 20px;}
.service_box .caption{ font-size: 24px;}
.portfolio_sec h2{ font-size: 50px;}
.location_sec .address strong{ font-size: 24px;}
.location_sec .address{ font-size: 18px;}
.location_sec .phone{ font-size: 18px;}
.map_collpase .btn { height: 10px; width: 10px; min-height: 10px; right: 270px; top: -170px;}
@keyframes pulse {
    0% { opacity: 1; width: 10px; height: 10px; left: 0; top: 0; }
    95% { opacity: 0.5; left: -3px; top: -3px; width: 15px; height: 15px;}
    100% { opacity: 0; width: 10px; height: 10px; left: 0; top: 0;} 
}
.map_collpase #mapcollapse{ right: -10px;}
.clients_sec .client_slider{ margin-left:50px;}
.portfolio_type li{ font-size: 16px;}
.portfolio_type li + li::before{ top: 9px;}
.social_link li{ gap: 15px;}
.footer_sec h3.color{ font-size: 17px;}

.service_box .caption p { font-size: 14px; line-height: 21px;}
.service_box:hover .caption p { height: 180px;}

.portfolio_sec li.splide__slide img { height: 40vw;}
}

@media (max-width:1199px) {
.container{ width:100%; margin:0 auto; padding:0 40px; max-width: inherit;}
.header_sec{ padding: 15px 0;}
.header_sec .contact_btn{ padding: 10px 20px; font-size: 14px;}
.header_sec .navbar-brand { width: 110px;}
.header_sec.sticky .navbar-brand{ width: 110px;}
.btns{ padding: 10px 20px; font-size: 14px;}
.header_sec .navbar-light .navbar-nav .nav-item { margin: 0 0 0 30px;}
.about_sec{ padding: 80px 0;}
.global_title{ font-size: 40px; margin-bottom: 25px;}
.portfolio_sec h2{ font-size: 40px;}
.choose_sec{ padding: 0 0 80px;}
.choose_block { padding: 30px 20px;}
.choose_block h3 { margin: 0 0 0 15px; padding: 0 0 0 15px; font-size: 24px;}
.choose_block i{ width: 60px; min-width: 60px;}
.choose_block span { top: -18px; right: 10px; font-size: 50px;}
.choose_block .curve { top: 10px; left: -65px; width: 110px; height: 18px;}
.choose_sec::before { height: 30px; width: 100px;}
.service_inner::before { top: -40px; left: -30px; height: 80px; width: 80px;}
.service_type li{ font-size: 18px;}
.service_box .caption{ padding: 20px; font-size: 20px;}
.service_sec{ padding-bottom: 70px;}
.portfolio_sec{ padding: 80px 0;}
.portfolio_info .curve1{ left: -40px; width: 100px;}
.portfolio_info::after{ top: -40px; right: -40px; height: 100px; width: 100px;}
.portfolio_inner .curve2{ width: 100px; height: 30px; left: -40px;}
.portfolio_inner .curve4{ bottom: 150px; right: -50px; height: 30px; width: 100px;}
.portfolio_block figure{ margin-bottom: 20px;}
.portfolio_block h3{ font-size: 20px; margin-bottom: 10px;}
.team_sec{ padding-bottom: 80px;}
.team_sec p{ margin-bottom: 30px;}
.team_info .curve1{ width: 100px; height: 30px; right: -40px; top: 20px;}
.team_block .caption { font-size: 20px;}
.team_block small { font-size: 16px;}
.location_sec{ padding-bottom: 60px;}
.team_info::after{ bottom: -40px; left: -60px; height: 100px; width: 100px;}
.location_sec h2 span figure { top: 4px; left: -23px; height: 28px; width: 27px;}
.map_collpase .btn { right: 220px; top: -150px;}
.map_collpase #mapcollapse { right: 250px; top: -280px;}
.map_info { max-width: 600px;}
.get_inner{ padding: 40px;}
.get_inner::after{ height: 100px; width: 100px;}
.get_form .input_group { margin: 0 0 30px;}
.footer_sec{ padding-top: 50px;}
.footer_sec .curve{ right: -35px; width: 100px;}
.footer_sec figure{ text-align: center; margin: 0 0 15px;}
#return-to-top { width: 28px; height: 28px; font-size: 12px; line-height: 28px; right:5px; bottom: 60px;}
.sticky_buttons{ right:5px;}
.sticky_buttons .wp{ width: 28px; height: 28px; min-width: 28px; padding: 5px;}
.sticky_buttons .social_icon li a{ width: 28px; height: 28px; min-width: 28px; padding: 6px;}
.clients_sec .client_slider{ margin: 0 40px;}
.portfolio_type { gap: 0 10px;}
.portfolio_type li{ font-size: 14px;}
.portfolio_type li + li::before{ top: 9px; left: -6px; width: 4px; height: 4px;}
.portfolio_block .caption .more_link{ height: 34px; width: 34px; min-width: 34px;}
.copyright { padding: 15px 0;}
.team_block { padding: 40px 20px;}
.team_block figure { margin-bottom: 30px;}

.about_sec .mark_div span{ font-size: 150px; line-height: 120px;}
.about_sec .mark_div.mark_two{ margin-top: -20px;}
.about_sec .text_clip{ max-width: 435px;}
.about_sec .mark_div.mark_two span .lineanim{ width: 61px; height: 111px; left: -40px;}
.get_inner figure{ height: 30px; width: 100px;}

.service_box:hover .caption p { height: 150px;}
.portfolio_sec li.splide__slide img { height: 35vw; object-fit: contain;}
}

/************ 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: 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;}  

.header_sec{ padding: 15px 0; position: relative; background: var(--white);}
.header_sec::before{ background: none;}
.header_sec .navbar-brand { width: 80px;}
.header_sec.sticky .navbar-brand{ width: 80px;}
.header_sec .navbar-light .navbar-nav{ margin-top: 20px;}
.header_sec .navbar-light .navbar-nav .nav-item{ margin: 0 0 15px;}
.header_sec .contact_btn { margin: 0 0 0 auto; border: none;}
.header_sec .navbar-light .navbar-nav .nav-link{ color: var(--black);}

/* .hero_sec .video-hero--content{ height: 65vh; min-height: 380px;}
.hero_sec .video_image img{ height: 65vh; min-height: 380px;}
.hero_sec .jquery-background-video-wrapper{ height: 65vh; min-height: 380px;} */
.about_sec{ padding: 40px 0;}
.global_title { font-size: 30px;}
.portfolio_sec h2{ font-size: 30px; margin-bottom: 25px;}
.about_sec h3{ font-size: 18px; line-height: 26px;}
p { font-size: 14px; line-height: 24px;}
.choose_sec{ padding: 0 0 20px;}
.choose_sec::before{ display: none;}
.choose_block{ margin-bottom: 20px; height: calc(100% - 20px);}
.choose_block .curve{ display: none;}
.choose_block h3{ font-size: 20px;}
.choose_block h3 small{ font-size: 16px; line-height: 25px;}
.service_type li { font-size: 14px;}
.service_type li::before{ top: 8px;}
.service_inner::before{ display: none;}
.service_inner .curve{ display: none;}
.clients_sec::before { display: none;}
.service_sec { padding-bottom: 20px;}
.portfolio_sec { padding: 40px 0 20px;}
.portfolio_block{ margin-bottom: 20px;}
.portfolio_info .curve1{ display: none;}
.portfolio_info::after{ display: none;}
.portfolio_inner .curve2{ display: none;}
.portfolio_inner .curve4{ display: none;}
.team_info .curve1{ display: none;}
.team_info::after{ display: none;}
.team_sec { padding-bottom: 20px;}
.location_sec { padding-bottom: 40px;}
.location_sec .detail{ max-width: 280px;}
.location_sec .address{ font-size: 16px;}
.location_sec .address strong { font-size: 20px;}
.location_sec .phone { font-size: 16px;}
.map_info { max-width: 685px;}
.map_collpase .btn { right: 260px; top: -170px;}
.map_collpase #mapcollapse { right: 290px; top: -310px;}
.location_sec .detail{ margin-bottom: 30px;}
.get_inner::after{ display: none;}
.get_inner { padding: 30px;}
.footer_sec { padding-top: 30px;}
.footer_sec .curve{ display: none;}
.copyright { margin: 30px 0 0 0; padding: 15px 0;}
#return-to-top { bottom:15px;}
.ftr_link li{ margin-bottom: 10px;}
.location_sec h2 span figure { top: 3px;}
.location_sec h2 span figure svg{ height: 30px;}
.about_sec .mark_div span{ font-size: 110px; line-height: 90px;}
.about_sec .mark_div.mark_two{ margin-top: -20px;}
.about_sec .text_clip{ max-width: 320px;}
.about_sec .mark_div figure svg{ width: 80px; height: 20px;}
.about_sec .mark_div.mark_two span .lineanim{ width: 51px; height: 61px; left: -40px;}
.about_sec .mark_div.mark_two span .lineanim svg{ height: 45px;}
.get_inner figure{ display: none;}

.service_box .caption p { margin-top: 5px;}
.service_box:hover .caption p { height: 160px;}

.error_sec{ padding: 40px 0;}

.inner_banner > img{ max-height: 280px;}
.error_sec .einfo{ font-size: 140px;}
.error_sec p{ font-size: 16px;}
}

@media (max-width: 767px) {
html { -webkit-text-size-adjust:none;}
/* .hero_sec .video-hero--content{ height: 65vh; min-height: 375px;}
.hero_sec .video_image img{ height: 65vh; min-height: 375px;}
.hero_sec .jquery-background-video-wrapper{ height: 65vh; min-height: 375px;} */
.about_sec::before  { display: none;}
.service_type li { font-size: 16px;}
.service_type{ margin-bottom: 30px; flex-wrap: inherit; flex-direction: column; align-items: center;}
.portfolio_block{ margin-bottom: 20px;}
.map_collpase .btn { right: 205px; top: -135px;}
.map_collpase #mapcollapse { right: 230px; top: -280px;}
.map_collpase .card-body{ padding: 10px;}
.map_collpase .card-body figure{ margin-bottom: 10px; border-radius: 15px;}
.map_info { max-width: 520px;}
.location_sec h2 span figure { left: -20px; height: 22px; width: 22px;}
.about_sec .text_clip{ margin: 0 auto 30px auto;}

.service_box:hover .caption p { height: 235px;}

.inner_banner > img{ max-height: 230px;}
.portfolio_sec li.splide__slide img { height: auto;}

/* 25/4 */
.mission_sec{ padding: 40px 0; margin-bottom: 40px;}
}

/************ iphone **************/
@media (max-width:575px) {
html { -webkit-text-size-adjust:none;}
.navbar-toggler{ padding: 0 0 0 10px;}
.header_sec .contact_btn { padding: 10px 15px;}
.about_sec h3{ font-size: 16px;}
.team_block { padding: 30px; text-align: center;}
.service_type{ justify-content: left;}
.service_type li{ font-size: 14px;}
.hero_sec figure img{ height: 290px;}
.copyright{ display: block; text-align: center;}
.map_collpase .btn { right: 110px; top: -80px;}
.map_info { max-width: 295px;}
.map_collpase #mapcollapse{ position: relative; top: auto; right: auto; max-width: 100%;}

.about_sec .mark_div span{ font-size: 70px; line-height: 50px;}
.about_sec .mark_div.mark_two{ margin-top: 0;}
.about_sec .text_clip{ max-width: 204px;}

.footer_sec h3{ margin: 20px 0 10px;}
.footer_sec h3.navTitle:after{ content: "+"; position: absolute; top: -1px; right: 0; transition: all .3s ease-in-out;}
.footer_sec h3.navTitle.active:after{ content: "-";}
.about_sec .mark_div.mark_two span .lineanim{ width: 41px; height: 51px; left: -30px;}

.service_box .caption { padding: 20px; font-size: 16px; line-height: normal;}
.service_box:hover .caption p { height: 140px;}

.portfolio_block .caption{ padding-right: 0;}
.portfolio_block h3{ padding-right: 40px;}
.portfolio_block .caption .more_link { height: 28px; width: 28px; min-width: 28px;}
.portfolio_type{ gap: 0;}
.portfolio_type li{ display: flex; flex-wrap: wrap; align-items: center;}
.portfolio_type li + li::before { top: 0; left: 0; position: relative; margin: 0 7px;}
.get_inner { padding: 30px 20px;}

.inner_banner > img{ max-height: 160px;}
.error_sec .einfo{ font-size: 120px; letter-spacing: 5px;}
.error_sec p{ font-size: 14px;}

.hero_sec .jquery-background-video{ height: auto;}
.hero_sec .video_image img{ height: 300px;}
.service_type{ align-items: flex-start;}

/* 25/4 */
.mission_sec figure{ min-width: 80px;}
}