/* ================================================================
   NIINE CSS SECTION
   07-responsive-custom.css
   Custom responsive/page styles
   Extracted in original top-to-bottom order.
   ================================================================ */

    }

    /*.about-2 {*/
    /*    margin-top: -12%*/
    /*}*/

.preventa-logo {
    width: 50%;
    height: auto;
}


    .abt_gif {
        margin-top: 2%
    }

    #about img {
        width: 100%
    }

    .hero-slider .slide .slide-img,
    .hero-slider .slide .slide-img .scale-timer {
        height: 100% !important
    }

    .hero-slider .slide .details {
        height: 100%
    }

    .hero-slider .slick-list,
    .hero-slider .slick-track {
        height: 100% !important
    }

    .details h1 {
        font-size: 30px !important;
        margin-left: 5%
    }

    .details .m20 {
        margin-bottom: 5px
    }

    .home .home-shape {
        bottom: -25% !important
    }

    .app_mockup {
        width: 100%
    }

    .app-img {
        padding: 20px 12px
    }

    .ask-gynac-box img {
        height: 150px !important
    }

    .fon_img {
        width: 150px !important
    }

    #freedom_banner {
        padding: 50px 0 !important
    }

    #freedom_banner .use {
        font-size: 30px !important
    }

    #freedom_banner p {
        font-size: 14px !important
    }

    #freedom_banner .san {
        margin-left: 25px !important;
        margin-top: -5px !important
    }

    #journey .font-36 {
        font-size: 25px !important
    }

    #journey p {
        margin-bottom: 30px
    }

    #journey .gra-box p {
        margin-bottom: 0 !important
    }

    .gra-box p {
        font-size: 14px !important
    }

    #free_found {
        margin-top: -40px !important
    }

    #free_found .free_found_img1 {
        height: 100px !important
    }

    #free_found .free_found_img2 {
        height: 100px !important
    }

    #partners .partner_img {
        width: 100px !important
    }

    #partners .partner_img1 {
        height: 60px !important
    }

    #donation .home {
        height: auto !important;
        min-height: auto !important
    }

    .d_sidetext {
        font-size: 20px !important;
        margin-top: 20px !important
    }

    #donation .girls_img {
        margin: 20px !important;
        width: 75% !important
    }

    .textspans {
        font-size: 16px !important
    }

    #donate_submit {
        width: 100% !important
    }

    #helped_content .font-30 {
        font-size: 25px !important
    }

    .home .slick-arrow {
        width: 35px;
        height: 60px;
        margin-top: -30px;
        opacity: .5
    }

    .home .slick-arrow:active {
        background-color: #333;
        opacity: 1
    }
}

@media only screen and (min-width:640px) {
    .home .slick-arrow:hover {
        background-color: rgba(0, 0, 0, .17)
    }

    .home .slick-arrow:hover span {
        width: 50px;
        left: -15px;
        opacity: 1;
        visibility: visible
    }

    .home .slick-arrow:hover:after,
    .home .slick-arrow:hover:before {
        left: 23px
    }

    .home .slick-arrow.slick-prev:hover span {
        left: auto;
        right: -15px
    }

    .home .slick-arrow.slick-prev:hover:after,
    .home .slick-arrow.slick-prev:hover:before {
        left: auto;
        right: 23px
    }

    .home .slick-arrow span:before {
        position: absolute;
        content: 'Next';
        display: block;
        right: 16px;
        top: -30px;
        opacity: 0;
        width: 0;
        white-space: nowrap;
        overflow: hidden;
        font-family: 'Playfair Display', serif;
        font-style: italic;
        font-size: 17px;
        -webkit-transition: all .5s cubic-bezier(.77, 0, .2, 1);
        -moz-transition: all .5s cubic-bezier(.77, 0, .2, 1);
        transition: all .5s cubic-bezier(.77, 0, .2, 1)
    }

    .home .slick-arrow.slick-prev span:before {
        left: 16px;
        right: auto;
        content: 'Previous'
    }

    .home .slick-arrow:hover span:before {
        right: 22px;
        width: 40px;
        opacity: 1;
        -webkit-transition-delay: .4s;
        transition-delay: .4s
    }

    .home .slick-arrow.slick-prev:hover span:before {
        left: 22px;
        width: 70px
    }
}

@media(max-width:1920px) {
    .home .home-shape {
        margin-bottom: 45px
    }
}

@media only screen and (min-width:1200px) {
    .twitter-container .container {
        width: 1300px !important
    }
}

@media only screen and (min-width:1500px) {
    .home {
        width: 100%;
        position: relative;
        height: 800px;
        padding: 0 0 45px !important;
        overflow: hidden
    }
}

@media only screen and (min-width:1920px) {
    .home {
        height: 1000px !important
    }

    .home .home-shape {
        height: 450px !important
    }
}

