@media only screen and (max-width: 992px) {
    #col-main {
        margin-left: 0px;
    }

    .general nav {
        display: none;
    }

    .row.right {
        padding-left: 20px;
    }

    #col-main:after {
        background: none;
    }
}
 
@media (min-width: 768px) {
    .mrg {
        margin-right:30px;
    }
    .col-md-1 {
        -ms-flex: 0 0 10%;
        flex: 0 0 10%;
        max-width: 10%;
        padding: 0;
    }

    .col-md-11 {
        -ms-flex: 0 0 90%;
        flex: 0 0 90%;
        max-width: 90%;
        padding: 0;
    }
}

@media only screen and (max-width: 767px) {
    .menu-li span {
    color: red;
    font-size: 40px;
    padding-right: 15px;
}
    li.menu-li {
        display:flex;
        padding-bottom: 20px;
    }
    .goster .join-us-btn {
    width: 100%;
    margin-top: 30px;
}
    .goster {
        display:block !important;
    }
    .copyright-container img {
    margin-left: 0 !important;
}
    .copyright-container {
        text-align:center;
    }
    .home-background h1 {
        line-height:10px;
    }
    .home-background {
        background-size:auto !important;
    }
    .home-background h6 {
        display:none;
    }
    .static-content-bottom .main-content {
        padding: 10px;
    }
    .abo {
    padding: 30px !important;
}
    .home-background h1 a {
      font-size: 27px;
    }

    .user-info p {
        display: none;
    }

    .dots .more {
        top: 100%;
        left: -65px;
        margin-left: 0;
        margin-top: 10px;
    }
}

@media only screen and (max-width: 960px) {
     .form-container,
     .notification {
         display: none;
     }

     .user-container .mobile-header-icon {
         display: block;
         padding-left: 30px;
     }
}

@media only screen and (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1350px !important;
    }
}

@media (min-width: 992px) and (max-width: 1100px) {
    .container, .container-sm, .container-md, .container-lg {
        max-width: 1064px !important;
    }
}
 
  @media (min-width: 1380px) and (max-width: 1500px) {
    .container, .container-sm, .container-md, .container-lg {
        max-width: 1495px !important;
    }
}


@media (min-width: 1500px) and (max-width: 1600px) {
    .container, .container-sm, .container-md, .container-lg {
        max-width: 1600px !important;
    }
} 

@media (min-width: 1600px) and (max-width: 1700px) {
    .container, .container-sm, .container-md, .container-lg {
        max-width: 1700px !important;
    }
}

@media (min-width: 1700px) and (max-width: 1800px) {
    .container, .container-sm, .container-md, .container-lg {
        max-width: 1800px !important;
    }
} 

 @media (min-width: 1800px) and (max-width: 1900px) {
    .container, .container-sm, .container-md, .container-lg {
        max-width: 1900px !important;
    }
} 

@media (min-width: 1900px) and (max-width: 2000px) {
    .container, .container-sm, .container-md, .container-lg {
        max-width: 2000px !important;
    }
} 

@media (min-width: 2000px) and (max-width: 3000px) {
    .container, .container-sm, .container-md, .container-lg {
        max-width: 3000px !important;
    }
} 
 
 
@media (max-width: 992px) {
   .menu-wrap {
       display: flex;
   }

   .static-content-top,
   .static-content-bottom,
   .contact-title-container {
       padding-left: 0;
       padding-right: 0;
   }

}

@media (max-width: 530px) {
    .home-background {
        margin-top: 77px;
    }

    .popup-layer {
        top: 78px;
    }
}


@media (max-width: 768px) {
    .menu-wrap {
        width: 30px;
    }

    .join-us-container .join-us-btn {
        box-shadow: none;
    }

    .static-content-bottom .main-title {
        font-size: 28px;
    }
}


@media (max-width: 768px) {
    .join-us-container .join-us-btn {
        display: none;
    }

    .logo-container .logo.mobileDark {
        display: block !important;
   }

   .logo-container .logo-white {
    display: none;
}

   
#nav-menu .social-icons.mobile {
    display: block;
}

#nav-menu .social-icons {
    display: none;
}

.nav-dark.mobile {
    background-color: #fff !important;
}
} 

@media (max-width: 445px) {
   .dark-mode {
       display: none;
   }

   .dark-mode.mobile {
       display: flex;
       margin-top: 25px;
       justify-content: center;
    }
} 


@media (max-width: 992px) {
    .join-us-container .join-us-btn {
        display: none;
    }

    .join-us-container .join-us-btn.mobile {
        display: flex;
    }

    .home-background {
        margin-top: 77px;
    }
 }