.fertility-awks{

    & article{
        padding-left:0px!important;
    }

    & .product-page-banner:after {
        background: none!important;
    }

    & .product-page-banner{
        

        @include media-breakpoint-between(sm, md){
            height: 280px;
            background-size:100%!important;
        }

        @include media-breakpoint-down(sm){
            height: 25%;
            background-size:100%!important;
        }
    }

    & .product-page-sub-menu{

        & .navbar-toggler{
            color:$white;
            border:none;
            padding:0px 15px;
        }

    }
}



.awks-page-content{
    padding:60px 0px;
}
.awks-block-areas{
    background:linear-gradient(to right, #E696C7 75%, #ffffff 25%);
    margin-bottom:50px;
    position:relative;
    &:last-child{
        margin-bottom:0px;
    }
    & .awks-single-part {
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 100%;

        & a{
            position:relative;
        }

        & .playiconcta {
            position: absolute;
            left: 0;
            right: 0;
            text-align: center;
            margin: 0px auto;
            display: flex;
            height: 100%;
            align-items: center;
            justify-content: center;
            top: 0;
            background: none;
            border: none;
        }

        & .awks-left-content-part {
            position: relative;
            height: 100%;
            /* width: 50%; */
            flex: 1;
            padding-top: 70px;
            color: #fff;

            @include media-breakpoint-down(sm){
                z-index: 5;
                flex: auto;
                width: 100%;
                padding-top:20px;
            }

            @include media-breakpoint-between(md,lg){
                flex: auto;
            }
        }

        & .awksleft-shape{
            position:absolute;
            right:0px;
            top:0px;

            @include media-breakpoint-down(sm){
                z-index: -1;
            }
            
        }


        @include media-breakpoint-down(sm){
            display: block;
            height: auto;
        }



    }


    & .awksleft-shape2{
        position:absolute;
        left:0px;
        bottom:0px;
      }


    @include media-breakpoint-down(sm){
        background: linear-gradient(to right, #E696C7 100%, #ffffff 0%);
    }


    & .awks-img-rightpart{

        @include media-breakpoint-down(sm){
            padding-bottom: 20px;
        }
    }




}



.fancybox-bg{
    display: block!important;

}

.fancybox-is-open .fancybox-bg {
    opacity: .7!important;
}