@media (min-width: 1366px) and (max-width: 1500px) {
    .section-login h1{
        font-size:34px;
    }
}

@media (max-width: 576px) {
    .container {
        max-width: 100%;
    }

}

@media (min-width: 768px) {
    .container {
        max-width: 768px;
    }

  
}

@media (min-width: 992px) {
    .container {
        max-width: 992px;
    }

    
}

@media (min-width: 1200px) {
    .container {
        max-width: 1440px;
    }
    
}

@media (min-width: 1400px) {
    .container {
        max-width: 1440px;
    }

    
}
@media (max-width: 1200px) {
    .navbar-light .navbar-toggler {
        border: 1px solid rgba(255, 255, 255, 0.9);
        color: #fff;
        right: 15px;
        top: 15px;
        padding:4px 8px;
        /* background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(255, 255, 255, 0.55)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")!important; */
    }
    .navbar-light .navbar-toggler-icon {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(255,255,255,1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
        font-size:14px;
    }
    .header .nav-item .nav-link{
        width:auto;
        padding:10px 15px 10px 0px;
        font-size:14px;
        display:inline-block;
        
    }
    .top-section .dropdown-toggle{
        padding-right:0px;
    }
    .navbar-light .navbar-toggler:focus{
        box-shadow:unset;
    }
    .navbar-light .navbar-toggler:active{
        box-shadow:unset;
    }
    .header .navbar-brand img{
        width:175px;
    }
    .section-banner h1{
        font-size:22px;
    }
    .section-banner{
        min-height:220px;
    }
    .section-1 .section-title h2{
        font-size:20px;
    }
    .section-1 .custom-card .item-box{
        padding:20px;
    }
    .section-1 .custom-card .item-box .icon{
        height:50px;
        width:50px;
    }
    .top-section .icon-II{
        height:unset;
        width:unset;
        border:unset;
        border-radius:50%;
        
    }
    .top-section .icon-II span{
        color:#0A8CF9;
        font-size:14px;
    }
    .section-1 .custom-card .item-box .icon span{
        font-size:18px;
    }
    .section-1 .custom-card .item-box .text b{
        font-size:16px;
    }
    .section-1 .custom-card .item-box .text p{
        font-size:14px;
    }
    .bottom-footer {
        margin-top: 0px;
        padding-bottom: 0px;
    }
    .bottom-footer {
        p {
            font-size: 12px;
            text-align: center;
        }
    }
    .bottom-footer {
        & ul {
            & li {
                a {
                    font-size: 12px;
                }
            }
        }
    }
    .bottom-footer {
        & ul {
            li {
                display: block;
                margin-bottom: 10px;
                text-align: center;
            }
        }
    }
    .bottom-footer {
        ul {
            padding: 10px 0px;
            margin: 0px;
        }
    }
    .pmt-wrap .contact-info {
        font-size: 12px;
    }
    footer .footer-widget .widget-title {
        font-size: 12px;
    }
    .avatar-upload {
        .avatar-preview {
            width: 100px;
            height: 100px;
            border: 4px solid #F8F8F8;
        }
        .avatar-edit {
            top: 10px;
            right:0px;
            input + label {
                width: 30px;
                height: 30px;
                
                &:after {
                    top: 5px;
                    font-size:14px;
                }
            }
       
        }
    }
    .section-profile .socila-icon a{
        font-size:14px;
    }
    .section-profile h5{
        font-size:18px;
    }
    .section-profile .socila-icon .icon{
        height:26px;
        width:26px;
    }
    .section-profile .socila-icon .icon span{
        font-size:10px;
    }
    .section-profile .nav-tabs .nav-link{
        font-size:16px;
    }
    .section-profile .card-custom h1{
        font-size:20px;
    }
    .section-profile .form-label{
        font-size:14px;
    }
    .section-profile .btn{
        font-size:14px;
    }
    .section-profile .card-II{
        border:0px;
    }
    
    
}
@media (max-width: 576px) {
    .top-section .logo img {
        width: 150px;
    }
    .top-section .icon {
        height: 30px;
        width: 30px;
    }
    .top-section .icon  i{
        font-size:12px;
    }
    .top-section .icon-II{
        height:unset;
        width:unset;
        border:unset;
        border-radius:50%;
        
    }
    .top-section .icon-II span{
        color:#0A8CF9;
        font-size:18px;
        padding-right:10px;
    }
    .top-section .call a{
        color:#05264e;
        font-weight:600;
        font-size:14px;
    }
    .top-section .user-text{
        font-size:14px;
    }
    .dropdown-menu .dropdown-item{
        font-size:14px;
    }
    .top-section .dropdown-menu{
        min-width:9rem;
    }
    .page-content img{ 
        display:none;
    }
    .avatar-upload {
        .avatar-preview {
            width: 100px;
            height: 100px;
            border: 4px solid #F8F8F8;
        }
        .avatar-edit {
            top: 10px;
            right:0px;
            input + label {
                width: 30px;
                height: 30px;
                
                &:after {
                    content: "\f040";
                    font-family: 'FontAwesome';
                    color: #757575;
                    position: absolute;
                    top: 5px;
                    left: 0;
                    right: 0;
                    text-align: center;
                    margin: auto;
                    font-size:14px;
                }
            }
       
        }
    }
    .section-profile h5{
        font-size:18px;
    }
    .section-profile .socila-icon .icon{
        height:26px;
        width:26px;
    }
    .section-profile .socila-icon .icon span{
        font-size:10px;
    }
    .section-profile .nav-tabs .nav-link{
        font-size:16px;
    }
    .section-profile .card-custom h1{
        font-size:20px;
    }
    .section-profile .form-label{
        font-size:14px;
    }
    .section-profile .btn{
        font-size:14px;
    }
    .section-profile .card-II{
        border:0px;
    }
    
}