/*================================ 
    #RESPONSIVE CSS 
====================================*/

@media (min-width: 1700px) {
    .contact-info li:nth-child(1),
    .contact-info li:nth-child(2) {
        width: 50%;
    }
    .contact-info li:nth-child(1) span,
    .contact-info li:nth-child(2) span {
        display: contents;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 80%;
        margin: 0 auto;
    }
    .nav-item .bbb-wrapper .subcribe-form #subscribe input {
        width: 260px;
    }
    /*.nav-item .bbb-wrapper .subcribe-form form {
        top: 6px;
    }*/
}

@media (min-width: 1000px) {
    .collapse.navbar-collapse.ml-auto {
        margin-left: auto !important;
        justify-content: flex-end;
    }
    .image-ins li:nth-child(4) {
        clear: both;
    }
    .cart-sec .nav-item:last-child button {
        margin-top: -5px !important;
        margin-left: 4px;
    }
}

@media (min-width: 1300px) {
    .collapse.navbar-collapse.ml-auto {
        margin-left: auto !important;
        ;
    }
    .social-icon .list-unstyled {
        margin-left: -30%;
    }
}

@media (max-width: 1450px) {
    .profile__details ul li {
        margin-bottom: 0;
        line-height: 1.45;
    }
}

@media (max-width: 1450px) {
    .like__box.p-4 {
        padding: 0rem 1.5rem 1rem 1.5rem !important;
    }
    /* .like__box .btn-solid-secondary { 
        padding: .6rem 1rem;
    } */
}

@media (max-width: 1500px) {
    .navbar-light .navbar-nav .nav-link {
        padding-right: 10px;
        padding-left: 10px;
        font-size: 13px;
    }
    .hamburger {
        margin-left: 15px;
    }
    .three {
        margin-bottom: 2rem;
    }
    .phone-ver {
        width: 80%;
        margin: 0 auto;
    }
    .verify-instruction {
        width: 80%;
        margin: 0 auto 0 12rem;
    }
}

