/* ==========================================================================
 
   ========================================================================== */
@media (min-width: 1921px) {
    .db-over-w1920 { display:block !important; }    
    .db-w1920 { display:none !important; }    
    .db-w1680 { display:none !important; }
    .db-w1500 { display:none !important; }
    .db-w1366 { display:none !important; }    
     
	.cover-container {
		background-image: url(../img/winieta/winieta-cms-szkolenia_more1920_4.jpg);
	}
    .main-title-page {
        font-size: 5rem;
		letter-spacing: 0.2rem;
    }
    .left_bg_bottom:before {
        height: 250px;
    }  
    table.ceny td,
    table.ceny th.komorka_1,
    table.ceny th.komorka_2{
    	font-size: 3rem;
    }
    .kontent p,.kontent a{
        font-size: 2rem;
    }
	h1.mark-intro-complex{
		letter-spacing: 0.2rem;
		max-width: 80%; 
	}
    .box h3 {
        font-size: 3rem;
        line-height: 1.1
    }
    .intro .punkty-edukacyjne{
        width:200px; 
    }
    .intro .partner.posrodku {
        top: -60px;
    }
    .kilka-szkolen ul li:first-child {
        margin-bottom: 80px;
    }

     .intro .partner.posrodku img{
        width:150px;   
    }
}
/* ==========================================================================

   ========================================================================== */
@media (max-width: 1920px) {
    .db-over-w1920 { display:none !important;     }    
    .db-w1920 { display:block !important; }    
    .db-w1680 { display:none !important; }  
    .db-w1500 { display:none !important; }
    .db-w1366 { display:none !important; }    
	.cover-container {
		background-image: url(../img/winieta/winieta-cms-szkolenia_1920_4.jpg);
	}  
    .left_bg_bottom:before {
        height: 220px;
    }      
    .main-title-page {
        font-size: 4rem;
    }    
    .intro .punkty-edukacyjne{
        width:150px; 
    }
    .intro .partner{
        width:150px; 
    }  
    .intro .partner.posrodku{
        width:100%; 
    }     
    .archiwalne .punkty-edukacyjne.punkty-edukacyjne,
    #kontener-nowe-kursy .punkty-edukacyjne.punkty-edukacyjne{
        width: 90px;
        right: -28px;
        top: -28px;
    }
}
/* ==========================================================================

   ========================================================================== */
@media (max-width: 1680px) {
    .db-over-w1920 { display:none !important; }    
    .db-w1920 { display: none !important; }    
    .db-w1680 { display:block !important; }
    .db-w1500 { display:none !important; }
    .db-w1366 { display:none !important; }  
    .main-title-page {
        font-size: 3rem;
    }  
	.podstrona .title-box-program, .podstrona .day-box-program {
		font-size: 1.3rem;
	}

    /* === prawa strona dyptyku === */
    .intro .punkty-edukacyjne{
        width:120px; 
    }    
    .intro h5 {
        font-size: 1rem;
    }  
    .kilka-szkolen .montserrat-color {
        font-size: 1.5rem;
    }    
    .kilka-szkolen .cover-heading.druga-linia {
        font-size: 1.3rem;
    }    
    .kilka-szkolen .montserrat-color-sub,
    .kilka-szkolen .montserrat-color-sub a{
        font-size: 1.2rem;
    }
    .kilka-szkolen .desc-intro {
        font-size: 1rem;
    }
    /* === prawa strona dyptyku === */    
}
/* ==========================================================================

   ========================================================================== */
@media (max-width: 1500px) {
	.cover-container {
		background-image: url("../img/winieta/winieta-cms-szkolenia_1500_4.jpg");	
	}     
    .db-over-w1920 { display:none !important; }    
    .db-w1920 { display: none !important; }    
    .db-w1680 { display: none !important; }
    .db-w1500 { display: block !important; }
    .db-w1366 { display: none !important; } 
	.podstrona .title-box-program, .podstrona .day-box-program {
		font-size: 1.1rem;
	}  
	.btn-wyklad {
	    font-size: 0.9rem;
	}
	.montserrat-color-mark {
		font-size: 1.3rem;
	}
	.middle-level .montserrat-color-mark  {
		font-size: 1.2rem;
	}	
	.box h3 {

		color: #003365;
		font-size: 1.1rem;
	}
    #kontener-nowe-kursy .box h3 {
        line-height: 1.1;
    }
    /* === prawa strona dyptyku === */
    .intro .punkty-edukacyjne{
        width:100px; 
    }    
    .intro h5 {
        font-size: 0.9rem;
    }  
    .kilka-szkolen .montserrat-color {
        font-size: 1.3rem;
    }    
    .kilka-szkolen .cover-heading.druga-linia {
        font-size: 1.1rem;
    }    
    .kilka-szkolen .montserrat-color-sub,
    .kilka-szkolen .montserrat-color-sub a{
        font-size: 1rem;
    }
    .kilka-szkolen .desc-intro {
        font-size: 0.8rem;
    }
    /* === prawa strona dyptyku === */   
    .archiwalne .punkty-edukacyjne.punkty-edukacyjne,
    #kontener-nowe-kursy .punkty-edukacyjne.punkty-edukacyjne{
        width: 80px;
        right: -28px;
        top: -28px;
    }
    
}
/* ==========================================================================

   ========================================================================== */
