@media (min-width:320px) and (max-width:480px) { 
header .navbar{padding:0; background: #fff;}
header .navbar-brand{padding:15px;} 
header .navbar-nav{border-top:1px solid #ccc;}
header .navbar-nav li a{font-size:20px;}
header .navbar-nav .nav-item{padding-right:0; background:#f4f4f4; border-bottom:1px solid #999;} 
header .navbar-nav .nav-item:hover{background:#e4e4e4;}
header .navbar-toggler-icon{display:none;}
header .navbar-nav .nav-link{padding:5px 15px; color:#555;} 
header .navbar-collapse{position:absolute; width:100%; top:70px; z-index:999;}
header button:focus {outline:0;} 
.banner-heading{font-size:25px; padding:10px 0;}
.top-banner .carousel-indicators{display:none;}
.top-banner .carousel-inner{padding:20px 0;}
.brands, .who-we-are, .products, .products-section{padding:30px 0;}
.brands .tech-section li .tech-items img{width:auto;}
.border-title h2{font-size:25px;}
.brands .tech-section li{width:100%; margin-bottom:15px;}
.dg-wrapper{width:100%; max-width:400px; overflow:hidden;}
.dg-wrapper a{max-width: 400px; width:100%; height: auto;}
footer ul{text-align:center; margin-top:0px;}
footer ul li{padding: 0 8px;}
.footer-logo{text-align:center; margin-bottom:20px;}
footer p{text-align:center;}
.border-box{padding:15px; margin-bottom:30px;}
.head-office-details{padding:15px;}
.head-office-details p{font-size:16px; min-height:50px;}
.head-office-details p.location-icon{padding: 0 0 0 25px;}
.contact-heading{font-size:30px; padding-bottom:5px;}
.dg-container nav span.dg-next{top:45%; right:65px;}
.dg-container nav span.dg-prev{top:45%; left:25px;}
.footer-logo img{width:100%; max-width:190px;}
.copy-rights{margin-top:15px;}
}





@media (min-width:480px)  { /* smartphones, Android phones, landscape iPhone */ }




@media (min-width:600px)  { /* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */ }



@media (min-width:801px)  { /* tablet, landscape iPad, lo-res laptops ands desktops */ }


@media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */ }


@media (min-width:1281px) { /* hi-res laptops and desktops */ }