html { min-height:100%; }
body { padding-bottom:0rem;   background:#fff; font-family:'Poppins', 'Arial'; color:#525252; font-weight:400; font-size:22px; }
a { color:#73cb36; }
a:hover, a:active, a:focus { color:#1a1a1a; text-decoration:none; }
a:focus, a:active, button:focus { outline:none; }
.red { color:#f27f20; }
.red:hover { color:#5d9221; }
.green { color:#73cb36; }
.grey { color:#4f4f4f; }
.hide, .showI, .showII { display:none; }
#alert { position:relative; background-color:#fff; padding:20px; width:auto; max-width:600px; margin:20px auto; }
.bo { border:1px solid blue; }
.b { background-color:#ee9; }
iframe { width:100%; border:0; }

/*-------------------- HEADER --------------------*/

#hamburger, #hamburgerClose { display:none; width:45px; height:32px; }

header { background:#73cb36; }

.navbar { padding:0 0 .8rem; align-items:start; }
.navbar-brand { padding:0; }

#lang { margin:1.5rem 0 1.5rem; }
#lang li, #lang li a { font-size:12px; color:#000; }
#lang li.active { padding:.2rem; }
#lang li.active:before { padding-right:.2rem; }
#lang li.active, #lang li a:hover { color:#fff; }
#lang > li + li:before { content:'/'; }
#lang .nav-link { display:inline-block; padding:.2rem; }

#lang li.soc:before { content:''; }
.soc svg { height:1rem; fill:#000; }
.soc svg:hover { fill:#fff; }

.navbarNav li { padding-left:.7rem; }
.navbarNav li a { font-size:22px; color:#fff; }
.navbarNav li.active a, .navbarNav li a:hover { color:#000; }

/*------------------ ^ HEADER ^ ------------------*/

/*-------------------- 1. page --------------------*/

p { margin-bottom:2.0rem; }

#promo { padding:7.6rem 0 3.8rem; background:url('/img/bg.jpg') no-repeat center center; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; }
h1, h2, h3, h4, h5 { font-size:68px; color:#000; font-weight:700; margin:2.9rem 0 3.3rem; line-height:1.3; }
#promo h1 { margin-bottom:2.3rem; color:#fff; }
#promo p { margin-bottom:3.05rem; font-size:33px; color:#fff; }
.btn { padding:1.15rem 3.6rem; margin-bottom:12.65rem; border-radius:0; border:3px solid #73cb36; font-size:33px; }
.btn:hover { background:#73cb36; color:#fff; border-color:#73cb36; }

#down { text-align:center; }
#down div { display:inline-block; width:64px; height:64px; border-radius:50%; background:#73cb36; }
#down svg {	margin:1.3rem 0 0 .1rem;
 -moz-animation:bounce 2s infinite;
 -webkit-animation:bounce 2s infinite;
 animation:bounce 2s infinite;
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% { transform:translateY(0); }
  40% { transform:translateY(-12px); }
  60% { transform:translateY(-8px); }
}

#about { padding:3.85rem 1rem 7.6rem 1rem; }
#about p { margin-bottom:2.0rem; }
#mission span {color: #73cb36;}
/*#cert { padding:0 12rem; } /*kad viena bilde*/
.cert h6 { margin:0 0 1rem 2rem; }
.cert2 h6 { margin-top:11.25rem; }
h5 { font-size:36px; }
.cert h5 { margin-top:5rem; margin-left:2rem; }
.cert a { display:block; margin-left:2rem; }
#certNew h6, #certNew h5, #certNew a {margin-left: 0;}
#certNew h5 {margin-top: 4rem;}
#certNew .cert2 h6 {margin-top: 10.25rem;}
#certNew .cert {padding-right: 2.5rem;}
.cert img { box-shadow:0 2px 8px #ddd; }

#services { margin-bottom:9rem; }
#services div { background-repeat:no-repeat; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; }
#s1 { padding-left:0; }
#s3 { padding-right:0; }
#s1 div { background-image:url('/img/bg-exterior.jpg'); }
#s2 div { background-image:url('/img/bg-interior.jpg'); }
#s3 div { background-image:url('/img/bg-decking.jpg'); }
.portfolio a { display:block; padding:9rem 0; text-align:center; background:rgba(143,121,103,.66); }
.portfolio a:hover { background:rgba(115,203,54,1); }
.portfolio span { display:inline-block; width:34px; height:7px; background:#73cb36; }
.portfolio p { color:#fff; }
h3 { color:#fff; margin:0 0 .2rem; line-height:1.1; }

#news { margin-bottom:5rem; }

#clients { margin-bottom:5rem; }
#clients ul { list-style:none; padding:0; display:flex; align-items:center; }
#clients .col { text-align:center; padding:0; margin:0 1.5rem; }
#akzo { max-width:106px; }
#multi { max-width:113px; }
#jotun { max-width:160px; }
#tikk { max-width:172px; }
#eko { max-width:151px; }
#remm { max-width:118px; }
#paint { text-align:left !important; }
#paint img { max-width:54px; margin-left:.7rem; }

/*------------------ ^ 1. page ^ ------------------*/

/*-------------------- article --------------------*/

#level2 h1 { margin:3.9rem 0 3.5rem; }
#level2 #services { margin-bottom:6rem; }
#servicesDescr { margin-bottom:5rem; }
#servicesDescr h2 { font-size:26px; margin-bottom:1rem; }

.circle { display:inline-block; width:18px; height:18px; border-radius:50%; background:#73cb36; flex-shrink:0; }
.bgBraun { background:#e0d3c7; }/*ffd9bc*/
.bgYellow2 { background:#fffccd; }
.bgYellow { background:#dfdc00; }
.bgBlue { background:#007edf; }
.bgOrange { background:#df7700; }
.bgBlack { background:#1a1a1a; }
.bgRed { background:#df2400; }/*df7700*/
#apstrade { padding-left:2rem; }
#apstrade p, #apstrade li { font-size:30px; font-weight:700; color:#000; line-height:1.3; }
#apstrade .circle { width:22px; height:22px; margin-right:1.5rem; }

#kartiba { margin-bottom:13rem; }
#kartiba > li { margin-bottom:1rem; }

#kartiba .head { margin-bottom:3rem; }
.head, .head h2, .head .circle { display:flex; position:relative; }
.head .circle { align-self:center; }
#kartiba .circle { width:136px; height:136px; font-size:68px; font-weight:700; color:#000; }
#kartiba .circle span { display:inline-block; text-align:center; position:relative; top:24px; left:46px; }
#kartiba .head h2 { align-items:center; margin:0; padding-right:4.7rem; padding-left:1.8rem; position:relative; top:-3px; background:#fff; font-size:33px; color:#000; }
.head div { position:absolute; top:69px; height:3px; background:#73cb36; z-index:-1; width:99%; }

.thumbs1 li { display:inline-block; width:32%; vertical-align:top; }
.thumbs1 div { height:100px; position:relative; margin-bottom:1rem; }
.thumbs1 svg { position:relative; }
.thumbs1 p { position:relative; font-size:19px; line-height:1.2; }
#thumbs1b svg { left:44px; bottom:5px; }
#thumbs1b p { text-indent:44px; }
#thumbs1c svg { left:30px; bottom:15px; }
#thumbs1c p { text-indent:30px; }
#thumbs1d svg { bottom:5px; left:20px; }
#thumbs1d p { bottom:2px; }
#thumbs1e svg { left:36px; }
#thumbs1e p { text-indent:36px; bottom:-20px; }

.thumbs2 li { display:inline-block; width:49%; vertical-align:top; padding-right:1.5rem; }
.thumbs2 img { margin-bottom:1.1rem; }
.thumbs2 p { font-size:19px; line-height:1.2; }
.thumbs2 strong { display:block; margin-bottom:.3rem; }

.thumbs3 { text-align:center; }
.thumbs3 svg { width:453px; height:163px; }

.thumbs4 b { display:block; font-size:33px; font-weight:700; color:#73cb36; }
.thumbs4 p { margin-left:12rem; font-size:19px; }

.material p { font-size:17px; }

#deli { margin-bottom:13rem; }
#deli li { margin-bottom:2.6rem; }
.head { margin-bottom:.9rem; }
.head h2 { color:#73cb36; margin:0; padding-right:2.8rem; position:relative; top:-3px; background:#fff; }
.head h3 { align-self:center; padding-right:3rem; line-height:1.7; font-size:18px; background:#fff; color:#000; font-weight:400; }
#deli .head div { top:42px; }
#deli svg { height:190px; margin-right:2rem; }
#deli img { margin-right:2rem; }
#deli img.img-fluid { width:310px; margin:0; }
/*#deli .img-sm img { width:180px; }
#deli .col-md-4 { text-align:right; }*/
thead { background:#ddd; }/*ffd9bc*/
.table-striped tbody tr:nth-of-type(2n+1) { background:#fff4eb; }
.table thead th { vertical-align:top; font-weight:400; }
.table th { padding:.6rem 1rem .6rem; font-size:18px; }
.table td { padding-left:1rem; line-height:1.25; font-size:18px; }
#deli .circle { margin-right:1rem; }

#contacts h3 { margin:0; line-height:.73; }
#contacts h3 a { font-size:33px; color:#000; }
#contacts h3 a:hover { color:#73cb36; }
#map div { font-size:16px; margin-top:2rem; margin-bottom:.5rem; }
#contacts h4 { margin:1.25rem 0 0; font-size:26px; color: #525252; }
#waze { margin-top:2.5rem; }

#darbi { margin-bottom:13rem; }
#darbi .portfolio a.main { height:100%; padding:0; }
#darbi .portfolio a { padding:0; background:none; }
#darbi .portfolio a.main:hover { background:rgba(115,203,54,1); }
#darbi .portfolio .col-md-4 div { height:270px; background-position:center center; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; }
#darbi .portfolio .col-md-8 div { height:100%; background-position:center center; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; }
#darbi .portfolio .col-md-4 .main { padding-top:4rem; }
#darbi .portfolio .col-md-8 .main { padding-top:14rem; }
#darbi .portfolio .row, #darbi .margin { margin-bottom:2rem; }
#darbi h3 { font-size:33px; }
.portfolio span { display:inline-block; }

.form-group {margin-right: 3rem;}
.form-control {border: 3px solid #73cb36; border-radius: 0;}
form p {line-height: 1; margin-bottom: 2.5rem;}
form .btn {margin-bottom: 1rem;}
#myModal {padding: 4rem 5rem; background: #fff;}
#myModal h5 {margin-bottom: 2rem;}

/*------------------ ^ article ^ ------------------*/

/*-------------------- footer --------------------*/

footer { padding:.7rem 0; background-color:#73cb36; }
footer a { color:#000; }
footer a:hover { color:#fff; }
footer .col-md-3 a { display:block; }
footer .navbar-nav { flex-direction:row; margin-top:1.3rem; }
footer .navbarNav li { padding-left:1.7rem; }
footer p { margin-top:4.4rem; color:#000; font-size:12px; }

#cookies { text-align:center; padding:1rem; background:#000; font-size:13px; color:#fff; }
#cookies a { margin:0 20px; font-size:13px; }
#cookies a:hover { color:#fff; }
#cookies button { border:0; padding:0 5px 1px 5px; color:#000; font-size:13px; background:#aaa; }
#cookies button:hover { background:#73cb36; }
#cookies button#cookiesX { width:18px; height:18px; border-radius:50%; margin-left:15px; padding:0 0 2px 1px; color:#000; line-height:1; }
#cookiesBlank { height:0; }
@media only screen and (max-width:1280px) { #cookies { height:auto; } }
@media only screen and (max-width:640px) { #cookies, #cookies a { font-size:11px; } }


/*------------------ ^ footer ^ ------------------*/




@media (max-width:1919.98px) {
}	/* 12 - for 1680 */



@media (max-width:1679.98px) {
 .btn { margin-bottom:10rem; }
}	/* 11 - for 1536 */



@media (max-width:1535.98px) {
}	/* 10 - for 1440 */



@media (max-width:1439.98px) {
 #promo { padding:7rem 0 3rem; }
 .btn { margin-bottom:8rem; }
 h1, h2, h3, h4, h5 { font-size:62px; }
 .portfolio a { padding:7.5rem 0; }
 #deli .head div { top:38px; }
 #kartiba .circle span { left:46px; }
 #contacts h4 { font-size:24px; }
}	/* 9 - for 1366 */
@media (min-width:1400px) {
}



@media (max-width:1365.98px) {
 #promo { padding:6rem 0 3rem; }
 .btn { margin-bottom:6rem; }
 h1, h2, h3, h4, h5 { font-size:58px; }
 .portfolio a { padding:7rem 0; }
 #deli .head div { top:37px; }
 #apstrade p, #apstrade li { font-size:26px; font-weight:700; }
}	/* 8 - for 1280 */
@media (min-width:1200px) {
 .container { max-width:1310px; }
}




@media (max-width:1199.98px) {	/* 7 - for 1024 ---------------------------------------------------------------------------------- */
 #logo img { width:234px; }
 .navbarNav li { padding-left:.5rem; }
 .navbarNav li a { font-size:17px; }

 h1, h2, h3, h4, h5 { font-size:50px; line-height:1.2; }
 #promo { padding:4rem 0 1rem; }
 #promo p { font-size:30px; line-height:1.2; }
 .btn { margin-bottom:5rem; padding:.8rem 3rem; font-size:28px; }
 #about { padding:2rem 1rem 6rem 1rem; }
/* #cert { padding:0 8rem; }
 #cert h5 { font-size:32px; margin-top:4rem; }*/
 .cert2 h6 { margin-top:11rem; }
 body { font-size:20px; }

 .portfolio a { padding:4.5rem 0; }
 #apstrade .circle { margin-right:1rem; }
 #paint img { max-width:34px; }

 #deli .head div { top:29px; }
 #deli svg { height:170px; }
 #deli img.img-fluid { width:200px; }
 .table th { padding:.6rem .5rem .6rem; font-size:15px; }
 .table td { padding-left:.5rem; line-height:1.25; font-size:15px; }
 #deli .circle { margin-right:.5rem; }

 #darbi h3 { font-size:30px; }

 #kartiba .circle { width:120px; height:120px; font-size:58px; }
 #kartiba h2 { font-size:32px; margin-top:2.7rem; }
 #kartiba .circle span { left:43px; }
 .head div { top:60px; }
 .thumbs1 div { height:70px; }
 .thumbs1 p { font-size:15px; }
 #thumbs1c svg { bottom:12px; }
 #thumbs1d svg { bottom:0; }
 .thumbs3 svg { width:353px; height:127px; }

 .thumbs4 b { font-size:30px; }
 .thumbs4 p { margin-left:8rem; font-size:18px; }

 #contacts h4 { font-size:22px; }
 #contacts h3 a { font-size:26px; }
}	/* 7 - for 1024 ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */




@media (max-width:991.98px) {	/* 6 - for 960, 800 ---------------------------------------------------------------------------------- */

 #logo { margin-bottom:1rem; z-index:5; }
 #logo img { width:186px; }
 #navbarNav { display:none; }
 #hamburger, #hamburgerClose { display:block; position:fixed; top:24px; right:39px; z-index:4; width:80px; height:80px; padding:.1rem .3rem; border-radius:50%; background:#73cb36; }

 .showNav { display:block !important; position:fixed; left:0; top:0; width:100% !important; height:100%; padding:9rem 0 0 5rem; z-index:4; background:#73cb36; }
 .navbarNav li { margin-bottom:.7rem; }
 .navbarNav li a { font-size:22px; }
 #navbarNavUL { display:block; margin:5rem 0 0 12rem; }

 #lang { position:absolute; bottom:55px; left:240px; }
 #lang li, #lang li a { font-size:23px; color:#fff; }
 #lang li.active { padding:.5rem; }
 #lang li.active:before { padding-right:.5rem; }
 #lang li.active, #lang li a:hover { color:#000; }
 #lang .nav-link { padding:.5rem; }

 h1, h2, h3, h4, h5 { font-size:44px; }
 #promo { -webkit-background-size:initial; -moz-background-size:initial; -o-background-size:initial; background-size:initial; }
 #promo p { font-size:28px; }
 .btn { padding:.8rem 2.5rem; font-size:26px; }
 #down { margin-bottom:2rem; }

 #about { padding:2rem 1rem 5rem 1rem; }
 #about h2 { margin-bottom:2rem; }
/* #cert { padding:0 2rem; }
 #cert h5 { font-size:28px; }*/
 .cert2 h6 { margin-top:2rem; }
 body { font-size:18px; }
 h3 { font-size:34px; margin:0 0 .2rem; }
 .portfolio a { padding:3rem 0; }
 .portfolio span { width:26px; height:5px; }

 #clients .col { margin:0 1rem; }
 #paint img { max-width:28px; margin-left:0; }

 footer #navbarNavUL { display:none; }

 #apstrade { padding-left:1rem; margin-top:2rem; }
 #apstrade li { margin-bottom:.5rem; }
 #apstrade .circle { margin-right:2rem; }

 #deli h2 { top:-1px; }
 #deli h3 { line-height:1.2; font-size:16px; }
 #deli svg { height:190px; }
 #deli img.img-fluid { width:310px; }
 #deli table { margin-top:1rem; }
 #deli .head div { top:26px; }

 #darbi h3 { font-size:24px; }
 #darbi .portfolio .col-md-4 div { height:210px; }
 #darbi .portfolio .col-md-4 .main { padding-top:3.5rem; }
 #darbi .portfolio .col-md-8 .main { padding-top:11rem; }

 .thumbs1 { margin-bottom:2rem; }
 .thumbs1 div { height:120px; }
 .thumbs3 svg { margin-bottom:2rem; }
 .thumbs4 p { margin-left:15rem; }

 #contacts h3 { line-height:1.3; }
 #contacts .pt-4 { padding-top:3rem !important; }
 #contacts h4 { font-size:20px; }

}	/* 6 - for 960, 800 ---------------------------------------------------------------------------------- */
@media (min-width:992px) {
}



@media (max-width:799.98px) {	/* 6 - for 768 ---------------------------------------------------------------------------------- */

}




@media (max-width:767.98px) {	/* 5 - for 640, 740 ---------------------------------------------------------------------------------- */

 .showNav { padding:7rem 0 0 3rem; }
 .navbarNav li { margin-bottom:0; }
 .navbarNav li a { font-size:20px; }
 #navbarNavUL { margin:0; }

 #lang { bottom:-8px; left:auto; right:50px; }
 #lang li, #lang li a { font-size:18px; }

 h1, h2, h3, h4, h5 { font-size:36px; }
 #promo p { font-size:24px; }
 .btn { font-size:22px; }

 #about { padding:2rem 1rem 4rem 1rem; }
/* #cert { padding:0 14rem 0 0; text-align:left; }
 #cert h5 { padding-left:1rem; margin-bottom:1.5rem; }*/
 .cert h5 { margin-bottom:1.5rem; }
 .cert a { padding-right:2rem; }
 #certNew a {display: block; margin: 0 2rem; }
 #certNew .cert {margin-bottom: 2rem;}

 #s1 { padding-left:15px; }
 #s3 { padding-right:15px; }
 .portfolio .col-md-4 { margin-bottom:1rem; }
 .portfolio a { padding:4rem 0 3.5rem; }

 #clients .col { margin:0 .5rem; }
 #paint img { max-width:28px; }

 footer #navbarNavUL { display:none; }

 #deli h2 { font-size:44px; }
 #deli h3 { padding-right:2rem; }
 #deli .circle { margin-right:.4rem; }
 .table th { padding:.6rem .5rem .6rem; font-size:14px; }
 .table td { padding-left:.5rem; line-height:1.25; font-size:14px; }

 #darbi .portfolio .col-md-8, #darbi .portfolio .col-md-4 { margin-bottom:2rem; }
 #darbi .portfolio .row { margin:0; }
 #darbi .portfolio .col-md-8 .main { padding:4rem 0 2rem; }

 #kartiba .circle { width:90px; height:90px; font-size:48px; }
 #kartiba .circle span { top:17px; left:30px; }
 #kartiba .head h2 { font-size:26px; padding-right:2rem; }
 #kartiba .head div { display:none; }
 .thumbs1 div { height:80px; }
 #thumbs1d p { bottom:-2px; }
 .thumbs2 p { font-size:16px; }
 .thumbs4 p { margin-left:10rem; }

}	/* 5 - for 640, 740 ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
@media (min-width:768px) {
}




@media (max-width:639.98px) {	/* 4 - for 480, 540 ---------------------------------------------------------------------------------- 

}	/* 4 - for 480, 540 ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */




@media (max-width:479.98px) {	/* 3 - for 412 ---------------------------------------------------------------------------------- */

 .showNav { padding:9rem 0 0 5rem; }
 .navbarNav li { margin-bottom:.7rem; }
 .navbarNav li a { font-size:22px; }
 #navbarNavUL { margin:5rem 0 0 1rem; }

 #lang { bottom:25px; left:70px; right:auto; }
 #lang li, #lang li a { font-size:23px; }

 #lang li.soc { position:absolute; bottom:60px; }
 .soc svg { height:1.5rem; }
 #facebook { right:80px; }
 #linkedin { right:40px; }
 #instagram { right:0px; margin:0 !important; }

 #promo { padding:2rem 0 1rem; }
 #promo h1 { font-size:36px; line-height:1.6; }
 #promo p { font-size:18px; }

 #about { padding:3rem 1rem 6rem 1rem; }
 #about h2 { margin-bottom:1rem; }
/* #cert { padding:0 8rem 0 .5rem; margin-bottom:5rem; }
 #cert h5 { padding-left:.5rem; font-size:22px; }*/

 #services { margin-bottom:4rem; }

 #clients h2 { margin-bottom:2rem; }
 #clients ul { display:block; }
 #clients ul li { display:inline-block; }
 #akzo { max-width:74px; }
 #multi { max-width:82px; }
 #jotun { max-width:104px; }
 #tikk { max-width:132px; }
 #eko { max-width:104px; }
 #remm { max-width:88px; }
 #paint img { max-width:32px; }
 #teknos { max-width:92px; }
 #clients .col { margin:0 1rem 1.2rem; }

 footer h2 { margin:2rem 0 1rem; }

 h1, h2, h3, h4, h5 { line-height:1.25; }
 #level2 h1 { margin:3.5rem 0 4rem; }
 .portfolio a { padding:5rem 0 4rem; }
 #level2 #services { margin-bottom:2rem; }
 body { line-height:1.6; }

 #apstrade li { font-size:18px; }
 #apstrade .circle { width:16px; height:16px; }
 .head h2 { padding-right:1.5rem; }
 #deli h2 { font-size:38px; }
 #deli h3 { padding-right:1.5rem; font-size:14px; }
 #deli svg { height:170px; }
 #deli img.img-fluid { width:300px; }
 #deli .head div { top:22px; }
 .table th { padding:0 .2rem .4rem; font-size:12px; }
 .table td { padding-left:.2rem; font-size:12px; }
 #deli .circle { width:12px; height:12px; margin-right:.1rem; }

 .material p { font-size:14px; }

 #darbi .portfolio .col-md-8, #darbi .portfolio .col-md-4 { padding:0; }

 #kartiba .circle { width:70px; height:70px; font-size:38px; }
 #kartiba .circle span { top:14px; left:23px; }
 #kartiba .head h2 { font-size:22px; padding-right:0; }
 .thumbs1 li { width:31%; }
 .thumbs1 div { height:50px; }
 .thumbs1 p { font-size:13px; }
 #thumbs1b svg { left:30px; }
 #thumbs1b p { text-indent:30px; }
 #thumbs1c p { text-indent:28px; }
 #thumbs1d svg { left:10px; }
 #thumbs1d p { bottom:-3px; }
 #thumbs1e svg { left:26px; }
 #thumbs1e p { text-indent:26px; }
 .thumbs4 p { margin-left:6rem; }
 .thumbs3 svg { width:300px; height:108px; }

 #contacts h3 { margin-bottom:0; line-height:1; }
 #contacts h3 a { font-size:22px; }

}	/* 3 - for 412 ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */




@media (max-width:411.98px) {	/* 3 - for 375 ---------------------------------------------------------------------------------- */

 #hamburger, #hamburgerClose { width:60px; height:60px; }
 .showNav { padding:6rem 0 0 5rem; }
 .navbarNav li a { font-size:21px; }
 #navbarNavUL { margin:5rem 0 0 1rem; }

 #lang { left:60px; }
 #lang li, #lang li a { font-size:20px; }

 h1, h2, h3, h4, h5 { font-size:30px; }
 #promo h1 { font-size:30px; line-height:1.4; }
 .btn { padding:.6rem 2rem; font-size:20px; }
 #certNew a {margin-right: 0;}

 body { line-height:1.4; font-size:16px; }

 #clients .col { margin:0 .7rem 1.2rem; }

 #apstrade li { font-size:16px; }
 #apstrade .circle { width:14px; height:14px; margin-right:1.5rem; }
 .head h2 { padding-right:1rem; }
 #deli h2 { font-size:34px; }
 #deli h3 { padding-right:1rem; font-size:13px; }
 #deli .head div { top:19px; }
 #deli svg { height:140px; }
 #deli img.img-fluid { width:240px; }
 .table th { font-size:11px; }
 #deli .circle { width:10px; height:10px; margin-right:.1rem; }

 .material p { font-size:13px; }

 #kartiba .circle { width:60px; height:60px; font-size:32px; }
 #kartiba .circle span { top:11px; left:20px; }
 #kartiba .head h2 { font-size:18px; padding-left:1rem; }
 #thumbs1b svg { bottom:3px; }
 #thumbs1b p { text-indent:27px; }
 #thumbs1c svg { bottom:8px; }
 #thumbs1c p { text-indent:24px; }
 #thumbs1e p { bottom:-18px; }
 .thumbs2 p { font-size:14px; }
 .thumbs3 svg { width:260px; height:94px; }
 .thumbs4 b { font-size:24px; }
 .thumbs4 p { margin-left:5.5rem; font-size:16px; }

 #contacts h4 { font-size:18px; }
 #contacts h3 a { font-size:20px; }
}	/* 3 - for 375 ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */




@media (max-width:374.98px) {	/* 2 - for 360 ---------------------------------------------------------------------------------- */

 .showNav { padding:6rem 0 0 4rem; }
 .btn { margin-bottom:4rem; }
 body { font-size:15px; }
 #deli .circle { width:9px; height:9px; }
 #contacts h4 { font-size:17px; }

}	/* 2 - for 360 ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */




@media (max-width:359.98px) {	/* 1 - for 320 ---------------------------------------------------------------------------------- */

 .showNav { padding:4rem 0 0 2rem; }
 #hamburger, #hamburgerClose { width:50px; height:50px; top:29px; right:20px; }
 #lang { left:50px; }
 #lang li, #lang li a { font-size:18px; }

 #lang li.soc { bottom:50px; }
 .soc svg { height:1.25rem; }

 h1, h2, h3, h4, h5 { font-size:26px; }
 #promo h1 { margin-bottom:1rem; font-size:28px; }
 #promo p { font-size:16px; }
 .btn { margin-bottom:2rem; padding:.6rem 1.5rem; font-size:17px; }

 #paint { padding:0; margin-right:.5rem; }
 #paint img { max-width:34px; }

 #apstrade p { font-size:20px; }
 #deli svg { height:120px; }
 #deli img.img-fluid { width:210px; }
 .table th { font-size:10px; }

 .material p { font-size:12px; }

 #kartiba .circle { width:50px; height:50px; font-size:30px; }
 #kartiba .circle span { top:7px; left:14px; }
 #kartiba .head h2 { font-size:16px; }

 .thumbs1 li { width:30%; }
 .thumbs1 div { height:50px; margin-bottom:0; }
 .thumbs1 p { font-size:12px; }

 #thumbs1b svg { left:25px; }
 #thumbs1b p { text-indent:20px; }
 #thumbs1c svg { bottom:6px; }
 #thumbs1c p { text-indent:0; text-align:right; }
 #thumbs1e p { bottom:-16px; }

 .thumbs3 svg { width:230px; height:83px; }
 .thumbs4 b { font-size:20px; }
 .thumbs4 p { margin-left:4.5rem; font-size:15px; }

 #contacts h3 a { font-size:18px; }
 #contacts h4 { font-size:16px; }

}