.mdsw {animation: ssrest 1s ease-in-out; animation-delay: 2s;}
.rgt-bgi {transition: 0.7s ease-in-out;}


@keyframes ssrest {
    from {opacity: 0%; top: -100px;}
    to {opacity: 100%; top: 0px;}
}


#center-margin-cont {
    width: 95%;
    height: auto;
    max-width: 1700px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.rgt-bg {
    width: 300px;
    height: 270px;
    background-size: cover;
}


.rgt-bgi {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


#cont-lft {
    width: 60%;
    height: auto;
    float: left;
}

#cont-rgt {
    width: 30%;
    height: auto;
    float: right;
}


#efh1 {
    width: 100%;
    height: auto;
    color: #FFFFFF;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
}


#efp1 {
    width: 100%;
    height: auto;
    font-family: "Roboto", sans-serif;
    color: #FFFFFF;
}


#g-bg-cont {
    width: 90%;
    min-height: 650px;
    height: 100vh;
    background: #F5F6FF;
    display: block;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

#gcont-hold {
    width: 95%;
    height: auto;
    max-width: 1700px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#gcont-lft {
    height: auto;
    float: left;
}

#gcont-rgt {
    height: auto;
    float: right;
}


#gefh {font-family: "Roboto", sans-serif;text-transform:uppercase;}
#gefp {font-family: "Roboto", sans-serif;}


#eveditbtn {width: 200px;height: 60px; background:#42609B; text-align: center; color: #FFFFFF;display: block; margin-left: auto;margin-right: auto;border: none;border-radius: 50px;font-family: "Roboto", sans-serif;font-size: 20px;}
#eveditibtn {width: 200px;height: 70px;background: #FFFFFF; font-family: "Roboto", sans-serif; font-size: 20px;color: #000000;border: none;display: block; margin-left: auto;margin-right: auto;}

@media screen and (min-width: 1501px) {

    #efh1 {font-size: 80px;}

    #efp1 {font-size: 30px;}

    #gcont-lft {width: 50%;}

    #gcont-rgt {width: 50%;}

    #gefh {font-size: 80px;}

    #gefp {font-size: 30px;}


    .rgt-bgi {width: 600px; height: 500px;}
    .mdsw {position: relative;height: 600px;}
}


@media screen and (min-width: 1024px) and (max-width: 1500px) {
    
    #gcont-lft {width: 50%;}

    #gcont-rgt {width: 50%;}

    #efh1 {font-size: 50px;}

    #efp1 {font-size: 24px;}

    #gefh {font-size: 50px;}

    #gefp {font-size: 24px;}

    .rgt-bgi {width: 400px; height: 300px;}
    .mdsw {position: relative;height: 400px;}

}


@media screen and (min-width: 651px) and (max-width: 1023px) {
    
    #gcont-lft {width: 50%;}

    #gcont-rgt {width: 50%;}


    #efh1 {font-size: 35px;}

    #efp1 {font-size: 19px;}


    #gefh {font-size: 35px;}

    #gefp {font-size: 19px;}


    .rgt-bgi {width: 300px; height: 200px;}
    .mdsw {position: relative;height: 300px;}
}


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

    #gcont-lft {width: 100%;}

    #gcont-rgt {width: 100%;}


    #efh1 {font-size: 32px;}

    #efp1 {font-size: 16px;}
   

    #gefh {font-size: 32px;}

    #gefp {font-size: 16px;}


    .rgt-bgi {width: 300px; height: 200px;}
    .mdsw {position: relative;height: 300px;}


    #g-bg-cont {
        width: 100% !important; 
    }

}