.linkjumper-box { position: relative; }
.linkjumper { position: absolute; margin-top: -60px; width: 1px; height: 1px; opacity: 0; }

@font-face {
font-family: "Brandon med";
src: url("https://kunstsorfozde.hu/fonts/Brandon_med.otf");
}

@font-face {
font-family: "Brandon light";
src: url("https://kunstsorfozde.hu/fonts/Brandon_light.otf");
}

@font-face {
font-family: "Brandon regular";
src: url("https://kunstsorfozde.hu/fonts/Brandon_reg.otf");
}

.nav-minimize { height: 70px!important; transition: all .5s; }
.menu-minimize { padding: 16px 14px!important; transition: all .5s; }
.dropdown-minimize { top:0px!important; transition: all .5s; }






html, body {
    max-width: 100%;
    overflow-x: hidden;
    /*border-behavior: smooth;
		scroll-behavior: smooth;*/
    transition: all .5s;
}

body {  margin: 0; padding: 150px 0 0 0; /*font-family: brandon-grotesque, sans-serif;*/ font-family: 'Brandon regular', 'Josefin Sans', sans-serif; background-color: #EDEDED; }

a { color: #562F9B; text-decoration: none; }
ul.navbar-nav {
    right: 72px;
    top: 0;
    position: absolute;
    width: 440px;
    height: auto;
    display: inline-block;}

ul li.nav-item { list-style-type: none; display: inline-block; font-size: 11px; text-transform: uppercase; padding: 59px 14px; }

h2 { font-size: 40px; color: #fff; text-transform: uppercase; font-weight: 300; text-align: center; padding: 36px; text-shadow: 0 0 40px #562F9B; width: 100%;
}

.title-decoration-1 { background: url(https://kunstsorfozde.hu/images/h2-deco-1.svg) 55% 18px no-repeat;}
.title-decoration-2 { background: url(https://kunstsorfozde.hu/images/h2-deco-2.svg) 50% no-repeat; }
.title-decoration-3 {
    background: url(https://kunstsorfozde.hu/images/h2-deco-3.svg) 50% 18px no-repeat;
}

@media screen and (min-width: 480px) {
    .title-decoration-3 {
        background: url(https://kunstsorfozde.hu/images/h2-deco-3.svg) 50% 14px no-repeat;
        background-size: 20%;
    }
}


.navbar { height: 150px; width: 100%; background: #f6f8f9; position: fixed; top:0; z-index: 9999999; transition: all .3s; }


.navbar-brand { position: absolute; top:0; left:calc(50% - 135px); width: 270px; height: 150px; background: transparent url(https://kunstsorfozde.hu/images/header-logo.svg) center no-repeat; transition: all .3s; }
.nav-link {}
.active { font-weight: bold; }

.navbar-panel-button { position: absolute; right: 30px; top: 26px; width: 24px; height: 18px; cursor: pointer; display: none; background: transparent url(https://kunstsorfozde.hu/images/hmenu.svg) center no-repeat; }



.wrapper-index { max-width: 1440px; height: auto; margin: 0 auto; position: relative; }
.wrapper { max-width: 1440px; height: auto; margin: 0 auto; padding: 0 100px; position: relative; }

.row { border-bottom: 1px solid #ddd; padding-bottom: 40px; margin-bottom: 120px; }

  .nullmargin { border-bottom: 0; margin-bottom: 0; }



.hero { top: 0;
left: 0px;
width: 100%;
height: 788px;
background: transparent url('https://kunstsorfozde.hu/images/hero.png') center no-repeat padding-box;
background-size: contain !important;
background-position: center top !important;
opacity: 1;
position: relative; }

.hero-leftwing { content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 788px;
   /* background:#dfdfe0 url(https://kunstsorfozde.hu/images/hero-before.png) repeat-x;*/
    z-index: -1;
    }
.hero-rightwing { content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: 50%;
    height: 788px;
   /* background: #dfdfe0 url(https://kunstsorfozde.hu/images/hero-after.png) repeat-x;*/
    z-index: -1; }



.slider-wrapper {     height: 555px;
    width: 1160px;
    margin-left: 140px;
    display: block;
    position: relative; }

.slider-btn-next { width: 17px; height: 38px; position: absolute; top:calc(50% - 19px); right: 80px; background: url(https://kunstsorfozde.hu/images/arrow-next.svg); }
.slider-btn-prev { width: 17px; height: 38px; position: absolute; top:calc(50% - 19px); left: 80px; background: url(https://kunstsorfozde.hu/images/arrow-prev.svg); }

.slider { top: 0;
left: 0;
width: 1160px;
height: 500px;
background: transparent url('https://kunstsorfozde.hu/images/image.png') 0% 0% no-repeat padding-box;
opacity: 1;
position: relative;
}

.slider::before { content: ''; height: 500px; width: 500px; position: absolute; top: -24px; left:-24px; z-index: -1; background-color: #562F9B; display:block;
}
.slider::after { content: ''; height: 500px; width: 500px; position: absolute; bottom: -24px; right:-24px; z-index: -1; background-color: #562F9B; display:block; }


.carousel-textbox { position: relative; }

.text-type-hello-1 { font-size: 27px; color: #603CA1; font-weight: 300; line-height: 32px; padding-left: 140px;  }
.text-type-hello-2 { font-size: 16px; font-style: italic; color: #603CA1; font-weight: 300; line-height: 21px; padding-right: 140px; position: absolute; top:0; right: 0; }



.wrapbox-container { height:500px; display: block; overflow: hidden; position:relative; }
.slider-wrapbox { max-width: 1160px; height:500px; margin:0 140px; background:#ddd; margin-bottom: 60px; position:relative; overflow: visible; }

.slider-wrapbox::before { content: ''; height: 500px; width: 500px; position: absolute; top: -24px; left:-24px; z-index: -1; background-color: #562F9B; display:block;}
.slider-wrapbox::after { content: ''; height: 500px; width: 500px; position: absolute; bottom: -24px; right:-24px; z-index: -1; background-color: #562F9B; display:block;}

.carousel-item { height:500px;  background-size:cover; }
.carousel-control-prev-icon { width: 17px; height: 38px; position: absolute; top:calc(50% - 19px); left:-60px; background: url(https://kunstsorfozde.hu/images/arrow-prev.svg);  }
.carousel-control-next-icon { width: 17px; height: 38px; position: absolute; top:calc(50% - 19px); right:-60px; background: url(https://kunstsorfozde.hu/images/arrow-next.svg); }

.carousel-control-next, .carousel-control-prev {  z-index: 999999; }

.carousel-inner { overflow: visible; border: 0px solid #562f9b; background-color: #562f9b; }
.carousel-inner::before { content: ''; height: 500px; width: 500px; position: absolute; top:-20px; left:-20px; z-index: -1; background-color: #562F9B; display:block;}
.carousel-inner::after { content: ''; height: 500px; width: 500px; position: absolute; top:20px; right:-20px; z-index: -1; background-color: #562F9B; display:block;}


.carousel-inner-product { overflow: visible; border: 0px solid #562f9b; background-color: #562f9b; }
.carousel-inner-product::before { content: ''; height: 500px; width: 500px; position: absolute; top:20px; left:-20px; z-index: -1; background-color: #562F9B; display:block;}
.carousel-inner-product::after { content: ''; height: 500px; width: 500px; position: absolute; top:-20px; right:-20px; z-index: -1; background-color: #562F9B; display:block;}


#home-carousel { width: 100%; margin: 0 155px 60px 140px; }
#product-carousel { width: 100%; margin: 180px 30px 60px 30px!important; }



.product-all-wrapper { width: 100%; padding: 20px 60px; position: relative; }

.product-img-1 {width: 386px;
height: 365px;
background: transparent url('https://kunstsorfozde.hu/images/pilseni_termek.png') center no-repeat;
opacity: 1;
position: relative;
margin: 40px;
transition: all .5s;
display: inline-block;
}
.product-img-1::before { position: absolute; width: 386px; height: 100%; content: ''; top:20px; right: -20px; z-index: -1; background-color: #562F9B; display:block; }


/* lényegévben ugyanaz mint az img-1*/
.product-a {width: 386px;
height: 365px;
background: transparent url('https://kunstsorfozde.hu/style/img/pilseni_termek.png') center no-repeat;
opacity: 1;
position: relative;
margin: 20px 40px 20px 40px;
transition: all .5s;
display: inline-block;
background-size: cover!important;
}
.product-a::before { position: absolute; width: 386px; height: 100%; content: ''; top:20px; right: -20px; z-index: -1; background-color: #562F9B; display:block; }


.product-c {width: 386px;
height: 365px;
background: transparent url('https://kunstsorfozde.hu/style/img/pilseni_termek.png') center no-repeat;
opacity: 1;
position: relative;
margin: 20px 40px 20px 40px;
transition: all .5s;
display: inline-block;
    background-size: cover!important;
}
.product-c::before { position: absolute; width: 386px; height: 100%; content: ''; top:20px; right: -20px; z-index: -1; background-color: #562F9B; display:block; }



.product-img-2 {width: 386px;
height: 365px;
background: transparent url('https://kunstsorfozde.hu/images/felbarna_termek.png') center no-repeat;
opacity: 1;
position: relative;
margin: 40px 0 40px;
transition: all .5s;
display: inline-block;
}
.product-img-2::before { position: absolute; width: 386px; height: 100%; content: ''; top:-20px; right: -20px; z-index: -1; background-color: #562F9B; display:block; }


/* lényegévben ugyanaz mint az img-2*/
.product-b {width: 386px;
height: 365px;
background: transparent url('https://kunstsorfozde.hu/style/img/felbarna_termek.png') center no-repeat;
opacity: 1;
position: relative;
margin: 20px 0 20px 0;
transition: all .5s;
display: inline-block;
    background-size: cover!important;
}
.product-b::before { position: absolute; width: 386px; height: 100%; content: ''; top:-20px; right: -20px; z-index: -1; background-color: #562F9B; display:block; }


.product-e {width: 386px;
height: 365px;
background: transparent url('https://kunstsorfozde.hu/style/img/felbarna_termek.png') center no-repeat;
opacity: 1;
position: relative;
margin: 20px 0 20px 0;
transition: all .5s;
display: inline-block;
    background-size: cover!important;
}
.product-e::before { position: absolute; width: 386px; height: 100%; content: ''; top:-20px; right: -20px; z-index: -1; background-color: #562F9B; display:block; }





.product-img-3 {width: 386px;
height: 365px;
background: transparent url('https://kunstsorfozde.hu/images/indian_termek.png') center no-repeat;
opacity: 1;
position: relative;
margin-left: -20px;
margin: 40px 0 40px 40px;
transition: all .5s;
display: inline-block;
}
.product-img-3::before { position: absolute; width: 386px; height: 100%; content: ''; top:20px; right:-20px; z-index: -1; background-color: #562F9B; display:block; }


.product-img-4 {width: 386px;
height: 365px;
background: transparent url('https://kunstsorfozde.hu/images/buza_termek.png') center no-repeat;
opacity: 1;
position: relative;
margin: 0 40px 40px 40px;
transition: all .5s;
display: inline-block;
}
.product-img-4::before { position: absolute; width: 386px; height: 100%; content: ''; top:20px; right:20px; z-index: -1; background-color: #562F9B; display:block; }


/* lényegévben ugyanaz mint az img-4 // előző c */
.product-d {width: 386px;
height: 365px;
background: transparent url('https://kunstsorfozde.hu/style/img/buza_termek.png') center no-repeat;
opacity: 1;
position: relative;
margin: 20px 40px;
transition: all .5s;
display: inline-block;
}
.product-d::before { position: absolute; width: 386px; height: 100%; content: ''; top:20px; right:20px; z-index: -1; background-color: #562F9B; display:block; }




.product-img-5 {width: 386px;
height: 365px;
background: transparent url('https://kunstsorfozde.hu/images/nektar_termek.png') center no-repeat;
opacity: 1;
position: relative;
margin-bottom: 40px;
display: inline-block;
 }
.product-img-5::before { position: absolute; width: 386px; height: 100%; content: ''; top:-20px; right: -20px; z-index: -1; background-color: #562F9B; display:block; }


.product-x {width: 386px;
height: 365px;
background: transparent url('https://kunstsorfozde.hu/images/dekorelem.svg') center no-repeat;
opacity: 1;
position: relative;
margin: 20px 40px;
display: inline-block;
}


.product-img-1:hover, .product-img-2:hover, .product-img-3:hover, .product-img-4:hover, .product-img-5:hover { }


.product-feat-list { border: 2px solid #562F9B; padding: 3px 9px 4px; margin: 14px; position: relative; }
.product-feat-category { color: #562F9B; text-transform: uppercase; font-size: 18px; position: relative; line-height: 20px; width: 49%; display: inline-table; }
.product-feat-value { color: #562F9B; text-transform: uppercase; font-weight: 600; font-size: 18px; width: 49%; display: inline-table; line-height: 20px; text-align: right; }




.contact-logo { width: 100%; height: 148px; margin: 30px 0 60px; background:url(https://kunstsorfozde.hu/images/sorlogo.svg) center no-repeat; }
.contact-text { color:#562F9B; font-size: 20px; line-height: 29px; width: 345px; text-align: center; margin: 0 auto; margin-bottom: 60px}
.p-lessbottom { margin-bottom: 6px; }


.footer { height: 200px; width: 100%; background-color:#562F9B; }
.footer-inside { width: 1440px; height: auto; margin: 0 auto; padding: 42px 0 0 100px; }
.footer-leftside { max-width: 48%; height: 130px; display: inline-block; }
.footer-rightside { max-width: 48%; height: 130px; display: inline-block; position: relative; }

.footer-logo { width:105px; height: 130px; display: inline-block; background:url(https://kunstsorfozde.hu/images/footer-logo.svg);  }

.footer-linkbox { position: absolute; top:60px; left:166px; }
a.footer-link { font-size: 13px; line-height: 20px; color: #CECECE; padding-left:0; display: block; }

.social-wrapper { position: relative; top: 35%; right: 60px; width: 100%; height: 40px; }
.social-email { width: 16px; height: 16px; margin: 16px; display: inline-block; background:url(https://kunstsorfozde.hu/images/mail.svg); position: absolute; right: 162px; }
.social-instagram { width: 16px; height: 16px; margin: 16px; display: inline-block; background:url(https://kunstsorfozde.hu/images/instagram-logo.svg); position: absolute;  right: 108px; }
.social-twitter { width: 16px; height: 16px; margin: 16px; display: inline-block; background:url(https://kunstsorfozde.hu/images/twitter-logo.svg); position: absolute; right: 54px; }
.social-facebook { width: 16px; height: 16px; margin: 16px; display: inline-block; background:url(https://kunstsorfozde.hu/images/facebook-logo.svg); position: absolute;right: 0; }




/********************* TERMÉKALOLDALAK ***********************/


.product-hero { height: 788px; width: 100%; margin-bottom: 100px; position: relative; background-position: center !important; background-color: #dedddd; background-repeat: no-repeat !important }
.indiapale { background-image: url(https://kunstsorfozde.hu/images/india-product-hero.png);  }
.bajorbuza { background-image: url(https://kunstsorfozde.hu/images/buza-product-hero.png);  }
.felbarna { background-image: url(https://kunstsorfozde.hu/images/felbarna-product-hero.png);  }
.nektar { background-image: url(https://kunstsorfozde.hu/images/nektar-product-hero.png);  }
.pilseni { background-image: url(https://kunstsorfozde.hu/images/pilseni-product-hero.png);  }

.product-text-title { font-size: 27px; line-height: 38px; text-transform: uppercase; font-weight: 600; margin-bottom: 23px; margin-top: 19px; color: #562F9B; }
.product-text-indent { font-size: 27px; line-height: 38px; padding: 0 47px 0 0; color: #562F9B; }
.product-text-more { font-size: 27px; line-height: 38px; padding: 90px 0 0 77px; color: #562F9B; }

.product-features-box { background-color:#E9DFFC; position: absolute; right: 100px; width: 529px; }
.product-features-box::before { position: absolute; content: ''; background: #562F9B; top:-20px; left: 20px; width: 100%; height: 100%; z-index: -1; }

.product-feat-title { font-size: 27px; line-height: 38px; text-transform: uppercase; font-weight: 600; margin-bottom: 23px; margin-top: 19px;  margin-left: 19px; color: #562F9B; }



.age18plus { width:140px; height:342px; margin:0 auto; background: transparent url(https://kunstsorfozde.hu/images/18plus.svg) center no-repeat; }
.age-question { font-size: 54px; line-height: 64px; text-transform: uppercase; text-align: center; color: #F6F8F9; margin-bottom: 90px; padding: 0 60px; }
.age-choice-box { position:relative; width: 960px; height: auto; margin: 0 auto; text-align: center;}
a.age-choice-link { font-weight: 600; width: 44%; font-size: 22px; line-height: 24px; color: #562F9B; text-transform: uppercase; text-align: center; display: inline-block; margin: 26px; height: 46px;padding-top: 12px; background-image: url(https://kunstsorfozde.hu/images/agechoice-deco.svg); background-size: cover; }
a.age-choice-link:hover { text-decoration: none; }



@media screen and (max-width: 1460px) {

.navbar-brand { left: 120px; /*left: calc(50% - 135px);*/ }

}




@media screen and (max-width: 1440px) {

  .navbar::before, .navbar::after {
    display: none; }

  .hero { height: auto; padding-bottom: 54.6%; background-color: transparent; }
  .hero-leftwing, .hero-rightwing { display: none; }

  .product-hero { height: auto;
    padding-top: 54.6%;
    background-size: contain; }

	.product-text-indent {
    padding: 0 90px 0 47px;}

  }


@media screen and (max-width: 1380px) {

  .product-a, .product-b, .product-c, .product-d, .product-e { width: calc(33.3% - 60px );
  background-size: cover; height: 280px; }

  .product-x { width: calc(33.3% - 60px ); height: 280px; background-size: 75%; }

  .product-a::before { width:100%; height:100%; }
  .product-b::before { width:100%; height:100%; }
  .product-c::before { width:100%; height:100%; }
  .product-d::before { width:100%; height:100%; }
  .product-e::before { width:100%; height:100%; }





  .product-img-1 { width: calc(28.5% - 60px );
    background-size: cover; height: 280px;
    margin: 40px 0 40px 140px; }
  .product-img-2 {     width: calc(28.5% - 60px );
    background-size: cover; height: 280px;
    margin: 40px; }
  .product-img-3 { width: calc(28.5% - 60px );
    background-size: cover; height: 280px;
    margin: 40px 0;}
  .product-img-4 { background-size: cover; height: 280px;
    width: calc(28.5% - 60px ); margin: 0 40px 60px 140px; }
  .product-img-5 { margin: 0 40px 40px 0; width: calc(28.5% - 60px );
    background-size: cover; height: 280px; }
  .product-img-6 { margin: -20px 20px 0 0; width: calc(28.5% - 60px );
    background-size: 55%; height: 280px; }

  .product-img-1::before, .product-img-2::before, .product-img-3::before, .product-img-4::before, .product-img-5::before { width: 100%; }

	.social-wrapper {  right: 330px; }


}




@media screen and (max-width: 1112px) {

 .dowpdown-minimize { top:70px!important; transition: all .5s; }

 .navbar-panel-button { display: block; }

  ul.navbar-nav {
      position: absolute;
      height: auto;
      background: rgb(255 255 255 / .8);
      z-index: 99;
      width: 100%;
      right: 0;
      top: 150px;
      text-align: center;
      display: none;
      transition: all .5s;
       }

      ul li.nav-item {
      list-style-type: none;
      display: inline-block;
      font-size: 11px;
      text-transform: uppercase;
      padding: 8px 14px 8px; }

  .showme-nav { display: flex!important;}
	.hideme-nav { display: none!important;}


  .wrapper { padding: 0 60px; }

  .product-text-indent { padding: 0 0 0 20px; }
  .product-text-title { margin-left: 19px; }

  .col-sm-7, .col-sm-5 { max-width: 100%; flex: 0 0 100%; }

  .product-features-box { margin-bottom: 33px; position: relative; right: 0; background: transparent; border-left: 3px solid #E9DFFC; border-right: 3px solid #E9DFFC;}
  .product-features-box::before { border-left: 3px solid #562F9B; border-right: 3px solid #562F9B; background: transparent; }
  .product-feat-list { background-color: #E9DFFC; }

  .footer-inside { padding: 42px 0 0 60px; width: 100%; }


  .product-page-slider {
    width: 100%;
    margin: 70px 30px 60px 30px!important;}

  .product-text-more {
    padding: 90px 0 0 30px;}

  #product-carousel {
      width: 100%;
      margin: 180px 96px 60px 96px!important;}


				.social-wrapper {  right: 0px; }




}


@media screen and (max-width: 960px) {

  .product-all-wrapper { padding: 20px 120px; }
  .product-a, .product-b, .product-c, .product-d, .product-e, .product-x  { width: 100%; margin: 0 0 40px;  background-position: center;}

  .product-b::before {
    top: 20px;
    right: 20px;}

  .product-e { margin-top: 20px; }

  .product-x { background-size: 45%; margin-bottom: 0; }




  .product-img-1, .product-img-2, .product-img-3, .product-img-4, .product-img-5, .product-img-6 { width: 100%; margin: 40px 90px 20px; background-position: center;}

	.product-img-1 { margin: 40px 90px 40px; }
	.product-img-2 { margin-top: 40px 90px 0 90px; }
	.product-img-2::before { left: -20px;  }

	.product-img-2 { margin-top: 40px 90px 20px; }

	.product-img-3 { margin: 20px 90px 20px; }

	.product-img-4 { margin: 40px 90px 40px; }

	.product-img-6 { background-size: contain; }

	/*.product-img-1::before, .product-img-2::before, .product-img-3::before, .product-img-4::before, .product-img-5::before  {
	border-top: 0; }

	.product-img-1::before { border-top: 0; border-right: 0; }*/

  .text-type-hello-1 { padding-left: 90px; }
  .text-type-hello-2 { padding-right: 90px; }


  .age-choice-box { width: 100%; margin-bottom: 90px; }
  .age-question { font-size: 26px; line-height: 29px; }
  a.age-choice-link { font-size: 19px;
    line-height: 21px;
    width: 90%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    text-shadow: 1px 1px 10px #E9DFFC; }


  .carousel-inner::before { content: ''; height: 500px; width: 200px; position: absolute; top:-15px; left:-15px; z-index: -1; background-color: #562F9B; display:block;}
  .carousel-inner::after { content: ''; height: 500px; width: 200px; position: absolute; top:15px; right:-15px; z-index: -1; background-color: #562F9B; display:block;}

  .carousel-control-prev-icon { left: -50px; }
  .carousel-control-next-icon { right: -50px; }


  .carousel-inner-product::before { content: ''; height: 500px; width: 200px; position: absolute; top:15px; left:-15px; z-index: -1; background-color: #562F9B; display:block;}
  .carousel-inner-product::after { content: ''; height: 500px; width: 200px; position: absolute; top:-15px; right:-15px; z-index: -1; background-color: #562F9B; display:block;}

  #home-carousel {
  width: 100%;
  margin: 0 110px 60px 110px!important;}

  #product-carousel { width: 100%;
  margin: 60px 48px 60px 48px!important; }


}


@media screen and (max-width: 736px) {


  .product-all-wrapper { padding: 20px 90px; }
  .product-e { margin-top: 20px; }


	h2 { font-size: 30px; }

  .text-type-hello-1 {
		font-size: 21px;
    color: #603CA1;
    font-weight: 300;
    line-height: 26px;
    padding-left: 60px;
    padding-right: 60px;
    margin-top: 30px;
    max-width: 100%!important; }

  .text-type-hello-2 {
    position: relative;
    top: 0;
    right: 0;
    max-width: 100%;
    padding-left: 60px;
		padding-right: 60px; }

		.product-img-1, .product-img-2, .product-img-3, .product-img-4, .product-img-5, .product-img-6 {
    width: 100%;
    margin: 40px 60px 20px;
    background-position: center;}


		.product-img-1 { margin: 40px 90px 40px; }
		.product-img-2 { margin-top: 40px 90px 0 90px; }
		.product-img-2::before { left: -20px;  }

		.product-img-2 { margin-top: 40px 90px 20px 90px; }

		.product-img-3 { margin: 20px 90px 20px; }

		.product-img-4 { margin: 40px 90px 40px; }

		.product-img-6 { background-size: contain; }



		.product-feat-category, .product-feat-value { font-size: 14px; }


		#home-carousel {
    width: 100%;
    margin: 0 60px 60px 60px!important;}

		.carousel-inner::before {
    width: 160px;
    top: -9px;
    left: -9px;}

		.carousel-inner::after {
    width: 160px;
    top: 9px;
    right: -9px;}

		.carousel-control-next-icon {
    right: -35px;}

		.carousel-control-prev-icon {
    left: -35px;}


		.footer-leftside { margin: 0;
    padding: 0;  }

		.footer-linkbox {
    left: 120px; }



		.social-wrapper { right: 0; }

		.social-email {
		margin: 8px;
		right: 90px;}

		.social-instagram {
		margin: 8px;
		right: 60px;}

		.social-twitter {
		margin: 8px;
		right: 30px;}

		.social-facebook {
		margin: 8px;
		right: 0;}




}


@media screen and (max-width: 412px) {

  .product-all-wrapper { padding: 20px 60px; }
  .product-e { margin-top: 20px; }

ul.navbar-nav { top: 70px;}

body { font-size: 13px; padding-top: 70px;}

h2 { font-size: 22px; line-height: 22px; }

.title-decoration-1, .title-decoration-2, .title-decoration-3 {
        background-size: 60%;}

.row { margin-bottom: 0; border-bottom: 0 solid #ddd;
    padding-bottom: 0px; }

.hero { height: 200px; }

.navbar { height: 70px; }

.navbar-brand {
    position: absolute;
    top: 18px;
    left: calc(50% - 90px);
    width: 185px;
    height: 36px;
    background-size: contain; }

    .nav-minimize { top: 0; }

.text-type-hello-2 {
    position: relative;
    top: 0;
    right: 0;
    max-width: 100%;
    padding-left: 60px;
    padding-right: 60px;
    font-size: 9px;
    line-height: 10px;}

.text-type-hello-1 {
    font-size: 12px;
    color: #603CA1;
    font-weight: 300;
    line-height: 18px;
    padding-left: 60px;
    padding-right: 60px;
    margin-top: 30px;
    max-width: 100%!important;}


#home-carousel {
    width: 100%;
    margin: 0 60px 30px 60px!important;}

.carousel-inner {
    position: relative;
    width: 100%;
    height: 250px; }

		.carousel-inner::after {
			content: '';
			height: 177px;
			width: 85px;
			top: 78px;
			right: -5px; }

		.carousel-inner::before {
		content: '';
		height: 177px;
		width: 85px;
		top: -5px;
		left: -5px;
	  }


#product-carousel {
		width: 100%;
		margin: 30px 0 0 30px!important;}

.carousel-inner-product {
        position: relative;
        /*width: 100%;*/
				width: calc(100% - 30px);
        height: 250px; }

				.carousel-inner-product::before {
    content: '';
    height: 177px;
    width: 85px;
    left: -5px;
    top: 78px; }

    .carousel-inner-product::after {
    content: '';
    height: 177px;
    width: 85px;
    top: -5px;
    right: -5px; }


    .carousel-item { height: 250px }



    .carousel-control-prev-icon {
    left: -30px;}

    .carousel-control-next-icon {
    right: -30px;}

		.product-next {
    right: 0!important;}



    .product-img-1, .product-img-2, .product-img-3, .product-img-4, .product-img-5 {
    width: 100%;
    height: 300px;
    margin: 0 60px 40px;}

		.product-img-2, .product-img-5 { margin-top: 40px; }

		.product-img-4 { margin-top: 20px; }

    /*.product-img-1::before, .product-img-2::before, .product-img-3::before, .product-img-4::before, .product-img-5::before  {
    height: 300px; border-top: 0; }

    .product-img-1::before { border-top: 0; border-right: 0; }*/

    .product-img-6 { display: none; }


    .contact-text {
    color: #562F9B;
    font-size: 12px;
    line-height: 18px;}

    .contact-logo {
    width: 100%;
    height: 112px;
    margin: 0 0 30px;}


    .footer {
    height: 90px;}

    .footer-inside {
    padding: 9px 0 0 30px;
    width: 100%;}

    .footer-logo {
    width: 53px;
    height: 68px;
    background-size: cover;}

    .footer-leftside, .footer-rightside { height: auto; padding: 0; }

    .footer-linkbox {
    position: absolute;
    top: 18px;
    left: 72px;}

    a.footer-link {
    font-size: 10px;
    line-height: 14px;}




/* product pages, mobile */


    .product-hero {
    height: 206px;
    margin-bottom: 30px;}

    .product-features-box::before {
    top: 10px;
    left: 10px;}

    .product-text-indent {
    font-size: 12px;
    line-height: 18px;}

    .wrapper {
    padding: 0 42px 60px;}

    .product-text-more {
    font-size: 12px;
    line-height: 18px;}

    .product-feat-category, .product-feat-value { font-size: 10px; }

		.product-feat-title, .product-text-title { font-size: 13px; line-height: 19px; }


}

.sticky {
    position: fixed;
    bottom: 0;
    font-size: 20px;
    z-index: 100;
    right: 0;
}


.content-image{
    width:100% !important;
    max-width: 600px;
    height:auto !important;
}