/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2015-10-11, 20:34:00
    Author     : solenzo
*/

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
/* Styles */

}

/* Smartphones (landscape) ----------- */
@media only screen and (min-device-width: 321px) and (max-device-width: 640px) {
/* Styles */

}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
/* Styles */


}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
/* Styles */

  

}

/**********
iPad 3
**********/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}
/* Desktops and laptops ----------- */
@media only screen  and (min-width : 1224px) {
/* Styles */
.banner_arrow_back img{margin-right:20px;}

}

/* Large screens ----------- */
@media only screen  and (min-width : 1824px) {
/* Styles */
.banner_arrow_back img{margin-right:20px;}

}

@media only screen and (orientation : landscape) and (-webkit-device-pixel-ratio : 4){
.box_banner .banner_photo::after {background-size:auto 100px;bottom:26px;right:0px;background-repeat:no-repeat;}
.boxes_banners .box_banner .banner_photo{padding-right:25px;padding-bottom:50px}
.boxes_banners .box_banner div.content .banner_title{font-size:1.9rem}
.boxes_banners_container .rekrutacja{bottom:-30px;}
.boxes_banners .box_banner div.content{padding-right:15px}
.boxes_banners_container{padding-bottom:30px}
.boxes_banners .box_banner .banner_photo img{max-height:200px;}
}
@media only screen and (orientation : portrait) and (-webkit-device-pixel-ratio : 4){
.boxes_banners .box_banner .banner_photo{width:100%;border:0px solid green;padding-right:25px;padding-bottom:50px}
.box_banner .banner_photo::after {background-size:auto 100px;bottom:26px;right:0px;background-repeat:no-repeat;}
.boxes_banners .box_banner .banner_photo img{max-width:100%;max-height:200px}
.boxes_banners_container .rekrutacja{position:relative;float:left;top:auto;bottom:auto;margin-top:20px;left:auto;right:auto;}
.boxes_banners_container{padding-bottom:30px}
.boxes_banners .box_banner .information{width:100%;position:relative;float:left;}

.boxes_banners .box_banner div.content .banner_title *{font-size:1.9rem}
.boxes_banners .box_banner div.content{padding-left:20px;padding-right:20px;}

}

@media only screen and (orientation : landscape) and (-webkit-device-pixel-ratio : 3.5){
.box_banner .banner_photo::after {background-size:auto 100px;bottom:26px;right:0px;background-repeat:no-repeat;}
.boxes_banners .box_banner .banner_photo{padding-right:25px;padding-bottom:50px}
.boxes_banners .box_banner div.content .banner_title{font-size:1.9rem}
.boxes_banners_container .rekrutacja{bottom:-30px;}
.boxes_banners .box_banner div.content{padding-right:15px}
.boxes_banners_container{padding-bottom:30px}
.boxes_banners .box_banner .banner_photo img{max-height:200px;}
}
@media only screen and (orientation : portrait) and (-webkit-device-pixel-ratio : 3.5){
.boxes_banners .box_banner .banner_photo{width:100%;border:0px solid green;padding-right:25px;padding-bottom:50px}
.box_banner .banner_photo::after {background-size:auto 100px;bottom:26px;right:0px;background-repeat:no-repeat;}
.boxes_banners .box_banner .banner_photo img{max-width:100%;max-height:200px}
.boxes_banners_container .rekrutacja{position:relative;float:left;top:auto;bottom:auto;margin-top:20px;left:auto;right:auto;}
.boxes_banners_container{padding-bottom:30px}
.boxes_banners .box_banner .information{width:100%;position:relative;float:left;}

.boxes_banners .box_banner div.content .banner_title *{font-size:1.9rem}
.boxes_banners .box_banner div.content{padding-left:20px;padding-right:20px;}
}

