/* Quick.Cms.Ext v6.x responsive stylesheet */
@media screen and (max-width:1199px){
  #backToTop, #socialLinks{z-index:99999;}
  body *{max-width:100%;}
  #container{margin:0 auto;}
  #head1{position:relative;display:none;}
  #head3 #menu2{display:none}
  #head11{display:block;position:relative;float:left;}
  #menuRwd{float:right;height:50px;}
  #menuRwd ul{list-style:none;}
  #menuRwd li{float:left;}
  #menuRwd a{display:block;padding:15px 25px;line-height:0px;}
  #menuRwd a span{font-size:24px;color:#fff;margin-left:10px;font-weight:500}
  #menuRwd li:nth-child(2) a{padding:12px 25px;}
  #menuRwd li:nth-child(3) a{padding:16px 25px;}
  #menuRwd img{}
  #logoMenu{float:left;position:fixed;background:#1f3855;box-shadow:0px 0px 35px 0px #333;}
  #logoMenu > a{float:left;padding:20px 20px 15px;}
  #logoMenu #menu1{float:left;clear:left;margin-left:20px;padding-bottom:20px;display:none;}
  #logoMenu #menu1 li{clear:left;width:200px;border-bottom:2px solid #fff;}
  #logoMenu #menu1 li a{text-align:left;}
  #logoMenu #menu1 .selected a, #logoMenu #menu1 .selected-parent a{text-decoration:none;}
  #logoMenu #menu1 li a::after{display:none;}
  #pageSearch #searchForm .submit{margin:30px 0 0px;}
  #content{width:100%;}
  #newsletter{margin:60px auto 20px;}
  
  /* COLLECTION */
  #colections{height:720px !important;}
  #colections .quick-slider-slide{width:80%;margin-left:10%;}
  #colections .quick-slider-slide h3{line-height:40px;}
  #colections .quick-slider-slide > div.imageSlider0{width:38%;margin:1%;height:355px;}
  #colections .quick-slider-slide > .imageSlider{width:58%;margin:1% 1%;}

  body.blog #head1, body.mainBlog #head1{margin-bottom:0px;}
  #pageFiltr{padding-top:40px;}
}

@media screen and (max-width:1023px){
  #product{width:100%;margin:0;}
  body.blog .content img{height:auto;max-width:100%;}
  body.blog #galleryTop{height:auto;}
  body.blog #galleryTop .imageSlider{background-size:cover;height:auto;}
  body.blog #page{margin-top:-100px;}
  #galleryTop{height:auto;clear:both;margin:0 125px;}
  #galleryTop div.imageSlider0, #galleryTop .imageSlider{margin:10px 0;width:100%;height:auto;}
  #content h1.product{clear:both;}
  #box1 .name{top:10%;}
  #box1 .more a{padding:5px 20px;font-size:15px;}

  #page{margin:0px auto;}

  #foot #containerMenus #footLogo{width:100%;padding:20px 0;}

  /* NEWS */
  #productsSlider{margin:20px auto 0;}
  #productsSlider .quick-slider .quick-slider-slide{margin-left:10%;width:80%;}
  #productsSlider .slide > div{width:32%;margin-left:1%;}
  #productsSlider .slide > div .photo{height:auto;}
  #productsSlider .quick-slider .quick-slider-nav-arrows-prev{left:3%;}
  #productsSlider .quick-slider .quick-slider-nav-arrows-next{right:3%;}
  #productsSlider .title{background:url( 'img/products_slider_left.png' ) no-repeat 10% 30px, url( 'img/products_slider_right.png' ) no-repeat 90% 30px }

  /* PRODUCT */
  #productHistory, .slideButton{padding:0 25px !important;}
  #product #box #addBasket .submit{font-size:20px;}
  #product #box{width:100%;box-sizing:border-box;}
  #product #box #boxRight #addBasket{background:#fff;}
  #imagesListPreview{margin:0px;}
  .imagesList#imagesListPreview li{float:left;margin-right:10px;}

  /* BLOG WPIS */
  body.blog #page{padding:0 25px;}

  /* BLOG MAIN */
  #productsToShop{padding:40px 25px;}
  #productsToShop #logoMoments{width:250px;right:25px;}
  #productsToShop #linkToShop{right:25px !important;}
  #box3 .name a{font-size:44px;line-height:40px;}
  /* LOG PAGE */

  #products li .promoted{right:20%;top:10%;}
  #head1 .container, #head2 .container, #head3 .container, #body .container, #foot .container{width:100%;}
  #orderedProducts table{width:100%;margin-left:0;}
  body.blog #productsSlider .quick-slider .quick-slider-slide{margin-left:5%;width:90%;}
}

