* ==========================================  CSS - RESPONSIVE DETAILS  =========================================== */
/* DESKTOP */
@media (min-width:1613px){

}

@media (max-width: 1400px) and (min-width: 1100px){
.logo:before {display:none}
.navbar a {font-size: 14px;padding: 10px 0 10px 15px}
.button2 {top: 110px;left: 50%;width: 100%}
.center-absolut {position: relative;left: -50%}
h2.h2-box-title {top: 80px}
h3.h3-box-title {display: block;height:75px;top:80px}
.button2 {top: 180px;left: 50%;width: 100%}
.about .about-content {padding: 22px}
.section-title h2 {font-size:24px}
.box-1, .box-4 {padding:95px 0}
p > img {margin:14px auto;width:33%;height: 100%}

/* SERVICE */
h2.h2-box-title {top:65px}
.container-interactive:hover h2.h2-box-title {top:10px}
.button2 a {float: left;margin-left: 20px;}
.service-box {margin:65px auto}
.box-1, .box-2, .box-3, .box-4 {width:265px;height:280px}
.btn-danger {margin: 0 auto;display: block;width: auto}

.button3 {left: 108px;}
/* END SERVICE */
}

@media (min-width:1100px){
.mob-phone{display:none}
}


@media (max-width:1100px) and (min-width:1000px){
.logo:before {display:none}
.navbar a {font-size: 14px;padding: 10px 0 10px 15px}
.desk-mail {display: none}
.sticky__contact{left:20px;bottom:6%;display: inline-table}
.sticky__contact .fa:first-child {font-size:35px;padding: 1.2rem 1.5rem}
p > img {margin:14px auto;width:33%;height: 100%}

h2.h2-box-title {top:65px}
.container-interactive:hover h2.h2-box-title {top:10px}
h3.h3-box-title {top: 80px;height:75px}
.button2 {top: 185px}
.about .about-content {padding:22px 10px 22px 22px}
.section-title h2 {font-size: 27px}

/* SERVICE */
.box-1, .box-2, .box-3, .box-4 {width:49%}
.service-box {margin:65px auto}
.box-1, .box-4 {padding:95px 0}
.box-1, .box-2, .box-3, .box-4 {width:265px;height:280px}
.btn-danger {margin: 0 auto;display: block;width: auto}
/* END SERVICE */

.cookie-alert {width:92%;margin:0 auto}
}
/* END DESKTOP */

/* TABLET */
@media (max-width:1000px) and (min-width:800px){
.logo:before {display:none}
.navbar a {font-size: 14px;padding: 10px 0 10px 15px}
.desk-mail {display: none}
.sticky__contact{left:20px;bottom:0;display: inline-table}
.sticky__contact .fa:first-child {font-size:35px}
.sticky__contact .fa-phone {padding: 1.2rem 1.5rem}
.back-to-top {right: 15px;bottom: 15px}
.center-absolut {position: relative;left: -50%}
h2.h2-box-title {top: 80px;font-size:20px;text-align:center;padding: 20px 0 20px 0}
h3.h3-box-title {display: block;height: 140px;top:90px}
.button2, .button3 {top: 260px;left: 50%;width: 100%}
.nav-item {width: 100%;display: grid}
.card-body p {font-size: 10px}
p > img {margin:14px auto;width:33%;height: 100%}
tbody, td, tfoot, th, thead, tr {width:100%!important;display:block}
ol, ul {padding-left: 0}

/* SERVICE */
.service-box {margin:65px auto;}
.a-button {margin: 0 auto;display: block;width: auto}
.column {flex: auto;display: block;flex-direction: column}
.container-service {height:100%}
h2.h2-box-title2 {top: 126px;font-size:28px;text-align: center;padding: 10px 20px 10px 20px}
.container-interactive:hover h2.h2-box-title2 {top: 80px;}
/* END SERVICE */

/* NEWS */
.box-1, .box-2, .box-3, .box-4 {width:49%}
/* END NEWS */

/* FOOTER */
.logo-footer {margin:0 auto;display:block}
.social-links {width: max-content;margin: 0 auto}
h3.title-big-l {text-align:center}
p.p-adress:before, p.p-contact:before, p.p-nip:before {left: 0;float:none;position: relative;margin: 0 auto 0 auto;height:60px}
p.p-adress, p.p-contact, p.p-nip {text-align:center;padding:0}
#footer .footer-top .footer-info p {text-align:center;padding: 10px 40px}
.btn-outline-danger {display:block;margin:0 auto}
ul.ul-link-li {display: inline-grid;margin: 30px auto 30px auto;padding: 0;text-align: center;width: 100%}
a.a-footer-link {font-size: 18px}
ul.ul-link-li li a:before {content:""}
#footer .credits, #footer .copyright {text-align:center;padding:5px 0 5px 0}
/* END FOOTER */

.cookie-alert {width:92%;margin:0 auto}
}

