/* >= xl */
@media (min-width: 1200px){
    main section.temata .item .flex-xl-column{width: 50%;}

    /* Školení a kurzy - index */
    body.skoleni-a-kurzy.index main section.lectures article.one div.top{min-width: 540px; max-width: 540px;}
}

/* < xl */
@media (max-width: 1199px){
    /* Navigation */
    body > header nav{padding: 20px 0; height: auto;}
    body > header nav > div{position: relative;}
	body > header nav > div > button{position: absolute; top: -2px; right: 40px; height: 40px; width: 60px; z-index: 1002; padding: 0px !important;}
    body > header nav > div > ul{display: none; width: 100%; padding-top: 10px;}
    body > header nav > div > ul > li{display: block !important;}
    body > header nav ul li a{line-height: 40px;}
    body > header nav form .search-box{display: block !important; width: auto !important; position: static !important;}
    body > header nav form .btn{display: none;}
    main section.temata .item .covers a img{max-width:40% !important;}
}

/* => lg */
@media (min-width: 992px){
    main section.temata .item .flex-lg-column{width: 50%;}

    /* Školení a kurzy - index */
    body.skoleni-a-kurzy.index main section.lectures article.one{padding-right: 20px; display: flex; padding-bottom: 0px;}
    body.skoleni-a-kurzy.index main section.lectures article.one h4{margin-top: 0px;}
    body.skoleni-a-kurzy.index main section.lectures article.one div.button{position: static; text-align: left; margin-top: 20px;}
    body.skoleni-a-kurzy.index main section.lectures article.one div.top{min-width: 440px; max-width: 440px; padding-right: 40px;}
}

/* >= md */
@media (min-width: 768px){
    body.articles-serial main article > .top .inner > ul.m-md-0{margin-right: 40px !important;}
    main section.temata .item .flex-md-column{width: 50%;}
}

/* < lg */
@media (max-width: 991px){
    body.uzivatel.objednavky-predplatneho main article .buttons .btn{margin-bottom: 5px;}    
    body.uzivatel.prehled-predplatneho main article .buttons .btn{margin-bottom: 5px;}
    main section.temata .item .covers a img{max-width:40% !important;}    
}