@media (max-width: 992px) {
    html {
        font-size: 55%;
    }
    .navbar-brand {
        width: 15%;
    }
    .navbar-nav.cart-sec {
        margin-top: 0px;
        margin-left: auto;
        width: 5rem;
    }
    .navbar-nav.placeholder-color.order-2.order-lg-3 {
        margin-left: auto;
        margin-right: 2rem;
    }
    .cart-sec .nav-item:last-child .dropdown-toggle::after {
        margin-left: 15px;
        margin-bottom: 3px;
    }
    .navbar-nav.cart-sec .btn-default.dropdown-toggle::after {
        content: none;
    }
    .navbar-brand {
        margin-left: 0px;
    }
    .hamburger {
        margin-left: 10px;
    }
    .cart-sec.d-block .nav-item:last-child {
        background-color: transparent;
        padding: 0px;
    }
    .cart-sec li.nav-item {
        float: left;
    }
    .cart-sec.d-block .nav-item:last-child .nav-link {
        color: var(--maincolor);
        margin-top: 0px;
        text-align: center;
    }
    .cart-sec.d-block .nav-item:last-child .nav-link:hover {
        color: var(--seconcolor);
    }
    .navbar-light .navbar-nav.cart-sec .nav-link {
        padding-left: 0px;
        padding-right: 10px;
        margin-top: 0px;
    }
    .navbar-brand {
        margin-right: 0;
    }
    .cart-sec .nav-item:first-child:before {
        content: normal;
    }
    .cart-sec .nav-item:last-child .nav-link {
        display: none;
    }
    .cart-sec li:last-child {
        display: block;
    }
    .cart-sec.d-block li {
        display: block;
    }
    .header button {
        margin-top: 0rem;
    }
    .cart-sec .nav-item:last-child {
        margin-top: 0rem;
    }
    .banner {
        height: 300px;
    }
    .banner-bottom-inside {
        bottom: -5%;
        width: 100%;
        padding: 1.5rem 0;
        left: 0;
        overflow: hidden;
        position: relative;
    }
    .login {
        box-shadow: 0px 4px 30px rgba(234, 67, 53, 0.5);
    }
    .form-steps {
        margin: 10px 0;
    }
    .about {
        padding: 75rem 0 6rem;
    }
    .member-list {
        margin-top: 2rem;
    }
    .about .img-fluid {
        margin-top: 2rem;
    }
    .navbar-collapse {
        background: rgba(0, 0, 0, 0.3);
        padding-left: 1rem;
        z-index: 9999;
    }
    .navbar-light .navbar-collapse .navbar-nav .nav-link {
        color: #fff;
    }
    .navbar-nav .dropdown-menu {
        position: absolute;
    }
    .banner {
        align-items: start;
    }
    .login-text {
        margin-top: 8rem;
        margin-bottom: 1rem;
    }
    .three {
        margin-bottom: 0rem;
    }
    .cart-sec .nav-item:last-child button {
        margin-left: 2px;
    }
    .pricing span.d-lg-none {
        position: absolute;
        left: 4%;
    }
    .pricing .card li {
        text-align: right;
    }
    .pricing .card {
        width: 100%;
        flex: auto !important;
    }
    .pricing .card-header {
        height: 110px !important;
    }
    .pricing-plan li {
        font-size: 1.8rem;
        font-weight: bold;
    }
    .card-group .card:nth-child(5) {
        background: #F4F4F4 !important;
    }
    .pricing .card li:first-child span {
        color: #fff;
    }
    .pricing .card li:first-child {
        background: #272626;
        font-weight: bold;
        color: #fff !important;
    }
    /* ---------------------------------------- */
    .member__list__wrapper .search__result__wrap .btn-primary {
        padding: 1rem .2rem;
        display: flex !important;
        justify-content: center;
        align-items: center;
    }
    .member__list__wrapper .search__result__wrap .btn-primary img {
        margin-right: 1rem;
    }
    .member__list__wrapper .col-lg-4.left__container {
        max-width: 100%;
    }
    .member__list__wrapper .col-lg-4.left__container .responsive_search_btn {
        display: flex;
        margin-top: 2rem;
    }
    .member__list__wrapper .search__box {
        display: none;
    }
    .upgrade_modal {
        padding-right: 0 !important;
    }
    .upgrade_modal .modal-content .modal-header .close {
        top: 0rem;
        right: 1rem;
    }
    .id__search .search__wrapper .select2-container .select2-selection--single {
        height: 36px;
    }
}

@media (max-width: 680px) {
    html {
        font-size: 45%;
    }
    .header {
        height: 8rem;
    }
    .about {
        padding: 65rem 0 6rem;
    }
    .bottom-link {
        justify-content: center;
        width: 100%;
    }
    .footer .footer-widget-title {
        margin: 20px 0 10px;
    }
    .footer-bottom ul {
        justify-content: center;
    }
    .one {
        text-align: center;
        padding-left: 0rem;
    }
    .one p {
        font-size: 1.5rem;
        line-height: 2rem;
    }
    .bbb-wrapper .subcribe-form #subscribe #subscribe-button {
        top: 1.6rem;
    }
    .phone-ver {
        width: 100%;
    }
    .verify-instruction {
        width: 88%;
        margin: 0 auto;
    }
    /*.pricing .card {
        border-bottom: 20px solid #fff;
    }*/
    .pricing .card {
        border-right: 0px !important;
    }
    .part-des .login {
        padding: 2rem 2rem;
    }
    .pricing .card-header {
        height: 100px !important;
    }
    /* ----------------------------------- */
    .compare__wrapper .content__box .table td {
        line-height: 2.43rem;
    }
    .upgrade_modal .modal-content .content__box .details {
        width: 100%;
    }
    .upgrade_modal .modal-content ul li img {
        width: 2.3rem;
    }
    .upgrade_modal .modal-content ul li.btn__box .btn-primary {
        padding: .6rem 1.2rem .8rem 1.2rem;
    }
    .upgrade_modal .modal-content ul li.btn__box .btn-primary img {
        width: 2.3rem;
        height: auto;
    }
}