@media (max-width:800px) and (min-width:649px){
.logo:before {display:none}
.desk-mail {display: none}
.sticky__contact{left:20px;bottom:0;display: inline-table}
.sticky__contact .fa:first-child {font-size:35px}
.sticky__contact .fa-phone {padding: 1.2rem 1.5rem}
.back-to-top {right: 15px;bottom: 15px}
.center-absolut {position: relative;left: -50%}
h2.h2-box-title {top: 45px;font-size:20px;text-align:center;padding: 20px 0 20px 0}
h3.h3-box-title {display: flex;height: 100px;top:80px}
.button2, .button3 {top: 200px;left: 50%;width: 100%}
.nav-item {width: 100%;display: grid}
.card-body p {font-size: 10px}
p > img {margin:14px auto;width: 100%;height: 100%}
tbody, td, tfoot, th, thead, tr {width:100%!important;display:block}
ol, ul {padding-left: 0}
.section-title h2 {text-align: center;display: block}
.section-title:before {content: '';margin: 10px auto;display: block;width: 50px;height: 15px;background: #c4c4c4}
h1, h2, h3, h4, h5, h6, .font-primary {text-align:center}
.breadcrumbs h2:before, .breadcrumbs h1:before, .breadcrumbs span:before {content: '';margin: 10px auto;display: block;width: 50px;height: 15px;background:#d52027}

/* SERVICE */
.service-box {margin:65px auto;max-width: 373px}
.box-2 {display:none}
.a-button {margin: 0 auto;display: block;width: auto}
.column {flex: auto;display: block;flex-direction: column}
.container-service {height:100%}
h2.h2-box-title2 {top: 126px;font-size:28px;text-align: center;padding: 10px 20px 10px 20px}
.container-interactive:hover h2.h2-box-title2 {top: 80px;}
/* END SERVICE */

/* NEWS */
.img-news, .blog-details {text-align:center;margin:0 auto;display:block}
/* END NEWS */

/* FOOTER */
.logo-footer {margin:0 auto;display:block}
.social-links {width: max-content;margin: 0 auto}
h3.title-big-l {text-align:center}
p.p-adress:before, p.p-contact:before, p.p-nip:before {left: 0;float:none;position: relative;margin: 0 auto 0 auto;height:60px}
p.p-adress, p.p-contact, p.p-nip {text-align:center;padding:0}
#footer .footer-top .footer-info p {text-align:center;padding: 10px 40px}
.btn-outline-danger {display:block;margin:0 auto}
ul.ul-link-li {display: inline-grid;margin: 30px auto 30px auto;padding: 0;text-align: center;width: 100%}
a.a-footer-link {font-size: 18px}
ul.ul-link-li li a:before {content:""}
#footer .credits, #footer .copyright {text-align:center;padding:5px 0 5px 0}
/* END FOOTER */

.cookie-alert {width:92%;margin:0 auto}
}
/* END TABLET */

/* MOBILE */
@media (max-width:650px){
.mob-off, .logo:before {display:none}
.logo:before {display:none}
.desk-mail{display:none}
.sticky__contact{left:20px;bottom:0;display: inline-table}
.sticky__contact .fa:first-child {font-size:35px}
.sticky__contact .fa-phone {padding: 1.2rem 1.5rem}
.back-to-top {right: 15px;bottom: 15px}
.about .about-content {padding:40px}
.button2, .button3 {top: 110px;left: 50%;width: 100%}
.center-absolut {position: relative;left: -50%}
h2.h2-box-title, h2.h2-box-title2 {top: 45px;font-size:20px;text-align:center;padding: 20px 0 20px 0}
h3.h3-box-title {display:none}
.img-news {margin:0 auto;display:block;width: 100%}
.breadcrumbs h2, .breadcrumbs h1, .breadcrumbs span {font-size: 1.5rem;}
.nav-item {width: 100%;display: grid}
.card-body p {font-size: 10px}
p > img {margin:14px auto;width: 100%;height: 100%}
tbody, td, tfoot, th, thead, tr {width:100%!important;display:block}
ol, ul {padding-left: 0}
.section-title h2 {text-align: center;display: block}
.section-title:before {content: '';margin: 10px auto;display: block;width: 50px;height: 15px;background: #c4c4c4}
h1, h2, h3, h4, h5, h6, .font-primary {text-align:center}
.breadcrumbs h2:before, .breadcrumbs h1:before, .breadcrumbs span:before {content: '';margin: 10px auto;display: block;width: 50px;height: 15px;background:#d52027}

/* SERVICE */
img, svg {width:100%}
.service-box {margin:65px auto}
.box-1, .box-2, .box-3, .box-4 {width:100%;height:auto}
.box-2 {display:none}
.a-button {margin: 0 auto;display: block;width: auto}
.column {flex: auto;display: block;flex-direction: column}
.container-service {height:100%}
h2.h2-box-title2 {text-align: center;padding: 10px 20px 10px 20px;top: 50px;}
/* END SERVICE */

/* FOOTER */
.logo-footer {margin:0 auto;display:block;width: auto}
.social-links {width: max-content;margin: 0 auto}
h3.title-big-l {text-align:center}
p.p-adress:before, p.p-contact:before, p.p-nip:before {left: 0;float:none;position: relative;margin: 0 auto 0 auto;height:60px}
p.p-adress, p.p-contact, p.p-nip {text-align:center;padding:0}
#footer .footer-top .footer-info p {text-align:center;padding: 10px 40px}
.btn-outline-danger {display:block;margin:0 auto}
ul.ul-link-li {display: inline-grid;margin: 30px auto 30px auto;padding: 0;text-align: center;width: 100%}
a.a-footer-link {font-size: 18px}
ul.ul-link-li li a:before {content:""}
#footer .credits, #footer .copyright {text-align:center;padding:5px 0 5px 0}
/* END FOOTER */

.cookie-alert {width:92%;margin:0 auto}
}

@media (max-device-width:650px) and (orientation:landscape){
h3.h3-box-title {display: flex;height: 100px;top:80px}
.button2 {top: 200px;left: 50%;width: 100%}

/* SERVICE */
.service-box {margin: 65px auto!important;margin:0 auto}
/* END SERVICE */

/* NEWS */
.img-news, .blog-details {text-align:center;margin:0 auto;display:block}
/* END NEWS */

}
/* END MOBILE */
/* =========================================  END CSS - RESPONSIVE DETAILS  ========================================= */