@media (max-width:1779px) {
.gallery_sec .gallery_box{ gap: 25px;}
.hero_sec .search_bar{ bottom: 200px;}

}
@media (max-width:1551px) {
h1{ font-size: 65px;}
h2{ font-size: 46px;}
#return-to-top{ right: 10px;}
header .top_inn .nav_contact li a{ font-size: 16px;}
header .navbar-light .navbar-nav .nav-item{ margin-left: 50px;}
.hero_sec .hero_detail h2{ font-size: 65px;}
.hero_sec .hero_detail p{ font-size: 18px;}
.hero_sec .logo_info{ padding: 20px; gap: 40px;}
.hero_sec .logo_info figure{ max-width: 110px;}
.hero_sec .search_bar{ bottom: 140px;}
.about_sec{ padding: 80px 0;}
.about_sec .left_img{ margin: 0 30px 0 0;}
.about_sec .experince_btn{ font-size: 26px; top: 100px; right: -100px;}
.about_sec figure{ padding: 0 100px 0 0;}
.about_sec figure.absolute{ width: 300px;}
.about_sec .about_right{ padding: 0 0 0 30px;}
.global_title{ font-size: 46px;}
.global_title small{ font-size: 18px;}
.read_more{ font-size: 18px;}
.about_sec ul li h3{ font-size: 22px;}
.event_sec{ padding: 80px 0;}
.event_box .detail{ padding: 20px;}
.event_box h3{ font-size: 24px;}
.industry_sec{ padding: 80px 0;}
.industry_box h3{ font-size: 22px;}
.map_box h3{ font-size: 22px;}
.map_box figure{ max-width: 170px; margin: 0 auto;}
.map_box.big figure{ max-width: 205px; min-width: 205px;}
.recent_sec{ padding-bottom: 80px;}
.recent_box h3{ font-size: 24px;}
.customer_sec{ padding: 80px 0;}
.testi_slider{ max-width: 600px;}
.testi_slider p{ font-size: 18px; line-height: 30px;}
.testi_slider .thumb-prev{ left: 185px;}
.testi_slider .thumb-next{ right: 185px;}
.gallery_sec{ padding: 80px 25px 30px;}
.gallery_sec .gallery_box{ gap: 20px;}
.gallery_sec figure{ height: 220px;}
.gallery_sec figure.rowspan-2{ height: 460px;}
.ftr_cta .cta_detail{ padding: 0 60px 0 0;}
.ftr_link li{ font-size: 16px;}
.footer_sec .copyright{ margin-top: 60px; padding: 30px 0;}

.inner_banner::before{ width: 890px; height: 67px;}
.inner_banner::after{ left: 880px; height: 67px;}

}
@media (max-width:1199px) {
h1{ font-size: 50px;}
h2{ font-size: 38px;}
h3{ font-size: 30px;}
h4{ font-size: 24px;}
#return-to-top{ right: 5px; width: 40px; height: 40px;}
#return-to-top i{ font-size: 18px; top: 8px;}
#return-to-top:hover i{ top: 6px;}
header .navbar-light .navbar-nav .nav-link.btns{ padding: 10px 50px 10px 20px; font-size: 16px;}
.btns{ padding: 10px 50px 10px 20px; font-size: 16px;}
.btns::before{ height: 36px; width: 36px;}
header .navbar-light .navbar-nav .nav-link.btns::before { height: 36px; width: 36px;}
.btns::after{ right: 15px;}
header .navbar-light .navbar-nav .nav-link.btns::after{ right: 15px;}
header .navbar-light .navbar-nav .nav-link.login-btn{ font-size: 16px; padding: 9px 18px;}
header .navbar-light .navbar-nav .nav-item{ margin-left: 35px;}
header .navbar-light .navbar-nav .nav-link{ font-size: 16px;}
.hero_sec .hero_detail h2{ font-size: 50px;}
.hero_sec .hero_detail p{ font-size: 16px;}
.hero_sec .search_bar{ margin-top: 30px; bottom: 150px; max-width: 80%;}
.hero_sec .logo_info{ position: relative; width: 100%;}
.hero_sec .logo_info::before{ display: none;}
.hero_sec .hero_cap::before{ height: 230px; width: 650px;}
.hero_sec .search_bar .form-control{ height: 36px; font-size: 18px;}
.hero_sec .search_bar button{ height: 36px; width: 36px; min-width: 36px;}
.about_sec{ padding: 60px 0;}
.about_sec .left_img{ margin: 0;}
.about_sec .experince_btn{ font-size: 20px; top: 84px; right: -84px; padding: 10px 18px;}
.about_sec figure{ padding: 0 70px 0 0;}
.about_sec figure.absolute{ width: 260px;}
.about_sec .about_right{ padding: 0;}
.global_title{ font-size: 38px;}
.global_title small{ font-size: 16px;}
.read_more{ font-size: 16px;}
p{ font-size: 16px; line-height: 22px;}
.about_sec ul li{ gap: 10px; margin-bottom: 25px;}
.about_sec ul li i{ min-width: 75px; height: 75px;}
.about_sec ul li h3{ font-size: 20px;}
.event_sec{ padding: 60px 0;}
.event_box .location{ font-size: 15px;}
.event_box .date{ font-size: 15px;}
.event_box .date span{ padding-right: 20px;}
.event_box .date span::before{ right: 5px;}
.event_box h3{ font-size: 20px;}
.event_box .date{ padding-bottom: 20px;}
.industry_sec{ padding: 60px 0;}
.industry_box{ margin-bottom: 10px; height: calc(100% - 10px);}
.industry_box h3{ font-size: 18px;}
.map_box{ padding: 10px 15px; margin-bottom: 10px; height: calc(100% - 10px);}
.map_box figure{ max-width: 150px;}
.map_box.big figure{ max-width: 195px; min-width: 195px;}
.recent_box figure{ min-width: 140px;}
.recent_box h3{ font-size: 20px;}
.recent_sec{ padding-bottom: 60px;}
.customer_sec{ padding: 60px 0;}
.testi_slider .rating{ margin-bottom: 20px;}
.testi_slider p{ font-size: 16px; line-height: 24px;}
.testi_slider{ max-width: 510px;}
.customer_sec i{ height: 50px; width: 50px;}
.testi_slider .thumb-prev{ left: 140px;}
.testi_slider .thumb-next{ right: 140px;}
.gallery_sec{ padding: 60px 20px 30px;}
.gallery_sec figure{ height: 180px;}
.gallery_sec figure.rowspan-2{ height: 380px;}
footer{ padding-top: 60px;}
.ftr_cta .cta_detail{ padding: 0;}
.ftr_cta .form-control{ padding: 10px 30px; font-size: 16px;}
.footer_sec{ padding-top: 40px;}
.footer_sec .copyright{ margin-top: 40px; padding: 25px 0;}
.footer_sec .nav_title{ font-size: 18px;}

/* typography Page */
.inner_banner{ padding: 220px 0 160px;}
.inner_banner::before{ width: 50%; height: 67px;}
.inner_banner::after{ left: 49%; height: 67px;}

}

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

