/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 5 version
*/

/*
CSS RESPONSIVE ON DEVICE
 */

/*=============== START DESKTOP ====================*/

@media (min-width: 1440px) {
    .container {
        max-width: 1300px;
    }
}

@media only screen 
and (min-width : 1024px) {
     li#menu-item-688 {
        display: none !important;
    } 
}


/*=============== END DESKTOP ====================*/

/*=============== START IPAD ====================*/

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1023px) {
    
    .contact-3-info-item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 30%;
        flex: 0 0 30%;
    }

    .footer-block.footer-category, .footer-block.footer-explore {
        padding: 0;
    }

    .footer-contact {
        text-align: center;
        margin-bottom: 3rem;
    }

    .form-footer p span input {
        width: 130px;
    }

    .header-mobile-wrapper {
        height: 85px;
    }

    .header-mobile-logo a img {
        max-width: 220px;
    }

    .header-mobile-right>span {
        font-size: 23px;
        margin-left: 10px;
    }

    .vt-single-post-main-meta-tags a {
        margin-bottom: 10px;
    }

    .vt-single-post-main-meta-share ul li {
        margin-right: 20px;
    }

    ul.v-list-item>li>a {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .v-list-item-right {
        padding: 0;
        margin-top: 10px;
    }

    h3.v-sidebar-title {
        font-size: 20px;
    }

    h1.vt-single-post-header-title {
        font-size: 3rem;
    }


}       
/*=============== END IPAD ====================*/



/*=============== START MOBILE ====================*/

@media only screen 
and (max-width : 767px) {
    
    h2.header-page-title {
        font-size: 18px;
    }

    section.bg-breadcrumb {
        padding: 30px 0;
    }

    .contact-3-info {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .contact-3-info-item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        margin-bottom: 20px;
        padding: 0 15px;
    }

    .form-contact-3-row-top {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 0;
    }

    .form-contact-3-row-top>div {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        margin-bottom: 15px;
    }

    .block-02, .block-03 {
        -ms-grid-row: 2;
        grid-row-start: 2;
        -ms-grid-column: auto;
        grid-column-start: auto;
    }

    .block-04, .block-05 {
        -ms-grid-row: 3;
        grid-row-start: 3;
    }

    .block-feature-box {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
    }

    .block-event-wrapper, .block-event-list-item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .block-event-wrapper .vt-post-item {
        margin-bottom: 3rem;
    }

    .block-event-list-item-content {
        padding: 0;
        margin-top: 1rem;
    }

    .block-event-list-item {
        margin-bottom: 30px;
    }

    .block-handbook-box {
        -ms-grid-columns: 1fr 10px 1fr;
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

    .block-handbook-box-item {
        margin-bottom: 1rem;
    }

    .block-video-box {
        -ms-grid-columns: 1fr 10px 1fr;
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

/*    .block-video-box >.video-item:last-child {
        display: none;
    }*/

	.video-item img {
	    aspect-ratio: 2 / 2.3;
	}

    section.block-video {
        padding: 1.5rem;
    }

    .video-item h3 {
        font-size: 1.5rem;
        line-height: 1.5;
        padding: 10px;
    }

    .footer-block.footer-category, .footer-block.footer-explore {
        padding: 0;
        margin-top: 3rem;
    }

    .footer-block.footer-explore {
        margin-bottom: 3rem;
    }

    .header-mobile-right>span>svg {
        font-size: 22px;
    }

    .block-feature-box .info-right ul li {
        margin-left: 0;
        font-size: 11px;
    }

    .form-footer p span input {
        width: 100%;
    }
    .form-footer p input.wpcf7-submit {
        width: 140px;
    }

    .header-archive-title {
        padding: 0;
    }

    .header-archive-title>p {
        display: none;
    }

    .header-archive-title>h2 {
        font-size: 2.4rem;
        margin-bottom: 10px;
    }

    .header-archive-title>a {
        padding: 6px 20px;
    }

    .writer-info.writer-info-column-left, .writer-info.writer-info-column-right {
        display: none;
    }

    .wrapper-single {
        padding-left: 15px;
        padding-right: 15px;
    }

    .vt-single-post-main-content .wp-caption.aligncenter, 
    .vt-single-post-main-content .wp-caption.alignnone, 
    .vt-single-post-main-content .wp-video, 
    .vt-single-post-main-content video {
        height: auto;
    }

    h1.vt-single-post-header-title {
        font-size: 2.8rem;
    }

    .vt-single-post-main-meta-share ul li {
        margin-right: 20px;
        font-size: 14px;
    }

}

/*=============== END MOBILE ====================*/



/*=============== START MOBILE < 320px ====================*/

/* Desktops and laptops ----------- */
@media only screen 
and (max-width : 320px) {
    


}

/*=============== END MOBILE < 320px====================*/