/*********************************************************************

    Template Name: Purex - Creative Agency HTML Template  
    Template URI: https://themeforest.net/user/
    Description: Purex is a responsive agency template built to create modern powerful agency website.
    Author: nilArtStudio
    Author URI: http://nscreativestudio.com/
    Version: 1.1

    Note: Your custom styles declare here.

*********************************************************************/


.blog-content ul, .blog-content ol {
    list-style-type: disc;
    padding-left: 15px;
    margin-left: 20px;
}

.blog-content ul li, .blog-content ol li {
    list-style-type: disc;
    padding: 8px 0;
}

.lang-btn {
    background: none;
    border: 2px solid #4864F8;
    color: #fff;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
}

.lang-btn:focus {
    outline: none;
    outline-offset: 0;
    background-color: #4864F8;
    color: #fff;
}

.lang-btn:hover {
    background-color: #4864F8;
    border: 2px solid #4864F8;
    color: #fff;

}

.lang-btn .active {
    background-color: #4864F8;
    border: 2px solid #4864F8;
    color: #fff;
}

.open>.dropdown-toggle.lang-btn:focus {
    background-color: #4864F8;
    border: 2px solid #4864F8;
    color: #fff;
}

.lang-btn.active, .lang-btn:active, .open>.dropdown-toggle.lang-btn {
    background-color: #4864F8;
    border: 2px solid #4864F8;
    color: #fff;
}

.lang-ul {
    background: #e5e5e5;
    text-align: center;
    border: none;
}

.lang-li {
    border-bottom: 1px solid rgba(255,255,255,.8);
    padding: 0!important;
    display: block!important;
    text-align: center;
    background: #e5e5e5;
}

.lang-li:hover {
    background-color: #4864F8!important;
    color: #fff!important;
}

.lang-li a:hover {
    background-color: #4864F8!important;
    color: #fff!important;
}

.lang-li a {
    width: 100%;
    color: #e5e5e5;
    padding: 15px;
    background: #e5e5e5;
}

.dropdown-menu {
    min-width: 110px!important;
}

.dropdown-item {
    background: none!important;
}



@media only screen and (min-width: 320px) and (max-width: 991px) {
    .lang-btn {
        padding: 5px 15px!important;
    }

    .custom-border {
        border-bottom: 1px solid #444444!important;
    }

     .custom-padding {
        padding: 10px 15px!important;
    }
}

@media only screen and (min-width: 561px) and (max-width: 768px) {
    .custom-padding {
        padding: 10px 30px!important;
   }
}

 @media only screen and (min-width: 769px) and (max-width: 990px) {
     .custom-padding {
         padding: 10px 35px!important;
     }
 }