@media (max-width: 1439px){
#homeslider-slider .bx-wrapper .bx-next     { right: 0; }
#homeslider-slider .bx-wrapper .bx-prev     { left: 0;}
}
@media (max-width: 1200px){
    .content-management .paragraph.paragraph-image-fond-holder .paragraph-text  { width: 100%;}
#wrap-menu .top-menu > ul > li.is-parent::after     { right: 45%; top: 80%;}




}
@media (min-width: 768px){
    #wrap-menu .top-menu{display:block !important; }
}
@media (min-width: 980px) and (max-width: 1200px){
/*========================================================================================
        1.1 Grid and containers
========================================================================================*/
  .container { width:980px; }
    .col-100-md    { width:100%; }
    .col-50-md     { width:50%;  }
    .col-33-md     { width:33.3333%; }
    .col-66-md     { width:66.6666%; }
    .col-25-md     { width:25%; }
    .col-75-md     { width:75%; }
/*========================================================================================
    3. Header
========================================================================================*/
  #wrap-menu .top-menu > ul > li > a { padding:0 15px; }

  .menu li { padding: 0 10px; font-size:85%; }


/*========================================================================================
        3.2 Home Slider
========================================================================================*/
  .wrap-slider li .slider-caption {font-size:65%; }     /* adjust font-size on slider texts */
  .small-note   { margin-left: 10px;  }
#wrap-menu .top-menu > ul > li.item1 > a   { background: url(../images/bg-home1.png) no-repeat center center !important;text-indent:-99em }
#wrap-menu .top-menu > ul > li.item1 > a:hover { background:#212121 url(../images/bg-home1.png) no-repeat center center !important; }
#wrap-menu .top-menu > ul > li.item1.active > a { background:#212121 url(../images/bg-home1.png) no-repeat center center !important; }

#wrap-menu .top-menu > ul > li.is-parent a::after           { content: "\f107"; font-family: "FontAwesome"; color:fff !important; position: absolute; left: 65px; top: 15px; font-weight: normal; font-size:112.5%;}



}

@media (min-width: 768px) and (max-width: 979px){
/*========================================================================================
        1.1 Grid and containers
========================================================================================*/
  .container { width:768px; }
    .col-100-sm    { width:100%; }
    .col-50-sm     { width:50%;  }
    .col-33-sm     { width:33.3333%; }
    .col-66-sm     { width:66.6666%; }
    .col-25-sm     { width:25%; }
    .col-75-sm     { width:75%; }

/*========================================================================================
        3.2 Home Slider
========================================================================================*/

.home-news-holder .container        { position: static; width: 100%; padding: 0;}
#news   { top: auto; width: 100%; height: auto;}
#homeslider-slider .bx-wrapper .bx-controls-direction a    { top: 48%;}
#news       { right: 0; position: static;}
  #wrap-menu .top-menu > ul > li > a { font-size:87.5%; padding:0 11px; }
#wrap-menu .top-menu > ul > li > ul > li > a    { font-size: 87.5%;}
.content-management .paragraph.paragraph-image-fond-holder .paragraph-container     { background-attachment: scroll !important;}
.small-note     { width: 48%; margin-left: 20px;}
.form1 .buttons small   { line-height: 20px;}
#contact .form1 .buttons    { margin: 20px 0 0;}
.field.buttons small        { margin-top: 10px;}
.wrap-cookie .cookie-holder p                   { margin-bottom: 5px; width: 100%;}

#wrap-menu .top-menu > ul > li.item1 > a   { background: url(../images/bg-home2.png) no-repeat center center !important;text-indent:-99em }
#wrap-menu .top-menu > ul > li.item1 > a:hover { background:#212121 url(../images/bg-home2.png) no-repeat center center !important; }
#wrap-menu .top-menu > ul > li.item1.active > a { background:#212121 url(../images/bg-home2.png) no-repeat center center !important; }

#wrap-menu .top-menu > ul > li.is-parent a::after           { content: "\f107"; font-family: "FontAwesome"; color:#fff !important; position: absolute; left: 55px; top: 15px; font-weight: normal; font-size:112.5%;}

}

