.footer-login-separater {
    border-color: gray;
    display: none;
}

.bottom-social {
    padding-top: 5% !important;
    padding-bottom: 5% !important;
    display: none;
position:fixed;
bottom:0;
left:0;
right:0;
}


.wraping-col {
    background-color: #696969;
}

#left,
#right {
    position: relative;
    background: white;
    display: inline-block;
    padding: 2.5% 1%;
    margin: .5%;
    min-height: 200px;
    text-align: left;
}


#right {
    padding-left: 6.5%;
    width: 25%;
    border-radius: 0px 25% 25% 0px;
}

#left {
    width: 75%;
}

#left ul,
#left h5 {
    margin-left: 10%;
}



#right::before {
    background-image: url(../../images/icons/location.png);
    width: 65px;
    height: 100px;
    display: inline-block;
    content: '';
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    top: 5%;
    left: 2%;
}

.bottom-slider {
    height: 100px;
    padding-top: 0px;
    margin-top: 0px;
}

.bottom-slider img {
    margin: 0px 0px;
    padding-top: 0px;
    height: 100%;
}

.blockquote {
    margin-bottom: 0px;
}

#right h5 {
    word-wrap: break-word;
}


@media (min-width: 280px) and (max-width: 425px) {

    .bottom-social,
    .footer-login-separater {
        display: block;
    }
     
    .footer-separater {
        display: none;
    }

    .footer-login {
        text-align: left !important;
    }

    #wrap {
        flex-direction: column;
        padding: 2%;
    }

    #left,
    #right {
        float: none;
        margin: 5% 1%;
        padding: 5% 10%;
        border-radius: 0;
        width: 100%;
        min-height: auto !important;
    }

    #right {
        padding-left: 25%;
    }

    #left ul li {
        padding-left: 0 !important;
        text-align: justify;
    }


    #left::before {
        width: 50px;
        top: -1%;
        left: -5%;
    }
    

    #right::before {
        width: 65px;
    }

}


@media (min-width: 425px) and (max-width: 640px) {

    .bottom-social {
        display: block;
    }


    #wrap {
        flex-direction: column;
        padding: 2%;
    }

    #left,
    #right {
        float: none;
        margin: 1%;
        padding: 5% 10%;
        border-radius: 0;
        width: 100%;
        min-height: 100px;
    }

    #right {
        padding-left: 20%;
    }

    #left ul li {
        padding-left: 0 !important;
        text-align: justify;
    }

    #left::before {
        width: 75px;
        top: -1%;
        left: -5%;
    }


    #right::before {
        width: 65px;
    }

}

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

    #wrap {
        padding: 2% 2%;
    }

    #left h5,
    #right h5 {
//        font-size: 1rem !important;
    }

    #left {
        width: 75%;
    }

    #right {
        width: 35%;
        padding-top: 10%;
    }

    #left::before {
        width: 70px;
        top: -1%;
        left: -6%;
    }


    #right::before {
        width: 60px;
        top: 2%;
    }

}

@media (min-width: 1024px) and (max-width: 1400px) {
  
    #wrap {
        padding: 2% 2%;
    }

    #left h5,
    #right h5 {
//        font-size: 1.25rem !important;
    }

    #left {
        width: 75%;
    }

    #right {
        width: 35%;
        padding: 8% 3%;
    }


    #left::before {
        width: 100px;
        top: 35%;
        left: -5%;
    }


    #right::before {
        width: 60px;
        top: 3%;
    }
}


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

    #wrap {
        padding: 2% 15%;
    }

    #left h5,
    #right h5 {
//        font-size: 2rem !important;
    }

    
    #left ul li, #right ul li, #right a {
        font-size: 1.25rem !important;
    }

    #left {
        width: 75%;
    }

    #right {
        width: 35%;
        padding-left: 7%;
    }


    #left::before {
        width: 150px;
        top: 35%;
        left: -6.5%;
    }


    #right::before {
        width: 100px;
        top: 3%;
    }
}
.bottom-2nd{
background-color: #696969;padding-bottom: 16px;padding-top:16px;
}
.bottom-section-row{
background-color: #696969;
}
.bottom-section-row-img{
position: absolute;top:30%;left: -30px;width:100px;height:100px
}
.left-col-container{
padding: 32px 64px;background-color: #fff;
}
.right-col{
background-color: #fff;border-top-right-radius: 60px;border-bottom-right-radius: 60px;
}

@media screen and (max-width: 766px) {
.left-col{
background-color: #fff;
}
.right-col{
margin-top:10px;
border-radius:0px;
}
.left-col-container{
padding-bottom: 0px;
}
}