@media (max-width: 1366px) {
    .db-over-w1920 { display:none !important; }    
    .db-w1920 { display: none !important; }    
    .db-w1680 { display:none !important; }
    .db-w1500 { display:none !important; }
    .db-w1366 { display:block  !important; }  
	.cover-container {
		background-image: url(../img/winieta/winieta-cms-szkolenia_1366_4.jpg);
	} 	
	.podstrona .title-box-program, .podstrona .day-box-program {
		font-size: 0.9rem;
	}  
	.btn-wyklad {
	    font-size: 0.8rem;
		margin-bottom: 0.3rem;
	}
    ul.lista-tematow {
        overflow-y: scroll;
        max-height: 50px;
    }
	.middle-level .montserrat-color-mark  {
		font-size: 1rem;
	}	
    #kontener-nowe-kursy .box h3 {
        font-size: 1rem;
    }
    /* === prawa strona dyptyku === */
   
    .intro h5 {
        font-size: 0.8rem;
    }  
    .kilka-szkolen .montserrat-color {
        font-size: 1.2rem;
    }    
    .kilka-szkolen .cover-heading.druga-linia {
        font-size: 1rem;
    }    
    .kilka-szkolen .montserrat-color-sub,
    .kilka-szkolen .montserrat-color-sub a{
        font-size: 0.9rem;
    }
    .kilka-szkolen .desc-intro {
        font-size: 0.7rem;
    }
    /* === prawa strona dyptyku === */      
}


/* ==========================================================================

   ========================================================================== */

