@media screen and (max-width: 991px) {
.topnav {
background-color: #333;
display:none;
}
.topnav a:hover {
background-color: #ddd;
color: black;
}
.topnav a.active {
background-color: #04AA6D;
color: white;
}
.topnav .icon {
display: none;
}
.topnav a:not(:first-child) {display: none;}
.topnav a.icon {
float: right;
display: block;
}
.topnav.responsive {position: relative;}
.topnav.responsive a.icon {
position: absolute;
right: 0;
top: 0;
}
.topnav.responsive a {
float: none;
display: block;
text-align: left;
}
.topnav.responsive {
display: block;
position: absolute;
top: 40px;
left: 0;
width: 100%;
z-index: 9999;
}
.cctv-work {
padding: 20px 0;
}
a.icon {
display: block;
}
.navbar-outer {
padding: 10px 0;
}
.footer-container {
padding: 20px 0 0;
}
nav li {
width: 100%;
}
nav li a {
font-size: 17px;
padding: 16px 20px;
border-right: none;
border-bottom: 1px #fff solid;
}
nav .fa {
float: right;
color: #fff;
position: relative;
top: 6px;
}
.security-framework-outer h4 {
font-size: 30px;
}
.security-framework-outer h5 {
font-size: 25px;
}
.footer-container h4 {
font-size: 25px;
padding: 10px 0;
}
.security-framework-outer .col-md-12 {
padding: 40px 20px;
}
.our-product-left {
margin-bottom: 30px;
}
.cctv-work h3 {
font-size: 28px;
}
.cctv-work p {
font-size: 17px;
}
.header-inner a img {
width: 120px;
}
nav span {
width: auto;
float: left;
color: #fff;
font-size: 20px;
font-weight: bold;
text-transform: uppercase;
}
.header-topbar {
display: none;
}
.content-inner img {
margin: 0 0px 20px 0;
width: 100%;
}
.navbar-outer .container {
max-width: 100%;
}
.content-main-heading h1 {
font-size: 25px;
}
.content-inner {
padding: 20px 0;
}
.contact-field {
width: 100%;
margin-right: 0;
margin-bottom: 20px;
}
.contact-comment textarea {
width: 100%;
}


}