@media(min-width:1201px) and (max-width:1360px){
    .header_actions{display: none;}
    .container{width: 95%;}
    header.sticky .navbar-brand img, header .navbar-brand img{min-height: 55px;}
    header .navbar-light .navbar-nav .nav-link {font-size: 17px;}
    header .navbar-light .navbar-nav .nav-link.btns{padding: 9px 15px;font-size: 14px;}
    header .navbar-light .navbar-nav .nav-item{margin: 0 0 0 20px;}
    .hero_cap h2{font-size: 50px;}
    .hero_cap h2 strong{font-size: 55px;}
    .hero_cap p{font-size: 18px;}
    .why_sec .card h3{font-size: 18px;}
    .global_title{font-size: 30px;}
    .welcome_sec blockquote span{font-size: 16px;}
    .welcome_sec{padding: 100px 0;}
    .news_sec .card h3{font-size: 22px;}
    .news_sec .card p{font-size: 16px;}
}

@media (max-width:1199px) {

.global_title { font-size: 42px; line-height: 1.15;}
.global_title small { margin-bottom: 12px; font-size: 18px; letter-spacing: 3px;}
p { font-size: 16px; line-height: 27px;}
.btns { padding: 9px 22px; font-size: 15px;}    
.card-btn { padding: 9px 18px; font-size: 14px;}

header.sticky .navbar-brand img,header .navbar-brand img { max-height: 60px;}
header .navbar-light .navbar-nav .nav-item { margin: 0 0 0 30px;}
.header_actions { display: block;margin: 0;}
.navbar-toggler{margin: 0 0 0 auto;}
header .navbar-light .navbar-nav .nav-link {font-size: 15px;}
.search-in-wrp{padding: 40px 0 15px;}
.btn-close{top: 10px;right: 15px;width: 20px;height: 20px;}


.hero_sec .item { min-height: 700px;}
.hero_sec .item  img { height: 700px; object-fit: cover;}
.hero_cap { left: 30px; right: 30px;}
.hero_cap .hero_inn { max-width: 500px;}
.hero_cap h2 { font-size: 60px; line-height: 1.1; margin-bottom: 20px;}
.hero_cap h2 strong { font-size: 85px;}
.hero_cap h2 small { font-size: 42px; margin-bottom: 12px;}
.hero_cap p { font-size: 20px; line-height: 1.5; margin-bottom: 30px;}

.why_sec { padding: 0 0 65px; }
.why_sec .why_row { grid-template-columns: repeat(4, 1fr); gap: 20px;}

.why_sec .card { padding: 35px 25px 25px;}
.why_sec .card i { margin-bottom: 25px; width: 48px; height: 48px;}
.why_sec .card i img { max-width: 48px; height: 48px;}
.why_sec .card h3 { margin-bottom: 22px; font-size: 23px;}

.welcome_sec { padding: 120px 0;}
.welcome_sec .welcome_left { padding-right: 20px; }
.welcome_sec .welcome_right { padding-left: 10px;}
.welcome_right .global_title { margin-bottom: 25px;}
.welcome_sec blockquote { padding: 18px 22px; margin-bottom: 18px;}
.welcome_sec blockquote span { font-size: 21px; line-height: 1.4;}
.welcome_sec .welcome_right p { margin-bottom: 20px;}

.location_sec { padding: 80px 0;}
.location_sec .location_left { padding-right: 20px;}
.location_sec .location_left .global_title { margin-bottom: 20px;}
.location_sec .location_left p { margin-bottom: 25px;}
.location_sec .location_left .location_list { gap: 20px 15px; margin-bottom: 30px;}
.location_sec .location_left .location_list li.location_title { font-size: 17px; gap: 8px;}
.location_sec .location_right figure { max-width: 100%;}

.news_sec { padding: 100px 0;}
.news_sec .card { padding: 18px;}
.news_sec .card figure { height: 260px; margin-bottom: 22px;}
.news_sec .card h3 { font-size: 26px; margin-bottom: 15px;}
.news_sec .card p { margin-bottom: 25px;}
.news_sec .card .link {font-size: 16px;}

.connect_sec figure { height: 650px;}
.connect_sec .connect_content { padding-top: 80px;}
.connect_sec .connect_content .global_title { margin-bottom: 18px;}
.connect_sec .connect_content .sub_title { font-size: 23px;}

.footer { padding: 55px 0 60px;}
.footer .brand-content { padding-bottom: 45px;}
.footer .brand-content figure { max-width: 320px; }
.footer .connect-text {margin-top: 40px;}
.social-icons { gap: 10px; }
.social-icons a { width: 45px; height: 45px; }
.footer .company-column,
.footer .solution-column {padding-left: 30px;}
.footer-column { padding-top: 35px; padding-bottom: 35px;}
.footer-column h5 { font-size: 22px; line-height: 1.4;}
.footer-column ul li a { font-size: 17px; line-height: 1.5;}
.copyright { padding-top: 35px;}
}
   

