/*
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 : Jan 8, 2021, 9:21:26 AM
    Author     : Gašper R.
*/

@media screen and (max-width: 1200px){

    header .right_half{
        flex: 0 0 60%;
    }

    header h1{
        font-size: 50px;
    }

    .navbar-nav .nav-item {
        padding: 0px 20px;
    }

    .modal_header .modal_title{
        margin-left: 40px;
    }

    .modal_additional .menu1{
        display: block;
    }

    .modal_additional #ContentTab{
        display: block;
    }

    .subscription .left_half{
        flex: 0 0 45%;
        flex-basis: 45%;
    }

    .subscription .right_half{
        flex: 0 0 55%;
        flex-basis: 55%;
    }

    .chef_card .img_wrapper{
        height: 140px;
    }

    .chef_card h3{
        margin-top: 50px;
    }

    .overview_wrapper{
        width: 90%;
    }

    .navbar-expand-lg .navbar-nav .nav-link{
        padding-left: 5px;
        padding-right: 5px;
    }

    .navbar-nav .nav-link{
        font-size: 9px;
    }


    .recipe_header .left_half{
        flex-basis: 60%;
    }

    .recipe_header .right_half{

    }
    .btn-new{
        padding: 0px 61px 0px 10px;
    }
    .about_chef .chef_img_box .chef_img_wrapper{
        height: 350px;
    }

}

@media screen and (max-width: 1100px){

    header .right_half{
        flex: 0 0 68%;
    }

    .social_wrapper{
        left: 25px;
    }

    .modal_additional{
        padding: 10px 40px;
    }


}