h1{ font-size: 44px;}
h2{ font-size: 34px;}
h3{ font-size: 24px;}
h4{ font-size: 20px;}
h5{ font-size: 18px;}
h6{ font-size: 16px;}

#return-to-top{ right: 3px; width: 34px; height: 34px;}
#return-to-top i{ font-size: 16px; top: 4px;}
#return-to-top:hover i{ top: 2px;}

.offcanvas-header .btn-close{ opacity: 1;}
.offcanvas-header{ justify-content: end;}
.offcanvas{ height: 100vh; background: var(--white); z-index: 99999;}
header .navbar .offcanvas .offcanvas-body{ text-align: center;}
header .navbar-light .navbar-nav .nav-item{ margin: 0 0 20px 0;}
header .navbar-light .navbar-nav .nav-item:nth-last-child(2){ margin: 0 0 20px 0;}
header .navbar-light .navbar-nav .nav-item:nth-last-child(1){ margin: 0;}
header .navbar-light .navbar-nav{ align-items: start;}
header .navbar-light .navbar-nav .nav-link{ text-align: left;}
header .navbar-brand{ width: 90px;}
.hero_sec .owl-carousel .owl-nav button::before{ height: 150px; width: 34px;}
.hero_sec .owl-carousel .owl-nav button::after{ right: 8px;}
.hero_sec .hero_detail h2{ font-size: 40px; margin-bottom: 0;}
.hero_sec .hero_detail p{ margin-bottom: 10px;}
.hero_sec .search_bar{ margin-top: 20px; padding: 5px 5px 5px 30px; bottom: 100px;}
.hero_sec .hero_cap::before{ height: 200px; width: 400px;}
.hero_sec .hero_cap{ top: auto; bottom: 100px; transform: translate(-50%, 0);}
.hero_sec .hero_cap{ width: calc(100% - 80px);}
.about_sec{ padding: 40px 0;}
.about_sec .left_img{ margin: 0 50px 30px;}
.global_title{ font-size: 34px;}
.event_sec{ padding: 40px 0;}
.event_box .date{ margin-bottom: 15px; padding-bottom: 15px;}
.industry_sec{ padding: 40px 0;}
.industry_sec .title.mob{ margin-top: 30px;}
.industry_box{ margin-bottom: 20px; height: calc(100% - 20px);}
.map_box{ margin-bottom: 20px; height: calc(100% - 20px);}
.recent_sec{ padding-bottom: 40px;}
.customer_sec{ padding: 40px 0;}
.customer_sec .play_video{ margin-bottom: 25px;}
.customer_sec .owl-carousel .owl-nav{ display: none;}
.customer_sec .owl-carousel .owl-dot.active span{ background: var(--primary);}
.gallery_sec{ padding: 40px 20px 30px;}
.gallery_sec .gallery_box{ gap: 10px;}
.gallery_sec figure{ height: 150px;}
.gallery_sec figure.rowspan-2{ height: 310px;}
footer{ padding-top: 40px;}
.ftr_cta .info{ padding-bottom: 40px;}
.footer_sec figure{ margin-bottom: 20px;}
.social_list li a{ height: 44px; width: 44px;}
.footer_sec .copyright{ margin-top: 30px;}

}

