@media screen and (max-width:1169px) {
.features h1 {

    font-size: 30px !important;
    letter-spacing: 1px !important;
    font-weight: normal !important;

}
.features {
    padding: 0 !important;
    margin: 0;
}
.zoomContainer{z-index: -1 !important;}
p.network{font-size: 15px !important; color: #000 !important;}
.features p {
    margin-bottom: 15px !important;
    font-size: 13px !important;
    color: #616060 !important;
    font-weight: normal !important;
}
}

@media screen and (max-width:990px) {
.navbar-nav {
    background: #da730e;
    margin: 0;
    padding: 0;
}
.navbar .nav-item .nav-link {
    line-height: 1.1;
    color: #fff !important;
    padding: 10px !important;
    border-bottom: 1px solid #fff;
}
.list-inline-item{margin: 0px; padding: 0;}
.navbar .nav-item .nav-link:hover{background: #034ea2; color: #fff;}
.bott h4{font-size: 15px !important;}
.bg-light {
    padding: 20px 0 !important;
    margin: 0;
}
.about-section{
    padding: 20px 0 !important;
    margin: 0;
}
iframe {
    margin-top: 30px;
}
.top-header{text-align: left !important;}
.quik h2{font-size: 25px !important;}
.capcha-dev {
    margin: 0px;
    padding: 0px 10px;
}
.tab-lock ul li{width: 33% !important;}
.tab-lock a{font-size: 15px !important; text-align: center !important;}
.nav{border-bottom: 1px solid #e9760b !important;}
.tab .nav-tabs li a{ padding: 0 10px 10px 0 !important; font-size: 15px !important;}
.tab-lock p{text-align: center !important;}
}
 
@media screen and (max-width:767px) {
.about-section h2{font-size: 25px;}
.tab-lock ul li {
    width: 49% !important;
}
}
 
@media screen and (max-width:569px) {
.navbar .nav-item .nav-link{font-size: 14px !important;}
.logo{text-align: center;}
.top-header{padding: 10px 0 !important;}
.logo ul li img {
    width: 150px;
}
.capcha-dev img {
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0px !important;
}
button.btns.btn-seccus {
    padding: 5px !important;
    font-size: 17px !important;
    width: 100%;
}
.modal-content{border: none; border-radius: 0;}
.modal-body{padding: 10px !important;}
.about-section h2{font-size: 22px;}
    .mb-5, .my-5 {
    margin-bottom: 0rem!important;
}
.mt-5, .my-5 {
    margin-top: 0rem!important;
}
.confic a {
    padding: 10px 20px !important;
    font-size: 15px !important;
    border-radius: 0 !important;
}
.box-features li{font-size: 15px !important; letter-spacing: 0 !important;}
.cnt223 {
    width: 100% !important;
    min-width: 100% !important;
}
.samsung-smart-lock {
    margin: 30px auto 0;
    padding: 0;
    position: relative !important;
    text-align: center;
    display: block;
}
}

@media screen and (max-width:480px) {
    .telesystem h2{font-size: 20px !important;}
    .telesystem p{font-size: 15px !important;}
    .marquees-footers p {
    color: #ffff;
    margin: 0;
    font-size: 14px !important;
    padding: 5px !important;
}
.btn-sm{padding: 10px !important;}
.logo{text-align: center;}
.top-header {
    text-align: left !important;
    padding: 10px 0 !important;
}
.logo ul li img {
    width: 120px;
}
.tab .nav-tabs li a {
    padding: 0px 12px 0 0 !important;
    font-size: 13px !important;
    margin: 0px !important;
}
    .mb-5, .my-5 {
    margin-bottom: 0rem!important;
}
.mt-5, .my-5 {
    margin-top: 0rem!important;
}
.features {padding: 10px 0 0!important;}

}
 
 
@media screen and (max-width:360px) {
    .about-section h2{font-size: 18px;}
    .about-section h5{font-size: 18px; line-height: 1.5;}
    .about-section p{font-size: 15px;}
    .tab-lock p{font-size: 10px;}
    .tab .nav-tabs li a{ padding: 0 10px 10px 0 !important; font-size: 14px !important;}
    .mb-5, .my-5 {
    margin-bottom: 0rem!important;
}
.mt-5, .my-5 {
    margin-top: 0rem!important;
}
.features h1{font-size: 18px !important; line-height: 20px !important}
}