/* width : 1750px ----------- */
@media only screen and (max-width : 1920px),
only screen and (max-device-width : 1920px){

	#page {max-width: 90%;}
	#footer {max-width: 90%;}
}

/* width : 1750px ----------- */
@media only screen and (max-width : 1750px),
only screen and (max-device-width : 1750px){

	div#box-grid div.box-question p.patients_rights_info {margin:5% 0 0 0;padding:5% 10px 10px 10px;}
}

/* width : 1600px ----------- */
@media only screen and (max-width : 1600px),
only screen and (max-device-width : 1600px){

	div#box-grid div.box-question p.patients_rights_info {margin:2% 0 0 0;padding:2% 10px 10px 10px;}
}

/* width : 1560px ----------- */
@media only screen and (max-width : 1560px),
only screen and (max-device-width : 1560px){

	/*div#box-grid div.box-question p {display:none;}*/
	div#box-grid div.box-question p.green-box {display:block;margin:5px 0px;}
	div#box-grid div.box-question p.bottom-txt {display:block;}
	/*div#box-grid div.box-question ul {display:none;}*/
	/*div#box-grid div.box-question a {margin:10px auto 0px;padding:5px;width:150px;float:none;}*/
	div#box-grid div.box-question p.bottom-txt span {display:block;}
	/*div#box-grid div.box-question p.ask_pharmacist {display:block;color:#008b78;font-size:15px;}*/
	
}


/* width : 1350px ----------- */
@media only screen and (max-width : 1350px),
only screen and (max-device-width : 1350px){

	div#box-grid div.box-question p.green-box {padding:5px;}
	/*div#box-grid div.box-question a {margin:5px auto 0px;}*/
	div#box-grid div.box-question img {width:70px;}
	div#box-grid div.box-question p.bottom-txt {padding:5px;}
	div#box-grid div.box-question p.bottom-txt a#patient-rights {margin:25px auto 0px;}
	div#box-grid div.box-question p.bottom-txt a {margin:5px auto;}

}

/* width : 1200px ----------- */
@media only screen and (max-width : 1200px),
only screen and (max-device-width : 1200px){

	div#menu-bottom h1 {font-size:17px;}
	div#menu-bottom ul li a {font-size:17px;line-height:20px;}
	div#box-grid div.bottom-text {height:60px;}
	div#box-grid div.bottom-text h4 {font-size:14px;padding:5px 10px;line-height:18px;}
	div.webshop-products ul {text-align:center;}
    div.webshop-products ul li {text-align:left;}

    .bx-wrapper .bx-caption {height:60px !important;}
    div#box-grid .bx-wrapper h4 {padding:0px !important;}
    .bx-caption p {display:none !important;}

    div#box-grid div.text {padding:8px;}
    p.big {bottom:3%;}
    ul.list {padding:0px 0px 10px 0px;font-size:10px;}

    div#box-grid div.box-question img {width:45px;}
    div#box-grid div.box-question p.bottom-txt a#patient-rights {margin:2px auto 0px;}
    div#box-grid div.box-question p.green-box {font-size:10px;line-height:12px;}
    div#box-grid div.box-question a {margin:0px auto;}
}


/* width : 1160px ----------- */
@media only screen and (max-width : 1160px),
only screen and (max-device-width : 1160px){

	/*div#box-grid div.box-question p.ask_pharmacist {padding:10px 10px 0px 10px !important;}*/
	#page {max-width: 95%;}
	#page-ls {padding: 0px 300px 0px 0px;}
	#footer {max-width: 95%;}
}


/* width : 1120px ----------- */
@media only screen and (max-width : 1170px),
only screen and (max-device-width : 1170px){

	nav#menu ul li a, nav#menu ul li span {padding: 0px 12px;}	
}


/* width : 1100px ----------- */
@media only screen and (max-width : 1100px),
only screen and (max-device-width : 1100px){

	nav#menu ul li a, nav#menu ul li span {padding: 0px 7px;}
	#logo {padding: 10px 0px 10px 10px;}
}