@media screen and (max-width: 991px){


    .downsell_product_card .img_box{
        background-size: 50%;
    }

    .navbar-mobile__content {
        display: none;
        position: fixed;
        height: 100%;
        background-color: #292828;
        top: 0;
        left: 0;
        z-index: 9;
        transform: none;
        margin-top: 0px;
        text-align: center;
        width: 100%;
        margin: 0;
        min-height: 100%;
        padding-top: 15vh;
    }

    .navbar-mobile__content ul {
        list-style: none;
        padding: 0px;
        margin: 0px;
    }

    .navbar-mobile__content ul li {
        margin-bottom: 5px;
    }

    .navbar-mobile__content ul li a {
        color: #ffffff;
        font-size: 17px;
        font-weight: 500;
    }

    .menu-mobile {
        cursor: pointer;
        position: relative;
        width: 30px;
        height: 30px;
        display: block;
        float: right;
        z-index: 10;
        margin-top: 9px;
    }

    .menu-global {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        position: absolute;
        left: 0;
        border-top: 2px solid #d7b780;
        width: 100%;
        -webkit-transition: 0.55s;
        transition: 0.55s;
    }

    .menu-top {
        top: 0;
    }

    .menu-middle {
        top: 10px;
    }

    .menu-bottom {
        top: 20px;
    }

    .menu-top-click {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        top: 15px;
        -webkit-transform: rotate(50deg);
        transform: rotate(50deg);
        -webkit-transition: 0.55s 0.5s;
        transition: 0.55s 0.5s;
        border-top: 2px solid #ffffff !Important;
    }

    .menu-middle-click {
        opacity: 0;
    }

    .menu-bottom-click {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        top: 15px;
        -webkit-transform: rotate(-410deg);
        transform: rotate(-410deg);
        -webkit-transition: 0.55s 0.5s;
        transition: 0.55s 0.5s;
        border-top: 2px solid #ffffff !Important;
    }

    .navbar-active {
        display: block;
    }


    header .right_half{
        flex: 0 0 50%;
    }

    header h1{
        font-size: 50px;
    }

    header p {
        width: 360px;
        font-size: 13px;
    }

    header .second{
        display: none;
    }

    .informations .img_box .img_box_1{
        height: 180px;
    }

    .informations .img_box .left .img_box_single{
        width: 140px;
    }

    .informations .img_box .right .img_box_single{
        width: 150px;
    }

    .informations {
        padding-bottom: 145px;
    }


    .users ul{
        margin: 0px;
        padding: 0px;
        margin-top: 20px;
        border-top: 1px solid #d2b887;
        padding-top: 30px;
    }

    .users ul:before {
        content: '';
        display: none;
    }

    .subpage_header h1{
        font-size: 50px;
    }

    .modal_header .modal_status {
        width: 100%;
    }

    .profile_body.push-toright.push{
        left: auto;
        width: auto;
    }

    .profile_body .push-right.modal_page{
        display: none;
    }

    .profile_body .push-right.modal_page {
        display: block;
        position: relative;
        width: 100%;
        margin-top: 0px;
        z-index: unset;
        height: auto;
    }

    .profile_body .modal_page .main_content{
        height: auto;
    }

    .social_wrapper{
        display: none;
    }

    .profile_subpage .btn-secondary{
        margin-bottom: 30px;
    }

    .subscription .left_half{
        flex: 0 0 20%;
        flex-basis: 20%;
    }

    .subscription .right_half{
        flex: 0 0 80%;
        flex-basis: 80%;
    }

    .subscription .content{
        margin-left: 20%;
    }

    .navbar{
        padding-top: 14px;
        padding-bottom: 13px;
    }

    .navbar-dark .navbar-toggler{
        display: none;
    }

    .navbar-nav .nav-item{
        text-align: center;
    }

    .chef_card .img_wrapper {
        height: 180px;
        width: 180px;
        text-align: center;
        margin: 0 auto;
    }

    .chef_card_first_row{
        margin-top: 0px;
    }

    .chef_card h3 {
        margin-top: 63px;
    }

    .course_single .course_price {
        padding: 35px;
        margin-top: 20px;
    }

    .video_wrapper{
        margin-bottom: 20px;
    }

    .comments_overview ul{
        margin-top: 20px;
    }

    .bottom_course_price h3{
        font-size: 14px;
        margin-top: 15px;
    }

    .cart{
        background: #ffffff;
    }

    .bc{
        margin-left: 0px;
    }

    .cart .form_wrapper{
        width: 100%;
    }

    .overview_wrapper {
        width: 100%;
        margin-right: 0px;
        margin-top: 135px;
    }

    .modal_body{
        min-height: 60vh;
    }

    .books_list .subpage_header h1{
        font-size: 34px;
        margin-bottom: 35px;
    }

    .books_list .subpage_header .img_box{
        height: 405px;
        margin-top: 90px;
    }

    .books_list .subpage_header h4{
        font-size: 16px;
    }



    .book_single .img_main_box {
        max-height: 500px;
        width: auto;
        margin: 0 auto;
        display: table;
        margin-bottom: 50px;
    }

    .additional_data_book{
        margin-bottom: 50px;
    }


    .recipe_subpage .breadCrumbs li{
        font-size: 10px;
    }


    .recipe_header .left_half{
        flex-basis: 70%;
    }

    .recipe_subpage h1{
        font-size: 30px;
    }


    .upsell_offer .countdown{
        background-color: #ffffff;
    }

    .upsell_offer_product .price.price_old{
        margin-left: 22%;
        margin-top: -20px;
    }

    .upsell_offer_product .price{
        margin-left: 22%;
    }

    .upsell_offer_product .img_box{
        height: 58px;

    }

    .about_course_img {
        height: 450px;
    }
    .course_learn {
        margin-bottom: 60px;
    }
    .course_cta_card{
        height: 280px;
    }
    .course_image{
        height: 280px;
    }
    .offer_card .text .additional_info li:before{
        background-size: 20px;
        height: 20px;
        width: 20px;
    }

}

