@media all and (max-width: 1199px) {
  .footer-widget-box {
    margin: 10px 0;
    border-top: 1px dashed #59749e;
    padding-top: 20px;
  }
  .bigmenu{ width:600px !important; left:-300px; }
  .bigmenu li{float: left !important; width: 275px !important;}
  .primary-nav-wrap ul li .dropdown-menu .dropdown-item {
    font-size: 14px;
    font-weight: 500;
    padding: 6px 15px;
  }
}

@media all and (max-width: 991px) {
.header-top-contact ul{display: block !important;}

  .footer-widget-wrapper {
    padding-bottom: 0px;
  }
  .copyright .footer-menu {
    float: left;
    margin-top: 20px;
    text-align: left;
  }
  .copyright .footer-menu li {
    margin-left: 0;
    margin-right: 15px;
  }
.primary-nav-wrap .navbar-nav .nav-item,
.primary-nav-wrap ul li .dropdown-menu
{    width: 100%; padding: 0; margin: 0; }
/*.primary-nav-wrap ul li:hover .dropdown-menu{display: block;}*/
.primary-nav-wrap .navbar-nav .nav-link{border-bottom: 1px solid #ccc; font-size: 14px;}
.primary-nav-wrap ul li .dropdown-menu .dropdown-item{font-size: 14px;}
.primary-nav-wrap ul .dropdown-menu{background: #849700;color: #fff}
.primary-nav-wrap ul .dropdown-menu:hover{background: #849700; color: #fff}
.primary-nav-wrap .navbar-nav .nav-item, .primary-nav-wrap ul li .dropdown-menu{background: #849700;color: #fff}
.main-navigation{position: relative;transition: 2s;}

.brandname { transition: 2s; transform: translate(10px);font-size: 12px;
        top: 0;
        position: absolute;
        padding: 4px 10px;
        right: 25%;
    }

}

@media all and (max-width: 767px) {
.header-top-right{display: none !important;}
.about_us_area {
    background: #fff;
    padding: 0 20px;
    margin-bottom: 20px !important;
    margin-top: 20px !important;
}
.myfeature-wrap{margin-top: 20px  !important;;}
.subtittle h2{font-size: 30px !important; padding-top: 40px !important;}
.tittle h3{font-size: 16px !important;}
.titlebox {margin-bottom: 50px; font-size: 30px; font-weight: 600; }
.myproducts {margin: 0px;}
.titlebox p{font-size: 26px;}
.header-top-contact ul li a {font-size: 12px; font-weight: 400; line-height: 21px; float:none; }
.header-top-social.text-white {  font-size: 12px;}
.products-nav-wrap .adv{display: none;}
.footer-widget-wrapper { padding-bottom: 0px;}
.header-top-wrapper,.header-top-contact ul,.header-top-right,.header-top-left{display: block;    overflow: auto;}
.header-top-contact ul li {display: block; float: left; margin-left: 10px}
.navbar-brand{width: 238px;}
.header-top-wrapper{padding: 5px}
.breadcrumb .title-wrap h1 {color: #fff; font-size: 25px; }
.connect a {   padding: 5px 9px;   font-size: 20px;}
.bigmenu{width:100% !important; left:0; height: 200px; overflow:auto;}
.bigmenu li{float: inherit !important; width: 100% !important;}
.product-img1 img{height: 100%;}



    .brandname {
        transition: 2s;
        transform: translate(10px);
        font-size: 12px;
        top: 0px;
        position: absolute;
        padding: 4px 5px;
        right: 20%;
    }

    .brandname a img {
    width: 75px;
    transition: 2s;
    transform: scale(1.0);
}

    .navbar-brand img {
    width: 162px;
    padding-left: 20px;
  }
}

@media all and (max-width: 360px) {
#democarousel img{height: 200px;;}
    
}