@media(min-width:992px) and (max-width:1200px){
    .header_actions{display: none;}
    .container{width: 95%;}
    header.sticky .navbar-brand img, header .navbar-brand img{min-height: 55px;}
    header .navbar-light .navbar-nav .nav-link.btns{padding: 9px 15px;font-size: 14px;}
    header .navbar-light .navbar-nav .nav-item{margin: 0 0 0 20px;}
    .hero_cap h2{font-size: 50px;}
    .hero_cap h2 strong{font-size: 55px;}
    .hero_cap p{font-size: 18px;}
    .why_sec .card h3{font-size: 18px;}
    .global_title{font-size: 30px;}
    .welcome_sec blockquote span{font-size: 16px;}
    .welcome_sec{padding: 100px 0;}
    .news_sec .card h3{font-size: 22px;}
    .news_sec .card p{font-size: 16px;}
}

/************ Main **************/
@media (max-width: 991px) {
.global_title { font-size: 38px; line-height: 1.2;}
.global_title small { margin-bottom: 10px; font-size: 17px; letter-spacing: 2.5px;}
p { font-size: 16px; line-height: 26px; letter-spacing: 0.3px;}
.btns { padding: 9px 20px; font-size: 14px; letter-spacing: 0.5px;}
.card-btn { padding: 9px 16px; font-size: 14px; letter-spacing: 0.5px}

header{background: rgba(0, 0, 0, 0.80);}
.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:#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;}  
header .navbar-light .navbar-nav{padding: 35px 0;width: 90%;margin: 0 auto;}
header .navbar-light .navbar-nav .nav-item{margin: 0;}
header .navbar-light .navbar-nav .nav-link.search_btn{display: none;}
header .navbar-light .navbar-nav .nav-item:last-child{margin: 0;}
.navbar-collapse{position: fixed;left: -100%;top: 0;min-height: 100vh;background: #000;height: 100%;width: 100%;padding: 80px 15px 25px;overflow: auto;-webkit-transition: all 0.3s linear;transition: all 0.3s linear }  
.navbar-collapse.collapse.show{left: 0; }
.header_actions,.navbar-brand{position: relative;z-index: 121;  }
.navbar-toggler{position: relative;z-index: 121;    }

.hero_sec .item { min-height: 650px; position: relative;}
.hero_sec .item:after{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, rgba(0,0,0,1) 0%,rgba(255,255,255,0) 100%);
    top: 0;
    left: 0;
}
.hero_sec .item  img { height: 650px;}
.hero_cap {left: 30px;right: 30px;z-index: 10;}
.hero_cap .hero_inn { max-width: 500px;}
.hero_cap h2 { margin-bottom: 20px; font-size: 42px;}
.hero_cap h2 strong { font-size: 55px;}
.hero_cap h2 small { margin-bottom: 10px; font-size: 38px;}
.hero_cap p { margin-bottom: 30px; font-size: 18px; line-height: 1.5;}   

.why_sec { padding-bottom: 60px;}
.why_sec .why_row { grid-template-columns: repeat(2, 1fr); gap: 18px;}
.why_sec .card { padding: 30px 22px 22px; border-radius: 13px;}
.why_sec .card i { margin-bottom: 22px; width: 45px; height: 45px;}
.why_sec .card h3 { margin-bottom: 20px; font-size: 18px; line-height: 1.2;}
.why_sec .card .card-btn { padding: 9px 17px; font-size: 14px;}

.welcome_sec {padding: 70px 0;}
.welcome_sec .row {row-gap: 30px;}
.welcome_sec .welcome_left figure { margin: 0; overflow: hidden; position: relative;}
    
.location_sec { padding: 65px 0;}
.location_sec .row { gap: 35px;}
.location_sec .row > div { width: 100%; max-width: 100%; flex: 0 0 100%;}
.location_sec .location_left { padding: 0; margin: 0;}
.location_sec .location_left p {max-width: 100%;}
.location_sec .location_left .location_list { gap: 20px 25px; margin-bottom: 30px;}
.location_sec .location_right { width: 100%; margin: 0;}
.location_sec .location_right figure { max-width: 100%; }
.location_sec .location_right::before { right: -10px; bottom: -10px;}  

.news_sec { padding: 75px 0;}
.news_sec .row { row-gap: 25px;}
.news_sec .card { padding: 18px;}   
.news_sec .card figure { height: 260px;}
.news_sec .card h3 {font-size: 25px;}   

.connect_sec .connect_content .global_title { margin-bottom: 16px;}
.connect_sec .connect_content .sub_title { font-size: 21px; margin-bottom: 14px;}
.connect_sec .connect_content p { max-width: 420px; margin-bottom: 25px;}

.footer { padding: 50px 0; }
.footer_content .row { row-gap: 30px;}
.footer_content .row > [class*="col-"]:not(:last-child) {border-right: 0;}
.footer .brand-content { padding: 0 20px 20px 0;}
.footer .brand-content figure { max-width: 280px;}
.footer .connect-text { margin: 30px 0 15px;}
.footer .company-column,
.footer .solution-column { padding: 0;margin: 0;}
.footer-column { padding: 10px 15px 20px;}
.footer-column h5 { font-size: 20px; margin-bottom: 18px;}
.copyright .row{flex-flow: column-reverse;gap: 10px;}
.lang-bx{justify-content: center;align-items: center;}
.copyright p{text-align: center;}

}