@media (max-width: 767px) {
html { -webkit-text-size-adjust:none;}
h1{ font-size: 36px;}
h2{ font-size: 30px;}
h3{ font-size: 22px;}
.container{ width:90%; margin:0 auto; padding:0; max-width: inherit;}
#return-to-top{ right: 3px; width: 26px; height: 26px;}
#return-to-top i{ font-size: 12px; top: 0px;}
#return-to-top:hover i{ top: -2px;}
.hero_sec .owl-carousel .owl-nav button::before{ height: 120px; width: 26px;}
.hero_sec .owl-carousel .owl-nav button::after{ right: 4px;}
.hero_sec .hero_cap{ width: calc(100% - 60px);}
.hero_sec .search_bar{ bottom: 180px;}
.hero_sec .hero_cap{ bottom: 130px;}
header .top_inn .nav_social{ gap: 25px;}
.about_sec .left_img{ margin: 0 0 25px;}
.hero_sec figure{ height: 400px;}
.hero_sec figure img{ height: 100%;}
.logo_info figure{ height: auto;}
.hero_sec .logo_info{ padding: 20px; gap: 30px; flex-wrap: wrap; justify-content: center;}
.logo_info figure{ width: calc(33% - 30px);}
.event_box h3{ font-size: 18px;}
.event_box .date span{ padding-right: 10px;}
.event_box .date span::before{ right: 0;}
.event_box .detail{ padding: 15px;}
.event_box{ margin-bottom: 30px; height: calc(100% - 30px);}
.social_in{ max-width: 100%;}
.gallery_sec .gallery_box{ grid-template-columns: auto auto auto;}
.ftr_link{ margin-bottom: 30px;}
.ftr_link.contact li{ margin-bottom: 15px;}
.footer_sec .copyright{ margin-top: 0; flex-wrap: wrap; justify-content: center; gap: 15px;}

/* typography Page */
.inner_banner{ padding: 180px 0 110px;}

}

/************ iphone **************/
@media (max-width:600px) {
html { -webkit-text-size-adjust:none;}
header .top_inn .nav_contact li a span{ display: none;}
header .top_inn .nav_contact{ gap: 25px; align-items: center;}
.hero_sec .hero_cap::before{ height: 200px; width: 260px;}
.hero_sec .hero_detail h2{ font-size: 28px;}
.hero_sec .hero_cap{ width: calc(100% - 50px);}
.hero_sec .search_bar{ flex-wrap: wrap; border-radius: 20px; gap: 5px; padding: 10px; bottom: 130px;}
.hero_sec .hero_cap{ bottom: 220px;}
.hero_sec figure{ height: 500px;}
.logo_info figure{ height: auto;}
.hero_sec .logo_info{ padding: 20px 10px; gap: 20px;}
.about_sec figure{ padding: 0 50px 0 0;}
.about_sec .experince_btn{ font-size: 14px; top: 62px; right: -62px; padding: 10px 15px;}
.about_sec figure.absolute{ width: 230px;}
.map_box.big{ flex-direction: column;}
.recent_box{ display: block;}
.recent_box figure{ margin-bottom: 20px;}
.review_modal .modal-dialog{ max-width: 90%; margin: 0 auto;}
.social_in{ margin-bottom: 20px;}
.gallery_sec .gallery_box{ grid-template-columns: auto auto;}
.gallery_sec figure.rowspan-2{ grid-row: span 1; height: 150px;}
.gallery_sec figure.collspan-2{ grid-column: span 1;}
}