/*--------- For Large Desktop Device -----------*/

/* 2050 to 2559 */
@media only screen and (min-width:2050px) {}

/* Greater than 2560*/
@media only screen and (min-width:2560px) {}


/*--------- For Tablate and Small Desktop Device -----------*/

/* For 1660 or Up to 1919 */
@media only screen and (max-width:1920px) {
    .wp-block-group.hero-section {
        padding-top: 100px !important;
    }

    div.wp-container-core-columns-is-layout-62a5cd9a.wp-block-columns-is-layout-flex{
        padding-top: 100px !important;
        padding-bottom: 100px !important;
    }    

    div.my-custom-sitemap{
        padding-top: 50px;
        padding-bottom: 50px;
    }
}

/* For 1440 or Up to 1659 */
@media only screen and (max-width:1659px) {
    .wp-block-video video {
        width: 116%;
    }

    .wp-block-group.hero-section {
        padding-top: 70px !important;
    }
}

/* For 1366 or Up to 1439 */
@media only screen and (max-width:1439px) {
    .wp-block-group.hero-section {
        padding-right: var(--wp--style--root--padding-right);
        padding-left: var(--wp--style--root--padding-left);
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    header {
        padding-right: var(--wp--style--root--padding-right);
        padding-left: var(--wp--style--root--padding-left);
    }

      header>div.wp-block-nk-awb.nk-awb.alignfull {
        margin-left: calc(var(--wp--style--root--padding-left) * -1);
        margin-right: calc(var(--wp--style--root--padding-right) * -1);
    }

    .blog-container {
        padding-right: var(--wp--style--root--padding-right) !important;
        padding-left: var(--wp--style--root--padding-left) !important;
    }

    .wp-block-group.hero-section {
        padding-top: 50px !important;
    }

    .wp-block-video video {
        width: 116%;
    }

    #video-overlay {
        max-height: 158vh;
    }

    header.tutor-course-details-header.tutor-mb-44 {
        padding-left: 0px;
        padding-right: 0px;
    }

    header div.wp-block-navigation__responsive-container-content{
	gap: 18px;
    }
}

/* For 1280 or Up to 1365 */
@media only screen and (max-width:1365px) {
    header {
        padding-right: var(--wp--style--root--padding-right);
        padding-left: var(--wp--style--root--padding-left);
    }

    header>div.wp-block-nk-awb.nk-awb.alignfull {
        margin-left: calc(var(--wp--style--root--padding-left) * -1);
        margin-right: calc(var(--wp--style--root--padding-right) * -1);
    }


    .wp-block-group.hero-section {
        padding-right: var(--wp--style--root--padding-right);
        padding-left: var(--wp--style--root--padding-left);
    }

    div.wp-container-core-columns-is-layout-62a5cd9a.wp-block-columns-is-layout-flex{
        padding-top: 80px !important;
        padding-bottom: 80px !important;
    }
}

