/* RESPONSIVE WEB DESIGN - media queries */

@media screen and (max-width:1100px){
#head1 .container{width:100%;}
}

@media screen and (max-width:1100px){
#menuActiv a{float:right;margin:0;list-style:none; background: url(img/navigrafiQa.png) center right no-repeat transparent; width:auto; height:auto; display:block; z-index:50;position:absolute;top:15px;right:25px;cursor:pointer;padding:0 35px 0 0;text-decoration:none;color:#fff;font-family:'open_sans';text-transform:uppercase;}
#header .menu-1{display:none;}
#header .menu-1.activ{width:250px;background:#2a2a2a;display:block;z-index:9999;position:absolute;top:51px;right:15px;}
#header .menu-1.activ ul li ul{display:none;}
#header .menu-1.activ ul{width:100%;}
#header .menu-1.activ li {border:0;clear:both;width:100%;margin:0;text-align:center;border-bottom:1px solid #3b3b3b;}
#header .menu-1.activ li a {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;}


#head2 .container, #head3 .container, #head4 .container, #body .container, #foot .container, .widgets-3 > ul , .widgets-52 > ul, #content .widgets-50 > ul > li, #content .widgets-50 > ul > li#widget-5 .pages-3, #content .widgets-50 > ul > li#widget-5 .head,#content .widgets-50 > ul > li#widget-5 .pages-3, #content .widgets-50 > ul > li#widget-5 .head{width:100% !important;}
.images-51{width:846px;background-size:846px auto;min-height:740px;}
.images-51 li{margin:0 55px;width:736px;top:65px;height:470px;}
.images-51 li img{width:100%;}
#check_www{top:105px;right:30px;}

#head3 {height:auto;background:none;}
#head3 .container{height:auto;background:none;}
#slider-1 .quick-slider-slide{height:auto !important;}
#slider-1 .quick-slider-slide img{width:100% !important;height:auto !important;}
#page .NextPrev{position:absolute;bottom:inherit;top:750px;}
#page #LinkPrev.NextPrev {left:50px;}
#page #LinkNext.NextPrev {right:50px;}

.pages-7 {text-align:center;}
.pages-7 li{float:none;display:inline-block;}
}

