/*-------------------------------------------------------------------------------------------------------------------------------*/
/* GLOBAL SETTINGS */
/*-------------------------------------------------------------------------------------------------------------------------------*/
@media(max-width: 767px){
    .spacer-xl,.spacer-lg,.spacer-md,.spacer-sm,.spacer-sm.size-2 {height: 50px;}
}
@media(max-width: 575px){
    .spacer-header {height: 30px;}
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* TYPOGRAPHY */
/*-------------------------------------------------------------------------------------------------------------------------------*/
@media(max-width: 767px){
    .title-margin,.title-margin-2 {margin-bottom: 20px;}
    h1,.h1 {font-size: 36px;}
    h2,.h2 {font-size: 34px;}
    h3,.h3 {font-size: 30px;}
    h4,.h4 {font-size: 28px;}
    h1 br,.h1 br,h2 br,.h2 br,h3 br,.h3 br,h4 br,.h4 br, h5 br,.h5 br,h6 br,.h6 br {display: none;}
    .text ul li {padding-left: 20px;}
    blockquote {padding: 20px 20px 20px 23px;font-size: 18px;}
    blockquote::before {width: 3px;}
    .text-line-1,.text-line-2,.text-line-3,.text-line-4,.text-line-5,.text-line-6 {-webkit-line-clamp: inherit;}
}
@media(max-width: 575px){
    h1,.h1 {font-size: 30px;}
    h2,.h2 {font-size: 28px;}
    h3,.h3 {font-size: 24px;}
    h4,.h4 {font-size: 22px;}
    h5,.h5 {font-size: 18px;}
    .text ul li, .text ol li {font-size: 16px;margin-bottom: 10px;}
    .text ol li:before {font-size: 16px;}
    .text,.text p {font-size: 16px;}
    .title-wrapp .btn-link {display: none;}
    blockquote {font-size: 16px;padding: 15px 15px 15px 18px;}
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* BUTTONS */
/*-------------------------------------------------------------------------------------------------------------------------------*/
@media(max-width: 1199px){
    .btn-video {width: 110px;}
    .btn-video span {margin: 0;}
    .btn-video span::after,.btn-video p {display: none;}
}
@media(max-width: 991px){
    .btn-link img {width: 50px;height: 50px;min-width: 50px;}
    .btn-link span {margin-right: 10px;}
    .btn-video {width: 90px;height: 90px;}
    .btn-video span {width: 100%;height: 100%;}
    .btn-video.style-2 {width: 65px;height: 65px;}
}
@media(max-width: 767px){
    .btn-video {width: 65px;height: 65px;}
    .btn-video span::before {margin-left: -3px;margin-top: -8px;border-left: 12px solid #00AEEF;border-top: 8px solid transparent;border-bottom: 8px solid transparent;} 
    .btn-close {width: 35px;height: 35px;}
    .btn-close span {width: 14px;height: 14px;}
}
@media(max-width: 575px){
    .btn,.btn-link {position: relative;width: 100%;text-align: center;padding: 16px 0;border: 2px solid #00AEEF;}
    .btn.style-2 {padding: 16px 30px;}
    .btn-link.img {display: inline-block;width: auto;padding: 0;border: none;}
    .btn-link.white {border-color: #fff;background-color: #fff;}
    .btn-link.mobile {display: block;}
    .btn-link span {margin: 0;width: 100%;}
    .btn-link.white span {color: #000;}
    .btn-link img {display: none;}
    .btn-link.img img {display: block;}
    .btn-video,.btn-video.style-2 {width: 55px;height: 55px;}
    .btn-close {width: 30px;height: 30px;top: 5px;right: 5px;}
    .btn-close span {width: 13px;height: 13px;}
}
@media(max-width: 400px){
    .btn-close {width: 26px;height: 26px;top: 3px;right: 3px;}
    .btn-close span {width: 12px;height: 12px;}
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* BANNER */
/*-------------------------------------------------------------------------------------------------------------------------------*/
@media(max-width: 1199px){
    .banner {position: relative;display: block;width: 100%;}
    .banner.banner-full {padding-bottom: 50%;height: 500px;}
    .banner-cont,.banner-decor {display: none;}
    .banner-cont.mobile {display: block;position: relative;left: auto;right: auto;top: auto;bottom: auto;-webkit-transform: none;-ms-transform: none;transform: none;max-width: 100%;margin-top: 30px;}
    .banner-blue {background-color: #fff;}
    .banner-blue::before {display: none;}
    .banner-3d {right: auto;left: 50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
    .banner.banner-simple-decor {height: 360px;}
    .banner.banner-simple-decor .banner-cont {display: block;width: calc(100% - 30px);}
    .banner-simple-decor-imgs {display: none;}
}
@media(max-width: 767px){
    .banner .bg {display: none;}
    .banner .bg.bg-mobile {display: block;}
    .banner-cont.mobile {margin-top: 20px;}
    .banner-cont .btn-link {margin-top: 20px;}
    .banner.banner-simple-decor {height: 340px;}
}
@media(max-width: 575px){
    .banner.banner-simple-decor,.banner.banner-simple-decor.size-2 {height: 300px;}
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* BREADCRUMBS */
/*-------------------------------------------------------------------------------------------------------------------------------*/
@media(max-width: 767px) {
    .breadcrumbs {top: 95px;}
}
@media(max-width: 575px){
    .breadcrumbs {display: none;}
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* HEADER */
/*-------------------------------------------------------------------------------------------------------------------------------*/
@media(max-width: 1199px){
    .header-height-prod-detail {display: block;height: 90px;margin-bottom: 100px;}
    .header-menu {display: none;}
    .burger-menu {left: -10px;padding: 20px 10px 20px 50px;}
    .burger-menu ul li {margin-bottom: 15px;}
    .burger-menu ul li:nth-child(4) {margin-bottom: 15px;}
    .burger-menu ul li.burger-link-mobile {display: block;}
    .burger-menu ul li.burger-link-mobile:last-child {margin-bottom: 0;}
    .header-btn {padding: 0 20px;}
    .hedaer-phone, .header-lan {margin-right: 30px;} 
}
@media(max-width: 767px){
    .header-inner {top: 10px;}
    .hedaer-phone ul li.hedaer-phone-mobile {display: block;}
    .hedaer-phone a.header-list {font-size: 0;padding-right: 10px;}
    .hedaer-phone ul {left: auto;right: -10px;top: -24px;padding: 34px 20px 20px 20px;width: 190px;}
    .hedaer-phone ul li a {padding: 0;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
    .burger-menu {padding: 10px 10px 10px 35px;top: -10px;left: -5px;width: 230px;max-height: 400px;}
    .header-btn {padding: 0 10px;}
    .header-height,.header-height-prod-detail {height: 80px;}
    .header-height-prod-detail {margin-bottom: 50px;}
    .header-lan ul {padding: 35px 20px 15px 20px;top: -15px;}
}
@media(max-width: 575px){
    header {height: 60px;}
    .header-height,.header-height-prod-detail {height: 70px;}
    .header-logo {padding: 10px;width: 120px;}
    .burger {left: 130px;}
    .hedaer-phone ul {padding: 34px 10px 10px 10px;width: 170px;}
    .hedaer-phone ul li {margin-top: 15px;}
    .burger-menu {display: none;}
    .burger-menu.mobile {display: block;position: fixed;top: 0;left: 0;width: 100%;height: 100%;max-height: none;overflow: auto;padding: 100px 40px 40px 40px;}
}
@media(max-width: 480px){
    .hedaer-phone, .header-lan {margin-right: 20px;}
}
@media(max-width: 400px){
    .header-inner {width: calc(100% - 10px);}
    .header-btn img {width: 35px;}
    .header-logo {width: 100px;}
    .burger {left: 100px;}
    .burger-menu.mobile ul li a,.hedaer-phone a,.header-lan p,.header-lan ul li a {font-size: 14px;}
    .hedaer-phone ul li, .header-lan ul li {margin-top: 12px;}
}