@media(max-width:768px){
    .h-top{
        margin:0px;
    }
    .navbar-toggler{
        width:17%;
        float:right;
    }
    .navbar-brand{
        margin-right:0px;
        float:left;
        width:82%;
        font-size:23px!important;
    }
    .navbar-dark .navbar-toggler {
    color: rgb(3, 3, 3);
    border-color: rgba(20, 20, 20, 0.1);
    background: #a5adb2;
}
.info-packer p{
    text-align:justify;
    padding:0px;
}
.header_top{
    display:none;
}
.navbar{
    padding: 0rem 0rem;
}
.icon-container{
    margin-bottom:20px;
}
input{
    margin-bottom:15px;
}
.intro h2{
    font-size:20px;
}
.p-30 {
    padding: 30px 0px 10px;
}
.city-list{
    margin:0 20px;
}
.footer .title{
    margin-top:25px;
}
.footer .links-widget.links-widget-pac , .footer .footer-widget {
    padding: 0px;
}
.footer{
    padding:26px 0px;
}
.bg-about h1 {
    font-size: 2rem;
}
.bg-about{
    padding:10px;
    width:62%;
}
.pop_area .modal-dialog{
    max-width:100%;
}
label{
    margin-bottom:0px;
}
.packerd-and-mov-wrap{
    display:block;
}
.serv-block1{
    margin-bottom:20px;
}
}
@media only screen and (min-width : 320px) and (max-width : 568px){
    .info-area h3{
        font-size:16px;
    }
    .info-area p{
        font-size:14px;
    }
    p{
        font-size:14px!important;
    }
    .sub-title{
        font-size:1rem;
    }
    .bg-about h1 {
    font-size: 1.5rem;
}
.form_area label{
    font-size:15px;
}
h2.add-title{
    font-size:18px;
}
h3.add-sub-title {
    font-size: 16px;
}
}
@media only screen and (min-width : 768px) and (max-width :1024px){
    .packerd-and-mov-wrap{
        display:inline-flex;
    }
}