@media screen and (max-width: 2500px) {
    .logo-slider-margin{
        margin-top : 40%;
    }
    .logo-text-margin{
        margin-top : 20%;
    }

    .modal.consumption-report-dialog .modal-dialog{
        width : 1100px;
    }
}

@media screen and (max-height: 2000px) {
    .modal.pcl-dialog {
        top: 5%;
    }

    .modal.comment-dialog{

    }

    .modal.generate-bar-code{
        top: 10%;
        overflow: hidden;
    }

    .modal.cas-dialog {
        top: 3%;
        overflow: hidden;
    }
    .modal.cas-overview-dialog {
        top: 3%;
    }

    .cas-dialog .modal-body{
        min-height : 600px;
    }

    .modal.structure-cas-dialog {
        top: 3%;
        overflow-y : hidden;
    }

    .structure-cas-dialog .modal-body {
        min-height: 600px;
    }
    .modal.quick-search-dialog {
        top: 3%;
        overflow: hidden;
    }

    .quick-search-dialog .modal-body{
        min-height : 600px;
    }

    .modal.reset-statuses-dialog {
        top: 3%;
        overflow-y : hidden;
    }

    .modal.select-location-dialog {
        top: 3%;
        overflow-y : hidden;
    }

    .reset-statuses-dialog .modal-body{
        min-height : 600px;
    }

    .select-location-dialog .modal-body{
        min-height : 600px;
    }

    .select-location-dialog-scroll{
        height : 550px;
    }
}

@media screen and (max-height: 800px){
    .cas-dialog .modal-body{
        min-height : 450px;
    }

    .structure-cas-dialog .modal-body {
        min-height: 450px;
    }

    .modal.structure-cas-dialog {
        top: 0;
        overflow-y: auto;
    }

    .quick-search-dialog .modal-body{
        min-height : 450px;
    }

    .modal.quick-search-dialog {
        top: 0;
        overflow-y: hidden;
    }

    .reset-statuses-dialog .modal-body{
        min-height : 600px;
    }

    .modal.reset-statuses-dialog {
        top: 0;
        overflow-y: auto;
    }

    .select-location-dialog .modal-body{
        min-height : 500px;
    }

    .modal.select-location-dialog {
        top: 0;
        overflow-y : hidden;
    }

    .select-location-dialog-scroll{
        height : 450px;
    }
}

@media screen and (max-height: 600px){
    .cas-dialog .modal-body{
        min-height : 300px;
    }

    .structure-cas-dialog .modal-body{
        min-height : 300px;
    }

    .modal.structure-cas-dialog {
        top: 0;
        overflow-y: auto;
    }
    .quick-search-dialog .modal-body{
        min-height : 300px;
    }

    .modal.quick-search-dialog {
        top: 0;
        overflow-y: auto;
    }

    .reset-statuses-dialog .modal-body{
        min-height : 300px;
    }

    .modal.reset-statuses-dialog {
        overflow-y: auto;
    }

    .select-location-dialog .modal-body{
        min-height : 300px;
    }

    .select-location-dialog .modal-body{
        min-height : 300px;
    }

    .modal.select-location-dialog {
        top: 0;
        overflow-y : hidden;
    }

    .select-location-dialog-scroll{
        height : 250px;
    }
}

@media screen and (max-height: 450px){
    .cas-dialog .modal-body{
        min-height : 200px;
    }

    .structure-cas-dialog .modal-body{
        min-height : 200px;
    }

    .modal.structure-cas-dialog {
        top: 0;
        overflow-y: auto;
    }
    .quick-search-dialog .modal-body{
        min-height : 200px;
    }

    .modal.quick-search-dialog {
        top: 0;
        overflow-y: auto;
    }

    .reset-statuses-dialog .modal-body{
        min-height : 200px;
    }

    .modal.reset-statuses-dialog {
        overflow-y: auto;
    }

    .select-location-dialog .modal-body{
        min-height : 200px;
    }

    .modal.select-location-dialog {
        overflow-y: auto;
    }
}

@media screen and (max-width: 1600px) {
    .full-portfolio .item-wrap {
        width: 20%;
    }
    .btns{
        margin-top: -25px;
    }

}

@media screen and (max-width: 1199px) {
    .btns{
        margin-top: -25px;
    }
    .btns.contactUs{
        margin-top:5%;
    }

   .side-menu.pinned {
        width: 213px;
    }

    .boxed header .shadow {
        width: 100%;
        left: initial;
        margin-left: initial;
    }

    #main {
        width: auto;
    }

    .full-portfolio .item-wrap {
        width: 25%;
    }

    .shop-promo .title {
        padding: 10px 0;
    }

    .shop-promo .button {
        margin: 20px 0 10px;
    }

    .shop-promo h3 {
        margin: 10px 0;
    }

    .shop-col-item .rating {
        font-size: 15px;
    }

    .preview.gallery .thumb {
        width: auto;
    }

    .fancy-portfolio.sided .item.wrap {
        width: 50%;
    }

    header .uber-menu li a {
        padding: 0;
    }

    .mason-el, .mason-el.height2 {
        width: 234px;
    }

    .mason-el.width2 {
        width: 469px;
    }
}

