@media only screen and (max-width:991px) {
    .main-links ul li .dropdown-menu a:hover{
        background: #ffffff;
        color: #000 !important;
    }
    .main-links ul{align-items: start;}
    .main-links ul li a{
        padding: 8px 18px;
        display: block;
    }
    .main-links ul li{width: 100%;}
    .main-links ul li .dropdown-menu a{
        text-align:left;
        padding: 8px 0px;
        font-size: 14px;
    }.main-links ul li .dropdown-menu{padding: 0px 18px 20px;}
    .main-links ul li a.demo.cmn-btn{ float: left;}
    div#main-head button.navbar-toggler{
        border: 1.5px solid #764c29;
        padding: 3px 1px;
        margin: 0;
        box-shadow: 1px 2px 4px #d1d1d1;
    }div#main-head button.navbar-toggler span.navbar-toggler-icon {
        height: auto;
    }
}
@media only screen and (max-width:600px) {
    :root {
    --base-font: 14px;
    --section-padding: 40px 0;
    }
    div#main-head {position: static;}
    .plr {padding-left: 0px!important;padding-right: 0px!important;}
    section.banner {padding-top: 40px;}
    .h4, h4 {font-size: 1.2rem;}
    h1.banner-title {font-size: 32px;line-height: 42px;}
    .banner-text p {font-size: 16px;line-height: 24px;}
    .form-sec {padding: 25px;margin-top: 20px;}
    .banner-text {padding-right: 0;}
    h2.sec-title {font-size: 28px;}
    .sub-head {font-size: 18px;}
    img.float-img {top: -25px;left: 1px;width: 30px;}
    .price-body li {font-size: 16px;line-height: 30px;}
    .price-body li:before {top: 8px;}
    h2.cta {font-size: 22px;}
    .main-sec {margin-top: 0;}
    .footer-newsletter {width: auto;}
}
@media only screen and (max-width:575px) {
    div#main-head {
        padding: 16px 10px 16px;
    }
    div#main-head img.logo {
        width: 200px;
    }
}

@media only screen and (max-width:420px) {
    div#main-head img.logo {
        width: 160px;
    }
}