@media (max-width: 1200px){
 .mynav .nav-item .nav-link {padding: 10px 16px !important;}

}

@media (max-width: 990px){
    .navbar-toggler {position: absolute; top: 15px; right: 21px; }
    .mynav .nav-item .nav-link {padding: 6px 20px !important; transition: 2s; text-align: center; }
    .navbar .container{display: block;}
    .logo{width: 100px !important; padding: 0px  !important;}
/*    body{padding-top: 51px;}  */
    .banner-inner h1 { font-size: 30px; }
    .mynav .nav-item .dropdown-menu  .dropdown-item{text-align: center;}
    .main-box .img-box{    flex: auto;}
    .main-box .text-box {
    flex: 0;
    flex-basis: 100%;
    padding-left: 0;
    padding: 19px 0;
    text-align: center;
}
.banner {
    margin-top: 101px;
}
} 

@media (max-width: 767px){
    .bigfont, .section-title h2{font-size: 24px; word-spacing: normal; word-break: break-word; width: 100%;}
    .logo img{ width: 100%;}
    .owl-nav .owl-next{left: auto;  right: 10px;  }
    .owl-nav .owl-prev {right: auto; left: 10px; font-size: 0px;}
    .owl-nav div{width: 60px; height: 60px;}
    .footer-links li{margin: 0 0px; }
    .carousel-item{height: 45vh; min-height: 150px;}
    .shrink.fixed-top .navbar-brand.logo img{width: 100%;}
    .banner-inner h1{    font-size: 27px !important; margin: 0!important;  padding: 0 !important;}
    .banner-img{height: 15vh; min-height: 150px;}
    .mb_parallax_overlay h1{font-size: 20px;}
    .mb_parallax_overlay h1 .mt-5{margin-top: 0px !important;}
    .subtitle{font-size: 16px;}
    .head-title{font-size: 24px !important; text-align: center !important;}
    .site-section { text-align:center; }
    .clients .slide img{    width: 149px !important;}
/*    body{    padding-top: 49px !important;}*/
.carousel-inner{padding:20px !important;}
.sidebar{ margin-bottom:30px; }
.banner {
    margin-top: 37px;
}
}	


@media (max-width: 575px){
    .navbar-toggler {top: 15px;}
    .products .content ul{margin-left: 0px; }
    .products .content p{text-align: justify;}
    .products .content li{text-align: left;}
}

@media (max-width: 600px){
    .top-address p a{    font-size: 12px;}
    .top-address {font-size: 12px;text-align: center !important;}
    .top-right-menu ul.social-icons{text-align: center !important;}
    .feature-boxes{text-align: center;}
    .feature-boxes .content-icon{float: none;}
    .feature-boxes .box-right {  padding-left: 0;}
    .site-section {padding: 2rem 0; }
}	


@media (max-width: 360px){
 

}
@media (max-width: 320px){
     .navbar-toggler {position: absolute;  right: 0; }
     .top-address p{text-align: center;}
     body{padding-top: 50px;}
     .mynav .nav-item .nav-link{font-weight: 500;}
    /* .logo {  width: 80%;}*/



}