@media screen and (max-width:900px){
  /* INSPIRATION */
  #pagesSlider .quick-slider .quick-slider-slide{margin-left:0;width:100%;}
  #pagesSlider.long .slide > div{margin-left:1%;width:32%;text-align:center;}
  #pagesSlider .slide > div .photo{margin:0px;}
  #pagesSlider .slide > div h2 a{font-size:}

  #page21 #pagesSlider .quick-slider .quick-slider-slide{margin-left:10%;width:80%;}
  #pagesSlider .quick-slider .quick-slider-nav-arrows-next{right:3% !important;}
  #pagesSlider .quick-slider .quick-slider-nav-arrows-prev{left:3% !important;}

  /* LOG PAGE */
  #page26 #log, #page26 #rejestr{clear:both;width:100%;margin:auto;}
}


@media screen and (max-width:800px){
  body.pageSearch #products .sort{left:0px;}
  #content h1.product{margin:25px;}
  #pageSearchList, #page.blogNormalMargin{padding:25px;}
  
  #content #subList2 li{width:48%;margin:1%;clear:none;}
  #content #subList2 li:nth-child(3n + 1){clear:none;}
  #content #subList2 li:nth-child(2n + 1){clear:left;}
  #content #subList2 li .photo{height:auto;line-height:0px;}
  #pageFiltr .container2 .filtrColumn{width:40% !important;margin-left:10%;:left;}
  #pageFiltr .container2 .filtrColumn:nth-child(2n+1){clear:left}

  /* BLOG MAIN */
  #productsToShop{margin-top:0px;}
  #productsToShop #logoMoments{width:25%;right:35%;}
  #productsToShop #linkToShop{right:25px !important;}
  #productsToShop .product{margin-top:80px;}
  #box3 .name a{font-size:34px;line-height:30px;}
  #box3 .more{bottom:30px;top:auto;}
  

  /* TOP BOX */
  #box1 .name{top:10%;}
  #box1 .name a{font-size:34px;line-height:30px;}

  /* COLLECTION */
  #colectionsSlider .quick-slider-nav-arrows-next{right:3%;}
  #colectionsSlider .quick-slider-nav-arrows-prev{left:3%;}
  #colections .quick-slider-slide h3 a{font-size:34px;}

  /* FOOT */
  #foot #containerMenus #footLogo{width:100%;padding:20px 0;}
  #foot #containerMenus #menu5, #foot #containerMenus #menu6, #foot #containerMenus #footContact{width:100%;text-align:center;margin:10px 0;}
  #foot #containerMenus #menu5 .type, #foot #containerMenus #menu6 .type, #foot #containerMenus #footContact .type{margin:0px;font-size:20px;font-weight:600;}
  #foot #containerMenus #menu5 a, #foot #containerMenus #menu6 a, #foot #containerMenus #footContact a{font-size:20px;}
  #foot #containerMenus #menu5::before, #foot #containerMenus #menu6::before, #foot #containerMenus #footContact::before{display:none;}

  #orderButtons .buttonBlock h2{font-size:18px;}
  #orderButtons .buttonBlock .button{height:60px;padding:5px 0;}
}

