@media(max-width:3000px) and (min-width: 1700px){
 

}

 
@media(max-width: 1024px) {

}
@media(max-width: 992px) {
     header .mobile-navbar.open {
         right: 0%;
    }
     .navbar-toggler .icon-bar {
         display: block;
         width: 25px;
         height: 2px;
         border-radius: 0px;
         background-color: #000;
         position: relative;
         margin: 5px auto;
         transition: all ease-in-out 0.3s;
         -webkit-transition: all ease-in-out 0.3s;
         -moz-transition: all ease-in-out 0.3s;
         -o-transition: all ease-in-out 0.3s;
    }
     header .navbar-toggler.active .icon-bar.one {
         -webkit-transform: rotate(45deg);
         -moz-transform: rotate(45deg);
         -o-transform: rotate(45deg);
         transform: rotate(45deg);
         top: 7px;
    }
     header .navbar-toggler.active .icon-bar.two {
         transform: translateX(40px);
         -webkit-transform: translateX(40px);
         -moz-transform: translateX(40px);
         -o-transform: translateX(40px);
    }
     header .navbar-toggler.active .icon-bar.three {
         -webkit-transform: rotate(-45deg);
         -moz-transform: rotate(-45deg);
         -o-transform: rotate(-45deg);
         transform: rotate(-45deg);
         bottom: 7px;
    }
     .mobile-navbar .navbar-nav {
         margin-top: 50px;
         display: block;
    }
     header .navbar-toggler, header .navbar-toggler:focus {
         border: 0;
         outline: 0;
         padding: 0;
         width: 25px;
         height: 25px;
         position: relative;
         overflow: hidden;
         z-index: 2;
         margin: 10px;
         top: -5px;
    }
     header .mobile-navbar.open {
         right: 0%;
    }
     header .mobile-navbar {
         z-index: 2;
         width: 100%;
         position: fixed;
         top: 0;
         padding: 0px;
         z-index: 1;
         right: -100%;
         background-color: #fff;
         color: #fff;
         height: 100vh;
         overflow-y: scroll;
         transition: all 0.3s;
    }
    .navbar-brand {
    top: 1px;
    left: 15px;
}
     .navbar-brand img {
         margin: inherit;
         width: 85%;
         margin-top: 10px;
         display: flex;
         justify-content: center;
    }
.navbar-expand-md .navbar-toggler {
    display: block;
    position: relative;
    top: 5px;
}
.navbar-expand-md .navbar-toggler:focus{
    box-shadow: none;
}

}

 @media(max-width: 767px) {
    


}
 @media(min-width:768px) {
}