@media screen and (max-width: 1366px){
    body{
        font-size: 16px;
    }

    .form-heading{
        font-size: 2em;
    }

    .form-subheading {
        margin-top: 10px;
        letter-spacing: 0.5px;
        font-size: 1.6em;
    }

    .form-group .form-control{
        height: 3.2em;
    }

    .form-main{
        width: 33%;
    }
}
@media screen and (max-width: 1024px){
    .package-details{
        width: 80%;
    }

    .price_main{
        padding: 20px;
    }
    
    .table thead tr th, .table tbody tr td{
        padding: 10px;
    }

    .package-details, .price_main{
        width: 100%;
    }

    .myAcc-block{
        padding: 20px;
    }

    #userAcc-section ul.nav-pills{
        flex: 2;
    }

    .form-main{
        width: 50%;
    }
}

@media screen and (max-width: 768px){
    
    #caretPrice{
        background-size: 200px;
    }

    .form-main {
        width: 60%;
    }

    .forgot-inner{
        width: 100%;
        padding: 20px;
    }

    .profile-dropdown:after {
            left: 66%;
    }
    
}

@media screen and (max-width:680px){
    body{
        font-size: 14px;
    }

    .form-main, .form-main.registration{
        width: 350px;
        padding: 20px;
        margin: auto;
        position: static;
        transform: translate(0%, 0%);
        margin-bottom: 20px;
    }

    .formBlock{
        padding: 0px;
    }

    a.logo {
        display: block;
        margin: auto;
        text-align: center;
    }

    .form-heading{
        font-size: 28px;
    }

    .breath{
        padding: 20px;
    }

    header{
        padding: 25px;
    }

    .package-details{
        padding: 15px;
    }

    .divider{
        margin: 15px 0px;
    }

    a.btn.btn-warning{
        margin-bottom: 25px;
    }

    .flex-center{
        display: block;
    }

    .my-acc, .my-acc:hover, .my-acc:focus{
        width: 100%;
        margin-top: 15px;
        text-align: left;
    }

    .user-profile {
        opacity: 1;
    }
    
    #priceInner{
        display: block;
    }

    .inc-dec{
        padding: 0px;
    }

    #priceInner .price-box{
        margin: 0;
        margin-bottom: 15px;
    }

    #caretPrice{
        background-image: none;
    }

    span.dropDown-btn{
        float: right;
        margin-top: 8px;
    }

    #userAcc-section{
        display: block;
    }

    #userAcc-section ul.nav-pills{
        width: 100%;
        margin-bottom: 20px;
    }

    .tab-body{
        padding: 15px;
    }

    .profile-dropdown:after {
            left: 87%;
    }

     .timedate {
    font-size: 16px;
    color: #fff;
    display: block;
    margin-left: 0;
    text-align: center;
    margin-top: 15px;
    }
}