@font-face {
    font-family: 'Cochin';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/Cochin.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/Cochin.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/Cochin.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/Cochin.woff') format('woff'), /* Modern Browsers */
    url('../fonts/Cochin.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/Cochin.svg#EBGaramond') format('svg'); /* Legacy iOS */
    font-display:swap;
}

/*:::::::::::::::::::::::::::::: MEDIA QUERIES ::::::::::::::::::::::::::::::*/

@media (min-width : 320px) and (max-width : 480px) {
    .m-show {
        display: block;
    }
    .d-show {
        display: none;
    }


    /* SECTION 1 - MAIN BANNER */

    #banner-slider-demo-23 .slide-content,
    .section-banner .container .slide-content {
        left: 30px;
        width: 260px;
        max-width: 260px;
    }
    #banner-slider-demo-23 .slide-content h2,
    .section-banner .container .slide-content h2 {
        margin-top: 0;
        margin-bottom: 22px;
        font-size: 28px;
    }
    .section-banner .container .slide-content a {
        float: left;
        padding: 12px 35px;
    }
}

@media only screen and (max-device-width : 480px) and (max-device-height: 896px) {
    .m-show {
        display: block;
    }
    .d-show {
        display: none;
    }

    /* SECTION 1 - MAIN BANNER */

    #banner-slider-demo-23 .slide-content,
    .section-banner .container .slide-content {
        left: 30px;
        width: 260px;
        max-width: 260px;
    }
    #banner-slider-demo-23 .slide-content h2,
    .section-banner .container .slide-content h2 {
        margin-top: 0;
        margin-bottom: 22px;
        font-size: 28px;
    }
    .section-banner .container .slide-content a {
        float: left;
        padding: 12px 35px;
    }
}

@media only screen and (max-device-width : 480px) and (max-device-height: 896px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2) {
    .m-show {
        display: block;
    }
    .d-show {
        display: none;
    }

    /* SECTION 1 - MAIN BANNER */

    #banner-slider-demo-23 .slide-content,
    .section-banner .container .slide-content {
        left: 30px;
        width: 260px;
        max-width: 260px;
    }
    #banner-slider-demo-23 .slide-content h2,
    .section-banner .container .slide-content h2 {
        margin-top: 0;
        margin-bottom: 22px;
        font-size: 28px;
    }
    .section-banner .container .slide-content a {
        float: left;
        padding: 12px 35px;
    }
}

@media only screen and (max-device-width : 480px) and (max-device-height: 896px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3) {
    .m-show {
        display: block;
    }
    .d-show {
        display: none;
    }

    /* SECTION 1 - MAIN BANNER */

    #banner-slider-demo-23 .slide-content,
    .section-banner .container .slide-content {
        left: 30px;
        width: 260px;
        max-width: 260px;
    }
    #banner-slider-demo-23 .slide-content h2,
    .section-banner .container .slide-content h2 {
        margin-top: 0;
        margin-bottom: 22px;
        font-size: 28px;
    }
    .section-banner .container .slide-content a {
        float: left;
        padding: 12px 35px;
    }
}

@media only screen and (max-device-width : 480px) and (max-device-height: 896px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2) {
    .m-show {
        display: block;
    }
    .d-show {
        display: none;
    }

    /* SECTION 1 - MAIN BANNER */

    #banner-slider-demo-23 .slide-content,
    .section-banner .container .slide-content {
        left: 30px;
        width: 260px;
        max-width: 260px;
    }
    #banner-slider-demo-23 .slide-content h2,
    .section-banner .container .slide-content h2 {
        margin-top: 0;
        margin-bottom: 22px;
        font-size: 28px;
    }
    .section-banner .container .slide-content a {
        float: left;
        padding: 12px 35px;
    }
}

@media only screen and (max-device-width : 480px) and (max-device-height: 896px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3) {
    .m-show {
        display: block;
    }
    .d-show {
        display: none;
    }

    /* SECTION 1 - MAIN BANNER */

    #banner-slider-demo-23 .slide-content,
    .section-banner .container .slide-content {
        left: 30px;
        width: 260px;
        max-width: 260px;
    }
    #banner-slider-demo-23 .slide-content h2,
    .section-banner .container .slide-content h2 {
        margin-top: 0;
        margin-bottom: 22px;
        font-size: 28px;
    }
    .section-banner .container .slide-content a {
        float: left;
        padding: 12px 35px;
    }
}


/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {

}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {

}
/**********
iPad 3
**********/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {

}

/* Tablet up ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
    .m-show {
        display: none;
    }
    .d-show {
        display: block;
    }
}
/* Desktops and laptops ----------- */
@media only screen and (min-width : 1224px) {
    .m-show {
        display: none;
    }
    .d-show {
        display: block;
    }
}

/* Large screens ----------- */
@media only screen and (min-width : 1824px) {
/* Styles */
}