@media only screen and (orientation : landscape) and (-webkit-device-pixel-ratio : 3){
.box_banner .banner_photo::after {background-size:auto 100px;bottom:26px;right:0px;background-repeat:no-repeat;}
.boxes_banners .box_banner .banner_photo{padding-right:25px;padding-bottom:50px}
.boxes_banners .box_banner div.content .banner_title{font-size:1.9rem}
.boxes_banners .box_banner div.content{padding-right:15px}
.boxes_banners_container .rekrutacja{bottom:-30px;}
.boxes_banners_container{padding-bottom:30px}
.boxes_banners .box_banner .banner_photo img{max-height:200px;}
}
@media only screen and (orientation : portrait) and (-webkit-device-pixel-ratio : 3){
.boxes_banners .box_banner .banner_photo{width:100%;border:0px solid green;padding-right:25px;padding-bottom:50px}
.box_banner .banner_photo::after {background-size:auto 100px;bottom:26px;right:0px;background-repeat:no-repeat;}
.boxes_banners .box_banner .banner_photo img{max-width:100%;max-height:200px}
.boxes_banners_container .rekrutacja{position:relative;float:left;top:auto;bottom:auto;margin-top:20px;left:auto;right:auto;}
.boxes_banners_container{padding-bottom:30px}
.boxes_banners .box_banner .information{width:100%;position:relative;float:left;}

.boxes_banners .box_banner div.content .banner_title *{font-size:1.9rem}
.boxes_banners .box_banner div.content{padding-left:20px;padding-right:20px;}
}

@media only screen and (orientation : landscape) and (-webkit-device-pixel-ratio : 2){
.box_banner .banner_photo::after {background-size:auto 100px;bottom:26px;right:0px;background-repeat:no-repeat;}
.boxes_banners .box_banner .banner_photo{padding-right:25px;padding-bottom:50px}
.boxes_banners .box_banner div.content .banner_title{font-size:1.9rem}
.boxes_banners .box_banner div.content{padding-right:15px}
.boxes_banners_container .rekrutacja{bottom:-30px;}
.boxes_banners_container{padding-bottom:30px}
.boxes_banners .box_banner .banner_photo img{max-height:200px;}

}
@media only screen and (orientation : portrait) and (-webkit-device-pixel-ratio : 2){
.boxes_banners .box_banner .banner_photo{width:100%;border:0px solid green;padding-right:25px;padding-bottom:50px}
.box_banner .banner_photo::after {background-size:auto 100px;bottom:26px;right:0px;background-repeat:no-repeat;}
.boxes_banners .box_banner .banner_photo img{max-width:100%;max-height:200px}
.boxes_banners_container .rekrutacja{position:relative;float:left;top:auto;bottom:auto;margin-top:20px;left:auto;right:auto;}
.boxes_banners_container{padding-bottom:30px}
.boxes_banners .box_banner .information{width:100%;position:relative;float:left;}

.boxes_banners .box_banner div.content .banner_title *{font-size:1.9rem}
.boxes_banners .box_banner div.content{padding-left:20px;padding-right:20px;}
}

@media only screen and (orientation : landscape) and (-webkit-device-pixel-ratio : 2.625){
.box_banner .banner_photo::after {background-size:auto 100px;bottom:26px;right:0px;background-repeat:no-repeat;}
.boxes_banners .box_banner .banner_photo{padding-right:25px;padding-bottom:50px}
.boxes_banners .box_banner div.content{padding-right:15px}
.boxes_banners .box_banner div.content .banner_title{font-size:1.9rem}
.boxes_banners_container .rekrutacja{bottom:-30px;}
.boxes_banners_container{padding-bottom:30px}
.boxes_banners .box_banner .banner_photo img{max-height:200px;}
}
@media only screen and (orientation : portrait) and (-webkit-device-pixel-ratio : 2.625){
.boxes_banners .box_banner .banner_photo{width:100%;border:0px solid green;padding-right:25px;padding-bottom:50px}
.box_banner .banner_photo::after {background-size:auto 100px;bottom:26px;right:0px;background-repeat:no-repeat;}
.boxes_banners .box_banner .banner_photo img{max-width:100%;max-height:200px}
.boxes_banners_container .rekrutacja{position:relative;float:left;top:auto;bottom:auto;margin-top:20px;left:auto;right:auto;}
.boxes_banners_container{padding-bottom:30px}
.boxes_banners .box_banner .information{width:100%;position:relative;float:left;}

.boxes_banners .box_banner div.content .banner_title *{font-size:1.9rem}
.boxes_banners .box_banner div.content{padding-left:20px;padding-right:20px;}
}


