/*IPAD*/
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
    .bk-blog-masonry2 .blog-25 {
        min-width: 100% !important;
    }
    .f79 {
        font-size: 50px !important;
        line-height: 1 !important;
        margin-bottom: 0 !important;
    }
    #cookieNotify.bottom-nav.style2.in li span {
        font-size: 14px !important;
    }
    #cookieNotify.bottom-nav.style2 li a img {
        width: 33px !important;
        min-height: 35px;
    }
    .col-ip-6.pxy-xs-0, .col-md-12.pxy-xs-0{padding: 0 15px !important;}
    .ip-auto{margin: auto;max-width: 72% !important}
    .ip-auto_{margin: auto;}
    .ipad-off{display: none}
    .text-ip-center,
    .text-xs-justify.text-ip-center,
    .text-xs-left.text-ip-center{text-align: center !important}
    .height-100{height: 80vh !important}
    .col-ip-12{max-width: 100% !important;flex:0 0 100%;}
    .col-ip-6{max-width: 50% !important;flex:0 0 50%;}
    .col-ip-4{max-width: 33.33% !important;flex:0 0 33.33%;}
    .bg5050{background-position: 50% 50%}
    .pxy-xs-0{padding:0 !important;}
    body .header-default.header-transparent.position-from--top {
        padding-top: 10px !important;
    }
    .height-xs-100{height: 100vh !important}
    .text-xs-left{text-align: left !important}
    .text-xs-justify{text-align: justify !important}
    h4.f40 {
        font-size: 65px !important;
        line-height: 1 !important;
    }
    .p0{padding:0 !important;}

    .mobile-off{display: none !important}
    .mobile-on{display: block !important}
    .bgtext:before{display: none}
    .threeButtons{display: none}

    body h3 {
        font-size: 28px !important;
        line-height: 30px !important;
    }

    h1 {
        font-size: 40px !important;
        line-height: 1 !important;
    }

    .planter_story {
        margin-bottom: -4px !important;
    }

    body .plyr__control.plyr__control--overlaid {
        -webkit-transform: scale(1.1,1.1) !important;
        width: 40px !important;
        height: 40px !important;
        background: white !important;
        text-align: center !important;
        line-height: 77px !important;
        position: absolute !important;
        right: 44% !important;
        bottom: 71% !important;
        border-radius: 100px !important;
        color: black !important;
        font-size: 7px !important;
        padding-left: 3px !important;
        top: 36%;
    }
    body .plyr__control.plyr__control--overlaid:before {
        width: 55px !important;
        height: 55px !important;
        right: -7px !important;
    }

    body .plyr__control--overlaid svg {
        right: -5px !important;
        top: -3px !important;
    }

    .p40x, .pr30{padding: 0 !important;}

    .mb-xs-0,
    .mb-xs-0.mb-40{margin-bottom: 0px !important}
    .mb-xs-20{margin-bottom: 20px !important}
    .mb-xs-40{margin-bottom: 40px !important}
    .mb-xs-60{margin-bottom: 60px !important}

    .pb-xs-300{padding-bottom: 300px !important}
    .pb-xs-100{padding-bottom: 100px !important}
    .pb-xs-80{padding-bottom: 80px !important}
    .pb-xs-0{padding-bottom: 0px !important}
    .pt-xs-100{padding-top: 100px !important}
    .pt-xs-80{padding-top: 80px !important}
    .pt-xs-40{padding-top: 40px !important}
    .pt-xs-30{padding-top: 30px !important}
    .pt-xs-0{padding-top: 0px !important}

    .py-xs-80{padding:80px 0 !important; }
    .height-100-mobile{height: auto !important}
    .height-100-mobile .vertical-align{
        position: relative;
        top: 0% !important;
        -webkit-transform: translateY(0%) !important;
        -ms-transform: translateY(0%) !important;
        transform: translateY(0%) !important;
    }
    #carousel_section{padding-bottom: 0px !important}
    .black-xs, .planter_story{color: black !important}
    .bg-yellow-xs{background:#FFDC36}
    .bg-secondary-xs{background:#f5f5f5}

    .mailchimp{
        padding:80px 15px !important;
    }
    footer .col-md-12{height: auto !important}
    footer.footer-strip-dark p{letter-spacing: 0 !important;margin-bottom: 0 !important;line-height: 1.1 !important;}
    .mailchimp form input {
        width: 100% !important;
    }
    .mailchimp form button {
        width: 100% !important;
        height: 45px !important;
    }
    a.moredetails-btn i,.view-more-btn span.btn-arrow{display: none !important}
    a.moredetails-btn, .view-more-btn{
        border: 2px solid black;
        display: block;
        padding:10px 0;
        text-align: center;
        max-width: 300px
    }
    .sm{display: none}
    .mask{width: 100%;float: none !important}
    .black-box{position: relative;}
    .black-box:before{
        content: "";
        background: #0c0c0c;
        width: 100%;
        height: 540px;
        position: absolute;
        bottom: 0;
        left: 0;
    }
    body .xs-white{color: white !important}
    body .header-default .header__wrapper .header-left .logo a img {
        width: 270px !important;
    }
    .mainmenu-wrapper.d-none.d-lg-block.header-right{display: block !important;text-align: right !important;}
    .col-xs-12{flex:0 0 100%;max-width: 100%}
    .bk-accordion .card-header h5 a.acc-btn{padding: 15px 25px 15px 0px !important;font-size: 16px !important}
    .bk-accordion .card-body{padding-right: 5px !important;padding-left: 5px !important}

    p.lead {
        font-size: 27px !important;
        line-height: 1.3 !important;
    }
    .brook-btn.bk-btn-theme.btn-sd-size.space-between{max-width: 100%;width: 100%;margin: 0 !important;}
    .box-yellow{
        max-width: 90%;
        margin-right: auto;
        padding:30px !important;
    }
    p.lead.fxs-f18{font-size: 18px !important}
    body .fxs-f32{font-size: 26px !important}
    .view-more-btn span{font-size: 16px}
    .view-more-btn.bw{
        border-color: white;
        font-size: 14px
    }

    body.template-color-1 .bk-accordion .card-header h5 a.acc-btn[aria-expanded="true"] {
        padding: 15px 25px 15px 15px !important;
    }

    body.template-color-1 .bk-accordion.style-bg-white .card-header h5 a.acc-btn[aria-expanded="false"] {
        padding: 15px 25px 15px 15px !important;
    }
    .circle-ripple{z-index: -99 !important}
    .stepsLd{padding:0 15px !important;}
    .card-body>ul{margin-left: 10px}
}
.stepsLd{padding:0 15px !important;}