@media (max-width:1579px) {
h1{ font-size: 52px;}
h2{ font-size: 43px;}
h3{ font-size: 23px;}
h4{ font-size: 22px;}
p{ font-size: 16px; line-height: 26px;}
.hero_area .cap_inn { max-width: 600px;}
.hero_area p{ font-size: 18px; line-height: 28px;}
.about_area .block p{ line-height: normal;}
.featured_area .splide__arrow--prev{ left: -30px;}
.featured_area .splide__arrow--next{ right: -30px;}
.info_contact .inner{ padding: 60px 80px 70px 60px; background-size: auto 70%;}
}

@media (max-width:1199px) {
h1{ font-size: 45px;}
h2{ font-size: 35px;}
h3{ font-size: 22px;}
h4{ font-size: 20px;}
.btns{ font-size: 16px; padding: 7px 25px 9px 25px;}
.insta_btn{ font-size: 16px;}
.header_area .navbar-nav .nav-item{ margin: 0 50px 0 0;}
.header_area .navbar-nav .nav-link{ font-size: 16px;}
.hero_area .cap_inn { max-width: 500px;}
.about_area .block strong{ font-size: 40px;}
.featured_area .splide__arrow{ height: 40px; width: 40px;}
.featured_area .splide__arrow--prev{ left: -20px;}
.featured_area .splide__arrow--next{ right: -20px;}
.new_area .detail{ padding: 30px 20px;}
.info_contact .inner{ padding: 50px;}
.form_info { max-width: 448px;}
.form_block .form-control{ height: 50px; font-size: 16px;}
.foot-link li{ font-size: 16px;}
.add_info li{ font-size: 16px;}
.new_area h2 small{ font-size: 60%;}
}

/************ Main **************/
@media (max-width: 991px) {
h1{ font-size: 35px;}
h2{ font-size: 30px;}
h3{ font-size: 20px;}
h4{ font-size: 18px;}
h5{ font-size: 18px;}
h6{ font-size: 16px;}
.title::before { width: 60px;}
.header_area .navbar-brand{ width: 120px;}
.header_area .navbar-nav .nav-item{ margin: 0 40px 0 0;}
.hero_area .cap_inn { max-width: 360px;}
.hero_area p{ font-size: 16px; line-height: 26px;}
.hero_area .splide__arrow{ height: 40px; width: 40px;}
.hero_area .splide__arrow--prev{ left: -15px; justify-content: flex-end; padding-right: 5px;}
.hero_area .splide__arrow--next{ right: -15px; justify-content: flex-start; padding-left: 5px;}
.splide__arrow svg{ width: 18px;}
.about_area{ padding: 40px 0 30px;}
.about_area .detail{ padding-bottom: 0;}
.about_area .block{ margin-top: 0;}
.about_area .block strong{ font-size: 34px;}
.featured_area{ padding: 30px 0 40px;}
.new_area h2 small{ margin-bottom: 10px;}
.new_area{ margin: 0;}
.info_contact{ padding: 40px 0;}
.info_contact .inner{ padding:40px 30px; background-size: auto 43%;}
.insta_area{ margin-top: 0; padding-top: 40px;}
.footer_area .left{ padding: 40px 30px 20px 0;}
.footer_area .middle{ padding: 40px 30px 30px;}
.footer_area .right{ padding: 40px 0 20px 30px;}
.foot-link li{ margin-bottom: 14px;}
.copyright{ padding: 15px 0;}
}

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

.navbar-toggler{ background:none; border:none; position:relative; right:0; top:0; height: 33px; padding: 0; margin-left: 10px; box-shadow:none !important;}
.navbar-toggler:focus,.navbar-toggler:active { outline: 0;}
.navbar-toggler span {display: block; background-color:var(--primary); 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;}  
.offcanvas{ background: var(--white); bottom: auto; height: 100vh;}
.offcanvas-body{ padding:0 30px 60px 30px; display: flex; flex-direction: column; justify-content: space-between;}
.header_area .navbar-nav{ margin-bottom: 30px; width: 100%; justify-content:flex-start;}
.header_area .mw-100, .header_area .btns{ width: 100%;}
.header_area .navbar-nav .nav-item{ margin: 0; position: relative;}
.header_area.sticky .navbar-nav .nav-item{ margin-right: 0;}
.header_area .navbar-nav .nav-link{ padding: 10px 10px 10px 0; border-bottom: 1px solid rgba(0,0,0,0.1); font-size: 16px; display: flex; justify-content: space-between; align-items: center; font-weight: normal; text-transform: uppercase;}
.header_area .navbar-nav .nav-link::before{ bottom: 0; height: 1px;}
.header_area .navbar-nav .nav-link:focus::before, .header_area .navbar-nav .nav-link:hover::before{ width: 100%;}
.header_area .navbar-nav .nav-link.active::before, .header_area .navbar-nav .show > .nav-link::before{ width: 100%;}
.about_area .block{ min-height: auto; margin-bottom: 20px;}
.info_contact .inner{ background-image: none; padding-bottom: 0; padding-right: 0;}
.form_info{ max-width: inherit; width: auto; padding: 0 30px 20px 0;}
.footer_area .middle{ padding: 40px 0 0; border: none;}
}


/************ iphone **************/
@media (max-width:575px) {
html { -webkit-text-size-adjust:none;}
.hero_area .bg{ min-height: 230px;}
.hero_area h1{ font-size: 26px; margin-bottom: 10px;}
.hero_area p{ font-size: 14px; line-height: 23px;}
.hero_area .cap_inn{ max-width: 320px; margin: 0 auto;}
.featured_area .splide__arrow--prev{ left: 10px;}
.featured_area .splide__arrow--next{ right: 10px;}
.footer_area .left{ padding: 30px 0 0;}
.footer_area .right{ padding: 20px 0; max-width: 100%; height: auto;}
}