.products_banner {min-height: 800px; overflow: hidden; position: relative;}
.products_banner .bnr_img{}
.products_banner .bnr_img_default{}

.container{
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    margin-top:150px;
}

.wrapper{max-width: 1100px;}

.bannerinfo{
    width: calc(100% - 520px);

}
.bannerimage{width: 500px;}

.bannerinfo a{
    background: white;
    width:178px;
    line-height:46px;
    display:block;
    text-align:center;
    color: #801BA6;
    text-transform: uppercase;
    border-radius: 5px;
    margin-top: 25px;
    
}

h1{
    font-size: 40px;
    color: white;
    font-weight: 700;
    line-height: 120%;

}

.heading{
 margin-top:30px;
}

.desc{
    color: white;
    margin-top: 20px;
}

@media only screen
and (max-width : 1120px) {

    .container{
        padding: 0 20px;
        margin-top: 150px;
    }

    .heading{
        font-size:30px;
        margin-top:20px;
    }

    .bannerinfo img{
        width:160px;
    }

    .bannerinfo a{
        line-height: 42px;
        width:158px;
    }



}

@media only screen
    and (max-width : 900px) {
        .bannerimage{width: 350px;}
        .bannerinfo{width: calc(100% - 380px);}
}

@media only screen
and (max-width : 600px) {
    #nav_area{background:#63BE76;}
    nav.toggle_right_style{background: #63BE76;}
    .menu_slide_right{background: #63BE76;}
    .bannerinfo {
        width: 100%;
    }

    .container{
        margin-top:20px;
        padding: 20px;
        text-align:center;
    }

    .bannerinfo a{
        margin:25px auto;
    }

    .bannerimage{
        margin:auto;
    }

    .bannerimage img{
        width: 100%;
    }


    .heading{
        font-size:25px;
    }

}