@media (min-width: 320px) and (max-width: 767px){
    .home-3 .header{
        padding: 0px 0px 0px;
    }
    .hero-section .col-lg-7{
        padding-left: 30px!important;
        padding-right: 30px!important;
    }
    .hero-section .col-xl-5.col-lg-6.col-md-12{
        padding-left: 30px!important;
        padding-right: 30px!important; 
    }
    .security-page-sec .col-lg-12{
        padding-left: 30px!important;
        padding-right: 30px!important;
    }
    .security-page-sec .col-lg-10{
        padding-left: 30px!important;
        padding-right: 30px!important;
    }
    .category-sec-multiple .col-lg-2.col-sm-12.col-md-6{
        padding-left: 30px!important;
        padding-right: 30px!important;
    }
    .adt-monitored-sec .col-lg-12.col-sm-12.col-md-12{
        padding-left: 30px!important;
        padding-right: 30px!important;
    }
    .adt-monitored-sec .col-lg-4.col-md-6.col-sm-12{
        padding-left: 30px!important;
        padding-right: 30px!important;
    }
    .smart-product-sec .col-lg-12.col-md-12.col-sm-12{
        padding-left: 30px!important;
        padding-right: 30px!important;
    }
    .banner-text-image-sec .col-lg-12.col-sm-12.col-md-12{
        padding-left: 30px!important;
        padding-right: 30px!important;
    }
    .banner-text-image-sec .col-lg-12.text-center{
        padding-left: 30px!important;
        padding-right: 30px!important;
    }
    .adt-product-sec .col-lg-4.col-sm-12.col-md-6{
        padding-left: 30px!important;
        padding-right: 30px!important;
    }
    .call-now-form-sec .col-lg-7.col-md-12.col-sm-12{
        padding-left: 30px!important;
        padding-right: 30px!important;
    }
    .call-now-form-sec .col-lg-5.col-md-12.col-sm-12{
        padding-left: 30px!important;
        padding-right: 30px!important;
    }
    .title-main-title{
        font-size: 32px;
    }
    .navbar{
        position:unset
    }
    .tittle-box-sec p{
        font-size: 14px!important;
        line-height: 24px!important;
    }
    .title-product {
        position: absolute;
        left: 10%;
        top: 8px;
        font-size: 19px;
        line-height: 40px;
        font-weight: 700;
    }
    .product-image-box::before{
        top: 47px;
    }
    .navbar>.container {
        flex-wrap: nowrap;
    }
    .theme-btn.smae-btn {
        height: 46px;
        line-height: 48px !important;
        min-height: 46px;
        font-size: 9px!Important;
        padding: 0px 10px;
        white-space: nowrap;
        min-width: auto;
    }
    .theme-btn i{
        display: none;
    }
    .navbar .nav-right-btn{
        display: block!important;
    }
    .call-thme-btn {
        margin-top: 7px;
        margin-bottom: 13px;
    }
    .co-brand{
        margin-bottom: 20px;
    }
    .hero-form-wrap {
        background-color: #eee;
        padding: 20px;
        border-radius: 10px;
    }
    .form-title {
        font-size: 26px !important;
        line-height: 36px !important;
        padding: 0px 0px 20px 0px;
        color: #353536;
        
    }
    .form-text-description{
        color: #4a4e56!important;
        line-height: 17px!important;
    }
  
    .hero-section{
        padding-bottom: 15px;
    }
    .security-page-sec{
        padding: 20px 0px 20px;
    }
    .title-main-title1 {
        font-size: 40px;
        margin-bottom: 10px;
        line-height: 44px;
    }
   
    .description-psi{
        font-size: 11px!important;
    }
   
    .logo-category-work{
        margin-bottom: 30px;
    }
    .category-sec-multiple{
        padding: 30px 0px 5px;
    }
    .adt-monitored-sec{
        padding: 20px 0px 20px;
    }
    .bg-image-monitored{
        margin-top: 20px;
    }
    .card-box-up{
        margin-top: -50px;
    }
    .images-content-box{
        display: block;
        text-align: left;
    }
    .moitored-img{
        width: 100%;
        float: unset;
        text-align: center;
        margin-bottom: 6px;
    }
    .monitored-text{
        padding-left: 0px;
        width: 100%;
    }
    .monitored-card-box{
        min-height: 325px;
    }
    .smart-product-sec{
        padding: 20px 0px 20px;
    }
    .sec-tittle-header.btn-text.text-banner{
        padding: 40px 0px 0px;
    }
    .adt-product-sec{
        padding: 30px 0px 30px;
    }
    .adt-card-feature{
        margin-bottom: 10px;
    }
    .adt-card-roduct-box{
        margin-bottom: 20px;
        height: auto;
    }
    .call-now-form-sec{
        padding: 30px 0px 30px;
    }
    .product-iamge-side{
        margin-bottom: 30px;
    }
    .footer-area-sec{
        padding: 30px 0px 30px;
    }
    .footer-area-sec .col-lg-6.col-md-6.col-sm-12{
    padding-left: 30px!important;
    padding-right: 30px!important;
    }
    .footer-area-sec .col-lg-12{
        padding-left: 30px!important;
        padding-right: 30px!important;
    }
    .footer-links a {
        font-size: 16px;
        color: #fff;
    }
}
@media (min-width: 768px) and (max-width: 1024px){
    .logo-category-work{
        margin-bottom: 30px;
    }
    .home-3 .header{
        padding: 0px 0px 0px;
    }
    .navbar .nav-right-btn{
        display: block!important;
    }
    .call-thme-btn {
        margin-top: 7px;
        margin-bottom: 13px;
    }
    .co-brand{
        margin-bottom: 20px;
    }
  
  
    .card-box-up{
        margin-top: -50px;
    }
    .images-content-box{
        display: block;
        text-align: left;
    }
    .moitored-img{
        width: 100%;
        float: unset;
        text-align: center;
        margin-bottom: 6px;
    }
    .monitored-text{
        padding-left: 0px;
        width: 100%;
    }
    .monitored-card-box{
        min-height: 325px;
    }
    .adt-monitored-sec{
        padding: 20px 0px 20px;
    }
    .adt-card-roduct-box{
        height: auto;
    }
    .product-iamge-side{
        margin-bottom: 30px;
    }
    .ter-page-box {
        margin-top: 54px;
    }
    .ter-page-box .mb-5 {
        margin-bottom: 1rem !important;
    }
}