/*
  full hd: 1920px x 1080
  laptop most popular is: 1366 x 768
  -> max desktop is: 1280px x 800

*/

  /* >=1200 px */

/*
  @media only screen and (min-width: 1080px ) {
      .header_button {
          border:0px;
          margin:0px;
          padding:0px;
          width:auto;
      }
      .mobile_menu_list {
          display:none;
      }
      .search_wrapper {
          top:-4px;
          right:40px;
      }
      
  }
*/





@media only screen and (min-width: 1200px ) {  /* ( min-width:640px ) and  */
    .stickyMenu .header  {
		display:none;
	}
}
                                      


/* MOBILE <1080px */

/*  */   


/* =========================================================================
============================================================================
============================================================================
============================================================================
============================================================================
============================================================================
============================================================================
==========                                                      ============
==========   STYLE MOD FOR SCREEN WIDTH >=640 px AND <1080 px   ============
==========                                                      ============
============================================================================
============================================================================
============================================================================
============================================================================
============================================================================
==========================================================================*/

@media only screen and (max-width: 1200px ) {  /* ( min-width:640px ) and  */
    body, html {
        font-size:14pt;
    }
    .groupPlaceholder {
        display:none;
    }
    #ibox_wrapper {
    }
    #ibox_wrapper .item {
        max-height:460px; /* using font scaling = different size on smartphone and tablet*/
    }

    .desktop {
        display:block !important;
    }
    .mobile {
        display:none !important;
    }
    .siteWidth {
        width:100%;
        /*min-width: 640px; 
        max-width: 920px;
        */
        min-width: unset;
        padding:0em 2em;
    }

    .wrapper_subpage_title {
        padding-top:2em;
    }
    
    .portfolio_subtitle {
        margin-top:2em;
    }
    
    .extraPadding {
        padding:1em 2em;
    }
    .extraPaddingMain {
        padding:2em 2em;
    }

    .header {
        height: 110px;
        /* 
        padding: 1em 0;
         */
    }
    .stickyHeader  {
        height: 60px;
    }
    .stickyHeader .search_wrapper {
        /*width:180px; */
        max-width:30%;
    }
    
    .stickyHeader .mobile_menu_wrapper {
        top:0px;
    }
    .stickyHeader .logo {
        top:-4px;
    }
    .stickyHeader .menu_wrapper {
        display:none;
    }
	.addHeaderGap {
		height:110px;
	}
  
    .topBarRight {
        right: 3em;
        top: 26px;
    }

    .mobile_menu_list .search_wrapper {
        left: 0rem;
        max-width: 35%;
        top: 0px;
    }

    .header .search_wrapper {
		right: 140px;
		max-width: 35%;
		top: 30px;
    }
    
    .znajdz_przedstawiciela {
        display:none;
    }

    .background_default {
        /* background-image:none !important; */
    }
    .logo {
        display: block;
        margin: 0;
        position: relative;
        padding: 0;
        top: 10px;
        max-width: 230px;
    } 
    .logo > img {
        max-height: 55px;
    }
	.header_logo_wrapper {
		position:absolute;
		left:290px;
		top:22px;
	}
	.header_logo_wrapper img {
		height:40px !important;
	}
	
    .backToHome {
        bottom:2em;
        right:2em;
    }
    .articles_list_title {
       padding: 1em 0 0.5em;
    }
    .language_wrapper {
        right:30px;
        top:3px;
    }
    .language_button {
        display: block;
        margin-top: 4px;
    }

    .mobile_menu_button > img {
        width:25px;
        height:25px;
        padding:3px;
    }
    

    .header .mobile_menu_wrapper { 
        display:block;
        top:32px;        
    }
    .mobile_menu_list .mobile_menu_wrapper { 
        display:block;
        top:7px;        
    }    
	
    .menu_wrapper { 
        display:none;
    }

    .footerMenu {
        border-bottom: 0 solid #d8d8d8;
        float: left;
        margin-bottom: 1em;
        max-width: 31%;
        padding-bottom: 1em;
    }
    .footerFollowUs {
        float:left;
        max-width:40%;
    }
    .footerFastContact {
    }
    .main_references .item {
        max-width:calc(100% * 0.17 - 10px);
    }
    

    .main_logotypes .item {
/*
        min-height: 100px;
        min-width: 100px;
*/
    }
    .showMobileMenu {
        display:inline-block;
    }
    
    
    .main_news .item_wrapper {
        /*
        max-width:160px; 
        min-width:150px;
        */

        max-width: 16vw;
        min-width: 40px;
    }
    .main_news .item {

    }

    .main_news .image  {
        min-width:100px;
        min-height:100px;
        
        width:15vw;
        height:15vw;
    }


    .main_section_title {
    }
    .main_section_title .title {
    }
    .main_section_title .decor_left {
      
    }
    .main_section_title .decor_right {
        
    }
        
    .main_section_items_more .button {

    }
    .main_section_items_more .button:hover {
        border:0px;

        opacity:1;
        -webkit-transform: scale(1.1); /* Safari */
        transform: scale(1.1);
    }

    .main_section_items_more .button a {
        text-decoration:none;
    }

    .main_offer .title_wrapper {
        max-width: 100%;
    }

    .main_offer .image {
        margin-bottom: 2vw;
    }
    
    .main_offer img {
        max-width: 9vw;
    }    
    .main_offer .item_wrapper {
        
        padding: 0;
        margin:0 auto 2em auto;
        float:none;      
    }
    .main_offer .lead {
        font-size:90%;
        min-height: auto;
        max-height: auto;
        text-align:center;
    }
    .main_offer .more_wrapper {
        /* background-color: rgb(248, 195, 0)  */ /* rgb(48, 133, 194); */
        width:50%;
        padding:0.5em 1em;
    }
    

    .main_offer .title_wrapper {
        margin-bottom:0.5em;
    }
    .main_offer .title {
        min-height:auto; 
    }
	
    .main_about img {
        width:100%;
        height:unset;
    }
	
    
    
    .articles_gallery_item {
        /*max-width:calc(33.3% - 1rem); */
		max-width:150px;
		margin-right:1rem;
        margin-bottom:1em;
        min-height:150px;
    }
	.articles_gallery_item_title {
		font-weight:bold;
		font-size:1.2rem;
	}
	.articles_gallery_item_thumbinal_cover {
		max-height: unset;
		max-width: 100%;
	}
	.pagesText img {
		max-height:unset;
	}


    .main_product_leaflet .articles_gallery_thumbinal {
        min-height: 160px;
        max-width: 120px;
                
    }
    .main_product_leaflet .articles_gallery_thumbinal a {
        min-height: 160px;
        min-width: 90px;   
    }
    .main_sril {
        grid-template-columns: repeat(4, calc(calc(100% - calc(3 * 1rem)) / 4));
    }
	.main_sril .item_wrapper {
		max-width:unset;
		min-width:unset;
	}
	.main_sril .title {
		text-align:center;
	}


    .page_image.right {
        margin:0 0 2em 2em;
    }

    .portfolio_image {
        margin:0 0 2em 0em;
        width:100%;
    }
    
    .portfolio_image img {
        margin:0;
        width:100%;
        max-width:unset;
    }


    @media only screen and (max-width:900px ) { 
        .header .search_wrapper {
			display:none;
		}
		.background_contact {
            background-position:0% bottom ;
        }
    }
    @media only screen and (max-width:820px ) { 
        .background_contact {
            background-image:none;
        }
        .main_contact_section .slogan {
            display:none;
        }
        .main_contact_section .mapa_wrapper {
            float:unset;
            margin:0 auto;
            font-size:100%;
        }
    }
    
    
    .promo .articles_list_item_img_div {
        background-size: contain;
        min-height: 40vw;
        width: 100%;
    }
    
    .oferta .articles_list_item {
        width: 50%;
    }
}



