@media screen and  (max-width: 1200px){
    footer:before{
        display: none;
        }
    .navbar-collapse{
        margin-top: 30px;
        }
    }


@media screen and  (max-width: 993px) {
    .nav-login-out {
        flex-direction: row;
        }
    .nav-login-out span{
        display: none;
        }
    .nav-login-out li:first-child{
        margin-left: 1.5rem;
        }
    .header-main{
        padding-top: 1.5rem;
        }
    .popular-pack-in-images {
        padding-right: 0;
        }
    .header-main .dropdown-menu{
        background-color: transparent;
        border: none;
        }
    .header-main .dropdown-menu .dropdown-item{
        color: white;
        }
    footer{
        padding-top: 50px;
        background-image: none;
        background-color: #202b52;
        }
    .sales-box:before,    .sales-box:after {
        content: '';
        
        }
    .case {
       background-image: none;
        background-color: #ebf4fe;
     
        }
    .sazman,.multi,.kargah  {
        padding: 0;
        }
    /*.multi .icon {*/
         /*margin-right: 0;*/
        /*}*/
    /*.multi {*/
        /*text-align: right;*/
        /**/
        /*}*/
    /*.multi .tool:after {*/
        /*margin-left: -235px;*/
        /*}*/
    /*.multi .tool:before {*/
        /*margin-left: -95px;*/
        /*}*/
    .text-case{
        position: relative !important;
        }
    .sidebar:after,.sidebar:before{
        content: '';
        }
    }
@media screen and  (max-width: 768px){
    .sidebar:after,.sidebar:before{
        content: '';
        }
    .last-pack-tabs .nav-item .nav-link {
        border-left: none;
        }
        .multi .aba{
            text-align: right;
            }
    .multi .tool:after {
        margin-left: -235px;
        }
    .multi .tool:before {
        margin-left: -95px;
        }
    .multi .icon {
        margin-right: unset;
        }
    .text-pack{
        font-size: 16px;
        }
    }
@media screen and  (min-width: 576px) and (max-width: 1200px){
    .login-box{
        position: absolute;
        top: 8px;
        left: 0;
        }
    .logo-main-in{
        position: absolute;
        right: 0;
        top: 0;
         }
    .div-menu .navbar-toggler{
        margin-right: 130px;
        }
    }
@media screen and  (min-width: 992px){
    .flex-center{
        display: flex;
        align-items: center;
        }
    .footer-in .contact-footer2{
        display: none;
        }
    .footer-in .contact-footer img,.footer-in .register-footer img{
        width: 80%;
       
        }
    .nav-btn-top2{
        display: none;
        }
    }
@media screen and  (max-width: 768px){
    .navbar-nav.center-nav>li {
        float: right;
        }
    .multi .text-in-case{
        left: auto;
        right: 30px;
        }
    .multi .text-in-case:before{
        left: auto;
        right: 30px;
        }
    }


@media screen and  (max-width: 991.99px){
  
    .footer-in .contact-footer{
        display: none;
        }
    .footer-in .contact-footer2 img,.footer-in .register-footer img{
        width: 50%;
        margin-bottom: 10px;
        }
    .header-in .navbar-nav.nav-btn-top2{
        float: left !important;
        margin-left: 15px !important;
        margin-right: auto;
        }
    .nav-btn-top{
        display: none;
        }
    }
@media screen and  (min-width: 577px) and (max-width: 768px){
    .multi .aba {
        margin-right: 160px;
        }
    }

@media screen and  (max-width: 576px){
    .sidebar:after,.sidebar:before{
        content: '';
        }
    .multi .tool:after {
        margin-left: -235px;
        }
    .multi .tool:before {
        margin-left: -95px;
        }
    .multi .icon {
        margin-right: unset;
        }
    .nav-animate .nav-link{
        font-size: 14px;
        }
    .number{
        margin-left: 5px;
        }
    .login-box{
        position: absolute;
        top: 75px;
        left: 0;
        }
    .img-logo{
        float: none;
        justify-content: center;
        }
    .header-top-bar.fixed-top,.header-top-bar.navbar-fixed-top{
        position: relative;
        }
    .sidebar {
        /* padding-bottom: 45px; */
        position: relative;
        margin-top: 0;
        }
    }

@media (max-width: 991px) {
    .header-in .navbar-header {
        float: none;
        }
    .header-in .navbar-toggle {
        display: block;
        }
    .header-in .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
        }
    .header-in .navbar-collapse.collapse {
        display: none!important;
        }
    .header-in .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
        }
    .header-in .navbar-nav>li {
        float: none;
        }
    .header-in .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
        }
    .header-in .navbar-text {
        float: none;
        margin: 15px 0;
        }
    /* since 3.1.0 */
    .header-in .navbar-collapse.collapse.in {
        display: block!important;
        }
    .header-in .collapsing {
        overflow: hidden!important;
        }
    }