/* width : 1023px ----------- */
@media only screen and (max-width : 1015px),
only screen and (max-device-width : 1015px){

	#head {max-height:95px;height:100%;}
    nav#menu {position:relative;width:230px;margin:25px 10px 0px 0px;}    
    nav#menu div.menu-headline {display:block;line-height:22px;float:right;width:230px;text-align:left;background:url(../gfx/opacity-w76.png) repeat top left;padding:10px 0px;}
    nav#menu div.menu-headline img {margin:5px 15px;float:left;}
    /*nav#menu div.menu-headline span {background:url(../gfx/arrow-grey.png) no-repeat right center;padding:0px 25px 0px 0px;width:150px;float:left;}*/
    nav#menu div.menu-headline span {padding:0px;width:165px;float:left;}
    /*nav#menu div.menu-headline span:hover {background:url(../gfx/arrow-red.png) no-repeat right center;}*/
    nav#menu ul {display:none;position:absolute;right:0;top:70px;background:#fff;opacity:0.95;filter: alpha(opacity=95);height:auto;z-index:999;}
    /*nav#menu ul {display:none;position:absolute;right:0;top:70px;background:url(../gfx/opacity-w76.png) repeat top left;height:auto;z-index:999;}*/
    nav#menu ul li {display:block;float:left;width:100%;}
    nav#menu ul li ul.submenu {display:block;position:relative;top:0;left:0;float:left;padding:0px 10px 0px 20px;background:none;min-width:200px;width:auto !important;width:200px;}
    nav#menu ul li a, nav#menu ul li span {display:block;padding:5px 10px;}
    nav#menu ul li ul.submenu li {}
    nav#menu ul li ul.submenu li a {}

    /*div#menu-banner-top ul li:last-child {display:none;}
    div#menu-banner-top a {width:150px;}*/

    div#menu-banner-top {float:left;margin:0px 5px 0px 10px;position:absolute;top:130px;left:52px;}
	div#menu-banner-top a {width:180px;}
	div#menu-banner-top ul {position:absolute;top:0px;left:0;}

    div#menu-bottom li.box-hover p {font-size:10px;line-height:15px;padding:5px;}

    div#box-grid div.box {width:32%;display:inline-block !important;vertical-align:top;float:none;margin:0px 0.1% 5px 0.1%;}
    /*div#menu-bottom li.box-hover p {height:55px;overflow:hidden;display:block;}*/

    #page {/*padding:0px 1%;*/max-width: inherit;padding: 0px 10px;}
    #page-rs {position:absolute;top:0px;right:0;padding:0;}
    #page-rs h3 {text-align:right;padding:0px 5px 0px 30px;position:relative;float:right;}
    #page-ls {padding:0;}
    /*div.padd-products {padding:0px 0px 125px 0px !important;}*/
    ul.slider-news {background:#fff;position:absolute;/*top:15px;*/top: 25px;right:0;display:none;}
    #show-cat-details {display:block;background:url(../gfx/menu-icon.png) no-repeat left 5px;cursor:pointer;float:left;height:20px;position:absolute;top:0;left:0;right:0;}
    .slimScrollDiv {width:271px !important;}

    div#box-grid div.box-question img {width:70px;}
	/*div#box-grid div.box-question p.bottom-txt a#patient-rights {margin:25px auto 0px;}*/
	div#box-grid div.box-question p.green-box {font-size:12px;line-height:15px;}
	div#box-grid div.box-question p.bottom-txt {padding:5px 5px 5px 70px;}
	div#box-grid div.box-question a {margin:5px auto;}

	#footer {font-size: 12px;}
}

/* width : 930px ----------- */
@media only screen and (max-width : 930px),
only screen and (max-device-width : 930px){

	#footer {max-width: inherit;padding: 0px 10px;text-align: center;}
	#footer a.mf, #footer a.mf:hover {float: none;clear: both;margin: 10px auto;max-width: 100px;display: block;}
	#footer div {display: block;clear: both;text-align: center;}
	#footer a {float: none;display: inline-block;}
}


/* width : 770px ----------- */
@media only screen and (max-width : 770px),
only screen and (max-device-width : 770px){

	div#menu-bottom ul li a {font-size:14px;}
	div.badge {height:130px;width:130px;font-size:14px;}
	div.badge a span {font-size:20px;}
	div.badge a {background-size:130px auto;font-size:14px;padding:10px;}
	div.badge a span.price {font-size:12px;background-size:22px auto;/*background-position:left 8px;*/padding:3px 0px 0px 25px;margin:0;}
	div.badge a span#basket-total-count {font-size:14px;line-height:15px;}
	/*div#menu-bottom ul {height:55px;position:absolute;left:0;right:0;bottom:0;}*/
	div#menu-bottom ul {height:50px;display:table;vertical-align:bottom;width:100%;}
	div#menu-bottom h1 {font-size:14px;}
	div#menu-bottom li.box-hover {background:#b8eee7;}
	div#menu-bottom li.box-hover h1 {display:table-cell;color:#008d77;}
	div#menu-bottom li.box-hover p {display:none;}
	/*div#menu-bottom li.box-hover a.link {background:none;color:#b1b1b1;}*/

	/*div#menu-banner-top {float:left;margin:0px 5px 0px 10px;position:absolute;top:130px;left:52px;}
	div#menu-banner-top a {width:180px;}
	div#menu-banner-top ul {position:absolute;top:0px;left:0;}*/

	div#box-grid div.bottom-text {height:50px;}
	div#box-grid div.bottom-text h4 {font-size:12px;padding:5px;}
	div#box-grid div.box {width:49%;}

	#footer {margin:15px 0px;}
	#footer a, #footer a:first-child {margin: 10px;}
}

/* width : 670px ----------- */
@media only screen and (max-width : 670px),
only screen and (max-device-width : 670px){

	nav#menu {width:auto;}
	nav#menu div.menu-headline {width:50px;}
    nav#menu div.menu-headline span {display:none;}
    nav#menu ul {width:230px;}
    div#menu-bottom a.menu-bottom-headline {display:block;background:url(../gfx/opacity-w54.png) repeat top left;height:50px;line-height:50px;text-align:center;}
    div#menu-bottom a.menu-bottom-headline:hover {background:url(../gfx/opacity-w76.png) repeat top left;}
    /*div#menu-bottom ul {position:absolute;top:53px;left:0;z-index:99999;}*/
    div#menu-bottom ul {position:fixed;top:112px;left:0;right:0;margin:0px auto;z-index:99999;width:80%;display:none;
    	-moz-box-shadow: 0px 0px 5px 0px #999;
    	-webkit-box-shadow: 0px 0px 5px 0px #999;
    	box-shadow: 0px 0px 5px 0px #999;}
    div#menu-bottom ul li {display:block;clear:both;width:100%;text-align:left;margin:0px;background:#fff;opacity:0.95;filter: alpha(opacity=95);border-bottom:1px solid #eee;height:auto;}
    div#menu-bottom ul li a {display:block;padding:5px;text-align:left;}

	div#menu-banner-top a.menu-banner-headline {display:block;}
    div#menu-banner-top ul {position:fixed;top:112px;left:0;right:0;margin:0px auto;z-index:99999;width:80%;font-size:14px;font-weight:300;display:none;
    	-moz-box-shadow: 0px 0px 5px 0px #999;
    	-webkit-box-shadow: 0px 0px 5px 0px #999;
    	box-shadow: 0px 0px 5px 0px #999;}
    div#menu-banner-top ul li {display:block;clear:both;width:100%;text-align:left;margin:0px;background:#fff;opacity:0.95;filter: alpha(opacity=95);border-bottom:1px solid #eee;}
    div#menu-banner-top ul li a {display:block;padding:5px 1%;text-align:left;margin:0;width:98%;height:auto;line-height:20px;}
    div#menu-banner-top ul li a:hover {color:#008d77;background:#b8eee7;}
    div#menu-banner-top ul li a img {position:relative;left:0;padding:0px 5px 0px 0px;float:left}

    #header {min-height:315px !important;}
    .cbp-bislideshow {height:315px !important;}
    .cbp-bislideshow li {height:315px !important;}

    /*div.padd-products {padding:0px !important;}*/
    div.product-details {float:left;clear:both;}
    div.product-details p {padding:5px 0px 5px 0px;}
    img.img {width:120px;}
    div.price {margin-top:-190px;width:145px;}
    #add-product {width:75px;padding-right:20px;}
    div.basket {margin:5px 0px;}
    div.basket div.product-no {width:35px;}
    img.arrow {margin:4px 5px 0px 0px;}

    table.tbl-basket td {display:block;height:25px;}
    table.tbl-basket td.picture {float:left;height:48px;border:0px;}
    table.tbl-basket td.products {float:left;clear:right;height:23px;padding:30px 0px 5px 0px;border:0px;}
    table.tbl-basket td.price {float:left;}
    table.tbl-basket td.price-add {float:left;}
    table.tbl-basket td.delete {float:left;}
    table.tbl-basket td.delete a {margin:6px 0px 0px 0px;}
    table.tbl-basket td.pr-1 {clear:left;}

    div#basket-page div.headline-basket a {width:42%;}
    div#basket-page div.headline-basket a:nth-child(2n+1) {clear:left;}

    div.results-articles {padding:40px 0px 0px 0px;width:100%;float:left;}
    div.results-products {width:100%;float:left;}

    div#popup div.popup-content {width:88%;padding:5%;}    
}


/* width : 560px ----------- */
@media only screen and (max-width : 560px),
only screen and (max-device-width : 560px){

	.simbols-position {width:40% !important;}

	.main-image.article-image {margin: 5px 10px 5px 0px;width: 40%;}
}


/* width : 460px ----------- */
@media only screen and (max-width : 460px),
only screen and (max-device-width : 460px){

	#logo {width:74%;padding:10px 0px 10px 10px;}
	div#menu-banner-top {left:0;}
	#gkToolbar {position:absolute;top:19%;left:50%;height:30px;width:82px;overflow:hidden;}
	.gkFb, .gkYoutube {height:40px;line-height:40px;width:40px;float:left;clear:none;}
	.gkFb {margin:-10px 0px 0px -10px;}
	.gkYoutube {margin:-10px 0px 0px 0px;width:52px;}
	div#menu-bottom ul {width:93%;}
	div#menu-banner-top ul {width:95%;}
	div#box-grid div.box {width:375px;display:block !important;margin:0px auto 5px;}

	div.product-gallery {text-align:center;float:none;}
    div.product-gallery img {float:none;}

    div#basket-page div.headline-basket a {float:none;display:block;width:auto;}

    div#popup div.popup-content {padding:2%;}
    table.tbl-contact td {display:block;}
    .simbols-position {clear:both;margin:10px 10px 0px 0px !important;}
    a.captcha {padding:10px 0px 0px 0px;}

    #footer div {display: none;}
}

/* width : 370px ----------- */
@media only screen and (max-width : 395px),
only screen and (max-device-width : 395px){

	div#box-grid div.box {width:90%;}
}


/* width : 370px ----------- */
@media only screen and (max-width : 370px),
only screen and (max-device-width : 370px){

	div.badge {width:100px;height:100px;font-size:12px;margin:0px;position:absolute;top:210px;right:10px;}
	div.badge a {background-size:100px auto;font-size:12px;padding:0px 10px;}
	div.badge a span {font-size:15px;padding:0px;}
	div.badge a span.price {background-size:18px auto;font-size:9px;padding:0px 0px 0px 15px;}
	div.badge a span#basket-total-count {font-size:12px;}

	div#menu-banner-top {top:130px;}
	div#menu-bottom {width:180px;left:10px;bottom:95px;border-bottom:0px;}
	div#menu-bottom a.menu-bottom-headline {height:40px;line-height:40px;}

	table.tbl-basket td.picture {width:45px;}
	/*table.tbl-basket td.products {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px;}*/
	table.tbl-basket td.price {width:85px;}
	table.tbl-basket td.price span {padding:0px 5px;}
	table.tbl-basket td.price-add {width:75px;padding:5px;}
	table.tbl-basket td.price-add span.quantity {min-width:60px;}
	table.tbl-basket td.delete {padding:5px;width:15px;}
	/*table.tbl-basket td {float:none !important;width:auto !important;border:0 !important;}
	table.tbl-basket td.products {padding:5px 0px;}
	table.tbl-basket td.price {text-align:left;}
	table.tbl-basket td.price span {border:0px;padding:0px;}
	table.tbl-basket td.price-add {padding:5px 0px;}
	table.tbl-basket td.delete {border-bottom:1px solid #eee !important;}*/
	
}

/* width : 290px ----------- */
@media only screen and (max-width : 290px),
only screen and (max-device-width : 290px){

	#logo {width:65%;}
	nav#menu {margin:10px 5px 0px 0px;}
	div#menu-banner-top a {height:35px;line-height:35px;}
	div#menu-bottom {bottom:105px;}
	div#menu-bottom a.menu-bottom-headline {height:35px;line-height:35px;}
	div.badge {right:5px;}
	div.price {clear:both;float:none;display:block;margin:0px auto;}
	.ws-img {display:block;text-align:center;width:100%;}
	img.img {float:none;display:inline-block;margin:5px auto;text-align:center;}
	ul.slider-news {width:200px;}
	ul.slider-news li a {width:180px;}

	table.tbl-basket td.products {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:170px;}
	table.tbl-basket td.delete {float:right;border:0px;}
}


/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
       
    #page-ls {margin:0px 280px 0px 0px;padding:0px;}
    div#menu-bottom ul {margin:0px 0px 0px 0.2%;}

    div.webshop-products ul {text-align:center;}
    div.webshop-products ul li {text-align:left;}

    div#box-grid div.text {padding:20px 10px;}
    ul.list {font-size:12px;padding:0px 0px 30px 0px;}
    p.big {bottom:5%;}

    /*div#box-grid div.box-question p {display:block;}
    div#box-grid div.box-question ul {display:block;}
    div#box-grid div.box-question p.green-box {padding:10px;}
    div#box-grid div.box-question p.ask_pharmacist {display:none !important;}
    div#box-grid div.box-question p.bottom-txt span {display:none !important;}
    div#box-grid div.box-question a {float:left !important;margin:5px 1% !important;width:43%;}*/

    /*div#box-grid div.box-question p.green-box {padding:10px;}
	div#box-grid div.box-question a {margin:10px auto 0px;}
	div#box-grid div.box-question img {width:83px;}
	div#box-grid div.box-question p.bottom-txt {padding:20px 10px;}
	div#box-grid div.box-question p.bottom-txt a#patient-rights {margin:70px auto 0px;}
	div#box-grid div.box-question p.bottom-txt a {margin:5px auto;}*/
   
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {

	#page-rs {padding:15px 0px 0px 0px;}
	nav#menu {width:auto;margin:0px 10px 0px 0px;}
	nav#menu .menu-headline {display:none !important;}
	nav#menu ul {display:block;position:relative;height:95px;top:0;background:none;}
	nav#menu ul li {display:table;width:auto;}
	nav#menu ul li a {display:table-cell;padding:0px 12px !important;}
	nav#menu ul li ul.submenu {background:#fff;display:none;height:auto;left:0;min-width:200px;padding:10px;position:absolute;top:95px;width: auto !important;}
	nav#menu ul li ul.submenu li a {padding:5px 5px 2px 5px !important;}
	nav#menu ul li a, nav#menu ul li span {display:table-cell;padding:0px 17px;}

	div#menu-banner-top {float:right;margin:0px 5px 0px 0px !important;position:relative;top:0;right:0;left:auto;}
	div#menu-banner-top ul {position:relative;}
	div#menu-banner-top ul li:last-child {display:block;}

    div#box-grid div.box {width:32%;}
    /*div#box-grid div.box-question p.patients_rights_info {margin:5% 0 0 0;padding:5% 10px 10px 10px;}*/

    #show-cat-details {display:none;}
    #page-rs h3 {padding:0px 5px 15px 5px;text-align:left;float:none;}
    ul.slider-news {position:relative;display:block;top:0px;}
          
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {

    #page-ls {padding:0px;width:100%;}
    div#menu-bottom li {margin:0px 0.2%;width:19.7%;}
    /*div#box-grid div.box-question p.patients_rights_info {margin:10% 0 0 0;padding:10% 10px 10px 10px;}*/
    
}

@media (-webkit-min-device-pixel-ratio: 1) and (max-device-width: 1024px) and (orientation : landscape)
{

    
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) { 
    


}



@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : landscape) { 



}


@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : portrait) { 

    
}




@media only screen and (max-width : 260px),
only screen and (max-device-width : 260px){

}