@media screen and (max-width:900px){
#header{position:relative;}
#widget-7{display:none;}
#widget-28{clear:both;}
#widget-21, #widget-23,#widget-28, #widget-8, #widget-32{width:50%;padding:10px 5%;margin:10px 0;}
#widget-23, #widget-8{float:right;}
#page img{max-width:100%;height:auto;}
#page iframe{max-width:800px;height:auto;height:445px;}
.images-51{width:722px;background-size:722px auto;min-height:640px;}
.images-51 li{margin:0 55px;width:606px;top:60px;height:375px;}
.images-51 li img{width:100%;}
.widget-id-20{top:520px;}
#page1 .pages-1 li,#page1  .pages-2 li,#page1  .pages-3 li,#page1  .pages-list li{border:0;}
.pages-1 li, .pages-2 li, .pages-3 li, .pages-list li{background:none;border-top:1px solid #eff0f3;}
#head3 .container{overflow:visible;}
#slogan{top:-60px;color:#000;padding-left:69px;}
#page .NextPrev{top:640px;}
}

@media screen and (max-width:768px){
#page1 #search-form{width:270px;}
#search-form input[type="text"]:focus{width:70%;}
#content #widget-5 h2{clear:both;}
#content #widget-5 .image{text-align:center;margin:0 0 5px;width:100%;}
#content #widget-5 .image img{float:none;}
.designNews li{margin:20px 25px;}
#content #widget-10 h2{clear:both;}
#widget-21{width:40%;}
#widget-23{width:60%;}
.pages-14 li{clear:none;width:45%;margin:25px 0;padding:25px 0px 20px 20px;border:0px;text-align:left;height:450px;}
.pages-14{padding-bottom:60px;}
.widget.type-17, .widget.type-18{width:48%;}
#widget-25{width:31%;}
#page183 .pages-3 li {width:47% !important;}
#page iframe{width:680px;height:380px;}
#content  #widget-9 .image:hover a img{background:transparent;padding-left:0;height:auto;}
#content #widget-9 h2{display:none;}
#content  #widget-9 .image:hover + h2 a{opacity: 0;-webkit-opacity: 0;-ms-opacity: 0;-moz-opacity: 0;}
#page185 .pages-4 li{width:100% !important;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;clear:both;height:auto !important;}
#page185 .pages-4 li .image{width:100% !important;margin:0;text-align:center;}
#page185 .pages-4 li .image img{float:none;}
#page2 .pages-2 li{width:100%;box-sizing:border-box;clear:both;width:100% !important;}
.images-51{width:564px;background-size:564px auto;min-height:550px;background-position:0 -40px;}
.images-51 li{width:490px;top:40px;height:310px;margin:0 35px;}
.images-51 li img{width:100%;}
#check_www{position:static;clear:both;width:100%;text-align:center;margin-top:10px;}
.widget-id-20{top:485px;margin-left:50px;}
#page .NextPrev{top:600px;z-index:999;}
#page #LinkPrev.NextPrev {left:-5px;}
#page #LinkNext.NextPrev {right:-5px;}
#page204 #page h1{margin:120px 0 5px;}
#page204 .widget.type-4{width:100%;}

}

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

#content .widget.type-4{width:100%;}
.side-tab-widget{display:none;}
#slider-1{padding-bottom:50px;}
#slider-1 .quick-slider-slide{border-bottom:1px solid #eaeaea;}
#slider-1 .quick-slider-nav-dots-wrapper{bottom:0;top:inherit;width:100%;text-align:center;left:0;}
#slider-1 .quick-slider-nav-dots-wrapper li{display:inline-block;}
.quick-slider-nav-dots.active, .quick-slider-nav-dots:hover{background:#777;}
#page1 #body{border-top:0;}
.menu-3 ul li{display:none;}
.menu-3 ul li:first-child{display:block;margin:0 15px;}
#search-form{display:none;}
#page1 #logo{padding:35px 0 10px 10px;}
#slogan{top:-45px;}
#content #widget-9 li{width:100%;clear:both;height:300px;}
#content #widget-9 .description{top:250px;}
#content .widgets-50 .widget.type-5 ul{padding:0 0 20px;}
#page iframe{width:520px;height:300px;}
#content .widgets-50 .widget.type-5 ul > li{width:100%;clear:both;}
#content #widget-5 .image{width:auto;margin:0 2.5% 5px;}
#content #widget-5 h2{float:left;clear:none;}

#content #widget-10 h2{clear:none;}
#widget-23, #widget-21{clear:both;width:100%;}
.comments-slider time, #comments time{clear:both;float:left;margin-top:10px;}
#comments article{background:none;}

#page23 .pages-3 li{background:none;border-top:1px solid #eff0f3;}
#widget-25{float:left;position:static;width:100%;margin:10px 0 20px;}
#page h1{margin:20px 0 5px;width:100%;}
#page204 #page h1{margin:150px 0 5px;}
#page204 .widget.type-1{clear:both;width:100%;}

.images-51{width:452px;background-size:452px auto;min-height:500px;}
.images-51 li{width:398px;top:25px;height:240px;margin:0 25px;}
.images-51 li img{width:100%;}
.widget-id-20{top:465px;margin-left:90px;}

#page213 .pages-3 li{width:100% !important;clear:both;}

#widget-8{margin-bottom:0;padding-bottom:0;}
#widget-32{display:block;margin-top:0;padding-top:0;}
#widget-32 .menu-3 li:first-child{display:none;}
#widget-32 .menu-3 li{display:block;}
.pages a.pPrev, .pages a.pNext{display:none;}
}
@media screen and (max-width:480px){
	#head3{display:none;}

	.contact-panel dl{width:100%;}
	.pages-14 li{clear:both;width:90%;margin:25px 30px;padding:25px 0 20px;border:0px;text-align:left;height:380px;}
	.images-51{width:300px;background-size:300px auto;min-height:460px;background-position:0 -25px;}
	.images-51 li{width:255px;top:20px;height:160px;margin:0 20px;}
	.images-51 li img{width:100%;}
	.widget-id-20{margin-left:60px;width:245px;top:375px;}

	.images-52{width:300px;background-size:300px auto;}
	.images-52 li{width:190px;height:280px;}

	#page183 .pages-3 li{width:100% !important;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
	#page .NextPrev{top:550px;z-index:999;}
	#page iframe{width:340px;height:270px;}

	#page1 #logo{padding: 35px 0 10px 0;text-align: center;width: 100%;}
	#content .widgets-50 > ul > li#widget-5{text-align: center;}
	#content .widgets-50 > ul > li#widget-5 .image{margin: 0 auto;float: none;}
	#content .widgets-50 > ul > li#widget-5 h2{text-align: center;width: 95%;}
	#content .widgets-50 > ul > li#widget-5 div.description{text-align: center;}
	#content .widgets-50 > ul > li#widget-5 div.more{float: none;width: 100%;}
	#content .widgets-50 > ul > li#widget-5 div.more a{padding-right: 0;background: none;width: 100%;text-align: center;}

	#content #widget-10 .description{text-align: center;}

	#widget-21, #widget-23, #widget-28, #widget-8, #widget-32{width: 100%;text-align: center;}
}
@media screen and (max-width:320px){
#page iframe{width:250px;height:140px;}
.back-to-top-widget{display:none !important;}
}