/* For 1024 or Up to 1279 */
@media only screen and (max-width:1279px) {
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: flex !important;
    }

    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        background-color: inherit;
        display: none !important;
        position: relative !important;
        width: 100% !important;
        z-index: auto !important;
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item,
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list {
        justify-content: center !important;
        align-items: center !important;
        width: 100%;
    }

    nav .wp-block-buttons.is-layout-flex.wp-block-buttons-is-layout-flex {
        margin: 0 auto !important;
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-icon {
        display: flex !important;
    }

    .wp-container-nk-awb-is-layout-aa9a9fa2 {
        padding-right: var(--wp--style--root--padding-right);
        padding-left: var(--wp--style--root--padding-left);
    }

    .wp-block-navigation__submenu-container {
        display: none !important;
    }

    .wp-block-navigation__submenu-icon[aria-expanded="true"]+.wp-block-navigation__submenu-container {
        display: block !important;
    }

    li.has-child {
        display: flex !important;
    }

    li.wp-block-navigation-submenu {
        position: relative;
    }

    li.wp-block-navigation-submenu button.wp-block-navigation__submenu-icon {
        position: relative;
        right: 0;
        bottom: 15px;
        left: 35px;
        margin: 0 auto;
    }

    .wp-block-video video {
        width: 134%;
    }

    header div.wp-block-woocommerce-customer-account,
    header div.wc-block-mini-cart.wp-block-woocommerce-mini-cart {
        display: none;
    }

    header .wp-block-buttons.is-layout-flex.wp-block-buttons-is-layout-flex:not(.nav-responsive-contact-button) {
        display: none;
    }

    header .nav-responsive-contact-button {
        display: flex;
    }

    .wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__label, li.current-menu-item a{
        width: fit-content;
    }

    div.gtranslate_wrapper{
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
    }

    div.gt_float_switcher .gt_options{
        position:  relative !important;
    }
}

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

    /* body.single-lesson .tutor-course-single-sidebar-title, */
    body.single-lesson .tutor-course-single-sidebar-wrapper .tutor-accordion-item-body,
    body.single-lesson .tutor-course-single-sidebar-wrapper .tutor-course-topic-item.is-active a,
    body.single-lesson .tutor-course-single-sidebar-wrapper .tutor-course-topic-item a,
    body.single-lesson .tutor-accordion-item-header,
    body.single-lesson .tutor-course-single-sidebar-wrapper,
    body.single-tutor_quiz .tutor-course-single-sidebar-wrapper .tutor-accordion-item-body,
    body.single-tutor_quiz .tutor-course-single-sidebar-wrapper .tutor-course-topic-item.is-active a,
    body.single-tutor_quiz .tutor-course-single-sidebar-wrapper .tutor-course-topic-item a,
    body.single-tutor_quiz .tutor-accordion-item-header,
    body.single-tutor_quiz .tutor-course-single-sidebar-wrapper {
        /* background-color: white !important; */
        background-color: #0b1d3a !important;
    }

    body.single-lesson .tutor-course-single-sidebar-title {
        background: linear-gradient(135deg, #A259FF, #FFD700);
    }

    body.single-lesson .tutor-course-single-sidebar-title .tutor-iconic-btn {
        color: white;
    }

    body.single-lesson .tutor-spotlight-mobile-progress-complete {
        background-color: transparent;
    }

    body.single-lesson .tutor-course-single-sidebar-wrapper .tutor-course-topic-item .tutor-course-topic-item-title,
    body.single-lesson .tutor-course-single-sidebar-wrapper .tutor-course-topic-item .tutor-course-topic-item-icon,
    body.single-lesson .tutor-course-single-sidebar-wrapper .tutor-accordion-item-header,
    body.single-tutor_quiz .tutor-course-single-sidebar-wrapper .tutor-course-topic-item .tutor-course-topic-item-title,
    body.single-tutor_quiz .tutor-course-single-sidebar-wrapper .tutor-course-topic-item .tutor-course-topic-item-icon,
    body.single-tutor_quiz .tutor-course-single-sidebar-wrapper .tutor-accordion-item-header {
        /* color: black; */
        color: white;
    }

    body.single-lesson .tutor-accordion-item-header.is-active,
    body.single-lesson .tutor-course-single-sidebar-wrapper .tutor-accordion-item-header.is-active::after,
    body.single-tutor_quiz .tutor-accordion-item-header.is-active,
    body.single-tutor_quiz .tutor-course-single-sidebar-wrapper .tutor-accordion-item-header.is-active::after {
        color: #ffd700;
    }

    body.post-type-archive-courses a.add_to_cart_button,
    body.post-type-archive-courses a.tutor-btn.tutor-btn-outline-primary.tutor-btn-md,
    body.woocommerce-account div.tutor-card-footer a.tutor-btn.tutor-btn-outline-primary.tutor-btn-md{
        padding-left: 10px;
        padding-right: 10px;
        font-size: 14px;
    }

    h1.blog-page-main-title{
        font-size: 30px !important;
        line-height: 40px;
    }
}

@media only screen and (max-width: 1080px) {
    div.wp-container-core-columns-is-layout-62a5cd9a.wp-block-columns-is-layout-flex{
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }
}

/* For 960 or Up to 1023 */
@media only screen and (max-width:1023px) {
    .blog-container {
        padding-right: var(--wp--style--root--padding-right) !important;
        padding-left: var(--wp--style--root--padding-left) !important;
    }

    header .wp-block-image img {
        width: 85px !important;
    }

    .our-story-page-main-countainer {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }

    .wp-container-core-columns-is-layout-62a5cd9a {
        padding-top: 0px !important;
    }

    .wp-block-video video {
        width: 130%;
    }

    .wp-block-group.hero-section {
        padding-top: 50px !important;
    }

    div.wp-container-core-columns-is-layout-62a5cd9a.wp-block-columns-is-layout-flex{
        padding-top: 0px !important;
    }

    .wp-container-core-post-template-is-layout-e7fd85f5 {
        grid-template-columns: repeat(2, 1fr);
    }

    .wp-container-core-post-template-is-layout-e7fd85f5:not(.blog-page-blog-card-container):not(.our-story-card-container){
        row-gap: 0px;
    }
    
    .wp-container-core-post-template-is-layout-e7fd85f5 li.wp-block-post div.wp-block-group,
    .wp-container-core-post-template-is-layout-e7fd85f5 li.category-moja-historia div.wp-block-group {
        margin-top: 0px !important;
    }

    div.slider {
        perspective: 400px !important;
    }

    /* .wp-container-core-columns-is-layout-28f84493>.wp-block-column:nth-child(2) {
        flex-basis: 52% !important;
    } */

    div.wp-container-core-group-is-layout-f54c662a div.alignfull{
        background-position: center;
    }

    body.single-post div.wp-block-post-date{
        margin-top: 0px;
    }

    body.single-post h2.wp-block-post-title.has-large-font-size{
        font-size: 17px !important;
    }

    div.home-more-blog-btn a,
    div.home-all-blogs-btn a{
        margin-top: 20px;
    }

    div.my-custom-sitemap{
        padding-top: 30px;
        padding-bottom: 30px;
    }
}