/* ============================================
===============================================
===============================================
===============================================
===============================================
===============================================
===============================================
===============================================
===============================================
===============================================
===============================================
===============================================
===============================================
===============================================
===                                         ===
===   STYLE MOD FOR SCREEN WIDTH <=640 px   ===
===                                         ===
===============================================
===============================================
===============================================
===============================================
===============================================
===============================================
===============================================
===============================================
===============================================
===============================================
===============================================
===============================================
===============================================
===============================================*/
  
@media only screen and (max-width: 640px) {
    body, html {
        font-size:14pt;
		
    }
    .desktop {
        display:none !important;
    }
    .mobile {
        display:block !important;
    }
    
    .siteWidth {
        width:100%;
        /* max-width: 580px; /* 100% ?? */ 
        min-width: unset;
        padding:0em 0em;
    }
    .siteWidth2 {
        padding:0em 0em;
    }
    .wrapper_subpage_title {
        padding-top:2em;
    }



 
    .flex_width_fix {
        
    }
    
    #ibox_wrapper {
        /* display:none; */
    }
    #ibox_wrapper .item {
        max-height:270px;  /* using font scaling = different size on smartphone and tablet*/
    } 
    
    .extraPadding {
        padding:1em 2em;
    }
    .extraPaddingMain {
        padding:2em 2em;
    }

    .header {
        /*
        padding: 15px 0 1em;
        height:75px;
        */
        height:45px;
    }
    .stickyHeader {
        padding-top:unset !important;
    }

    .stickyHeader .logo {
        top:0px;
    }
	.addHeaderGap {
		height:45px;
	}

    
    .header_button {
        border:0px;
    }
    
    .background_default, .background0, .background1, .background2, .background3, .background4, .background5, .background6 {
        /* remove any background */
        background-image:none !important;
    }
    .logo {
        display: block;
        left: 0px;
        padding:3px 9px 3px 0px;
        position: absolute;
        /* max-width:80px; /* to horizontal center align the logo x position (80 width)*/
        /*left:35px; */
        top:unset;
    } 
    .logo > img {
        max-height: 30px;
        
    }

	.header_logo_wrapper {
		position:absolute;
		left:165px;
		top:4px;
	}
	.header_logo_wrapper img {
		height:20px !important;
	}

	
    .backToHome {
        bottom:1em;
        right:1em;
    }
    .articles_list_title {
       padding: 1em 0 0.5em;
    }
    .language_wrapper {
        right:30px;
        top:-3px;
    }

    .topBarRight {
		top:6px;
    }
    .topBarRight .language img {
		max-height:30px;
    }
	
    .header .mobile_menu_wrapper { 
        display:inline-block;
        top:3px;
		right:0rem;
	}
    .mobile_menu_list .mobile_menu_wrapper { 
        display:inline-block;
        top:7px;
		right:1rem;
    }
    .search_wrapper {  
        top:0px;
        right:60px;
        max-width: 30%;
        
    }

    .mobile_menu_button > img {
        width:25px;
        height:25px;
        padding:3px;
    }

    .mobile_menu_list .search_wrapper {
        display: block;
        left: 1rem;
        min-width: 70%;
        top: 0px;
        margin:0px 0;
    }

    

    .search_main {
        display:none;
    }
    .search_mobile {
        
    }
    .showMobileMenu {
        min-width:100%;
    }

    .stickyHeader .mobile_menu_wrapper {
    }

    .stickyHeader .search_wrapper {
    }
    

    .search_wrapper .search_form input {
        margin:2px;
        font-size:100%;
    }
     
    .menu_wrapper { 
        display:none;
    }
    .footerMenu {
        /*
        display:none;
        clear:both;
        text-align:center;
        max-width:100%;
        border-bottom:1px solid #d8d8d8;
        padding-bottom:1em;
        margin-bottom:1em;
        */
        border:0px;
    }
    .footerMenu.menu1 {
        display:none;
    }
    .footerMenu.menu2 {
        display:none;
    }
    .footerMenu.menu_contact {
        display:none;        
    }

    .footer_map {
        display:none;
    }
    .footerFollowUs {
        clear:both;
        text-align:center;
        max-width:100%;
        border-bottom:0px solid #d8d8d8;
        padding-bottom:1em;
        margin-bottom:1em;
    }
    .footerFastContact {
        display:none;
    }
    .footerFollowUs .followItem {
    
    }

    .footerFastContact {
        clear:both;
        text-align:center;
        max-width:100%;
        line-height:1.8em;
    }
    .footerFollowUs {
        max-width:100%;
        width:100%;
    }
	.footer_issn_wrapper {
		text-align:center;
	}

    .footer_logo_wrapper {
        grid-template-columns: 100%;
    }

	.footer_logo_wrapper .rsa {
	}
	.footer_logo_wrapper .euroreg {
	}
    .footer_mein_claim_wrapper {
        text-align: center;
    }
    

	.credits .footerMenu_GDPR {
		text-align:center;
	}
    .credits .footerMenu_GDPR li {
        float:unset;
        margin: 0 0.5rem;
    }
    .credits .footer_copy {
        float:unset;
        clear:both;
        width:100%;
        max-width:100%;
        text-align:center;
    }
    .credits .footer_created {
        float:unset;
        clear:both;
        width:100%;
        max-width:100%;
        text-align:center;
    }
    

    .main_news_big_one .title_wrapper {
        max-height:unset;
    }
    .main_news_big_one .title {
        font-size:100%;
    }

        
    .main_news .item_wrapper {
        clear:both; 
        max-width:100%;
        width:100%;
        /* max-width: calc(50% - 10px); */
        height:auto;
        line-height:inherit;
        
        transition:unset;
        margin-bottom:1em;
    }
    .main_news .item_wrapper:hover {
        transform:unset;
    }

    .main_news .item {
        max-height:unset;
        min-height:unset;
        height:auto;
        width:100%;
        float:left;
        clear:both;
        
    }
    .main_news .item_signature {
        width:100%;
        height: auto;
        float:left;
        clear:both;
    }
    
    .main_news .image img {
        max-width:80px;
        max-height:80px;
    }
    
    .main_news .wide_video {
        display:none;
    }

    .main_news .wide_video video {
    }
    .main_news .title {
        font-size:120%;
        line-height:inherit;
    }
    .main_news .lead {
        font-size:100%;
    }
    
    
    
    
    .main_references .item {
        max-width:calc(33% - 10px);
    }

    .main_logotypes .item {
        min-height: 10vw;
        min-width: 15vw;
        margin: 2vw 2vw;
        padding: 0.2em;
        width: 20vw;
    }

    .main_section {
        margin-bottom:1rem;
		padding-top:2rem;
		padding-bottom:0;
    }
	.mobile_menu_list_items li {
		margin-left:0rem;
		margin-right:0rem;
	}
    

    .main_section_title {
    }
    .main_section_title .title {
    }
    .main_section_title .decor_left {
        display:none;
    }
    .main_section_title .decor_right {
        display:none;
    }    

    .main_section_items_more .button {
        max-width:60%;
        margin: 0 auto 0em auto;
    }
	.sril_hero_issue {
		max-width:100%;
		margin-right:0;
	}
	.sril_hero_issue .sril_hero {
		margin-right:0;
	}
	.sril_hero_issue .sril_hero img {
		max-width:100%;
	}
	.issue_description {
		width:100%;
	}
	.sril_hero_articles {
		max-width:100%;
	}

    .main_offer .image {
        margin-bottom: 2vw;
    }
    
    .main_offer img {
        max-width: 15vw;
    }    
    
    .main_offer .item_wrapper {
        max-width: 50%;
    }

    
    
    div.col1 { 
        margin: 0 0 1em;
        width: 100%;
        float:left;
    }
    
    div.col2 {    
        margin: 0 0 1em;
        width: 100%;
        float:left;
    }

    .main_about .tresc div.col1 {
        margin: 0 0 1em;
        width: 100%;
    }
    .main_about .tresc div.col2 {    
        margin: 0 0 1em;
        width: 100%;
		float:unset;
    }
    .main_about img {
		width: 70%;
		height: unset;
    }
	
    .main_about .more {
        margin: 2em auto;
    }	

    .main_section_items_more .button {
        width:100%;
        max-width:100%;
		margin-bottom: 1rem;
    }
    
    


    .main_news_big_one {
        border-bottom: 1px dashed rgb(200,200,200);
        margin: 0 0 3em;
        padding: 0 0 1em;
        width: 100%;    
    }
    .main_news {
        width:100%;
        float:none;
        display:block;    
    }
    
    .main_news .item_wrapper {
        border-bottom: 1px dashed rgb(200,200,200);
        margin: 0 0 3em;
        padding: 0 0 1em;
    }

    .main_news .item {
        width:100%;
        max-height:auto;
        min-height:auto;        
        float:none;        
    }

    .main_news .image {
        width:100vw;
        height:50vw;
        max-width: 100%;

        margin:0 0 1em 0;
    }
    .news_image_on_mobile img {

    }


    .main_contact_section .mapa_wrapper {
        margin:0 auto;
        float:none;
        clear:both;
        width:100%;
    }


    .portfolio_image {
        margin:0 0 2em 0em;
        width:100%;
    }

    .page_image.right {
        float:left;
        margin:0 0 1em 0;
    }

    .pagesText .right {
        float: right;
        height: auto;
        max-width: 100%;
        padding: 0 ;
        text-align: center;
        width: 100%;
    }
    
    .pagesText .articles_gallery {
        /*justify-content: space-between; */
    }
    .pagesText .articles_gallery_thumbinal {
        width:100%;
        margin:0 0 1em 0;
    }
    .pagesText .articles_gallery a {
        max-width:100%;
        max-height:unset;
        width:100%;
        height:60vw;
    }
    .pagesText img {
        display: block;
        height: auto;
        max-height: unset; /* 350 ; */
        max-width: unset; /* 350 ; */
        width:100%;
        text-align:center;
        margin:0 0 1em 0;
        /* margin:auto; */
    }
    

    
    .articles_gallery_item {
        max-width:calc(50% - 1rem);
        margin-bottom:1em;
        min-height:110px;
    }
        
    .articles_list_item {
        border-bottom: 1px dashed rgb(200, 200, 200);
        margin: 0 0 3em;
        padding: 0 0 1em;
        width: 100%;
    }
	
    .articles_list_item_img_div {
        width: 30vw;
        margin: 0 1em 1em 0;
        height: 30vw;
    }
	.articles_gallery_item_thumbinal_cover {
		max-height: unset;
		max-width: 100%;
	}
	
	.articles_gallery_item_thumbinal_cover img {
		width:calc(60vw * 0.66);
		height:calc(60vw);
	}
		
	.articles_gallery_item_thumbinal_cover img:hover {
		transform:unset;
	}

    .main_sril {
        grid-template-columns: repeat(2, calc(calc(100% - calc(1 * 1rem)) / 2));
    }


    .background_contact {
        background-image:none;
    }
    .main_contact_section .slogan {
        display:none;
    }
    
    .main_product_leaflet .articles_gallery_thumbinal {
        max-width: 120px;
    }
    .main_product_leaflet .articles_gallery_thumbinal a {
    }

    .promo .articles_list_item_img_div {
        background-size: contain;
        /* min-height: 36vw; */
        width: 100%;
    }

    .oferta .articles_list_item {
        min-height:unset;
        width: 100%;
    }
    .promo_leaflet_wrapper {
        overflow:hidden;
    }
    .articles_download li {
        width:100%;
        padding:1em;
        margin:0 0 1em 0;
        border:1px solid rgb(200,200,200);
    }
    .articles_download ul {
        padding:0;
    }
    .articles_download li {
        background-image:unset;
    }
    .articles_download li:hover {
        background-image:unset;
        background-color:rgb(200,200,200);
        color:black;
    }    
    .articles_list_item .contact_map {
        width:100%;
        float:unset;
    } 
    .articles_list_item .contact_map .mapa {
        margin: 0 auto;
    }
    .articles_list_item .contact_details {
        width:100%;        
        float:unset;    
    }
}