@media screen and (max-width: 767px) {

    .constructing .container > .row {
        margin-bottom: 0;
    }

    .full-portfolio .item-wrap {
        width: 100%;
        margin-right: 0;
    }

    .to-left {
        float: none;
    }

    .to-right {
        float: none;
    }


    #section-nav {
        display: none;
    }

    header .navbar-right {
        margin-right: 15px;
        margin-top: 15px;
    }

    .uber-menu ul li {
        width: 100%;
    }

    .uber-menu ul li {
        border: none;
    }

    #nav-shop .cart {
        padding: 0 55px;
    }

    #partners img {
        margin: auto;
    }

    #footer {
        padding: 40px 0;
    }

    #footer .col-sm-3 {
        padding: 15px;
    }

    .shop-promo {
        width: 100%;
    }

    .portfolio.single .photo {
        margin-bottom: 30px;
    }

    .portfolio.single .controls {
        display: none;
    }

    .fancy-portfolio .item.wrap, .fancy-portfolio.sided .item.wrap {
        width: 100%;
    }

    .fancy-portfolio .item.wrap .item {
        width: 100%;
    }

    .fancy-portfolio.col-4 .item.wrap {
        width: 100%;
    }

    .fancy-portfolio.col-2 .item.wrap {
        width: 100%;
    }

    .fancy-portfolio .sidebar.left {
        padding-left: 7px;
        padding-right: 7px;
    }

    .fancy-portfolio .sidebar.right {
        padding-left: 7px;
        padding-right: 7px;
    }

    .form-1 {
        overflow: hidden;
    }

    .form-3 .form-control {
        margin: 0;
        margin-bottom: 25px;
    }

    .load {
        margin-bottom: 15px;
    }

    .load.inside {
        margin-bottom: 60px;
    }

    .classic.portfolio .load {
        margin-bottom: 0;
    }

    .time.load {
        margin-top: 60px;
        margin-bottom: 15px;
    }

    .person {
    }

    .tab.right {
        padding-top: 5px;
    }

    .box-7 {
        margin-bottom: 30px;
    }

    #botbar .socials {
        float: left;
        margin-bottom: 5px;
    }

    #accordion-2 {
        margin-bottom: 40px;
    }

    .post:last-child {
        padding-bottom: 20px;
    }

    .tab.right {
        padding: 0;
    }

    .testimonials-1 {
        margin-bottom: 30px;
    }

    .box-2 .item:last-child {
        margin-bottom: 40px;
    }

    .blog-wrapper.grid .element-wrap {
        width: 100%;
    }

    .blog-wrapper.blog-thumb h3 {
        margin-top: 20px;
    }

    .blog-wrapper .element {
        margin-bottom: 30px;
    }

    .blog-wrapper .inside {
        padding-left: 0;
    }

    .blog-wrapper .sep-line {
        margin-top: 30px;
    }

    .timeline .element {
        max-width: none;
    }

    .timeline .element.start {
        text-align: center;
    }

    .timeline .element.start i {
        padding: 15px;
    }

    .blog.sidebar {
        padding-top: 0;
    }

    .wrap-404 {
        line-height: 110px;
        font-size: 110px;
    }

    .wrap-404 i {
        font-size: 90px;
        bottom: 5px;
    }

    .alt-banner {
        padding: 0;
    }

    .alt-banner .text {
        margin-bottom: 5px;
    }

    .alt-banner .btns .button {
        margin-top: 15px;
    }

    .isotope-element {
        width: 100%;
    }

    .shop-wrapper .shop-item-wrap {
        width: 100%;
    }

    .shop-wrapper .load {
        margin-top: 15px;
    }

    .constructing .main-txt {
        margin-top: 30px !important;
    }

    .constructing .logo {
        padding-top: 60px !important;
    }

    .big-subscribe input {
        width: 100%;
    }

    .big-subscribe .button {
        width: 100%;
    }

    .lg-btn-section .button.striped {
        padding: 0 50px;
    }

    .lg-btn-section .button.solid > .over {
        padding: 0 50px;
    }

    .masonry-container.isotope {
        width: 450px;
        margin: 0 auto;
    }

    .mason-el, .mason-el.height2 {
        width: 224px;
    }

    .mason-el.width2 {
        width: 449px;
    }

    .parteners.carousel .fade-l, .parteners.carousel .fade-r {
        display: none;
    }    
}

@media screen and (max-width: 650px){
    .btns.contactUs{
        margin-top:20%;
    }

    .createNewCompound {
        position: absolute;
        top: 55px !important;
        right: 30px !important;
    }
}

@media screen and (max-width: 530px) {

    .logo-slider-margin{
        margin-top : 55%;
    }
    .logo-text-margin{
        margin-top : 40%;
    }

    .shop-panel .cart-list .head {
        display: none;
    }

    .cart-list .head .section.prc {
        display: none;
    }

    .cart-list .line .price {
        display: none;
    }

    .cart-list .line .price.total {
        display: block;
        padding-left: 20px;
        margin: 5px 0;
        width: 100%;
        text-align: left;
    }

    .shop-panel .cart-list .line .quantity {
        width: 100%;
        margin: 5px 0;
    }

    .shop-panel .cart-list .line .name {
        width: 100%;
        margin: 5px 0;
    }

    .shop-panel .cart-list .head .total {
        width: 100%;
        padding-right: 0;
        text-align: left;
    }

    .shop-panel .cart-list .inputs .button {
        width: 100%;
    }

    .shop-panel .cart-list .inputs input {
        width: 100%;
        max-width: none;
    }
}

@media screen and (max-width: 480px) {

    .table.data thead td {
        padding: 0px;
    }

    .table.data td {
        padding: 0px;
    }

    .masonry-container.isotope {
        width: 290px;
        margin: 0 auto;
    }

    .mason-el, .mason-el.height2 {
        width: 144px;
    }

    .mason-el.width2 {
        width: 289px;
    }
}
@media screen and (max-width: 400px){
    .btns.contactUs{
        margin-top:25%;
    }
}

@media screen and (max-width: 1000px) {
	.hide-for-small-screen {
		display: none !important;
	}
}

@media screen and (max-width: 1300px) {
	.hide-for-small-screen-1300 {
		display: none !important;
	}
}