/* For 800 or Up to 959 */
@media only screen and (max-width:959px) {
    .wp-block-video video {
        width: 150%;
    }

    footer .wp-container-core-group-is-layout-c3dc511f{
        flex-direction: column;
    }
}

/* For 768 or Up to 780px */
@media only screen and (max-width:780px) {
    .wp-container-core-column-is-layout-40a3ce07 .slider {
        display: none;
    }

    .wp-block-navigation .wp-block-navigation-item__label {
        text-align: center;
    }

    .wp-block-video video {
        width: 125%;
    }

    div.wp-container-core-columns-is-layout-62a5cd9a.wp-block-columns-is-layout-flex{
        padding-top: 10px !important;
    }

    footer div.wp-container-core-columns-is-layout-28f84493{
        gap: 10px;
    }

    footer div.wp-container-core-columns-is-layout-28f84493 .wp-block-column p{
        text-align: center;
    }
    
    footer div.wp-container-core-columns-is-layout-28f84493{
        display: grid;
    }
}

/*--------- For Tablate and Mobile Device -----------*/

/* For 640 or Up to 767 */
@media only screen and (max-width:767px) {
    .icon-scroll {
        position: relative
    }

    .video-section-container {
        height: 800px;
    }

    ul.slider {
        padding-left: 0px;
    }

    .wp-block-group.hero-section {
        padding-top: 30px;
    }

    .wp-block-video video {
        vertical-align: middle;
        width: 158%;
    }

    .subscriber-newsletter input.tnp-submit {
        margin-top: 10px !important;
    }

    .subscriber-newsletter input.tnp-email {
        width: 100% !important;
    }

    .wp-container-core-columns-is-layout-62a5cd9a {
        padding-top: 0px !important;
    }

    .wp-container-core-columns-is-layout-66fad18a div.wp-block-column {
        padding-right: 0px !important;
    }

    #sb_instagram.sbi_mob_col_2 #sbi_images {
        grid-template-columns: repeat(2, 1fr) !important;
    }

    .wp-container-core-group-is-layout-334bc8ba .wp-container-core-columns-is-layout-28f84493>.wp-block-column:first-child {
        order: 2;
    }

    .wp-container-core-group-is-layout-334bc8ba .wp-container-core-columns-is-layout-28f84493>.wp-block-column:nth-child(2) {
        order: 1;
    }

    .wp-container-core-columns-is-layout-08a2a807 .wp-block-column {
        gap: 0;
    }

    .wp-container-core-columns-is-layout-66fad18a .wp-block-group-is-layout-constrained {
        display: none;
    }

    .wp-container-core-group-is-layout-fd6309fb input.tnp-submit {
        margin-top: 10px !important;
    }

    .wp-block-columns.alignwide.is-layout-flex.wp-container-core-columns-is-layout-e8768f65 {
        flex-direction: column-reverse !important;
    }

    .wp-block-columns.alignwide.is-layout-flex.wp-container-core-columns-is-layout-f7199216 {
        flex-direction: column-reverse !important;
    }

    #video-overlay {
        max-height: 530px !important;
    }

    nav.woocommerce-MyAccount-navigation ul {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }

    .woocommerce-account .woocommerce-MyAccount-navigation li:first-child {
        padding-top: 5.602px;
    }

    body.single-courses div.tutor-course-details-tab {
        overflow: hidden;
    }

    body.single-courses aside.tutor-col-xl-4 {
        margin-bottom: 30px;
    }

    /* body.single-courses header.tutor-course-details-header.tutor-mb-44 div.tutor-course-details-top.tutor-mt-16,
    body.single-courses header.tutor-course-details-header.tutor-mb-44{
        position: unset;
    } */

    body.woocommerce-account .woocommerce-button.wp-element-button.button.view {
        display: inline;
    }

    body.woocommerce-account .woocommerce section.woocommerce-customer-details address {
        padding-left: 0px;
        padding-right: 0px;
    }

    div.wp-container-core-columns-is-layout-62a5cd9a.wp-block-columns-is-layout-flex {
        padding-top: 20px !important;
    }

    .wp-container-core-post-template-is-layout-e7fd85f5 li.wp-block-post div.wp-block-group {
        margin-top: 15px !important;
        margin-bottom: 0px !important;
    }

    .our-story-card-container{
        row-gap: 0px;
    }

    div.my-custom-sitemap{
        padding-top: 20px;
        padding-bottom: 20px;
    }

    h1.blog-page-main-title{
        font-size: 22px !important;
        line-height: 30px;
    }
}