@media screen and (max-width: 768px) {

    .models_no_elements {
        text-align: center;
        padding-top: 26vh;
        padding-bottom: 14vh;
    }

    .models_no_elements h3{
        font-size: 21px;
    }

    .company_numbers article p{
        font-size: 11px;
    }

    .informations{
        padding-top: 80px;
    }

    .courses{
        padding-top: 80px;
    }

    .navbar-brand img{
        width: 130px;
    }

    .social_wrapper{
        display: none;
    }

    header p {
        width: 60%;
        font-size: 13px;
    }

    .faq img{
        margin-bottom: 30px;
    }
    
    img.faq_video_image {
        margin-bottom: 0px;
    }

    .card-body .faq_youtube iframe, .card-body .faq_youtube_small iframe{
        height: 200px;
    }

    .subpage_header h1{
        font-size: 40px;
    }

    .modal_header .modal_title{
        margin-left: 0px;
        margin-bottom: 20px;
        margin-right: 180px;
    }

    .modal_header .modal_status {
        width: 100%;
        position: absolute;
        top: 0px;
        right: 0;
    }

    .modal_header{
        padding: 30px 25px;
        padding-bottom: 10px;
    }

    .modal_header .modal_status label{
        font-size: 12px;
    }

    .modal_content{
        min-height: auto;
    }

    .modal_additional {
        padding: 10px 0px;
        margin-bottom: 50px;
    }

    .modal_additional .tab-content>.active{
        max-width: 100%;
        font-size: 14px;
    }

    .modal_body {
        padding-top: 0px;
        min-height: auto;
        padding-bottom: 30px;
    }



    .course_card_second{
        flex-direction: column;
    }

    .course_card_second .left_half{
        height: 300px;
    }

    .course_card_second .content{
        padding: 10px;
    }

    .subpage_header .breadCrumbs{
        padding-top: 15vh;
    }

    .profile_nav{
        display: -webkit-box;
        overflow-y: scroll;
        max-width: 100%;
        flex-wrap: nowrap;
    }

    .profile_nav li{
        display: block;
    }

    .certificates_card .content {
        padding: 10px;
        position: relative;
    }

    .model_back_btn img{
        width: 20px;
    }

    .model_back_btn{
        margin-top:  8px;
    }

    .course_card_second.active_card .btn-secondary{
        margin-bottom: 10px;
    }

    .modal_status .btn-primary {
        margin-top: 0px;
    }

    .certificates_card .content ul {
        margin-bottom: 20px;
    }

    .login_page{
        flex-direction: column;
    }

    .login_page .logo {
        width: 70%;
        display: table;
        margin: 0 auto;
        margin-top: 20%;
    }

    .login_page p{
        margin-top: 30px;
        font-size: 14px;
    }

    .login_page .social_login_box {
        padding-bottom: 50px;
    }

    .login_page h2 {
        margin-top: 24vh;
    }

    .login_page h2.register_title {
        margin-top: 24vh;
    }

    .footer h4{
        margin-top: 50px;
    }

    footer .payments {
        margin-top: 33px;
    }

    .footerB {
        margin-top: 80px;
    }

    footer h4{
        margin-top: 50px;
    }

    .informations .img_box{
        display: none;
    }

    .subscription{
        flex-direction: column;
    }

    .subscription .content{
        margin-left: 0px;
    }

    .more_informations ul li{
        width: 100%;
        margin-bottom: 16px;
        margin-right: 0px;
    }

    .more_informations .content{
        padding-top: 70px;
    }

    .more_informations{
        min-height: 700px;
    }

    .course_single .course_price{
        margin-top: 30px;
    }

    .chef_page .company_numbers article{
        margin-bottom: 20px;
    }

    .opinions .card p{
        font-size: 14px;
    }

    .opinions .user_title{
        font-size: 12px;
    }

    .card-wrapper{
        margin-bottom: 20px;
    }

    .course_landing_slider .course_card{
        width: 280px !Important;
        margin-right: 20px;
    }

    .subpage_header{
        height: 47vh;
    }

    .quiz_wrapper{
        padding: 40px;
    }

    .message h4{
        font-size: 18px;
    }

    .content_text_box{
        padding: 35px;
        font-size: 14px;
    }

    .quiz_wrapper .bottom_nav{
        padding: 10px 20px;
    }

    .quizButton{
        display: block;
    }

    .answers_wrapper .modal_single_answer h3{
        font-size: 18px;
    }

    .answers_wrapper .modal_single_answer h4{
        font-size: 11px;
    }

    .answers_wrapper .modal_single_answer label{
        font-size: 14px;
    }

    .modal_question form section{
        width: 100%;
    }

    .courses_posts_gallery{
        width: 100%;
    }

    .accordion.second_half .card .card-header .btn-header-link{
        font-size: 13px;
    }

    .courses_video_wrapper{
        margin-top: 0px;
    }

    header .right_half{
        background-image: url(../images/mobile/header.jpg);
    }

    .more_informations .right_half{
        background-image: url(../images/mobile/informations.jpg);
    }

    .course_card_second .additional_data li{
        font-size: 12px;
    }

    .chef_page .subpage_header h1{
        font-size: 45px;
    }

    .chef_page .subpage_header {
        min-height: 64vh;
        position: relative;
    }

    .chef_page .subpage_body p{
        font-size: 14px;
    }

    .modal-body{
        width: 100% !important;
    }

    .modal-body .input-wrapper{
        width: 100%;
    }

    .modal_question_box .main_label {
        width: 100%;
        display: block;
        font-size: 13px;
    }

    .modal-body .ckm{
        width: 95%;
    }

    .modal-body h3{
        font-size: 22px;
    }


    .cart .promocode_card input{
        width: 65%;
    }

    .cart .promocode_card button{
        width: 35%;
        float: right;
        font-size: 10px;
        letter-spacing: 1px;
    }

    .cart .promocode_card {
        background-color: #f1f1f1;
    }

    .recipe_box{
        padding: 0px;
        padding-top: 50px;
    }

    .recipe_box h3{
        font-size: 22px;
    }

    .recipe_box h4{
        font-size: 16px;
    }

    .recipe_box .main_titles li{
        font-size: 12px;
    }

    .menu .top{
        font-size: 12px;
    }

    .accordion .card .card-header .btn-header-link{
        font-size: 12px;
    }

    .modals_elements_list li h3{
        font-size: 12px;
    }


    .overview_wrapper{
        margin-top: 45px;
    }

    .login_page p.code_extra_text{
        text-align: center;
    }

    .profile_referral_card{
        margin-bottom: 20px;
    }

    .books_list .subpage_header .img_box {
        position: relative;
        height: 405px;
        margin-top: 40px;
        margin-bottom: -100px;
    }

    .books_list .subpage_body{
        padding-top: 100px;
        padding-bottom: 50px;
    }

    .others_books h2{
        margin-bottom: 50px;
    }

    .about_author .img_wrapper{
        margin: 0 auto;
        margin-bottom: 30px;
    }

    .book_single .img_main_box{
        max-height: 300px;
    }

    .button_browse{
        margin-top: -40px;
        font-size: 12px;
        margin-bottom: 40px;
    }

    .button_browse img{
        margin-top: -4px;
    }

    .modal_additional .nav-tabs .nav-item.list_content{
        display: block;
    }


    .book_card_profile .left_half .img_box{
        background-size: 100px;
    }

    .others_books object{
        width: 100%;
        min-height: 50vh;
        display: none;
    }

    .others_books_embeded{
        display: block;
    }

    .profile_subpage .btn-secondary.others_books_embeded{
        margin-top: 20px;
        margin-bottom: 0px;
    }

    .others_books_embeded_text{
        display: block;
        margin-bottom: 0px !important;
    }

    .course_card_second.book_card_profile ul.stars_wrapper{
        margin-top: 0px;
    }

    .courses_packages_step1{
        margin-top: -5px;
    }

    .others_books iframe{
        display: none;
    }

    .banners_wrapper .img_desktop{
        display: none;
    }

    .banners_wrapper .img_mobile{
        display: block;
        max-width: 100%;
    }

    .modal_banner{
        padding: 20px;
    }

    .upsell_offer .countdown{
        background-color: #ffffff;
    }

    .cart h3{
        font-size: 14px;
    }


    .downsell_product_card .img_box {
        background-size: 100%;
        height: 200px;
    }

    .downsell_offer_wrapper button{
        width: 100%;
    }

    .downsell_offer_wrapper .removeCartButton{
        margin-bottom: 20px;
    }

    .downsell_product_card .old_price{
        margin-top: 0px;
    }

    .downsell_product_card .price{
        font-size: 30px;
    }

    .downsell_offer{
        padding: 20px;
    }


    .downsell_offer .content_box{
        padding-left: 20px;
        padding-right: 20px;
    }

    .courses_gallery .img_box{
        width: 250px;
        margin-right: 20px;
    }


    .code_box h4{
        margin-top: 60px;
    }


    .recipe_header{
        flex-direction: column;
        margin-top: 0px;
    }

    .recipe_subpage .breadCrumbs li {
        font-size: 9px;
    }

    .recipe_header .content{
        position: relative;
        padding-bottom: 30px;
    }

    .recipe_header .right_half{
        height: 300px;
        width: 100%;
        flex: none;
    }

    .recipe_subpage .breadCrumbs{
        margin-top: 120px;
    }

    .top_nav_promo{
        font-size: 10px;
        padding: 5px;
        padding-bottom: 3px;
        padding-right: 25px;
    }

    .close_top_nav{
        top: 10px;
        right: 5px;
    }


    .recipe_content_wrapper{
        padding: 15px;
    }

    .recipe_box .main_titles{
        margin-top: 20px;
    }


    .show_course_desktop_no{
        display: block;
    }

    .show_course_desktop_yes{
        display: none;
    }

    .show_course_min_body.show_course_desktop_yes{
        display: none;
    }

    .upsell_offer_product .price.price_old{
        margin-left: 23%;
    }

    .upsell_offer_product .price{
        margin-left: 23%;
    }

    .upsell_offer_product .info_icon img{
        margin-top: -30px;
    }

    .open_orders .body .single_order .row .col-md-2{
        margin-bottom: 10px;
    }

    .open_orders .body{
        padding-top: 10px;
    }

    .open_orders .body a{
        margin-top: 10px;
    }

    .open_orders .single_order {
        margin-bottom: 20px;
        border-bottom: 1px solid #eeeeee;
        padding-bottom: 10px;
    }

    .price_game_page .top_participants li{
        padding: 10px;
        font-size: 12px;
        margin-bottom: 10px;
    }

    .price_game_page .top_participants li .bg .author{
        margin-top: 0px;
    }


    .winner_box .body .date{
        display: none;
    }

    .price_game_page h1{
        padding-top: 15vh;
    }

    .course_single .course_price button{
        width: 100%;
        padding: 0 15px;
    }

    .price_game_redirect_box{
        margin-top: -150px;
    }

    .rating{
        display: block;
    }
    
    .courses_page.code_page.custom_code_page .subpage_header{
        background: linear-gradient(to bottom, #292828 55%, #fff 45%);
        padding-bottom: 50px;
    }
    .courses_page.code_page.custom_code_page .video_wrapper{
        margin-bottom: 0;
    }
    .code_page h2.register_title{
        margin-top: 140px;
    }
    
    .course_video_wrapper .button_wrapper {
        position: relative;
        bottom: 0;
        text-align: center;
        left: 0;
        transform: translate(0%, 0%);
    }
    .course_video_wrapper{
        padding-top: 40px;
        padding-bottom: 40px;
        padding-left: 10px;
        padding-right: 10px;
    }
    .number_of_users{
        left: -5px;
    }
    .course_video_wrapper{
        margin-top: -25vh;
    }
    .course_learn {
        margin-top: 60px;
    }
    .learn_card {
        padding: 20px 10px;
    }
    .learn_card .icon img{
        height: 40px;
    }
    .about_course_img_wrapper{
        display: block;
        width: 50%;
        overflow: hidden;
        margin: 0 auto;
        margin-bottom: 20px;
    }
    .about_course_img{
        height: 250px;
    }
    .about_course2 {
        margin-top: 60px;
    }
    .no_padding_mobile{
        padding-left: 0;
        padding-right: 0;
    }
    .about_course2_img_wrapper {
        display: block;
        margin-bottom: 25px;
    }
    .course_image {
        height: 280px;
        margin-bottom: 20px;
    }
    .cta-course{
        margin-bottom: 0;
        margin-top: 60px;
    }
    .course_cta_card{
        height: auto;
        padding-bottom: 40px;
    }
    .about_course3_img{
        height: 250px;
        margin-bottom: 25px;
    }
    .about_course3{
        padding-bottom: 35vw;
    }
    .about_chef{
        padding: 40px 0;
        padding-top: 0;
    }
    .about_chef .chef_img_box .chef_img_wrapper{
        width: 50vw;
        height: 50vw;
        margin: 0 auto;
    }
    .about_chef .chef_img_box{
        display: block;
        margin-top: -25vw;
    }
    .chef_text{
        margin-top: 25px;
    }
    .about_course2_img {
        height: 240px;
    }
    .about_course3{
        padding-top: 0;
    }
    .cta_action{
        padding-left: 15px;
        padding-right: 15px;
    }
    .btn-new {
        padding: 0px 70px 0px 30px;
    }
    .guaranteeText{
        font-size: 12px;
    }
    .guaranteeTextExtra {
        color: #ffffff;
    }
    .offer_card{
        margin-top: 25px;
    }
    .image.offerImg{
        margin-top: 15px;
    }
    .offer_card .text .additional_info li{
        margin-bottom: 10px;
    }
    .offer_card .text .additional_info{
        font-size: 16px;
    }
    
    .course_card_box .add_to_cart{
        bottom: 85px;
    }
    
    .cc-modal-window .cc-window-settings-buttons, .cc-window .cc-window-buttons{
        text-align: center !Important;
        margin-top: 10px !Important;
    }
    
    .cc-modal-window .cc-window-settings-buttons, .cc-window .cc-window-buttons{
        text-align: center !Important;
        margin-top: 10px !Important;
    }
    
    .cc-window.cc-animation-in.cc-pos-bottom, .cc-window.cc-animation-in.cc-pos-bottom-center, .cc-window.cc-animation-in.cc-pos-bottom-left, .cc-window.cc-animation-in.cc-pos-bottom-right{
        width: 100% !important;
        left: 0px !Important;
    }
}


@media screen and (max-width: 600px) {

    .additional_data_book{
        font-size: 14px;
    }

    .books_list .subpage_header h1 {
        font-size: 34px;
        margin-bottom: 25px;
        margin-top: -5px;
    }

    .modal_question p{
        text-align: left;
    }

    header{
        min-height: 85vh;
    }
    header h1 {
        font-size: 35px;
    }

    header h3{
        font-size: 14px;
    }

    header .cta{
        margin-top: 30px;
        font-size: 10px;
    }

    .modal_header .modal_status{
        display: none;
    }

    .modal_header .modal_title {
        margin-left: 0px;
        margin-bottom: 0px;
        margin-right: 0px;
    }

    .modal_header {
        padding: 20px 15px;
        position: relative;
    }

    .modal_body{
        padding-top: 0px;
    }

    .profile_subpage .subpage_header {
        position: relative;
        height: auto;
        padding-bottom: 90px;
    }

    .subpage_header h1 {
        font-size: 34px;
        margin-top: 0px;
    }

    .product_card .date{
        position: relative;
        top: 0px;
        right: 0px;
        font-size: 12px;
    }

    .product_card h3{
        margin-bottom: 7px;
    }

    .certificates_card{
        flex-direction: column;
    }

    .certificates_card .left_half{
        height: 200px;
    }

    .btn-primary{
        padding: 0px 55px 0px 40px;
        font-size: 8px;
    }

    .btn-secondary{
        padding: 0px 55px 0px 40px;
        font-size: 8px;
    }

    .profile_subpage h2{
        font-size: 14px;
    }

    .breadCrumbs li{
        font-size: 9px;
    }

    .course_card_second .left_half {
        height: 230px;
    }

    .profile_subpage .body {
        padding-top: 50px;
        padding-bottom: 70px;
    }

    .faq {
        padding-top: 20px;
    }

    .more_informations {
        min-height: 842px;
    }

    header p {
        width: 78%;
        font-size: 13px;
        margin-top: 17px;
    }

    header .header_text_wrapper{
        padding-top: 20vh;
    }

    .top_nav{
        font-size: 10px;
    }

    header .second {
        margin-left: 19px;
        margin-top: 31px;
    }


    .chef_card .img_wrapper {
        height: 110px;
        width: 100px;
        margin-left: 0px;
    }

    .chef_card h3 {
        margin-top: 39px;
    }

    .bottom_course_price .content{
        text-align: left;
    }

    .bottom_course_price label{
        display: none;
    }

    .bottom_course_price h3{
        font-size: 13px;
        margin: 0;
        margin-top: 8px;
    }

    .bottom_course_price{
        padding: 10px 0px;
        padding-bottom: 0px;
    }

    h2{
        font-size: 28px;
        text-align: center;
    }

    .title_line{
        margin: 0 auto;
        margin-top: 16px;
    }

    p{
        font-size: 13px;
    }

    .biggermobile p{
        font-size: 16px;
    }
    
    .informations{
        text-align: justify;
    }


    .informations .btn-primary{
        display: table;
        margin: 0 auto;
    }

    .courses p{
        text-align: justify;
    }

    .more_informations ul li div {
        font-size: 12px;
        margin-top: 7px;
        vertical-align: top;
    }

    .opinions .card p{
        font-size: 13px;
    }

    .opinions .card{
        padding-left: 50px;
        padding-right: 45px;
    }

    .opinions .card .img1{
        width: 18px;
        left: 20px;
    }

    .opinions .card .img2{
        width: 18px;
    }

    .users ul li a h3{
        margin-top: 17px;
        font-size: 17px;
    }

    .faq img{
        margin: 0 auto;
        display: table;
        margin-top: 30px;
        margin-bottom: 25px;
        width: 70px;
    }
    
    img.faq_video_image {
        margin-top: -3px;
        height: 16px;
        margin-right: 5px;
        display: inline-block;
        margin-bottom: 0px;
        width: auto;
    }

    .accordion .card-body{
        font-size: 14px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .subscription .btn-secondary{
        display: table;
        margin: 0 auto;
    }

    footer .subpages_list{
        font-size: 13px;
    }

    footer h4{
        font-size: 18px;
    }

    footer label{
        font-size: 13px;
    }

    footer ul{
        font-size: 12px;
    }

    footer label{
        margin-top: 10px;
    }

    .faq .btn-primary{
        margin: 0 auto;
        margin-top: 20px;
    }

    .input-wrapper label{
        font-size: 12px;
    }

    .product_card h4{
        font-size: 13px;
        margin-top: 10px;
    }

    .cart .total_price span {
        font-size: 22px;
        margin-top: -7px;
    }

    .status_page h1{
        font-size: 31px;
    }

    .profile_subpage h2{
        text-align: left;
    }

    .company_numbers article h4{
        font-size: 35px;
    }

    .rating_box{
        width: 100%;
    }

    .skillbar{
        width: 70%; 
    }

    .rating_box img{
        width: 10px;
    }

    .list_wrapper .second_half .card p{
        font-size: 12px;
    }

    .course_single .additional_data li{
        font-size: 14px;
    }

    .course_comments .comments_card h4{
        font-size: 12px;
    }

    .course_comments .comments_card p{
        font-size: 12px;
        margin-top: 10px;
    }

    .course_comments .comments_card .friends_title{
        font-size: 12px;
    }

    .course_comments .comments_card .friends_title img{
        width: 16px;
    }

    .card-body iframe{
        height: 235px;
    }

    .quiz_wrapper .progress-meter-text {
        font-size: 11px;
    }

    .quiz_wrapper .btn-back{
        font-size: 10px;
    }

    .quiz_wrapper .radio label{
        font-size: 11px;
    }

    .slider_for .slider_for_img{
        height: 250px;
    }

    .slider_nav .slider_nav_img{
        height: 65px;
    }

    .course_comments .comments_card h3{
        font-size: 18px;
    }

    .accordion .card .card-header .btn-header-link{
        padding-right: 40px !Important;
        padding: 10px;
    }

    .modal_header .modal_title h2{
        text-align: left;
        font-size: 12px;
    }

    .modal_header .modal_title h3{
        font-size: 12px;
    }


    .courses_video_wrapper .circles_box h3{
        font-size: 14px !Important;
    }

    .courses_video_wrapper .circles_box{
        width: 205px;
    }

    .nav-tabs .nav-link {
        font-size: 10px;
        letter-spacing: 0;
    }

    .modal_additional .tab-content{
        padding-top: 5px;
    }
    .gift_box .content{
        width: 80%;
    }

    .gift_box .date_box input{
        font-size: 12px;
        font-weight: 400;
        border: solid 1px #dddddd;
        padding: 10px 0px;
        padding-left: 45px;
        position: relative;
        max-width: 100%;
    }

    .gift_box .date_box:before{
        background-size: 18px;
        height: 18px;
        width: 18px;
        top: 13px;
        margin-left: 10px;
    }

    .video-js {
        width: 100%;
        height: 300px;
    }

    .chef_card.book_card .stars_wrapper{
        margin-top: 20px;
    }

    .open_book_box{
        width: 100%;
    }

    .open_book_box .radio{
        font-size: 12px;
    }

    .profile_subpage .btn-secondary.others_books_embeded{
        width: 100%;
    }


    .video_wrapper .img_box{
        height: 235px;
    }

    .video_wrapper{
        height: 190px;
    }

    .video_wrapper video{
        height: 190px;
    }

    .video_wrapper .img_box img{
        width: 50px;
    }

    .code_box .cta1{
        font-size: 12px;
    }

    .desktop_img{
        display: none;
    }

    .mobile_img{
        display: block;
    }

    .close_top_nav {
        top: 2px;
        right: 5px;
    }

    .course_single label{
        font-size: 16px;
    }

    .list_wrapper .first_half li{
        margin-bottom: 4px;
        padding: 12px;
        padding-left: 60px;
        font-size: 14px;
    }

    .list_wrapper .first_half li:before{
        width: 20px;
        height: 20px;
        background-size: 18px;
        left: 25px;
        margin-top: 1px;
    }

    .video_wrapper{
        margin-bottom: 0px;
    }

    .list_wrapper .first_half{
        margin-top: 15px;
    }

    .course_single .course_price label{
        font-size: 14px;
    }

    .course_single .course_price h3{
        font-size: 31px;
        margin-bottom: 30px;
    }

    .recipe_youtube iframe{
        height: 196px;
    }

    .accordion.second_half .card-body .free_course_text{
        text-align: left;
    }

    .open_orders .body{
        padding-top: 10px;
    }

    .winner_box h3{
        font-size: 20px;
    }


    .winner_box .body .author{
        margin-left: auto;
    }

    .course_card_second .left_half .img_box{
        height: 210px;
    }

    .course_card_second .content .forbidden_img{
        width: 60px;
    }

    .video_box .next_btn{
        height: 30px;
        width: 30px;
        margin-top: -15px;
    }

    .video_box .previous_btn{
        height: 30px;
        width: 30px;
        margin-top: -15px;
    }

    .winner_box.select_participant_box .video_box .next_btn img {
        width: 13px;
    }

    .winner_box.select_participant_box .video_box .previous_btn img{
        width: 13px;
    }


    .modal_opinion .rating_box label{
        display: inline-block;
    }

    .modal_opinion .modal-body .ckm {
        width: 90%;
    }
    
    
    .winner_box.select_participant_box .video_box img{
        height: 280px;
    }
    
    .card-body .faq_youtube iframe, .card-body .faq_youtube_small iframe{
        height: 180px;
    }
    
    .accordion .card .card-header .btn-header-link.collapsed:after{
        top: 10px;
    }
    
    .accordion .card .card-header .btn-header-link:after{
        top: 10px;
    }
    
    .courses_page.code_page.custom_code_page .subpage_header{
        background: linear-gradient(to bottom, #292828 50%, #fff 45%);
        padding-bottom: 50px;
    }
    .course_video_wrapper .video_wrapper .img_box{
        height: 210px;
    }
}