@media (max-width: 767px){
/*========================================================================================
        1.1 Grid and containers
========================================================================================*/
  body { font-size:90%; }

  .container { width:100%; }
.wrap-cookie .cookie-holder p                   { margin-bottom: 5px; width: 100%;} 

.wrap-slider li .slider-caption {  background: #191919 none repeat scroll 0 0; display: none; padding: 0 15px 0; position: static; width: 100%; height: 0;}
.home-news-holder .container        { position: static;width: 100%; padding: 0;}
#news   { top: auto; width: 100%; height: auto; position: static;}
#homeslider-slider .bx-wrapper .bx-controls-direction a    { top: 48%;}
.content-management .paragraph.paragraph-image-fond-holder .paragraph-container     { background-attachment: scroll !important;}
.list   { clear: both;}
.page-17 .paragraph-76 .mask    { padding: 80px 0 70px;}
  .content-management .paragraph-images-holder ul li{ width: 50%; }

  .logo img { margin:0 auto; }

    .col-100-xs    { width:100%; }
    .col-50-xs     { width:50%;  }
    .col-33-xs     { width:33.3333%; }
    .col-66-xs     { width:66.6666%; }
    .col-25-xs     { width:25%; }
    .col-75-xs     { width:75%; }

    h1 { font-size:120%; }

    .breadcrumb li { margin-bottom:2px; }
 #wrap-menu .burger-menu    { color: #fff; }
#wrap-menu .top-menu > ul > li:first-child,
#wrap-menu .top-menu > ul > li   { border: 0 none;}
#wrap-menu .top-menu > ul > li.is-parent > a > i::before        { margin-right: 5px;}
#wrap-menu .top-menu > ul > li.is-parent::after                 { display: none;}


    #wrap-menu { height:auto; }
    #wrap-menu .burger-menu { display:block; float:left; font-size:200%; line-height:58px;}
    #wrap-menu .burger-menu.open i:before { content:"\f00d"; }
    #wrap-menu .top-menu { display:none; clear:both; }
    #wrap-menu .top-menu > ul > li { display:block; }
    #wrap-menu .top-menu > ul > li > a { display:block; border-bottom:1px solid #d5d5d5; }
    #wrap-menu .top-menu > ul > li.is-parent > a > i { display:block; font-family:"FontAwesome"; font-size:150%; position:absolute; right:0; top:0; line-height:50px; text-align:right;background: transparent; }
    #wrap-menu .top-menu > ul > li.is-parent > a.open > i:before { content:"\f068";  }
    #wrap-menu .top-menu > ul > li:last-child > a { border-bottom:none; }
    #wrap-menu .top-menu > ul > li > ul >  li:last-child > a { border-bottom:1px solid #d5d5d5; }
    #wrap-menu .top-menu > ul > li > a { line-height:50px; padding:0; font-size: 100%; }
#wrap-menu .top-menu > ul > li > ul > li > a    { font-size: 100%;}
    #wrap-menu .top-menu > ul > li > ul { position:static; border:none; box-shadow: none; margin:0;  }

    .content-management .paragraph-title h2 { font-size:170%; }
    #news .news-photo               {margin: 0 0 30px 0; }

    .header-info { padding-top:0; padding-bottom: 15px; }
.phone-email-holder     { float: none;}
.phone-email-holder li, .phone-email-holder a.sitemap-link  { float: none; display: inline-block;}
.phone-email-holder .sitemap-link::before   { line-height: 12px;}
.paragraph.paragraph-images-left-holder .paragraph-text .align-holder,
.paragraph.paragraph-images-right-holder .paragraph-text .align-holder   { width: 100%; }
.paragraph.paragraph-images-left-holder .paragraph-images,
.paragraph.paragraph-images-left-holder .paragraph-text .align-holder,
.paragraph.paragraph-images-right-holder .paragraph-images,
.paragraph.paragraph-images-right-holder .paragraph-text .align-holder   { display: block;}
.paragraph.paragraph-images-left-holder .paragraph-images       { margin: 0 0 20px 0; padding: 0;}
.paragraph.paragraph-images-right-holder .paragraph-images   { margin: 20px 0 0 0; padding: 0;}
.made-holder .fb_iframe_widget                          { margin-left: 0px;}
.paragraph .paragraph-images img                { width: 100% !important;}
.fa-plus::before                                { content: "\f107"}
#wrap-menu .top-menu > ul > li.is-parent > a.open > i::before   { content: "\f106"}
#wrap-menu .top-menu > ul > li > ul > li > a                    { background: #f16623; border-color: rgba(255,255,255,0.5);color:#fff !important}
#wrap-menu .top-menu > ul > li > a                              { border-color: rgba(255,255,255,0.5);}
#wrap-menu .top-menu > ul > li > ul > li.active > a             { background:#f16623; }
.field.buttons small        {  margin-top: 0;}


    #news-list .news-photo { float:none; margin:0; }

    .filters .btn { margin-top:10px; display:block; width:100%; }

    .thumbnails .thumbnail-title { padding-bottom:0; height:auto; font-size:105%;}
    .thumbnails .thumbnail-holder a.btn,
    .thumbnails .thumbnail-text { display:none; }
    .thumbnails .thumbnail-prices { padding-bottom:0; }
    .thumbnail-promo { font-size: 70%; left: -50px; line-height: 25px; top: 10px; width: 150px; }

    #gallery-detail .gallery-title { margin-top:25px;  }

    .product-filters-burger { display:block !important; }
    .product-filters { margin-bottom:15px; }
    .product-filters-burger { margin-bottom:15px; }
    .product-filters-burger i { font-size:140%; }
    .product-filters-burger.open i:before { content:"\f068"; }
    .product-filters-holder { display:none; }

    #comment_rating { width:100%; float:left; text-align:center; margin:10px 0;  }
    .tooltip-holder { left:5% !important; width:90% !important; }
    .tooltip-holder > div { max-width:100%; max-height:250px; min-width:100%; }
    .tooltip-holder.arrow-left:after, .tooltip-holder.arrow-left:before { left:50%; }
    #wrap-menu .top-menu > ul > li.is-parent a:after{display:none;}

 #wrap-menu .top-menu > ul > li.item1 > a   {width:100%; }
}


/*========================================================================================
        Specific Media Querys
            1. Wrap Map
========================================================================================*/
@media (max-width: 639px){
    #wrap-footer    { text-align: center;    }
.made-holder    {  float: none; display: inline-block; width: 100%; margin-top: 15px; text-align: center; }
.made-holder span   { float: none;}
.made-holder .fb_iframe_widget      { float: none; margin-left: 15px;}
.made-by            { float: none; display: inline-block;}
.made-by a      { margin-bottom: -5px;}
.menu           { float: none; text-align: center;}
.menu li                {  border: 0 none;}
.wrap-copyright     { float: none; margin-right: 0;}

}

@media (max-width: 570px){
    .wrap-map #info a { color:#ffffff; }
    .wrap-map #info .cls-holder { width:100%; margin:0 auto; }
    .wrap-map #info .cls-holder .first { padding:0 15px 0 0;  }
    .wrap-map #info .cls-holder .last { padding:0 0 0 15px;  }
    .btn.btn-outline { padding:10px 5px; font-size:80%; margin-bottom:15px; }
    .wrap-map #info .info-tel { font-size:100%; }
    .wrap-map #info .info-title { font-size:170%; }
}
@media (max-width: 567px){
.small-note     { width: 48%;}
.form1 .buttons small   { line-height: 20px;}
#contact .form1 .buttons    { margin: 20px 0 0;}
}
@media (max-width: 479px){
#wrap-menu .top-menu > ul > li > ul > li > a    { font-size: 87.5%; padding: 10px 15px; }
.small-note     { width: 100%; margin-left: 0;}
.btn-default-contact    { float: none; width: 91%; margin-right: 0;}
.menu                   { text-align: center; float: none; }
.wrap-copyright         { float: none; margin-bottom: 10px; margin-right: 0;}
#homeslider-slider .fa-angle-right::before,
#homeslider-slider .fa-angle-left::before   { width: 20px; height: 20px;}
#news .news-text::after         { width: 60%;}

}

@media (max-width: 359px){

.phone-email-holder a.sitemap-link  { border: 0 none; margin: 0; padding: 0;}
.phone-email-holder li:last-child   { display: block;}
#news .news .holder                 { padding: 15px;}
#wrap-menu .top-menu > ul > li > ul > li > a    { padding: 10px 5px; font-size: 80%;}
.field.buttons small                { float: right; margin-top: 10px;}
 }