/* For 540 or Up to 639 */
@media only screen and (max-width:639px) {
    .wp-block-video video {
        width: 190%;
    }
}

@media only screen and (max-width: 600px) {
    body.single-courses div.tutor-course-details-page.tutor-container {
        padding-right: var(--wp--style--root--padding-right);
        padding-left: var(--wp--style--root--padding-left);
    }

    body.single-courses header.tutor-course-details-header.tutor-mb-44 div.tutor-course-details-top.tutor-mt-16 {
        position: unset;
        display: flex;
        justify-content: start;
    }

    body.single-courses header.tutor-course-details-header.tutor-mb-44 div.tutor-course-details-top.tutor-mt-16 div.tutor-row div.tutor-col {
        display: none;
    }

    body.single-courses .tutor-nav .tutor-nav-more-icon {
        color: #ffd700;
    }

    body.single-courses ul.tutor-nav-more-list.tutor-dropdown {
        background-color: #0b1d3a;
    }

    body.single-courses ul.tutor-nav-more-list.tutor-dropdown li a.tutor-dropdown-item {
        color: white;
    }
}

/* For 480 or Up to 539 */
@media only screen and (max-width:539px) {
    .wp-container-core-group-is-layout-fd6309fb .tnp-subscription-minimal .tnp-email {
        max-width: 100% !important;
        width: 100%;
    }

    .subscriber-newsletter .tnp-subscription-minimal .tnp-email {
        max-width: 100% !important;
    }

    .wp-block-video video {
        width: 211%;
    }

    .page-id-32 .tnp-subscription-minimal form {
        display: grid;
    }

     div.my-custom-sitemap{
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

/* For 380 or Up to 479 */
@media only screen and (max-width:480px) {
    .video-section-container {
        height: 800px;
    }

    ul.slider {
        perspective: 200px !important;
    }

    .wp-container-core-group-is-layout-fd6309fb .tnp-subscription-minimal .tnp-email {
        max-width: 100% !important;
        width: 100%;
    }

    .contact-form input[type="submit"] {
        width: 40%;
    }

    .wp-block-video video {
        width: 320%;
    }

    #video-overlay {
        max-height: 600px !important;
    }

     nav.wp-container-core-group-is-layout-9b36172e{
        display: grid;
        gap: 10px;
    }

    /* #video-overlay {
        max-height: 600px !important;
    } */

    div.tutor-login-modal div.tutor-modal-window{
        padding: 10px;
    }

    div.tutor-login-modal form#tutor-login-form div.tutor-d-flex.tutor-justify-between.tutor-align-center.tutor-mb-40{
        display: grid !important;
        margin-bottom: 0px !important;
    }

    div.tutor-login-modal form#tutor-login-form button[type="submit"]{
        width: 100%;
        max-width: 100% !important;
    }

    div.tutor-login-modal form#tutor-login-form{
        margin-bottom: 0px !important;
    }
}

@media only screen and (max-width:394px) {
    /* #video-overlay {
        max-height: 900px !important;
        height: 640px !important;
    } */

    #video-overlay {
        max-height: 730px !important;
    }

    .wp-block-video video {
        width: 434%;
    }
}


/* For 360 or Up to 379 */
@media only screen and (max-width:379px) {
    .wp-container-content-d613cd94 {
        text-align: center;
    }

    a.tutor-btn.tutor-btn-ghost.tutor-course-share-btn{
        margin-top: 10px;
    }
}

/* For 320 or Up to 359 */
@media only screen and (max-width:359px) {
    /* #video-overlay {
        max-height: 582px !important;
    }

    .wp-block-video video {
        width: 346%;
    } */

    .taxonomy-category a {
        text-wrap: auto;
    }
}

/* For 300 or Up to 359 */
@media only screen and (max-width:319px) {
    #video-overlay {
        max-height: 750px !important;
    }

    .wp-block-video video {
        width: 480%;
    }
}