/* RESPONSIVE DESIGN */


/*


@media (max-width: 475px) {

    .logo-head {

        width: 125px !important;

    }

    .phone-icon-header {

        width: 35px !important;

        height: 34px !important;

    }

    .navbar-toggler {

        padding: 0.30rem !important;

    }

    .navbar-toggler span {

        width: 1.2em !important;

        height: 1.2em !important;

    }

    .phone-number-contact {

        font-size: 11.5pt !important;

    }

    .col-12.col-lg-12 iframe {

        height: 9.5rem !important;

    }

    .gdpr-font {

        font-size: 60% !important;

    }

    .form-agreement-group .form-check-label.ml-3 {

        line-height: 15px;

    }

    .thumb-img {

        height: auto;

    }

    .youtube-player {

        height: 8rem !important;

    }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media (max-width: 600px) {

    .cookieModal div.row {

        margin: 5px;

    }

    .cookieModal div small {

        font-size: 75%;

        line-height: 20px;

    }

    .logo-head {

        width: 200px;

    }

    .phone-icon-header {

        width: 45px;

        height: 44px;

    }

    .navbar-toggler span {

        width: 1.8em;

        height: 1.8em;

    }

    .navbar-nav.custom-width-lower-nav {

        gap: 1.3rem;

    }

    .navbar-collapse {

        margin-top: 0.75rem;

    }

    .navbar-collapse .col-12.pr-0 {

        padding-bottom: 0.5rem !important;

        padding-right: 1rem !important;

    }

    .a-custom-nav-lower {

        font-size: 1rem !important;

    }

    .homepage-container {

        margin-bottom: 1.5rem !important;

    }

    div .container-fluid.header-border.p-0 {

        display: none !important;

    }

    .index-map-container h2 {

        font-size: 18pt !important;

    }

    body .page-header,
    .article-header {

        font-size: 22.5pt !important;

        margin-bottom: 0 !important;

        padding-bottom: 0.3rem !important;

    }

    .fluid-container p {

        font-size: 15pt;

    }

    .index-instructions-container {

        gap: 1.8rem;

    }

    .btn-custom {

	width: 100% !important;    

        height: 3.38rem !important;

        padding: 0.550rem 0.75rem !important;

        font-size: 22px !important;

    }

    div.bg-custom-secondary.text-white .container.px-0 {

        padding: 0 !important;
    }

    div.bg-custom-secondary.text-white .container.px-0 .d-block.py-3.text-center .d-block.mx-auto.mb-3 {

        margin-bottom: 0 !important;

    }

    .video-page-header {

        margin-bottom: 1rem !important;

    }

    div div div .youtube-player {

        height: 9.5rem;

        width: 31.8rem;

    }

    .youtube-player iframe {

        height: 9.5rem !important;

    }

    .youtube-player img.youtube-thumb {

        width: inherit;

        height: inherit;

    }

    iframe:focus {

        outline: none;

    }

    .col-12.mt-2.mb-4 .col p {

        font-size: 11pt !important;

    }

    .article-img {

        width: 15rem !important;

        height: 10rem !important;

    }

    #indexContactForm {

        margin-bottom: 0 !important;

    }

    #defaultCheck,
    #contactsCheck {

        width: 1.7rem !important;

        height: 1.7rem !important;

    }

    #defaultCheck::before,
    #contactsCheck::before {

        width: 1.85em !important;

        height: 2.05em !important;

    }

    .form-group {

        margin-bottom: 1rem !important;

    }

    #indexContactForm .form-check-label.ml-3 {

        height: 8.5rem !important;

    }

    #indexContactForm .index-agreement-font {

        font-size: 8pt !important;

    }

    .header-border.w-100.my-4 {

        margin-top: 1rem !important;

        margin-bottom: 1rem !important;

    }

    .footer-list.pl-5,
    footer div a.a-custom[aria-expanded] {

        padding-left: 1.5rem !important;

    }

    .col-12.col-lg-12 iframe {

        height: 14.5rem;

    }

    .site-logo {

        width: 7.2rem !important;

    }

    .phone-number-contact {

        font-size: 14pt;

    }

    .gdpr-font {

        font-size: 74%;

    }

    .g-recaptcha {

        width: 100%;

    }

    .news-title {

        height: auto;

    }

    .news-body {
	    
        height: 7rem !important;
	    
        overflow: hidden;
	    
    }	

    .card-title {

        font-size: 1.4rem !important;

    }

    .gallery_h {
	    
        height: unset !important;
	    
    }
	
    .product__slide img {
	    
	 width: 400px !important;
	    
	 height: 200px !important;
	    
         object-fit: cover !important;
	    
     }

     .thumb-img-index {
	     
        width: 23rem !important;
	     
    }

    .col-12.mb-3 .card-text.d {
	    
        font-size: 11pt !important;
	    
    }

    .thumb-img {
	    
	height: 18rem !important;
	    
    }

    
}

@media (max-width: 768px) {
    .phone-icon-header {

        margin: 0 !important;

        background-image: url(../images/social/phone-active-mobile.svg);

        width: 51px;

        height: 50px;

    }

    .navbar {

        padding: 0.5rem 0.5rem 0.2rem 0.5rem;

    }

    .site-logo {

        width: 9.5rem;

    }

    .phone-number-contact {

        font-size: 18pt;

    }

    .news-body-container {

        width: auto !important;

        height: 4.2rem;

    }

    .card-text>p {

        font-size: 10.5pt !important;

    }

    .col-12.mb-3 .card-text>p {

        font-size: 11pt !important;

    }

    div .container.py-4 .row.justify-content-end .col-12.mb-3 .article-img {

        height: 28rem;

    }
}

/* Medium devices (landscape tablets, 767px and up)  */
@media (max-width: 767px) {
    .logo-head {

        width: 170px;

    }

    .navbar-toggler {

        padding: 0.30rem;

        border-width: 1.5px;

    }

    .navbar-toggler span {

        width: 1.8em;

        height: 1.8em;

    }

    .navbar-nav.custom-width-lower-nav {

        gap: 1.3rem;

    }

    .navbar-collapse {

        margin-top: 0.75rem;

    }

    .navbar-collapse .col-12.pr-0 {

        padding-bottom: 0.5rem !important;

        padding-right: 1rem !important;

    }

    .product-img {

        height: 400px;

        object-fit: cover;

    }

    .product-img-gal {

        height: 200px;

        object-fit: contain;

    }

    .d-height {

        height: auto;

    }


    /* INDEX PAGE */


    .phone-icon-header {

        margin: 0 !important;

        background-image: url('../images/social/phone-active-mobile.svg');

        /*filter: grayscale(100%) brightness(200%);*/

    }

    /*.phone-icon-header:hover {

        background-image: url('../images/social/phone-active-mobile.svg') !important;

        filter: grayscale(0%) brightness(100%);

    }*/

    .navbar-toggler-icon,
    .nav-icon.close-icon {

        display: inline-block;

        width: 1.5em;

        height: 1.5em;

    }

    .logo-container {

        position: relative !important;

        margin-left: 0.5rem !important;

    }

    .logo-head {

        height: unset;

    }

    .bg-upper-header {

        display: none !important;

    }

    #carouselBig {

        display: none !important;

    }

    .container {

        padding: 2px 16px !important;

    }

    .homepage-container,
    div .container-fluid.py-3 {

        margin-top: 1rem !important;

        padding-top: 0 !important;

    }

    .homepage-container div.d-flex.flex-wrap.flex-row {

        flex-direction: column !important;

    }

    .col-12.mt-2.mb-4 .col-4 img {

        /*width: 100%;

        height: 80px !important;*/

    }

    .col-12.mt-2.mb-4 .col p {

        font-size: 12pt;

    }

    .page-header,
    .article-header {

        font-size: 24pt;

        text-align: left !important;

    }

    .video-page-header {

        text-align: center !important;

    }

    #defaultCheck,
    #contactsCheck {

        width: 2rem;

        height: 2rem;

    }

    .card {

        align-items: center !important;

    }

    .card-body a {

        display: flex;

        flex-direction: column;

        gap: 1.6rem;

    }

    .card-text>p,
    .contacts-text-block {

        font-size: 12pt;

    }

    .news-body-container {

        width: 34rem;

        height: 4.2rem;

    }

    .thumb-img-index {

        width: 34rem;

        height: 22rem;

    }

    .btn-custom {

        margin-top: 1.25rem !important;

        /*width: 25rem !important;*/

        width: 90% !important;

        height: 4.38rem;

        padding: 0.950rem 0.75rem;

    }

    .contacts-form-btn {

        padding: 0.550rem 0.75rem !important;

    }

    .bg-custom-secondary.text-white .d-block.pt-3.text-center {

        padding-top: 0 !important;

    }

    div div .youtube-player {

        height: 17.8rem;

    }

    .youtube-player iframe {

        height: 17.8rem;

    }

    .youtube-player .play {

        height: 42px;

        width: 62px;

        margin-left: -28px;

        margin-top: -22px;

    }

    /* Contacts Form */

    .index-map-container {
        flex-direction: column !important;
    }

    .index-map-container h2 {

        text-transform: uppercase;

        color: var(--main) !important;

        letter-spacing: 1px;

    }

    .index-map-container .row iframe {

        width: 100%;

    }

    .form-group {

        margin-bottom: 0.8rem;

    }

    .form-recaptcha-container {

        margin-top: 1.5rem;

    }

    #indexContactForm .form-control {

        border-width: 1px !important;

    }

    #indexContactForm .form-control#message {

        border-radius: 37px !important;

    }

    p.pt-2.mb-3.col-11 {

        display: none !important;

    }

    #indexContactForm .form-control::placeholder {

        font-size: 24px !important;

    }

    #indexContactForm .form-check-label.ml-3 {

        height: 4.4rem;

    }

    #defaultCheck::before,
    #contactsCheck::before {

        width: 2.15em;

        height: 2.45em;

    }

    #indexContactForm .index-agreement-font {

        font-size: 9pt !important;

        margin-bottom: 0 !important;

    }

    #indexContactForm button.btn-custom,
    form button.btn-custom {

        width: 100% !important;

        height: 4.38rem;

        font-size: 24px;

    }

    /*contacts*/

    footer {

        padding: 0 !important;

        padding-top: 0 !important;

    }

    footer li:first-child {

        padding-bottom: 0.8rem;

        inline-size: 155px;

    }

    .footer-list.pl-5 .col {

        padding-left: 0 !important;

    }

    .dropdown-toggle::after {

        display: none !important;

    }

    .footer-social-box {

        display: none !important;

    }

    .copyright div {

        padding: 0 !important;

    }

    .copyright small {

        display: block;

    }

    /* INDEX PAGE */

    .site-logo {

        width: 12rem;

        height: auto;

    }

    .col-12.col-lg-12 iframe {

        height: 18rem;

    }

    .col-6.col-lg-6 .main-logo .navbar-brand {

        width: 100%;

    }

    div .article-header {

        height: 6rem;

    }
}