@media only screen and (max-width:1490px),
screen and (max-height:800px) {
    .home {
        padding: 0 0 75px
    }
}

@media(max-width:768px) {
    .long-btn1 {
        margin-top: 120%;
        left: 200%
    }

    #navigation {
        background: linear-gradient(to right bottom, rgba(251, 179, 61, .8), rgba(238, 53, 51, .8)) !important
    }

    .forcefullwidth_wrapper_tp_banner {
        display: none !important
    }

    .home .home-shape {
        display: none
    }

    .text-track {
        text-align: justify !important
    }

    .app_mockup {
        margin-top: 30px
    }

    .mtp-mob {
        margin-top: -12% !important
    }

    .desk-no {
        display: block !important
    }

    .mob-no {
        display: none !important
    }

    .mob-hde {
        display: none !important
    }

    .desk-hde {
        display: block !important
    }

    .rrlogo {
        width: 30% !important
    }

    .sponortext {
        font-size: 18px !important
    }

    .hero-slider .slide .slide-img,
    .hero-slider .slide .slide-img .scale-timer {
        background-position: 74% 23% !important;
        background: #000;
        background-size: cover
    }

    .modal.in .modal-dialog {
        top: 15%;
        width: 95%
    }

    #gdpr-cookie-accept {
        margin-left: 0;
        margin-top: 4%;
        padding: 8px 26px
    }

    #gdpr-cookie-message p {
        color: #fff;
        text-align: center;
        padding: 0 30px 8px 30px
    }

    .xs-bt {
        margin-bottom: 30px
    }

    #gdpr-cookie-message {
        padding: 13px 18px
    }

    .Available4 {
        font-size: 20px;
        left: 0
    }

    .principalsponsor {
        font-size: 40px
    }

    .hero-slider .slide .details {
        top: 20% !important
    }
}

@media(max-width:768px) {
    .img_logo1 {
        display: none !important
    }

    .Available2 {
        color: #fff !important;
        font-size: 26px !important
    }
}

@media(max-width:768px) {
    .img_logo1 {
        display: none
    }

    .Available2 {
        color: #fff !important
    }

    .home {
        height: 500px !important;
        min-height: 510px !important
    }

    #navigation.modern {
        width: 100%;
        top: 0 !important
    }

    .img_logo {
        width: 60px !important;
        height: 25px !important;
        padding: 2px 0;
        vertical-align: -webkit-baseline-middle;
        margin-top: 7px
    }

    .home:after {
        width: 100%;
        height: 35% !important
    }

    .text_available {
        margin-top: -25% !important;
        margin-left: 1% !important
    }

    .img_logo1_mb {
        width: 30% !important;
        height: 10% !important
    }

    .home .law-home-title {
        font-size: 45px;
        line-height: 60px
    }

    .home .law-home-desc {
        font-size: 17px
    }

    .home .law-home-title {
        font-size: 35px;
        line-height: 47px
    }

    .home .law-home-desc {
        font-size: 16px
    }
}

@media(min-width:768px) {
    .img_logo1_mb {
        display: none !important
    }

    .shop_now_section {
        visibility: hidden
    }

    #navigation.modern {
        width: 100%;
        top: 0;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        position: fixed;
        z-index: 1001;
        transition: all .25s
    }
}

@media only screen and (max-width:767px) {
    .ask-gynac-box img {
        margin-top: -50px
    }

    .ask-expert-box img {
        width: 50px
    }

    .ask-expert-box p {
        text-align: left;
        font-size: 12px !important;
        line-height: 1.2
    }

    .ask-expert-box {
        margin-right: 2%;
        margin-left: 2%
    }

    .ask-mike img {
        height: 150px;
        margin-top: 30%;
        margin-right: 10%
    }

    .mlr {
        margin: 0 20px !important
    }

    .mlr p {
        text-align: justify !important;
        margin-bottom: 40px;
        margin: 0 10px;
        font-size: 14px !important;
        line-height: 1.5;
        padding-bottom: 20px
    }

    .ask-gynac-box {
        margin-left: 1%;
        float: left
    }

    .Available4 {
        font-size: 16px;
        left: 0;
        padding: 0 10px
    }

    .img-logo-ni,
    .principalsponsor {
        left: 0
    }

    .details h1 {
        font-size: 20px !important;
        margin-left: 5%;
        line-height: 1.5 !important
    }

    .xs-mt {
        width: 100%
    }
}

@media only screen and (max-width:540px) {
    .Available4 {
        font-size: 14px
    }

    .principalsponsor {
        font-size: 30px
    }

    .xs-mt {
        margin-top: 0 !important
    }

    .hero-slider .slide .details {
        top: 30% !important
    }
}