@media (max-width: 1200px) {
	.h-xl-100{
		height:auto !important;
	}
	.display-mobile{
		display: block;
	}
	.masthead-brand{
		max-width:100%;
	}
	.masthead-brand ul.list-inline .list-inline-item{
	
	}
	.bg-transparent-white {
		background-color: rgba(255, 255, 255, 0.4);
	}	
	.logo svg {
		
	}
    .title-prowadzacy,
	.title-prowadzacy a,
	.section-contact h2 {
    	font-size: 3rem;
	}
	h2 svg {
		margin-bottom: 0.1rem;
	}
	.navbar{
		display:inline-block;
		width:100%;
	}
	ul.navbar-nav li.nav-item{
		width:25%;
	}
    
	ul.navbar-nav li.nav-item a{
		font-size: 1.3rem;
		line-height: 1.1 !important;
	}  
	.navbar-expand-lg ul.navbar-nav li.nav-item a.nav-link{
		margin-right: 5px;
		margin-left: 5px;
	}    
	ul.navbar-nav li.nav-item .dropdown-menu a{
		font-size: 2rem;
		line-height: 1.1 !important;
		padding-top: 1rem;
		padding-bottom: 1rem;
		text-align: center;        
	}	  


	ul.navbar-nav li.nav-item a .icon-menu svg{
		width:100%;
	}

	.navbar-nav .nav-item .dropdown-menu:hover .dropdown-menu{
		display: block;
		/*width:100%;*/
		left:0;
		top:0;
		border-top:none !important;
        overflow: hidden;
       
	}
	/*    PODMENU - DLA 3 KAFLI    */
	.navbar-nav .nav-item:nth-child(2) .dropdown-menu{
		left: -100%;
		width:400%;
	}	

	.navbar-nav .nav-item:nth-child(3) .dropdown-menu{
		left: -200%;
        width:400%;
	}		
    .navbar-nav .nav-item:nth-child(3) .dropdown-menu a{
        
    }
	.navbar-nav .nav-item:nth-child(4) .dropdown-menu{
		left: -300%;
        width:400%;
	}

    /* ********************** */
	.display-mobile .title-page{
		position: static;
		position: static;
		width:100%;
		bottom: 0;
		line-height: 1;
		
	}
	.display-mobile .short-title-page{
		padding-top:2rem;
		color: #003365;
	}
	.display-mobile .short-title-page a{
		color: #003365;
	}	
	.main-title-page{
		display: none;
	}
	.display-mobile .main-title-page{
		display: block;
	}	
    
    
    /* ********************** */      
	.intro h2 br:first-child,
    .intro-mobile h2 br:first-child{
		display:none
	}
	.short-date{
		margin-top:0.8rem;
		padding: 0.5rem 0.5rem;
	}
	.short-date span{
		display: none;	
	}
	.cover-container::after {
		top: 22%;
		background-color: rgba(0, 54, 105, 0.4);

		width: 100%;
		height: 78%;
	}
    
    .cover-container{
        padding-top: 1rem;
        min-height: 1000px;
 		background-image: url("../img/winieta/winieta-cms-szkolenia_1200_4.jpg");
		background-position: center bottom !important;
 
	}
    .podstrona .cover-container::after {
		min-height:800px;
	}
	
	/* ============================  */
	.desc-intro br{
		/*display:none;*/
	}
	.left_bg_bottom:before {
        height: 100px;
		min-height: 10px;
		width: 100%;
		text-align:center;
    }  
	.title-page{
		width:100%;
		bottom: 2rem;
		line-height: 1;
	}
	 ul.lista-tematow {
		overflow-y:auto;  
		max-height:none;  
	}

	
    table.ceny td,
    table.ceny th.komorka_1,
    table.ceny th.komorka_2{
    font-size: 1rem;
    }
    .kontent p,.kontent a{
        font-size: 1rem;
    }  
	.box h3 {
		font-size: 2rem;
	}	
    .punkty-edukacyjne{
        position: absolute;
        right:-20px;
        top:-60px;
    }
    .intro, 
    .intro-mobile {
        z-index: 1;
        background-color: rgba(0, 54, 105, 1);
       
    }
    .intro-mobile.kilka-szkolen ul{
        margin-left: 0;
        padding-left: 1rem;
        padding-right: 1rem;
    }   
    .intro .partner.posrodku,
    .intro-mobile .partner.posrodku{
        top: -60px;
    }
    .kilka-szkolen ul li:first-child {
        margin-bottom: 80px;
    }

    .intro .partner.posrodku img,
    .intro-mobile .partner.posrodku img{
        width:150px;   
    }    
    .bg-nav-mobile{
        background-color: rgba(0, 54, 105, 0.8);
    }
   
}/* ==========================================================================

   ========================================================================== */
@media (max-width: 992px) {
 	ul.navbar-nav li.nav-item a{
		font-size: 1.5rem;
		line-height: 1.1 !important;
	}  	
	.cover-container {
		background-image: url("../img/winieta/winieta-cms-szkolenia_992_4.jpg");	
	} 		
	.title-prowadzacy span{
		display: none;
	}
	ul.navbar-nav li.nav-item a{
		font-size: 1.3rem;
		line-height: 1.1 !important;
	}
	ul.navbar-nav li.nav-item .dropdown-menu a{
		font-size: 2rem;
		line-height: 1.1 !important;
	}	
	.cover-container { /*for ::before */
		position: relative !important;
	}
	.podstrona .cover-container::after {
		min-height:650px;
	}
	h2.cover-heading {
		font-size: 3rem;
	}
	.short-date span{
		display: block;	
	}
	#kontener-nowe-kursy .box h3,
    .archiwalne .box h3 {
        font-size: 1.9rem;
    }
    /* === prawa strona dyptyku === */
   
    .intro h5 {
        font-size: 0.7rem;
    }  
    .kilka-szkolen .montserrat-color {
        font-size: 1.1rem;
    }    
    .kilka-szkolen .cover-heading.druga-linia,
    .kilka-szkolen li .trzecia-linia{
        font-size: 1rem;
    }    
    .kilka-szkolen .montserrat-color-sub,
    .kilka-szkolen .montserrat-color-sub a{
        font-size: 0.8rem;
    }
    .kilka-szkolen .desc-intro {
        font-size: 0.6rem;
    }
    /* === prawa strona dyptyku === */      
}
/* ==========================================================================

   ========================================================================== */