@media (min-width: 992px) {

    .navbar-expand-lg .navbar-nav .nav-link {

        border-bottom: none;

    }

}

/* Large devices (laptops/desktops, 992px and up) */
@media (max-width: 992px) {
    .card-text>p, .news-body-container .card-text>p {
        font-size: 12pt;
    }
	
  	.card.border.mb-4 a.text-decoration-none .overlay-dot {
  		height: 27rem;
  	}
  
    .logo-head {

        width: 235px;

    }

    .navbar {

        padding: 0.5rem 0.8rem 0.5rem 0.2rem;

    }

    .floating-img-start,

    .floating-img-end {

        float: inherit;

        width: 100%;

    }

    .bg-upper-header {

        justify-content: flex-end;

        margin-top: 10px;

    }

    .custom-width-lower-nav {

        width: 100%;

    }

    .custom-font-size {

        font-size: 20px;

    }

    .a-custom-nav-lower {

        border-bottom: 1px solid var(--main);

    }

    .logo-container {

        position: inherit;

        z-index: inherit;

    }

    .document-link {

        position: inherit;

    }

    .gallery_cover {

        height: 400px;

        object-fit: cover;

    }

    .event-heigh {

        margin-top: 5px;

        min-height: 70px;

    }

    .border-change {

        border-right: 0;

        border-bottom: 1px solid var(--gray);

        padding-bottom: 10px;

    }

    .focus-width {

        width: 100%;

    }

    .slider-width {

        width: 100%;

    }

    .custom-d {

        display: contents !important;

    }

    .custom-border {

        border-bottom: 1px solid var(--white);

    }

    .custom-dropdown {

        width: 1122px !important;

        max-width: 1122px !important;

        transform: translate(0%, 0) !important;

        background-color: transparent !important;

        color: var(--white) !important;

        border: 0 !important;

    }

    .a-custom-nav {

        color: var(--white);

    }

    .floating-img {

        float: none;

        width: 100%;

    }

    .card-img-height-6 {

        height: 300px !important;

        min-height: auto;

        object-fit: cover;

    }

    .card-img-height-12 {

        height: 300px !important;

        min-height: auto;

        object-fit: cover;

    }

    .card-img-height {

        height: 300px !important;

        min-height: auto;

        object-fit: cover;

    }

    .card-body-height-big-6 {

        height: 160px;

    }

    .card-title-height-6 {

        height: 60px;

    }

    .product-img {

        height: 250px;

        object-fit: cover;

    }

    .product-img-gal {

        height: 300px;

        object-fit: contain;

    }

    .fluid-container p {

        font-size: 13pt;

    }

    .index-map-container .row iframe {

        width: 40vw;

    }

    .index-instructions-container {

        gap: 1.9rem;

    }

    .index-instructions-img {

        width: 3.9rem;

    }

    .news-title {

        margin-bottom: 1rem;

    }

    .custom-indicators li {

        width: 1.2rem;

        height: 1.2rem;

        margin-right: 5px;

        margin-left: 5px;

    }

    .carousel-item.carousel-item-img .carousel-caption .carousel-header * {

        inline-size: 430px;

        font-size: 35pt;

    }

    .carousel-item .carousel-caption-custom .carousel-text {

        padding-top: 0;

        width: 62%;

        height: 7rem;

    }

    .carousel-item .carousel-caption .col.col-8 {

        width: auto;

        height: 6rem;

        overflow: hidden;

    }

    .carousel-item .carousel-caption p {

        font-size: 11pt;

    }

    .carousel-item .carousel-caption div.col.col-12.pt-1.pr-2 .custom-btn {

        border-width: 2px;

        width: 14rem;

        height: 2.8rem;

        padding: 0.425rem 0.75rem;

        font-size: 14pt;

    }

    div#carouselBig div#carouselInner .carousel-item.carousel-item-img.i,
    .carousel-item.carousel-item-img.active.i,
    .carousel-item.v,
    .carousel-item.active.v,
    div#carouselInner .iframe-wide {

        max-height: 28rem;

    }

    .container.homepage-container,
    .news-container {

        max-width: 950px;

    }

    .homepage-container {

        margin-top: 1rem !important;

    }

    .page-header {

        font-size: 31pt;

    }

    .card-body {

        padding-left: 0 !important;

    }

    .col-12.mb-3 .card-text.d {

        height: 9rem;
      
        font-size: 3px;

        width: auto;

    }

    .col-12.mb-3 .card-text>p {

        font-size: 12pt;

    }

    .container.py-4 .row.justify-content-end .col-12.mb-3 .article-img {

        height: 14rem;

    }

    #defaultCheck {

        width: 3.2rem;

        height: 3.2rem;

    }

    .index-map-container p {

        font-size: 16pt !important;

    }

    a.btn.custom-btn.btn-bottom.btn-custom,
    a.btn.custom-btn.text-white.border-white.btn-custom.ml-auto {

        width: 17rem;

        height: auto;

        font-size: 17pt;

    }

    #indexContactForm .form-control,
    #indexContactForm .form-control::placeholder {

        font-size: 16pt !important;

    }

    #indexContactForm .form-check-label.ml-3 {

        height: 12rem;

    }

    #indexContactForm .index-agreement-font {

        font-size: 12pt;

    }

    .row div.col-lg-12.mt-5 #indexContactForm button.btn-custom {

        font-size: 1.45rem;

        padding: 0.5rem 0.6rem;

    }

    .news-title {

        height: 9.5rem;

        margin-top: 1rem !important;

        margin-bottom: 1rem !important;

    }

    .news-title-container {

        height: 100%;

        padding: 0;

    }

    .news-title.d-flex .news-title-container .card-title {

        font-size: 18pt;

    }

    .thumb-img-index {

        height: 17rem;

    }

    .article-header {

        height: 7.3rem;

        margin-bottom: 0.5rem;

    }

    .card-text {

        height: 88pt;

    }

    .container-fluid.col.col-md-6 .col-12.mb-3 .mini-article-text {

        height: auto;

    }

    footer.bg-light.d-block.d-md-flex.justify-content-around {

        padding-left: 1rem;

    }

    .footer-list li .a-custom.text-decoration-none.d-none.d-md-block {

        padding-bottom: 0.4rem;

    }

    .navbar-nav.footer-nav.custom-d .nav-item.px-2 {

        padding-left: 0 !important;

        padding-right: 0 !important;

    }

    li.d-flex.flex-column.justify-content-center.mb-4 {

        padding-left: 0.5rem !important;

    }

    div .youtube-player {

        height: 24rem;

    }

    .footer-categories-list {

        inline-size: 9.1rem;

    }

    footer.bg-light.d-block.d-md-flex.justify-content-around div a {

        font-size: 10pt;

    }

    footer .small-font {

        height: auto;

    }

    .col-6.col-lg-6 .main-logo .navbar-brand {

        width: 100%;

    }

    .site-logo {

        width: 14rem;

        height: auto;

    }

    .article-header,
    .phone-number-contact {

        font-size: 22pt;

    }

    .phone-number-contact {

        text-align: right;

    }

    form.bg-transparent .form-row-lg.flex-column.flex-sm-row {

        flex-direction: column !important;

        align-items: flex-start;

    }

    .contacts-text-block {

        font-size: 13pt;

    }

    .contacts-form-btn {

        width: 100%;

    }

    #contactsCheck {

        width: 2.78rem;

        height: 2.78rem;

    }

    .col-12.col-lg-12 iframe {

        height: 18rem;

    }

    .news-title .news-title-container.d-table .card-title.text-center {

        font-size: 15pt;

    }

    /*textarea.form-control
    
        height: 10.9rem;
        
    }*/

    .container-md,
    .container-sm,
    .container {

        max-width: 920px;

    }

    body div div.container nav[aria-label="breadcrumb custom-font-size"] {

        font-size: 12pt;

    }

}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media (max-width: 1200px) {

    .product-img {

        height: 170px;

        object-fit: cover;

    }

    .product-img-gal {

        height: 240px;

        object-fit: cover;

    }

    .g-recaptcha iframe {

        margin-left: auto !important;

        margin-right: auto !important;

    }

    .g-recaptcha div {

        margin-left: auto !important;

        margin-right: auto !important;

    }


    #rc-anchor-container {

        width: 200px;

    }

    .custom-font-size {

        font-size: 14px;

        padding: 0;

    }

    .navbar {

        padding: 0.4rem 1rem 0.2rem 0.4rem;

    }

    .navbar-nav.custom-width-lower-nav {

        gap: 20px;

    }

    ul.navbar-nav.ml-auto.mr-5.custom-d,
    .navbar-nav.custom-width-lower-nav {

        margin-right: 1.5rem !important;

    }

    a.nav-link.a-custom-nav.a-custom-nav-lower.custom-font-size {

        font-size: 16px;

    }

    .logo-head {

        height: 4.8rem;

    }

    div#carouselInner .carousel-item.carousel-item-img.i,
    .carousel-item.carousel-item-img.active.i,
    .carousel-item.v,
    .carousel-item.active.v,
    div#carouselInner .iframe-wide {

        max-height: 32rem;

    }

    .carousel-item .carousel-caption-custom {

        max-width: 585px;

        top: 0%;

    }

    .carousel-item .carousel-caption .carousel-header * {

        font-size: 39pt;

    }

    .carousel-item .carousel-caption-custom .carousel-text {

        width: 69.2%;

        height: 9rem;

    }

    .carousel-item .carousel-caption p {

        font-size: 13pt;

    }

    .carousel-caption a.btn.custom-btn.btn-bottom.btn-custom {

        width: 16rem;

        height: 3rem;

        padding: 0.375rem 0.75rem;

        font-size: 16pt;

    }

    .custom-indicators li {

        width: 1.4rem;

        height: 1.3rem;

        margin-right: 6px;

        margin-left: 6px;

    }

    .container-lg,
    .container-md,
    .container-sm,
    .container {

        max-width: 1260px;

    }

    .homepage-container,
    div .container-fluid.py-3 {

        margin-top: 2rem !important;

        padding-top: 0 !important;

    }

    .row.justify-content-end .col-12.mb-3 .article-img {

        height: 20rem;

    }

    .news-body-container {

        height: 8.3rem;

        width: auto;

    }

    .index-map-container p {

        font-size: 14pt !important;

    }

    .page-header {

        font-size: 30pt;

        text-align: left !important;

    }

    .article-header h2,
    .article-header h3 {

        font-size: 24pt;

    }

    .d-block.pt-3.text-center .video-page-header {

        text-align: center !important;

    }

    .news-title {

        height: 88pt;

    }

    .card.border.mb-4 a.text-decoration-none .overlay-dot {
  	
  		 height: 24rem;
  		
  	}

    .card-text>p,
    .news-body-container .card-text>p {

        font-size: 13pt;

    }

    div.col-lg-12.mt-5 #indexContactForm button.btn-custom {

        height: auto;

        font-size: 1.7rem;

        padding: 0.775rem 0.85rem;

    }

    .site-logo {

        width: 14rem;

        height: auto;

    }

    .youtube-player {

        height: 30rem;

    }
}

