/*menu*/
    .rem-bottom {
        width: 20%;
    }
    .resp-menu-items {}
.resp-menu-items {
    position: absolute;
    background: #012173;
    padding: 6px 0;
    top: 80px;
    max-width: 400px;
    min-width: 200px;
    left: 0;
    display:none;
    z-index: 9999999999999;
}

.resp-menu-items li a {
    width: 100%;
    float: right;
    font-size: 15px;
    color: #fff;
    transition: 0.3s all ease-in-out;
}

.resp-menu-items li {
    padding: 4px 8px;
    list-style: none;
    width: 100%;
    display: table;
}

.resp-menu-items {}

.resp-menu-items li a:hover {
    padding-right: 20px;
}
    
    .rem-bottom button {
        padding:10px 0;
        width: 100%;
        text-align: center !important;
    }   
    .slide-title h2{
        text-align:center !important;
    }
    .theme-btn{cursor:pointer;}

   .resp-header {
        width: 100%;
        display: none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    }
    
    .resp-logo {
        width: 142px;
        float: right;
        height: auto;
        padding-top: 8px;
        padding-left: 14px;
        padding-right: 14px;
        border-left: 1px solid rgba(255, 255, 255, 0.3);
    }
    
    .resp-logo a img {
        max-width: 100%;
        height: auto;
    }
    
    .resp-navbar-brand {
        width: 100%;
        display: table;
        height: 100%;
    }
    
    .resp-app {
        /* width: 20%; */
        color: #fff;
        background: #012173;
        float: left;
        padding: 26px 9px;
        cursor:pointer;
    }
    
    .resp-menu {
        float: left;
        padding: 20.9px 19px;
        /* background: #fff; */
        text-align: center !important;
        border-left: 1px solid rgba(255, 255, 255, 0.3);
        position: relative;
    }
    
    .resp-menu button {
        background: none;
        color: #012173;
        font-size: 22px;
    }
    
    /*menu*/
@media only screen and (max-width: 992px) {
    .container-main-menu,.info-header ,.header-2 .container-fluid{display:none;}
    .resp-header { display: table;}
    .index-title h4{font-size:1.2rem;}
    .index-reminder{width:90%;}
    .likable-area{display:none;}
     .blog-section,.profile-items p{/* display:none; */}
     .blog-section{display:none;}
    .main-calc,.calc-container {max-width: 90%;}
}
@media only screen and (max-width: 850px) {

    .main-calc,.calc-container {max-width: 98%;}
}
@media only screen and (max-width: 760px) {
    .main-calc .col-2 {margin-bottom: 30px;}
    th{font-size: 14px;}
}

/*profile*/
@media only screen and (max-width: 1200px) {
      .profile-items p{/* display:none; */}
      .profile-container{max-width:90%;}
      .profile-items img, .profile-items svg{/* float:none; */}
      .profile-items {text-align: center !important;}
}

@media only screen and (max-width: 1100px) {
        .slide-title{max-width:100%;}
        .slider-inner .container{margin-top:65px;}   
        .index-title,.bime-card{width:90%;}
        
}
/*specification*/
@media only screen and (max-width: 950px) {.about-app{margin-top:40px;}}

@media only screen and (max-width: 900px) and (min-width:751px){
    .file-upload-cell {
        margin-bottom: 45px;
    }
     .img-card-upload {
        width: 95%;
        height: 100px;
    }     
    .custom-file-input {
         width: 50%;
         /* margin-top: -34px; */
         height: 25px;
    }
    p.name-image {
        width: 97%;
        right: 1%;
    }

}
@media only screen and (max-width: 750px) {
    .file-upload-cell {
        margin-bottom: 45px;
    }
     .img-card-upload {
        width: 50%;
        height: 100px;
    }     
    .custom-file-input {
         width: 50%;
    }
    p.name-image {
        width: 60%;
        right: 20%;
    }

}

@media only screen and (max-width: 778px) {
       .insurance-index-pag {
        width: 27%;}
    .slide-title h2{
        font-size:2.5rem;
    }
    .rem-bottom {
        width: 30%;
    }
        /*footer newsletter*/
    .nl-form{margin-bottom:40px;}
    .nl-text{margin-bottom:20px;}
    .col-md-5.wallet-pro{margin-bottom:20px;}
}

@media only screen and (max-width: 600px) {
    .slide-title h2{font-size:2rem;}
    .slide-text p{font-size:1rem;}
    .swiper-button-next,.swiper-button-prev {
      width: 20px;
      height: 30px;
      top: 20%;
    }
    
    .swiper-button-next {
      /*! left: 0 !important; */
      right: 48px !important;
    }
    .swiper-button-prev.swiper-button-disabled {
      right: 8px !important;
    }
    .theme-btn{font-size:10px;}
    .pagi {
      width: 90px;
      height: 50px;
    }
    .swiper-button-prev {
      right:  0 !important;
      margin-right: 7px;
    }
    .me-or-other {
        margin-right: 0;
    }
    .switch-button-case{font-size:14px;}
    .code-pro-top p, .wallet-top p{font-size: 19px;margin-top: 4px;float: right;margin-bottom: 14px;width:100%;}

}