@media screen and (max-width:700px){
  #commentForm{width:80%;}
  #product #box #boxLeft, #product #box #boxRight{width:100%;}
  #addBasket{text-align:center;}
  /* COLLECTION */

  /* INSPIRATION */
  #pagesSlider{height:400px;}
  #pagesSlider .title{font-size:34px;}
  #pagesSlider .slide > div h2 a{font-size:14px;}

  #content #subList3 .costam{width:100%;margin:1.5% 0;}
  #content #subList3 li{width:100%;margin:1.5% 0;}
  #content #subList3.list li .photo{width:40%;height:150px;}

  /* NEWS */
  #productsSlider{height:400px;}
  #products li .promoted{right:15px;top:35px;}

  #orderedProducts tbody th > a{margin:10px 0px 10px 10px;line-height:20px;max-width:30%;}

  #orderPrint .orderBlock{padding:0px 20px;}
  .personalDataBlock{width:97%;text-align:center;margin:15px 1.5%;}
  #paymentDescription{padding:20px;}
  .order #page #summaryProducts .container{width:100%;}
  #orderedProducts span.Kolor{padding:0px 40px;line-height:50px;margin:0px;}
  #pageFiltr .container2{margin-top:20px;}
}

@media screen and (max-width:600px){
  #commentForm textarea{width:500px;}
  /* COLLECTION */
  #colections .quick-slider-slide .seeColection{bottom:50px;}
  #colections .quick-slider-slide > div.imageSlider0{width:38%;margin:1%;height:350px;}
  #pagesSlider{height:350px;}

  #productsToShop #logoMoments{width:40%;right:30%;}
  #productsToShop .product{margin:5% 14%;}
  #productsToShop .product:nth-child(1), #productsToShop .product:nth-child(2){margin-top:15%;}

  #pagesSlider.main_page .photo{width:30%;}

  #products li .photo{height:auto;}
  #body.order h1 a, #body.basket-page h1 a{display:none;}

  /* BASKET */
  #orderedProducts table .price{border: 1px solid red;display:none;}
  #orderedProducts tbody th .photo{max-width:70%;}
  #page15 #socialLinks, #page16 #socialLinks{display:none;}
  #body.basket-page #summaryProducts .container{width:90%;}
  #body.basket-page #summaryProducts .submit{right:50px;}
  #body.basket-page #discountVoucher .input{float:left;width:70%;}
  #orderButtons{width:100%;margin:0px;}
  #orderButtons .buttonBlock h2{font-size:16px;}
  .order #page fieldset{padding:20px 10px;}
  .order #page #order fieldset.arrowUp{}
  #page16 #comment{width:100%}
  .order #page #order input{width:100%;text-align:center;}
  #order #vrn{width:100%;}
  .order #page #order fieldset .head{text-align:center;}
  #order #personalData #setBasic, #order #personalData #setExtend{width:100%;}
  #comment, #oShippingPayment{max-width:600px;}
  #shippingAndPayments div{padding:11px 0;}
  .order #page #additional > div#shipping .left{width:70%;}
  .order #page #order fieldset .container{width:90%;}
  .order #page #summaryProducts .submit.confirm, .order #page #summaryProducts .submit{right:0px;max-width:100%;}
  .order #page #nextStep{padding:20px;width:100%;box-sizing:border-box;}
  .order #page #nextStep input{width:auto;text-align:none;}
  .order #page #orderedProducts table{width:100%;margin:0px;}
  .order #page #additional > div .left{float:left;margin-left:10px;}
  #orderedProducts thead .name{}
  #orderedProducts tbody td.quantity, #orderedProducts thead td.quantity{width:70px;}
  .order #page #summaryProducts .container{margin:0px;}
  .order #page #summaryProducts .container #summaryPrice{margin:10px 0 0;}
  #order #invoice{width:100%;}
  #oInvoice{width:10% !important;}
  #pageSearch #searchForm{margin-top:20px;}
  #page{padding:50px 25px;}
  #pagesSlider .quick-slider{height:250px !important;}
  body.blog #pagesSlider #relatedLink{margin:0px 0 0;}
  body.blog #pagesSlider #relatedLink a{font-size:16px;}
  body.blog #pagesSlider .quick-slider .quick-slider-slide{margin-left:0px;}
  #galleryTop{margin:0 25px;}
}