@media only screen and (orientation : landscape) and (-webkit-device-pixel-ratio : 2.75){
.box_banner .banner_photo::after {background-size:auto 100px;bottom:26px;right:0px;background-repeat:no-repeat;}
.boxes_banners .box_banner .banner_photo{padding-right:25px;padding-bottom:50px}
.boxes_banners .box_banner div.content{padding-right:15px}
.boxes_banners .box_banner div.content .banner_title{font-size:1.9rem}
.boxes_banners_container .rekrutacja{bottom:-30px;}
.boxes_banners_container{padding-bottom:30px}
.boxes_banners .box_banner .banner_photo img{max-height:200px;}

}
@media only screen and (orientation : portrait) and (-webkit-device-pixel-ratio : 2.75){
.boxes_banners .box_banner .banner_photo{width:100%;border:0px solid green;padding-right:25px;padding-bottom:50px}
.box_banner .banner_photo::after {background-size:auto 100px;bottom:26px;right:0px;background-repeat:no-repeat;}
.boxes_banners .box_banner .banner_photo img{max-width:100%;max-height:200px}
.boxes_banners_container .rekrutacja{position:relative;float:left;top:auto;bottom:auto;margin-top:20px;left:auto;right:auto;}
.boxes_banners_container{padding-bottom:30px}
.boxes_banners .box_banner .information{width:100%;position:relative;float:left;}

.boxes_banners .box_banner div.content .banner_title{width:100%;}
.boxes_banners .box_banner div.content .banner_title *{font-size:1.9rem;}
.boxes_banners .box_banner div.content{padding-left:20px;padding-right:20px;}
}



@media only screen and (orientation : landscape) and (-webkit-device-pixel-ratio : 3.75){
.box_banner .banner_photo::after {background-size:auto 100px;bottom:26px;right:0px;background-repeat:no-repeat;}
.boxes_banners .box_banner .banner_photo{padding-right:25px;padding-bottom:50px}
.boxes_banners .box_banner div.content .banner_title{font-size:1.9rem;}
.boxes_banners_container .rekrutacja{bottom:-30px;}
.boxes_banners .box_banner div.content{padding-right:15px}
.boxes_banners_container{padding-bottom:30px}
.boxes_banners .box_banner .banner_photo img{max-height:200px;}
}
@media only screen and (orientation : portrait) and (-webkit-device-pixel-ratio : 3.75){
.boxes_banners .box_banner .banner_photo{width:100%;border:0px solid green;padding-right:25px;padding-bottom:50px}
.box_banner .banner_photo::after {background-size:auto 100px;bottom:26px;right:0px;background-repeat:no-repeat;}
.boxes_banners .box_banner .banner_photo img{max-width:100%;max-height:200px}
.boxes_banners_container .rekrutacja{position:relative;float:left;top:auto;bottom:auto;margin-top:20px;left:auto;right:auto;}
.boxes_banners_container{padding-bottom:30px}
.boxes_banners .box_banner .information{width:100%;position:relative;float:left;}

.boxes_banners .box_banner div.content .banner_title *{font-size:1.9rem}
.boxes_banners .box_banner div.content{padding-left:20px;padding-right:20px;}
}

@media only screen and (orientation : landscape) and (-webkit-device-pixel-ratio : 1.5){
.box_banner .banner_photo::after {background-size:auto 100px;bottom:26px;right:0px;background-repeat:no-repeat;}
.boxes_banners .box_banner .banner_photo{padding-right:25px;padding-bottom:50px}
.boxes_banners .box_banner div.content .banner_title{font-size:1.9rem}
.boxes_banners_container .rekrutacja{bottom:-30px;}
.boxes_banners .box_banner div.content{padding-right:15px}
.boxes_banners_container{padding-bottom:30px}
.boxes_banners .box_banner .banner_photo img{max-height:200px;}
}
@media only screen and (orientation : portrait) and (-webkit-device-pixel-ratio : 1.5){
.boxes_banners .box_banner .banner_photo{width:100%;border:0px solid green;padding-right:25px;padding-bottom:50px}
.box_banner .banner_photo::after {background-size:auto 100px;bottom:26px;right:0px;background-repeat:no-repeat;}
.boxes_banners .box_banner .banner_photo img{max-width:100%;max-height:200px}
.boxes_banners_container .rekrutacja{position:relative;float:left;top:auto;bottom:auto;margin-top:20px;left:auto;right:auto;}
.boxes_banners_container{padding-bottom:30px}
.boxes_banners .box_banner .information{width:100%;position:relative;float:left;}

.boxes_banners .box_banner div.content .banner_title *{font-size:1.9rem}
.boxes_banners .box_banner div.content{padding-left:20px;padding-right:20px;}
}

