/*-----------------------MOBILE-RESPONSIVE---------------------------*/
@media(min-width:320px) and (max-width:767px) {
    .area-inr img {
        display: block;
        width: inherit;
        animation: 3s infinite alternate floating;
    }
    .dsk-view{ display: none; }
    .mob-view { display: block; }     

    .calltoaction .fa-solid,
    .fas {
        display: none !important;
    }
    .navbar-brand {
        float: left;
        width: 25%;
    }

    .navbar-brand img {
      width: 110px;
    }

    .calltoaction {
        float: left;
        margin: 0px;
    }
    .calltoaction a {
        font-size: 12px;
        padding: 11px 10px;
        margin-right: 5px;
        font-weight: 600;
        text-transform: uppercase;
    }
    .area-inr1 strong {
        font-size: 20px;
    }
    .area-inr1 h1 {
        margin-top: 12px;
        font-size: 24px;
        font-weight: 800;
        color: #000;
        margin-bottom: 15px;
    }
    .area-inr1 p {
        font-size: 15px;
        line-height: 20px;
    }
    .area-inr1 .fa-solid {
        font-size: 14px;
    }   
    .span, .span-3, .span-4, .span-5 {font-size: 14px;font-weight: 600;}

    .span{margin-top: 10px;font-weight: 600;}    

    .area-2 {
        padding: 35px 0 0;
    }
    .area-inr2 h2 {
        font-size: 24px;
        line-height: 32px;
        font-weight: 700;
        color: #000;
    }
    .area-3 {
        padding: 40px 0;
    }
    .area-inr3 h3 {
        font-size: 24px;
        line-height: 32px;
        font-weight: 700;
        color: #000;
        text-align: center;
        margin-bottom: 31px;
    }
    .area-inr4 h3 {
        font-size: 24px;
        color: #fff;
        font-weight: 600;
    }
    .area-4 {
        padding: 18px 0;
        height: 180px;
    }
    .btn-area2 {
        margin-top: 12px;
        text-align: center;
    }
    .area-5 ul li img {
        margin: 6px 15%;
        width: 57%;
    }
    .area-6 {
        padding: 30px 0;
    }
    .package-heading h4 {
        font-size: 24px;
        margin-top: 10px;
        margin-bottom: 59px;
        line-height: 32px;
    }
    .box-area h4 {
        font-size: 26px;
    }
    .box-area {
        margin-bottom: 20%;
    }
    .area-7 h4 {
        color: #000;
        font-size: 24px;
        font-weight: 600;
        margin-bottom: 20px;
    }
    .area-inr8 h4 {
        margin-top: 11px;
        font-size: 24px;
        color: #000;
        font-weight: 700;
    }
    .area-8 {
        padding: 14px 0;
        height: auto;
    }
    .area-9 {margin-bottom: 0;}

    .area-10 {
        padding: 20px 0;
    }
    .area-heading h4 {
        text-align: center;
        font-size: 30px;
        margin-bottom: 14px;
    }
    .area-inr10 span {
        color: #000;
        font-size: 20px;
        font-weight: 600;
    }
    .area-inr10 h4 {
        margin-top: 11px;
        font-size: 20px;
        font-weight: 800;
        color: #fff;
        margin-bottom: 30px;
    }
    .area-inr10 a {
        color: #fff;
        font-size: 18px;
    }
    .area-inr10 .fa-solid {
        background: #fff;
        padding: 10px;
        margin: 8px 0px;
        font-size: 18px;
    }
    .form-group3 .fa-solid {
        position: absolute;
        background: none !important;
        margin-left: -46px !important;
        font-size: 14px !important;
        margin-top: 3px !important;
    }
    .inpt-btn3 {
        width: 33.9%;
        float: left;
        margin: 17px 0%;
        background-color: #ffffff;
        border: 3px solid #0000;
        color: #1e2785;
        padding: 4px 9px;
        font-weight: 900;
        text-transform: uppercase;
        font-size: 16px;
        margin-bottom: 0;
        border-radius: 50px;
        box-shadow: 0 2px 8px #21252985;
    }
    .area-inr3 img {
        width: 100%;
        margin: 6px 0px;
        border: 2px solid #c3bfbf;
    }
    .package-heading strong {
        font-size: 20px;
        line-height: 20px;
    }
    .area-5 ul li {
        width: 50%;
        float: left;
    }
    .area-5 ul li img {margin: 0px; width: 100%;}
    .area-5 {padding: 20px 0;}
    .area-7 {margin-top: -80px;}
    .area-inr1 p span {width: 92%;}
    .area-inr1 p i {width: 5%;}
    .copy{margin-bottom: 66px;}
}