/* sm */
@media (max-width: 767px){
    
    body main > article > .top{min-height: 200px;}
    
    main section.temata .container-fluid > .row{margin-left: -20px; margin-right: -20px;}
    
    /* Článek */
    body.article main article > .top .links ul li{margin-bottom: 10px;}
    body.article main article > .top .links ul li:last-child{margin-bottom: 0px;}

    main section.temata .owl-nav{display: none;}
    main section.temata .picture{margin-bottom: 10px;}

    body.article-serial main article > .top > .container .inner{padding: 20px 0px;}

    body.logged-in header .top{text-align: center;}
    body.logged-in header .top ul{display: inline-block; float: none !important;}
    body.logged-in header .top ul li{padding: 0px !important;}
    body.logged-in header .top ul svg{margin-right: 10px;}
    body.logged-in header .top ul li.fullname span{width: 80px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}

    body.jaroslav-chvatal-biografie main article > .container img {margin: 0 0 25px 0 !important;}
    
    /* Komentáře */
    section.comments .add-comment .input-group,
    section.comments .articles article .input-group{display: block;}
    section.comments .add-comment .input-group .btn,
    section.comments .articles article .input-group .btn{width: 100%; display: block;}
    section.comments .add-comment .input-group textarea,
    section.comments .articles article .input-group textarea{width: 100%; display: block; min-height: 100px;}
    
    /* Video */
    body.video .content .copyright{margin-bottom: 30px;}
    
    /* Uživatel - úprava profilu */
    body.uzivatel.uprava-profilu main .card-body .input-group{display: block;}    
    body.uzivatel.uprava-profilu main .card-body .input-group .input-group-prepend .input-group-text{border-bottom: 0px;}    
    body.uzivatel.uprava-profilu main .card-body .input-group .form-control{width: 100%;}        
    body.uzivatel.uprava-profilu main .card-body .input-group .input-group-append{margin-left: 0px;}
    body.uzivatel.uprava-profilu main [type="submit"]{width: 100%;}
    
    /* Vyhledávání */
    body.vyhledavani main > article .nav-item.active{border-color: #ddd;}
    
    /* Section: předplatné */
    main section.predplatne .trial-8-days {margin-top: -80px;}
    main section.predplatne .link {margin-top: 190px;}  
}

/* xs */
@media (max-width: 575px){
    .container-fluid{padding-right: 20px !important; padding-left: 20px !important;}

    header nav img{max-width: 70%;}
    header nav .btn{padding: 0px;}
    header .top ul li a.btn{font-size: 14px; padding: 10px;}

    body.articles-serial main article > .top .inner > ul > li{margin-right: 0px; margin-bottom: 10px;}
    body.articles-serial main article > .top .inner > ul > li:last-child{margin-bottom: 0px;}

	body > header nav > div > button{right: 20px;}

    body.jaroslav-chvatal-biografie main article > .container img {margin: 0 0 25px 0 !important;}
    
    /* Článek */
    body.article main article > .top .links ul li{margin-right: 0px; font-size: 16px;}
    body.article main article > .content .text img{width: auto; height: auto; max-width: 100%;}
    
    /* Registrace */
    body.registration main article .container .tab-pane{padding: 15px 30px;}
    body.registration main article .container .tab-pane .steps li{padding: 10px 10px;}
    body.registration main article .container .tab-pane .steps li:first-child{margin-right: 15px;}
    body.registration main article .container .tab-pane .steps li:first-child:after{width: 15px; right: -15px;}
    body.registration main article .container #tab-2 .btn.btn-danger{margin-left: 5px;}
    body.registration main article .container #tab-2 .payment-cards img:first-child{margin-bottom: 5px;}
    body.registration main article .container #tab-2 .payment-cards img{margin-left: auto; margin-right: auto !important;}
    body.registration main article form .trial-8-days {max-width: 70%; margin-top: -5px;}
    
    /* Uživatel - mobile table */
    body.uzivatel table.mobile-block,
    body.uzivatel table.mobile-block tbody,
    body.uzivatel table.mobile-block tbody tr,
    body.uzivatel table.mobile-block tbody tr td,
    body.uzivatel table.mobile-block tbody tr th{display: block; text-align: center !important;}
    body.uzivatel table.mobile-block tbody tr td{margin-bottom: 10px; padding-bottom: 10px !important; border-bottom: 1px solid #eee !important;}
    body.uzivatel table.mobile-block tbody tr:last-child td{border-bottom: 0px !important;}

    /* Uživatel - dashboard */
    body.uzivatel.dashboard .widget .buttons .btn-danger{white-space: normal; margin-top: 10px;}
    body.uzivatel.dashboard .widget.settings .table.mobile-block tbody tr td{border: 0px !important;}
    body.uzivatel.dashboard .widget.newsletter .table.mobile-block tbody tr td{border: 0px !important; width: 100% !important;}
    
    /* Uživatel - objednávka předplatného */
    body.uzivatel.objednavka-predplatneho main .card-body .input-group{display: block;}    
    body.uzivatel.objednavka-predplatneho main .card-body .input-group .input-group-addon{border-right: 1px solid #ced4da; border-bottom: 0px; width: 100%;}    
    body.uzivatel.objednavka-predplatneho main .card-body .input-group .form-control{width: 100%;}        
    body.uzivatel.objednavka-predplatneho main .card-body .input-group .input-group-btn:not(:first-child) > .btn:first-child{margin-left: 0px;}    
    
    body.uzivatel.detail-objednavky-predplatneho main article .payment-cards img:first-child{margin-bottom: 5px;}
    body.uzivatel.detail-objednavky-predplatneho main article .payment-cards img{margin-left: auto; margin-right: auto !important;}

    body.uzivatel.objednavka-predplatneho main article .payment-cards img:first-child{margin-bottom: 5px;}
    body.uzivatel.objednavka-predplatneho main article .payment-cards img{margin-left: auto; margin-right: auto !important;}
    
    /* Vyskakovací okno - předplatné */
    #subscription-modal.defaul img{max-width: 200px;}
    
    /* Section: předplatné */
    main section.predplatne .trial-8-days {margin-top: -50px;}
    main section.predplatne .link {margin-top: 150px;}    
}