/* Portrait*/
@media only screen and (min-width: 834px) and (orientation: portrait) { /* Your Styles... */ 

}    


/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
/* Styles */
.box_banner .banner_photo::after {background-size:auto 100px;right:0px;background-repeat:no-repeat;}
.boxes_banners .box_banner .banner_photo{padding-right:25px;padding-bottom:50px}
.boxes_banners .box_banner div.content .banner_title{font-size:1.9rem}
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
/* Styles */ 
.boxes_banners .box_banner .banner_photo{position:relative;float:left;width:50%;box-sizing:border-box;height:auto;border:0px solid red;background-size:auto 100%;background-position:right center;background-repeat:no-repeat;padding-left:0px;padding-right:15px;padding-bottom:50px;}
.boxes_banners .box_banner .banner_photo.auto_height{height:400px;}
.boxes_banners .box_banner .banner_photo img{position:relative;float:right;width:auto;max-width:100%;max-height:400px;}
.information{width:50%;padding-left:100px;}

.box_banner .banner_photo:after{content:'';position:absolute;top:0;bottom:26px;left:0;right:-10px;border:0px solid red;background-image:url('../../../img/shop/banner_grafika.svg');background-position:bottom right;background-repeat:no-repeat;background-size:auto 100px}

}


/* Desktops and laptops ----------- */
@media only screen  and (min-width : 1224px) {
/* Styles */

.boxes_banners .box_banner .banner_photo{position:relative;float:left;box-sizing:border-box;height:auto;border:0px solid red;background-size:auto 100%;background-position:right center;background-repeat:no-repeat;padding-left:0px;padding-right:15px;padding-bottom:100px;}
.boxes_banners .box_banner .banner_photo.auto_height{height:400px;}
.boxes_banners .box_banner .banner_photo img{position:relative;float:right;width:auto;max-width:100%;max-height:400px;}
.box_banner .banner_photo:after{content:'';position:absolute;top:0;bottom:52px;left:0;right:-34px;border:0px solid red;background-image:url('../../../img/shop/banner_grafika.svg');background-position:bottom right;background-repeat:no-repeat;background-size:auto 200px}
.boxes_banners .box_banner div.content .banner_title {position:relative;font-weight:700;font-size:4rem;line-height:1.2;padding-top:30px;color:var(--main-font-color);}

.boxes_banners_container .rekrutacja{bottom:60px;}
.boxes_banners_container{padding-bottom:0px}
.boxes_banners .box_banner div.content{padding-right:40px;}
}

/* Large screens ----------- */
@media only screen  and (min-width : 1824px) {
/* Styles */

.boxes_banners .box_banner .banner_photo{position:relative;float:left;box-sizing:border-box;height:auto;border:0px solid red;background-size:auto 100%;background-position:right center;background-repeat:no-repeat;padding-left:0px;padding-right:15px;padding-bottom:100px;}
.boxes_banners .box_banner .banner_photo.auto_height{height:400px;}
.boxes_banners .box_banner .banner_photo img{position:relative;float:right;width:auto;max-width:100%;max-height:400px;}
.box_banner .banner_photo:after{content:'';position:absolute;top:0;bottom:52px;left:0;right:-34px;border:0px solid red;background-image:url('../../../img/shop/banner_grafika.svg');background-position:bottom right;background-repeat:no-repeat;background-size:auto 200px}
.boxes_banners .box_banner div.content .banner_title {position:relative;font-weight:700;font-size:4rem;line-height:1.2;padding-top:30px;color:var(--main-font-color);}

.boxes_banners_container .rekrutacja{bottom:60px;}
.boxes_banners_container{padding-bottom:0px}
.boxes_banners .box_banner div.content{padding-right:40px;}

}