@media (max-width: 768px) {
	.cover-container {
		background-image: url("../img/winieta/winieta-cms-szkolenia_768_4.jpg");	
	}     
 	ul.navbar-nav li.nav-item a{
		font-size: 1.3rem;
		line-height: 1.1 !important;
	}  
	ul.navbar-nav li.nav-item a span{
		/*display:none;*/
	}
	.intro h2 br,
    .intro-mobile h2 br{
		display:none
	}
	.navbar-expand-lg .navbar-nav .dropdown-menu {
		background-color: rgba(255,255,255,1);
	}	
	ul.navbar-nav li.nav-item .dropdown-menu a{
		font-size: 1.5rem;
		line-height: 1.1 !important;
	}		
	.intro-mobile h2.cover-heading {
		font-size: 1.5rem;
        padding-left: 1rem;
        padding-right: 1rem;
	}
	.box h3 {
		font-size: 1.3rem;
	}
	#kontener-nowe-kursy .box h3,
    .archiwalne .box h3 {
        font-size: 1.1rem;
    }
    /* === prawa strona dyptyku === */
   
    .intro h5 {
        font-size: 0.7rem;
    }  
    .kilka-szkolen .montserrat-color {
        font-size: 1rem;
    }    
    .kilka-szkolen .cover-heading.druga-linia,
    .kilka-szkolen li .trzecia-linia{
        font-size: 0.9rem;
    }    
    .kilka-szkolen .montserrat-color-sub,
    .kilka-szkolen .montserrat-color-sub a{
        font-size: 0.8rem;
    }
    .kilka-szkolen .desc-intro {
        font-size: 0.6rem;
    }
    /* === prawa strona dyptyku === */      
}
/* ==========================================================================

   ========================================================================== */
@media (max-width: 600px) {
	ul.navbar-nav li.nav-item .dropdown-menu a{
		font-size: 1.2rem;
		line-height: 1.1 !important;
	}		
    .title-prowadzacy,
	.section-contact h2 {
    	font-size: 2rem;
	} 
      .title-prowadzacy svg,
	.section-contact h2 svg{
		display:none
	}
 	ul.navbar-nav li.nav-item a{
		font-size: 0.9rem;
		line-height: 1.1 !important;
	} 
	.logo svg {
		width: 239px;
	}
	.title-logo-szkolenia {
		font-size: 2rem;
	}
	.title-page{
		bottom: 1.2rem;
	}
	h2.cover-heading {
		font-size: 2.1rem;
	}
	.short-date{
		font-size: 1.5rem;	
	}
        .punkty-edukacyjne{
        position: absolute;
        right:0px;
        top:10px;
    }
    .masthead.mb-auto{
        margin-bottom: 0 !important;
    }
    .intro-mobile h2.cover-heading {
        font-size: 1.1rem;
    }    
    header .navbar {
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
       background-color: rgba(0, 54, 105, 1);
        padding-right:  .255em !important;
    }
    header .navbar li.nav-item.dropdown:nth-child(4) a{
     
    }
}
/* ==========================================================================

   ========================================================================== */
@media (max-width: 460px) {
     	ul.navbar-nav li.nav-item a{
		font-size: 0.8rem;
		line-height: 1.1 !important;
	} 
	.logo svg {
		width: 200px;
	}
	.title-logo-szkolenia {
		font-size: 1rem;
	} 
	.main-title-page {
        font-size: 2rem;
    } 
    .navbar-expand-lg .navbar-nav .nav-link {
        letter-spacing: 0;
        font-size: 0.rem;
    }
	h2.cover-heading {
		font-size: 1.4rem;
	}
	.intro-mobile .mark-intro-complex{
		font-size: 1.4rem;
	}
	.intro-mobile .subtitle-intro{
		font-size: 1.1rem;
	}	
}
/* ==========================================================================

   ========================================================================== */
@media (max-width: 360px) {
    ul.navbar-nav li.nav-item a{
		font-size: 12px;
	} 
	ul.navbar-nav li.nav-item .dropdown-menu a{
		font-size: 1rem;
		line-height: 1.1 !important;
	}		
	h2.cover-heading {
		font-size: 1.6rem;
	}
	.subtitle-intro{
		font-size: 1.2rem;
	}
	.logo svg {
		width: 150px;
	}
    .punkty-edukacyjne{
        width:80px;
        padding: 3px;
        position: absolute;
        right:-10px;
        top:10px;
    }
}
@media (max-width: 300px) {

	h2.cover-heading {
		font-size: 1.3rem;
	}
	.intro-mobile .mark-intro-complex{
		font-size: 1.2rem;
	}
	.intro-mobile .subtitle-intro{
		font-size: 1rem;
	}
	.subtitle-intro{
		font-size: 1.rem;
	}
}