@media only screen and (max-width: 700px) and (min-width: 320px)   {
    .acount-dhamaka header .navtop {
        width: 100%;
    }
    .acount-dhamaka .navbar-dark .navbar-toggler{
    position: absolute;
    right: 17px;
    top: 14px;
    }
    .navbar-nav{
        
    position: absolute;
    background: #fff;
    width: 100%;
    left: 0;
    top: 55px;
}
.acount-dhamaka .navbar-dark .navbar-toggler {
    color: rgba(255,255,255,.5);
    border-color: rgb(22, 21, 21) !important;
    border:none !important;
}
.navbar-nav .nav-link{ text-align: left;}
.banner-home{    flex-direction: column;}
.brandbox ul li{
    margin: 0 10px;
    margin-bottom: 22px;
}
.limited-offer h2{
    margin-top: 28px;
    font-size: 20px;
}
.limited-offer ul li span {
   
    width: 32px;
    height: 32px;
    border-radius: 4px;
    background-image: linear-gradient(15deg, #fa225a 5%, #f5cb52 189%);
    float: left;
    margin-left: 5px;
    color: #fff;
    font-size: 22px;
    text-align: center;
    margin-bottom: 14px;
}
.limited-offer ul li {
    list-style: none;
    float: left;
    margin-left:8px;
}
.limited-offer ul {
    margin-left: -32px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.limited-offer ul li p {
    width: 100%;
    font-size: 15px;
}
.content-bg{ height: 250px;}
.price-plane .price-plane-description{
    width:100%
}
.special-discount-box{
    float: left;
    margin: 0 6px;
}
.special-discount-description{
    width: 100%;
}
.special-discount-description h2 {
    font-size: 14px;
}
.special-discount-description h2 span {
    font-size: 20px;}
    .special-discount-description h4{
        font-size: 14px;
    }
    .special-discount-description{width: 169px;}
    .price-plane-left{    height: 220px}
    .price-plane .price-plane-description{  height: 220px}
    .price-plane .price-plane-description p {
        font-size: 20px;}
        .consult-div{padding: 20px 0;}
        .consult h3 {
            font-size: 27px;
    margin-bottom: 30px;}
            .consult-div .row{
                display: block;
                margin-right:0;
            }
            .consult-div .row .col{
                margin-bottom:18px;
            }
            .why-choose h2 {
                font-size: 21px;}
                .why-choose ul{
                  flex-direction: column;
                  padding-left: 0;
                }
                .why-choose ul li{
                    
    margin-bottom: 53px;
                }
                .callnow{
                    flex-direction: column;
                    height: 144px;
                    margin-top:0;
                }
                .callnow a{
                font-size: 16px;
                }
                .callnow div + div {
                    margin-left: 0;
                    border-left: 0 solid #fff;
                    padding-left: 0;
                }
                .price-button{
                    bottom: -20px;
                }
                .brandbox h2{
                    font-size: 26px;
                }
                .consult-div .col-md-8,  .consult-div .row .col{
                    margin-right: 0;
                    padding-right: 0;}
}