/* Extra large devices (large laptops and desktops, 1440px and up) */
@media (max-width: 1440px) {

    .carousel-item.carousel-item-img.i,
    .carousel-item.carousel-item-img.active.i,
    .carousel-item.v,
    .carousel-item.active.v,
    div#carouselInner .iframe-wide {

        max-height: 32rem;

    }

    .carousel-indicators {

        margin-bottom: 1rem;

    }

    .col-12.mb-3 .article-img {

        position: relative;

        width: 100%;

        height: 25rem;

    }

    #indexContactForm button.btn-custom {

        height: auto;

        font-size: 1.95rem;

    }

    .news-body-container {

        width: 100%;

    }

    .carousel-caption-custom {

        max-width: 600px;

        top: 0%;

    }

    .carousel-caption .carousel-header * {

        font-size: 40pt;

    }

    .carousel-caption-custom .carousel-text {

        width: 81%;

        height: 9rem;

    }

    .carousel-caption p {

        font-size: 13pt;

    }

}

@media (max-width: 1780px) {
    .card.border.mb-4 a.text-decoration-none .overlay-dot {
      
        width: 100%;
      
    }

    .card-text>p {

        font-size: 15pt;

    }

    .article-img {

        position: relative;

        width: 100%;

        height: 30rem;

    }

    .contacts-text-block p {
	    
        margin-bottom: unset !important;
	    
    }

    .contacts-edit-textbox-change .tox.tox-tinymce {
	display: none;
    }	
}