/*profile*/
@media only screen and (max-width: 1000px) {
    .col-2.pro-right{display:none;}
    .resp-side-profile {
        background: #6ccb82;
        width: 100%;
        display:block;
            margin: 0;

    }
    .side-first {
        width: 10%;
        float: right;
        padding-bottom: 4px;
        border-left: 1px solid rgba(255, 255, 255, 0.3);
        padding-left: 15px;
        border-bottom: 0;
        padding-top: 6px;
    }
    .side-first h4{font-size:14px;margin-top: -8px;}
    .menu-profile {
        width: 10%;
        float: right;
        position: relative;
        display: table;
        border-left: 1px solid rgba(255, 255, 255, 0.3);
        height: 100%;
        text-align: center !important;
        /* padding-top: 39px; */
        padding: 19.2px 0;
    }
    .menu-profile i {
        /* background: #fff; */
        font-size: 24px;
        /* padding-right: 26px; */
        color: #f5f6f7;
        /* padding-top: 17px; */
    }
    .parent-items {
        position: absolute;
        background: #6ccb82;
        width: 200px;
        top: 68px;
        z-index:999999;
    }
    .menu-profile:hover {
        cursor: pointer;
    }
    
    .menu-profile:hover i {
        color: #000;
    }
}



@media only screen and (max-width:450px) {
    .pagi{display:none;}
    .slide-title h2{
        font-size: 1.5rem;
    }
    .myAlert-top{width:80%;right:10%;}
}
/*signin-login*/
@media only screen and (max-width:480px) {
    .container-signin-m {
        min-width: 80%;
        /* max-width: 100%; */
    }
    
    .row.main-signin .col-md-8 {
        width: 100%;
    }
    
    .container.signin-container {
        width: 95%;
    }
}
@media only screen and (max-width:380px) {
    .container.signin-container {
        width:99%;
    }
    .input_t1{width:92%;}
}@media only screen and (max-width:680px) {
    .row.main-signin .col-md-4{display:none;}
    html{overflow-x: hidden;}
}
@media only screen and (max-width:900px) {
    .sub li {
    background: #f5f6f7 !important;
    color: green !important;
    padding: 2px 4px;
}

.sub li a {
    color: #012173 !important;
    font-size: 12px;
}
    .container-signin-m {
        width: 64%;
    }
    
    .container.signin-container {
        width: 90%;
    }
}

/**/
@media only screen and (max-width:700px) {
    .profile-container{margin-top:-40px;}

}
/*profile*/
@media only screen and (max-width:500px) {
   .pagi {
        display: none;
    }
   .container.profile-container {
        min-width: 97%;
    }
    
    .col-10.pro-left {
        padding: 0px 4px;
        width: 100%;
    }
    
    .content-pro-left {
        min-width: 100%;
    }
    
    .dashboard {
        padding: 0;
    }
    
    .row.top-dashboard {
        width: 100%;
    }
    
    .row.top-dashboard .col-1 {
        width: 2%;
    }
    
    .row.top-dashboard .col-3 {
        width: 42%;
    }
    
    .row.top-dashboard .col-3:last-child {
        margin-top: 13px;
    }
    
    .col-md-9.dashboard-inner-left {
        padding: 7px 6px;
    }
    .slider-inner.about-head.slide-inner2 {
        width: 100%;
        display: table;
        right: 0;
        margin-top: -7px !important;
    }
    
    .index_slider img {
        display: none;
    }
    
    .index_slider {
        margin-top: -4rem;
    }
    .slider-inner {
        margin-top: 64px;
        padding: 33px 0 20px 0;
        position: relative;
        background: #f5f6f7;
    }
    
    .slider-inner .container {
        top: -10px !important;
    }
    .main-reminder svg {
        top: 51px;
    }

    .container-fluid.main-reminder {
        margin-top: 0;
    }

    .slider-inner {
        /* margin-top: 90px !important; */
    }

    .slide-title h2, .slide-text p {
        color: #000 !important;
    }
    
    a.black-btn.resp-app.resp-btn2 {
        display: none !important;
    }
    
    a.theme-btn.animate__animated.animate__pulse.animate__infinite {
        font-size: 12px;
        margin-bottom: 13px;
    }
    .container.mt-5.mb-5.pt-5.contact-container {
        margin-top: 0 !important;
    }
    
    form.contact-form {
        margin-bottom: 40px;
    }
}

.resp-btn2{display:none;}
@media only screen and (max-width:450px) {
.resp-btn2{display: block !important;background: rgb(44, 52, 89) !important;padding: 0px 22px 2px 22px;margin: auto;width: 149px;float: none;}
    
    .slider-inner {
        margin-top: 64px;
        background: #f5f6f7;
        position: relative;
        padding: 14px;
    }
    .slider-inner .container {
        top: -44px !important;
        margin-top: 25px !important;
    }
    .slide-title h2 {font-size: 1.2rem;margin-bottom: 12px;}

    .resp-app,.an1 ,.slide-text{
        /* display: none; */
    }
    
    .resp-menu {
        float: left;
        border-right: 1px solid rgba(255, 255, 255, 0.3);
    }
    a.black-btn.resp-btn.resp-btn2 {
        text-align: center !important;
        float: none;
        padding: 7px 41px !important;
    }
    .nl-form button {
        left: 16px;
    }
    
    .nl-form input {
        width: 92%;
        right: 0;
    }
}

section.res-sec-blog{display:none;}
/**/
@media only screen and (max-width: 992px) {

    section.res-sec-blog {
        display:block;
        margin-bottom: 30px;
    }
    
    .blog-box {
        display: table;
        margin-bottom: 28px;
        border-bottom: 1px solid #f5f6f7;
        padding: 13px;
    }
    
    .img-blog {
        width: 30%;
        float: right;
        margin-left: 20px;
    }
    
    .text-blog {
        width: 60%;
        float: right;
    }
    
    .blog-box p {
        width: 100%;
        float: right;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        font-size: 16px;
        margin-top: 18px;
        -webkit-line-clamp: 3;
    }
    
    .img-blog img {
        border-radius: 1px;
    }
    
    .text-blog h3 {
        font-size: 1.4rem;
    }
}
@media only screen and (max-width: 502px) {
    .blog-box p {
        -webkit-line-clamp: 2;
        font-size: 14px;
    }
    
    .text-blog h3 {
        font-size: 1.1rem;
    }
}