@media screen and (max-width:520px){
  #productsToShop .product{margin:5% 13%;}
  #box3 .more{bottom:20px;}
  #box3 .more a{font-size:15px;}
  #product .slideButton .historyLeft, #product .slideButton .historyRight{width:100%;}
  #product .slideButton .historyRight{padding-top:0px;}
  #comment, #oShippingPayment{max-width:500px;}
  #commentForm *{max-width:400px;}
}

@media screen and (max-width:480px){
  #commentForm *{max-width:360px;}
  #content #subList3.list li .photo{width:90%;height:250px;}
  /* NEWS */
  #productsSlider{height:350px;}
  #productsSlider .title{font-size:17px;}
  #productsSlider .slide > div h2 a{font-size:12px;line-height:12px;}
  #productsToShop .product{margin:5% 12%;}

  /* COLLECTION */
  #colections .quick-slider-slide > div.imageSlider0{width:38%;margin:1%;height:348px;}
  #comment, #oShippingPayment{max-width:460px;}
  #oShippingPayment{font-size:16px;}
  #orderedProducts thead .name, #basket tbody th{max-width:120px;}
}

@media screen and (max-width:435px){
  body.blog #addComment{bottom:-30px;top:auto;}
  #pageSearch #searchForm .input{font-size:35px;}
  #productsToShop .product{margin:5% 25px;}
  #box3 .name{top:10px;}
  #box3 .more{bottom:10px;}
  #colections{height:510px !important;}
  #colectionsSlider{height:470px !important;}
  #colections .quick-slider-slide h3{padding:10px 0}
  #colections .quick-slider-slide h3 a{font-size:20px;}
  #colections .quick-slider-slide{height:410px !important;}
  #colections .quick-slider-slide > div.imageSlider0{height:206px;}
  #colections .quick-slider-slide > .imageSlider{height:100px;}

  #product .slideButton .historyLeft, #product .slideButton .historyRight, #product .slideButton .container{padding:30px 10px;}
  #product .slideButton .historyRight{padding-top:0px;}
  #comment, #oShippingPayment{max-width:415px;}
  body.blog #pagesSlider #relatedLink{font-size:14px;}
  #product .slideButton h2{font-size:18px;}
  #content h1{font-size:30px;}
  #products .sort ul{margin-left:5px}
  #products .sort li{padding:0 5px;}
  #products .sort li:first-child{padding-left:5px;}
  #commentForm{width:85%;}
  #commentForm fieldset{width:250px !important}
  #commentForm .save{text-align:left;}
  #commentForm *{max-width:320px;}
}

@media screen and (max-width:360px){
  #commentForm *{max-width:290px;}
  #productsToShop{margin-bottom:50px;}
  #productsToShop .product{margin:5% 7%;}
  #productsToShop a#linkToShop{left:10%;width:80%;}
  body.mainBlog #content h1{margin-bottom:0px;}
  #box1 .name a, #box3 .name a{font-size:24px;line-height:24px;}
  #box3 .name{top:5%;width:50%;margin:auto 25%;}
  #box3 .more{bottom:0px;}
  #productsSlider .title{font-size:14px;background:url( 'img/products_slider_left.png' ) no-repeat 3% 30px, url( 'img/products_slider_right.png' ) no-repeat 97% 30px}
  #productsSlider .slide > div h2 a{font-size:12px;}
  #comment, #oShippingPayment{max-width:340px;}
}

@media screen and (max-width:330px){
#productsSlider .slide > div h2 a{font-size:10px;}
#commentForm *{max-width:270px;}
}