@media (max-width: 767px) {
html { -webkit-text-size-adjust:none;}
.container{ width:90%; margin:0 auto; padding:0; max-width: inherit;}

header{background: rgba(0, 0, 0, 0.80);}
.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:#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;}  
header .navbar-light .navbar-nav{padding: 35px 0;}
header .navbar-light .navbar-nav .nav-item{margin: 0;}
header .navbar-light .navbar-nav .nav-link.search_btn{display: none;}
header .navbar-light .navbar-nav .nav-item:last-child{margin: 0;}
.navbar-collapse{position: fixed;left: -100%;top: 0;min-height: 100vh;background: #000;height: 100%;width: 100%;padding: 80px 15px 25px;overflow: auto;-webkit-transition: all 0.3s linear;transition: all 0.3s linear }  
.navbar-collapse.collapse.show{left: 0; }
.header_actions,.navbar-brand{position: relative;z-index: 121;  }
.navbar-toggler{position: relative;z-index: 121;    }

.global_title { font-size: 32px; line-height: 1.2; letter-spacing: 0.3px;}
.global_title small { margin-bottom: 8px; font-size: 15px; letter-spacing: 2px;}
p { font-size: 15px; line-height: 25px; letter-spacing: 0.2px;}
.btns { padding: 9px 18px; font-size: 13px; letter-spacing: 0.4px;}
.card-btn { padding: 8px 15px; font-size: 13px;}

.hero_sec .item {
    min-height: 600px;
}

.hero_sec .item > img {
    height: 600px;
    object-fit: cover;
}

.hero_cap { left: 20px; right: 20px;}
.hero_cap .hero_inn {max-width: 350px; }
.hero_cap h2 { font-size: 42px; line-height: 1.1; margin-bottom: 15px;}
.hero_cap h2 strong { font-size: 60px;}
.hero_cap h2 small { font-size: 30px; margin-bottom: 8px;}
.hero_cap p { font-size: 16px; line-height: 1.5; margin-bottom: 24px;}

    .why_sec {
    padding-bottom: 50px;
}

.why_sec .why-title {
    margin-bottom: 18px;    
}

.why_sec .why_row { grid-template-columns: repeat(2, 1fr); gap: 15px; position: relative; z-index: 1;}
.why_sec .card { padding: 25px 18px 18px; border-radius: 12px;}
.why_sec .card h3 { margin-bottom: 18px; font-size: 18px; line-height: 1.25;}

.welcome_sec { padding: 50px 0; }
.welcome_sec::before { height: 30px;}
.welcome_sec .row {row-gap: 25px;}
.welcome_sec blockquote { padding: 15px 18px; margin-bottom: 15px;}
.welcome_sec blockquote span { font-size: 19px; }
.welcome_sec .welcome_right p { margin-bottom: 18px; }

.location_sec { padding: 50px 0;}
.location_sec .row { gap: 28px;}
.location_sec .location_left p {margin-bottom: 22px;}
.location_sec .location_left .location_list { gap: 17px 20px; margin-bottom: 28px;}
.location_sec .location_left .location_list li.location_title img { width: 16px; height: 20px;}
.location_sec .location_right figure img { border-radius: 15px; }

.news_sec { padding: 60px 0;}
.news_sec::before,
.news_sec::after { height: 30px;}
.news_sec .card { padding: 18px; border-radius: 16px;}
.news_sec .card figure { height: 280px; margin-bottom: 20px; border-radius: 14px;}
.news_sec .card p { margin-bottom: 22px;font-size: 16px;}

.connect_sec figure {
height: 480px;
}

.connect_sec .connect_content { padding: 50px 0 0; }
.connect_sec .connect_content .global_title { margin-bottom: 15px; }
.connect_sec .connect_content .sub_title { font-size: 19px; line-height: 1.5; margin-bottom: 12px;}
.connect_sec .connect_content p { max-width: 380px; margin-bottom: 22px;}

.footer { padding: 45px 0 35px;}
.footer_content .row { row-gap: 25px;}
.footer .brand-content figure { max-width: 250px;}
.footer .connect-text { margin: 25px 0 15px;}
.footer-column { padding: 0 10px 15px;}
.footer-column ul li a { font-size: 15px;}
.copyright .row { row-gap: 20px;}
.copyright .dropdown { display: flex; justify-content: center;}
}

/************ iphone **************/
@media (max-width:575px) {
html { -webkit-text-size-adjust:none;}

.global_title { font-size: 26px; line-height: 1.25; letter-spacing: 0;}
.global_title small { margin-bottom: 7px; font-size: 13px; letter-spacing: 1.5px;}
p { font-size: 14px; line-height: 23px; letter-spacing: 0;}
.btns { padding: 8px 16px; font-size: 12px; letter-spacing: 0.3px; border-radius: 5px;}
.card-btn { padding: 8px 14px; font-size: 12px; border-radius: 5px;}

.hero_sec .item { min-height: 460px;}
.hero_sec .item  img { height: 460px; object-fit: cover;}
.hero_cap { left: 15px; right: 15px;}
.hero_cap .hero_inn { max-width: 300px; padding: 20px; background: rgba(0, 0, 0, 0.80); border-radius: 10px;;}
.hero_cap h2 { font-size: 30px; line-height: 1.1; margin-bottom: 14px;}
.hero_cap h2 strong { font-size: 40px;}
.hero_cap h2 small { font-size: 20px; line-height: 1.2; margin-bottom: 8px;}
.hero_cap p { font-size: 14px; line-height: 1.5; margin-bottom: 20px; display: none;}

.why_sec .why_row { grid-template-columns: repeat(2, 1fr); gap: 15px;}
.why_sec .card h3 { margin-bottom: 17px; font-size: 16px;} 
.why_sec .card .card-btn{ font-size: 12px; padding: 9px 15px;}

.welcome_sec .welcome_left figure{}
.welcome_sec blockquote span { font-size: 17px; line-height: 1.5;}
.welcome_sec .welcome_right p { margin-bottom: 15px; }

.location_sec { padding: 40px 0;}
.location_sec .location_left p { margin-bottom: 20px;}
.location_sec .location_left .location_list { gap: 15px 16px; margin-bottom: 25px;}

.news_sec { padding: 60px 0;}
.news_sec .row { row-gap: 0px;}
.news_sec .card { padding: 15px; border-radius: 14px;}
.news_sec .card figure { height: 240px; margin-bottom: 18px; border-radius: 12px;}
.news_sec .card h3 { font-size: 22px; line-height: 1.3; margin-bottom: 12px;}
.news_sec .card p { margin-bottom: 20px; }

.connect_sec figure { height: 420px;}
.connect_sec .connect_content { padding: 40px 0 0;}
.connect_sec .connect_content .global_title { margin-bottom: 12px;}
.connect_sec .connect_content .sub_title { font-size: 17px; margin-bottom: 12px;}
.connect_sec .connect_content p { margin-bottom: 20px;}

.footer {padding: 35px 0 25px;} 
.footer_content .row { row-gap: 25px;}
.footer .brand-content figure { max-width: 220px;}
.social-icons a img { max-width: 19px; max-height: 19px;}
.footer-column h5 { font-size: 18px; margin-bottom: 12px;}
.copyright { margin-top: 10px; padding-top: 20px;}
}