/*-----------------------TAB-RESPONSIVE---------------------------*/

@media(min-width:768px) and (max-width:999px) {
    .navbar-toggler {
        padding: 0.25rem 0.75rem;
        font-size: 1.25rem;
        line-height: 1;
        background-color: black;
        border: 1px solid transparent;
        border-radius: inherit;
    }    

    .area-inr1 p {
        font-size: 15px;
        line-height: 24px;
    }
    .area-inr1 h1 {
        margin-top: 20px;
        font-size: 26px;
        margin-bottom: 20px;
    }
    .area-inr2 h2 {
        font-size: 26px;
        margin-bottom: 34px;
        line-height: 40px;
    }
    .area-inr3 h3 {
        font-size: 26px;
    }
    .area-inr4 h3 {
        font-size: 24px;
    }
    .btn-area2 {
        margin-top: 13px;
        text-align: center;
    }
    .area-4 {
        padding: 19px 0;
        height: auto;
    }

    .package-heading strong {
        font-size: 20px;
    }
    .area-5 ul li {
        display: table-cell;
    }
    .area-6 {
        padding: 30px 0;
    }
    .package-heading h4 {
        font-size: 26px;
        margin-bottom: 55px;
    }
    .box-area {
        width: 83%;
        float: left;
        text-align: center;
        background: #fff;
        box-shadow: 0 0 8px #afb1b3e3;
        padding: 26px;
        z-index: 1;
        margin-top: -19px;
        margin-bottom: 14%;
        margin-left: 9%;
    }
    .tag p {
        background: #ff3951;
        font-weight: 600;
        padding: 5px;
        width: 78%;
        margin: 0 12%;
        border-radius: 10px 10px 0px 0px;
        color: #fff;
    }
    .divider {
        display: none;
    }
    .area-7 {
        padding: 5px 0;
        text-align: center;
        margin-bottom: 20px;
    }
    .area-7 h4 {
        font-size: 26px;
        margin-bottom: 20px;
    }
    .area-inr8 h4 {
        margin-top: 11px;
        font-size: 26px;
        color: #000;
        font-weight: 700;
    }
    .area-9 img {
        display: block;
        animation: 3s infinite alternate floating;
        width: inherit;
        margin-bottom: 20px;
        width: 50%;
        margin: 0 auto;
    }
    .area-10 {
        padding: 15px 0;
    }
    .area-heading h4 {
        text-align: center;
        font-size: 36px;
        margin-bottom: 30px;
    }
    .area-3 {
        padding: 0px
    }
    .area-5 {
        padding: 20px 0 0;
    }
    .area-inr10 span {
        font-size: 20px;
    }

    .area-inr10 .fa-solid {padding: 10px;font-size: 20px;}
    .area-inr10 a {font-size: 20px;}
    .area-inr10 h4 {
        margin-top: 13px;
        font-size: 26px;
        font-weight: 800;
        color: #fff;
        margin-bottom: 13px;
    }
    .area-inr10 a {
    }
    .form-main3 {
        width: 94%;
        float: left;
        margin: 28px 3px;
    }
    .span, .span-3, .span-4, .span-5 {font-size: 15px;}
}