@media (max-width: 460px) {
    .banner-bottom {
        align-items: center;
        padding: 30px 0 0;
    }
    .bottom-link {
        margin-top: 20px;
    }
    .footer .footer-widget-title {
        margin: 20px 0 10px;
    }
    .col-md-6:nth-child(4n) .list-unstyled {
        justify-content: center;
    }
    .bottom-link {
        justify-content: center;
        width: 100%;
    }
    .col-md-6:first-child {
        text-align: center;
    }
    .member-list li strong {
        font-size: 1.4rem;
    }
    .member-list li small {
        font-size: 1.4rem;
        line-height: 1.6rem;
    }
    .one h2 {
        font-size: 1.8rem;
        line-height: 3rem;
    }
    .footer-bottom {
        justify-content: center !important;
    }
    .banner-bottom-inside {
        border-radius: 30px;
    }
    /*.modal-header .close {
    margin: -8.5rem -1.4rem -1rem auto;
    }*/
    .upload-pic-two:after {
        content: normal;
    }
    .image-ins li img {
        width: 45px;
    }
    .upload-pic-two,
    .instruction {
        flex: 0 0 50%;
    }
    .propic-inside-con h3 {
        font-size: 1.8rem;
    }
    .verify-instruction {
        width: 80%;
        margin: 0 auto;
    }
    .call-to-action h4 {
        font-size: 1.5rem;
    }
    .part-des .propic-inside-con {
        width: calc(96% - 4%);
    }
    /* --------------------- */
    .compare__wrapper .content__box .header_box .postion_text {
        max-width: 32rem;
        padding: 0 12%;
        line-height: 1.3;
    }
    .upgrade_modal .modal-content .modal-header {
        padding: 2rem 0 7rem 0;
    }
    .upgrade_modal .modal-content ul li.btn__box .btn-primary:nth-child(2)::after {
        content: none;
    }
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 400px;
    }
}

@media (max-width: 767.99px) {
    .blog__list__wrapper .right_container {
        padding-top: 4rem;
    }
    .id__search .search__wrapper .select2-container .select2-selection--single {
        height: 36px;
    }
    .id__search .search__wrapper .search__form .input_box label {
        padding: 1.35rem;
    }
}

@media (max-width: 575.99px) {
    .blog__page .blog__list__wrapper .comment__box li .user__img {
        position: static;
    }
    .blog__page .blog__list__wrapper .comment__box li {
        padding: 1.5rem;
    }
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 400px;
    }
}

@media (max-width: 1030px) {
    .contact-info li,
    .contact-info li a {
        white-space: normal;
    }
}

@media (max-width: 770px) {
    .about-banner,
    .contact-banner {
        height: 150px;
    }
    .contact-body .btn-primary {
        margin-bottom: 1.5rem;
    }
}

@media (max-width: 380px) {
    .nav-pills .nav-link {
        padding: .6rem 2rem;
        margin-right: 0;
    }
    .about-body h3 {
        font-size: 1.8rem;
    }
    .mandate li {
        font-size: 1.6rem;
    }
    .strives li {
        font-size: 1.6rem;
    }
    .about-body p {
        font-size: 1.6rem;
    }
    .promise li {
        font-size: 1.6rem;
    }
}

@media (max-width: 420px){
.header .userBtn button i {
    top: 5px;
    left: 2px;
}
.copy-right {
    flex: 1;
}
.bbb-wrapper .subcribe-form #subscribe #news_letter_submit{
	top: 1.2rem;
}
.pricing .nav-pills {
    justify-content: space-between;
}
}

@media (max-width: 375px){
.copy-right {
    flex: inherit;
    margin-bottom: 15px;
}
}